@font-face {
   font-family: 'Tahoma';
   src: url('../fonts/tahoma.eot') format('embedded-opentype'),
      url('../fonts/tahoma.woff') format('woff'),
      url('../fonts/tahoma.woff2') format('woff2'),
      url('../fonts/tahoma.ttf') format('truetype'),
      url('../fonts/tahoma.otf') format('opentype');
   font-display: swap;
}

@font-face {
   font-family: 'Tahoma Bold';
   src: 
      url('../fonts/tahoma-bold.eot') format('embedded-opentype'),
      url('../fonts/tahoma-bold.woff') format('woff'),
      url('../fonts/tahoma-bold.woff2') format('woff2'),
      url('../fonts/tahoma-bold.ttf') format('truetype'),
      url('../fonts/tahoma-bold.otf') format('opentype');
   font-display: swap;
}

@font-face {
   font-family: 'Arial';
   src: 
      url('../fonts/arial.eot') format('embedded-opentype'),
      url('../fonts/arial.woff') format('woff'),
      url('../fonts/arial.woff2') format('woff2'),
      url('../fonts/arial.ttf') format('truetype'),
      url('../fonts/arial.otf') format('opentype');
   font-display: swap;
}

@font-face {
   font-family: 'Arial Bold';
   src:
      url('../fonts/arial-bold.eot') format('embedded-opentype'),
      url('../fonts/arial-bold.woff') format('woff'),
      url('../fonts/arial-bold.woff2') format('woff2'),
      url('../fonts/arial-bold.ttf') format('truetype'),
      url('../fonts/arial-bold.otf') format('opentype');
   font-display: swap;
}

@font-face {
   font-family: 'Metric';
   src:
      url('../fonts/metric-regular.eot') format('embedded-opentype'),
      url('../fonts/metric-regular.woff') format('woff'),
      url('../fonts/metric-regular.woff2') format('woff2'),
      url('../fonts/metric-regular.ttf') format('truetype'),
      url('../fonts/metric-regular.otf') format('opentype'); 
   font-display: swap;
}

@font-face {
   font-family: 'Metric Medium';
   src:
      url('../fonts/metric-medium.eot') format('embedded-opentype'),
      url('../fonts/metric-medium.woff') format('woff'),
      url('../fonts/metric-medium.woff2') format('woff2'),
      url('../fonts/metric-medium.ttf') format('truetype'),
      url('../fonts/metric-medium.otf') format('opentype'); 
   font-display: swap;
}
@font-face {
   font-family: 'Glyphicons Halflings';
   src: url('../fonts/glyphicons-halflings-regular.eot');
   src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), 
   url('../fonts/glyphicons-halflings-regular.woff') format('woff'),
    url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), 
    url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
 }
 
html,
body {
   font-family: 'Arial', 'Open Sans', sans-serif;
   margin: 0;
   padding: 0;
   height: 100%;
   font-size: 14px;
   /* font-size: calc(14px + 7 * ((100vw - 320px) / 2240)); */
}

.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
   display: none !important
}

[hidden],
template {
   display: none
}
img.aligncenter{
   margin:auto;
   display: block;
}
h4{
   font-size: 20px;
    color: #000000;
    text-align: left;
    font-family: 'Tahoma Bold';
}
section h1{
   font-family: 'Tahoma Bold';
    font-size: 20px;
    margin-bottom: 24px;
}
.hidden{
   display: none !important;
}
.video-area{
   border:1px solid black;
}
@media (max-width:767px) {
   .visible-xs {
      display: block !important
   }
}

@media (min-width:768px) and (max-width:991px) {
   .visible-sm {
      display: block !important
   }
}

@media (max-width:767px) {
   .hidden-xs {
      display: none !important
   }
}

@media (min-width:768px) and (max-width:991px) {
   .hidden-sm {
      display: none !important
   }
}

@media (min-width:992px) and (max-width:1199px) {
   .hidden-md {
      display: none !important
   }
}

@media (min-width:1200px) {
   .hidden-lg {
      display: none !important
   }
}

a {
   cursor: pointer;
}

.color-yellow {
   color: #FFBC00;
}

.color-orange {
   color: #FF4F00
}

.color-grey {
   color: #9A989E;
}

.color-blue {
   color: #71B5F5
}

.color-green {
   color: #00A5A1;
}

.color-red {
   color: #A80A0F !important;
}

.color-brown {
   color: #621522;
}

.container,
.container-fluid {
   padding: 0 20px;
}

.section-breadcrumb{
   padding-top:2em;
}
.breadcrumb {
   background: transparent;
   padding: 0;
   font-size: 12px;
   font-family: 'Arial';
   display: block;
}

.breadcrumb>li+li:before {
   content: "\003E";
   color: #A80A0F;
   margin-right: 16px;
}

.breadcrumb > li:last-of-type {
   color: black;
   font-family: 'Arial Bold';
   
    vertical-align: top;
}

@media (min-width:1024px) {
   .breadcrumb {
      background: transparent;
      padding: 0;
      font-size: 14px;
      font-family: 'Arial';
      margin-bottom: 35px;
      display: flex;
   }

   .breadcrumb>li+li:before {
      color: #A80A0F;
      margin:0 16px;
   }

   .container-fluid {
      padding: 0 0px;
   }
}

header {}

header #mobile {
   padding: 15px;
   display: flex;
   justify-content: space-between;
}
img.size-medium{
   
}
img.size-full{
   width: auto !important; /* or probably 100% in case of a grid */
   height: auto !important; 
   
}

header #mobile img.logo {
   height: 55px;
}

header #mobile>a {
   font-size: 30px;
   float: right;
   margin-top: -9px;
   display: block;
}

header #dropdown {
   position: fixed;
   top: 0;
   left: 0;
   opacity: 0;
   display: none;
   visibility: hidden;
   z-index: 9999;
   width: 100vw;
   height: 100vh;
   background: rgb(57, 57, 58);
   color: white;
   overflow-y: auto;
   transition: opacity 2s visibility 2s;
   padding: 0px 10px;
}

@keyframes fade {
   0% {
      opacity: 0;
   }

   100% {
      opacity: 1;
   }
}

header #dropdown.active {
   opacity: 1;
   visibility: visible;
   display: block;
   animation: fade 1s;
}

header #dropdown #close-btn {
   position: absolute;
   top: 20px;
   right: 20px;
   font-size: 20px;
}

header #dropdown .search-block {
   position: absolute;
   top: 20px;
   left: 20px;
   font-size: 14px;
   width: 250px;
}

header #dropdown .search-block input {
   background: rgb(89, 88, 89);
   border: none;
   border-radius: 50px;
   height: 25px;
   color: white;
   text-indent: 25px;
   padding: 15px 10px;
   width: 100%;
}

header #dropdown .search-block input {
   transition: all 0.3s;
}

header #dropdown .search-block input:focus {
   width: 80vw;
   outline: none;
}

header #dropdown .search-block i {
   position: absolute;
   top: 7px;
   left: 12px;
}

header #dropdown ul {
   list-style-type: none;
   padding: 0;
}

header #dropdown ul#menu {
   margin-top: 10vh;
   padding-left: 15px;
   margin-bottom: 10vh;
}

header #dropdown ul#menu>li {
   padding: 10px 0px;
   font-size: 16px;
   font-family: 'Tahoma';
   position: relative;
}
header #dropdown ul#menu>li.bhs{
   text-transform: uppercase;
}
header #dropdown ul#menu>li.bhs a{
      
}

header #dropdown ul#menu>li.bhs > ul > li{
   padding-top:10px;
   padding-left:15px;
}
header #dropdown ul#menu>li.active {
   font-family: 'Tahoma Bold';
}

header #dropdown ul#menu>li ul li:first-child {
   /*padding-top: 35px;*/
}

header #dropdown ul#menu>li ul li {
   padding: 20px 0px;
   font-size: 16px;
   font-family: 'Tahoma Bold';
}

header #dropdown ul#menu>li ul li ul li {
   font-size: 12px;
   font-family: 'Arial';
   margin-left: -10px;
   padding: 10px 0;
}

header #dropdown ul#menu>li ul li ul li:first-child {
   padding-top: 10px;
}

header #dropdown ul#menu>li a {
   position: relative;
}

header #dropdown ul#menu>li  img.chevron {
   transition: all .3s;
    /* width: 14px; */
    position: absolute;
    right: -2px;
    top: 8px;
    padding: 15px;
}

header #dropdown ul#menu>li.active ul {
   max-height: 200vh;
}

header #dropdown ul#menu>li.active  img.chevron {
   transform: rotate(180deg)
}

header #dropdown ul li a {
   display: block;
   max-width: 80%;
}
header #dropdown ul#menu>li ul li  a{
   max-width: none;
}

header #dropdown ul li a img {
   vertical-align: top;
   width: 30px;
   height: 30px;
   display: inline-block;
}

header #dropdown ul li a b {
   display: inline-block;
   word-break: break-word;
   width: 71%;
   margin-left: 10px;
   vertical-align: top;
}

header #dropdown ul li ul {
   overflow: hidden;
   transition: all .3s ease;
   padding-left: 0px;
   max-height: 0;
   /* margin-top: 30px; */
}

header #dropdown ul li ul li ul {
   padding-left: 55px;
   margin-top: 10px;
}

header #dropdown li.separator {
   padding: 1px 0px !important;
   background: white;
   width: 95%;
   margin: 10px 0;
}

header #desktop {
   display: none;
}

header #search-dialog {
   display: block;
   position: fixed;
   z-index: 9999;
   top: 0;
   left: 0;
   background: rgba(0, 0, 0, 0.5);
   width: 100%;
   height: 100%;
   display: none;
   visibility: hidden;
   opacity: 0;
   transition: opacity 1s visibility 0.5s;
}

header #search-dialog.active {
   visibility: visible;
   opacity: 1;
   display: block;
}

header #search-dialog>div {
   position: absolute;
   top: 5vh;
   width: 80vw;
   text-align: center;
   left: 10vw;
}

header #search-dialog>div>i {
   position: absolute;
   left: 13px;
   top: 15px;
   font-size: 20px;
   color: rgb(124, 152, 158);
}

header #search-dialog>div>img {
   position: absolute;
   right: 12px;
   top: 15px;
   cursor: pointer;
}

header #search-dialog>div>input {
   width: 100%;
   height: 42px;
   border-radius: 9px;
   text-indent: 30px;
   padding: 25px 10px;
}
.owl-work-slide .owl-nav{
   display:none;
}
.owl-milestone .owl-item.active{
   transform: scale(1);
}
.owl-milestone .owl-item.active ~ .owl-item.active {
   transform: scale(0.9);
}
.owl-milestone .item{
   padding:10px;
}
@media(min-width:968px) {
   .owl-work-slide{
      position:relative
   }
   .owl-work-slide .owl-nav{
      position: absolute;
      top: -70px;
      right: 0;
      font-size: 24px;
      display: flex;
      justify-content: space-between;
      width: 125px;
      line-height: 42px;
   }
   .owl-work-slide .owl-nav button{
      height: 50px;
      width: 50px;
      background: white;
      border-radius: 50%;
      box-shadow: 0px 3px 17px #b7b7b738;
   }
   .owl-work-slide .owl-nav button:hover {
      background: #A80A0F;
      color:white !important;
   }
   .owl-work-slide .owl-nav button a:hover{
      color:white !important;
   }

   .owl-sus-report{
      position:relative
   }
   .owl-sus-report .owl-nav{
      position: absolute;
      top: -70px;
      right: 0;
      font-size: 24px;
      display: flex;
      justify-content: space-between;
      width: 125px;
      line-height: 42px;
   }
   .owl-sus-report .owl-nav button{
      height: 50px;
      width: 50px;
      background: white;
      border-radius: 50%;
      box-shadow: 0px 3px 17px #b7b7b738;
   }
   .owl-sus-report .owl-nav button:hover {
      background: #A80A0F;
      color:white;
   }


   header #mobile {
      display: none;
   }

   header #desktop {
      display: block;
   }

   header #desktop .top {
      height: 46px;
      width: 100vw;
      background: #A80A0F;
      font-size: 14px;
      font-family: 'Tahoma';
   }

   header #desktop .top ul {
      list-style-type: none;
      padding: 0 10px;
   }

   header #desktop .top>ul {
      text-align: right;
      /* padding: 10px 0px; */
      color: white;
      margin: 0;
   }

   header #desktop .top>ul>li {
      display: inline-block;
      margin: 0px 15px;
      position: relative;
   }

   header #desktop .top>ul>li.bhs {
      position: relative;
      background: transparent;
      padding: 12px;
      text-transform: uppercase;
   }

   header #desktop .top>ul>li.bhs.active {
      background: rgb(57, 57, 58);
   }

   header #desktop .top>ul>li input {
      border-radius: 50px;
      border: none;
      background: rgb(160, 67, 59);
      height: 20px;
      text-indent: 20px;
      color: white;
      padding: 13px 0;
   }

   header #desktop .top>ul>li input:focus {
      outline: none;
   }

   header #desktop .top>ul>li input::placeholder {
      color: white;
   }

   header #desktop .top>ul>li>i {
      position: absolute;
      right: 10px;
      top: 5px;
   }

   header #desktop .top>ul>li>a>i {
      margin-left: 2px;
      margin-right: 5px;
   }

   header #desktop .top>ul>li ul {
      display: none;
   }

   header #desktop .top ul>li>ul {
      max-height: 0;
      display: none;
      background: rgb(57, 57, 58);
      position: absolute;
      padding: 10px;
      transition: all 0.5s;
      z-index: 9999;
      width: 100%;
      left: 0;
   }

   header #desktop .top ul>li>ul li {
      padding: 10px 0px;
   }

   header #desktop .top ul>li>ul li a {
      margin-right: 5px;
   }

   /* header #desktop .top ul>li:last-child.active {
      background: rgb(57, 57, 58);
      padding: 10px;
      margin-top: -10px;
      margin-right: 10px;
   } */

   header #desktop .top ul>li.active>ul {
      max-height: 100vh;
      display: block;
      text-align: left;
      padding: 10px 12px;
   }

   header #desktop img.logo {
      height: 80px;
   }

   header #desktop .bottom {
      position: relative;
      font-size: 14px;
      font-family: 'Tahoma';
      background: #fff;
   }

   header #desktop .bottom ul {
      list-style-type: none;
      padding: 0 20px;
      text-align: right;
      margin: 0;
   }

   header #desktop .bottom>ul>li {
      display: inline-block;
      margin: 0px 10px;
      vertical-align: middle;
      padding: 18px 0px;
      cursor: pointer;
   }
   header #desktop .bottom>ul>li:first-of-type{
      padding:0;
   }

   header #desktop .bottom>ul>li>a {
      display: block;
      line-height: 45px;
      font-size: 14px;
   }

   header #desktop .bottom>ul>li>ul {
      display: none;
      max-height: 0;
      background-color: rgb(57, 57, 58, 0.9);
      color: white;
      position: absolute;
   }

   header #desktop .bottom>ul>li>span {
      width: 0;
      height: 2px;
      background: #A80A0F;
      transition: all 0.5s;
      display: block;
   }

   header #desktop .bottom>ul>li:hover {
      color: #A80A0F;
   }

   header #desktop .bottom>ul>li:hover span {
      width: 100%;
   }

   header #desktop .bottom>ul>li ul.mega {
      top: 100%;
      width: 100%;
      left: 0;
      text-align: center;
      z-index: 9;
      max-height: 0;
      transition: max-height 0s;
      display: block;
      overflow: hidden;
   }

   header #desktop .bottom>ul>li:hover ul.mega {
      
      transition: max-height 1s;
      transition-delay: 0.2s;
      max-height: 200vh;
   }

   header #desktop .bottom>ul>li ul.mega>li {
      padding: 20px 0px;
      display: inline-block;
      vertical-align: top;
      margin: 0px 3vw;
      width: 25vw;
   }

   header #desktop .bottom>ul>li ul.mega>li>ul {
      text-align: left;
   }

   header #desktop .bottom>ul>li ul.mega>li>ul>li {
      padding: 20px 0px;
      font-size: 14px;
      font-family: 'Tahoma Bold';
   }

   header #desktop .bottom>ul>li ul.mega>li>ul>li:hover {
      opacity: 0.9;
   }

   header #desktop .bottom>ul>li ul.mega>li>ul>li:hover>ul {
      opacity: 1;
   }


   header #desktop .bottom>ul>li ul.mega>li>ul>li img {
      margin-right: 10px;
      width: 45px;
   }

   header #desktop .bottom>ul>li ul.mega>li>ul>li>ul {
      padding-left: 60px;
      padding-top: 10px;
      text-align: left;
      font-size: 12px;
      font-family: 'Arial';
   }
   header #desktop .bottom>ul>li ul.mega>li>ul>li > a > b{
      display: inline-block;
      vertical-align: middle;
      width: 69%;
   }

   header #desktop .bottom>ul>li ul.mega>li>ul>li>ul>li {
      padding: 9px 0px;
   }

   header #desktop .bottom>ul>li ul.mega>li>ul>li>ul>li:hover {
      opacity: 0.9;
   }
}

@media(min-width:1200px) {
   header #desktop .bottom>ul>li {
      display: inline-block;
      margin: 0px 15px;
      vertical-align: middle;
      padding: 18px 0px;
      cursor: pointer;
   }

   header #desktop .bottom>ul>li>a {
      display: block;
      line-height: 45px;
      font-size: 16px;
   }
}

@media(min-width:1368px) {
   header #desktop .bottom>ul>li>a {
      display: block;
      line-height: 45px;
      font-size: 16px;
   }

   header #desktop .bottom>ul>li {
      display: inline-block;
      margin: 0px 0px;
      vertical-align: middle;
      padding: 18px 30px;
      cursor: pointer;
   }
}

#page-content {
   min-height: calc(100vh - 128px - 60px);
}

footer {
   width: 100%;
   background: #39393B;
   color: white;
   padding: 5em 30px 1em;
}
footer a:hover{
   color: white;
}
footer ul {
   padding: 0;
   list-style-type: none;
   margin-top: 0;
   /*margin-bottom: 70px;*/
}

footer ul li {
   padding: 15px 0px;
   font-size: 12px;
   font-family: 'Tahoma Bold';
}

footer p.address {
   line-height: 25px;
   font-size: 12px;
   font-family: 'Tahoma';
}

footer .followus {
   font-size: 12px;
   font-family: 'Tahoma Bold';
   margin: 30px 0 0;
}

footer .copyright {
   font-size: 10px;
   font-family: 'Tahoma';
}

footer ul.social li {
   display: inline-block;
   margin-right: 15px;
   font-size: 25px;
}

footer img.logo {
   margin: 15px 0px;
}

@media(min-width:1024px) {
   footer .left {
      float: left;
   }

   footer .right {
      float: right;
   }

   footer img.logo {
      margin-top: 35px;
   }

   footer {
      padding: 5em 0px 1em;
   }

   footer ul {
      margin-bottom: 0px;
   }

   footer ul li {
      font-size: 14px;
   }

   footer p.address {
      font-size: 14px;
   }

   footer .followus {
      font-size: 14px;
      font-family: 'Tahoma';
   }

   footer .copyright {
      font-size: 12px;
   }
}
#gmaps{
   width:100%;
   height:80vh;
}
.tag-pos > span{
   cursor: pointer;
   display: block;
   margin-bottom: 10px;
}
.tag-pos .box{
   width:24px;
   height:24px;
   background: black;
   margin-right:5px;
   display: inline-block;
   color:white;
}
.tag-pos .box i{
   visibility: hidden;
   margin-left:4px;
}
.tag-pos .box.active i{
   visibility: visible;
}
.tag-pos .box.hcs{
   background:#006633;
}
.tag-pos .box.hcv{
   background:  #8600b3;
}
.tag-pos .box.bou{
   background: #333;
}
.faq-wrapp {
   max-width: 350px;
   margin-top:2em;
}
.screen-reader-response{
   display: none;
}
.wpcf7-not-valid-tip{
   font-size:10px;
   
}
/*----- landing page ------ */
#landing {
   background: #FBFBFB 0% 0% no-repeat padding-box;
}

#landing #section1 .owl-carousel .owl-stage-outer {
   width: 100%;
}

#landing #section1 .item {
   width: 100vw;
   height: 100vh;
   background-size: cover !important;
   background-position: center !important;
   background-repeat: no-repeat !important;
   position: relative;
   color: white;
}

#landing #section1 .item>img.bg {
   position: absolute;
   background-size: cover !important;
   background-position: center !important;
   background-repeat: no-repeat !important;
   width: 100%;
   height: 100%;
   object-fit: cover;
}

#landing #section1 .item .text {
   position: absolute;
   top: 30%;
   left: 0vw;
   padding: 20px;
   /* transform: translateY(-50%);
   max-width: 80vw; */
}

#landing #section1 .item .text .head {
   font-size: 20px;
   font-family: 'Arial';
   margin-bottom: 10px;
}

#landing #section1 .item .text .cta {
   margin-top: 20px;
}

#landing #section1 .item .text h1 {
   font-size: 24px;
   font-family: 'Tahoma Bold';
   margin: 0;
   color:white;
}

#landing #section1 .item .text h3 {
   font-size: 18px;
   font-family: 'Tahoma Bold';
   margin: 0;
}

#landing #section1 .item .text p {
   font-size: 12px;
   margin-top: 16px;
   line-height: 18px;
   font-family: 'Arial';
}

#landing #section1 .owl-dots {
   position: absolute;
   bottom: 20vh;
   width: 100%;
   z-index: 0;
   text-align: center;
}

#landing #section1 .owl-dot {
   width: 20px;
   height: 20px;
   border-radius: 10px;
   margin: 0px 5px;
}

#landing #section1 .owl-dot.active {
   border: 1px solid white;
}

#landing #section1 .owl-dot span {
   width: 4px;
   height: 4px;
   background: white;
   border-radius: 10px;
   margin: auto;
   display: block;
}

#landing #section1 .item .float {
   display: none;
}

#landing #section2 {
   margin: 30px 0px;
}

.heading {
   font-size: 24px;
   font-family: 'Tahoma Bold';
   color: #000000;
   margin: 0 0 24px;
}

.sub-heading {
   font-size: 10px;
   color: #463A35;
}

.desc-text {
   font-size: 12px;
   color: #39393B;
   line-height: 18px;
}

#landing #section2 .cta {
   /*margin-top: 54px;*/
}

.btn {
   font-family: 'Tahoma Bold';
   font-size: 12px;
   border-radius: 0;
}

.btn-red {
   background: #A80A0F;
   color: white !important;
   padding: 12px 20px;
   padding-right: 50px;
   position: relative;
}

.btn-red span {
   position: absolute;
   right: 2px;
   top: 2px;
   width: 0px;
   height: calc(100% - 4px);
   background: white;
   z-index: 0;
   transition: width 0.5s;
}

.btn-red:hover span {
   width: 32px;
}

.btn-red i {
   position: absolute;
   right: 23px;
   font-size: 23px !important;
   color: white;
   top: 9px;
   z-index: 1;
   transition: all 0.5s ease-in-out;
}

.btn-red:hover i {
   color: #A80A0F;
   right: 13px;
}

