/*Fonts*/
@font-face{
  font-family:Gotham;
  src:url(../fonts/Gotham-Light.eot);src:local("Gotham-Light"),url(../fonts/Gotham-Light.eot?#iefix) format("embedded-opentype"),url(../fonts/Gotham-Light.woff2) format("woff2"),url(../fonts/Gotham-Light.woff) format("woff"),url(../fonts/Gotham-Light.ttf) format("truetype"),url(../fonts/Gotham-Light.svg#Gotham-Light) format("svg");
  font-weight:300;
  font-style:normal;
  font-display:block
}
@font-face{
  font-family:Gotham;
  src:url(../fonts/Gotham-Book.eot);src:local("Gotham-Book"),url(../fonts/Gotham-Book.eot?#iefix) format("embedded-opentype"),url(../fonts/Gotham-Book.woff2) format("woff2"),url(../fonts/Gotham-Book.woff) format("woff"),url(../fonts/Gotham-Book.ttf) format("truetype"),url(../fonts/Gotham-Book.svg#Gotham-Book) format("svg");
  font-weight:350;
  font-style:normal;
  font-display:block
}
@font-face{
  font-family:Gotham;
  src:url(../fonts/Gotham-Medium.eot);src:local("Gotham-Medium"),url(../fonts/Gotham-Medium.eot?#iefix) format("embedded-opentype"),url(../fonts/Gotham-Medium.woff2) format("woff2"),url(../fonts/Gotham-Medium.woff) format("woff"),url(../fonts/Gotham-Medium.ttf) format("truetype"),url(../fonts/Gotham-Medium.svg#Gotham-Medium) format("svg");
  font-weight:400;
  font-style:normal;
  font-display:block
}
@font-face{
  font-family:Gotham;
  src:url(../fonts/Gotham-Bold.eot);src:local("Gotham-Bold"),url(../fonts/Gotham-Bold.eot?#iefix) format("embedded-opentype"),url(../fonts/Gotham-Bold.woff2) format("woff2"),url(../fonts/Gotham-Bold.woff) format("woff"),url(../fonts/Gotham-Bold.ttf) format("truetype"),url(../fonts/Gotham-Bold.svg#Gotham-Bold) format("svg");
  font-weight:bold;
  font-style:normal;
  font-display:block
}


/*Common CSS*/
*+html {
  margin:0px;
  padding:0px;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, header, footer, section, nav {
  margin: 0;
  padding: 0;
}
h1, h2, h3, h4, h5, h6 {
  font-weight:bold;
  margin:0px;
  padding:0px;
}
img {
  border:0px;
  outline:none;
  max-width: 100%;
}
p {
  margin:0px;
  text-align: left;
}
ul li, ol li {
  margin:0px;
  padding:0px;
  list-style:none;
}
html {
  color: #222;
  font-size: 1em;
  line-height: 1.4;
}
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}
::selection {
  background: #b3d4fc;
  text-shadow: none;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
textarea {
  resize: vertical;
}
.text-center p{
  text-align: center;
}
.browserupgrade {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}
.hidden {
  display: none !important;
}
.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
  /* 1 */
}
.sr-only.focusable:active,
.sr-only.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  white-space: inherit;
  width: auto;
}
.invisible {
  visibility: hidden;
}
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.clearfix:after {
  clear: both;
}
@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */
}

@media print,
  (-webkit-min-device-pixel-ratio: 1.25),
  (min-resolution: 1.25dppx),
  (min-resolution: 120dpi) {
  /* Style adjustments for high resolution devices */
}
@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster */
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a, a:visited, a:hover, a:active {
    text-decoration: none;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  pre {
    white-space: pre-wrap !important;
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}
ul{
    padding: 0;
    margin: 0;
}
li{
    list-style: none;
}
button:focus-within, button:focus, button:active, a:hover, a:active, a:focus, select:hover, select:active, select:focus, option:hover, option:active, option:focus {
  text-decoration: none;
  outline: 0;
}
ul{padding: 0; margin: 0;}
a{text-decoration: none; color: inherit;}
a:hover{color: inherit;}
b, strong {
  font-weight: bold;
}
body{
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
  font-family: 'Arial';
  background: #E4E7DB;
  color: #000;
  font-size: 17px;
  font-weight: 300;
}









/*Header CSS*/
header {
  background: #fff;
  z-index: 10;
  position: relative;
}
.top-header-desc{
  background-color: #fff;
}
.top-desc {
  padding: 10px 0;
  position: relative;
}
.top-logo{}
.top-logo img{
  max-width: 100px;
}
.send-mail{
  color: #808080;
  font-weight: normal;
}
.send-mail span {
  width: 40px;
  height: 40px;
  background: #0065A4;
  border-radius: 50%;
  margin-right: 10px;
}
.send-mail span img {
  max-width: 25px;
}
.send-mail-mb {
  position: fixed;
  right: 20px;
  bottom: 140px;
}
.header-form {
  margin-left: 30px;
  position: relative;
}
.header-form input {
  height: 33px;
  border: 1px solid #808080;
  padding: 5px;
  font-size: 14px;
}
.header-form button[type="submit"] {
  background: transparent;
  border: 0;
  position: absolute;
  right: 0;
  height: 28px;
  width: 35px;
  border-left: 1px solid #808080;
  margin-top: 3px;
}
.header-form button[type="submit"] img{
  max-width: 20px;
}

/* Search div and button */
.header-form button[type="button"] {
  background: transparent;
  border: 0;
  position: absolute;
  right: 0;
  height: 28px;
  width: 35px;
  border-left: 1px solid #808080;
  margin-top: 3px;
}
.header-form button[type="button"] img{
  max-width: 20px;
}
/* Search div and button */

/*Top Menu CSS*/
.top-mnu {
  background: #39AC37;
  z-index: 9;
  position: relative;
}
.of-visible{
  overflow: visible !important;
}
.page{
  background: #fff;
}
.navbar {
  background: #39AC37;
  color: #fff;
  padding: 0;
}
.navbar-light .navbar-nav .nav-link, .dropdown-menu li a {
  color: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-size: 15px;
  font-weight: 300;
}
.navbar-light .navbar-nav .nav-link:hover{
  color: #FDB913;
}
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show > .nav-link {
  color: inherit;
}
li.nav-item {
  flex: 1 0;
  text-align: center;
  position: relative;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  margin: 0;
}
.navbar-nav li.nav-item a.nav-link:hover, li a.nav-link:hover, li a.nav-link.active, .nav-item.dropdown:hover > a.nav-link{
  background: linear-gradient(to bottom, #00629e, #004691);
}
ul.navbar-nav li:nth-child(2n+1) > a.nav-link {
  background: #39ac37;
}
ul.navbar-nav li:nth-child(2n+2) > a.nav-link{
  background: #FDB913;
  color: #000;
}
.navbar > .container-fluid{
  padding: 0 !important;
}

li.nav-item::after {
  position: absolute;
  content: "";
  right: -5px;
  width: 1px;
  height: 20px;
  background: rgba(255, 255, 255, 0.53);
  top: 9px;
  display: none;
}
li.nav-item:last-child::after{
  display: none;
}
.dropdown-menu {
  background-color: #39ac37;
  border: 0;
  border-radius: 0;
  margin-top: 0px;
  text-align: center;
  width: 100%;
	
}
.dropdown-menu[data-bs-popper] {
  margin: 0;
  padding: 0;
}
.dropdown-menu li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.53);
}
.dropdown-menu li:last-child {
  border-bottom: 0;
}
.dropdown-menu li a{
  padding: 5px;
  display: block;
}
.dropdown-menu li a:hover, .dropdown-menu li a.active{
  color: #fdb913;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
  color: rgb(255, 255, 255);
}
section{
  position: relative;
}
.dropdown-menu2 {
  left: 100%;
  top: 0;
	padding:0;
}




/*Carousel CSS*/
.Banner{}
#carousel1 .carousel-item{
  position: relative;
}
#carousel1 .carousel-container {
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  display: inline-block;
  color: #FFFFFF;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
}
#carousel1 h1, .carousel-desc{
  position: absolute;
  z-index: 9;
}
#carousel1 h1 {
  top: 10%;
  color: #fff;
  margin-left: 60px;
  font-weight: bold;
  text-align: right;
  font-size: 50px;
}
.carousel-desc {
  bottom: 15%;
  width: 300px;
  color: #fff;
  right: 0;
  text-align: left;
  padding: 10px 13px;
  background: rgba(17, 74, 1, 0.5);
}
.carousel-desc h4{
  margin-bottom: 15px;
}
.carousel-desc p {
  line-height: 18px;
  font-size: 17px;
}
.carousel-indicators [data-bs-target] {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  opacity: 1;
}
.carousel-indicators .active {
  background-color: #FDB913;
}

