/* font converted using font-converter.net. thank you! */
@font-face {
  font-family: "FoundrySterling-ExtraBold";
  src: url("../fonts/foundrysterling-extrabold-webfont.eot"); /* IE9 Compat Modes */
  src: url("../fonts/foundrysterling-extrabold-webfont.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/foundrysterling-extrabold-webfont.otf") format("opentype"), /* Open Type Font */
    url("../fonts/foundrysterling-extrabold-webfont.svg") format("svg"), /* Legacy iOS */
    url("../fonts/foundrysterling-extrabold-webfont.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../fonts/foundrysterling-extrabold-webfont.woff") format("woff"), /* Modern Browsers */
    url("../fonts/foundrysterling-extrabold-webfont.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}
/* font converted using font-converter.net. thank you! */
@font-face {
  font-family: "FoundrySterling-Book";
  src: url("../fonts/foundrysterling-book-webfont.eot"); /* IE9 Compat Modes */
  src: url("../fonts/foundrysterling-book-webfont.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/foundrysterling-book-webfont.otf") format("opentype"), /* Open Type Font */
    url("../fonts/foundrysterling-book-webfont.svg") format("svg"), /* Legacy iOS */
    url("../fonts/foundrysterling-book-webfont.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../fonts/foundrysterling-book-webfont.woff") format("woff"), /* Modern Browsers */
    url("../fonts/foundrysterling-book-webfont.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}
/* font converted using font-converter.net. thank you! */
@font-face {
  font-family: "FoundrySterling-Bold";
  src: url("../fonts/foundrysterling-bold-webfont.eot"); /* IE9 Compat Modes */
  src: url("../fonts/foundrysterling-bold-webfont.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/foundrysterling-bold-webfont.otf") format("opentype"), /* Open Type Font */
    url("../fonts/foundrysterling-bold-webfont.svg") format("svg"), /* Legacy iOS */
    url("../fonts/foundrysterling-bold-webfont.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../fonts/foundrysterling-bold-webfont.woff") format("woff"), /* Modern Browsers */
    url("../fonts/foundrysterling-bold-webfont.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

/* font converted using font-converter.net. thank you! */
@font-face {
  font-family: "FoundrySterling-Light";
  src: url("../fonts/FoundrySterlingLight.eot"); /* IE9 Compat Modes */
  src: url("../fonts/FoundrySterlingLight.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/FoundrySterlingLight.otf") format("opentype"), /* Open Type Font */
    url("../fonts/FoundrySterlingLight.svg") format("svg"), /* Legacy iOS */
    url("../fonts/FoundrySterlingLight.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../fonts/FoundrySterlingLight.woff") format("woff"), /* Modern Browsers */
    url("../fonts/FoundrySterlingLight.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

/* font converted using font-converter.net. thank you! */
@font-face {
  font-family: "FoundrySterling-Medium";
  src: url("../fonts/FoundrySterling-Medium.eot"); /* IE9 Compat Modes */
  src: url("../fonts/FoundrySterling-Medium.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/FoundrySterling-Medium.otf") format("opentype"), /* Open Type Font */
    url("../fonts/FoundrySterling-Medium.svg") format("svg"), /* Legacy iOS */
    url("../fonts/FoundrySterling-Medium.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../fonts/FoundrySterling-Medium.woff") format("woff"), /* Modern Browsers */
    url("../fonts/FoundrySterling-Medium.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/svg-fonts/icomoon.eot?6kll4t');
  src:  url('../fonts/svg-fonts/icomoon.eot?6kll4t#iefix') format('embedded-opentype'),
    url('../fonts/svg-fonts/icomoon.ttf?6kll4t') format('truetype'),
    url('../fonts/svg-fonts/icomoon.woff?6kll4t') format('woff'),
    url('../fonts/svg-fonts/icomoon.svg?6kll4t#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'logo-icomoon';
  src:  url('../fonts/logo/logo-icomoon.eot?6kll4t');
  src:  url('../fonts/logo/logo-icomoon.eot?6kll4t#iefix') format('embedded-opentype'),
    url('../fonts/logo/logo-icomoon.ttf?6kll4t') format('truetype'),
    url('../fonts/logo/logo-icomoon.woff?6kll4t') format('woff'),
    url('../fonts/logo/logo-icomoon.svg?6kll4t#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-COIL:before {
  content: "\e900";
}

.icon-120020:before {
  content: "\e900";
}
.icon-347489:before {
  content: "\e901";
}
.icon-569665:before {
  content: "\e902";
}
.icon-901253:before {
  content: "\e903";
}
.icon-981049:before {
  content: "\e904";
}
.icon-1425432:before {
  content: "\e905";
}
.icon-1470278:before {
  content: "\e906";
}
.icon-dfbfv:before {
  content: "\e907";
}
.icon-left-arrow:before {
  content: "\e908";
}
.icon-link:before {
  content: "\e909";
}
.icon-logo:before {
  content: "\e90a";
  color: #fff;
}
.icon-logo-color .path1:before {
  content: "\e90b";
  color: rgb(98, 126, 51);
}
.icon-logo-color .path2:before {
  content: "\e90c";
  margin-left: -1em;
  color: rgb(72, 54, 30);
}
.icon-logo-color .path3:before {
  content: "\e90d";
  margin-left: -1em;
  color: rgb(28, 31, 123);
}
.icon-logo-color .path4:before {
  content: "\e90e";
  margin-left: -1em;
  color: rgb(28, 31, 123);
}
.icon-settings:before {
  content: "\e90f";
}


/*logo svg */

[class^="icon-OAK-LOGO"], [class*="icon-OAK-LOGO"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'logo-icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-OAK-LOGO .path1:before {
  content: "\e900";
  color: #627e33;
}
.icon-OAK-LOGO .path2:before {
  content: "\e901";
  color: #48361e;
  margin-left: -5.5537109375em;
}
.icon-OAK-LOGO .path3:before {
  content: "\e902";
  color: #1c1f7b;
  margin-left: -5.5537109375em;
}
.icon-OAK-LOGO .path4:before {
  content: "\e903";
  color: #1c1f7b;
  margin-left: -5.5537109375em;
}
.icon-OAK-LOGO .path5:before {
  content: "\e904";
  color: #1c1f7b;
  margin-left: -5.5537109375em;
}
.icon-OAK-LOGO .path6:before {
  content: "\e905";
  color: #1c1f7b;
  margin-left: -5.5537109375em;
}
.icon-OAK-LOGO .path7:before {
  content: "\e906";
  color: #1c1f7b;
  margin-left: -5.5537109375em;
}
.icon-OAK-LOGO .path8:before {
  content: "\e907";
  color: #1c1f7b;
  margin-left: -5.5537109375em;
}
.icon-OAK-LOGO .path9:before {
  content: "\e908";
  color: #1c1f7b;
  margin-left: -5.5537109375em;
}
.icon-OAK-LOGO .path10:before {
  content: "\e909";
  color: #1c1f7b;
  margin-left: -5.5537109375em;
}
.icon-OAK-LOGO .path11:before {
  content: "\e90a";
  color: #1c1f7b;
  margin-left: -5.5537109375em;
}
.icon-OAK-LOGO .path12:before {
  content: "\e90b";
  color: #1c1f7b;
  margin-left: -5.5537109375em;
}
.icon-OAK-LOGO .path13:before {
  content: "\e90c";
  color: #1c1f7b;
  margin-left: -5.5537109375em;
}
.icon-OAK-LOGO .path14:before {
  content: "\e90d";
  color: #1c1f7b;
  margin-left: -5.5537109375em;
}
.icon-OAK-LOGO .path15:before {
  content: "\e90e";
  color: #1c1f7b;
  margin-left: -5.5537109375em;
}
.icon-OAK-LOGO .path16:before {
  content: "\e90f";
  color: #1c1f7b;
  margin-left: -5.5537109375em;
}
.icon-OAK-LOGO .path17:before {
  content: "\e910";
  color: #1c1f7b;
  margin-left: -5.5537109375em;
}
.icon-OAK-LOGO .path18:before {
  content: "\e911";
  color: #1c1f7b;
  margin-left: -5.5537109375em;
}
.icon-OAK-LOGO .path19:before {
  content: "\e912";
  color: #1c1f7b;
  margin-left: -5.5537109375em;
}
.icon-OAK-LOGO .path20:before {
  content: "\e913";
  color: #1c1f7b;
  margin-left: -5.5537109375em;
}
.icon-OAK-LOGO .path21:before {
  content: "\e914";
  color: #1c1f7b;
  margin-left: -5.5537109375em;
}
.icon-OAK-LOGO .path22:before {
  content: "\e915";
  color: #1c1f7b;
  margin-left: -5.5537109375em;
}
.icon-OAK-LOGO .path23:before {
  content: "\e916";
  color: #1c1f7b;
  margin-left: -5.5537109375em;
}
.icon-OAK-LOGO .path24:before {
  content: "\e917";
  color: #1c1f7b;
  margin-left: -5.5537109375em;
}
.icon-OAK-LOGO .path25:before {
  content: "\e918";
  color: #1c1f7b;
  margin-left: -5.5537109375em;
}
.icon-OAK-LOGO .path26:before {
  content: "\e919";
  color: #1c1f7b;
  margin-left: -5.5537109375em;
}
.icon-OAK-LOGO .path27:before {
  content: "\e91a";
  color: #1c1f7b;
  margin-left: -5.5537109375em;
}
.icon-OAK-LOGO .path28:before {
  content: "\e91b";
  color: #1c1f7b;
  margin-left: -5.5537109375em;
}
.icon-OAK-LOGO .path29:before {
  content: "\e91c";
  color: #1c1f7b;
  margin-left: -5.5537109375em;
}
.icon-OAK-LOGO .path30:before {
  content: "\e91d";
  color: #1c1f7b;
  margin-left: -5.5537109375em;
}






body{
	overflow-x: hidden;
	background: transparent;
	font-family: "FoundrySterling-Book";
  position: relative;
}

/*common css*/
a{
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	text-decoration: none !important;
}

a:focus{
	text-decoration: none;
}

/*header css*/
header{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 5;
	transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
  background: transparent;
      /*-webkit-transition: all 0.5s ease-in;*/
}
header .icon-logo{
   font-size: 210px;
  position: absolute;
  top: -75px;
  z-index: 1;
}
.top-header .icon-logo-color{
	font-size: 50px;
    position: absolute;
    top: 5px;
    display: none;
    z-index: 1;
}

header .navbar-brand {
    padding: 5px 0;
    display: block;
    height: auto;
}

/*.logo-svg{
	padding-left: 15px;
}*/
/*shrink header css*/
header.shrink{
	background: #fff;
	height: 60px;
  box-shadow: 0px 0px 7px #ccc;
}
.shrink .navbar-default .navbar-toggle .icon-bar {
    background-color: #1c1f7b;
}
.shrink .icon-logo{
	display: none;
}
.shrink .icon-logo-color{
	display: block;
}
.navbar-default {
    background-color: transparent;
    border: 0;
    border-radius: 0;
    margin: 0px;
}

/*mobile animation*/

.navbar-toggle .icon-bar {
	position: relative;
	transition: all 500ms ease-in-out;
	    width: 26px;
}

.navbar-toggle.active .icon-bar.one {
	top: 6px;
	transform: rotate(45deg);
}

.navbar-toggle.active .icon-bar.two {
	background-color: transparent;
}

.navbar-toggle.active .icon-bar.three {
	top: -6px;
	transform: rotate(-45deg);
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: transparent;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
.navbar-default .navbar-toggle {
    border-color: transparent;
    position: relative;
    z-index: 1;
}
/*.mobile-navbar {
    top: -100%;
    position: fixed;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    right: 0;
    left: 0;
    display: table;
    width: 100%;
    height: 100%;
}*/
/*.mobile-navbar.open {
    top: 0;
    width: 100%;
    background: #23810d;
    padding: 0 30px;
    height: 100%;
    position: fixed;
    z-index: 0;
    right: 0;
    box-shadow: 1px 1px 1px #ccc;
    width: 100%;
    left: 0;
}*/

.navbar-toggle{
	/*display: block;*/
}

.navbar-default .navbar-toggle {
    border-color: transparent;
    position: absolute;
    right: 0;
}
/*.navbar-nav>li {
    float: left;
    text-align: center;
    width: 25%;
}*/

/*.navbar-nav {
    float: none;
    margin: 0;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}*/
.navbar-default .navbar-nav>a .active, 
.navbar-default .navbar-nav>a .active:focus,
 .navbar-default .navbar-nav>a .active:hover {
    color: #23810d;
    background-color: transparent;
}

.navbar-default .navbar-nav>li>a:focus, 
.navbar-default .navbar-nav>li>a:hover {
    color: #23810d !important;
    background-color: transparent;
}
.navbar-default .navbar-nav>li>a {
    color: #ffffff;
    font-size: 18px;
    font-family: "FoundrySterling-Book";
    padding: 20px 15px;
}

.shrink .navbar-default .navbar-nav>li>a {
    color: #1c1f7b;
    font-size: 18px;
    font-family: "FoundrySterling-Book";
    padding: 20px 15px;
  }

.navbar-default .navbar-nav li a.active{
    color: #23810d;
    background-color: transparent;
}
/*.mobile-navbar.open .navbar-nav{
	
}*/
/*.navbar-toggle {
    padding: 23px 10px;
    margin-top: 0;
    margin-bottom: 0;
    border-radius: 0;
}*/
/*paralaxing css*/
.parallax-container {
  position: relative;
  overflow: hidden;
}

.parallax-parent {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
 .pharma-lead-section .parallax{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  }  

.parallax-content {
  position: absolute;
  left: 50%;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

}
.parallax-container .parallax {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}
.parallax-container .parallax img{
  display: none;
  position: absolute;
  left: 50%;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.caption1 {
  /*background: #f5f5f5a8;*/
}

.carousel-control .left-arrow {
      margin-left: -10px;
      left: 50%;
      position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
}

.carousel-control .right-arrow {
      margin-right: -10px;
      right: 50%;
      position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
}

.carousel-caption h3{
  font-size: 40px;
  font-family: "FoundrySterling-Bold";
  color: rgb(255, 255, 255);
  line-height: 1.159;
  text-align: center;
  padding-top: 14%;
}

.carousel-caption .carousel-btn {
      font-size: 13px;
    font-family: "FoundrySterling-ExtraBold";
    color: #fff;
    text-transform: uppercase;
    border: 2px solid #fff;
    border-radius: 50px;
    background: transparent;
    padding: 9px 17px;
    text-align: center;
    margin-bottom: 20px;
}

.carousel-caption .btn:before {
    background: rgb(35, 129, 13);
}

.carousel-caption .btn:hover, .carousel-caption .btn:focus {
    color: #fff;
}


.col-lg-2e{
	width: 20%;
	float: left;
	margin-top: 60px;
	cursor: pointer;
	transition: all 0.3s linear;
}
.col-lg-2e span{
	font-size: 77px;
	transition: all 0.3s linear;	
}
.carousel-caption {
    right: 10%;
    left: 10%;
    padding-bottom: 30px;
    top: 10%;
    bottom: 0;
    text-shadow: none;
}
.col-lg-2e p{
	font-size: 29.49px;
  	color: rgb(255, 255, 255);
  	line-height: 0.77;
  	text-align: center;
  	margin-top: 30px;
}
.col-lg-2e .overlay-div{
	margin-top: 25px;
    float: left;
   opacity: 0;
   transition: all 0.3s linear;
}
.overlay-div .btn{
	font-size: 13px;
  	color: rgb(255, 255, 255);
  	text-transform: uppercase;
  	font-family: "FoundrySterling-ExtraBold";
  	background-color: rgb(35, 129, 13);
  	border-radius: 50px;
  	border: 0;
  	box-shadow: none;
  	padding: 11px 32px 9px;
}
.overlay-div p{
	font-size: 20px;
  	font-family: "FoundrySterling-Light";
  	color: rgb(255, 255, 255);
  	line-height: 1.162;
  	text-align: center;
  	margin-top: 15px;
}
.col-lg-2e:hover .overlay-div{
	opacity: 1;
}
.col-lg-2e:hover span{
	/*color: #23810d;
    transition: all 0.3s linear;*/
}
.btn{
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    overflow: hidden;
    background: #2098D1;
    vertical-align: middle;
  -webkit-transform: translateZ(0);
   transform: translateZ(0);
  -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   -moz-osx-font-smoothing: grayscale;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.btn:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;  
   /* border-radius: 100%;*/
   -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.btn:hover:before, .btn:focus:before, .btn:active:before {
     -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
.overlay-div .btn:before{
	background: #1c1f7b;
}
.more-forum-section{
  text-align: center;
  background: #23810d;
  float: left;
  width: 100%;
  padding-top: 75px;
  padding-bottom: 215px;
}
.more-forum-section h2{
  font-size: 70px;
  font-family: "FoundrySterling-ExtraBold";
  color: rgb(255, 255, 255);
  margin-bottom: 0;
}
.more-forum-section h3{
  font-size: 39px;
  font-family: "FoundrySterling-Bold";
  color: rgb(255, 255, 255);
  margin-top: 0;
}
.more-forum-section h3 span{
  color: rgba(255, 255, 255, 0.49);
  font-family: "FoundrySterling-Light";
}
.img-center{
  margin: 0 auto;
  display: block;
  clear: both;
}
.forum-overlay-section{
  background: #f3f3f5;
  float: left;
  width: 100%;
  padding-bottom: 50px;
}

.forum-overlay-section .col-lg-3 {
  padding: 0;
}

.forum-overlay-section figure figcaption{
  font-size: 37px;
  font-family: "FoundrySterling-Light";
  color: rgb(255, 255, 255);
  position: absolute;
  bottom: 0;
  padding: 20px 20px 15px 40px;
}
.image-zooming:hover img {
  -webkit-transform: scale(1.02);
  -moz-transform: scale(1.02);
  -o-transform: scale(1.02);
  transform: scale(1.02);
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.image-zooming img {
  width: 100%;
  height: auto;
  display: block;
  position: relative;
  -ms-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
}
.image-zooming{
  position: relative;
  overflow: hidden;
}
.forum-overlay-section .container{
  margin-top: -170px;
}
.liveoak-about-lhs, .liveoak-about-rhs{
  margin-top: 65px;
  margin-bottom: 65px;
}
.liveoak-about-rhs h3{
  font-size: 29px;
  font-family: "FoundrySterling-Bold";
  color: #000;
  margin-top: 20;
  margin-bottom: 20px;
}
.liveoak-about-rhs p{
  font-size: 20px;
    color: rgb(4, 0, 0);
    line-height: 1.513;
    margin-bottom: 20px;
}
.liveoak-about-rhs .btn{
  font-size: 13px;
  font-family: "FoundrySterling-ExtraBold";
  color: rgb(35, 129, 13);
  text-transform: uppercase;
  border: 1px solid rgb(35, 129, 13);
  border-radius: 50px;
  background: #fff;
  padding: 9px 17px;
  text-align: center;
  margin-bottom: 20px;
}
.liveoak-about-rhs .btn:before{
  background: rgb(35, 129, 13);
  
}
.liveoak-about-rhs .btn:hover, .liveoak-about-rhs .btn:focus{
  color: #fff;
}
.empower-section{
  background: url("../images/mask.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%;
}
.empower-section h2{
  font-size: 63px;
  font-family: "FoundrySterling-Light";
  color: rgb(30, 32, 92);
  padding-bottom: 103px;
  margin-top: 41px;
  
}
.empower-section p{
  font-size: 20px;
  font-family: "FoundrySterling-Light";
  color: rgb(218, 218, 224);
  line-height: 1.486;
  margin-bottom: 30px;
  padding-right: 45px;
}


.service-overlay figure figcaption h2{
  font-size: 28px;
  color: rgb(30, 32, 92);
  text-align: center;
}
.service-overlay figure figcaption p{
  font-size: 16px;
  color: rgb(124, 121, 121);
  line-height: 1.243;
  text-align: center;
  margin-bottom: 20px;
}
.service-overlay figure figcaption{
  position: relative;
  background: #fff;
  padding: 45px 15px;
  transition: all 0.3s linear;
}
.service-overlay a{
  text-decoration: none;
}
.service-overlay figcaption:after {
    content: " ";
    border-right: 20px solid transparent;
    border-left: 20px solid transparent;
    border-bottom: 20px solid #fff;
    position: absolute;
    left: 45%;
    top: -20px;
    /* right: 0; */
    margin: 0 auto;
    text-align: center;
    transition: all 0.3s linear;
}

.service-overlay figure:hover figcaption:after  {
  border-bottom: 20px solid #1e205c;
}

.service-overlay figure:hover figcaption.mid-fig:after {
  border-top: 20px solid #1e205c;
}

.service-overlay figcaption.mid-fig:after {
  bottom: -18px;
  top: auto;
  z-index: 1;
  border-bottom: 0 !important;
  border-top: 20px solid #ffffff;
  border-bottom: 0;
   transition: all 0.3s linear;
}


.mid-fig{
  transition: all 0.3s linear;
}
.service-forum{
  padding-bottom: 260px;
}
.service-overlay figure:hover figcaption{
  background: #1e205c;
}
.service-overlay figure:hover figcaption h2{
  color: #fff;
}
.service-overlay figure:hover figcaption p{
  color: #fff;
} 



/*footer css*/
.top-footer h4{
  font-family: "FoundrySterling-Medium";
  font-size: 15px;
  color: rgb(255, 255, 255);
  text-transform: uppercase;
}
.top-footer h5{
  font-size: 16px;
  color: rgb(255, 255, 255);
}
.top-footer h5 i{
      padding-right: 5px;
}
.top-footer ul li{
  padding-bottom: 3px;
}
.top-footer ul li a{
  font-size: 16px;
  color: rgb(166, 169, 169);
}
.top-footer p{
  font-size: 16px;
  color: rgb(166, 169, 169);
  line-height: 1.358;
}
.top-footer p a{
  color: rgb(166, 169, 169);
  padding-bottom: 30px;
  float: left;
  width: 100%;
}
.top-footer .social-link li{
  float: left;
  padding-right: 15px;
}
.top-footer{
  background: #4e5859;
  float: left;
  width: 100%;
  padding-top: 30px;
  padding-bottom: 20px;
}
.footer-img .icon-logo{
  font-size: 210px;
  position: absolute;
  top: -75px;
}
/*.footer-img .icon-logo-color .path1:before {
    color: rgb(255, 255, 255);
}
.footer-img .icon-logo-color .path2:before {
    color: rgb(255, 255, 255);
}*/
.footer-img .icon-logo-color .path3:before {
    color: rgb(255, 255, 255);
}
.footer-img .icon-logo-color .path4:before {
    color: rgb(255, 255, 255);
}
.footer-img {
  position: relative;
}

.footer-img img {
  max-width: 100%;
} 

.top-footer .footer-address{
  margin-top: 30px;
}
.top-footer h5 i.fa-envelope{
  font-size: 14px;
}
.top-footer .social-link li i{
  font-size: 18px;
  color: #fff;
}
.border-lh-rh{
  border-left: 1px solid #5c6566;
  border-right: 1px solid #5c6566;
}

.top-footer ul li:hover a{
  color: #fff;
}
.top-footer p:hover a{
  color: #fff;
}
.top-footer .social-link li:first-child:hover i{
  color: #4e71bc;
}
.top-footer .social-link li:last-child:hover i{
  color: #0576b5;
}
.down-footer{
  padding-top: 12px;
  padding-bottom: 12px;
}
.down-footer ul li{
  text-align: center;
  font-size: 15px;
  color: rgb(166, 169, 169);
  padding: 0 10px;
}
.down-footer ul{
  margin-bottom: 0;
}
.down-footer ul li a{
  color: rgb(166, 169, 169);
}
.down-footer ul li span{
  color: rgb(255, 255, 255);
}
.down-footer ul li span a{
  color: rgb(255, 255, 255);
}
.down-footer{
  background: #434c4d;
  float: left;
  width: 100%;
}
/*.down-footer ul li:first-child{
  border-right: 1px solid #a6a9a9;
}*/
.down-footer ul li a:hover{
  color: #34b817; 
}
.down-footer ul li span a:hover{
  color: #34b817; 
}


/*about page css*/
.breadcrumb {
    padding: 0;
    margin-bottom: 0;
    list-style: none;
    background-color: transparent;
    border-radius: 0;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    /* margin: 0 auto; */
    text-align: center;
    transform: translate(0, -50%);
}
.breadcrumb h2{
  font-size: 70px;
  font-family: "FoundrySterling-ExtraBold";
  color: rgb(255, 255, 255);
  margin: 0;
}
.breadcrumb h2:after{
  /*content: "";
  position: absolute;
  border-bottom: 6px solid #23810d;
  height: 6px;
  width: 45px;
  left: 50%;
  right: 0;
  top: 0;
  margin-top: 85px;*/
  display: none;
}

.tab-links{
  background-color: rgba(35, 129, 13, 0.871);
  margin-top: -65px;
  float: left;
  width: 100%;
  z-index: 1;
  position: relative;
}
.about-nav li{
  float: left;
  width: 25%;
  padding: 20px 15px;
  margin: 0 auto;
    height:70px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.about-nav li .tab-icon{
  font-size: 50px;
  color: rgb(255,255,255);
}
.about-nav {
  float: left;
  width: 100%;
  margin-bottom: 0;
  border:0px;
}
.about-nav li:hover{
   background-color: rgba(30, 32, 92, 0.169);
}
.about-nav li a{
  font-size: 18px;
  color: rgb(255, 255, 255);
  border:0px;
  /*position: absolute;*/
  /*top: 22px;*/
}
/*.about-nav ul li span{
  font-size: 50px;
}*/
/*.about-nav li:nth-of-type(1):before{
  content: "\e907";
  position: absolute;
  font-family: 'icomoon' !important; 
  font-size: 50px;
  color: rgb(255, 255, 255);
  margin-left: -60px;
  margin-top: -22px;
}
.about-nav li:nth-of-type(2):before{
  content: "\e903";
  position: absolute;
  font-family: 'icomoon' !important; 
  font-size: 50px;
  color: rgb(255, 255, 255);
  margin-left: -55px;
  margin-top: -22px;
}*/

/*.about-nav li:nth-of-type(3):before{
  content: "\e900";
  position: absolute;
  font-family: 'icomoon' !important; 
  font-size: 50px;
  color: rgb(255, 255, 255);
  margin-left: -70px;
  margin-top: -22px;
}*/

.about-nav li a img {
    filter: brightness(100);
    position: relative;
    top: -3px;
    left: -15px;
}

/*.about-nav li:nth-of-type(4):before{
  content: "\e900";
  position: absolute;
  font-family: 'icomoon' !important; 
  font-size: 50px;
  color: rgb(255, 255, 255);
  margin-left: -55px;
  margin-top: -22px;
}*/
/*.about-nav li:nth-of-type(5):before{
  content: "\e904";
  position: absolute;
  font-family: 'icomoon' !important; 
  font-size: 50px;
  color: rgb(255, 255, 255);
  margin-left: -55px;
  margin-top: -22px;
}*/
.who-we-are-section{
  padding-top: 70px;
  padding-bottom: 30px;
  padding-left: 100px;
  padding-right: 100px;
}

.we-are-specialised,
.leader-section {
  padding: 0px 100px;
}

.who-we-are-section span{
  font-size: 150px;
  color: #1c1f7b;
}
.who-we-are-section h2 {
  font-size: 48px;
  font-family: "FoundrySterling-Bold";
  color: rgb(35, 129, 13);
}

.highlights h2 {
  font-size: 48px;
  font-family: "FoundrySterling-Bold";
  color: rgb(35, 129, 13);
  margin: 20px 0 20px 80px;
}

.who-we-are-section h3{
  font-size: 48px;
  font-family: "FoundrySterling-Light";
  color: rgb(30, 32, 92);
  margin-top: 0;
}

.we-are-specialised h2 {
  font-size: 48px;
    font-family: "FoundrySterling-Bold";
    color: rgb(35, 129, 13);
}

.we-are-specialised h4 {
  font-size: 35px;
    font-family: "FoundrySterling-Bold";
    color: rgb(35, 129, 13);
}

.we-are-specialised p{
  font-size: 20px;
  color: rgb(137, 145, 154);
  line-height: 1.286;
  margin-bottom: 15px;
}

.we-are-specialised ul{
  margin-bottom: 40px;
} 

.we-are-specialised ul li {
  font-size: 20px;
  color: rgb(137, 145, 154);
  line-height: 1.286;
  margin: 0px;
} 

.who-we-are-section p{
  font-size: 20px;
  color: rgb(137, 145, 154);
  line-height: 1.286;
  margin-bottom: 15px;
}
#about-carousel .item h3{
  font-size: 48px;
  font-family: "FoundrySterling-Medium";
  color: rgb(255, 255, 255);
  padding: 0 0 10px;
  margin:0;
}
#about-carousel .item p{
  font-size: 30px;
  font-family: "FoundrySterling-Light";
  color: rgb(255, 255, 255);
  line-height: 1.225;
  margin-bottom: 0;
}
.green-box-caption{
  background-color: rgb(35, 129, 13);
  padding: 30px 20px;
}
#about-carousel .carousel-caption {
    right: 0;
    left: 0;
    padding-bottom: 0px;
    top: auto;
    bottom: 0;
    text-shadow: none;
    width: 20%;
    padding-top: 0;
    text-align: left;
}
#about-carousel .carousel-indicators {
    bottom: -20px;
    z-index: 0;
}
#about-carousel{
  padding-bottom: 30px;
  margin-bottom: 70px;
  /*margin-left: 50px;*/
}
#about-carousel .carousel-indicators li {
    border: 1px solid #23810d;
}
#about-carousel .carousel-indicators .active {
    background-color: #23810d;
}
.history-section{
  background: url("../images/history.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding-top: 50px;
  padding-bottom: 50px;
  margin-bottom: 50px;
}
.history-section h2{
  font-size: 48px;
  font-family: "FoundrySterling-Bold";
  color: rgb(255, 255, 255);
  margin-top: 0;
  margin-bottom: 40px;
}

.history-section h3{
  font-size: 25px;
  font-family: "FoundrySterling-Bold";
  color: rgb(255, 255, 255);
  margin-top: 0;
  margin-bottom: 40px;
  text-align: center;
}

.history-section h1.history-years {
    text-align: center;
    font-size: 60px;
    font-family: "FoundrySterling-Medium";
    color: rgb(255, 255, 255);
        margin: 0px;
}

.history-section p.history-name{
    font-size: 25px;
    font-family: "FoundrySterling-Medium";
    color: rgb(255, 255, 255);
    line-height: 1.596;
    text-align: center;
}

.history-section .owl-full .item p{
  font-size: 18px;
  font-family: "FoundrySterling-Medium";
  color: rgb(255, 255, 255);
  line-height: 1.596;
}

/*.history-section .owl-full .item ul li::before{
  color: #fff;
  content: "";
}
*/
/* ul {
    list-style: none;
   
}

li { 
    padding-left: 1em; 
    text-indent: -.7em;
}

li:before {
    content: "• ";
    color: red; 
}
*/
.history-section .owl-full .item ul li p{
    font-size: 18px;
    font-family: "FoundrySterling-Medium";
    color: rgb(255, 255, 255);
    margin: 0px;
}


.milestone-timeline-carousel .owl-nav .owl-prev{
  background: transparent;
  box-shadow: none;
  top: 20px;
  left: 0;
  font-size: inherit;
  width: auto;
  height: auto;
  border-radius: 0;
}
.milestone-timeline-carousel .owl-nav .owl-next{
  background: transparent;
  box-shadow: none;
  top: 20px;
  right: 0;
  font-size: inherit;
  width: auto;
  height: auto;
  border-radius: 0;
}
.owl-nav .owl-next {
    position: absolute;
    /*top: 40%;
    right: -7px;
    font-size: 31px;
    color: #fff;
    opacity: 1;
    background: #281470;
    background-color: rgb(40, 20, 112);
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
    width: 37px;
    height: 37px;
    border-radius: 50px;*/
}
.owl-nav .owl-prev {
    position: absolute;
    /*top: 40%;
    left: -15px;
    font-size: 31px;
    color: #fff;
    opacity: 1;
    background-color: rgb(40, 20, 112);
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
    width: 37px;
    height: 37px;
    border-radius: 50px;*/
}
.history-section .owl-full{
  margin-bottom: 60px;
      z-index: 0;
}

.history-section .owl-carousel{
 
      z-index: 0;
}


.history-section .owl-full img{
  width: auto;
}
.history-section .owl-thumb .item-span{
  font-size: 20px;
  font-family: "FoundrySterling-Light";
  color: rgba(255, 255, 255, 0.722);
  cursor: pointer;
}
.history-section .owl-thumb .dash-line:after{
  position: absolute;
  content: "";
  border-right: 2px solid rgba(216, 218, 221,0.49);
  width: 52px;
  height: 2px;
  right: 0;
  background: rgba(216, 218, 221,0.49);
  left: 0;
  top: 0;
  margin-top: 12px;
  margin-left: 65px;
}
.history-section .owl-item.synced .item-span{
  color: #fff;
  font-weight: 700;
}

.history-section .owl-carousel .owl-stage-outer .owl-stage {

  display: block;
  margin-left: auto;
  margin-right: auto;

}

.history-section .owl-thumb .owl-item.active:last-child .item-span{
  border: 0;
  width: 0;
}
.history-section .owl-full-content{
  padding-right: 35px;
}

.leader-section .row {
  margin: 0px;
  /*margin-right: -15px;*/
  /*margin-left: -15px;*/
}

.leader-section .mrg-top{
  margin-top: 20px;
}

.leader-section h2{
  font-size: 48px;
  font-family: "FoundrySterling-Bold";
  color: rgb(35, 129, 13);
  /*text-align: center;*/
  /*margin-bottom: 0;*/
}
.leader-section p{
  font-size: 22px;
  font-family: "FoundrySterling-Book";
  color: rgb(137, 145, 154);
  /*text-align: center;*/
  margin-bottom:15px;
  /*padding: 10px 0px;*/
}

.leader-section ul{
  margin-bottom: 30px;
}

.leader-section ul li{
  font-size: 22px;
  font-family: "FoundrySterling-Book";
  color: rgb(137, 145, 154);
}


.leader-section{
  margin-bottom: 70px;
}
/*services page css start*/
.breadcrumb-service h2:after{
  display: none;
}
.breadcrumb-service h3{
  font-size: 26px;
  font-family: "FoundrySterling-ExtraBold";
  color: rgb(255, 255, 255);
}
.breadcrumb-service h2{

}
.technical-container{
  margin-top: 50px;
  margin-bottom: 70px;
}
.technical-container h2{
  font-size: 45px;
  font-family: "FoundrySterling-Light";
  color: rgb(30, 32, 92);
  margin-bottom: 45px;
}

.linear-bg-section h5,
.linear-bg-section-2 h5 {
       font-size: 25px;
    font-family: "FoundrySterling-Light";
    color: rgb(30, 32, 92);
     margin-left: 20px; 
    font-weight: 600;
}

.linear-bg-section p,
.linear-bg-section-2 p {
    font-size: 18px;
    font-family: "FoundrySterling-Medium";
    color: rgb(137, 145, 154);
    margin-left: 20px; 
}


.technical-container p{
  font-size: 20px;
  font-family: "FoundrySterling-Book";
  color: rgb(137, 145, 154);
  line-height: 1.286;
  margin-bottom: 15px;
}
.service-img-div{
  background: #23810d;
  border-radius: 50%;
  padding: 30px;
  float: left;
  margin-right: 30px;
}
.service-img-div img{
  width: 85px;
  height: 85px;
}
.linear-bg-section{
  background: linear-gradient(90deg, #23810d 50%, #f8f9fc 50%);
  padding: 60px 15px;
}

.linear-bg-section-2 {
    background: linear-gradient(90deg, #f8f9fc 50%, #23810d 50%);
    padding: 60px 15px;
}

.linear-bg-section-2 .lhs-linear-2:after {
    content: "";
    position: absolute;
    border-right: 20px solid transparent;
    border-left: 20px solid transparent;
        border-top: 20px solid #f8f9fc;
    left: -10px;
    top: 70%;
    transform: rotate(-90deg);
    margin-right: -9px;
}


.linear-bg-section h3,
.linear-bg-section-2 h3{
  font-size: 48px;
  font-family: "FoundrySterling-Light";
  color: rgb(255, 255, 255);
  line-height: 2.319;
  text-align: center;
}
.linear-bg-section ul li,
.linear-bg-section-2 ul li{
    font-size: 18px;
    font-family: "FoundrySterling-Medium";
    color: rgb(137, 145, 154);
    padding-bottom: 5px;
}

.linear-bg-section ul,
.linear-bg-section-2 ul{
  /*list-style-image: url("../images/tick.png");*/
  padding-left: 50px;
}

.lhs-linear:after{
 content: "";
  position: absolute;
  border-right: 20px solid transparent;
  border-left: 20px solid transparent;
  border-top: 20px solid #ffffff;
  right: 0;
  top: 50%;
  transform: rotate(90deg);
  margin-right: -10px;
}

.sticky .services-nav{
  position: relative;
    left: 19.5%;
}

.nav>li>a:focus, .nav>li>a:hover {
  background-color: transparent;
  background-color: transparent;
  border-color: transparent;
  outline: 0px;
  outline-offset: 0px;
}

/*.nav li:hover a  {
    color: #fff;
}*/

.nav li:hover a img {
    filter: brightness(100);
}

.nav li.active a img {
    filter: brightness(100);
}

.services-content p {
    font-size: 20px;
    color: rgb(137, 145, 154);
    line-height: 1.286;
    margin-bottom: 15px;
    margin-left: 15px;
}

.services-content .project-supports-solutions,
.services-content .project-engineering,
.services-content .installation-and-commissioning {
  padding-top: 30px;
}


.services-content ul {
  list-style-image: url("../images/tick.png");
  padding-left: 40px;
}

.services-content h3{
  font-size: 30px;
  font-family: "FoundrySterling-Book";
  color: rgb(35, 129, 13);
  margin-left: 15px;
  font-weight: 600;
  margin-bottom: 20px;
}

.services-content h4{
  font-size: 25px;
  font-family: "FoundrySterling-Book";
  color: rgb(35, 129, 13);
  margin-left: 15px;  
  font-weight: 600;
  margin-bottom: 20px;
}

.services-content ul li{
    font-size: 20px;
    color: rgb(137, 145, 154);
    line-height: 1.286;
    margin-bottom: 15px;
}



.service-bottom-section figcaption{
  position: absolute;
  bottom: 50px;
  left: 13%;
}
.service-bottom-section .owl-carousel .owl-item{
  width: 100%;
}

.service-bottom-section figcaption h2{
  font-size: 40px;
  font-family: "FoundrySterling-Medium";
  color: rgb(255, 255, 255);
      margin-top: 10px;
    margin-bottom: 20px;
}
.service-bottom-section figcaption .btn{
  font-size: 14px;
  font-family: "FoundrySterling-ExtraBold";
  color: rgb(255, 255, 255);
  border: 2px solid #fff;
  text-transform: uppercase;
  border-radius: 50px;
    /* width: 106px; */
    padding: 6px 22px 5px;
    background: transparent;
}
.service-bottom-section .owl-item figcaption img{
  width: auto !important;
}
.service-bottom-section figcaption .btn:before{
  background: #fff;
}
.service-bottom-section figcaption .btn:hover, .service-bottom-section figcaption .btn:focus{
  color: #32891d;
}
.service-bottom-section .owl-nav .owl-prev{
  background: transparent;
  box-shadow: none;
  top: 50%;
  left: 2%;
  font-size: inherit;
  width: auto;
  height: auto;
  border-radius: 0;
}
.service-bottom-section .owl-nav .owl-next{
  background: transparent;
  box-shadow: none;
  top: 50%;
  right: 2%;
  font-size: inherit;
  width: auto;
  height: auto;
  border-radius: 0;
}
.Portfolio-tab ul.nav-pills{
  float: right;
  position: relative;
  right: 50%;
}
.Portfolio-tab ul.nav-pills li{
  float: left;
  position: relative;
  left: 50%;
  cursor: pointer;
}
.Portfolio-tab ul.nav-pills li a{
  font-size: 29.37px;
  font-family: "FoundrySterling-Book";
  color: rgb(30, 32, 92);
}
.Portfolio-tab{
    float: left;
    width: 100%;
    margin-bottom: 50px;
}
.Portfolio-tab .tab-content{
  /*padding-top: 50px;*/
}

.tab-content-bg{
  float: left;
  width: 100%;
  background: #f4f6f8;
  padding: 25px 0px;
}
/*.Portfolio-tab .nav>li>a {
    position: relative;
    display: block;
    padding: 20px 75px;
}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    color: #fff !important;
    background-color: #23810d;
}
.Portfolio-tab .nav-pills li a:hover, .Portfolio-tab .nav-pills li a:focus{
  background: #23810d;
  color: #fff;
}
.Portfolio-tab .nav-pills li a:hover:before, .Portfolio-tab .nav-pills li a:focus:before{
  filter: brightness(100);
}
.Portfolio-tab .nav-pills>li.active>a:after {
    content: "";
    position: absolute;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-top: 10px solid #23810d;
    right: auto;
    bottom: -10px;
    left: 50%;
}
.nav-pills>li>a {
    border-radius: 0px;
}
.Portfolio-tab .tab-content h3{
  font-size: 40px;
  font-family: "FoundrySterling-Light";
  color: rgb(30, 32, 92);
  display: inline;
  font-weight: 600;
}*/
/*.Portfolio-tab ul li a:before{
  content: "";
  position: absolute;
  left: 0;
}
.Portfolio-tab ul li:nth-of-type(1) a:before{
  background: url("../images/power.png");
  width: 26px;
  height: 42px;
}
.Portfolio-tab ul li:nth-of-type(2) a:before{
  background: url("../images/metal.png");
  width: 36px;
  height: 36px;
}
.Portfolio-tab ul li:nth-of-type(3) a:before{
  background: url("../images/water.png");
  width: 35px;
  height: 35px;
}
.Portfolio-tab ul li:nth-of-type(4) a:before{
  background: url("../images/transport.png");
  width: 25px;
  height: 30px;
}*/



.morphButton_box{ display:inline-block; position:relative; margin-top:20px;}
button.candiacButton, 
button.castroprauxelButton1, 
button.castroprauxelButton2, 
button.castroprauxelButton3, 
button.castroprauxelButton4, 
button.castroprauxelButton5, 
button.castroprauxelButton6,
button.cherepovetsButton,
button.duisburgButton1, 
button.duisburgButton2, 
button.duisburgButton3,
button.duisburgButton4, 
button.hamiltonButton,
button.hanauButton1,
button.hanauButton2, 
button.kedzierzynkozleButton,
button.uithoornButton,
button.shanghaiButton,
button.zelzateButton1,
button.zelzateButton2{position:relative;top:20%;width:130px;height:32px;border:none;cursor:pointer;z-index:10}

div.candiacContainer, 
div.castroprauxelContainer1,
div.castroprauxelContainer2,
div.castroprauxelContainer3,
div.castroprauxelContainer4,
div.castroprauxelContainer5,
div.castroprauxelContainer6, 
div.cherepovetsContainer, 
div.duisburgContainer1, 
div.duisburgContainer2,
div.duisburgContainer3,
div.duisburgContainer4,   
div.hamiltonContainer, 
div.hanauContainer1, 
div.hanauContainer2, 
div.kedzierzynkozleContainer, 
div.uithoornContainer, 
div.shanghaiContainer, 
div.zelzateContainer1,
div.zelzateContainer2{position:absolute;width:60%;background-color:#fff;z-index:9; display:block; top:10%; left:35%; right:35%; max-width:640px; overflow:visible; max-height:640px; margin:0 auto;}


div.morphContainer.active{z-index:1000; position:fixed; }
div.morphContainer section{ display:none; padding:50px; height:100%; overflow:auto; display:none;}
div.morphContainer section img{ margin:0 auto 20px; display:block;}
div.morphContainer section h3{ margin:0 auto 20px; text-align:center;}

/*div.morphContainer span{display:none;z-index:10;color:#000;cursor:pointer;right:30px;top:30px;position:fixed;transition:color .1s;-webkit-transition:color .1s; right:20px; line-height: 33px; height:35px; width:35px;background: #d0202e url(images/close_w.png) no-repeat center center; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%;}*/
div.morphContainer span:hover{color:red;}
div.morphContainer-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#efefef; z-index:999; right:0; bottom:0;}


.morphButton_box .readmore-sm .readmore_txt{ color:#fff;}
.morphButton_box i{ color:#fff; font-size:18px; text-align:center; width:32px; height:32px; line-height:32px;}


.global_presence_map{ position:relative;}

.map, .global_presence_map {margin:0px auto; position: relative;}
.map-markers { list-style: none; margin: 0; padding: 0;}
.map-marker { position: absolute; background-image:none; padding:0;}
.map_with_content{ text-align:center; margin-top:30px; margin-bottom:30px;}
/*.map-marker:after {animation-duration: 5s;animation-iteration-count: infinite;animation-name: pop;border: 1px solid #ce606f; content: ''; height: 2em; left: 0; margin: -.5em 0 0 -.5em;  opacity: 0; position: absolute; top: 0; width: 2em;}*/
.map-marker:hover .map-marker-info {  display: block;}
.map-marker a {  
    background-color: #008400;
    height: 20px;
    display: block;
    text-indent: -9999px;
    width: 20px;
    position: relative;
    cursor: pointer;
    border: 5px solid #95ca98;
    border-radius: 50px;
  }


.map-marker-info {
   display: none; 
   left: 50%;
    position: absolute;
    bottom: 0;
    transform: translate(-50%, -20px);
    width: 150px;
    z-index: 0;
    background: rgb(35, 129, 13);
    border-radius: 5px; }
.map_fotter{position:absolute; padding:11px; left:0px; bottom:-22px; background:transparent; width:100%; z-index:-1; display:none;}
.map-marker-info .map-header{
    font-size: 20px;
    line-height: inherit;
    margin-bottom: 0;
    margin-top: 0;
  }
.map-marker-info .map-header h2{
        font-size: 17px;
    line-height: inherit;
    margin-bottom: 0;
    margin-top: 14px;
    color: #fff;
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    /* font-size: 14px; */
  }
.map-marker-info .map-header::after {display: none; border-bottom: 1px solid red;bottom: -10px; content: "";height: 0;  left: 50%; margin-left: -20px; position: absolute; width: 50px;}
.map-marker-info .map-main{ padding:7px 15px; margin-bottom:0px;color:#fff; font-size:14px; line-height:18px;}


.map-marker-info-inner {}
.map-marker-info-inner:after {   
   border-left: .75em solid transparent;
    border-right: .75em solid transparent;
    border-top: 1em solid rgb(35, 129, 13);
    content: '';
    height: 0;
    left: 50%;
    position: absolute;
    top: 100%;
    transform: translateX(-50%);
    width: 0;
  }

.animate { animation-duration: 1s; animation-fill-mode: both;}
@keyframes bounce-in { 0%, 20%, 40%, 60%, 80%, 100% { transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {opacity: 0; transform: scale3d(0.3, 0.3, 0.3);}
  20% {transform: scale3d(1.1, 1.1, 1.1);}
  40% {transform: scale3d(0.9, 0.9, 0.9);}
  60% { opacity: 1;transform: scale3d(1.03, 1.03, 1.03);}
  80% {transform: scale3d(0.97, 0.97, 0.97);}
  100% {opacity: 1;transform: scale3d(1, 1, 1);}
}
.animate-bounce-in { animation-duration: .75s;animation-name: bounce-in;}

@keyframes pop {
  0% {transform: scale(0);}
  8% {opacity: .4;}
  10% {opacity: 0; transform: scale(1);}
}
.animate-pop {animation-duration: 1s;animation-name: pop;}
.st0{fill:#C9C9C9;}


/**MAP CITY**/
.map-marker-add1{left: 20%;
    top: 25%;}
.map-marker-add2{left: 45%;
    top: 12%;}

.map-marker-add3 {    left: 80%;
    top: 18%;}
.map-marker-add4 {left: 20%;
    top: 70%;}
.map-marker-add5 {left: 40%;
    top: 51%;}

.map-marker-add6 {    left: 52%;
    top: 66%;}
.map-marker-add7 {left: 67%;
    top: 45%;}

.map-marker-add8{left: 82%;
    top: 69%;}
.map-marker-hamilton{left: 23.5%;  top: 37%;}

.map-marker-rauxel{left: 46%; top: 38%; display:none;}
.map-marker-rauxel2{left: 45%; top: 38%; display:none;}
.map-marker-rauxel3{left: 47%; top: 38%;display:none;}
.map-marker-rauxel4{left: 44%; top: 38%;display:none;}
.map-marker-rauxel5{left: 49.5%;  top: 32%;}
.map-marker-rauxel6{left: 45%; top: 40%;display:none;}

.map-marker-Duisburg{left: 49%; top: 32%;}
.map-marker-Duisburg2{left: 49%; top: 33%;}
.map-marker-Duisburg3{left: 50%; top: 34%;display:none;}
.map-marker-Duisburg4{left: 47%; top: 36%;display:none;}

.map-marker-hanau{left: 49.5%;top: 33%;}
.map-marker-hanau2{left: 49%; top: 36%;display:none;}

.map-marker-Kędzierzyn-Koźle{left: 52%; top: 33%;}
.map-marker-Cherepovets{left: 58%; top: 25%;}
.map-marker-Uithoorn{left: 48.5%; top: 30.5%;}

.map-marker-Norco{left:19.5%; top:46%;}
.map-marker-LakeCharles{left:20%; top:46%;}
.map-marker-Gramercy{left:20.5%; top:46%;}
.map-marker-Chalmette{left:21%; top:46%;}
.map-marker-Covington{left:21.5%;top: 46%;}

.map-marker-Purvis{left:21.5%; top:44%;}
.map-marker-Robinson{left: 22%; top: 41.5%;}

.map-marker-Stamford{left:26%; top:39%;}
.map-marker-florida {left: 85%;  top: 86%;}
.map-marker-florida:after {animation-delay: 3s;}

.map-marker-seattle {left: 18%;top: 15%;}
.map-marker-seattle:after {animation-delay: 5s;}

.inner_content {margin-top:145px;}

@media all and (max-width:1024px){
div.morphContainer.active{ overflow:visible;}
/*.map-marker a {height: 6px;width: 6px;}*/
/*.map-marker-info {width: 15em;}*/

/** news css with popup **/
.map-marker-info .map-header h2{font-size:16px; line-height:20px;}
.map-marker-info .map-main p{font-size:13px; line-height:16px;}
}

@media all and (max-width:992px){
.inner_content {margin-top:115px;}
}


@media all and (max-width:640px){
 div.morphContainer.active{ width:80% !important; left:5% !important; right:5% !important; }
 div.morphContainer section{ padding:20px;} 
 div.morphContainer span{ top:5px; right:5px;}
 
/** news css with popup **/
 /*.map_with_content{display:none;}*/ 
}


/*contact page css*/
.contact-lhs{
  background: #23810d;
  padding: 45px 35px;
}
.contact-lhs h3{
  font-size: 45px;
  font-family: "FoundrySterling-Light";
  color: rgb(255, 255, 255);
  line-height: 1.319;
  margin: 0;
}
.contact-lhs-bottom{
  background: #4e5859;
  padding: 25px 35px;
  position: relative;
}
.contact-lhs-bottom p{
  font-size: 26.67px;
  font-family: "FoundrySterling-Light";
  color: rgb(255, 255, 255);
  margin-bottom: 0;
}
.contact-lhs-bottom p a{
 font-size: 26px;
  font-family: "FoundrySterling-Bold";
  color: rgb(255, 255, 255); 
}
.contact-container,
.career-container{
  padding-top: 60px;
  padding-bottom: 60px;
}

.industry-container {
  padding-top: 60px;
  padding-bottom: 60px;
}

.contact-lhs-bottom:after {
    content: "";
    position: absolute;
    border-right: 25px solid transparent;
    border-left: 25px solid transparent;
    border-top: 25px solid #23810d;
    right: auto;
    top: 0px;
    left: 30px;
}
.contact-lhs-bottom p a:hover{
  color: #1c1f7b;
}
.contact-form h3,
.career-form h3{
  font-size: 44px;
  font-family: "FoundrySterling-Light";
  color: rgb(30, 32, 92);
  margin-top: 0;
  margin-bottom: 25px;
}
.contact-form h3:after{
  content:"";
  position: absolute;
  background: url("../images/write.png");
  width: 40px;
  height: 34px;
  margin-top: 7px;
  margin-left: 15px;
}
.captcha-box button {
  position: absolute;
  right: 16px;
  bottom: 1px;
  border: 0;
  background: #f3f3f5;
  font-size: 21px;
  color: #453586;
  border-left: 1px solid rgba(198, 216, 219, 0.569);
  padding: 7px 25px;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
}
.contact-form .control-label,
.career-form .control-label{
  font-size: 18px;
  font-family: "FoundrySterling-Medium";
  color: rgb(158, 158, 160);
  margin-bottom: 5px;
  text-align: left;
}

.contact-form .form-control,
.career-form .form-control{
  border: 1px solid rgba(198, 216, 219, 0.569);
  box-shadow: none;
  font-size: 19px;
  font-family: "FoundrySterling-Book";
  color: rgb(30, 32, 92);
  border-radius: 50px;
  padding: 22px 22px;
}

/*.contact-form .form-group:-ms-input-placeholder {
  color: red;
}*/

.career-form .upload-file{
  padding: 10px 22px;
  height: 50px;
}


input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; }
textarea:focus::-webkit-input-placeholder { color:transparent; }
textarea:focus:-moz-placeholder { color:transparent; }
textarea:focus, select:focus, input:focus, .uneditable-input:focus {   
  border-color: rgb(30, 32, 92) !important;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgb(30, 32, 92);
  box-shadow: inset 0 0px 0px rgba(0,0,0,.075), 0 0 0px rgb(30, 32, 92);
   outline: none !important;
}
 input::-webkit-input-placeholder {
  font-size: 19px;
  font-family: "FoundrySterling-Book";
  color: rgb(30, 32, 92) !important;
}
textarea.form-control{
  border-radius: 20px !important;
}
.captcha-box img{
  margin-bottom: 25px;
}
.contact-form select.form-control,
.career-form select.form-control {
  height: 46px !important;
  padding: 0 22px;
}

.contact-form p{
   font-size: 15px;
  font-family: "FoundrySterling-Book";
  color: rgb(158, 158, 160);
  line-height: 1.181;
  margin-top: 25px;

}
.contact-form .common-btn,
.career-form .common-btn,
.new-blog .aply-now{
  font-size: 14px;
  font-family: "FoundrySterling-ExtraBold";
  color: rgb(255, 255, 255);
  background-color: rgb(35, 129, 13);
  width: 153px;
  border-radius: 50px;
  box-shadow: none;
  border-color: rgb(35, 129, 13);
  padding: 10px 12px;
  margin-top: 25px;
}

.contact-form .common-btn:before,
.career-form .common-btn:before,
.new-blog .aply-now:before{
  background: #fff;
}
.contact-form .common-btn:hover, .contact-form .common-btn:focus,
.career-form .common-btn:hover, .career-form .common-btn:focus,
.new-blog .aply-now:hover, .new-blog .aply-now:focus{
  color: rgb(35, 129, 13);

}
.india-office-section{
  background: #f2f2f2;
  padding: 30px 15px;
}
.india-office-section h3,
.india-office-section h4 {
  font-size: 25px;
  font-family: "FoundrySterling-Book";
  color: rgb(35, 129, 13);
  margin-top: 0;
  margin-bottom: 20px;
  position: relative;
}
.india-office-section p {
  font-size: 17px;
  font-family: "FoundrySterling-Book";
  color: rgb(67, 65, 65);
  margin: 0 0 20px;
}

.india-office-section p a {
  color: rgb(67, 65, 65);
    display: block;
        padding-left: 40px;
    
}
.india-office-section img{
  width: 35px;
}
.india-office-section p a:hover{
  color: rgb(35, 129, 13);
}
.india-office-section h3:after {
    content: "";
    position: absolute;
    border-right: 20px solid transparent;
    border-left: 20px solid transparent;
    border-top: 20px solid #ffffff;
    right: auto;
    top: -30px;
    left: 30px;
}
.location-map .nav-pills>li {
    float: left;
    width: 50%;
    background: #f2f2f2;
}
.nav-pills>li+li {
    margin-left: 0;
}
.location-map .nav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px;
    text-align: center;
    font-size: 25px;
  color: rgb(67, 65, 65);
}
.location-map .nav-pills li.active a:after {
    content: "";
    position: absolute;
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
    border-bottom: 15px solid #23810d;
    right: auto;
    top: -14px;
    left: 50%;
}
.location-map .nav-pills{
  margin-top: -7px;
  margin-top: -7px;
  z-index: 1;
  position: relative;
}

.india-add-container{
  padding-bottom: 35px
}
.india-add-container p{
  font-size: 20px;
  font-family: "FoundrySterling-Book";
  
}
.india-add-container .india-info p a{
  color: rgb(37, 127, 16);
}
.india-add-container .india-address p {
  color: #23810d;
  padding-left: 60px;
}

.india-add-container .india-info p a {
  padding-left: 15px;
}
/*.india-address img{
    margin-right: 40px;
}*/
/*.india-info img{
    margin-right: 15px;
    margin-top: 1px;
}*/
/*.india-info{
  position: relative;
  top: 35px;
}*/
.india-add-container .india-info p a:hover{
  color: #1e205c;
}
/*.tab-content-bg .icon-logo-color{
 font-size: 162px;
    position: absolute;
    top: -100px;
    right: 0;
}
*/

.icon-logo-color-div .icon-logo-color {
  font-size: 162px;
    /* float: right; */
    position: absolute;
    top: -100px;
    right: 0;
}
.icon-logo-color-div{
  float: right;
  position: relative;
}
/*.Portfolio-tab .nav-pills li.active a img{
  filter: brightness(100);
}
.Portfolio-tab .nav-pills li:hover a img{
  filter: brightness(100);
}
.Portfolio-tab .nav-pills li a img{
  margin-right: 15px;
}
*/

/* Carousel Fading slide */
.carousel-fade .carousel-inner { background: #000; } 
.carousel-fade .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
      filter: brightness(0.9);
}

.carousel-fade .next.left,
.carousel-fade .prev.right,
.carousel-fade .item.active { opacity: 1; }

.carousel-fade .active.left,
.carousel-fade .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}


/* Safari Fix */
@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-fade .carousel-inner > .item.next,
  .carousel-fade .carousel-inner > .item.active.right {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  .carousel-fade .carousel-inner > .item.prev,
  .carousel-fade .carousel-inner > .item.active.left {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  .carousel-fade .carousel-inner > .item.next.left,
  .carousel-fade .carousel-inner > .item.prev.right,
  .carousel-fade .carousel-inner > .item.active {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.sticky .about-nav {
  position: relative;
  left: 20%;
}

.sticky .about-nav li {
width: 12.2%;
}

.nav-container.sticky, .tab-links .container.sticky {
    position: fixed;
    top: 60px;
    background: #fff;
    width: 100%;
    z-index: 1;
}
.tab-links .container.sticky {
  background-color: rgba(35, 129, 13, 1);
}

.about-nav>li.active>a, 
.about-nav>li.active>a:focus, 
.about-nav>li.active>a:hover {
    color: #fff;
    cursor: default;
    background-color: transparent;
    border: none;
    border-bottom-color: transparent;
    outline: none;
    outline-offset: 0;
}

.about-nav li:hover {
    background-color: rgba(30, 32, 92, 0.169);
}
.about-nav li.active {
    background-color: rgba(30, 32, 92, 0.169);
}

.about-nav li a {
    font-size: 18px;
    color: rgb(255, 255, 255);
    position: relative;
    top: 0;
    left:0;
  }

/*services css start */

.services-content {
  padding-bottom: 30px;
}

.services-nav,
.technology-nav {
  float: left;
  width: 100%;
  margin-bottom: 0;
  border: 0px;
}

.services-nav>li>a, .services-nav>li>a:focus, .services-nav>li>a:hover,
.technology-nav>li>a, .technology-nav>li>a:focus, .technology-nav>li>a:hover,
.portfolio-nav>li>a, .portfolio-nav>li>a:focus, .portfolio-nav>li>a:hover{
    background-color: transparent;
    background-color: transparent;
    border: none;
     outline: none;
    outline-offset: 0;
  }

.services-nav>li.active>a, .services-nav>li.active>a:focus, .services-nav>li.active>a:hover,
.technology-nav>li.active>a, .technology-nav>li.active>a:focus, .technology-nav>li.active>a:hover,
.portfolio-nav>li.active>a, .portfolio-nav>li.active>a:focus, .portfolio-nav>li.active>a:hover {
    color: #fff;
    cursor: pointer;
    background-color: transparent;
    border: none;
    border-bottom-color: transparent;
    outline: none;
    outline-offset: 0;
}

.services-nav,
.technology-nav,
.portfolio-nav{
  border: 0px;
}

.services-nav li {
    float: left;
    text-align: center;
    padding: 10px 12px;
    margin: 0 auto;
    width: auto;
}

.services-nav li:hover,
.technology-nav li:hover,
.portfolio-nav li:hover {
    background-color: rgba(30, 32, 92, 0.169);
}
.services-nav li.active,
.technology-nav li.active,
.portfolio-nav li.active {
    background-color: rgba(30, 32, 92, 0.169);
}
.services-nav li a,
.technology-nav li a,
.portfolio-nav li a{
    font-size: 18px;
    color: rgb(255, 255, 255);
    cursor: pointer;
  }

.services-nav li:before,
.technology-nav li:before,
.portfolio-nav li:before {
    display: none;
}

.technology-nav li{
    float: left;
    text-align: center;
    padding: 10px 100px;
    margin: 0 auto;
    width: auto;
}


.portfolio-nav {
      display: block;
    width: 450px;
    margin: 0 auto;
}

.portfolio-nav li {
  float: left;
    text-align: center;
    padding: 10px 45px;
    margin: 0 auto;
    width: auto;
}

.portfolio-nav li a img {
    filter: brightness(100);
    margin-right: 10px;
    position: relative;
    top: -5px;
}

.technology-nav li a img {
    filter: brightness(100);
    margin-right: 10px;
    position: relative;
    top: -5px;
}

.services-nav li a img {
    filter: brightness(100);
    margin-right: 10px;
    position: relative;
    top: -5px;
}

.portfolio-title {
padding-top: 30px;
}

.portfolio-title h3{
  float: left;
  margin: 0px;
  font-size: 35px;
  font-family:"FoundrySterling-Book";
  color: rgb(35, 129, 13);
}

.sticky .technology-nav {
    position: relative;
    left: 20%;
}

/*.sticky .portfolio-nav {
    position: relative;
    left: 20%;
}*/

/*gallery css start */

.gallery-container {
  padding-top: 60px;
  padding-bottom: 60px;
}

.img-box{
  overflow: hidden;
  position: relative;
}

.gallery-container .gallery-box{
  padding: 15px 0px;
  box-shadow: 0px 5px 10px rgba(0,0,0,.075);
  margin-top: 25px;
}

.gallery-container .img-caption p{
    font-size: 18px;
    font-family: "FoundrySterling-Book";
    color: rgb(137, 145, 154);
    text-align: center;
    margin: 0px;
    padding: 15px;
}

.gallery-container .img-box img {
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
width: 100%;
height: 250px;
}

.gallery-container .gallery-box:hover img{
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}


/*join us page css */

.new-blog .row {
  padding: 30px 0px;

}

.new-blog .block-tp-mrg {
    margin-top: 15px;
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(0,0,0,.25); 
}

.new-blog .block-tp-mrg:nth-child(4){
 border-bottom: none; 
}

.new-blog h1{
    font-size: 30px;
    font-family: "FoundrySterling-Book";
    color: rgb(35, 129, 13);
    font-weight: 600;  
}

.new-blog p{
  font-size: 20px;
  color: rgb(137, 145, 154);
  line-height: 1.500;
  margin-bottom: 15px;
  letter-spacing: 0.5px;
}

.new-blog .aply-now{
  margin-top: 60px;
      width: 130px;
}

/*error page css */

.error-template {
    padding: 50px 0px;
    text-align: center;
}

.error-actions a:nth-child(2) {
  margin-left: 20px;
}

.error-details {
  font-size: 20px;
}

.error-template h1, .error-template h2 {
    color: #2f2e2e;

}

.error-template h1, .error-template h2 {
    color: #2f2e2e;
}

.contact-map {
background: #4e5859;
}

.service-overlay .owl-theme .owl-nav {
    margin-top: 10px;
    position: absolute;
    width: 100%;
    top: 30%;
} 

.service-overlay .owl-theme .owl-nav [class*=owl-],
.service-overlay .owl-theme .owl-nav [class*=owl-]:hover {
    color: #FFF;
    font-size:20px;
    margin: 0;
    padding: 0;
    background: transparent;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px;
}

.service-overlay .owl-theme .owl-nav .owl-prev {
  left: -20px;
  position: absolute;
}

.service-overlay .owl-theme .owl-nav .owl-next {
  right: -20px;
  position: absolute;
}

.owl-theme .owl-nav .disabled {
    opacity: .2 !important;
    cursor: default;
}
.captcha{
  margin: 40px 0;
}
.join-captcha{
   margin: 10px 0;
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: none !important;
    outline-offset: -2px;
}


.sitemap {
  padding: 50px 0;
}
.sitemap h1 {
  text-align: center;
      font-size: 40px;
    font-family: "FoundrySterling-Book";
    color: rgb(35, 129, 13);
    margin-left: 15px;
    font-weight: 600;
    margin: 0 0 30px;
}
.sitemap .m-menu {
      color: #000;
      font-family: "FoundrySterling-Bold";
    font-size: 20px;
    font-weight: 500;
      display: block;
    padding: 5px;
    transition: all 0.3s ease-in-out;
}

.sitemap .s-menu {
    color: #000;
      font-family: "FoundrySterling-Medium";
    font-size: 18px;
    font-weight: 500;
      display: block;
    padding: 5px;
    transition: all 0.3s ease-in-out;
}

.sitemap .m-menu:hover,
.sitemap .s-menu:hover {
  color: rgb(35, 129, 13);
}
 input[type=number]::-webkit-inner-spin-button, 
 input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}