.btn-red i {
   margin-left: 5px;
   font-size: 18px;
}

.btn-red-full {
   background: #A80A0F;
   color: white !important;
   padding: 10px 15px;
   width: 100%;
   display: block;
   position: relative;
   text-transform: capitalize;
   text-align: left;
}

.btn-red-full i {
   position: absolute;
   right: 18px;
   color: white;
   top: 10px;
   z-index: 1;
   transition: color 0.5s;
   font-size: 18px;
}

.btn-red-full span {
   position: absolute;
   right: 3px;
   top: 3px;
   width: 0;
   height: calc(100% - 6px);
   background: white;
   z-index: 0;
   transition: width 0.5s;
}

#landing #section3 {
   position: relative;
   padding: 30px 0px;
}
#landing #section3 .owl-carousel{
   position: relative;
}
#landing #section3 .owl-carousel .item {
   padding: 3px;
}

#landing #section3 .owl-carousel .item .products {
   background: #fff;
   /* box-shadow: 0pt 0pt 4pt #00000019; */
   box-shadow: 2pt 7pt 7pt 0px #0000000d;
   padding: 10px;
   border-radius: 5px;
   position: relative;
   margin-bottom: 20px;
}

#landing #section3 .owl-carousel .item .products p {
   margin: 5px 0;
   margin-top: 40px;
   padding: 0;
}

#landing #section3 .owl-carousel .item .products .overlay {
   position: absolute;
   height: 150px;
   width: 100%;
   background: #b72023;
   bottom: 0;
   left: 0;
   opacity: 0.05;
   border-radius: 5px;
}

#landing #section3 .owl-carousel .item figure {
   height: 180px;
}

#landing #section3 .owl-carousel .item figure img {
   max-width: 70%;
   width: auto;
   margin: auto;
   display: inline-block;
   position: absolute;
   left: 0;
   right: 0;
   bottom: 120px;
   transition: all 0.5s;
}

#landing #section3 .owl-carousel .item figure:hover img {
   transform: rotate(-15deg) scale(1.15);
}

#landing #section3 .owl-carousel .item figure figcaption {
   position: absolute;
   bottom: 60px;
   left: 50%;
   transform: translate(-50%, -50%);
   text-align: center;
   width: 100%;
   font-family: 'Tahoma Bold';
   color: #000000;
   font-size: 14px;
}

#landing #section3 .owl-carousel .item:hover .btn-red-full i {
   color: #A80A0F;
}

#landing #section3 .owl-carousel .item:hover .btn-red-full span {
   width: 35px;
}
#landing #section3 .owl-nav{
   position: absolute;
   top: -72px;
   right: 0;
}
#landing #section3 .arrow-custom.icn-left {
   position: absolute;
   right: 95px;
   font-size: 18px;
   background: #F5F5F5;
    padding: 10px 14.5px;
    margin: 5px;
    border-radius: 50%;
}

#landing #section3 .arrow-custom.icn-next {
   position: absolute;
   right: 20px;
   font-size: 18px;
   background: #F5F5F5;
   padding: 10px 14.5px;
    margin: 5px;
    border-radius: 50%;
}

#landing #section3 .arrow-custom.icn-left i,
#landing #section3 .arrow-custom.icn-next i {
   transition: all 0.5s ease-in-out;
}

#landing #section3 .arrow-custom.icn-left:hover,
#landing #section3 .arrow-custom.icn-next:hover {
   background-color: #b72023;
   border: 1px solid #b72023;
}

#landing #section3 .arrow-custom.icn-left:hover i,
#landing #section3 .arrow-custom.icn-next:hover i {
   color: #fff;
}
#landing #section3 .owl-dots {
   margin-top: 10px;
   width: 100%;
   text-align: center;
}

#landing #section3 .owl-dot,#landing #section6 .owl-dot {
   width: 20px;
   height: 20px;
   border-radius: 10px;
   margin: 0px 5px;
}

#landing #section3 .owl-dot.active,#landing #section6 .owl-dot.active {
   border: 1px solid black;
}

#landing #section3 .owl-dot span, #landing #section6 .owl-dot span {
   width: 4px;
   height: 4px;
   background: black;
   border-radius: 10px;
   margin: auto;
   display: block;
}

#landing #section4 {
   position: relative;
   padding: 30px 0px;
}

#landing #section4 figure {
   background: white;
   box-shadow: 9px 17px 54px 0px rgb(187 187 187 / 20%);

   margin-bottom: 24px;
}
#landing #section4 figure img{
   width:100%;
   height:250px;
   object-fit: cover;
}

#landing #section4 figure figcaption {
   padding: 20px;
}

#landing #section4 figure figcaption .category {
   font-size: 14px;
   font-family: 'Arial Bold';
}

#landing #section4 figure figcaption p {
   font-size: 16px;
   font-family: 'Tahoma Bold';
   margin-top: 8px;
   height: 48px;
   overflow: hidden;
   text-overflow: ellipsis;
}

#landing #section4 figure figcaption .cta .meta-date {
   color: #9A989E;
   font-size: 12px;
}

#landing #section4 figure figcaption .cta a {
   display: flex;
   align-items: center;
   font-size: 12px;
   font-family: 'Tahoma Bold';
}

#landing #section4 figure figcaption .cta {
   transition: all 0.5s ease-in-out;
}

#landing #section4 figure:hover figcaption .cta {
   padding-left: 15px;
   color: #b72023;
}

#landing #section4 figure figcaption i {
   margin-right: 8px;
   font-size: 16px;
}

#landing #section5 {
   position: relative;
   padding: 30px 0px;
}

#landing #section5 h1 {
   margin-top: 6vh
}

#landing #section5 .cta {
   margin-top: 50px;
}

#landing #section5 figure {
   position: relative;
   margin-bottom: 10px;
   overflow: hidden;
   box-shadow: 0pt 0pt 3pt #00000019;
}

a.more:hover {
   color: #A80A0F;
}

#landing #section5 figure .desc {
   position: absolute;
   height: 100%;
   padding: 25px 20px;
   font-size: 14px;
   /* transition: all 1s ease-in-out; */
   opacity: 0;
   top: 0;
   z-index: 2;
}

#landing #section5 figure .white-bg {
   position: absolute;
   width: 0;
   top: 400px;
   height: 100%;
   background: #fff;
   transition: all 1s ease-in-out;
   z-index: 1;
   background: rgba(255,255,255,0.8);
}



#landing #section5 .desc2 {
   background: #fff;
   height: 100%;
   padding: 15px;
   font-size: 14px;
   width: 100%;
   margin-top: -20px;
}

#landing #section5 figure figcaption {
   position: relative;
   width: 100%;
   background: white;
   padding: 20px 15px 15px;
   z-index: 4;
   transition: all 1s ease-in-out;
}

#landing #section5 figcaption {}


#landing #section5 figure img {
   height: 300px;
   object-fit: cover;
   object-position: top;
}

#landing #section5 figure figcaption p {
   margin: 0;
}

#landing #section5 figure figcaption .name {
   color: #A80A0F;
   font-size: 20px;
   font-family: 'Tahoma Bold';
}

#landing #section5 figure figcaption .pos {
   font-style: italic;
   font-family: 'Arial';
}

#landing #section5 figcaption {
   text-align: center;
}

#landing #section5 figcaption .name {
   font-size: 20px;
   font-family: 'Tahoma Bold';
   margin-bottom: 5px;
}

#landing #section5 figcaption .pos {
   font-size: 16px;
   font-family: 'Arial';
   color: #4C4C4F;
   line-height: 22px;
}

#landing #section5 .owl-carousel {
   margin-top: 32px;
}

#landing #section5 .owl-dots {
   margin-top: 10px;
   width: 100%;
   text-align: center;
}

#landing #section5 .owl-dot,#landing #section6 .owl-dot {
   width: 20px;
   height: 20px;
   border-radius: 10px;
   margin: 0px 5px;
}

#landing #section5 .owl-dot.active,#landing #section6 .owl-dot.active {
   border: 1px solid black;
}

#landing #section5 .owl-dot span, #landing #section6 .owl-dot span {
   width: 4px;
   height: 4px;
   background: black;
   border-radius: 10px;
   margin: auto;
   display: block;
}

#landing #section6 {
   padding: 3em 0 2em;
}

#landing #section6 figure {
   position: relative;
   margin: 50px 0px;
}

#landing #section6 figure figcaption {
   position: absolute;
   top: 0;
   width: 100%;
   text-align: center;
}

#landing #section6 figure figcaption .location {
   color: #000000;
   font-size: 16px;
   font-family: 'Tahoma Bold';
   margin: 30px 0 8px;
}

#landing #section6 figure figcaption .city {
   color: #000000;
   font-size: 14px;
   font-family: 'Arial';
}

#landing #section6 figure figcaption .city i {
   margin-right: 10px;
}

#landing #section6 .owl-carousel .owl-stage {
   padding-left: 0 !important;
}

.desktop {
   display: none !important;
}

.mobile {
   display: block !important;
}

#landing #section2 .left figure img {
   width: 100%;
   width: 100%;
   height: 320px;
   object-fit: cover;
}

#landing #section4 figure .thumb-main {
   width: 100%;
}
#landing #section6 figure .img-location {
   height: 400px;
   overflow: hidden;
}

#landing #section6 figure .img-location img {
   transition: all 1s ease-in-out;
   height: 100%;
 object-fit: cover;
}

@media (min-width:768px) {
   .tag-pos > span{
      cursor: pointer;
      display: inline-block;
      margin-bottom:0;
   }
   .desktop {
      display: block !important;
   }
   
   .mobile {
      display: none !important;
   }
   #landing #section5 figure:hover .white-bg {
      top: 0;
      width: 100%;
   }
   
   #landing #section5 figure:hover .desc {
      opacity: 1;
      transition: all 1.7s cubic-bezier(1, -0.19, 0.58, 1);
   }
   #landing #section5 figure:hover figcaption {
      padding-bottom: 25px;
   }
   

}

@media (min-width:1024px) {
   #landing #section2 .left figure img {
      height: 450px;
   }#landing #section6 {
      padding: 3em 0 0em;
   }
   #landing #section1 .item .text .head {
      font-size: 24px;
   }

   #landing #section3 .container,
   #landing #section4 .container,
   #landing #section5 .container,
   #landing #section6 .container {
      max-width: 1310px;
   }

   .btn {
      font-family: 'Tahoma Bold';
      font-size: 12px;
   }

   body {
      font-size: 16px;
   }

   .heading {
      font-size: 28px;
   }

   .sub-heading {
      font-size: 16px;
   }

   .desc-text {
      font-size: 16px;
      line-height: 26px;
   }

   #landing #section1 {
      position: relative;
      min-height: 600px !important;
   }

   #landing #section1 .item .text {
      max-width: 35vw;
      position: absolute;
      top: 30%;
      left: 10vw;
      padding: 0;
   }

   #landing #section1 .mouse-icon {
      position: absolute;
      border: 2px solid #FFFFFF;
      border-radius: 14px;
      opacity: 1;
      width: 28px;
      height: 43px;
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      bottom: 20vh;
      z-index: 1;
      opacity: 0.7;
   }

   #landing #section1 .mouse-icon .bar {
      background: #FFFFFF 0% 0% no-repeat padding-box;
      border-radius: 10px;
      opacity: 1;
      width: 2px;
      height: 12px;
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      z-index: 1;
      animation-duration: 1.5s;
      animation-iteration-count: infinite;
      animation-name: scroll
   }

   @keyframes scroll {
      0% {
         bottom: 20px;
      }

      100% {
         bottom: 5px;
      }
   }

   #landing #section1 .item .text h1 {
      font-size: 40px;
      margin: 0;
   }

   #landing #section1 .item .text h3 {
      font-size: 24px;
      margin: 0;
   }

   #landing #section1 .item .text p {
      font-size: 14px;
      line-height: 22px;
   }

   #landing #section1 .owl-dots {
      text-align: right;
      padding-right: 10vw;
   }

   #landing #section1 .item .float {
      width: 130px;
      height: 130px;
      border: 2px solid white;
      background: #000000f0;
      color: white;
      display: block;
      position: absolute;
      border-radius: 10px;
      text-align: center;
      line-height: 12px;
      padding-top: 10px;
   }

   #landing #section1 .item .float .bar {
      width: 3px;
      height: 287px;
      background: transparent linear-gradient(180deg, var(--unnamed-color-ffffff) 0%, #FFFFFF1D 100%) 0% 0% no-repeat padding-box;
      background: transparent linear-gradient(180deg, #FFFFFF 0%, #FFFFFF1D 100%) 0% 0% no-repeat padding-box;
      position: absolute;
      left: 50%;
      top: 100%;

   }

   #landing #section1 .item .float p {
      margin: 0;
   }

   #landing #section1 .item .float p:nth-child(1) {
      margin: 10px 0px;
   }

   #landing #section1 .item .float p b {
      font-size: 18px;
      margin: 0px 10px;
      font-family: 'Metric';
   }

   #landing #section1 .item .float p {
      font-size: 9px;
   }

   #landing #section1 .item .float p small {
      margin: 0px 10px;
      font-size: 9px;
   }

   #landing #section1 .item .float img {
      width: auto;
      height: 25px;
      display: inline-block;
      margin: 10px;
   }

   #landing #section1 .item .float.float1 {
      transform: translateY(-50%);
      right: calc(10vw - 35px);
      top: calc(50% - 60px);
   }

   #landing #section1 .item .float.float2 {
      right: calc(10vw + 115px);
      top: calc(50% - 80px);
      transform: translateY(-100%);
   }

   #landing #section1 .item .float.float3 {
      right: calc(10vw + 115px);
      top: calc(50% - 60px);
      transform: translateY(0);
   }

   #landing #section1 .item .float.float4 {
      right: calc(10vw + 270px);
      top: calc(50% - 80px);
      transform: translateY(-100%);
   }

   #landing #section1 .item .float.float5 {
      right: calc(10vw + 270px);
      top: calc(50% - 60px);
      transform: translateY(0);
   }

   #landing #section1 .item .float.float6 {
      right: calc(10vw + 420px);
      top: calc(50% - 60px);
      transform: translateY(-50%);
   }

   #landing #section1 .item .float.float7 {
      right: calc(10vw + 195px);
      top: calc(50% - 360px);
   }

   #landing #section1 .item .float.float8 {
      right: calc(10vw + 190px);
      top: calc(50% + 90px);
   }

   #landing #section2 .left {
      float: left;

   }

   #landing #section2 .desc-text {
      width: 90%;
   }

   #landing #section2 .left figure {
      position: absolute;
      margin-top: -10vh;
      z-index: 1;

   }

   #landing #section2 .right {
      float: right;
      margin-top: 60px;
   }

   #landing #section2 .right>* {
      margin-left: 40px;

   }

   #landing #section4 .heading {
      margin-bottom: 50px;
   }

   #landing #section4 a.more {
      margin-top: -75px;
      font-family: 'Tahoma Bold';
   }

   #landing #section3 .col-md-4 {
      align-self: center;
   }

   #landing #section3 .owl-carousel .item figure figcaption {
      font-size: 18px;
   }

   #landing #section3 .owl-carousel .owl-stage {
      padding-left: 0px !important;
   }

   #landing #section3 .owl-carousel .item figure {
      height: 250px;
   }

   #landing #section3 .owl-carousel .item figure img {
      max-width: 50%;
      bottom: 100px;
   }

   #landing #section3 .owl-carousel .item .products p {
      margin: 0;
   }

   #landing #section4 figure .thumb-main {
      height: 672px;
      width: 100%;
      object-fit: cover;
   }
   #landing #section4 figure a:hover{
      color:inherit !important;
   }
   #landing #section5 h1 {
      margin-top: 0vh
   }

   #landing #section5 figure img {
      height: 400px;
      object-fit: cover;
      width: 100%;
   }

   #landing #section5 figure figcaption .name {
      font-size: 16px;
   }

   #landing #section5 figure figcaption {
      width: 70%;
   }

   #landing #section6 .desc-text {
      width: 50%;
   }

   #landing #section6 figure figcaption .location {
      color: #000000;
      font-size: 20px;
   }

   #landing #section6 figure .img-location {
      height: 600px;
      overflow: hidden;
   }

   #landing #section6 figure .img-location img {
      transition: all 1s ease-in-out;
      height: 100%;
    object-fit: cover;
   }

   #landing #section6 figure .img-location img:hover {
      transform: scale(1.1);
   }

   #landing #section3 {
      padding: 9em 0px;
   }

   #landing #section4 {
      padding: 0px 0px 9em;
   }

   #landing #section5 {
      padding: 0 0px 7em;
   }

   #landing #section5 .col-md-4 {
      padding: 65px;
      /* align-self: center; */
      padding-left: 15px;
   }

   #landing #section5 .col-md-8 .row {
      margin: 0 -5px;
   }

   #landing #section5 .col-md-8 .row .col-md-4 {
      padding: 0 5px;
   }
}

@media(min-width:1441px){
   #landing #section1 .item .text h1 {
      /*font-size: 40px;*/
      font-size: calc( 40px + 18 * ((100vw - 320px) / 2240));
      margin: 0;
   }

   #landing #section1 .item .text h3 {
      /*font-size: 24px;*/
      font-size: calc( 24px + 12 * ((100vw - 320px) / 2240));
      margin: 0;
   }

   #landing #section1 .item .text p {
      /*font-size: 14px;*/
      font-size: calc( 14px + 7 * ((100vw - 320px) / 2240));
      line-height: 22px;
   }

   #landing #section1 .owl-dots {
      text-align: right;
      padding-right: 10vw;
   }
   #landing #section1 .item .cta .btn{
      font-size: calc( 12px + 6 * ((100vw - 320px) / 2240));
   }
}

/*
   product page
*/
#product {
   background: #F7F7F7;
}

#product #section1 {
   position: relative;
}

.banner-gar {
   position: relative;
}

.banner-gar img {
   width: 100%;
   height: 180px;
   object-fit: cover;
}

.banner-gar .overlay {
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 100px;
   opacity: 0.5;
   background-image: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.8), rgba(255, 0, 0, 0));
}
.banner-gar .remarks{
   position: absolute;
   bottom: 10px;
   right: 10px;
   color: white;
}
.banner-gar h1 {
   position: absolute;
   bottom: 20px;
   left: 20px;
   color: white;
   font-size: 20px;
   font-family: 'Tahoma Bold';
}

.banner-gar .info {
   position: absolute;
   bottom: 20px;
   left: 20px;
   color: white;
}

.banner-gar .info h1 {
   font-size: 20px;
   font-family: 'Tahoma Bold';
   position: relative;
   left: 0;
   bottom: unset;
}

.banner-gar .info p {
   font-size: 16px;
   margin-top: 16px;
   margin-bottom: 0;
}

.banner-gar h1 span {
   font-size: 12px;
   font-family: 'Arial';
   margin-top: 8px;
   display: block;
}

#product #section2 {
   background: #FBFBFB;
   padding: 4em 0 6em;
}

#product #section2 .breadcrumb {
   margin-bottom: 30px;
}

#product #section2 h1 {
   font-size: 24px;
   font-family: 'Tahoma Bold';
   width: 70%;
   line-height: 35px;
}

#product #section2 .desc {
   font-size: 14px;
   font-family: 'Arial';
   margin-top: 20px;
}

#product #section2 .img-desc {
   padding: 3em 0;
}

#product #section2 .desc a {
   
}

#product #section2 .desc img {
   width: 25px;
}

.product-wrap {
   padding: 5em 0 0;
}

.product-area {
   position: relative;
   margin-bottom: 30px;
   overflow: hidden;
}

.product-area .img-product {
   width: 100%;
   height: 200px;
   object-fit: cover;
}

.product-area .info {
   position: absolute;
   padding: 0 15px 15px;
   bottom: 0;
   z-index: 2;
   color: #fff;
   transition: all 0.5s ease-in-out;
}

#product #section2 .product-area .info .title {
   font-size: 14px;
   font-family: 'Tahoma Bold';
   width: 100%;
}

.product-area .info .title {
   font-size: 14px;
   font-family: 'Tahoma Bold';
   margin-bottom: 8px;
   text-transform: capitalize;
   color:white;
}

.product-area .info .isi {
   font-size: 10px;
   font-family: 'Arial';
   transition: all 0.5s ease-in-out;
}

.product-area .bg-blck {
   position: absolute;
   bottom: 0;
   z-index: 1;
   height: 120px;
   width: 100%;
   opacity: 0.6;
   background-image: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.5), rgba(255, 0, 0, 0));
   transition: all 0.5s ease-in-out;
}
.product-area .img-area img{
   width: 100% !important;
    height: 260px !important;
    padding: 0;
    object-fit: cover !important;
}

@media(min-width:1024px) {
   .product-area .img-area img{
      width:100% !important;
      height:unset !important;
      padding:unset !important;
   }
   .banner-gar img {
      height: 350px;
   }

   .banner-gar .overlay {
      height: 120px;
      opacity: 0.4;
      background-image: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.5), rgba(255, 0, 0, 0));
   }
   .banner-gar .remarks{
      position: absolute;
      bottom: 31px;
      right: 39px;
      color: white;
   }

   .banner-gar h1 span {
      font-size: 16px;
      margin-top: 12px;
   }

   .product-wrap .grid-desk {
      display: grid;
      grid-template-columns: 50% 50%;
   }

   .product-wrap .grid-desk .product-area:first-child {
      margin-right: 10px;
   }

   .product-wrap .grid-desk .product-area:last-child {
      margin-left: 10px;
   }

   .product-area .img-area  img {
      transition: all 0.8s ease-in-out;
      width: 100% !important;
      height: 100% !important;
      object-fit: cover;
      padding:0;
      
   }

   .product-area .img-area {
      height: 500px;
      overflow: hidden;
   }

   .product-area:hover .img-area img {
      transform: scale(1.1);
   }

   .product-area .info {
      padding: 0 29px 35px;
   }

   #product #section2 .product-area .info .title {
      font-size: 35px;
   }

   .product-area .info .title {
      font-size: 35px;
   }

   .product-area .info .isi {
      font-size: 18px;
      font-family: 'Arial';
      width: 80%;
      display: none;
      opacity: 0;
   }

   .product-area:hover .info .isi {
      display: block;
      opacity: 1;
   }

   .product-area:hover .bg-blck {
      height: 160px;
      opacity: 0.8;
   }

   #product-food-service .product-area:hover .bg-blck {
      opacity: 0.4;
   }

   #product-food-service .product-area .bg-blck {
      opacity: 0.3;
   }

   .product-area .bg-blck {
      opacity: 0.5;
      height: 130px
   }

   .banner-gar h1 {
      position: absolute;
      bottom: 35px;
      left: 11vw;
      color: white;
      font-size: 30px;
      font-family: 'Tahoma Bold';
   }

   .banner-gar .info {
      position: absolute;
      bottom: 35px;
      left: 11vw;
   }

   .banner-gar .info h1 {
      font-size: 30px;
      font-family: 'Tahoma Bold';
   }

   .banner-gar .info p {
      font-size: 16px;
      margin-top: 16px;
   }

   #product #section2 .desc {
      font-size: 18px;
      width: 95%;
   }

   #product #section2 h1 {
      width: 50%;
   }

   #product #section2 .img-desc {
      padding: 0 0;
   }
}