/*section sustainable*/
.sustainable {
  position: relative;
  overflow: hidden;
  padding: 100px 0 30px;
}
.parallax-area {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
}
.parallax-1 {
  top: -1000px;
  position: relative;
}
.parallax-bg{
  background-repeat: repeat;
  background-position: center center;
  background-size: contain;
}
.animatedParent{
  overflow: hidden;
}
.sustainable-lblock {
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  padding-bottom: 20px;
}
.build-tomorrow p {
  color: #333D47;
  font-size: 16px;
  font-weight: normal;
}
.build-tomorrow a {
  font-size: 20px;
  font-weight: bold;
  color: #000;
  border-bottom: 2px solid #0065a4;
  padding-bottom: 5px;
  display: inline-block;
  padding-top: 5px;
}
h3.s-heading {
  color: #39AC37;
  font-weight: bold;
  font-size: 40px;
}
.sustainable-blocks{
  flex-wrap: wrap;
}
.sustainable-blocks li {
  width: calc(50% - 10px);
  margin-bottom: 20px;
  position: relative;
  padding: 25px 25px 50px;
}
.sustainable-blocks li:nth-child(1), .sustainable-blocks li:nth-child(4){
  background-color: #0065A4;
  color: #fff;
}
.sustainable-blocks li:nth-child(1) a i.fa, .sustainable-blocks li:nth-child(4) a i.fa{
  background-color: #fdb913;
}
.sustainable-blocks li:nth-child(2), .sustainable-blocks li:nth-child(3){
  background-color: #FDB913;
}
.sustainable-blocks li:nth-child(2) a, .sustainable-blocks li:nth-child(3) a {
  color: #fff;
}
.sustainable-blocks li:nth-child(2) a i.fa, .sustainable-blocks li:nth-child(3) a i.fa {
  background-color: #0065A4;
}
.sustainable-blocks li img {
  height: 80px;
}
.sustainable-blocks li h4 {
  font-weight: bold;
  font-size: 16px;
  margin: 13px 0;
  position: relative;
  padding-bottom: 13px;
}
.sustainable-blocks li h4::after {
  content: "";
  position: absolute;
  width: calc(100% + 25px);
  height: 1px;
  background: #fff;
  bottom: 0;
  right: -25px;
}
.sustainable-blocks li p{
  font-weight: 350;
}
.sustainable-blocks li a {
  font-size: 14px;
  float: right;
  margin-top: 13px;
  display: flex;
  align-items: center;
  position: absolute;
  bottom: 15px;
  right: 25px;
}
.sustainable-blocks li a i.fa {
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  margin-left: 10px;
}
.agenda-sustainability .s-heading{
  color: #fff;
}
.agenda-sus-block {
  max-width: 350px;
  padding: 25px 0;
}

.brdr {
  position: relative;
  width: calc(100% - 60px);
  background: #0065a4;
  margin: 25px 0;
  height: 4px;
}
.brdr::after {
  content: "";
  position: absolute;
  width: 48px;
  right: -60px;
  height: 100%;
}
.brdr.b-yellow:after{
  background-color: #fdb913;
}
.brdr.b-green:after{
  background-color: #39AC37;
}
.brdr.opposite {
  margin-left: 60px;
}
.brdr.opposite::after {
  right: inherit;
  left: -60px;
}

.agenda-sustainability {
  background-color: #FDB913;
  padding: 0;
  margin: 80px 0;
}
.z-9 {
  position: relative;
  z-index: 9;
}
.btn1 {
  background: #39AC37;
  color: #fff;
  padding: 10px 15px;
  display: inline-block;
  font-size: 15px;
  margin-top: 16px;
}
.btn1 i{
  margin-left: 10px;
}
.carousel-control-next-icon, .carousel-control-prev-icon {
  background-size: 10px;
}
.carousel-control-next-icon {
  background-image: url("../images/next.png");
}
.carousel-control-prev-icon {
  background-image: url("../images/prev.png");
}

.color-overlay{
  width: 100%;
  height: 100%;
}

.tr-block-desc {
  position: absolute;
  z-index: 9;
  height: 100%;
  width: 100%;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.tr-block1, .tr-block3{
  width: calc(55% - 15px);
}
.tr-block2, .tr-block4 {
  width: 45%;
}
.tr-block3 {
  flex-wrap: wrap;
}
.tr-block3 .tr-block {
  width: calc(50% - 7.5px);
}
.tr-block h4 {
  color: #fff;
  margin-bottom: 20px;
}
.tr-block p{
  font-size: 17px;
}
.color-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
}
.color-overlay.blue-overlay {
  background-color: rgba(0, 101, 164, 0.68);
}
.color-overlay.green-overlay {
  background-color: rgba(57, 172, 55, 0.76);
}
.tr-block2{
  background-color: red;
}
.tr-block{
  position: relative;
  min-height: 100%;
  margin-bottom: 15px;
  cursor: pointer;
}
.tr-block img {
  height: 100%;
}
.bg-yellow {
  background-color: #fdb913 !important;
}
.bg-blue {
  background-color: #0065a4 !important;
}
.bg-green {
  background-color: #39AB37 !important;
}
.white{
  color: #fff !important;
}
.blue{
  color: #0065A4 !important;
}
.green {
  color: #39AC37 !important;
}
.yellow {
  color: #fdb913 !important;
}
.interested-more h5 {
  color: #000;
  font-size: 25px;
}
footer.footer {
  background: #FDB913;
  padding: 20px;
}
footer.footer p{
  color: #000;
  font-size: 13px;
}
.totop {
  display: none;
  position: fixed;
  right: 20px;
  bottom: 80px;
  width: 50px;
  height: 50px;
  text-align: center;
  padding: 5px;
  cursor: pointer;
  color: #fff;
  background: #FDB913;
  border-radius: 5px;
  z-index: 99;
  font-size: 25px;
}
.totop img {
  width: 15px;
}





/*About Us Pages*/
.banner{
  position: relative;
}
.banner-image{}
.banner-desc {
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  display: inline-block;
  color: #000;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
}
.banner-desc h3 {
  font-size: 45px;
}
.heading-top-left {
  margin-top: 127px;
  margin-left: 88px;
}
.heading-top-right {
  margin-top: 80px;
  float: right;
  padding-right: 40px;
}
.heading-bottom-left {
  position: relative;
  padding-left: 125px;
  display: flex;
  justify-content: flex-end;
  margin-top: auto;
  height: 100%;
  flex-direction: column;
  padding-bottom: 30px;
}
.heading-bottom-right {
  float: right;
  top: 70%;
  position: relative;
  padding-right: 80px;
}
.heading-middle-right {
  padding-right: 80px;
  position: relative;
  float: right;
  display: flex;
  height: 100%;
  align-items: center;
}
.heading-middle-left {
  display: flex;
  height: 100%;
  align-items: center;
  padding-left: 45px;
}
.about-us-desc {
  background: #D9DACB;
}
.about-us-blocks{}
.about-us-blocks li {
  padding: 30px 0;
}
.about-us-blocks li:nth-child(2n) {
  background-color: #D9DACB;
}
.about-us-block{}
.about-us-block-left{}
.about-us-block-left img {
  max-width: 100%;
  border-top-left-radius: 40px;
  border-bottom-right-radius: 40px;
  display: block;
  max-height: 300px;
}
.about-us-block-right{}
.about-us-block-right img{
  max-width: 60px;
  display: block;
  margin: 0 auto;
}
.about-us-block-right h3 {
  font-size: 30px;
  text-align: center;
}
.about-us-block-right p{}
.about-us-block-right a{}
.icon-center{
  display: inline-block;
  text-align: center;
}
a.more {
  display: flex;
  align-items: center;
  font-weight: bold;
  font-size: 15px;
  margin-top: auto;
  padding-top: 25px;
}
a.more i {
  width: 30px;
  height: 30px;
  background: #FDB913;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  color: #39AC37;
  margin-left: 10px;
}






/*Our Philosophy Page*/
.ourPhilosophy-blocks{}
.ourPhilosophy-blocks li {
  width: calc(50% - 30px);
}
.ourPhilosophy-block {
  position: relative;
  margin-bottom: 45px;
}
/*.ourPhilosophy-block::after {
  content: "";
  position: absolute;
  height: 70px;
  width: 60px;
  background: #e4e7db;
  top: -14px;
  left: -3px;
}*/
.philosophy-graph {
  position: absolute;
  left: -28px;
  top: -12px;
}
.philosophy-graph::after {
  content: "";
  position: absolute;
  height: calc(100% + 10px);
  width: 80px;
  background: #e4e7db;
  top: -5px;
  left: 0;
}
.philosophy-graph img {
  max-width: 60px;
}
.philosophy-block-desc {
  padding: 0 15px 10px 37px;
  border: 2px solid #FDB913;
}
.philosophy-block-desc h5 {
  background: #FDB913;
  margin: -16px 0 0;
  border-radius: 5px;
  padding: 5px 10px 5px;
  font-size: 14px;
  line-height: 17px;
}
.philosophy-block-desc p {
  padding-left: 10px;
  padding-top: 5px;
}
.philosophy-block-desc p, .philosophy-block-desc h5, .philosophy-graph img{
  z-index: 9;
  position: relative;
}




/*coreValues-page*/
.btmBlackOverlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.btmBlackOverlay::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  background-image: linear-gradient(to top, rgba(1, 1, 1, 0.66), transparent);
}