/*product consumer */

#product-consumer {
   background: #F7F7F7;
}

#product-consumer #section1 {
   position: relative;
   background: #FBFBFB;
}

#product-consumer #section1 img {
   width: 100%;
}

#product-consumer #section1 figure .bg {
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   z-index: 0;
   background: rgb(0, 0, 0);
   background: linear-gradient(0deg, rgba(0, 0, 0, 0.2987570028011205) 0%, rgba(255, 255, 255, 0.01584383753501406) 54%);
}

#product-consumer #section2 {
   background: #FBFBFB;
   padding: 4em 0 6em;
}

.title-pages {
   font-size: 24px;
   font-family: 'Tahoma Bold';
   width: 100%;
   line-height: 35px;
}

.subtitle {
   font-size: 20px;
   font-family: 'Tahoma Bold';
   line-height: 31px;
}

.desc-pages {
   font-size: 14px;
   font-family: 'Arial';
   color: #39393B;
}

.desc-pages p b {
   font-size: 18px;
   font-family: 'Arial Bold';
   color: #000000;
   margin: 16px 0;
}

b {
   font-family: 'Arial Bold';
}

.desc-pages a,
a.link {
   transition: all 0.3s ease-in-out;
   color: #8A0609;
}


.desc-pages a:hover,
a.link:hover {
   color: #DE0E13;
}
.desc-pages .faq-wrapp  a{
   color:black !important
}
a.red {
   transition: all 0.3s ease-in-out;
   color: #8A0609;
}

a.red:hover {
   color: #DE0E13;
}

.desc-pages .underline img {
   width: 25px;
   transition: all 0.5s ease-in-out;
}

.desc-pages .underline:hover img {
   margin-left: 25px;
}

#product-consumer #section2 h3 {
   font-size: 24px;
   font-family: 'Tahoma Bold';
   margin-top: 22px;
   margin-bottom: 16px;
}

.country-card {
   width: 340px;
   background: #fff;
   padding: 30px;
   box-shadow: 9px 17px 54px 0px rgb(187 187 187 / 20%);
   border-radius: 10px;
}

.country-card .title {
   font-size: 18px;
   font-family: 'Tahoma Bold';
   margin: 15px 0 50px;
}

.country-card .list {
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-bottom: -15px;
}

.country-card .list .negara {
   display: flex;
   align-items: center;
}

.country-card .list .negara img {
   width: 70px;
   margin-top: 10px;
}

.country-card .list .negara span {
   font-size: 18px;
   font-family: 'Tahoma';
}

.country-card .list i {}

#product-consumer #section3 {
   position: relative;
   padding: 6em 0;
}

#product-consumer #section3 h1 {
   font-size: 12px;
   font-family: 'Tahoma Bold';
   text-transform: uppercase;
}

#product-consumer #section3 p {
   font-size: 10px;
   font-family: 'Tahoma';
   color: #39393B;
   margin-bottom: 1em;
}

#product-consumer #section3 .bar {
   width: 529px;
   height: 0px;
   border: 2px solid #8A0609;
   margin: auto;
   display: block;
}

.desc-pages a.test-link {
   color: #A80A0F !important;
}

.desc-pages a.test-link:hover {
   color: #72080b !important;
   text-decoration: none !important;
}

@media(min-width: 768px) {
   .desc-pages {
      font-size: 16px;
      width: 95%;
      /* width: 100%; */
   }
   

   .desc-pages p b {
      font-size: 22px;
   }
   .desc-pages.blog-content{
      font-size: 14px;
   }
   #product-consumer .d-flex p {
      font-size: 16px;
   }
}

@media(min-width:1024px) {

   #news-events .desc-pages {
      width: 100%;
   }

   .detail-blogs .title-pages {
      width: 100%;
      margin: 0px 0 24px;
   }

   .title-pages {
      
      margin: 0px 0 24px;
   }

   #product-consumer #section2 h3 {
      font-size: 28px;
      margin-top: 3em;
      margin-bottom: 1em;
   }

   #product-consumer #section3 h1 {
      font-size: 32px;
      margin-bottom: 16px;
   }

   #product-consumer #section3 p {
      font-size: 20px;
      font-family: 'Tahoma';
      color: #621522;
      margin-bottom: 3em;
   }
}

/* product-consumer-detail page */
#product-consumer-detail {
   background: #F7F7F7;
}

#product-consumer-detail #section1 {
   position: relative;
}

#product-consumer-detail #section2 {
   background: #FBFBFB;
   padding: 4em 0 6em;
}

.product-card {
   position: relative;
   margin-bottom: 80px;
}

.product-card .img-area {
   background: #fff;
   position: absolute;
   top: -50px;
   left: 50%;
   transform: translate(-50%);
   width: 120px;
   height: 120px;
   padding: 10px;
   border-radius: 10px;
   box-shadow: 3px 10px 17px 0px rgb(187 187 187 / 20%);
}

.product-card .img-area img {
   width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.product-card .info {
   background: #fff;
   padding: 25px;
   border-radius: 10px;
   box-shadow: 1px 1px 20px 0px rgb(187 187 187 / 20%);
}

.product-card .info .title {
   margin-top: 5em;
   color: #A80A0F;
   font-size: 16px;
   font-family: 'Tahoma Bold';
   margin-bottom: 12px;
}

.product-card .info p {
   font-size: 16px;
   color: #39393B
}

#product-consumer-detail #section2 .owl-carousel .item {
   padding-top: 100px;
   padding: 100px 15px 15px;
}

#product-consumer-detail #section2 .owl-dots {
   margin-top: 30px;
   width: 100%;
   text-align: center;
}

#product-consumer-detail #section2 .owl-dot {
   width: 20px;
   height: 20px;
   border-radius: 10px;
   margin: 0px 5px;
}

#product-consumer-detail #section2 .owl-dot.active {
   border: 1px solid black;
}

#product-consumer-detail #section2 .owl-dot span {
   width: 4px;
   height: 4px;
   background: black;
   border-radius: 10px;
   margin: auto;
   display: block;
}

#product-consumer-detail #section2 .product-wrapp {
   padding: 7em 0 0;
}

#product-consumer-detail #section2 .title-pages {
   width: 100% !important;
}

#product-consumer-detail #section3 {
   background: rgba(154, 152, 158, 0.05);
   position: relative;
   padding: 5em 0 3em;
}

#product-consumer-detail #section3 .faq-wrapp {}

#product-consumer-detail #section3 .faq-wrapp .link-faq {
   border-top: 1px solid #000000;
   width: 80%;
   padding: 20px 0;
   margin-bottom: 30px;
}

#product-consumer-detail #section3 .faq-wrapp .link-faq .title {
   font-size: 16px;
   font-family: 'Tahoma Bold';
   margin-bottom: 10px;
}

#product-consumer-detail #section3 .faq-wrapp .link-faq img {}

@media(min-width:1024px) {
   .product-card{
      margin-bottom: 0;
   }
   .product-card .info {
      padding: 25px 50px;
      min-height: 300px;
   }

   .product-card {
      margin-bottom: 80px;
   }

   .product-card .img-area {
      left: unset;
      transform: unset;
      right: 30px;
   }

   #product-consumer-detail #section2 .desc-pages {
      width: 75%;
   }

   #product-consumer-detail #section3 .faq-wrapp {
      display: flex;
      justify-content: center;
   }

   #product-consumer-detail #section3 .faq-wrapp .link-faq {
      height: 100px;
      border-top: 1px solid #000000;
      width: 100%;
      padding: 20px 0;
      margin: 0 30px;
   }

   #product-consumer-detail #section3 .faq-wrapp .link-faq .title {
      font-size: 18px;
   }

   #product-consumer-detail #section3 {
      background: rgba(154, 152, 158, 0.05);
      position: relative;
      padding: 5em 0 8em;
   }
}

/*product food service*/

#product-food-service {
   background-color: #FBFBFB;
}

#product-food-service #section1 {
   position: relative;
   color: white;
}

#product-food-service #section2 {
   position: relative;
   padding: 4em 0 6em;
}

#product-food-service #section2 figure {
   position: relative;
   margin-bottom: 30px;
}

#product-food-service #section2 figure img {
   width: 100%;
}

#product-food-service #section2 figure figcaption {
   position: absolute;
   bottom: 0;
   left: 30px;
   color: white;
   z-index: 1;
}

#product-food-service #section2 figure figcaption h1 {
   font-size: 20px;
}

#product-food-service #section2 figure .bg {
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   z-index: 0;
   background: rgb(0, 0, 0);
   background: linear-gradient(0deg, rgba(0, 0, 0, 0.2987570028011205) 0%, rgba(255, 255, 255, 0.01584383753501406) 54%);
}


#product-food-service #section3 {
   background: rgba(154, 152, 158, 0.05);
   position: relative;
   padding: 5em 0 3em;
}

.faq-wrapp .link-faq {
   border-top: 1px solid #000000;
   /*width: 80%;*/
   padding: 20px 0;
   
   transition: all 0.6s ease-in-out;
   text-align: left;
   display: block;
   margin-top: 30px;

}
.faq-wrapp .link-faq a{
   color:black;
}

.faq-wrapp .link-faq:hover {
   border-top: 2px solid #000000;
}

.faq-wrapp .link-faq img {
   transition: all 0.6s ease-in-out;
   height:initial;
}

.faq-wrapp .link-faq:hover img {
   margin-left: 20px;
}

.faq-wrapp .link-faq .title {
   font-size: 16px;
   font-family: 'Tahoma Bold';
   margin-bottom: 10px;
   transition: all 0.6s ease-in-out;
}

.faq-wrapp .link-faq:hover .title {
   margin-top: -5px;
   margin-bottom:14px;
}

/* #product-food-service #section4 {
   background-color: #FBFBFB;
   background-image: url(/assets/img/product/bg_bakery_m.png);
   background-position: bottom;
   background-size: contain;
   background-repeat: no-repeat;
}

#product-food-service #section4 .block {
   margin: 30px 0px;
   border-bottom: 1px solid rgb(198, 198, 198);
}

#product-food-service #section4 .block:last-child {
   border: none;
} */

@media(min-width:1024px) {
   #product-food-service .link-faq {
      width: 230px;
      text-align: left;
      margin: auto;
      display: block;
      margin-top: 30px;
      margin-bottom: 30px;
   }

   #product-food-service .link-faq p:nth-child(2) {
      height: 65px;
   }

   /* #product-food-service #section4 {
      background-image: url(/assets/img/product/bg_bakery.png);
   } */

}

/*product food service*/

#product-food-service-detail {
   background-color: #FBFBFB;
}

#product-food-service-detail #section1 {}

#product-food-service-detail #section2 {
   position: relative;
   padding: 4em 0 3em;
}

#product-food-service-detail #section3 {
   position: relative;
   padding: 0 0 3em;
}

#product-food-service-detail #section3 .container {
   position: relative;
}

 .bg-absolute img {
   width: 100% !important;
   
}

 .bg-absolute {
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   z-index:-1;
}

#product-food-service-detail #section3 .product-wrapp {}

.product-list {
   margin-bottom: 40px;
   border-bottom: 1.2px solid rgb(198, 198, 198);
   padding-bottom: 30px;
}

.product-list:last-child {
   border: none;
   margin-bottom: 0;
}

.product-list .img-area {
   margin: 20px 0;
   text-align: center;
}

.product-list .img-area img {
   transition: all 0.7s ease-in-out;
   padding:0;
}

.product-list .img-area .title {
   font-size: 24px;
   color: #A80A0F;
   font-family: 'Tahoma Bold';
   margin-bottom: 30px;
   text-align: left;
}

.product-list .info {}

.product-list .info .title {
   font-size: 24px;
   color: #A80A0F;
   font-family: 'Tahoma Bold';
   margin-bottom: 20px;
}

.product-list .info p {
   font-size: 12px;
   font-family: 'Arial';
   line-height: 18px;
}


@media(min-width:1024px) {
   #product-food-service-detail #section3 {
      position: relative;
      padding: 0 0 9em;
   }

   #product-food-service-detail #section2 {
      position: relative;
      padding: 4em 0 6em;
   }

   #product-food-service-detail #section3 .product-wrapp {
      max-width: 800px;
      margin: 0 auto;
   }

   .product-list {
      margin-bottom: 50px;
      border-bottom: 1.2px solid rgb(198, 198, 198);
      padding-bottom: 20px;
      display: grid;
      grid-template-columns: 70% 30%;
      align-items: end;
   }

   .product-list .img-area {
      order: 2;
   }

   .product-list:hover .img-area img {
      transform: scale(1.15);
   }

   .product-list .info {
      order: 1;
      margin-right: 60px;
   }

   .product-list .info .title {
      font-size: 32px;
   }

   .product-list .info p {
      font-size: 18px;
      line-height: 30px;
   }

   .faq-wrapp .link-faq {
      /* width: 230px; */
      text-align: left;
      margin: auto;
      display: block;
      margin-top: 0px;
   }
}



/* PRODUCT SUGAR PAGES -------------------------------------------------------- */
#product-sugar {}

#product-sugar #section2 {
   background: #FBFBFB;
   padding: 4em 0 6em;
}

#product-sugar #section2 .img-desc {
   padding: 3em 0;
}

#product-sugar #section2 .faq-wrapp .link-faq {
   width: 300px;
   text-align: left;
   margin: 0;
   margin-top: 50px;
}

@media (min-width: 768px) {
   #product-sugar #section2 .img-desc {
      padding: 0 0;
      text-align: center;
   }

   .row .padleft {
      padding-left: 40px;
   }

   .row .padright {
      padding-right: 40px;
   }

   .row .padleft60 {
      padding-left: 60px;
   }

   .row .padright60 {
      padding-right: 60px;
   }

}

/* end: PRODUCT SUGAR PAGES -------------------------------------------------------- */
/* PRODUCT OLEOCHEMICALS PAGES -------------------------------------------------------- */
#product-oleochemicals .title-pages {
   width: 100%;
}

#product-oleochemicals #section2,
#product-oleochemicals #section4 {
   background: #ffffff;
   padding: 4em 0 4em;
}

#product-oleochemicals #section3 {
   background: #FBFBFB;
   padding: 4em 0 4em;
}

#product-oleochemicals #section5 {
   background: #F5F5F5;
   padding: 4em 0 4em;
}

#product-oleochemicals #section2 .faq-wrapp .link-faq {
   width: 300px;
   text-align: left;
   margin: 0;
   margin-top: 50px;
}

#product-oleochemicals #section3 .img-area {
   margin-top: 32px;
}

#product-oleochemicals #section3 .bold {
   font-family: 'Arial Bold';
   margin-bottom: 0;
}

#product-oleochemicals #section3 .shipping-list .list {
   display: grid;
   grid-template-columns: 17% 83%;
}

#product-oleochemicals #section4 h1 {
   font-size: 22px;
   color: #000000;
   font-family: 'Tahoma Bold';
   margin-bottom: 16px;
}

@media (min-width: 768px) {
   #product-oleochemicals #section3 .img-area {
      margin-top: 0px;
   }

   .accordion .bl {
      border-right: 1px solid #817F85;
   }

   #product-oleochemicals #section4 h1 {
      font-size: 28px;
      color: #000000;
      font-family: 'Tahoma Bold';
      margin-bottom: 60px;
      text-align: center;
   }

   #product-oleochemicals #section3 .shipping-list .list {
      display: grid;
      grid-template-columns: 10% 90%;
   }
}

/* end: PRODUCT OLEOCHEMICALS PAGES -------------------------------------------------------- */
/* PRODUCT SHIPPING PAGES -------------------------------------------------------- */
#product-shipping {}

#product-shipping #section2 {
   background: #FBFBFB;
   padding: 4em 0 6em;
}

#product-shipping #section2 .cta {
   margin-top: 32px;
}

#product-shipping #section2 .faq-wrapp .link-faq {
   text-align: left;
   margin: 0;
   margin-top: 50px;
}

#product-shipping #section2 .img-area {
   margin: 4em 0 3em;
}

#product-shipping #section2 .img-area img {
   width: 100%;
}

.shipping-list {
   position: relative;
   margin-top: 32px;
}

.shipping-list .line-list {
   width: 10px;
   height: calc(100% - 80px);
   position: absolute;
   top: 0;
   left: 15px;
   margin: 40px 0;
   border-left: 2px dotted #39393B;
}
.shipping-list.oleo .line-list {
   
   left: 10px;
}

.shipping-list .list {
   display: flex;
   align-items: center;
   margin-bottom: 60px;
}

.shipping-list .list .point {
   margin-right: 24px;
}

.shipping-list .list .info {}

.shipping-list .list .info h6 {
   margin-bottom: 8px;
   font-size: 18px;
   font-family: 'Tahoma Bold';
   color: #000000;
}

.shipping-list .list .info h4 {
   font-size: 26px;
   color: #A80A0F;
   font-family: 'Tahoma Bold';
   margin-bottom: 8px;
}

.shipping-list .list .info p {
   font-size: 14px;
}

#product-shipping #section2 .faq-wrapp .link-faq {
   text-align: left;
   margin: 0;
   margin-top: 50px;
}

@media (min-width: 768px) {
   .shipping-list .list .info h6 {
      font-size: 20px;
   }

   .shipping-list .list .info h4 {
      font-size: 28px;
   }

   .shipping-list .list .info p {
      font-size: 16px;
   }

   .shipping-list {
      position: relative;
      margin-top: 0px;
   }

   #product-shipping #section2 .faq-wrapp .link-faq {
      text-align: left;
      margin: 0;
   }
}

/* end: PRODUCT SHIPPING PAGES -------------------------------------------------------- */
/* PRODUCT SEEDS PAGES -------------------------------------------------------- */
#product-seeds {}

#product-seeds #section2 {
   background: #FBFBFB;
   padding: 4em 0;
}

#product-seeds #section2 .img-desc {
   padding: 3em 0;
}

#product-seeds #section2 .faq-wrapp .link-faq {
   width: 300px;
   text-align: left;
   margin: 0;
   margin-top: 50px;
}

#product-seeds #section3 {
   background: #FBFBFB;
   padding: 4em 0 6em;
}

#product-seeds #section3 .img-area {
   margin: 3em 0;
}

#product-seeds #section3 .img-area img {
   width: 100%;
}

#product-seeds #section3 .title-pages {
   margin-top: 32px;
}

@media (min-width: 768px) {
   #product-seeds #section2 .img-desc {
      padding: 0 0;
      text-align: center;
   }
}

/* end: PRODUCT SEEDS PAGES -------------------------------------------------------- */

/* PRODUCT BIOENERGY PAGES -------------------------------------------------------- */
#product-bioenergy {}

#product-bioenergy #section2 {
   background: #FFFFFF;
   padding: 4em 0;
}

#product-bioenergy #section3 {
   background: #FFFFFF;
   padding: 0em 20px 4em;
}

#product-bioenergy #section3 img {
   width: 100%;
}

#product-bioenergy #section3 .title-pages {
   width: 100%;
}

.content600 {
   max-width: 600px;
   margin: 0 auto;
}

.content400 {
   max-width: 400px;
   margin: 0 auto;
}

.content500 {
   max-width: 500px;
   margin: 0 auto;
}

.content700 {
   max-width: 700px;
   margin: 0 auto;
}

.d-flex {
   margin-top: 32px;
}


.d-flex .number {
   margin-right: 16px;
}

.d-flex p {
   font-size: 16px;
   margin-bottom: 0;
}
.d-inline-block > div{
   display: inline-block;
   vertical-align: top;
   max-width: 80%;
}
.d-inline-block:last-of-type{
   margin-bottom: 30px;
}
.num50 {
   font-size: 13px;
   color: #fff;
   background: #A80A0F;
   border-radius: 50%;
   padding: 4px 10px;
   margin-right: 10px;
}

#product-bioenergy #section4 {
   background: #FFFFFF;
   padding: 4em 0;
}

#product-bioenergy #section5 {
   padding: 4em 0;
}

#product-bioenergy #section4 h1 {
   text-align: center;
   font-size: 16px;
}

#product-bioenergy #section4 .img-area {
   margin: 60px 0 0;
   text-align: center;
}
section h1.sub-title{
   margin-bottom: 0px;
}
@media (min-width: 768px) {
   .d-flex:first-of-type{
      margin-top:0px;
   }
   section h1.sub-title{
      margin-bottom: 24px;
   }
   .d-flex p {
      
   }
   .d-inline-block:last-of-type{
      margin:0;
   }
   #product-bioenergy #section4 h1 {
      text-align: center;
      font-size: 18px;
   }

   #product-bioenergy #section3 {
      background: #FFFFFF;
      padding: 4em 0px;
   }
}

/* end: PRODUCT BIOENERGY PAGES -------------------------------------------------------- */
/* PRODUCT FOOD NUTRITION PAGES -------------------------------------------------------- */
#product-food .title-pages {
   width: 100%;
}

#product-food #section2 {
   background: #FFFFFF;
   padding: 4em 0;
}

#product-food #section3,
#product-food #section4,
#product-food #section5 {
   background: #FBFBFB;
   padding: 4em 0;
}

#product-food #section4 {
   background: #FBFBFB;
   padding: 0em 0 4em;
}

#product-food #section6 {
   background: #F5F5F5;
   padding: 4em 0;
}

#product-food .img-area img {
   width: 100%;
}

#product-food #section2 .img-area {
   margin-top: 24px;
}

#product-food #section3 .img-area {
   margin-bottom: 24px;
}

.box-flex {
   display: flex;
   overflow-x: scroll;
   flex-direction: row;
   flex-wrap: nowrap;
}

.box-flex::-webkit-scrollbar {
   display: none;
}

.box-flex {
   -ms-overflow-style: none;
   /* IE and Edge */
   scrollbar-width: none;
   /* Firefox */
}

.box-flex .colm {
   flex: none;
   width: 300px;
   background: #FFFFFF 0% 0% no-repeat padding-box;
   box-shadow: 0px 0px 20px #0000000A;
   border-radius: 8px;
   padding: 24px;
   margin-right: 24px;
}


.box-flex .box .head {
   font-size: 38px;
   color: 0;
   padding-bottom: 16px;
   border-bottom: 3px solid #A80A0F;
   font-family: 'Tahoma Bold';
}

.box-flex .box .content {
   font-size: 16px;
   color: #4C4C4F;
   margin-top: 16px;
}

@media (min-width: 768px) {
   .box-flex .box .head {
      font-size: 32px;
   }

   .box-flex .box .content {
      font-size: 14px;
   }

   .box-flex {
      flex-wrap: wrap;
   }

   .box-flex .colm {
      width: 33.3%;
      margin-right: 0;
      background: unset;
      box-shadow: unset;
      border-radius: unset;
      padding: unset;
      margin-right: 0;
      padding: 15px;
   }

   .box-flex .box {
      background: #FFFFFF 0% 0% no-repeat padding-box;
      box-shadow: 0px 0px 20px #0000000A;
      border-radius: 8px;
      padding: 24px;
      margin-right: 0px;
      min-height: 280px;
   }
}