/*News Events Page*/
.newsEvents-desc{}
.newsEvents-desc ul{}
.newsEvents-desc ul li {
  padding: 6px 0;
}
.newsEvents-desc ul li .date{}
.newsEvents-desc ul li .date b {
  display: block;
  font-size: 18px;
  font-weight: bold;
}
.newsEvents-desc ul li .date p{
  display: block;
  font-size: 18px;
}
.newsEvents-desc ul li .news-img{}
.newsEvents-desc ul li .news-img img{}
.newsEvents-desc ul li .newsEvents-desc {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.newsEvents-desc ul li .newsEvents-desc h6 {
  margin-bottom: 10px;
}
.newsEvents-desc ul li .newsEvents-desc p{}
.newsEvents-desc ul li .newsEvents-desc a {
  font-weight: bold;
  font-size: 15px;
}
.newsEvents-desc ul li .newsEvents-desc a i{}






/*Global Network page*/
.globalNetwork-desc{}
.globalNetwork-desc ul{}
.globalNetwork-desc ul li {
  width: 16%;
  margin-bottom: 10px;
  min-height: 40px;
  flex: auto;
}
.globalNetwork-desc ul li.w-40 {
  width: 36%;
}
.globalNetwork-desc .nav-pills .nav-link {
  background: #0065A4;
  color: #fff;
  border-radius: 0;
  width: 100%;
  font-size: 13px;
  padding: 5px 10px;
  height: 100%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-weight: 350;
  line-height: 14px;
}
.globalNetwork-desc .nav-pills .nav-link:hover, .globalNetwork-desc .nav-pills .nav-link.active {
  background: #FDB913;
  color: #000;
}
.globalNetwork-desc .tab-content{}
.globalNetwork-desc li.nav-item::after {
  display: none;
}
.underline{
  text-decoration: underline;
}
.tab-pane{
  position: relative;
}
.mapIcon {
  cursor: pointer;
  width: 2%;
  height: 6%;
  display: block;
  position: absolute;
  z-index: 92;
  border-radius: 50%;
  background-image: url(../images/globalNetwork-map-icon.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 70%;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.mapIcon:hover {
  background-image: url(../images/globalNetwork-map-icon2.png);
}
.mapIcon::after{
  position: absolute;
  font-size: 14px;
  color: #000;
  font-weight: bold;
  text-transform: capitalize;
  top: 12px;
}
.mapIcon:hover::after{
  color: #0065A4;
}
.tooltip{
}
.tooltip h6{
  font-weight: bold;
  font-size: 14px;
  text-align: left;
  padding: 5px 10px;
  border-bottom: 1px solid #E4E7DB;
}
.tooltip h6 small{
  font-weight: normal;
  font-size: 13px;
}
.tooltip p{
  font-size: 13px;
  text-align: right;
  margin-bottom: 10px;
  padding: 5px 10px;
}
.tooltip-inner{
  background: #FDB913;
  max-width: 250px;
}
.tooltip-arrow{
  border-width: 0 40px 40px;
}
.tooltip.bs-tooltip-top .tooltip-arrow::before {
  border-top-color: #FDB913;
}

.tooltip.bs-tooltip-bottom .tooltip-arrow::before {
  border-bottom-color: #FDB913;
}

.tooltip.bs-tooltip-start .tooltip-arrow::before {
  border-left-color: #FDB913;
}

.tooltip.bs-tooltip-end .tooltip-arrow::before {
  border-right-color: #FDB913;
}
.tooltip-inner{
  padding: 0 0 10px;
  color: #000;
}
.text-left{
  text-align: left;
}


.mapIcon.canada {
  top: 23%;
  left: 18%;
}
.mapIcon.canada:after{
  content: "Canada";
  left: 26px;
}
.mapIcon.usa{
  top: 36%;
  left: 19.3%;
}
.mapIcon.usa:after{
  content: "USA";
  left: 26px;
}
.mapIcon.uk {
  top: 25%;
  left: 46%;
}
.mapIcon.uk:after{
  content: "UK";
  left: -20px;
}
.mapIcon.nether {
  top: 28%;
  left: 48.5%;
}
.mapIcon.nether:after{
  content: "Netherlands";
  right: 22px;
}
.mapIcon.germany {
  top: 28.5%;
  left: 51.1%;
}
.mapIcon.germany:after{
  content: "Germany";
  left: 26px;
}
.mapIcon.italy {
  top: 36%;
  left: 50.3%;
}
.mapIcon.italy:after{
  content: "Italy";
  right: 26px;
}
.mapIcon.greece {
  top: 36%;
  left: 51.8%;
}
.mapIcon.greece:after{
  content: "Greece";
  left: 26px;
}
.mapIcon.iraq {
  top: 41%;
  left: 59%;
}
.mapIcon.iraq:after{
  content: "Iraq";
  right: 26px;
}
.mapIcon.qatar {
  top: 43.6%;
  left: 61%;
}
.mapIcon.qatar:after{
  content: "Qatar";
  right: 26px;
}
.mapIcon.dubai {
  top: 49%;
  left: 62%;
}
.mapIcon.dubai:after{
  content: "Dubai";
  right: 26px;
}
.mapIcon.nigeria {
  top: 56%;
  left: 47.5%;
}
.mapIcon.nigeria:after{
  content: "Nigeria";
  right: 26px;
}
.mapIcon.tanzania {
  top: 66%;
  left: 56.5%;
}
.mapIcon.tanzania:after{
  content: "Tanzania";
  right: 26px;
}
.mapIcon.india {
  top: 51%;
  left: 68%;
}
.mapIcon.india:after{
  content: "India";
  right: 26px;
}
.mapIcon.china {
  top: 41.5%;
  left: 78.5%;
}
.mapIcon.china:after{
  content: "China";
  right: 26px;
}
.mapIcon.malaysia {
  top: 56%;
  left: 73.5%;
}
.mapIcon.malaysia:after{
  content: "Malaysia";
  right: 26px;
}
.mapIcon.singapore {
  top: 59%;
  left: 75%;
}
.mapIcon.singapore:after{
  content: "Singapore";
  right: 26px;
}
.mapIcon.indonesia {
  top: 64%;
  left: 77%;
}
.mapIcon.indonesia:after{
  content: "Indonesia";
  left: 26px;
}
.mapIcon.australia {
  top: 76%;
  left: 88%;
}
.mapIcon.australia:after{
  content: "Australia";
  right: 26px;
}


/*Awards page*/
.awards-desc{}
.awards-desc ul{}
.awards-desc ul li {
  width: calc(25% - 20px);
  margin: 0 10px 80px;
  padding: 15px;
  position: relative;
  border: 2px solid #0065A4;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.awards-desc ul li .awards-img {
  margin-top: -45px;
  background: #e4e7db;
  padding: 0 15px;
}
.awards-desc ul li img {
  max-width: 110px;
  max-height: 80px;
}
.awards-desc ul li b.year {
  margin: 25px auto 0;
  display: block;
}
.awards-desc ul li .divider {
  width: 100px;
  height: 2px;
  background: #fdb913;
  display: block;
  margin: 25px auto;
}
.awards-desc ul li b.awards-name {
  margin-bottom: 10px;
}
.awards-desc ul li p{}








/*What We Do Page*/
.whatWeDo-desc{
  position: relative;
  padding-bottom: 200px;
  overflow: hidden;
}
.service-block {
  height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
img.service-block-graph {
  height: 100px;
  margin-top: 35px;
}
.service-block-desc {
  padding: 0 35px;
}
.service-block a.more{
  padding-right: 45px;
}
.service-block h6{
  margin-top: 15px;
}
.brdr2 {
  height: 1px;
  width: calc(100% + 45px);
  background: #fff;
  margin: 15px 0;
  right: 0;
  position: relative;
}
.parallax-3 {
  height: 35%;
  top: 75%;
  overflow: hidden;
}
.digitalization-parallax {
  background-repeat: repeat-x;
  background-size: contain;
  top: -12%;
}
.service-block p{
  padding-bottom: 15px;
}
.service-block p.small {
  padding-bottom: 0;
  font-size: 13px;
}


/*pipelineservices plantCapabilities page*/
.plantCapabilities-tbl{
  text-align: center;
  vertical-align: middle;
  background: #fff;
  border: 1px solid #ccc;
}
.plantCapabilities-tbl td{
  border: 1px solid #e6e6e6;
  padding: 8px;
}
.plantCapabilities-tbl tr:nth-child(1), .plantCapabilities-tbl tr:nth-child(2){
  background: #FDB913;
}
.green-dot {
  width: 10px;
  height: 10px;
  display: block;
  border-radius: 50%;
  background: #39a137;
  margin: 0 auto;
  text-align: center;
}



.yardCapabilities table tr td:first-child{
  text-align: left;
}
.yardCapabilities table td{
  width: 50%;
  padding: 8px 50px;
}
.yardCapabilities table tr:nth-child(odd) td:first-child{
  background: #e1e5d8;
}
.yardCapabilities table tr:nth-child(odd) td:last-child{
  background: #fff;
}
.yardCapabilities table tr:nth-child(even) td:first-child{
  background: #d5dbc9;
}
.yardCapabilities table tr:nth-child(even) td:last-child{
  background: #eaece5;
}
.yardCapabilities table tr:last-child td:last-child{
  padding: 8px 20px;
}





/*Med-Con Page*/
.medCon-blocks li{
  padding: 30px 0;
  background: transparent;
}
.btn2 {
  text-transform: uppercase;
  background: #0065A4;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  padding: 5px 15px;
  display: inline-block;
}






/*Track Records Page*/
#filters li {
  width: calc(100% - 20px);
  text-align: center;
  margin: 0 10px;
}
#filters li a {
  display: block;
  background: #0065a4;
  color: #fff;
  padding: 6px;
  line-height: 20px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
#filters li a:hover, #filters li a.active{
  background: #fdb913;
  color: #000;
}

#subfilters{
  text-align: center;
  background-color: #0065a4;
  color: white;
  padding: 4px;
  border-radius: 4px;
}

#subfiltersnew{
    background-color: #0065a4;
    color: white;
    padding: 8px;
    width: 100%;
    display: block;
    text-align: center;
    border-radius: 4px;
}