/* end: PRODUCT FOOD NUTRITION PAGES -------------------------------------------------------- */
/* CONTACT PAGES -------------------------------------------------------- */

#contact #section2 {
   position: relative;
   padding: 0 0 9em;
}

.contact-wrap {
   background:white;
}

.contact-wrap .maps-section {
   position: relative;
   margin: 0 -5px;
}

.contact-wrap .maps-section .maps-wrap {
   height: 100%;
}

.contact-wrap .maps-section .maps-wrap img {
   height: 100%;
   object-fit: cover;
   width: 100%;
}

.contact-wrap .maps-section .maps-wrap .location-area {
   padding: 30px 24px;
}

.location-area .detail-loc {
   background: #FFFFFF;
   margin-top: 5px;
   box-shadow: 9px 17px 54px 0px rgb(187 187 187 / 20%);
   padding: 20px 20px 50px;
}

.location-area .detail-loc .name {
   font-size: 14px;
   color: #A80A0F;
   font-family: 'Tahoma Bold';
   margin-bottom: 20px;
}

.location-area .detail-loc .info {
   font-size: 14px;
   font-family: 'Tahoma';
   color: #454545;
   margin-bottom: 20px;
}

.location-area .detail-loc .contact {
   font-size: 14px;
   font-family: 'Tahoma';
   color: #454545;
}

.location-area .detail-loc .contact span {
   font-family: 'Tahoma Bold';
}

.select-custom {
   position: relative;
   padding: 13px 20px;
   background: #A80A0F;
   color: #fff;
   border-radius: 5px;
   cursor: pointer;
}

.select-custom span {
   font-size: 14px;
   font-family: 'Tahoma Bold';
}

.select-custom .icn {
   position: absolute;
   right: 20px;
   top: 10px;
   font-size: 20px;
}

.select-custom .select-menu {
   position: absolute;
   background: #fff;
   width: 100%;
   left: 0;
   margin-top: 15px;
   color: #000000;
   padding: 0px 20px;
   font-size: 14px;
   font-family: 'Tahoma Bold';
   display: none;
   height: 300px;
   overflow: auto
}

.select-custom .select-menu.open {
   display: block;
}

.select-custom .select-menu .list {
   padding: 15px 0;
   border-top: 1px solid #DBDBDB;
   transition: all 0.5s ease-in-out;
}

.select-custom .select-menu .list:first-child {
   border: 0;
}

.select-custom .select-menu .list:hover {
   color: #A80A0F;
}

.contact-wrap .form-section {
   position: relative;
   margin: 0 -5px;
   padding: 24px;
}

.contact-wrap .form-section h1 {
   color: #000000;
   font-size: 21px;
   font-family: 'Tahoma Bold';
   margin-bottom: 16px;
}

.contact-wrap .form-section p {
   font-size: 16px;
   font-family: 'Arial';
   color: #000000;
}

.contact-wrap .form-section form {
   margin-top: 45px;
   padding: 0 5px;
}

.form-group {}

.form-group label {
   font-size: 11px;
   font-family: 'Tahoma Bold';
}

.form-control {
   font-size: 13px;
   font-family: 'Arial';
   border: 0;
   box-shadow: none;
   border-bottom: 1px solid #000;
   border-radius: 0;
   padding: .375rem .75rem;
   padding-left: 5px;
   color: #CBCBCB;
}

.form-control::placeholder {
   color: #CBCBCB;
}

.form-control:focus {
   outline: 0 !important;
   border-color: unset;
   box-shadow: unset
}

input:focus,
textarea:focus,
select:focus {
   outline: none;
}

form .submit {
   font-size: 16px;
   font-family: 'Tahoma Bold';
   font-size: 16px;
   font-family: 'Tahoma Bold';
   padding: 12px;
   border-radius: 0;
   background: #A80A0F;
   border: 0;
   margin-top: 40px;
   color: #fff !important;
}

@media(min-width:1024px) {
   .contact-wrap .form-section {
     
      margin-top: 70px;
   }
   #contact {
      background: #F7F7F7;
   }

   #contact #section2 {
      position: relative;
      padding: 5em 0 9em;
   }

   #contact #section2 .container {
      max-width: 1210px;
   }

   .contact-wrap {
      display: grid;
      grid-template-columns: 35% 65%;
      width: 100%;
   }

   .contact-wrap .maps-section {
      order: 2;
      margin: 0;
      position: relative;
   }

   .contact-wrap .maps-section .maps-wrap .location-area {
      padding: 0;
      position: absolute;
      right: 20px;
      width: 345px;
      top: 50%;
      transform: translateY(-50%);
   }

   .location-area .detail-loc {
      margin-top: 8px;
   }

   .contact-wrap .form-section {
      order: 1;
      margin: 0;
      background: #fff;
      padding: 40px;
      margin-top:30px;
   }


   .contact-wrap .form-section h1 {
      font-size: 24px;
   }

   .contact-wrap .form-section p {
      font-size: 14px;
   }

   .form-group label {
      font-size: 14px;
   }

   .form-control {
      font-size: 16px;
   }
}

/* end: CONTACT PAGES -------------------------------------------------------- */
/* NEWS AND EVENTS PAGES -------------------------------------------------------- */
#news-events {
   background: #FBFBFB;
}



.news-wrapp {
   
}

.news-wrapp .heading {
   font-family: 'Tahoma Bold';
   font-size: 18px;
   margin-bottom: 30px;
}

.news-wrapp .latest-news {
   position: relative;
   overflow: hidden;
   color: #fff;
   margin-bottom: 30px;
}

.news-wrapp .latest-news img {
   height: 397px;
   object-fit: cover;
   width: 100%;
   transition: all 1s ease-in-out;
}

.news-wrapp .latest-news .bg-blck {
   position: absolute;
   bottom: 0;
   height: 130px;
   width: 100%;
   opacity: 0.6;
   background-image: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.5), rgba(255, 0, 0, 0));
}

.news-wrapp .latest-news .info {
   position: absolute;
   padding: 20px;
   bottom: 0;
   left: 0;
   width: 100%;
}

.news-wrapp .latest-news .kategori {
   font-family: 'Tahoma Bold';
   font-size: 12px;
   margin-bottom: 10px;
}

.news-wrapp .latest-news .title {
   font-family: 'Tahoma Bold';
   font-size: 16px;
   margin-bottom: 10px;
}
.news-wrapp .latest-news .title a:hover{
   color:white;
}

.news-wrapp .latest-news .meta-date {
   font-family: 'Arial';
   font-size: 12px;
}

.news-wrapp .news-card {
   position: relative;
   margin-bottom: 30px;
}
.news-wrapp .news-card a:hover{
   color:white;
}

.news-wrapp .news-card .img-area {
   overflow: hidden;
}

.news-wrapp .news-card .img-area img {
   height: 228px;
   width: 100%;
   object-fit: cover;
   transition: all 1s ease-in-out;
}

.news-wrapp .news-card .info {
   background: #fff;
   padding: 20px;
   box-shadow: 0px 3px 15px #0000000a;
   margin-bottom: 30px;
}

.news-wrapp .news-card .kategori {
   font-family: 'Tahoma Bold';
   font-size: 12px;
   margin-bottom: 10px;
}

.news-wrapp .news-card .categories {
   font-family: 'Tahoma';
   font-size: 12px;
   margin-bottom: 10px;
}

.news-wrapp .news-card .title {
   font-family: 'Tahoma Bold';
   font-size: 16px;
   margin-bottom: 10px;
   height: 100px;
}

.news-wrapp .news-card .meta-date {
   font-family: 'Arial';
   font-size: 12px;
   color: #9A989E;
   margin-bottom: 5px;
}

.news-wrapp .news-card .download {
   font-family: 'Arial Bold';
   font-size: 12px;
   color: #9A989E;
}

.news-wrapp .news-card .link {
   font-family: 'Tahoma Bold';
   font-size: 11px;
}

.category-wrap {
   padding: 30px 25px;
   background: #fff;
   margin-top: 50px;
}
#news-and-events .category-wrap {
   padding: 0px 25px 10px 25px;
    background: #fff;
    margin-top: 0px;
}

.newslatter-wrap {
   margin-top: 50px;
}

.category-wrap .heading,
.newslatter-wrap .heading,
.twitter-wrap .heading {
   font-family: 'Tahoma Bold';
   font-size: 20px;
   margin-bottom: 30px;
}

.list-kategori {}

.list-kategori .list {
   display: flex;
   justify-content: space-between;
   border-bottom: 1px solid #9A989E;
   font-size: 12px;
   font-family: 'Arial';
   padding: 15px 0 5px;
}

.list-kategori .list:hover {
   opacity: 0.7;
}

.newslatter-list {}

.newslatter-list .nl-card {
   display: flex;
   align-items: center;
   margin-bottom: 20px;
}

.newslatter-list .nl-card img {
   width: 85px;
   height: 85px;
   object-fit: cover;
}

.newslatter-list .nl-card .info {
   padding: 0 20px;
}

.newslatter-list .nl-card .info h1 {
   font-family: 'Tahoma Bold';
   font-size: 14px;
   text-overflow: ellipsis;
   overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   height: 35px;
   line-height: 18px;
}

.newslatter-list .nl-card .info .date {
   color: #9A989E;
   font-size: 12px;
   font-family: 'Arial';
}

.twitter-wrap {
   margin-top: 50px;
}

.tweet-area {}

.tweet-area .tweet-card {
   padding: 0px 0 15px;
   border-bottom: 1px solid #E2E2E2;
   margin-bottom: 30px;
}

.tweet-area .tweet-card .head {
   font-size: 12px;
   font-family: 'Arial';
   color: #9A989E;
}

.tweet-area .tweet-card .head i {
   color: #03A9F4;
   padding-right: 5px;
   font-size: 20px;
   margin-bottom: 10px;
}

.tweet-area .tweet-card .content {
   font-size: 12px;
   margin-bottom: 12px;
   line-height: 20px;
}

.tweet-area .tweet-card .content a,
.tweet-area .tweet-card .content span {
   color: #A80A0F;
}

.tweet-area .tweet-card .foot {
   font-size: 12px;
   font-family: 'Arial';
   color: #9A989E;
}
.tweet-area .ctf-item{
   padding: 0px 0 15px;
    border-bottom: 1px solid #E2E2E2;
    margin-bottom: 30px;
}
.tweet-area .ctf-item .ctf-corner-logo{
   float:left;
   margin-right: 13px;
}
.tweet-area .ctf-item .ctf-corner-logo svg  {
   color: #03A9F4;
   height: 20px;
}
.tweet-area .ctf-item .ctf-author-box{
   font-size: 12px;
}
.tweet-area .ctf-item .ctf-author-box > div{
   display: inline-block;
}

.tweet-area .ctf-item .ctf-tweet-content{
   clear:both;
   margin-top:10px;
   font-size:12px;
}
.tweet-area .ctf-tweet-actions{
   font-size: 12px;
    font-family: 'Arial';
    color: #9A989E;
}
.tweet-area .ctf-tweet-text a{
   color:#A80A0F !important
}
.twitter-wrap .ctf-screenreader{
   display: none;
}
.pub-heading {
   font-size: 16px;
   font-family: 'Tahoma Bold';
   margin-bottom: 40px;
}

.faq-wrapp.pub-faq .link-faq {
   margin-bottom: 0;
   margin-top: 0;
}

.paginations {
   text-align: center;
   margin: 2em 0px;
}

.paginations .list {
   cursor: pointer;
   color: #9A989E;
   padding: 10px 15px;
   margin: 0px;
   transition: all 0.5s ease-in-out;
   display: none;
   font-size: 12px;
}
.paginations .list.show{
   display: inline-block;
}

.paginations .list:hover {
   color: #A80A0F;
}

.paginations .list.arrow {
   color: #000000;
   border-radius: 50%;
   border: 1px solid #000000;
   padding: 6px 12px;
   display: inline-block;
}

.paginations .list.arrow:hover {
   color: #fff;
   border: 1px solid #A80A0F;
   background: #A80A0F;
}

.paginations .list.active {
   color: #fff;
   background: #A80A0F;
   border-radius: 50%;
   display: inline-block;
}

.paginations .list.active:hover {
   color: #fff;
}
.pagination .paginate_button.active,.pagination .paginate_button:hover {
   color: #fff;
   border: 1px solid #A80A0F !important;
   background: #A80A0F !important;
   border-radius: 50%;
}
.pagination .paginate_button.active a,.paginate_button a:hover{
   color:white !important;
}
.detail-blogs .shared-area {
   margin-bottom: 24px;
   margin-top:4em;
}

.detail-blogs .shared-area p {
   font-size: 14px;
   font-family: 'Arial';
   color: #707070;
   margin-bottom: 32px;
}

.detail-blogs .shared-area p a {
   color: #A80A0F;
}


.detail-blogs .shared-area .medsos {}

.detail-blogs .shared-area .medsos a {
   padding-right: 8px;
}

.detail-blogs .shared-area .medsos a img {
   transition: all 0.3s ease-in-out;
}

.detail-blogs .shared-area .medsos a img:hover {
   margin-top: -10px;
}

.detail-blogs .category {
   font-size: 14px;
   color: #39393B;
   font-family: 'Arial';
   margin-bottom: 8px;
}

.detail-blogs .voice {
   display: block;
   align-items: center;
   margin-bottom: 40px;
   margin-top: 20px;
}

.detail-blogs .voice .fitur {
   margin-right: 24px;
   margin-bottom: 15px;
}

.detail-blogs .voice .meta {
   font-size: 14px;
   color: #9A989E;
}

.detail-blogs .voice .meta span {
   padding: 0 5px
}

.btn-red-reg {
   background: #A80A0F;
   color: white !important;
   padding: 12px 20px;
   text-transform: capitalize;
   position: relative;
   font-family: 'Tahoma Bold';
   font-size: 12px;
   display: inline-block;
   border-radius: 20px;
    top: 20px;
}

.btn-red-reg i {
   padding-right: 5px;
}
.year-tab{
   display: none;
}
.year-tab.active{
   display: block;
}
@media (min-width: 768px) {
   .detail-blogs .voice {
      display: flex;
      align-items: center;
      margin-bottom: 40px;
      margin-top: 20px;
   }

   .detail-blogs .voice .meta {
      font-size: 14px;
      color: #9A989E;
      margin-top: 24px;
   }


   .detail-blogs .shared-area p {
      font-size: 18px;
   }

   .detail-blogs .category {
      font-size: 16px;
   }

   .pub-heading {
      font-size: 20px;
   }

   .paginations .list {
      margin: 0 10px;
   }

   .news-wrapp .heading {
      font-size: 24px;
   }

   .news-wrapp .latest-news .kategori {
      font-size: 14px;
   }

   .news-wrapp .latest-news .categories {
      font-size: 14px;
      margin-bottom: 10px;
   }

   .news-wrapp .latest-news .title {
      font-size: 18px;
      width: 50%;
   }

   .news-wrapp .latest-news:hover img {
      transform: scale(1.2);
   }

   .news-wrapp .news-card {
      position: relative;
      margin-bottom: 30px;
   }

   .news-wrapp .news-card .img-area {
      overflow: hidden;
   }

   .news-wrapp .news-card:hover .img-area img {
      transform: scale(1.2);
   }

   .news-wrapp .news-card:hover .info {
      background: #A80A0F;
      color: #fff;
      transition: all 0.7s ease-in-out;
   }

   .news-wrapp .news-card:hover .download {
      color: #fff;
      transition: all 0.7s ease-in-out;
   }

   .news-wrapp .news-card .link {
      color: #8A0609;
   }

   .news-wrapp .news-card:hover .link {
      color: #fff;
      transition: all 0.7s ease-in-out;
   }

   .news-wrapp .news-card .kategori {
      font-family: 'Tahoma Bold';
      font-size: 14px;
   }

   .news-wrapp .news-card:hover .kategori {
      color: #fff !important;
      transition: all 0.7s ease-in-out;
   }

   .news-wrapp .news-card .title {
      font-family: 'Tahoma Bold';
    font-size: 16px;
    margin-bottom: 10px;
    height: 92px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    /* height: 35px; */
    line-height: 18px;
   }

   .news-wrapp .news-card .meta-date {
      font-family: 'Arial';
      font-size: 12px;
   }

   .news-wrapp .news-card:hover .meta-date {
      color: #fff;
   }

   .news-wrapp .news-card .link {
      font-family: 'Tahoma Bold';
      font-size: 13px;
   }
}

@media (min-width: 1200px) {

   .category-wrap,
   .newslatter-wrap,
   .twitter-wrap {
      margin-left: 30px;
   }
}


/* end: NEWS AND EVENTS PAGES -------------------------------------------------------- */
/* PRESS RELEASE PAGES -------------------------------------------------------- */
#press-release {
   background: #FAFAFA;
}

#press-release #section2 {
   position: relative;
   padding: 4em 0 6em;
}

.press-release-wrap {
   margin-top: 0px;
}

.sortby {
   /*width: 150px;*/
   width: 100%;
   min-width: 150px;
}

.sortby .form-control {
   color: #000000;
   font-family: 'Tahoma Bold';
   font-size: 16px;
   background: transparent;
   margin-bottom: 50px;
}
#year-filter{
   width:100px;
   text-align-last:center;
}
#gallery-filter-year{
   width:100px;
   text-align-last:center;
   display: inline-block;
   margin:0;
}
#gallery-filter-block{
   width:120px;
   text-align-last:center;
   display: inline-block;
   margin:0;
}
#publication-category-selector{
   text-align-last: left;
    display: inline-block;
    margin: 0;
    width: 290px;
}
#news-events #year-filter{
   display: inline-block;
}

.press-release-wrap .press-card-main,
.press-release-wrap .press-card {
   box-shadow: 0px 3px 15px #79080c12;
   border-radius: 4px;
   padding: 25px;
   margin-bottom: 30px;
}

.press-release-wrap .press-card-main .meta-date,
.press-release-wrap .press-card .meta-date {
   font-size: 14px;
   font-family: 'Arial';
   color: #9A989E;
   margin-bottom: 16px;
}

.press-release-wrap .press-card-main h1,
.press-release-wrap .press-card h1 {
   font-size: 16px;
   font-family: 'Tahoma Bold';
   color: #000000;
   margin-bottom: 10px;
   text-overflow: ellipsis;
   overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
   height: 70px;
   line-height: 23px;
}

.press-release-wrap .press-card-main .desc {
   font-size: 16px;
   font-family: 'Arial';
   text-overflow: ellipsis;
   overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 5;
   -webkit-box-orient: vertical;
   height: 140px;
   line-height: 28px;
   margin-bottom: 35px;
}

.press-release-wrap .press-card-main a,
.press-release-wrap .press-card a {
   font-size: 12px;
   font-family: 'Tahoma Bold';
   color: #A80A0F;
   cursor: pointer;
}

#press-release #section3 {
   position: relative;
}

#press-release #section3 .col-12.col-md-4 {
   margin-top: 20px;
}

#press-release #section3 .banner {
   width: 100%;
}

.form-rss-area {
   
}

.form-rss {
   
}

.form-rss .heading {
   font-size: 24px;
   font-family: 'Tahoma Bold';
   margin-bottom: 55px;
}

.form-rss form {
   display: flex;
   justify-content: space-between;
}

.form-rss form .group {
   position: relative;
   color: #C1C1C1;
   width: 100%;
   margin-right: 20px;
}

.form-rss form .group input {
   background-clip: padding-box;
   background: #fff;
   border: 0;
   padding: 15px 20px;
   width: 100%;
   font-size: 12px;
}

.form-rss form .group i {
   position: absolute;
   right: 15px;
   top: 15px;
}

.form-rss form button {
   border: 0;
   background: #A80A0F;
   color: #fff;
   font-size: 14px;
   font-family: 'Tahoma Bold';
   padding: 0 30px;
}

.form-rss .btn-rss {
   background: #000000;
   color: #fff;
   padding: 13px 30px;
   vertical-align: middle;
   display: inline-block;
}

.form-rss .btn-rss i {
   font-size: 18px;
   margin-right: 10px;
}

.form-rss .btn-rss span {
   font-size: 14px;
   font-family: 'Tahoma Bold';
}

@media (min-width: 768px) {
   .press-release-wrap .press-card-main {
      padding: 35px;
   }

   .press-release-wrap .press-card .meta-date {
      font-size: 13px;
   }

   .press-release-wrap .press-card-main .meta-date {
      font-size: 14px;
   }

   .press-release-wrap .press-card-main h1 {
      font-size: 18px;
      line-height: 30px;
      width: 85%;
      height: 60px;
   }

   .press-release-wrap .press-card-main a {
      font-size: 14px;
   }

   #press-release #section3 .col-12.col-md-4 {
      margin-top: 0px;
   }
   .sortby {
      /*width: 150px;*/
      max-width: 40%;
   }
}

@media (min-width: 1200px) {}

/* end: PRESS RELEASE PAGES -------------------------------------------------------- */
/* MEET OUR EXPERTS PAGES -------------------------------------------------------- */
#meet-experts {
   background: #FBFBFB;
}

#meet-experts #section1 {
   position: relative;
   padding: 4em 0 8em;
}

#meet-experts .experts-wrap {
   margin-top: 80px;
}

.experts-card {
   margin-bottom: 30px;
   cursor: pointer;
}

.experts-card .img-area {
   overflow: hidden;
}

.experts-card .img-area img {
   transition: all 0.8s ease-in-out;
}

.experts-card:hover .img-area img {
   transform: scale(1.1);
}

.experts-card .info {
   padding: 15px 0px;
   text-align: center;
}

.experts-card .info .name {
   font-size: 20px;
   font-family: 'Tahoma Bold';
   margin-bottom: 10px;
}

.experts-card .info .pos {
   font-size: 16px;
   font-family: 'Arial';
   color: #4C4C4F;
   height: 40px;
   line-height: 22px;
}

/* end: MEET OUR EXPERTS PAGES -------------------------------------------------------- */
/* GALLERY PAGES -------------------------------------------------------- */
#news-gallery {
   background: #FBFBFB;
}

#news-gallery #section1 {
   position: relative;
   padding: 4em 0 6em;
}

.gallery-wrapp {
   margin-top: 50px;
   width:100%;
}

.gallery-container {
   display: flex;
   margin: 0 -8px;
   flex-wrap: wrap;
   width:100%;
}

.gallery-container .column {
   flex: 50%;
   max-width: 50%;
   padding: 0 8px;
}

.gallery-container .gallery-item {
   position: relative;
   margin: 16px;
   cursor: pointer;
}

.gallery-container .gallery-item .image {
   overflow: hidden;
   max-width: 300px;
   position: relative;
}

.gallery-container .gallery-item .image img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   transition: all 0.8s ease-in-out;
}

.gallery-container .gallery-item:hover .image img {
   transform: scale(1.1);
}

.gallery-container .gallery-item .bg-blck {
   position: absolute;
   bottom: 0;
   height: 100px;
   width: 100%;
   opacity: 0;
   background-image: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.5), rgba(255, 0, 0, 0));
   transition: all 0.5s ease-in-out;
}

.gallery-container .gallery-item:hover .bg-blck {
   opacity: 0.6;
}