#subfiltersnew:hover{
    background-color: #fdb913;
    color: black;
    
}

.trackRecords-sortlist{}
.trackRecords-sortlist li {
  width: 32%;
  margin-bottom: 20px;
  display: none;
}
.trackRecords-sortlist li .service-block{}
.trackRecords-sortlist li:nth-child(2n + 1) .service-block{
  background-color: #fdb913 !important;
}
.trackRecords-sortlist li:nth-child(2n + 1) a.more{}
.trackRecords-sortlist li:nth-child(2n+1) a.more i {
  background-color: #0065a4;
  color: #fff;
}
.trackRecords-sortlist li:nth-child(2n + 2) .service-block{
  background-color: #0065a4 !important;
  color: white;
}
.trackRecords-sortlist li h6 {
  margin-top: 15px;
  min-height: 40px;
  display: flex;
  align-items: center;
}

.assetIntegrity1-sortlist li{
  width: 100%;
  display: none;
}
.assetIntegrity1-sortlist .accordion-body {
  text-align: left;
}
.assetIntegrity1-sortlist img.industry-partner{
  max-height: 35px;
}
ul.assetIntegrity-img-blocks {
  display: flex;
  flex-wrap: wrap;
}
ul.assetIntegrity-img-blocks li, .spur-blocks li{
  display: flex;
  position: relative;
}
ul.assetIntegrity-img-blocks li {
  flex-direction: column;
  width: calc(25% - 14px);
  margin-left: 7px;
  margin-bottom: 30px;
  border-left: 1px solid #8e8c8c;
  padding-left: 7px;
  padding-bottom: 30px;
}
ul.assetIntegrity-img-blocks li:first-child, ul.assetIntegrity-img-blocks li.no-brdr-mrgn{
  border: none;
  margin-left: 0;
}
ul.assetIntegrity-img-blocks li h6{}
ul.assetIntegrity-img-blocks li img{}
ul.assetIntegrity-img-blocks li p {
  color: #000;
  font-size: 15px;
  margin: 10px 0;
  line-height: 20px;
}
ul.assetIntegrity-img-blocks li a {
  font-weight: bold;
  font-size: 11px;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-left: 8px;
  position: absolute;
  left: 0;
  bottom: 5px;
}
ul.assetIntegrity-img-blocks li a i {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-left: 8px;
}
.assetIntegrity-img-blocks.p-bullet p{
  position: relative;
  padding-left: 15px;
}
.assetIntegrity-img-blocks.p-bullet p::after {
  content: "";
  width: 5px;
  height: 5px;
  position: absolute;
  background: #000;
  left: 0;
  top: 8px;
  border-radius: 50%;
}
h5.industry-partner {
  font-size: 15px;
  display: block;
  width: 100%;
  margin: 10px 0;
  position: relative;
}
h5.industry-partner::after {
  content: "";
  position: absolute;
  right: 0;
  width: calc(100% - 135px);
  height: 1px;
  background: #000;
  top: 10px;
}
.spur-blocks-area {
  background: #eeeeed;
  margin: 30px 0;
  padding: 30px;
}
ul.spur-blocks {
  display: flex;
  flex-wrap: wrap;
}
ul.spur-blocks li {
  width: calc(33.33% - 20px);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-align: center;
  margin: 0 10px 40px;
}
ul.spur-blocks2 li{
  width: calc(25% - 20px);
}
ul.spur-blocks li img {
  max-height: 70px;
  margin-bottom: 10px;
}
ul.spur-blocks li p{
  font-weight: bold;
}
.modulesFpso-img {
  max-height: 200px;
  width: auto;
}




.trackRecords-tbl{}
.trackRecords-tbl, .trackRecords-tbl td{
  border: 0;
}
.trackRecords-tbl td {
  padding-left: 15px;
  padding-right: 15px;
}

table.trackRecords-tbl tr:nth-child(odd) td:first-child{
  background: #006599;
}
table.trackRecords-tbl tr:nth-child(odd) td:last-child{
  background: #fff;
}
table.trackRecords-tbl tr:nth-child(even) td:first-child{
  background: #007fb4;
}
table.trackRecords-tbl tr:nth-child(even) td:last-child{
  background: #eaece5;
}
table.trackRecords-tbl tr td:first-child{
  font-weight: 400;
  color: #fff;
  min-width: 155px;
	width: 190px;
}





.accordion-body {
  background: #d9dacb;
  margin-bottom: 7px;
  padding-bottom: 50px;
}
.accordion-body img {
  margin-top: 10px;
}
.accordion-button {
  text-align: center;
  color: #000;
  border: 0;
  position: relative;
  display: block;
  background: #D9DACB;
  padding: 15px 15px 15px 50px;
  min-height: 21px;
}
.accordion-button.collapsed {
  margin-bottom: 7px;
}
.accordion-button:focus {
  box-shadow: none;
}
.accordion-button:not(.collapsed) {
  background-color: #D9DACB;
}
.accordion-item:nth-child(2n+1) .accordion-button:not(.collapsed) {
  background-color: #0065A4;
  color: #fff;
}
.accordion-item:nth-child(2n + 2) .accordion-button:not(.collapsed){
  background-color: #fdb913;
  color: #000;
}
.accordion-button::after {
  position: absolute;
  left: 15px;
  width: 32px;
  height: 32px;
  margin-right: auto;
  background-image: url(../images/accordion-button-close.png);
  background-position: center;
  background-size: 15px;
  top: 50%;
  margin-top: -16px;
}
.accordion-button:not(.collapsed)::after {
  background-image: url(../images/accordion-button-close.png);
  transform: rotate(90deg);
}
.accordion-item {
  background-color: transparent;
  border: 0;
}
.accordion-item:last-child .accordion-body {
  margin-bottom: 0;
}
.accordion-btn {
  background: #0065A4;
  color: #fff;
  font-weight: bold;
  text-align: center;
  padding: 10px 15px;
  border-radius: 5px;
  text-transform: uppercase;
  font-size: 13px;
  display: inline-block;
}
.accordion-img-box {
  display: flex;
  flex-wrap: wrap;
  margin-top: 15px;
}
.accordion-img-box img, .accordion-img-box.img-3 img{
  width: calc(50% - 20px);
  margin: 10px;
}
.TypesofCoating .accordion-img-box img, .TypesofCoating .accordion-img-box.img-3 img{
  padding: 20px;
  background: white;
}
.accordion-img-box.img-4 img{
  width: calc(25% - 20px);
  margin: 10px;
}
.y-dot {
  margin: 20px auto;
  padding: 0 30px;
}
.y-dot li {
  position: relative;
  margin: 0 20px;
  margin: 0 auto;
  text-align: left;
}
.y-dot li::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  background: #fdb913;
  border-radius: 50%;
  left: -16px;
  top: 7px;
}
.y-dot-100{
  flex-wrap: wrap;
}
.y-dot-100 li{
  width: 100% !important;
  text-align: left;
}
.y-dot.y-dot-half {
  padding-left: 90px;
}
.y-dot.y-dot-half li{
  width: 45%;
  margin: 0;
}
.y-dot.y-dot-full li{
  width: 100%;
}
ul.ml-0{
  padding-left: 15px;
}
ul.ml-0 li{
  margin-left: 0;
  margin-bottom: 10px;
}




/*Sustainability Page*/
.sustainability-page {
  overflow: hidden;
  /*padding-bottom: 300px;*/
}
.sustainability-parallax1 {
  height: 50%;
  top: 15%;
  overflow: visible;
  right: -15%;
  background-size: 50%;
  background-repeat: no-repeat;
  width: 50%;
  left: inherit;
}
.sustainability-parallax2 {
  height: 50%;
  top: 55%;
  overflow: visible;
}
.brdr-white1:after{
  content: "";
  position: absolute;
  left: 32%;
  top: 0;
  border-right: 2px solid white;
  height: 100%;
}
.brdr-white2:after{
  content: "";
  position: absolute;
  left: 65%;
  top: 0;
  border-right: 2px solid white;
  height: 100%;
}
@media (max-width: 767px){
  .brdr-white1, .brdr-white2 {
    border-bottom: 2px solid #fff;
    margin-bottom: 10px;
    display: block;
    width: 100%;
  }
  .brdr-white1:after, .brdr-white2:after{
    display: none;
  }
}
.windmill-svg {
  height: 500px;
}



/*qhse page*/
.accordion.text-start{}
.accordion.text-start .accordion-button {
  text-align: left;
  padding-left: 90px;
}
.qhse-desc-block{}
.qhse-desc-block img {
  max-width: 130px;
}
.qhse-ac-desc {
  background: #e3e6da;
  padding: 15px 20px;
}
.qhse-ac-desc h5 {
  font-weight: bold;
  color: #39ab37;
  font-size: 18px;
  margin-bottom: 10px;
}
.qhse-ac-desc ul{}
.qhse-ac-desc ul li {
  margin-bottom: 10px;
  padding-left: 22px;
  position: relative;
}
.qhse-ac-desc ul li::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  background: #fdb913;
  border-radius: 50%;
  left: 0px;
  top: 7px;
}


/*Modal*/
.modal-title{
  /*color: #0065a4;*/
}
.modal-body h6{
  color: #39AC37;
}
.modal-body ol{}
.modal-body ol li, ol.yellow-bullet li, ol.yellow-tick li{
  margin-bottom: 5px;
  padding-left: 22px;
  position: relative;
}
ol.yellow-tick li {
  padding-left: 30px;
}
.modal-body ol li::after, ol.yellow-bullet li::after{
  width: 10px;
  height: 10px;
  background: #fdb913;
  border-radius: 50%;
  left: 0px;
  top: 5px;
}
ol.yellow-tick li::after {
  content: "";
  position: absolute;
  background: url(../images/yellow-tick.png);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 20px;
  width: 20px;
  height: 20px;
  left: 0px;
  top: 0px
}


.sustainability-form {
  background: #D8D9CA;
}
form label {}
form label span{
  color: #FF0000;
}
.form-check-input[type="radio"] {
   border-radius: 0%; 
}
.form-check-input[type="radio"] {
  width: 20px;
  height: 20px;
  margin-top: 0;
  margin-right: 6px;
  border: 0;
}
.submit-btn {
  display: inline-block;
  margin: 0 auto;
  color: #fff;
  padding: 10px 20px;
  border: 0;
  text-transform: uppercase;
}
.form-check-input[type="checkbox"] {
  border-radius: 0;
  margin-right: 5px;
}
.confirm-check {
  padding-left: 32px;
}
.form-control {
  border-radius: 0;
  border: 0;
  margin-bottom: 15px;
  font-weight: 100;
}
.form-check-input:checked {
  background-color: #0065A4;
  border-color: #0065A4;
}
.custom-check {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 15px;
}
.custom-check .form-check {
  margin-right: 80px;
}
.form-control:focus {
  box-shadow: 0 0 0 1px rgb(0, 101, 164);
}






/*Contact Us Page*/
.contact-blocks{}
.contact-blocks li{
  width: 48%;
}
.contact-blocks li .contact-block {
  background: #D8D9CA;
  margin-bottom: 25px;
}
.contact-block-desc {
  padding: 15px 30px 30px;
}
.contact-block-desc p {
  display: flex;
  align-items: flex-start;
  margin-bottom: 15px;
}
.contact-block-desc p img {
  width: 18px;
  margin-right: 15px;
  margin-top: 2px;
}
.contact-block-desc p span{}
.contact-block-desc p a {
  display: block;
  word-wrap: anywhere;
  margin: 0;
  padding: 0;
}
.contact-blocks li .contact-block h5 {
  width: 100%;
  display: block;
  padding: 5px 30px;
  font-size: 18px;
  text-transform: uppercase;
}
.contact-blocks li:first-child .contact-block:nth-child(2n+1) h5 {
  background: #0065A4;
  color: #fff;
}
.contact-blocks li:first-child .contact-block:nth-child(2n+2) h5 {
  background: #FCB813;
}
.contact-blocks li:last-child .contact-block:nth-child(2n+1) h5 {
  background: #FDB913;
}
.contact-blocks li:last-child .contact-block:nth-child(2n + 2) h5{
  background: #0065A4;
  color: #fff;
}







/*Regional Offices Page*/
.regionalOffices-desc .accordion-body {
  background: #fff;
  padding: 20px 60px 25px;
}
.regionalOffices-desc .accordion-body strong {
  color: #39AB37;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
  display: block;
  margin-top: 15px;
}
.regionalOffices-desc .accordion-body .brdr {
  margin: 0;
  height: 4px;
  position: absolute;
  width: 50%;
  bottom: 0;
}