.gallery-container .gallery-item .info {
   position: absolute;
   padding: 10px;
   right: 0;
   bottom: 0;
   color: #fff;
   opacity: 0;
   transition: all 0.5s ease-in-out;
}

.gallery-container .gallery-item:hover .info {
   opacity: 1;
}

.gallery-container .gallery-item .info a {
   font-size: 12px;
   font-family: 'Arial Bold';
   padding-right: 10px;
}

.gallery-container .gallery-item .info a i {
   padding-right: 3px;
}

#news-gallery #section2 {
   position: relative;
   padding: 2em 0 8em
}

#news-gallery #section2 .head {
   font-size: 24px;
   font-family: 'Tahoma Bold';
   margin-bottom: 10px;
}

#news-gallery #section2 .desc {
   color: #39393B;
   font-size: 14px;
}

 .desc a {
   
}

a:hover {
   color: #A80A0F;
}
header a:hover {
   color: white !important;
}
header .bottom a:hover{
   color: #A80A0F !important;
}
header .bottom .mega a:hover{
   color: white !important;
}
.videos-wrapp {
   margin-top: 50px;
}

.videos-wrapp .video-card {
   position: relative;
   margin-bottom: 30px;
   display: flex;
}
.videos-wrapp .video-card a:hover{
   color:white;
}

.videos-wrapp .video-card .img-area {
   overflow: hidden;
   position: relative;
   display: contents;
}

.videos-wrapp .video-card .img-area .thumbnail {
   height: 107px;
   width: 107px;
   object-fit: cover;
   transition: all 1s ease-in-out;
}

.videos-wrapp .video-card .play {
   position: absolute;
   top: 50%;
   left: 16%;
   transform: translate(-50%, -50%);
}

.videos-wrapp .video-card .info {
   background: #fff;
   padding: 10px 20px;
   box-shadow: 0px 3px 15px #0000000a;
   width:100%;
}

.videos-wrapp .video-card .time {
   font-family: 'Tahoma Bold';
   font-size: 10px;
   margin-bottom: 10px;
   color: #A80A0F;
}

.videos-wrapp .video-card .title {
   font-family: 'Tahoma Bold';
   font-size: 14px;
   margin-bottom: 10px;
   text-overflow: ellipsis;
   overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   height: 35px;
   line-height: 20px;

}

.videos-wrapp .video-card .meta-date {
   font-family: 'Arial';
   font-size: 11px;
   color: #9A989E;
}

.modal-content.gallery {
   text-align: center;
   left: 50%;
   transform: translate(-50%);
   position: relative;
   width: unset;
}

.modal-body .gallery-item {
   position: relative;
}

.modal-body .gallery-item .image {
   overflow: hidden;
   max-width: 60vw;
    max-height: 80vh;
}

.modal-body .gallery-item .image img {
   max-width: 100%;
   max-height: 90%;
   /* object-fit: cover; */
   transition: all 0.8s ease-in-out;
}

.modal-body .gallery-item .bg-blck {
   position: absolute;
   bottom: 0;
   height: 100px;
   width: 100%;
   opacity: 0;
   background-image: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.5), rgba(255, 0, 0, 0));
   transition: all 0.5s ease-in-out;
}

.modal-body .gallery-item:hover .bg-blck {
   opacity: 0.6;
}

.modal-body .gallery-item .info {
   position: absolute;
   padding: 20px;
   right: 0;
   bottom: 0;
   color: #fff;
   opacity: 0;
   transition: all 0.5s ease-in-out;
}

.modal-body .gallery-item:hover .info {
   opacity: 1;
}

.modal-body .gallery-item .info a {
   font-size: 20px;
   font-family: 'Arial Bold';
   padding-right: 10px;
}

.modal-body .gallery-item .info a i {
   padding-right: 3px;
}

@media(min-width:768px) {
   .modal-body .gallery-item .info a {
      font-size: 18px;
      font-family: 'Arial Bold';
      padding-right: 10px;
   }

   .gallery-container .column {
      flex: 20%;
   }

   .gallery-container .gallery-item {
      /* min-height: 22rem; */
   }

   #news-gallery #section2 .head {
      font-size: 28px;
      font-family: 'Tahoma Bold';
   }

   #news-gallery #section2 .desc {
      color: #39393B;
      font-size: 18px;
   }

   .videos-wrapp .video-card {
      position: relative;
      margin-bottom: 30px;
      display: block;
   }

   .videos-wrapp .video-card .img-area {
      display: block;
      padding-top: 56.25%;
   }

   .videos-wrapp .video-card .img-area .thumbnail {
      height: 228px;
      width: 100%;
      object-fit: cover;
      transition: all 1s ease-in-out;
      position: absolute;
      top: 0;
   }

   .videos-wrapp .video-card:hover .img-area .thumbnail {
      transform: scale(1.2);
   }

   .videos-wrapp .video-card .play {
      left: 50%;
   }

   .videos-wrapp .video-card .info {
      padding: 20px;
   }

   .videos-wrapp .video-card:hover .info {
      background: #A80A0F;
      color: #fff;
      transition: all 0.7s ease-in-out;
   }

   .videos-wrapp .video-card .time {
      font-family: 'Tahoma Bold';
      font-size: 14px;
      transition: all 0.7s ease-in-out;
   }

   .videos-wrapp .video-card:hover .time {
      color: #fff;
   }

   .videos-wrapp .video-card .title {
      font-family: 'Tahoma Bold';
      font-size: 18px;
      text-overflow: ellipsis;
      overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      height: 65px;
      line-height: 23px;
   }

   .videos-wrapp .video-card .meta-date {
      font-family: 'Arial';
      font-size: 12px;
   }

   .videos-wrapp .video-card:hover .meta-date {
      color: #fff;
   }
}

/* end: GALLERY PAGES -------------------------------------------------------- */
/* Work With US PAGES -------------------------------------------------------- */
#work-with-us {
   background: #FBFBFB;
}

#work-with-us #section2 {
   position: relative;
   padding: 4em 0 0;
}

#work-with-us #section2 .video-area {
   margin-top: 50px;
   position: relative;
   z-index: 1;
}

#work-with-us #section3 {
   position: relative;
   padding: 10em 0 4em;
   background: #EFEFEF;
   margin-top: -7em;
}

#product-consumer .works-box .works-line .menu img {
   margin-top: 0px;
   margin-right: 8px;
   width: 60px;
}

#product-consumer .works-box .works-line .menu {
   margin-bottom: 0px;
}

#product-consumer .works-box .works-line .menu {
   font-size: 16px;
}

.works-box {
   padding: 40px 35px;
   box-shadow: 0px 3px 15px #00000014;
   border-radius: 8px;
   background: #fff;
   display: inline-block;
   width:100%;
   margin-bottom:30px;
}

.works-box .title {
   font-size: 18px;
   font-family: 'Tahoma Bold';
   margin: 15px 0 50px;
}

.works-box .works-line {
   border-left: 3px solid #EFEFEF;
}

.works-box .works-line .menu {
   padding-left: 18px;
   font-size: 14px;
   font-family: 'Arial Bold';
   display: block;
   margin-bottom: 24px;
   border-left: 3px solid #EFEFEF;
   margin-left: -3px;
   transition: all 0.7s ease-in-out;
}

.works-box .works-line .menu:hover {
   border-left: 3px solid #A80A0F;
}

.works-box .works-line .menu:last-child {
   margin-bottom: 0;
}

.works-box .works-line .menu img {
   margin-top: -5px;
   margin-right: 8px;
   width: 30px;
}

.works-box .works-line .menu.active {
   border-left: 3px solid #A80A0F;
   color: #A80A0F;
}

 .head {
   font-size: 24px;
   font-family: 'Tahoma Bold';
   margin-bottom: 24px;
}

#work-with-us #section3 .text {
   font-size: 16px;
   font-family: 'Arial';
}

@media (min-width: 768px) {
   #work-with-us #section3 {
      position: relative;
      padding: 25em 0 4em;
      background: #EFEFEF;
      margin-top: -18em;
   }

   #work-with-us #section3 .head {
      font-size: 32px;
   }

   #work-with-us #section3 .text {
      font-size: 18px;
      width: 80%;
   }
}

/* end: Work With Us PAGES -------------------------------------------------------- */
/* Work With Us SUB PAGES -------------------------------------------------------- */
#work-with-sub {
   background: #FBFBFB;
}

#work-with-sub #section2 {
   position: relative;
   padding: 4em 0 2em;
   background: #FFFFFF;
}

#work-with-sub #section3 {
   position: relative;
   padding: 4em 0 6em;
   background: #FBFBFB;
}

#work-with-sub #section3 .head {
   font-size: 24px;
   font-family: 'Tahoma Bold';
   margin-bottom: 30px;
}

#work-with-sub .faq-wrapp {
   margin-top: 80px;
}

#work-with-sub .faq-wrapp a.link-faq {
   margin: 30px 0;
   width: 100%;
}

#work-with-sub .owl-carousel .owl-stage {
   padding-left: 0px !important;
}

.slide-area {
   margin: 0 -20px;
}

.workslide-card {}

.workslide-card .img-area {
   position: relative;
}

.workslide-card .img-area img {
   height: 289px;
   width: 100%;
   object-fit: cover;
}

.workslide-card .img-area .bg-blck {
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 100px;
   opacity: 0.3;
   background-image: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.7), rgba(255, 0, 0, 0));
}

.workslide-card .img-area .ab-txt {
   position: absolute;
   bottom: 0;
   color: #fff;
   padding: 12px 20px;
   width: 100%;
}

.workslide-card .img-area .ab-txt .name {
   font-size: 16px;
   font-family: 'Tahoma Bold';
   margin-bottom: 3px;
}

.workslide-card .img-area .ab-txt .pos {
   font-size: 12px;
}

.workslide-card .info {
   background: #fff;
   padding: 30px;
   box-shadow: 0px 3px 17px #6262620a;
}

#work-with-sub .owl-stage {
   display: flex;
}

#work-with-sub .owl-stage .owl-item {
   align-items: stretch;
   background: #fff;
   box-shadow: 0px 3px 17px #6262620a;
}

.owl-carousel .workslide-card .info {
   background: #fff;
   padding: 25px;
   box-shadow: unset;
}

/* #scholarship .workslide-card .info {
   height: 320px;
} */

.workslide-card .info .quote {
   font-size: 14px;
   font-family: 'Arial';
   margin-bottom: 16px;
}

.workslide-card .info p {
   font-size: 14px;
   text-overflow: ellipsis;
   overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 9;
   -webkit-box-orient: vertical;
}

.workslide-card .info p a {
   text-decoration: underline;
   color: #A80A0F;
}

.workslide-card .info .cta {
   font-size: 16px;
   color: #A80A0F;
}

.workslide-card .info .cta:hover {
   opacity: 0.8;
}

#work-with-sub .arrow-custom.icn-next {
   position: absolute;
   right: 20px;
   top: -80px;
   font-size: 22px;
   height: 50px;
   width: 50px;
   box-shadow: 0px 3px 17px #b7b7b738;
   background: #fff;
   border-radius: 50%;
}

#work-with-sub .arrow-custom.icn-left {
   position: absolute;
   top: -80px;
   right: 90px;
   font-size: 22px;
   height: 50px;
   width: 50px;
   box-shadow: 0px 3px 17px #b7b7b738;
   background: #fff;
   border-radius: 50%;
}

#work-with-sub .arrow-custom.icn-left i {
   margin-top: 15px;
   margin-left: -5px;
}

#work-with-sub .arrow-custom.icn-next i {
   margin-top: 15px;
   margin-left: 5px;
}

#work-with-sub .arrow-custom.icn-next:hover,
#work-with-sub .arrow-custom.icn-left:hover {
   background: #A80A0F;
   color: #fff;
}

#work-with-sub .img-scholarship {
   margin-top: 50px;
   width: 100%;
   text-align: center;
}

#work-with-sub #section4 {
   position: relative;
   margin-top: -3em;
}

.faq-internships {}

.faq-internships .banner {
   width: 100%;
   min-height: 90vh;
   object-fit: cover;
}

.faq-internships .form-rss {
   text-align: left;
}

#work-with-sub .modal-gar {}

.modal-gar .modal-content {
   border-radius: 0;
}

.modal-gar .modal-body {
   padding: 0;
   text-align: left;
}

.modal-content .close-modal,
.modal-content-gallery .close-modal {
   position: absolute;
   right: 0;
   top: 0;
   z-index: 1;
   padding: 20px;
   cursor: pointer;
}

.modal-body .img-thumb {
   width: 100%;
   height: 100%;
   object-fit: cover;
   height:523px;
}

.modal-gar .content-modal {
   padding: 40px 40px 40px 10px;
}

.modal-gar .content-modal .name {
   font-size: 24px;
   font-family: 'Tahoma Bold';
   color: #000000;
}

.modal-gar .content-modal .pos {
   font-size: 16px;
   font-family: 'Tahoma';
   color: #000000;
   padding: 8px 0;
}

.modal-gar .content-modal .country {
   font-size: 16px;
   font-family: 'Tahoma Bold';
   color: #000000;
}

.modal-gar .content-modal .desc {
   font-size: 14px;
   color: #817F85;
   font-family: 'Arial';
   margin-top: 32px;
   white-space: initial;
   height: 270px;
   overflow: auto;

}

.experts-card {
   cursor: pointer;
}

.modal-gar .content-modal {
   max-height: 624px;
   overflow: hidden;
}

.modal-gar .content-modal hr {
   margin: 2em 0
}

.modal-gar .content-modal .desc-list {}

.modal-gar .content-modal .desc-list .head {
   font-size: 16px;
   font-family: 'Tahoma Bold';
   margin-bottom: 16px;
}

.modal-gar .content-modal .desc-list .list {
   list-style-type: "- ";
   font-size: 14px;
   font-family: 'Tahoma';
}

.modal-gar .content-modal .desc-list .list li {
   margin-bottom: 8px;
}

@media (min-width: 768px) {

   #work-with-us .title-pages,
   #work-with-sub .title-pages {
      width: 60%;
   }

   .slide-area {
      margin: 0;
   }

   #work-with-sub .img-scholarship {
      text-align: left;
   }

   .faq-internships .form-rss {
      text-align: center;
   }

   #work-with-sub #section4.faq-internships .faq-wrapp {
      display: flex;
      justify-content: center;
   }

   #work-with-sub #section4.faq-internships .faq-wrapp .link-faq {
      height: 100px;
      border-top: 1px solid #000000;
      width: 100%;
      padding: 20px 0;
      margin: 0 30px;
   }

   .faq-internships .banner {
      width: 100%;
      min-height: unset;
   }
}

/* end: Work With SUB PAGES -------------------------------------------------------- */
/* ABOUT PAGES -------------------------------------------------------- */
#about #section2 {
   background: #FBFBFB;
   padding: 4em 0 6em;
}

#about #section2 .desc-pages p:first-child {
   margin-top: 16px;
}


#about #section2 .about-img {
   white-space: nowrap;
   overflow-x: scroll;
   margin: 60px -20px;
   padding-left: 20px;
}

#about #section2 .about-img .img {
   width: 200%;
}

#about #section2 .cta {
   margin-top: 24px;
}

#about #section3 {
   padding: 3em 0;
}

#about #section3 img {
   width: 100%;
}

@media (min-width: 768px) {
   #about #section2 .cta {
      margin-top: 48px;
   }

   #about #section2 .about-img .img {
      width: 100%;
      text-align: center;
   }
}

#about-shared-values #section2 {
   padding: 0em 0 4em;
   position: relative;
}

#about-shared-values #section2 .imgs {
   width: 100%;
   margin-top: 24px;
}

#about-shared-values #section2 .visi-misi {
   padding: 3em 0 0;
}

#about-shared-values #section2 .visi-misi .area {
   padding-bottom: 32px;
}

#about-shared-values #section2 .visi-misi .area:last-child {
   padding-bottom: 0;
}

#about-shared-values #section2 .visi-misi .area h1 {
   font-size: 24px;
   font-family: 'Tahoma Bold';
   margin-bottom: 24px;
   color: #000000;
}

#about-shared-values #section2 .visi-misi .area p {
   margin-bottom: 0;
   font-size: 16px;
   font-family: 'Arial';
}

#about-shared-values #section3 {
   background: #FBFBFB;
   padding: 2em 0 2em;
   margin-bottom: 2em;
}

#about-shared-values #section3 h6 {
   font-size: 24px;
   font-family: 'Tahoma Bold';
   margin-bottom: 16px;
   color: #000000;
}

#about-shared-values #section3 .dsc {
   margin-bottom: 32px;
   font-size: 16px;
   font-family: 'Arial';
}

.our-share-area {
   overflow-x: scroll;
   display: flex;
   margin: 0 -20px;
   padding-left: 15px;
   padding-right: 20px;
}

.our-share-card {
   background: #FFFFFF 0% 0% no-repeat padding-box;
   box-shadow: 0px 0px 20px #0000000A;
   width: 200px;
   min-width: 200px;
   margin: 0 10px;
}

.our-share-card .img-area {}

.our-share-card .img-area img {
   width: 100%;
}

.our-share-card .info {
   text-align: left;
   padding: 16px;
}

.our-share-card .info h1 {
   font-size: 14px;
   font-family: 'Tahoma Bold';
   margin-bottom: 16px;
   color: #000000;
}

.our-share-card .info p {
   margin-bottom: 0;
   font-size: 12px;
   font-family: 'Arial';
}

.shared-value2,
.shared-value {
   color: #000000;
   margin-bottom: 40px;
   display: flex;
   align-items: center;
}

.shared-value2:last-child,
.shared-value:last-child {
   margin-bottom: 0;
}

.shared-value2.active,
.shared-value.active {
   color: #A80A0F;
   transition: all 0.5s ease-in-out;
}

.shared-value2 .play,
.shared-value .play {
   margin-right: 8px;
   width:30px;
}

.shared-value2 img,
.shared-value img {
   margin-right: 24px;
   opacity: 0;
   height: 21px;
}

.shared-value2.active img,
.shared-value.active img {
   opacity: 1;
   transition: all 0.5s ease-in-out;
}

.shared-value2 .info h1,
.shared-value .info h1 {
   font-size: 20px;
   font-family: 'Tahoma Bold';
   margin-bottom: 8px;
}

.shared-value2 .info p,
.shared-value .info p {
   margin-bottom: 0;
   font-size: 18px;
   line-height: 28px;
}

.img-area-content2 img,
.img-area-content img {
   width: 100%;
   max-height: 550px;
   object-fit: cover;
   opacity: 0;
   transition: all 2s ease-in-out;
   display: none;
}

.img-area-content2 img.active,
.img-area-content img.active {
   opacity: 1;
   display: block;
   /*-webkit-animation-name: fadeIn;
   -webkit-animation-duration: 0.8s;
   animation-name: fadeIn;
   animation-duration: 0.8s;*/
}

@-webkit-keyframes fadeIn {
   from {
      opacity: 0
   }

   to {
      opacity: 1
   }
}

@keyframes fadeIn {
   from {
      opacity: 0
   }

   to {
      opacity: 1
   }
}

@media (min-width: 768px) {
   #about-shared-values #section2 .visi-misi {
      padding: 0;
      padding-left: 40px;
      
      margin-left: 20px;
   }

   #about-shared-values #section2 .visi-misi .area {
      padding-bottom: 60px;
      position: relative;
   }

   #about-shared-values #section2 .visi-misi .area .icon {
      position: absolute;
      left: -52px;
      top: -2px;
   }
   #about-shared-values #section2 .visi-misi .area .icon i{
      padding:7px 9px;
      background:#A80A0F;
      color:white;
      border-radius: 50%;
   }
   #about-shared-values #section2 .visi-misi .area h1 {
      font-size: 28px;
      font-family: 'Tahoma Bold';
      margin-bottom: 24px;
      color: #000000;
   }

   #about-shared-values #section2 .visi-misi .area p {
      margin-bottom: 0;
      font-size: 18px;
      font-family: 'Arial';
   }

   #about-shared-values #section2 .cta {
      margin-top: 32px;
      margin-left: 60px;
   }

   #about-shared-values #section3 h6 {
      font-size: 28px;
      font-family: 'Tahoma Bold';
      margin-bottom: 24px;
      color: #000000;
      /* text-align: center; */
   }

   #about-shared-values #section3 .dsc {
      margin-bottom: 40px;
      font-size: 18px;
      font-family: 'Arial';
      /* text-align: center; */
   }

   .our-share-card {
      background: #FFFFFF 0% 0% no-repeat padding-box;
      box-shadow: 0px 0px 20px #0000000A;
      width: 100%;
      min-width: 200px;
      margin: 0 0 24px;
   }

   .our-share-card .info {
      text-align: center;
      padding: 20px;
      min-height: 150px;
   }

   .our-share-card .info h1 {
      font-size: 20px;
      font-family: 'Tahoma Bold';
      margin-bottom: 16px;
      color: #000000;
   }

   .our-share-card .info p {
      margin-bottom: 0;
      font-size: 16px;
      font-family: 'Arial';
   }
}

#about-our-business {}
#about-our-business .accordion{
   padding:2em 0;
}
#about-our-business #section2 {
   
   position: relative;
}

#about-our-business #section2 .bs-img {
   margin: 20px;
}

#about-our-business #section2 .bs-img img {
   width: 100%;
}

#about-our-business #section2 .faq-wrapp .link-faq {
  
   margin: 40px 0 0;
}

#about-our-business #section3 {
   background: #FBFBFB;
   padding: 6em 0 6em;
}

#about-our-business #section3 h1 {
   font-size: 20px;
   color: #A80A0F;
   font-family: 'Tahoma Bold';
   margin-bottom: 24px;
}

#about-our-business #section3 .cta {
   margin-bottom: 32px;
}

#about-our-business #section3 a.underline {
   font-size: 16px;
}
.br-accourdion{
   border-right:1px solid #817F85
}
.gar-accourdion {
   background: #FFFFFF 0% 0% no-repeat padding-box;
   box-shadow: 0px 8px 10px #00000005;
   border-radius: 2px;
   margin-bottom: 24px;
}

.gar-accourdion .gar-head .title .link {
   display: inline-block;
   font-size: 14px;
   font-family: 'Arial';
   color: #A80A0F;

}

.gar-accourdion .gar-head {
   position: relative;
   width: 100%;
   padding: 20px;
   background: #fff;
   cursor: pointer;
   transition: all 0.6s ease-in-out;
}

.gar-accourdion .gar-head:hover {
   background: #A80A0F;
}

.gar-accourdion .gar-head:hover .fa {
   color: #fff;
}

.gar-accourdion .gar-head:hover .title a,
.gar-accourdion .gar-head:hover .title .link {
   color: #fff;
}


.gar-accourdion .gar-head .fa {
   color: #A80A0F;
   font-size: 16px;
   position: absolute;
   top: 50%;
   right: 15px;
   transform: translateY(-50%);
   transition: all 0.6s ease-in-out;
}

.gar-accourdion .gar-head .fa.active {
   transform: rotate(-180deg) translateY(50%);
}

.gar-accourdion .gar-head .title a {
   font-size: 12px;
   font-family: 'Tahoma Bold';
   color: #000000;
   transition: all 0.6s ease-in-out;
   display: block;
   max-width: 90%;
}