/*Enquiry Form Page*/
.brdr.sm {
  max-width: 200px;
}

.career-img-group img{
  max-height: 100%;
}





/*product-grid*/
.product-grid {
  display: flex;
  flex-wrap: wrap;
}
.product-grid li {
  margin: 0 12px 30px;
  width: calc(33.33% - 30px);
}
.product-grid li:nth-child(odd) .product-grid-desc{
  background-color: #fdb913;
}
.product-grid li:nth-child(even) .product-grid-desc{
  background-color: #0065a4;
}
.product-grid-desc{}
.product-grid-desc img{}
.product-grid-desc h6{
  padding: 15px 35px 0;
}
.product-grid li:nth-child(even) .product-grid-desc h6, .product-grid li:nth-child(even) .product-grid-desc a{
  color: white;
}
.product-grid-desc .brdr2 {
  width: calc(100% - 35px);
  right: -35px;
}
.product-grid-desc a{
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-weight: bold;
  font-size: 15px;
  margin-top: auto;
  padding: 25px 45px;
}
.product-grid-desc a i{
  width: 30px;
  height: 30px;
  background: #FDB913;
  background-color: rgb(253, 185, 19);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  color: #fff;
  margin-left: 10px;
}
.product-grid li:nth-child(odd) .product-grid-desc a i{
  background-color: #0065a4;
}
.product-grid li:nth-child(even) .product-grid-desc a i{
  color: #0065a4;
}
.efServices-desc, .pipelineServices-desc, .trackRecords-desc{
  position: relative;
}
.back-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fdb913;
  padding: 12px;
  width: 40px;
  height: 40px;
  position: absolute;
  left: 0;
  top: 50px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.special-list li {
  background: #d1d2c3;
  padding: 10px 50px;
}
.special-list li::after {
  left: 30px;
  top: 17px;
}













/*Responsive*/
@media (max-width: 1199px){
.tr-block h4 {
  margin-bottom: 40px;
}
.y-dot.y-dot-half {
  padding-left: 30px;
}
.y-dot.y-dot-half li:nth-child(2n+2) {
  margin-left: 40px;
}
.tr-block p{
  font-size: 11px;
}
.mapIcon::after {
  font-size: 11px;
  top: 11px;
}
.back-btn {
  top: 10px;
}

}
@media (max-width: 991px){
li.nav-item::after {
  display: none;
}
.navbar-light .navbar-toggler {
  border: 0 !important;
  box-shadow: none !important;
  margin: 0 auto;
}
li.nav-item:last-child {
  margin-bottom: 10px;
}
.navbar > .container-fluid {
  padding: 0 10px;
}
.tr-block h4 {
  margin-bottom: 15px;
  font-size: 20px;
}
.records-block {
  flex-direction: column;
}
.tr-block1, .tr-block3, .tr-block2, .tr-block4 {
  width: 100%;
}
.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
.navbar-light .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
  background-image: url("../images/close.png");
}
.about-us-block-left img {
  max-width: 350px;
}
.about-us-block-right img {
  max-width: 40px;
}
.about-us-block a {
  margin-top: 20px;
}
.awards-desc ul li {
  width: calc(33% - 20px);
}
#filters li {
  margin: 0 0 10px;
  max-width: 25%;
}
.y-dot {
  flex-wrap: wrap;
}
.y-dot li {  
  width: 30%;
  text-align: left;
}
.y-dot {
  padding: 0 10px;
}
.sustainability-parallax1 {
  top: 1% !important;
}
.custom-check .form-check {
  margin-right: 20px;
}
.contact-blocks li {
  width: 100%;
}
.dropdown-menu {
  background-color: #fdb913;
}
.dropdown-menu li a:hover, .dropdown-menu li a.active {
  color: #fff;
}
.dropdown-menu li a {
  color: #000;
}
.dropdown-menu2 {
  left: 0%; 
  top: inherit; 
  position: relative !important;
  background: #367935;
}
.top-desc {
  flex-wrap: wrap;
  justify-content: center !important;
}
.header-form {
  margin-left: 0;
}
.header-form input {
  width: 100%;
  margin-bottom: 5px;
}
.top-src {
  right: 0;
  position: absolute;
  display: flex;
}
.tr-block p{
  font-size: 15px;
}
.tooltip p{
  margin-bottom: 5px;
}

.mapIcon::after {
  font-size: 8px;
  top: 7px;
}
.mapIcon.canada::after {
  left: 17px;
}
.mapIcon.usa::after {
  left: 15px;
}
.mapIcon.uk::after {
  left: -12px;
}
.mapIcon.nether::after {
  right: 13px;
}
.mapIcon.germany::after {
  left: 14px;
}
.mapIcon.italy::after {
  right: 13px;
}
.mapIcon.greece::after {
  left: 11px;
}
.mapIcon.iraq::after {
  right: 11px;
}
.mapIcon.qatar::after {
  right: 13px;
}
.mapIcon.dubai::after {
  right: 13px;
}
.mapIcon.nigeria::after {
  right: 12px;
}
.mapIcon.india::after {
  right: 14px;
}
.mapIcon.china::after {
  right: 12px;
}
.mapIcon.malaysia::after {
  right: 11px;
}
.mapIcon.singapore::after {
  right: 14px;
}
.mapIcon.indonesia::after {
  left: 12px;
}
.mapIcon.australia::after {
  right: 13px;
}
h3.s-heading {
  font-size: 32px;
}
.product-grid li {
  width: calc(50% - 30px);
}

.tr-block1 .tr-block-desc{
  background: #0265a6;
  }
.tr-block1 .tr-block-desc, .tr-block5 .tr-block-desc {
  min-height: 200px;
  clear: both;
  position: relative;
}


}