.gar-accourdion .card-body {
   font-size: 12px;
   padding: 20px 0;
   margin: 0 20px;
   border-top: 1px solid #D6D6D6;
}

@media (min-width:768px) {
   #about-our-business #section2 .bs-img {
      margin: 50px 50px;
   }

   #about-our-business #section3 h1 {
      font-size: 24px;
      color: #A80A0F;
      font-family: 'Tahoma Bold';
      margin-bottom: 24px;
   }

   #about-our-business #section3 a.underline {
      font-size: 16px;
   }

   #about-our-business #section3 a.underline:hover {
      color: #A80A0F;
   }

   .gar-accourdion .gar-head {
      position: relative;
      width: 100%;
      padding: 30px;
   }

   .gar-accourdion .gar-head .fa {
      font-size: 20px;
      right: 30px;
   }

   .gar-accourdion .gar-head .title a {
      font-size: 16px;
      font-family: 'Tahoma Bold';
      color: #000000;
   }

   .gar-accourdion .card-body {
      font-size: 14px;
      padding: 30px 0;
      margin: 0 30px;
   }

   #about-our-business #section3 .cta {
      margin-bottom: 60px;
   }
}

#about-our-gov #section2 {
   padding: 4em 0 0;
}

#about-our-gov #section2 .img-area {
   margin-top: 24px;
}

#about-our-gov #section2 .title-pages {
   width: 100%;
}

#about-our-gov #section2 .cta {
   margin-top: 24px;
}

#about-our-gov #section2 .cta a {
   font-size: 16px;
   /* color: #000000; */
   font-family: 'Arial Bold';
   margin-bottom: 16px;
   display: block;
}

#about-our-gov #section2 .cta a i {
   font-size: 15px;
   margin-left: 8px;
}

#about-our-gov #section2 .row {
   padding-bottom: 6em;
}

#about-our-gov #section3 {
   background: #FBFBFB;
   padding: 4em 0 4em;
}

#about-our-gov #section3 .accordion {
   padding-top: 2em;
}

@media (min-width: 768px) {
   #about-our-gov #section2 .row {
      padding-bottom: 8em;
   }

   #about-our-gov #section2 .cta a {
      font-size: 18px;
   }

   #about-our-gov #section2 .img-area {
      margin-top: 0px;
   }

}

#about-our-achieve #section2 {
   
}

#about-our-achieve #section2 .gar-tabs {
   margin-top: 32px;
}

.gar-tabs {
   
   
   margin-right: -20px;
   border-bottom: 1px solid #E6E6E6;
   padding-bottom: 8px;
   text-align: center;
   width: 100%;
}
.gar-tabs.fire{
   margin-right: -20px;
   border-bottom: 1px solid black !important;
   text-align: left;
   width: 100%;
   padding:0 !important;
}
.gar-tabs.fire .tabs{
   margin-bottom: 0;
}
.gar-tabs > .gar-tabs{
   overflow-x: auto;
   white-space: nowrap;
   padding:4em 0px;
}
/* Hide scrollbar for Chrome, Safari and Opera */
.gar-tabs::-webkit-scrollbar {
   display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.gar-tabs {
   -ms-overflow-style: none;
   /* IE and Edge */
   scrollbar-width: none;
   /* Firefox */
}

.gar-tabs .tabs {
   font-size: 18px;
   color: #817F85;
   font-family: 'Tahoma Bold';
   margin-right: 20px;
   padding-bottom: 3px;
   display: inline-block;
   margin-bottom: 10px;
}

.gar-tabs .tabs.active {
   border-bottom: 3px solid #A80A0F;
   color: #A80A0F;
}

#about-our-achieve #section2 .tab-content {
   margin: 40px 0px;
}

.achieve-card {
   background: #fff;
   box-shadow: 9px 17px 54px 0px rgb(187 187 187 / 20%);
   padding: 20px;
   margin-bottom: 24px;
}

.achieve-card .img-area {
   text-align: center;
   margin-bottom: 16px;
}
.achieve-card .img-area img{
   height:150px;
   width: auto;
   margin: auto;
   display: block;
   object-fit: contain;
}

.achieve-card h1 {
   font-size: 16px;
   font-family: 'Tahoma Bold';
   color: #000000;
   margin-bottom: 8px;
}

.achieve-card p {
   font-size: 14px;
   font-family: 'Arial';
   margin-bottom: 0;
}

.tab-content {
   display: none;
}

.tab-content.active {
   display: block;
}

@media (min-width:768px) {
   #about-our-achieve #section2 .tab-content {
      margin: 0px;
      margin-top: 48px;
   }

   .gar-tabs .tabs {
      font-size: 20px;
      margin-right: 40px;
   }

   .achieve-card {
      margin-bottom: 32px;
      padding: 25px;
   }
   .achieve-card .text{
      
      height: 150px;
      overflow: auto;
   }

   .achieve-card .img-area {
      text-align: center;
      margin-bottom: 24px;
   }

   .achieve-card h1 {
      font-size: 18px;
      font-family: 'Tahoma Bold';
      color: #000000;
      margin-bottom: 16px;
   }

   .achieve-card p {
      font-size: 16px;
      font-family: 'Arial';
      margin-bottom: 0;
   }
}

#about-our-leadership #section1 {
   padding: 3em 0;
   background: #FBFBFB;
}

#about-our-leadership #section1 .experts-wrap {
   margin: 30px;
   margin-top: 48px;
   position: relative;
   z-index: 1;
}

#about-our-leadership #section1 .experts-card {
   box-shadow: 9px 17px 54px 0px rgb(187 187 187 / 20%);
}

#about-our-leadership #section1 .experts-card .info {
   padding: 15px 10px;
   text-align: center;
   background: #fff;
}

.experts-card .img-area img {
   width: 100%;
   transition: all 0.8s ease-in-out;
   height: 419px;
   object-fit: cover;
   object-position: top;
}

#about-our-leadership #section2 {
   padding: 2em 0 4em;
   background: #FBFBFB;
}

.max-w600 {
   max-width: 600px;
   margin: 0 auto;
}

@media (min-width: 992px) {

   .modal-lg,
   .modal-xl {
      max-width: 1000px;
   }

}

@media (min-width: 768px) {
   #about-our-leadership #section1 .gar-tabs {
      padding-bottom: 0px;
      justify-content: center;
      display: flex;
      margin-top: 48px;
      margin-bottom: 80px;
   }

   #about .experts-wrap {
      margin: 30px 0;
      margin-top: 48px;
   }

   #about-our-leadership #section1 .experts-card .info {
      padding: 25px 0px;
      text-align: center;
      min-height: 145px;
   }

   #about-our-leadership #section1 .experts-card .info .pos {
      height: unset;
      line-height: 22px;
   }

   #about-our-leadership #section2 {
      padding: 22em 0 4em;
      position: relative;
      margin-top: -23em;
      background: #F5F5F5;
   }
}

/* end: ABOUT PAGES -------------------------------------------------------- */
/* INVESTORS PAGES -------------------------------------------------------- */
#investors {}

#investors #section2 {
   padding: 4em 0;
   background: #FBFBFB;
}

 .blok-1 h1,
 .blok-2 h1 {
   font-family: 'Tahoma Bold';
   font-size: 20px;
   color: #000000;
   margin-bottom: 24px;
}

 .blok-1 {
   
}

 .blok-1 .flx {
   display: flex;
   margin-bottom: 24px;
   align-items: flex-start;
}

.blok-1 .flx p {
   font-size: 16px;
   margin-bottom: 0;
}

 .blok-2 .flx {
   display: flex;
   margin-bottom: 16px;
}

 .blok-1 .flx img {
   margin-top: 4px;
}

 .blok-1 .flx img,
 .blok-2 .flx img {
   margin-right: 16px;
}

 .blok-2 .flx h6 {
   font-size: 16px;
   color: #000000;
   font-family: 'Arial Bold';
}

 .blok-2 {
   
}

#investors #section3 {
   background: #fff;
   margin: 20px;
}

#investors #section3 .blok-1 {}

#investors #section3 .blok-1 img {}

#investors #section3 .blok-2 {
   margin-top: 32px;
}

#investors #section3 .blok-2 .content {}

#investors #section3 .blok-2 .content h1 {
   font-family: 'Tahoma Bold';
   font-size: 20px;
   color: #000000;
   margin-bottom: 24px;
}

#investors #section3 .blok-2 .content .desc-pages {
   margin-bottom: 40px;
}

#investors #section4 {
   background: #FBFBFB;
   padding: 4em 0;
}

#investors #section4 h1 {
   font-family: 'Tahoma Bold';
   font-size: 20px;
   color: #000000;
   margin-bottom: 24px;
}

#investors #section4 .img-area {
   text-align: center;
   margin-bottom: 32px;
}

#investors #section4 .img-area img {}

#investors #section4 .content {}

 .content h5 {
   font-family: 'Tahoma Bold';
   font-size: 20px;
   color: #000000;
   margin-bottom: 24px;
}

#investors #section4 .content .cta {
   margin-bottom: 40px;
}

#investors #section4 .content .cta a {
   font-size: 16px;
}

#investors #section4 .content .faq-wrapp .link-faq {
   margin-left: 0;
}

.table-area {
   overflow-x: scroll;
}
.table td p{
   margin:0;
}
@media (max-width: 600px) {
   /* .table {
      display: block;
      overflow-x: auto;
      white-space: nowrap;
   } */
}
div.wpDataTables{
   width: 100%;
    overflow: auto;
    margin: 0;
}
.wpDataTable thead{
   text-align: center;
}
.wpDataTable{
   font-size: 16px;
   table-layout: fixed;
}
table.wpDataTable{
   min-width: 100%;
}
.wpDataTables td .block-red{
   padding: 10px 12px;
    background: #A80A0F;
    color: white;
    display: inline;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
table thead tr th,table thead tr td {
   color: #fff !important;
   background-color: #A80A0F !important;
   border-color: #A80A0F !important;
   font-family: 'Arial Bold';
   font-size: 18px;
   padding:20px !important;
}

.wpDataTable tr:nth-child(odd),.table tr:nth-child(odd) {
   background-color: #F2F2F2;
   border-color: #F2F2F2;
}

.wpDataTable tr:nth-child(even),.table tr:nth-child(even) {
   background-color: #FCFCFC;
   border-color: #FCFCFC;
}

.wpDataTable tr:nth-child(odd) th,
.wpDataTable tr:nth-child(odd) td,
.table tr:nth-child(odd) th,
.table tr:nth-child(odd) td  {
   border-color: #F2F2F2;
}

th.border-rl {
   border-left: 2px solid #F2F2F2 !important;
   border-right: 2px solid #F2F2F2 !important;
}
th.border-b {
   border-bottom: 1px solid #F2F2F2 !important;
}

th.border-r {
   border-right: 2px solid #F2F2F2;
}

.wpDataTable tr:nth-child(even) th,
.wpDataTable tr:nth-child(even) td,
.table tr:nth-child(even) th,
.table tr:nth-child(even) td {
   border-color: #FCFCFC;
}

.wpDataTable th,
.wpDataTable td,
.table th,
.table td {
   padding: 20px;
   font-family: 'Arial Bold';
   color: #000000;
}

th.center {
   text-align: center;
}

td.center {
   text-align: center;
}
td.capitalize{
   text-transform: capitalize;
}
.table tbody tr td,.wpDataTable tbody tr td{
   text-align: center;
}
table tbody tr td{
   vertical-align: top;
}
.t-table {
   font-size: 22px;
   color: #000000;
   font-family: 'Tahoma Bold';
   margin-bottom: 24px;
}
table.table td a{
   color: #8A0609;
}
table.wpDataTable td a{
   color: #8A0609;
}
#investors #section5,
#investors #section6 {
   background: #FBFBFB;
   padding: 4em 0;
}

.label-table {
   display: block;
   margin-bottom: 24px;
}

.label-table .isi {
   font-family: 'Tahoma';
}

.label-table .isi span {
   font-family: 'Tahoma Bold';
}

.row.align-items-end .sortby {
   float: right;
   text-align: right;
}

.row.align-items-end .sortby .form-control {
   margin-bottom: 24px;
   display: inline-block;
}

@media (min-width: 768px) {
   .row.align-items-end .sortby .form-control {
      margin-bottom: 24px;
      max-width: 200px;
      display: inline-block;
   }
    .blok-1 {
      
   }

    .blok-1 .flx p {
      font-size: 18px;
      margin-bottom: 0;
    display: flex;
    align-items: flex-start;
   }

    .blok-1 .flx:last-child p {
      font-size: 18px;
      margin-bottom: 0;
   }

    .blok-2 {
      margin-top: 0px;
   }

    .blok-1 h1,
    .blok-2 h1 {
      margin-bottom: 32px;
   }

    .blok-1 .flx img,
    .blok-2 .flx img {
      margin-right: 24px;
   }

   #investors #section3 {
      background: #fff;
      margin: 0px;
   }

   #investors #section3 .blok-2 .content {
      max-width: 350px;
      margin: 0 auto;
   }

   #investors #section3 .blok-2 .content .faq-wrapp .link-faq {
      margin-left: 0;
   }

   #investors #section3 .blok-1 .img-area {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      left: 100px;
      width: 120%;
   }

   #investors #section3 .blok-1 {
      min-height: 100vh;
      position: relative;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      background-image: url('/assets/img/investor/investors-bg.png');
   }

   #investors #section4 {
      background: #FBFBFB;
      padding: 6em 0;
   }

   #investors #section4 h1 {
      text-align: center;
      font-size: 22px;
   }

   #investors #section4 .content {
      max-width: 300px;
   }

   .label-table {
      display: flex;
      justify-content: space-between;
   }
}

#investors-shareholder #section2 {
   padding: 4em 0;
   background: #FBFBFB;
}

#investors-shareholder #section3 {
   padding: 4em 0 8em;
   background: #F7F7F7;
}

#investors-shareholder #section3 .img-area {
   margin-top: 4em;
}

#investors-shareholder #section3 .img-area img {
   width: 100%;
}

#investors-shareholder #section4 {
   padding: 4em 0;
   background: #FBFBFB;
}

#investors-shareholder #section5 {
   padding: 4em 0;
   background: #FBFBFB;
}

.subs-head {
   font-family: 'Tahoma Bold';
   font-size: 20px;
   color: #000000;
   margin-bottom: 24px;
}

.subs-desc {
   font-size: 16px;
   color: #39393B;
}

.table th,
.table td {
   vertical-align: middle !important;
}

.flx-table {
   display: block;
}

.flx-table p {
   margin-bottom: 24px;
}

.contact-area {
   position: relative;
   margin-top: 40px;
}

.contact-area img {
   width: 100%;
}

.contact-area .content {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   width: 100%;
   padding: 20px;
}

.contact-area .content .isi {}

.contact-area .content .isi h6 {
   font-size: 18px;
   color: #fff;
   font-family: 'Tahoma Bold';
   margin-bottom: 24px;
}

@media (min-width: 768px) {
   .subs-head {
      font-family: 'Tahoma Bold';
      font-size: 22px;
      color: #000000;
   }

   .subs-desc {
      font-size: 18px;
      color: #39393B;
   }

   #investors-shareholder #section3 .subs-desc {
      width: 50%;
   }

   .flx-table {
      display: flex;
      align-items: flex-end;
      justify-content: space-between;
   }

   .flx-table p {
      margin-bottom: 24px;
   }

   .contact-area .content {
      padding: 50px;
   }

   .contact-area .content .isi {
      display: flex;
      justify-content: space-between;
      align-items: center;
   }

   .contact-area .content .isi h6 {
      font-size: 24px;
      margin-bottom: 0px;
      line-height: 34px;
   }

   .contact-area {
      margin: 40px;
      margin-top: 6em;
   }
}

#investors-dividend #section2 {
   padding: 4em 0;
   background: #FFFFFF;
}

#investors-dividend #section3 {
   background: #FBFBFB;
   padding: 4em 0 6em;
}

.noted {
   margin-top: 4em;
}

 .div-points {
  
}

 .div-points h6 {
   font-size: 18px;
   margin-bottom: 24px;
   font-family: 'Arial Bold';
   color: #000000;
}

 .div-points .point {
   display: flex;
   margin-bottom: 16px;
}

 .div-points .point .num {
   font-size: 16px;
   color: #fff;
   font-family: 'Arial Bold';
   background: #A80A0F;
   padding: 7px 10px;
   border-radius: 50%;
   margin-right: 16px;
   line-height: 18px;
   height: 30px;
}

 .div-points .point .txt {
   font-size: 16px;
}

@media (min-width: 758px) {
    .div-points .point .txt {
      font-size: 18px;
   }

    .div-points h6 {
      font-size: 20px;
      margin-bottom: 32px;
   }

    .div-points .point .num {
      font-size: 16px;
   }

   .noted {
      margin: 20px;
      margin-top: 6em;
   }
}

#investors-meetings #section2 {
   padding: 4em 0 6em;
   background: #FBFBFB;
}

#investors-meetings .meetings-area {
   margin: 0 -20px;
   padding: 20px;
   background: #F5F5F5;
   border-radius: 8px;
}

#investors-meetings .meetings-area .gar-head {
   border-radius: 5px;
}

#investors-meetings .meetings-area .title a {
   font-family: 'Tahoma';
}

#investors-meetings .meetings-area .title a span {
   font-family: 'Tahoma Bold';
}

#investors-meetings .meetings-area .card-body p b {
   font-family: 'Tahoma Bold';
   margin-bottom: 32px;
}

#investors-meetings .meetings-area .card-body ol {
   padding-left: 16px;
}

#investors-meetings .meetings-area .card-body ol li {
   margin-bottom: 16px;
   font-family: 'Tahoma Bold';
}

#investors-meetings .meetings-area .card-body ol li span {
   font-family: 'Tahoma';
   margin-left: 8px;
}

@media (min-width: 768px) {
   #investors-meetings .meetings-area {
      margin: 0 -50px;
      padding: 50px;
      background: #F5F5F5;
      border-radius: 8px;
   }
}

#investors-sgx .sortby .form-control {
   max-width: 100px;
   float: right;
}

#investors-sgx #section2 {
   background: #FBFBFB;
   padding: 4em 0 6em;
}

#investors-analyst #section2 {
   background: #FBFBFB;
   padding: 4em 0 6em;
}

#investors-analyst #section3 {
   background: #FBFBFB;
   padding: 0 0 6em;
}

#investors-analyst #section2 .email {
   font-family: 'Arial';
}

#investors-analyst #section2 .email span {
   color: #A80A0F;
}

#investors-performance #section2 {
   background: #FBFBFB;
   padding: 4em 0;
}

#investors-performance #section2 .title-pages {
   width: 100%;
}

#investors-performance #section2 .sortby .form-control {
   margin-bottom: 24px;
}

 .chart-head .sortby .form-control {
   margin-bottom: 0;
   color: #fff;
   border-color: #fff;
   max-width: 120px;
}
.chart-head .sortby .form-control option{
   color:black
}

 .chart-head {
   background: #A80A0F;
   padding: 30px;
   display: flex;
   justify-content: space-between;
   align-items: center;
   color: #fff;
   margin-bottom: 16px;
}
.chart-head .sortby{
   width:auto;
}

 .chart-head h4 {
   font-size: 16px;
   font-family: 'Tahoma Bold';
   margin-bottom: 0;
   margin-left: 16px;
   color:white;
}

#investors-performance #section3 {
   background: #FFFFFF;
   padding: 4em 0;
}

#investors-performance #section4 {
   background: #FBFBFB;
   padding: 4em 0;
}

#investors-performance #section4 .content {
   margin-left: 16px;
}

#investors-performance #section4 .content p {}

#investors-performance #section4 .content .cta {
   margin-bottom: 32px;
}

#investors-performance #section4 .content a {
   font-size: 14px;
}

#investors-performance #section4 .row.align-items-end .sortby {
   float: left;
}

a.bold {
   font-family: 'Tahoma Bold';
}

#investors-performance #section5 {
   background: #FFFFFF;
   padding: 4em 0 6em;
}

.chart-area {
   background-color: #fff;
   box-shadow: 0px 10px 20px #0000000A;
   border-radius: 2px;
   
}

@media(min-width: 768px) {
   #investors-performance #section4 .row.align-items-end .sortby {
      float: right;
   }

   .chart-area {
      padding: 50px;
   }

    .chart-head h4 {
      font-size: 18px;
      font-family: 'Tahoma Bold';
   }

    .chart-head {
      margin-bottom: 24px;
   }

}

/* end: INVESTORS PAGES -------------------------------------------------------- */
/* SUPPLIERS PAGES -------------------------------------------------------- */
#suppliers {}

#suppliers #section2 {
   padding: 4em 0;
}

#suppliers #section3 {
   padding: 4em 0;
}

#suppliers #section4 {
   padding: 4em 0;
   background-color: #FBFBFB;
}

#suppliers #section5 {
   padding: 4em 0 7em;
}

.info-download {
   display: flex;
   margin-top: 40px;
}

.info-download img {
   margin-right: 16px;
   width: 52px;
   height: 52px;
}

.info-download h6 {
   font-size: 16px;
   color: #000000;
   font-family: 'Arial Bold';
   margin-top: 8px;
}

.info-download .download {
   display: flex;
   align-items: center;
}

.info-download .download i {
   margin-right: 8px;
}

.bg-grey {
   background-color: #FBFBFB;
}

#suppliers #section2 .process {
   margin-top: 40px;
}

#suppliers #section2 .process h4 {
   font-size: 20px;
   color: #000000;
   text-align: left;
   font-family: 'Tahoma Bold';
}

#suppliers #section2 .process .img-area {
   white-space: nowrap;
   overflow-x: scroll;
   margin: 32px -20px 0;
   padding-left: 20px;
}

#suppliers #section2 .process .img-area .img {
   width: 200%;
}

 .box-area {
   margin: 50px 50px 0;
}

 .box-area .box {
   text-align: center;
   background: #FFFFFF;
   padding: 16px;
   margin-bottom: 32px;
   /*padding: 30px 40px;*/
   margin-bottom: 32px;
   box-shadow: 0 0 20px #0000000F;
   cursor: pointer;
}

 .box-area .box img {
   width: 124px;
   height: 124px;
}
.box-area .box .desc a{
   color: black !important;
}
 .box-area .box:hover .desc a{
   color: #A80A0F !important;
}

 .box-area .box .desc {
   display: flex;
   align-items: center;
   justify-content: center;
   margin-top: 16px;
   font-size: 14px;
   font-family: 'Arial Bold';
   transition: all 0.5s ease-in-out;
}

 .box-area .box .desc i {
   margin-left: 8px;
}

.contact-gar {
   margin-top: 30px;
   text-align: center;
}

.contact-gar.left {
   margin-top: 30px;
   text-align: left;
}

.contact-gar h4 {
   margin-bottom: 24px;
   font-family: 'Tahoma Bold';
   color: #39393B;
   font-size: 22px;
}

#suppliers #section2 .accordion {
   margin-top: 40px;
}

 .kat-faq {
   font-size: 20px;
   color: #000000;
   font-family: 'Tahoma Bold';
   margin-bottom: 24px;
   margin-top: 50px;
}