@media (max-width: 767px){
body {
  font-size: 14px;
}
.top-logo {
  margin-bottom: 10px;
}
#carousel1 h1 {
  font-size: 25px;
}
h3.s-heading {
  font-size: 25px;
}
.send-mail span img {
  max-width: 20px;
}
.send-mail span {
  width: 35px;
  height: 35px;
}
.sustainable {
  padding: 45px 0 30px;
}
.windmill-svg {
  height: 200px;
}
.brdr {
  margin: 15px 0;
  height: 3px;
}
.brdr.opposite {
  margin-left: 0;
}
.brdr.opposite::after {
  right: -60px;
  left: inherit;
}
.build-tomorrow a {
  font-size: 17px;
}
.build-tomorrow p {
  font-size: 14px;
}
.agenda-sustainability {
  margin: 30px 0;
}
.agenda-sus-block {
  max-width: 100%;
  padding: 25px;
}
.interested-more h5 {
  font-size: 20px;
}
footer.footer p {
  font-size: 10px;
}
footer.footer {
  padding: 10px;
}
.banner-desc h3 {
  font-size: 30px;
}
.heading-top-left, .heading-top-right, .heading-bottom-left, .heading-bottom-right, .heading-middle-left, .heading-middle-right {
  top: 0;
  float: none;
  padding-top: 30px;
  padding-left: 30px;
  margin: 0;
  width: 100%;
}
.about-us-block-left img {
  max-width: 100%;
  margin-top: 15px;
}
.about-us-block-left img {
  border-top-left-radius: 20px;
  border-bottom-right-radius: 20px;
}
.totop {
  right: 10px;
  bottom: 60px;
  width: 40px;
  height: 40px;
  font-size: 20px;
}
.newsEvents-desc ul li .newsEvents-desc {
  margin-top: 15px;
}
.globalNetwork-desc ul li {
  width: 20%;
}
.awards-desc ul li {
  width: calc(50% - 20px);
}
.parallax-3 {
  height: 20%;
  top: 80%;
}
.service-block a.more {
  padding-right: 15px;
  padding-top: 10px;
  font-size: 14px;
}
#filters li {
  max-width: 48%;
}
.trackRecords-sortlist li {
  width: 48%;
}
.trackRecords-desc .service-block-desc {
  padding: 0 10px;
}
.brdr2 {
  width: calc(100% + 15px);
}
.trackRecords-sortlist li a.more {
  padding-top: 0;
}
.trackRecords-sortlist li h6 {
  font-size: 15px;
}
.accordion-body img {
  max-height: 170px;
  margin-bottom: 10px;
}
ul.assetIntegrity-img-blocks li img {
  max-height: inherit;
}
.accordion-button::after {
  left: 5px;
  background-size: 10px;
}
.accordion-button {
  padding: 10px 10px 10px 35px;
}
.y-dot li {  
  width: 50%;
}
.accordion-img-box img, .accordion-img-box.img-3 img, .accordion-img-box.img-4 img {
  width: calc(50% - 10px);
  margin: 5px;
}
.service-block-desc {
  padding: 0 15px;
}
.contact-block-desc {
  padding: 15px 20px 20px;
}
.contact-blocks li .contact-block h5 {
  padding: 5px 20px;
  font-size: 15px;
}
.contact-blocks li .contact-block {
  margin-bottom: 20px;
}
.accordion.text-start .accordion-button {
  padding-left: 45px;
}
.y-dot.y-dot-half li {
  width: 100%;
}
.y-dot.y-dot-half li:nth-child(2n+2) {
  margin-left: 0;
}
.newsEvents-desc ul li .date b, .newsEvents-desc ul li .date p {
  font-size: 13px;
}
.send-mail-mb {
  right: 6px;
  bottom: 115px;
}
.mapIcon::after {
  font-size: 6px;
  top: 6px;
}
.TypesofCoating .accordion-img-box img, .TypesofCoating .accordion-img-box.img-3 img {
  padding: 0;
}
table.trackRecords-tbl tr td:first-child {
  min-width: inherit;
}
.trackRecords-tbl td {
  padding-left: 10px;
  padding-right: 10px;
}
ul.assetIntegrity-img-blocks li {
  width: calc(100% - 0px);
  margin-left: 0;
  margin-bottom: 20px;
  border-left: 0px solid #8e8c8c;
  padding-left: 0;
}
ul.assetIntegrity-img-blocks li a {
  margin-left: 0;
}
ul.spur-blocks li {
  width: calc(50% - 20px);
}
.spur-blocks-area {
  padding: 10px;
}
.product-grid li {
  width: 100%;
  margin: 0 0 20px;
}
.back-btn {
  top: 7px;
  width: 35px;
  height: 35px;
}




}


@media (max-width: 520px){
.top-logo img {
  max-width: 70px;
}
.header-form {
  margin-left: 0;
  margin-top: 10px;
}
.home-banner-title {
  display: none;
}
.carousel-desc {
  display: none;
}
#carousel1 h1 {
  font-size: 22px;
  text-align: center;
  width: 100%;
  margin: 0 auto;
  padding: 0 10px;
}
.d-mobile{
  display: block !important;
}
.sustainable-blocks li {
  padding: 20px 15px 45px;
  width: 100%;
}
.sustainable-blocks li h4::after {
  width: 100%;
  right: -15px;
}
.tr-block3 .d-flex {
  flex-direction: column;
}
.tr-block3 .tr-block {
  width: 100%;
}
.tr-block3-4{
    position:relative;
}
/*.tr-block3-4::after {*/
/*	content: "";*/
/*	position: absolute;*/
/*	width: 100%;*/
/*	height: 100%;*/
/*	left: 0;*/
/*	background: rgba(1, 1, 1, 0.43);*/
/*}*/
.tr-block2 {
	min-height: 200px;
}
.ourPhilosophy-blocks {
  flex-wrap: wrap;
}
.ourPhilosophy-blocks li {
  width: 90%;
  margin-left: 7%;
  margin-right: 3%;
}
.globalNetwork-desc ul li {
  width: 25%;
}
.awards-desc ul li {
  width: calc(100% - 20px);
}
.banner-desc h3 {
  font-size: 25px;
}
.send-mail {
  margin-left: 0;
}
.header-form input {
  max-width: 100%;
}
.y-dot li {  
  width: 90%;
}
.sustainability-page {
  padding-bottom: 150px;
}
.globalNetwork-desc .tab-content .tab-pane {
  min-width: 100%;
  overflow: scroll;
}
.globalNetwork-desc > .animatedParent {
  overflow: visible;
}
.tooltip-inner{
  max-width: 150px;
}
.tooltip h6{
  font-size: 11px;
}
.tooltip p, .tooltip h6 small{
  font-size: 8px;
}
#filters li {
	max-width: 100%;
}


.mapIcon.canada::after {
  left: 5px;
}
.mapIcon.usa::after {
  left: 5px;
}
.mapIcon.nether::after {
  right: 4px;
}
.mapIcon.uk::after {
  left: -5px;
}
.mapIcon.germany::after {
  left: 5px;
}
.mapIcon.italy::after {
  right: 4px;
}
.mapIcon.greece::after {
  left: 3px;
}
.mapIcon.iraq::after {
  right: 2px;
}
.mapIcon.qatar::after {
  right: 5px;
}
.mapIcon.dubai::after {
  right: 3px;
}
.mapIcon.nigeria::after {
  right: 4px;
}
.mapIcon.tanzania::after {
  right: 2px;
}
.mapIcon.india::after {
  right: 3px;
}
.mapIcon.china::after {
  right: 4px;
}
.mapIcon.malaysia::after {
  right: 3px;
}
.mapIcon.singapore::after {
  right: 3px;
}
.mapIcon.indonesia::after {
  left: 3px;
}
.mapIcon.australia::after {
  right: 3px;
}


.tr-block3-3 .tr-block-desc {
  min-height: 200px;
  clear: both;
  position: relative;
  background-color: rgba(57, 172, 55, 0.76);
}


}