#suppliers #section3 h5 {
   color: #000000;
   font-size: 22px;
   font-family: 'Tahoma Bold';
   margin-bottom: 24px;
}

.list-sup {
   display: flex;
   margin-bottom: 24px;
}
.list-sup:last-of-type{
   margin-bottom: 0;
}
.blok1 h5{
   color: #000000;
   font-size: 22px;
   font-family: 'Tahoma Bold';
   margin-bottom: 24px;
}
.list-sup .num {
   font-size: 13px;
   color: #fff;
   background: #A80A0F;
   border-radius: 50%;
   padding: 3px 10px;
   margin-right: 10px;
   height: 26px;
}
.list-sup .num span {
   font-size: 13px;
      color: #fff;
      background: #A80A0F;
      border-radius: 50%;
      padding: 3px 10px;
      margin-right: 10px;
      height: 26px;
}

.list-sup .info {
   margin-left: 8px;
   margin-top: 4px;
}

.list-sup .info h6 {
   font-size: 16px;
   color: #000000;
   font-family: 'Arial Bold';
   margin-bottom: 16px;
}

.list-sup .info p {
   font-size: 14px;
   margin-bottom: 0;
}

.list-sup .info p a {
   color: #A80A0F;
}

.list-sup .info p a:hover {
   color: #8A0609;
}

#suppliers #section3 .blok1 {
   padding-bottom: 4em;
}

#suppliers #section3 .blok1 .padleft {
   padding-left: 0px;
}

#suppliers #section3 .blok2 {
   padding: 4em 0;
}

#suppliers #section5 .table-area b {
   margin-bottom: 24px;
}

@media (min-width: 768px) {
   .table-area{
      overflow-x: auto;
   }
   #suppliers #section2 .process h4 {
      text-align: center;
   }

   #suppliers #section2 .process .img-area {
      white-space: nowrap;
      overflow-x: scroll;
      margin: 32px 0px 0;
      padding-left: 0px;
   }

   #suppliers #section2 .process .img-area {
      text-align: center;
   }

   #suppliers #section2 .process .img-area .img {
      width: 90%;
      margin: 0 auto;
   }

    .box-area .box {
      min-height: 240px;
   }

    .box-area {
      margin: 50px 100px;
   }

   .list-sup .info h6 {
      font-size: 18px;
   }

   .list-sup .info p {
      font-size: 16px;
   }
   .list-sup .num {
      font-size: 13px;
      color: #fff;
      background: #A80A0F;
      border-radius: 50%;
      padding: 3px 10px;
      margin-right: 10px;
      height: 26px;
   }
   .blok1 h5{
      color: #000000;
      font-size: 22px;
      font-family: 'Tahoma Bold';
      margin-bottom: 24px;
   }
   #suppliers #section3 .blok1 .padleft,
   #suppliers #section3 .blok2 .padleft,
   #suppliers #section3 .blok3 .padleft {
      padding-left: 40px;
      /* padding-right: 30px; */
   }

   #suppliers #section3 .blok1 .padright,
   #suppliers #section3 .blok2 .padright,
   #suppliers #section3 .blok3 .padright,
   #suppliers #section4 .padright {
      padding-right: 40px;
   }

   #suppliers #section4 .row-faq {
      margin-top: 50px;
      margin-left: -45px;
      margin-right: -45px;
   }

   #suppliers #section4 .title-pages {
      width: 100%;
   }
}

@media (min-width: 1200px) {
    .box-area {
      margin: 50px 150px;
   }
}
.mt-15{
   margin-top:15px;
}
.mt-24 {
   margin-top: 24px;
}

.mt-32 {
   margin-top: 32px;
}

.mt-40 {
   margin-top: 40px;
}
.mt-50{
   margin-top:50px
}
.mt-70{
   margin-top: 70px
}
.mt-80{
   margin-top: 80px
}
.mr-10{
   margin-right:10px;
}
.mb-50{
   margin-bottom:50px
}
.pb-0{
   padding-bottom:0px
}

.fs-13{
   font-size:13px;
}
.progress-container{
   position:relative;
   left:-20px;
}
.w-30pc{
   width:30%;
}
.mw-80w{
   max-width: 80vw;
}
.pt-2em{
   padding-top:2em
}
.mt-4em{
   margin-top:4em;
}
.w-150{
   width:150px;
}
.w-50{
   width:50px;
}
.w-60{
   width:60px;
}
.w-350{
   width:350px;
}
.w-100pc{
   width:100%;
}
.mb-4em{
   margin-bottom:4em;
}
.mb-32{
   margin-bottom: 32px;
}
.d-inline-block{
   display:inline-block;
}
.ta-right{
   text-align:right;
}
.pt-4em{
   padding-top:4em;
}
.p-relative{
   position:relative;
}
.ptb-4em{
   padding:4em 0px;
}
section.post-content{
   padding-bottom: 2em;
}
section.post-content > section{
   padding:2em 0px;
}
section.post-content > section:first-of-type{
   padding:0 0px;
}
section.post-content > section:last-of-type{
   padding-bottom:0 !important;
}
/* end: SUPPLIERS PAGES -------------------------------------------------------- */
/* SUSTAINABILITY PAGES -------------------------------------------------------- */
#sustainability .d-flex {
   margin-top: 16px;
}

#sustainability .d-flex p {
   font-size: 14px !important;
}

#sustainability #section2 {
   padding: 4em 0;
}

#sustainability #section2 .img-area img {
   width: 100%;
}

 .box-wrap {
   background: #FBFBFB;
   padding: 2em 0px;
   text-align: center;
   margin:2em 0px;
}

 .box-wrap .box {
   background: #FFFFFF 0% 0% no-repeat padding-box;
   box-shadow: 0px 10px 20px #0000000A;
   border-radius: 4px;
   padding: 12px;
   text-align: center;
   min-height: 300px;
   margin:12px 0px;
}

 .box-wrap .box h4 {
   font-size: 14px;
   font-family: 'Tahoma Bold';
   color: #000000;
   margin-top: 16px;
   text-align: center;
}

.download-cta {
   margin-top: 0px;
}

.download-cta a {
   font-size: 16px;
   font-family: 'Arial Bold';
   margin-bottom: 16px;
   display: block;
}

#sustainability #section3 {
   padding: 4em 0 6em;
}

#sustainability #section3 h1 {
   margin-bottom: 60px;
   width: 100%;
}


.milestone {
   background: #FFFFFF 0% 0% no-repeat padding-box;
   box-shadow: 6px 14px 13px #8080803b;
   padding: 24px;
   min-height: 370px;
   width: 250px;
}

.milestone .date {
   font-size: 14px;
   font-family: 'Tahoma Bold';
   margin-bottom: 8px;
   color: #A80A0F;
}

.milestone h1 {
   font-size: 16px;
   font-family: 'Tahoma Bold';
   margin-bottom: 8px !important;
   color: #000000;
}

.milestone p {
   font-size: 12px;
}

.milestone .img-area {
   text-align: right;
}

.milestone .img-area img {
   width: 150px;
   display: initial;
}

.slide-1 .item {
   width: 300px;
}

.slide-1 .owl-carousel .owl-stage-outer {
   overflow: unset;
}

.owl-milestone{}
.owl-milestone .owl-carousel{
   display: block;
   height: 400px;
   white-space: nowrap;
   overflow: auto;
   
}
.owl-milestone .owl-carousel .item{
   display: inline-block;
   vertical-align: top;
   white-space: normal;
   margin-left:-15px;
}
.owl-milestone .owl-carousel .item .milestone{
   padding:15px;
}


.owl-milestone .owl-dots {
   margin-top: 30px;
   width: 100%;
   text-align: center;
}

.owl-milestone .owl-dot {
   width: 20px;
   height: 20px;
   border-radius: 10px;
   margin: 0px 5px;
}

.owl-milestone .owl-dot.active {
   border: 1px solid black;
}

.owl-milestone .owl-dot span {
   width: 4px;
   height: 4px;
   background: black;
   border-radius: 10px;
   margin: auto;
   display: block;
}

.owl-carousel.m .owl-dots {
   width: 100%;
   text-align: center;
}

.owl-carousel.m .owl-dot {
   width: 20px;
   height: 20px;
   border-radius: 10px;
   margin: 0px 5px;
}

.owl-carousel.m .owl-dot.active {
   border: 1px solid black;
}

.owl-carousel.m .owl-dot span {
   width: 4px;
   height: 4px;
   background: black;
   border-radius: 10px;
   margin: auto;
   display: block;
}


.owl-work-slide .owl-dots {
   width: 100%;
   text-align: center;
}

.owl-work-slide .owl-dot {
   width: 20px;
   height: 20px;
   border-radius: 10px;
   margin: 0px 5px;
}

.owl-work-slide .owl-dot.active {
   border: 1px solid black;
}

.owl-work-slide .owl-dot span {
   width: 4px;
   height: 4px;
   background: black;
   border-radius: 10px;
   margin: auto;
   display: block;
}


#other-news .owl-dots {
   width: 100%;
   text-align: center;
}

#other-news  .owl-dot {
   width: 20px;
   height: 20px;
   border-radius: 10px;
   margin: 0px 5px;
}

#other-news  .owl-dot.active {
   border: 1px solid black;
}

#other-news  .owl-dot span {
   width: 4px;
   height: 4px;
   background: black;
   border-radius: 10px;
   margin: auto;
   display: block;
}

@media (min-width: 768px) {
   .download-cta a {
      font-size: 18px;
   }
   .owl-milestone .owl-carousel{
      overflow: unset;
   }
   #sustainability .d-flex p {
      font-size: 16px !important;
   }
   .mt-desktop-neg60{
      margin-top:-60px;
   }
   .mt-desktop-30{
      margin-top: 30px;
   }
   .mt-desktop-71{
      margin-top: 71px;
   }
   .mt-desktop-62{
      margin-top: 71px;
   }

   #sustainability #section2 .box-wrap {
      background: #FBFBFB;
      padding: 24px;
   }

   #sustainability #section2 .box-wrap .box {
      min-height: 275px;
   }

   #sustainability #section2 .box-wrap .box h4 {
      font-size: 18px;
   }

   .slide-1 .item {
      padding: 20px;
      width: 466px;
   }

   .slide-1 .owl-carousel .owl-stage-outer .owl-stage .owl-item.active.scale {
      transform: scale(1.15);
      margin-right: 50px !important;
   }

   .slide-1 .owl-carousel .owl-stage-outer .owl-item.active {
      transform: scale(1);
   }

   .milestone {
      padding: 40px;
      width:350px;
   }

   .slide-1 {
      position: relative;
   }
   .owl-milestone{
      max-height: 400px;
   }
   .owl-milestone .owl-nav {
      position: absolute;
      top: -30px;
      right: 100px;
   }

   .owl-milestone .owl-nav .icn-left,
   .owl-milestone .owl-nav .icn-next {
      background: #F5F5F5;
      padding: 10px;
      margin: 5px;
      border-radius: 50%;
   }

   .owl-milestone .owl-nav .icn-left i,
   .owl-milestone .owl-nav .icn-next i {
      font-size: 18px;
   }
  
}

/* end: SUSTAINABILITY PAGES -------------------------------------------------------- */
/* SUSTAINABILITY CONSERVATION PAGES -------------------------------------------------------- */
#sus-conservation #section1 {
   padding: 0;
}

#sus-conservation section {
   padding: 4em 0;
}

.grey {
   background: #FBFBFB;
}

#sus-conservation .title-pages {
   width: 100%;
}

#sus-conservation .img-desc {
   padding: 3em 0;
}

#sus-conservation .faq-wrapp .link-faq {
   width: 300px;
   text-align: left;
   margin: 0;
   margin-top: 50px;
}

.text-center {
   text-align: center !important;
}

.sub-title {
   font-family: "Tahoma Bold";
   color: #000000;
   font-size: 16px;
}
.mt-80 {
   margin-top: 80px;
}
.mt-60 {
   margin-top: 60px;
}
.mt-30 {
   margin-top: 30px;
}

.mt-50 {
   margin-top: 50px !important;
}


#sus-conservation .d-flex p {
   font-size: 14px;
}

.d-flex h6,.d-inline-block h6 {
   font-family: 'Arial Bold';
   font-size: 16px;
   margin-bottom: 8px;
   color: #000;
}

.square {
   width: 20px;
   height: 20px;
   margin-right: 10px;
}

.square.red {
   background: #A80A0F;
}

.square.black {
   background: #4C4C4F;
}

.square.yellow {
   background: #FFBE00;
}

.tag {
   font-size: 14px;
   margin-right: 30px;
   color: #707070;
}

.conservation-maps {
   max-width: 1200px;
   margin: 0 auto 0;
}

.flex {
   display: flex;
}

.mt-16 {
   margin-top: 16px;
}

.tag-pos {
   margin-bottom: 24px;
   display: block;
}

#sus-conservation .sortby {
   width: 250px;
}

#sus-conservation .sortby.w100 {
   width: 100%;
}

.title-img {
   font-size: 16px;
   color: #000000;
   font-family: 'Tahoma Bold';
   margin-bottom: 32px;
}

#sus-conservation .img-area img {
   width: 100%;
   margin-bottom: 32px;
}

#sus-conservation .faq-wrapp .link-faq.mts-50 {
   margin-top: 50px;
}

#sus-conservation #section2 .fire-info {
   padding: 24px 0;
   border-bottom: 1px solid #C6C6C6;
}

#sus-conservation #section2 .fire-info:last-child {
   border-bottom: none;
}

#sus-conservation #section2 .fire-info .info {
   margin-bottom: 24px;
}

#sus-conservation #section2 .fire-info .info h4 {
   font-size: 20px;
   font-family: 'Tahoma Bold';
   color: #000000;
   margin-bottom: 8px;
}

#sus-conservation #section2 .fire-info .info p {
   font-size: 16px;
   margin-bottom: 0;
}

#sus-conservation #section4 .t-list-gar {
   width: 100%;
   font-size: 20px;
   font-family: 'Tahoma Bold';
   color: #000000;
   margin-bottom: 32px;
}

.list-gar {
   display: grid;
   grid-template-columns: 1fr;
}

.list-gar .list {
   margin-bottom: 32px;
}

.list-gar .list h4 {
   font-size: 18px;
   font-family: 'Tahoma Bold';
   margin-bottom: 16px;
}


.list-gar .list .point {
   display: flex;
   margin-left: 16px;
   margin-bottom: 15px;
}

.list-gar .list .point p {
   font-size: 16px;
   margin-left: 8px;
   margin-bottom: 0;
}

.list-gar .list .point p .num50 {
   font-size: 11px;
   color: #fff;
   background: #A80A0F;
   border-radius: 50%;
   padding: 4px 8px 4px 10px;
   margin-right: 10px;

}

#sus-conservation .table .thead-red th {
   font-size: 16px;
}

#sus-conservation .table th,
#sus-conservation .table td {
   font-size: 14px;
}

#sus-conservation .table-fire .gar-tabs {
   margin-bottom: 32px;
}

#sus-conservation .news-wrapp .img-area img {
   margin-bottom: 0;
}

#other-news.news-wrapp.owl-carousel .owl-stage {
   padding-left: 0 !important;
}

.grey2 {
   background: #F5F5F5;
}

.mt-50-m {
   margin-top: 50px;
}

@media (min-width: 768px) {

   #sus-conservation .table-fire .sortby .form-control {
      margin-bottom: 0;
   }

   #sus-conservation #section2 .fire-info {
      padding: 32px 0;
      margin: 0 32px;
   }

   #sus-conservation #section2 .fire-info .info {
      margin-bottom: 0px;
   }

   #sus-conservation #section2 .fire-info .info h4 {
      font-size: 22px;
      font-family: 'Tahoma Bold';
      color: #000000;
      margin-bottom: 8px;
   }

   #sus-conservation #section2 .fire-info .info p {
      font-size: 18px;
      margin-bottom: 0;
   }

   #sus-conservation .faq-wrapp .link-faq.mts-50 {
      margin-top: 0px;
   }

   .mt-50-m {
      margin-top: 0px;
   }

   .title-img {
      font-size: 18px;
      text-align: center;
   }

   #sus-conservation .img-desc {
      padding: 0 0;
      text-align: center;
   }

   .sub-title {
      font-size: 16px;
   }

   #sus-conservation .d-flex p {
      font-size: 16px;
   }

   .d-flex h6 {
      font-size: 18px;
   }

   .tag-pos {
      margin-bottom: 0;
      display: flex;
      justify-content: flex-end;
   }

   #sus-conservation #section4 .t-list-gar {
      width: 50%;
      font-size: 22px;
      font-family: 'Tahoma Bold';
      color: #000000;
      margin-bottom: 60px;
   }

   .list-gar {
      display: grid;
      grid-template-columns: 1fr 1fr;
   }

   .list-gar .list {
      margin-bottom: 32px;
   }

   .list-gar .list h4 {
      font-size: 20px;
      font-family: 'Tahoma Bold';
      margin-bottom: 24px;
   }


   .list-gar .list .point {
      display: flex;
      margin-left: 16px;
   }

   .list-gar .list .point p {
      font-size: 18px;
      margin-left: 8px;
   }

   .t-center-d {
      text-align: center;
      margin-bottom: 32px;
   }
}

/* end: SUSTAINABILITY CONSERVATION PAGES -------------------------------------------------------- */
/* SUSTAINABILITY CLIMATE CHANGE PAGES -------------------------------------------------------- */
#sus-subpages #section1 {
   padding: 0;
}

#sus-subpages section {
   padding: 2em 0
}

#sus-subpages .title-pages {
   width: 100%;
}

#sus-subpages .img-desc {
   padding: 3em 0;
}

#product-consumer .faq-wrapp .link-faq,
#sus-subpages .faq-wrapp .link-faq {
   width: 300px;
   text-align: left;
   margin: 0;
   margin-top: 50px;
}

#sus-subpages .com-row .faq-wrapp .link-faq {
   width: 100% !important;
}

#sus-subpages .faq-wrapp .link-faq.mts-50 {
   margin-top: 50px;
}

#sus-subpages .sortby {
   width: 250px;
}

#sus-subpages .sortby.w100 {
   width: 100%;
}

#sus-subpages .img-area img {
   width: 100%;
   margin-bottom: 32px;
}

#sus-subpages .d-flex p {
   font-size: 14px;
}

.climate-info {}

.climate-info .list {
   padding: 24px 0;
   border-bottom: 1px solid #9A989E;
}

.climate-info .list:last-child {
   border-bottom: none;
}

.climate-info .list h6 {
   font-size: 18px;
   margin-bottom: 8px;
   color: #000000;
   font-family: 'Tahoma Bold';
}

.climate-info .list p {
   font-size: 16px;
   color: #39393B;
}

.content1000 {
   max-width: 1000px;
   margin: 0 auto;
}

.content1200 {
   max-width: 1200px;
   margin: 0 auto;
}

.pd35 {
   padding: 35px;
}

.content900 {
   max-width: 900px;
   margin: 0 auto;
}

.content800 {
   max-width: 800px;
   margin: 0 auto;
}

.community-card {
   text-align: left;
}

.community-card img {
   margin-bottom: 24px;
   height: 120px;
}

.community-card h6 {
   font-size: 20px;
   font-family: 'Tahoma Bold';
}

.community-card p {
   font-size: 16px;
   margin-bottom: 0;
   height: 25px;
}
.community-card .faq-wrapp .link-faq{
   margin-bottom: 0 !important;
}
.br-card {
   border-top: 1px solid #9A989E;
   border-bottom: 1px solid #9A989E;
}

.com-row .col-12 {
   padding: 30px 30px 0px 30px;
}

#sus-subpages .news-wrapp .img-area img {
   margin-bottom: 0;
}

.b-rightdown {
   border-bottom: 1px solid #9A989E;
}
.maps-area {
   max-width: 1200px;
   margin: 0 auto 0;
   position: relative;
   margin-bottom: 30px;
}

.maps-area .maps-info.active {
   display: block;
}

.maps-area .maps-info {
   position: relative;
   margin-top: -70px;
   left: 0;
   width: 100%;
   padding: 20px;
   background: #fff;
   display: none;
   -webkit-animation-name: fadeIn;
   -webkit-animation-duration: 0.4s;
   animation-name: fadeIn;
   animation-duration: 0.4s;
}

.maps-area .maps-info .close-info {
   width: 26px;
   cursor: pointer;
   position: absolute;
   top: 15px;
   right: 20px;
}

.maps-area .maps-info .info-head {
   
   border-bottom: 1px solid #000;
}

.maps-area .maps-info .info-head .title {
   color: #000000;
   font-family: 'Tahoma Bold';
   font-size: 20px;
   margin-bottom: 8px;
}

.maps-area .maps-info .info-head .desc {
   color: #000000;
   font-family: 'Tahoma';
   font-size: 18px;
}

.maps-area .maps-info .info-head .item {
   display: grid;
   grid-template-columns: 45% 55%;
   align-items: center;
   margin-bottom: 16px;
}

.maps-area .maps-info .info-head .item h1 {
   font-size: 16px;
   color: #000000;
   font-family: 'Tahoma Bold';
   margin-bottom: 0;
}

.maps-area .maps-info .info-head .item p {
   font-size: 16px;
   color: #000000;
   margin-bottom: 0;
}

.maps-area .maps-info .info-body {
   padding-top: 32px;
}

.maps-area .maps-info .info-body .desc {
   color: #39393B;
   font-family: 'Arial';
   font-size: 16px;
}
.maps-area .maps-info .info-body a{
   color:#A80A0F
}

.maps-area .maps-info .info-body h1 {
   font-size: 14px;
   color: #000000;
   font-family: 'Tahoma Bold';
}

.maps-area .maps-info .info-body .item {
   padding-top: 8px;
}

.maps-area .maps-info .info-body .item p {
   font-size: 12px;
   font-family: 'Arial';
   color: #000;
   display: block;
   margin-bottom: 5px;
}

.maps-area .maps-info .info-body .logo {
   margin-top: 40px;
}

.maps-area .maps-info .info-body .logo img {
   width: 53px;
   display: inline-block;
   margin-right: 24px;
}

.maps-area .maps-info .info-body .logo-area {
   margin-top: 40px;
   display: flex;
   align-items: flex-start;
   flex-wrap: wrap;
}

.maps-area .maps-info .info-body .logo-area .list {
   margin-right: 32px;
   text-align: center;
   margin-bottom: 16px;
   width: 70px;
   display: inline-block;
   vertical-align: top;
}

.maps-area .maps-info .info-body .logo-area .list img {
   width: 100%;
   //margin-bottom: 8px;
}

.maps-area .maps-info .info-body .logo-area .list h4 {
   font-size: 12px;
   color: #000;
   font-family: 'Tahoma Bold';
   text-align: center;
}

@media (min-width: 768px) {
   .maps-area {
      overflow: hidden;
   }

   .maps-area .maps-info {
      position: absolute;
      margin-top: 0;
      left: 0;
      top: 0;
      height: 100%;
      overflow-y: scroll;
      width: 440px;
      padding: 48px;
      background: rgb(255, 255, 255, 0.95);
      -webkit-animation-name: slideInLeft;
      -webkit-animation-duration: 0.4s;
      animation-name: slideInLeft;
      animation-duration: 0.4s;
   }

   .maps-area .maps-info .close-info {
      width: 40px;
      cursor: pointer;
      position: absolute;
      top: 40px;
      right: unset;
   }

   .maps-area .maps-info .info-head {
      padding-top: 50px;
      border-bottom: 1px solid #000;
   }

   .maps-area .maps-info .info-body {
      padding-top: 40px;
   }
}

.col-6 .sortby {
   width: 100% !important;
   max-width: none;
}

.mt-mobile {
   margin-top: 24px;
}

.supply-chain-progress {
   background: #F8F8F8;
   padding: 16px;
   margin-top: 60px;
   white-space: nowrap;
   overflow-x: auto;
}

.supply-chain-progress .grid-prog {
   padding: 16px 0px;
    background: #fff;
    font-size: 14px;
    font-family: 'Tahoma Bold';
    margin-bottom: 24px;
    color: #000000;
    display: grid;
    grid-template-columns: 100%;
    text-align: center;
    align-items: center;
    white-space: nowrap;
    width: 100%;
}
.supply-chain-progress .grid-prog > div{
   white-space: initial;
   margin-bottom: 15px;
}

.supply-chain-progress .grid-prog .list {
   padding: 0 24px;
}

.supply-chain-progress .grid-prog:last-child {
   margin-bottom: 0;
}

.supply-chain-progress .grid-prog .br-r {
   
   
}

.supply-chain-progress .grid-prog .status {
   padding: 10px 16px;
   border-radius: 35px;
   color: #fff;
   margin: 0 24px;
   display: inline-block;
}

.supply-chain-progress .grid-prog .status.achieved {
   background: #79A64E;
}

.supply-chain-progress .grid-prog .status.track {
   background: #FFBE00
}

.complaint-area h1 {
   font-size: 16px;
   color: #000000;
   font-family: 'Arial Bold';
   margin-bottom: 16px;
}

.complaint-area ul {
   
}

.complaint-area ul li {
   font-size: 14px;
   margin-bottom: 8px;
}

.contact-list {
   font-size: 14px;
   display: block;
   margin-bottom: 8px;
}

.contact-list .title {
   font-family: 'Tahoma Bold';
   margin-right: 16px;
}

.contact-list .ctn {
   font-family: 'Tahoma';
   line-height: 26px;
}

.blok-ctn {
   margin-bottom: 24px;
   background: #FFFFFF;
   padding: 16px 10px;
   font-size: 16px;
   font-family: 'Arial Bold';
   transition: all 0.5s ease-in-out;
   display: flex;
   min-height: 80px;
   align-items: center;
}

.blok-ctn:hover {
   background: #A80A0F;
   color: #fff;
}
.blok-ctn a:hover{
   color:white;
}

#sus-subpages .table th,
#sus-subpages .table td {
   font-size: 14px;
}

.grievance-list .table td {
   font-size: 13px;
   font-family: 'Arial';
   vertical-align: initial !important;
}

#sus-subpages .table td .date {
   margin-bottom: 40px;
}

#sus-subpages .table td .date h6 {
   font-family: 'Arial Bold';
}

 .table td .btn.status {
   font-family: 'Arial Bold';
   display: block;
   border-radius: 35px;
   margin-bottom: 40px;
   width: 100%;
}

 .table td .btn.status.yellow {
   background: #FFBE00;
   color: #000;
}

.table td .btn.status.blue {
   color: #fff;
   background: #83AED3;
}

.table td .btn.status.red {
   background: #DE0E13;
   color: #fff;
}

.info-pages {
   font-size: 16px;
   font-family: 'Tahoma Bold';
   text-align: center;
   margin-top: 60px;
}

.search-area {
   margin-bottom: 32px;
   position: relative;
}

.search-area input {
   border: none;
   border-bottom: 1px solid;
   color: #000000;
   padding: 8px;
   padding-left: 30px;
   width: 100%;
}

.search-area input::placeholder {
   color: #000000;
}

.search-area input::-moz-placeholder {
   color: #000000;
}

.search-area input::-moz-placeholder {
   color: #000000;
}

.search-area i {
   position: absolute;
   top: 10px;
   left: 5px;
}

.assessment {
   margin-top: 24px;
}

.assessment .list {
   margin-bottom: 32px;
}

.assessment .list h6 {
   font-size: 18px;
   font-family: 'Tahoma Bold';
   margin-bottom: 16px;
}

.assessment .list p {
   font-size: 14px;
}

.txt-initial {
   text-transform: initial !important;
}

.certi-wrap {
   margin: 40px 0px;
}

.certi-wrap .col-12 {
   padding: 0 30px;
}

.certi-card {
   background: white;
   box-shadow: 9px 17px 54px 0px rgb(187 187 187 / 20%);
   padding: 40px;
   position: relative;
   text-align: center;
   margin-bottom: 30px;
}

.certi-card .see-more {
   background: rgba(0, 0, 0, 0.6);
   opacity: 0;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   transition: all 0.7s ease-in-out;
}

.certi-card:hover .see-more {
   opacity: 1;
}

.certi-card .see-more a {
   opacity: 0;
   font-size: 22px;
   color: #fff;
   font-family: 'Tahoma Bold';
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   transition: all 0.7s ease-in-out;
}

.certi-card:hover .see-more a {
   opacity: 1;
}

.d-block {
   display: block;
}

.certi-item {
   text-align: center;
   flex: 0 0 50%;
   max-width: 50%;
   padding: 20px;
}

.certi-item img {
   height: 66px;
   margin-bottom: 24px;
}

.certi-item h6 {
   font-size: 20px;
   color: #000000;
   font-family: 'Tahoma Bold';
   margin-bottom: 8px;
}

.certi-item p {
   font-size: 16px;
   font-family: 'Tahoma';
}

.certi-info {
   font-size: 18px;
   font-family: 'Arial Bold';
   text-align: center;
   max-width: 900px;
   margin: 0 auto;
   margin-top: 60px;
   line-height: 28px;
}

.cdp-area {
   margin-top: 20px;
}

.cdp-area h6 {
   font-size: 18px;
   font-family: 'Tahoma Bold';
   display: block;
   margin-bottom: 16px;
   color: #000000;
}

.cdp-area a {
   font-size: 16px;
   font-family: 'Tahoma Bold';
   display: block;
   margin-bottom: 16px;
}

.owl-sus-report .item {
   
}

.owl-sus-report .item .info {
   padding: 16px 10px;
   text-align: center
}

.owl-sus-report .item .info h6 {
   font-size: 16px;
   font-family: 'Arial Bold';
   margin-bottom: 16px;
   color: #000000
}

.owl-sus-report .item .info a {
   font-size: 16px;
   font-family: 'Arial';
   color: #000000
}

.owl-sus-report .item .info a:hover {
   color: #A80A0F;
}

.owl-sus-report .owl-dots {
   margin-top: 30px;
   width: 100%;
   text-align: center;
}

.owl-sus-report .owl-dot {
   width: 20px;
   height: 20px;
   border-radius: 10px;
   margin: 0px 5px;
}

.owl-sus-report .owl-dot.active {
   border: 1px solid black;
}

.owl-sus-report .owl-dot span {
   width: 4px;
   height: 4px;
   background: black;
   border-radius: 10px;
   margin: auto;
   display: block;
}

#sus-subpages .box-wrap {
   padding: 0px;
}

#sus-subpages .box-wrap .box {
   background: #FFFFFF 0% 0% no-repeat padding-box;
   box-shadow: 0px 10px 20px #0000000A;
   border-radius: 4px;
   padding: 24px;
   text-align: center;
   min-height: 240px;
   margin-bottom: 24px;
}

#sus-subpages .box-wrap .box h4 {
   font-size: 14px;
   font-family: 'Tahoma Bold';
   color: #000000;
   margin-top: 16px;
}

.gar-accourdion .card-body .subhead {
   font-family: 'Tahoma Bold';
   font-size: 18px;
   color: #000000;
   margin-bottom: 24px;
}
.gar-accourdion .card-body a{
   color:#A80A0F !important;
}

.member-list {
   padding: 30px 0;
   border-bottom: 1px solid #9c9c9c;
}

.member-list:last-child {
   border-bottom: unset;
}

.member-list h6 {
   font-size: 20px;
   font-family: 'Arial Bold';
   margin-bottom: 24px;
}
.member-list .img-desc img{
   padding:15px 0px;
}


.box-wrap .box {
   position: relative;
   //cursor: pointer;
}

.box-wrap .box .see-more {
   background: rgba(0, 0, 0, 0.6);
   opacity: 0;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   transition: all 0.7s ease-in-out;
}
.box-wrap .box .see-more a {
   
   font-size: 22px;
   color: #fff;
   font-family: 'Tahoma Bold';
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   transition: all 0.7s ease-in-out;
}
.box-wrap .box:hover .see-more {
   opacity: 1;
}

.box-wrap .box .see-more span {
   opacity: 0;
   font-size: 22px;
   color: #fff;
   font-family: 'Tahoma Bold';
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   transition: all 0.7s ease-in-out;
}

.box-wrap .box:hover .see-more span {
   opacity: 1;
}
.box-wrap .box:hover .see-more span a{
   color:white;
}
.box-wrap .box img{
   height: 100% !important;
    width: 100% !important;
    object-fit: scale-down;
}


@media (min-width: 768px) {
   .member-list h6 {
      font-size: 22px;
      font-family: 'Arial Bold';
   }

   .member-list {
      padding: 20px 0;
   }
   .member-list .img-desc img{
      padding:0;
      width:200px  !important;
      height:auto  !important;
      transition: all 0.7s ease-in-out;
   }
   .member-list:hover .img-desc img{
      transform:scale(1.2);
   }
   

   #sus-subpages .box-wrap {
      padding: 24px;
      padding-top: 0;
   }

   #sus-subpages .box-wrap .box {
      min-height: 275px;
   }

   #sus-subpages .box-wrap .box h4 {
      font-size: 18px;
   }

   .cdp-area h6 {
      font-size: 20px;
   }

   .certi-item {
      text-align: center;
      flex: unset;
      max-width: unset;
      padding: 35px;
   }

   .certi-wrap {
      margin: 4em 20px;
   }

   .certi-card {
      margin-bottom: 0px;
      padding: 60px;
   }

   #sus-subpages section {
      padding: 4em 0
   }

   .assessment .list h6 {
      font-size: 20px;
      font-family: 'Tahoma Bold';
      margin-bottom: 16px;
   }

   .assessment .list p {
      font-size: 16px;
   }

   #sus-subpages .search-area input {
      width: 30%;
   }

   .info-pages {
      font-size: 20px;
   }

   .contact-list {
      font-size: 15px;
      display: grid;
      grid-template-columns: 100px 1fr;
   }

   .complaint-area h1 {
      font-size: 18px;
      color: #000000;
      font-family: 'Arial Bold';
      line-height: 28px;
   }

   .complaint-area ul li {
      font-size: 16px;
   }

   .supply-chain-progress {
      background: #F8F8F8;
      padding: 32px;
      margin-top: 60px;
      white-space: initial;
      overflow-x: scroll;
      text-align: center;
   }

   .supply-chain-progress .grid-prog {
      display: inline-block;
      width: 45%;
      vertical-align: top;
      height: 200px;
      margin: 0px 10px;
   }
   .supply-chain-progress .grid-prog .br-r{

         height: 40px;
   }
   
   


   .mt-mobile {
      margin-top: 0px;
   }

   .mts-60 {
      margin-top: 60px;
   }

   .b-rightdown {
      border-bottom: unset;
      border-right: 1px solid #9A989E;
   }

   .b-rightnone {
      border-right: 1px solid #9A989E;
   }

   .br-card {
      border-top: none;
      border-bottom: none;
      border-left: 1px solid #9A989E;
      border-right: 1px solid #9A989E;
   }

   #sus-pages .table-fire .sortby .form-control {
      margin-bottom: 0;
   }

   #sus-subpages .faq-wrapp .link-faq.mts-50 {
      margin-top: 0px;
   }

   #sus-subpages .img-desc {
      padding: 0 0;
      text-align: center;
   }

   #sus-subpages .d-flex p {
      font-size: 16px;
   }

   .climate-info .list h6 {
      font-size: 22px;
      margin-bottom: 8px;
      color: #000000;
   }

   .climate-info .list p {
      font-size: 18px;
      color: #39393B;
   }
}

.table-lg {
   padding: 0 20px;
   margin: 0 auto;
}

@media (min-width: 576px) {

   .table-lg {
      max-width: 540px;
   }
}

@media (min-width: 768px) {

   .table-lg {
      max-width: 720px;
   }
}

@media (min-width: 992px) {

   .table-lg {
      max-width: 960px;
   }
}

@media (min-width: 1200px) {

   .table-lg {
      max-width: 1240px;
   }
}

/* end: SUSTAINABILITY CLIMATE CHANGE PAGES -------------------------------------------------------- */
.wpforms-field{
   margin-bottom: 10px;;
}
.wpcf7-form label{
   font-family: 'Tahoma Bold';
   font-size: 14px;
}
.wpcf7-form-control{
   font-family: 'Arial';
    border: 0;
    box-shadow: none;
    border: none !important;
    box-shadow: none;
    border-bottom: 1px solid #000 !important;
    border-radius: 0 !important;
    padding: .375rem .75rem;
    padding-left: 5px;
    color: #CBCBCB;
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.wpcf7-submit {
   font-size: 16px;
    font-family: 'Tahoma Bold';
    padding: 12px;
    border-radius: 0;
    background: #A80A0F;
    border: 0;
    margin-top: 40px;
    color: #fff !important;
}

#paneltable .btn{
   font-family: 'Arial Bold';
    display: block;
    border-radius: 35px;
    width: 100%;
}
#paneltable .btn-primary{
   color: #fff;
    background: #83AED3;
    border:none;
}
#paneltable .btn-success{
   background: #4cae4c;
   color: #fff;
   border:none;
}
#paneltable .btn-danger{
   background: #d9534f;
   color: #fff;
   border:none;
}
#paneltable tbody td{
   font-size: 13px;
    font-family: 'Arial';
    vertical-align: initial !important;
    font-weight: normal;
}
#paneltable thead th{
   font-size:14px !important;
}
#paneltable tbody .btn{
   font-size:10px;
}
#paneltable thead th:nth-child(3){
   min-width: 80px;
}
.aligncenter{
   max-width: 100%;
   clear: both;
    display: block;
    margin: 0 auto 1.75em;
}
img.alignleft{
   float:left;
   margin-right:10px;
   margin-bottom: 10px;
}
.desc a{
   color:#A80A0F !important;
}
.wp-caption-text{
   font-size: 12px;
   text-align: center;
}

#wpdtSimpleTable-1 thead tr:last-of-type td{
   border-top:2px solid white !important;
   border-right:2px solid white !important;
}
#wpdtSimpleTable-2 thead tr:last-of-type td{
   border-top:2px solid white !important;
   border-right:2px solid white !important;
}
#wpdtSimpleTable-1 td,#wpdtSimpleTable-2 td{
   font-size: 14px;
}
#wpdtSimpleTable-16 thead tr:nth-child(2) td{
   border-top:2px solid white !important;
   border-right:2px solid white !important;
}
#wpdtSimpleTable-16 thead tr:last-of-type td{
   border-top:2px solid white !important;
   border-right:2px solid white !important;
}
#wpdtSimpleTable-3 thead tr td{
   font-size:16px;
}
select{
   -webkit-appearance: menulist;
   border-radius: 0;

}
.br {
   border-right: 1px solid #817F85;
}
#wpdtSimpleTable-8 thead tr:last-of-type td{
   border-top:2px solid white !important;
   border-right:2px solid white !important;
}
#wpdtSimpleTable-8 thead tr:last-of-type td:nth-child(4){
   border-right: none !important;
}
#wpdtSimpleTable-14 thead tr:last-of-type td{
   border-top:2px solid white !important;
   border-right:2px solid white !important;
}
#wpdtSimpleTable-14 thead tr:last-of-type td:last-of-type{
   border-right: none !important;
}
canvas.chartjs{
   max-height: 50vh;
}
table.table td a[data-play-audio]:hover{
   color:#8A0609 !important
}
a[data-play-audio] i{
   font-size:25px;
}
.checkbox-351 .wpcf7-list-item-label{
   margin-left:10px
}
.checkbox-351 .wpcf7-checkbox{
   border :unset !important;
}
.alignright {
   float: right;
   margin: 0.375em 0 1.75em 1.75em;
}
blockquote {
   border-left: 2px solid #ff1920;
   color: #483f2f;
   margin: 0;
   padding: 15px 0 10px 20px;
}

#paneltable_info{
   float: unset;
   display: inline-block;
   font-size: 16px;
    font-family: 'Tahoma Bold';
    text-align: center;
    margin-top: 60px;
}
#paneltable_paginate{
   float: unset;
   display: inline-block;
}
.small-circle {
   height: 25px;
   width: 25px;
   margin: 3px;
   border-radius: 50%;
   display: inline-block;
}
.blue {
   background-color: #59B6CA;
}
.red {
   /*background-color: #F00;*/
}
.small-circle.red{
   background-color: #F00;
}
.fancybox-custom-layout .fancybox-caption{
   font-family: 'Arial', 'Open Sans', sans-serif;
   color: #39393B;
    font-size: 16px;
}
.fancybox-custom-layout .fancybox-caption h1{
   font-family: 'Tahoma Bold';
   margin-bottom: 25px;
   font-size: 1.5rem;;
}
@media all and (max-width: 799px) {
	
   .fancybox-custom-layout .fancybox-caption {
     position:absolute;
     z-index:9999;
     bottom:0;
     left:0;
     width:100%;
     height:250px;
     background-color:#FFF;
     overflow-y:scroll !important;
     padding: 10px 15px !important;
   }
   
   .fancybox-custom-layout .fancybox-caption-wrap {
     height:250px !important;
      pointer-events: all !important; /* Make text selectable */
     overflow-x:hidden;
     visibility: visible;
     color: black;
     opacity:1;
    }
    .fancybox-custom-layout .fancybox-caption-wrap .fancybox-caption{
      color:black;
    }
    
    .fancybox-caption-wrap h3, .fancybox-caption-wrap b {
       color:#666 !important;
    }
    
     .fancybox-caption-wrap a {
       color:#F00 !important;
       text-decoration:none !important;
    }
    
    .fancybox-custom-layout .fancybox-stage {
      bottom: 200px;
    }
}
@media all and (min-width: 800px) {

   /* Give space around main area */
   .fancybox-custom-layout .fancybox-outer {
     top: 50px;
     left: 50px;
     bottom: 50px;
     right: 50px;
     margin: auto;
     max-width: 1180px;
     max-height: 495px;
     overflow: visible;
     background: #fff;
     box-shadow: 10px 10px 15px rgba(0,0,0,0.3);
     transition: opacity .3s;
   }
 
   /* Make it to fade-out while closing */
   .fancybox-custom-layout.fancybox-is-closing .fancybox-outer {
     opacity: 0;
   }
 
   /* Set color for background element */
   .fancybox-custom-layout .fancybox-bg {
     background: #000;
   }
 
   .fancybox-custom-layout.fancybox-is-open .fancybox-bg {
     opacity: 0.9;
   }
 
   /* Move caption area to the right side */
   .fancybox-custom-layout .fancybox-caption-wrap {
     top: 0;
     right: 44px;
     bottom: 0;
     left: auto;
     width: 356px;
     padding: 0;
     background: #FFF;
     pointer-events: all; /* Make text selectable */
    overflow-x:hidden;
     border-right: 1px solid rgba(255,255,255,.08);
    color:#666 !important;
    visibility: visible;
    opacity: 1;
   }
   
   .fancybox-caption-wrap h3, .fancybox-caption-wrap b {
      color:#666 !important;
   }
   
    .fancybox-caption-wrap a {
      color:#F00 !important;
      text-decoration:none !important;
   }
   /* Adjust content area position */
  .fancybox-custom-layout .fancybox-stage {
   right: 400px;
 }

 /* Remove top border from the caption */
 .fancybox-custom-layout .fancybox-caption {
   padding: 30px 15px;
   border: 0;
 }

 /* Align buttons at the right side  */
 .fancybox-custom-layout .fancybox-toolbar {
   top: 0;
   right: 0;
   bottom: 0;
   left: auto;
   width: 44px;
   background: #333;
   border-left: 1px solid #222;
 }

 /* Remove background from all buttons */
 .fancybox-custom-layout .fancybox-button,
 .fancybox-custom-layout .fancybox-navigation button:before {
   background: transparent;
 }

 /* Change arrow color */
 .fancybox-custom-layout .fancybox-navigation button {
   color: #333 !important;
   padding: 10px;
 }

 /* Reposition arrows */
 .fancybox-custom-layout .fancybox-button--arrow_left {
   left: -60px;
 }

 .fancybox-custom-layout .fancybox-button--arrow_right {
   right: -60px;
 }

 .fancybox-custom-layout.fancybox-show-thumbs .fancybox-button--arrow_right {
   right: -272px;
 }
    
}
[data-role=pagination]{
   margin:auto;
   display: block;
}

#wpdtSimpleTable-3 thead tr td {
  font-size:14px !important;
}

#wpdtSimpleTable-3 tr td {
  font-size:13px !important;
}

#wpdtSimpleTable-4 thead tr td {
  font-size:14px !important;
}

#wpdtSimpleTable-4 tr td {
  font-size:13px !important;
}

#wpdtSimpleTable-5 thead tr td {
  font-size:14px !important;
}

#wpdtSimpleTable-5 tr td {
  font-size:13px !important;
}

/*IPAD Specific style*/
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
   /* For portrait layouts only */
   #landing #section1 .item {
      width: 100vw;
      height: 40vh;
      background-position: center !important;
      position: relative;
   }

   #landing #section1 {
      min-height: 400px !important;
   }

   #landing #section1 .owl-dots {
      text-align: right;
      padding-right: 10vw;
      bottom: 5vh;
   }

 }
 
 @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
   /* For landscape layouts only */
   #landing #section1 .item {
      width: 100vw;
      height: 60vh;
      background-position: center !important;
      position: relative;
   }

   #landing #section1 {
      min-height: 450px !important;
   }

   #landing #section1 .item .float {
      display: none !important;
   }

   #landing #section1 .owl-dots {
      text-align: right;
      padding-right: 10vw;
      bottom: 5vh;
   }

   #landing #section1 .item .text h1 {
      /*font-size: 40px;*/
      font-size: calc( 30px + 15 * ((100vw - 740px) / 2240));
      margin: 0;
   }

   #landing #section1 .item .text h3 {
      /*font-size: 24px;*/
      font-size: calc( 20px + 10 * ((100vw - 320px) / 2240));
      margin: 0;
   }

   #landing #section1 .item .text p {
      /*font-size: 14px;*/
      font-size: calc( 10px + 5 * ((100vw - 320px) / 2240));
      line-height: 22px;
   }

 }

 @media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {
    .btn-red-reg{
      top:0;
    }
}