/* Global */
html{scroll-behavior:smooth}
.logo img.slogo {
  opacity: 0;
  visibility: visible;
}
.logo img {
  opacity: 1;
  visibility: visible;
}
p{font-size:20px; line-height:30px; font-weight:400;}
img{max-width:100%;}
body:not(.home) .title h2{font-size:36px; line-height:36px; text-transform:capitalize}
.home_sec2 .title h2{font-size: 56px;
line-height: 63px;
text-transform: uppercase;}
h3{ font-size:35px; line-height:45px;}
.sitemenu ul li{position:relative;}
.sitemenu ul li .sub-menu{position:absolute; display:none; width:100%; left:-10px; padding-top:10px; min-width:160px; padding-left:10px;
padding-bottom:10px; }
.sticky .sitemenu ul li .sub-menu{ background:rgba(255,255,255,0.95);}
.sitemenu ul li .sub-menu li{width:100%; margin-left:0px; display:flex;}

.sitemenu ul li .sub-menu li:last-child a{background:none; padding:7px; padding-left:0px; padding-right:0px; color:#fff; }
.sitemenu ul li .sub-menu li a{ padding:7px; padding-left:0px; padding-right:0px;}

.sticky .sitemenu ul li .sub-menu li:last-child a{color:#000 !important;}
body:not(.home) .sitemenu ul li a{color:#fff;}

body:not(.home) .sitemenu ul li .sub-menu li:last-child a{background:none; padding:7px; padding-left:0px; padding-right:0px; color:#fff; }

.sticky .sitemenu ul li a {
  color: #000 !important;
}
.sticky .sitemenu ul li:last-child a{color:#fff !important;}
.sticky .sitemenu ul li:last-child a{color:#fff !important;}

.banner{position:relative; overflow: hidden;}
.bannercontent{max-width: 1200px;
margin:0 auto; position:absolute;bottom:100px; z-index:1; width:70%; left:0px; right:0px;}
.banner img{height:460px; width:100%; object-fit:cover}

.banner .title  h1,.banner .title  h2,body:not(.home) .banner .title  h2,body:not(.home) .banner .title  h1{font-size: 80px;font-weight: bold;
line-height: 90px;color: #fff;text-transform: uppercase;
position: relative;transform: translate3d(50px, 0px, 0px);transition: all 0.5s;letter-spacing: 3px; max-width:750px;}
.single-post .banner .title h2{font-size:55px; line-height:65px;}
.single-post .banner .title  h2,body:not(.home).single-post .banner .title  h2{font-size:45px; line-height:55px;}

body.page-template-template_sustainability .banner .title h1{max-width:725px;}

.bannerinner{position:relative; width:100%;}
.bannerinner:before{position:absolute; left:0px; top:-2px; height:100%; width:100%; content:""; background:rgba(62,93,129,0.8);mix-blend-mode: multiply; }
.banner::before {
  position: absolute;
  height: 3px;
  width: 0px;
  left: 0px;
  max-width: 685px;
  transition: all 3.5s;
  content: "";
  bottom: 75px;
top:inherit;
  z-index: 7;
  background: #df232e;  width: 0%;

}
.banner::after {
  position: absolute;
  height: 3px;
  width: 0px;
  left: 0px;
  max-width: 830px;
  transition: all 3.5s;
  content: "";
  bottom: 60px;
top:inherit;
  z-index: 9;
  background: #fff;width: 0%;
}
.banner.in-view::after {width:50%;}
.banner.in-view::before {width:45%;}
.homesec1.module{background:#fff;}
.homesec1.module .sec1_left{width:70%;}
.homesec1.module .sectioninner{
align-items: center;
}
.homesec1.module .sec1_left .title {
  position: relative;
  padding-bottom: 30px;
}
.homesec1.module .sec1_right img{margin-top:50px;}


.whoweare{padding:165px 0px; padding-bottom:107px; background:#f6f8fa}
.whoweare .sectioninner{column-gap:70px;align-items: center;}
.sec1_left{width:50%;}
.sec1_right{width:50%;}

.whoweare .sec1_left .title::after{left:0px; width:194px; bottom:-33px; height:3px;}
.whoweare .sec1_left .content{}
.whoweare .sec1_left .content p {
  margin-bottom: 20px;
}
.nsection{width:100%; padding:60px 0px;}
.nsectioninner {
  width: 85%;
  max-width: 1456px;
  margin: 0 auto;
  position: relative;
  display: flex;
}
.mission{padding:109px 0px; background:#f5f8fa}
.flex{display:flex;}
.reverse{flex-direction:row-reverse; column-gap:80px;}
.nsectionleft{width:calc(50% - 40px);}
.nsectionright{width:calc(50% - 40px);}
.alicen{align-items: center;}
.nsectionright img{max-width:500px;}
.nsectionright{text-align: right;}

.title.devider h2{padding-bottom:35px; margin-bottom:45px; position:relative;}

.title.devider h2:before{ position:absolute; left:0px; bottom:0px; max-width:194px; background:#F00; height:3px; content:""; width:0px; transition:all 3s}
.title.devider h2.in-view:before{width:100%;}

.content {font-size:20px; line-height:30px; font-weight:300}

.nsection{position:relative;}

.nsection::before {
  position: absolute;
  height: 2px;
  width: 0px;
  left: 0px;
  max-width: 340px;
  transition: all 3.5s;
  content: "";
  top:50%;
 
  z-index: 7;
  background: #df232e;
   transform:translateY(-50%);
  width: 0%;
}
.nsection::after {
  position: absolute;
  height: 2px;
  width: 0px;
  left: 0px;
  max-width: 243px;
  transition: all 3.5s;
  content: "";
  top: 53%;
  transform:translateY(-50%);
 
  z-index: 9;
  background: #145886;
  width: 0%;
}
.nsection.in-view::after {width:12%;}
.nsection.in-view::before {width:15%;}

.exteam{display:flex;flex-wrap:wrap; column-gap:5%; justify-content: start;}
.team{padding:100px 0px; padding-bottom:0px;}
.columns{flex-direction:column;}
.exteam{margin-top:130px;}
.member{margin-bottom:110px; width:30%}

.member img{max-width:265px; border-radius:100%;}
.mname{display:flex; align-items:center; margin-top:40px; cursor:pointer}
.mname h3{ font-weight:bold; font-size:28px;text-transform: uppercase;}
.mname h3 span{font-weight:400;}
.mname{font-size:28px;}

.sec_tline h2{position:relative; display:inline-block}

.sec_tline h2::after {
  position: absolute;
  position: absolute;
  height: 3px;
  width: 300%;
  right: 300%;
  transition: all 3.5s;
  content: "";
  bottom: -30px;
  z-index: 9;
  background: #000e47;
}
.in-view h2::after {
  right: 0;
}

.teampop{position: absolute;
width: 100%;
padding: 100px;
background: #fff;
box-shadow: 0px 2px 12px rgba(0,0,0,0.2);
z-index: 1;
left: 0%; top:50px; display:none}
.teampop.active{display:block;}
.teampop img{max-width:280px;}
.popinner{display:flex; column-gap:80px;}
.popinner .ttitle{position:relative; padding-bottom:10px; margin-bottom:25px;}
.popinner .ttitle h3{font-size:36px;}
.popinner .ttitle:after{position: absolute;
position: absolute;
height: 4px;
width: 175px;
transition: all 3.5s;
content: "";
bottom: 0px;
background: #0b184f;
}
.mname{position:relative; padding-bottom:10px; margin-bottom:10px;}
.mname:after{position: absolute;
position: absolute;
height: 3px;
width: 82px;
transition: all 3.5s;
content: "";
bottom: 0px;
background: #135785;
}
.popinner .mname{padding-bottom:0px; margin-bottom:0px;margin-top: 0;
  display: inline-block;}
.popinner .mname:after{display:none;}
.teabio{font-size:18px; line-height:28px; padding-bottom:0px;}
.teabio p{font-size:18px; line-height:28px;}
.popinner .ttitle{display:flex; justify-content:space-between;}
.popinner .ttitle .linkedin{position:relative; top:8px;}
.popinner .ttitle .linkedin img{max-width:55px;}
.closepop{position:absolute; top:5px; right:5px; line-height:5px; color:#000; font-size:24px; cursor:pointer}


.dir{background:#f5f8fa}
.directors{display:flex;flex-wrap:wrap; column-gap:5%; justify-content: start;}
.directors .member{width:30%; margin-bottom:70px}
.directors .member .mname{display: inline-block;}

.directors .member .mname h3,.directors .member .mname{font-size:28px; line-height:41px;}

.blognav{padding:40px 0px; background:#f6f8fa}
.nav ul{display:flex; column-gap:90px;}
.nav ul a{font-size:38px; color:#000; font-weight:300}
.nav ul a.active{font-weight:600;}
.bloglist{margin-top:50px; display:flex; flex-wrap:wrap;column-gap:60px; transition:all 0.5s}
.bloglist .nitem{width:30%; background:#f6f8fa; position:relative; padding:40px 0px;;}

.bloglist .nitem .cat{position:absolute; top:0px; right:15px; display:flex; padding:6px 16px; background:#2d3766; color:#fff; font-weight:300; font-size:20px;}
div[data-cat="event"] .cat{background:#ed1c23 !important}
div[data-cat="press-releases"] .cat{background:#225fa2 !important}
.nitem{margin-bottom:45px;}
.nitem .posttitle,.nitem .postdate,.nitem .post_exceprt,.nitem .readmore{padding-left:15px; padding-right:15px;}
.nitem .post_exceprt{min-height:0px;}
.nitem .readmore{ margin-top:15px;}
.nitem .posttitle a{color:#000; font-size:28px; font-weight:700; line-height:34px; }
.nitem .posttitle{margin-bottom:15px; min-height:106px; display:flex;    align-items: flex-start;}
.nitem .postdate{margin-bottom:20px; font-size:18px;}
.nitem .post_exceprt p{margin-bottom:20px; font-size:20px; margin-top:15px; font-weight:300; line-height:30px; max-height:92px; overflow:hidden}
.nitem .post_image img{width: 100%; height: 240px; object-fit: cover;}
.nitem .readmore a{color:#011e45; font-size:18px; text-transform:uppercase;text-decoration:underline}

.page-template-template_about #footer{margin-top:0px;}

.singlepost{display:flex; column-gap:58px;}
.postleft{width:80%; padding-right:100px; border-right:0px solid #000; position:relative}
.postleft:after{ width:1px; height:100%; max-height:884px; background:#000; right:0px; position:absolute; content:""; top:50%; transform:translateY(-50%)}
.psidebar{width:24%; padding-top:120px;}
.sharepost{display:flex; align-items:baseline; margin-top:35px;}
.generalcontent .sharepost h4{margin-bottom:0px; font-size:20px;}
.generalcontent .sharepost ul li{margin-bottom:0px;}
.sharepost ul{list-style:none; display:flex; column-gap:25px; margin-left:0px;align-items: baseline;}
.sharepost ul a{display:flex;}
.sharepost ul img{max-height:38px; max-width:50px; object-fit:contain;}
.fromblog{margin-top:35px;font-size:27px; font-weight:400}
.singlepost{margin-top:10px;align-items: top; padding-bottom:80px;}
.publish{margin-bottom:7px; font-size:22px; font-weight:300;display: inline-block;}
.singlepost .postleft .stitle{padding-top:40px;}
.single-resources .singlepost .postleft .stitle{padding-top:0px;}
.psidebar ul{list-style:none; display:flex; flex-wrap:wrap; column-gap:15px; row-gap:15px; padding-left:0px;}
.psidebar ul li{width:auto; display:inline-block;}
.psidebar ul a{ padding:4px 17px; border:1px solid #000e47; color:#000; border-radius:20px; font-size:20px;}
.psidebar h4{font-size:25px; font-weight:bold;}
.singlepost .stitle h1{ font-size:35px; font-weight:bold; line-height:50px;}

.singlepost.generalcontent p {
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 15px;
  font-weight: 400;
}
.entry-content .singlepost.generalcontent p {font-size: 18px;}

.sustain{padding:125px 0px; background:#f5f8fa}
.bline{padding-bottom:40px; margin-bottom:40px; border-bottom:3px solid #000e47;}

.sustaincon{display:flex;display: flex;
justify-content: space-between;
column-gap: 92px;}
.sustaincon .sleft{ width:73%;}

.sustainsub{margin-top:100px;}
.sustainsub h3{ font-size:30px; font-weight:bold}

.batterylife{width:100%; margin-top:60px; padding-top:135px; padding-left:30px; position:relative; padding-bottom:17px;}
.batterylife:after{ background:url('../images/batary.png') left top no-repeat; content:""; position:absolute; left:0px; top:0px; width:25%; height:100%; background-size:281px 100%}

.row{ display:flex; border-radius:10px 10px 10px 10px; align-items: center; margin-bottom:17px; column-gap:20px;}
.yrow{display:flex; background:#ffdb92}
.grow{ background:#a0c9af}
.grow .stitle h4{background:#7bb793;}
.brow{ background:#5b85b6}
.brow .stitle h4{background:#005693; color:#fff;}

.sitem {width:25%;}

.row .stitle{font-size:28px; line-height:32px; font-weight:bold; width:24%; max-width:268px; }
.stitle{font-size:28px; line-height:32px; }
.stitle h4{display:flex; padding:42px 27px; max-width:223px; background:#fec649; border-radius:10px;}

.sitem{font-size:28px; line-height:32px; font-weight:bold;display: flex; column-gap:15px;align-items: center;}

.goalse {padding-top:67px; padding-bottom:120px;}

.goalse  h2{padding-bottom:40px; margin-bottom:60px; font-size:48px; line-height:59px;}
.goalse  h2::after{width:100%;}
.goalse  h2.in-view::after {
  right: 30%;
}
.goals{display:flex; column-gap:60px;margin-top: 35px;}
.goal .gimage{margin-bottom:20px;}
.goal .gcont p{font-weight: 300; margin: 0px;}
.goal .gimage img{width:auto; max-width:100%;}
.gtitle{margin-bottom:38px;}
.gtitle h3{ font-size:32px;  line-height:40px; font-weight:500}

.ecosystem{background:#f5f8fa; margin-top:100px; padding:70px 0px; padding-bottom:120px;}
.echoscon{display:flex;display: flex;
justify-content: space-between;
column-gap: 92px;}
.echoscon .sleft {
	display: flex;
  width:100%;
}
.echoscon .sleft p{font-size:21px; font-weight: 300; width: 90%;}
.echoscon .sright {
  width:100%; text-transform:uppercase; line-height:32px;font-weight: 500;
  font-size: 24px; text-align: end;
}
.ecosystem h2.in-view::after {
  right: -50%;
}
.ecosystem .title{margin-top:-152px;}
.ecosystem .title h2{padding-bottom:20px; margin-bottom:40px;}

.echologos{margin-top:135px; position:relative; padding-left:50px; padding-right:50px;}
.ecosystem .swiper-container{margin:0px;}
.echologos .swiper-slide  img{max-height:52px; object-fit:contain;}
.echologos .swiper-button-next{display:block;}
.echologos .swiper-button-prev{display:block;}
.echologos .swiper-wrapper{align-items: center;
align-content: center;}
.echologos .swiper-slide{text-align:center;  }
.echologos  .swiper-button-next{background:url('../images/rightarrow.png') center center no-repeat;height:50px; width:29px; right:0px;}
.echologos  .swiper-button-next::after{ opacity:0;}
.echologos  .swiper-button-prev{background:url('../images/leftarrow.png') center center no-repeat;height:50px; width:29px; left:0px;}
.echologos  .swiper-button-prev::after{ opacity:0;}

.echologos  .swiper-slide::after,
.echologos .swiper-slide::before{display:none;}

.cbutton{margin-top:110px;}
.cbutton a{background:#000e47; color:#fff; font-size:22px; padding:16px 33px; border-radius:50px;}



#footer{margin-top:0px;}
.resources .nitem{background:#21284a; padding-top:0px; padding-bottom:0px;}
.resources .nitem .posttitle a,.resources .nitem .postdate,.resources .post_exceprt,.resources .nitem .readmore a{color:#fff;}
.nitem .readmore a{color:#011e45}
.resources .post_exceprt,.resources .nitem .readmore a{color:#000; font-weight: 500;}
.resources .nitem .readmore a{color:#21284a; }
.resources .post_exceprt p{font-weight: 300;}
.resources  .nitem .cat{ background:#fff; color:#000000; font-weight:400;}
.resources .nitem .posttitle{
padding: 41px 15px;
margin-top: 23px;
}
.resources .nitem{margin-bottom:62px;}
.resourcdetail{background: #dddeea;background: #dddeea;
  display: flex;
  flex-direction: column; padding-bottom:34px;}
.resources .nitem .post_image {margin-bottom: -3px;}
.resources .nitem .post_image{position:relative;}
.play{position:absolute; transform: translateY(-50%); top:50%; left:0px; right:0px; height:60px; width:60px; background:url('../images/play.png') center center no-repeat; background-size:contain; margin:0 auto; cursor:pointer}

.resources .nitem .post_image video{position:absolute; top:0px; left:0px; height:100%; width:100%; object-fit:cover; display:none}
.single-resources .singlepost{align-items: flex-start;}
.single-resources .postleft{padding-top:10px;}
.single-resources .psidebar{padding-top:80px;}
.page-template-template_contact .contact{ padding:115px 0px 50px 0px;}
.page-template-template_contact .title h2{color:#011e45; font-size:33px !important;}
.single-resources .postleft::after{width:3px; background: #0b184f;}
.contde{display:flex;justify-content: space-between; margin-top:64px;}
.lefts{width:60%;}
.rights{width: 100%;
  max-width: 260px;}

.address,.address a{color:#011e45;}
.address p:last-child{font-size: 22px;}
.contde .ccform{display:flex;justify-content: space-between; flex-wrap:wrap;}
.contde .ccform .ffield{ width:46%; margin-bottom:80px; }
.address p{margin-bottom:15px;}
.contde .ccform .ffield.full{width:100%; margin-bottom:10px;}
.contde .ccform .ffield.submit{width:100%; text-align:right; margin-bottom:20px;}

.ccform input[type="text"], .ccform input[type="tel"], .ccform input[type="email"], .ccform select, .ccform textarea{font-size:20px; width:100%; background:none; border:0px; border-bottom:2px solid #011e45; border-radius:0px; resize:none; padding-bottom:10px; font-family: 'Roboto',sans-serif;font-weight: 400;}

.ccform input[type="text"]:focus, .ccform input[type="tel"]:focus, .ccform input[type="email"]:focus, .ccform select:focus, .ccform textarea:focus{outline:none; box-shadow:none;}

.ccform input[type="submit"]{font-family: 'Roboto',sans-serif; background:#011e45; color:#fff; width:106px; height:42px; display:flex; justify-content:center; align-items:center; border:1px solid #011e45; border-radius:30px;margin-right: 0; font-weight:400; font-size:20px;
margin-left: auto; cursor: pointer;}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{margin:0px; border:none; padding-left:0px;}
.ccform textarea{height:177px; border:2px solid #011e45; padding:23px;}
.wpcf7 form.failed .wpcf7-response-output{margin:0px; border:none; padding-left:0px;}

.ccform ::-webkit-input-placeholder { /* Edge */
  color:#011e45; opacity:1;
}

.ccform :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #011e45;opacity:1;
}

.ccform ::placeholder {
  color:#011e45;opacity:1;
}

.sectioninner  ol{list-style:decimal; padding-left:20px;}
.sectioninner  ol li{margin-bottom:10px;}
#partners{margin-top:20px; margin-bottom:30px;}
#partners img{max-height:74px; object-fit:contain;}

.topseccarre{padding-top:120px;justify-content: space-between;}
.careersec{width:50%; padding-right:60px;}

.carrerimg{width:49%;}
img{max-width:100%;}
.bloglist.career{justify-content:space-between;column-gap: 0;}
.career .nitem{background:none; padding:20px 28px 20px 28px; background:#e3e4e5; width:49%; margin-bottom:22px;}
.career .nitem .posttitle{ padding-left:0px; padding-right:0px; }
.career .nitem .posttitle{min-height:0px; margin-bottom:0px;}
.career .nitem .posttitle a{font-size:28px; color:#011e45;text-decoration:underline; font-weight:400}
.aboutposition{margin-top:30px; padding-top:20px; border-top:2px solid #df232e;}
.aboutposition h2{ font-size:26px; color:#010101; font-weight:bold;  margin: 0px;}
.poscontent{display: grid;
grid-template-columns: 1fr 1fr;
column-gap: 80px;}

.poscontent.full{grid-template-columns: 1fr;}

.openpos{ padding-bottom:80px;}
.single-careers .section1_content{ margin-bottom:0px; max-width:650px;}
.contactaddress .faaddtitle{
line-height: 26px;
  font-size: 16px;
  margin-bottom: 10px;font-weight: 600;
}
.footercol .foottext p{line-height:25px;}
.footercol .foottext p{line-height:30px; font-size:18px; font-weight: 300;}
.contactaddress .facont p{line-height:25px; font-size:18px; font-weight: 300;}

.partnerlist .swiper-wrapper{align-items: center;}

.openpos .sec_tline .title{position:relative;}
.openpos .sec_tline h2::after {
  left: 0px; right:0px;
  width: 194px;
  bottom: -17px; right:0px; background:#2b5984;
  height: 3px;
}
.openpos{margin-top:20px;}
.single-careers .stitle  h1{ color:#011e45; font-size:38px; font-weight:600}
.single-careers .blognav{ padding:60px 0px}

.single-careers .generalcontent ul{font-size: 20px;
  line-height: 28px;
  font-weight: 400; margin-top:10px;}
  
  .error404 .generalcontent{margin-top:40px; margin-bottom:60px;}
.generalcontent.pagetem{padding-bottom: 50px; margin-top: 20px;}


.sitemap .row{align-items: flex-start;}
.sitemap .col-lg-6{width:50%;}
.sitemap a{color:#000;}
.mfp-iframe-scaler iframe {right: 0;
    margin: 0 auto;}
.blognav .nav ul a{font-size:30px;}
@media screen and (min-width:1920px){
		.home_sec2 .secimage {
 
  top: -110px;
}
}
@media screen and (max-width:1540px){
	.headerinner{width:90%;}
	.sitemenu ul li{margin-left:50px;}
	.home_sec2 .title h2 {    font-size: 46px;}
	.secimage span{top:43%;}
}

@media screen and (max-width:1450px){
	
	.secimage span{top:40%;}
	.home_sec2 .secimage {
 
  top: -85px;
}

}
@media screen and (max-width:1400px){
	
	
	.home_sec2 .secimage {
 
  top: -40px;
}

}

@media screen and (max-width: 1300px){
.home_sec2 .title h2 {
    font-size: 49px;
}
}


@media (min-width: 1280px) and (max-width: 1366px){
	.bloglist {column-gap: 50px; justify-content: space-between;}
}
@media screen and (max-width:1280px){
	.batterylife:after {width: 27%;}
		.headerinner{width:96%;}
	.sitemenu ul li{margin-left:20px;}
	.home_sec2 .title h2 {
    font-size: 43px;
}

.home_sec2 .secimage { top:23px;}
.secimage span {
    top: 40%;
}
}
@media screen and (min-width:1024px){
.sitemenu ul li:hover .sub-menu {
    display: block;
}
.sitemenu ul li .sub-menu li{margin-bottom: 5px;}
}
@media screen and (max-width:1025px){
.bloglist .nitem {
    width: 46%;
}
.goal .gimage img{
       max-height: 118px;
}
}
@media (min-width: 768px) and (max-width: 1025px){
.sitem img {
    max-width: 39px;
}
.sitem {
    font-size: 22px;
    line-height: 27px;
}
.sustain .sectioninner {width:90%;}
}
@media screen and (max-width:1080px){
	
	body:not(.home) .sitemenu ul li a {
    color: #000;
}
body:not(.home) .sitemenu ul > li:last-child a {
  

	    padding-left: 20px;
    color: #fff !important;
}
 .sitemenu ul li .sub-menu li:last-child a{color:#000 !important}
.sitemenu ul li .sub-menu{padding-bottom:0px;}
.home_sec2 .secimage {top: 45px;}
.home_sec2 .title h2 {font-size: 30px; line-height: 38px;}
.sec1_left .content{margin-top: 45px;}
.sec1_left .content p{margin-bottom: 30px;}
.sec1_right{margin-top: 20px;}
.technology{padding-top: 65px;}
.about {padding: 50px 0px 30px 0px;}
.aboutright{margin-top: 20px;}
.bannercontent{margin: 0;}
.banner h1{font-size: 50px!important; line-height: 55px!important; text-align: left!important;}
.whoweare{padding: 50px 0px;}
.sec1_left {width: 100%;}
.whoweare .sec1_left .title::after {bottom: -10px; height: 2px;}
.sec1_right{width: 100%;}
.nsectioninner{column-gap: 100px;}
.nsectionright img {max-width: 350px;}
.mission .sectioninner {flex-direction: column-reverse;}
.mission .sec1_right{margin-top: 0px;}
.mission .sec1_left{margin-top: 20px;}
.team {padding: 60px 0px 30px 0px;}
.exteam {margin-top: 60px; display: flex; flex-wrap: wrap; column-gap: 0;}
.member {margin-bottom: 40px; width: 50%;}
.mname h3{font-size: 22px; line-height: 34px;}
.directors .member {width: 50%; margin-bottom: 40px;}
.directors .member .mname h3 {font-size: 22px; line-height: 34px;}
.page-template-template_contact .contact {padding: 50px 0px 0px 0px;}
.contact .contde{column-gap: 50px;}
.contact .contde .lefts{width: 100%;}
.blognav {padding: 50px 0px;}
.blognav .nav ul a{font-size: 28px; line-height: 34px;}
.bloglist{column-gap: 45px;}
.bloglist .nitem {width: 45%;}
.nitem .posttitle a {font-size: 24px; line-height: 30px;}
.resources .nitem .posttitle{margin-top: 0px;}
.nitem .posttitle {margin-bottom: 0px;}
.nitem .post_exceprt p{font-size: 18px; line-height: 26px; max-height:81px;}
.sustain{padding: 50px 0px;}
.sustaincon .sleft{width: 50%;}
.sustaincon .sright{width: 50%;}
.sustaincon p{font-size: 18px; line-height: 26px;}
.sustainsub {margin-top: 60px;}
.goalse{padding-bottom: 60px; overflow: hidden;}
.goalse h2{font-size: 36px; line-height: 36px;}
.gtitle h3 {font-size: 24px; line-height: 30px;}
.gtitle {margin-bottom: 30px;}
.gcont p{font-size: 18px; line-height: 26px;}
.echoscon p{font-size: 18px; line-height: 26px;}
.echologos {margin-top: 60px;}
.cbutton a{font-size: 18px;}
.ecosystem{padding-bottom: 90px;}
.ecosystem{padding-bottom: 90px;}
.openmenu:after {
    position: absolute;
    right: 0px;
    content: ">";
    color: #000;
    font-size: 34px;
    transform: rotate(90deg) scaleX(0.5) scaleY(1);
    height: 30px;
    width: 30px;
    top: -3px;
}
.sitemenu ul li .sub-menu{display:none; position:static}
.sitemenu ul li .sub-menu li{margin-bottom:5px;}
.sitemenu ul li{width:80%;}
.openmenu{position:absolute; right:0px;}
.sitemenu ul li .sub-menu li:last-child a{color:#000; font-size: 18px;}
.row .stitle {font-size: 24px;line-height: 30px;}
.sitem {font-size: 18px;line-height: 24px;}
.batterylife:after{background-size: 235px 100%;}
.desc {margin-top: 130px;}
.teampop {padding: 40px;}
.popinner{gap:30px;}
.nitem .post_exceprt {max-height: 106px;}
.singlepost {column-gap: 40px;}
.postleft {padding-right: 50px;}
.careersec {width: 100%; padding: 0px;}
.carrerimg {width: 100%;}
.topseccarre {padding-top: 60px;}
.contde {flex-direction: column;}


#partners img {
    max-height: 50px;
    object-fit: contain;
    max-width: 80%;
}
.secimage span {
    top: 15%;
}
}
@media (max-width: 780px){
	.sustaincon{flex-direction: column;}
	.sustaincon .sleft {
    width: 100%;
}
.sectioninner{width:85%;}
.batterylife{padding-top:180px; padding-left:0px;}
.batterylife:after{ display:block; top:0px; background:url('../images/mbatery.png') left top no-repeat; width:100%; background-size:300px auto}
.batterylife .row{flex-direction:column; padding:20px;}
.row .stitle{width:100%;max-width: 100%;}
.sitem{width:100%; margin-bottom:15px;}
.stitle h4{max-width:100%;width: 100%; padding:25px 15px; font-size:23px;}
.sitem {font-size: 16px; line-height: 22px;}
.echoscon .sright{text-align: start;}
.echoscon .sleft p{width:100%;}
.echoscon .sleft{flex-direction:column;}
.goals{flex-direction:column;}

.goals .goal {margin-bottom:30px;}
.sec_tline h2::after{width: 100%;}
.sec_tline h2::after {right: 0;}
.ecosystem h2.in-view::after {
    right: 0;
}
.echologos {
    margin-top: 60px;
    overflow: hidden;
}


.in-view.effect1{    overflow: hidden;}
.secimage span.in-view.effect1{ overflow:visible;} 
.effect1 {
    transform: translate3d(0px, 0px, 0px);}
	.effect3 {
    transform: translate3d(00px, 0px, 0px);
	}
	.secimage span {
    top: 63%;
}
}
@media screen and (max-width: 1080px){
.secimage span {
    right: -135px;
    top: 20% !important;
}
.desc {
    margin-top: 120px;
    padding-left: 20px;
}
}

@media screen and (max-width:810px){
.desc {
    margin-top: 120px;
    padding-left: 60px;
}
.secimage span {
    right: -120px;
    top: 23% !important;
}
.rightcon {
    width: 100%;
    padding-left:00px;
}
.home_sec2 .secimage {
    width: 65%;
    position: relative;margin-top: 40px; left:0px;
}
.desc {
    margin-top: 120px;
    padding-left: 0;
}
.home_sec2 .secimage{position:relative;}
.homesec1.module .sec1_left {
    width: 100%;
}
}
@media (max-width: 767px){
.sec1_left .title h2 {font-size: 25px !important; line-height: 29px!important;}
.sec1_left .content p{font-size: 18px; line-height: 28px;}
.home_sec2 .title h2{font-size: 25px; line-height: 29px;}
.desc p{font-size: 18px; line-height: 28px;}
.home_sec2 {padding-bottom: 10px;}
.solutionlist{margin-top: 60px;}
.title h2{font-size: 25px!important; line-height: 29px!important;}
.technodesc p{font-size: 18px; line-height: 26px;}
.aboutright p{font-size: 16px; line-height: 24px;}
.about {padding: 50px 0px 30px 0px;}
.mission .sec1_right {margin-top: 0px; padding-top: 40px;}
.contactaddress p{font-size: 16px; line-height: 24px;}
.contactbtn{font-size: 18px;}
.contactsocial img{max-width: 80%;} 
.footer_contact {padding-bottom: 15px;margin-bottom: 30px;}
.copyright p{font-size: 14px;}
.footer_inner{padding-top: 50px; padding-bottom: 10px;}
.banner h1{font-size: 25px!important; line-height: 29px!important;}
.bannercontent{left: 20px; width:90%}
.in-view .nsectioninner{display: flex; flex-wrap: wrap; flex-direction: column-reverse;}
.nsection {padding: 40px 0px;}
.nsectionleft{width: 100%; margin-top: 20px;}
.nsectionright{width: 100%; text-align: center;}
.nsectionright img {max-width: 270px;}
.nsection.in-view::before{width: 25%; top: 27%; display:none}
.nsection.in-view::after{width: 22%; top: 30%; display:none}
.title.devider h2 {padding-bottom: 17px; margin-bottom: 27px;}
.mission{padding: 0px 0px 15px 0px;}
.nsectionleft p{font-size: 16px; line-height: 24px;}
.member img {max-width: 120px;}
.mname h3 {font-size: 16px !important; line-height: 24px; max-width:140px;}
.page-template-template_about .member:nth-child(even){padding-left:20px;}
.teabio p {font-size: 15px;line-height: 24px;}
.popinner .ttitle .linkedin img {max-width: 35px;}
.directors .member .mname h3{font-size: 16px;line-height: 24px;}
.page-template-template_contact .contact {padding: 50px 0px 50px 0px;}
.contact .contde{display: flex; flex-wrap: wrap; text-align: center; justify-content: center;}
.contact .contde .lefts{width: 100%;}
.contact .contde .rights{width: 100%;}
.contact .contde .rights p{font-size: 18px; line-height: 26px;}
.blognav {padding: 30px 0px;}
.blognav .nav ul{column-gap: 25px;}
.blognav .nav ul a{font-size: 18px; line-height: 26px;}
.nitem .posttitle a {font-size: 22px!important; line-height: 28px;}
.nitem .post_exceprt p { max-height:76px;}
.bloglist .nitem {width: 100%; padding: 30px 0px 0px 0px;}
.nitem .post_exceprt p{font-size: 16px; line-height: 24px;}
.nitem .readmore a{font-size: 16px;}
.sustain .sustaincon {display: flex; flex-wrap: wrap;}
.sustaincon .sleft{width: 100%;}
.sustaincon .sright{width: 100%;}
.sustainsub h3{font-size: 25px; line-height: 29px;}
.goals{display: flex; flex-wrap: wrap;}
.gtitle h3{font-size: 18px; line-height: 26px;}
.gtitle {margin-bottom: 20px;}
.gcont p{font-size: 16px; line-height: 24px;}
.goals .goal{margin-bottom: 30px;}
.goalse{padding-bottom: 20px; padding-top: 30px;}
.echoscon{display: flex; flex-wrap: wrap;}
.echoscon .sleft{width: 100%;}
.echoscon .sright{width: 100%; font-size: 18px; line-height: 26px; margin-top: 10px;}
.cbutton a{font-size: 16px; padding: 16px 30px;}
.ecosystem{padding-bottom: 75px; margin-top: 0px; padding-top: 40px;}
.ecosystem .title h2 {padding-bottom: 10px;margin-bottom: 20px;}
.sec_tline h2::after{bottom: -10px;}
.sharepost ul img {max-height: 35px;max-width: 25px;}
.fromblog {font-size: 22px;}
.batterylife{padding-top:180px; padding-left:0px;}
.batterylife:after{ display:block; top:0px; background:url('../images/mbatery.png') left top no-repeat; width:100%; background-size:100% auto}
.batterylife .row{flex-direction:column; padding:20px;}
.row .stitle{width:100%;max-width: 100%;}
.sitem{width:100%; margin-bottom:15px;}
.stitle h4{max-width:100%;width: 100%; padding:25px 15px; font-size:23px;}
.sitem {font-size: 16px; line-height: 22px;}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{margin-top: -40px; text-align: left;}
.wpcf7 form.failed .wpcf7-response-output{margin-top: -40px; text-align: left; border:none; margin-left: 0px; padding: 0px;}
.contde .ccform .ffield {width: 100%;}
.sitem  img{ width:40px;max-height: 40px;object-fit: contain;}
.echologos .swiper-button-next{height:20px; top:81%}
.echologos .swiper-button-prev{height:20px;top:81%}
.banner .title h1, .banner .title h2, body:not(.home) .banner .title h2, body:not(.home) .banner .title h1 {font-size: 36px!important; line-height:46px!important;}
	
.stitle {
    font-size: 24px;}
	.aboutposition h2 {
    font-size: 24px;
    color: #010101;
    font-weight: bold;
}
.single-careers .stitle h1{font-size: 24px;}
.single-careers .blognav {padding: 30px 0px;}
.generalcontent.pagetem {padding-bottom: 30px; margin-top: 20px;}
.aboutposition {margin-top: 20px;padding-top: 30px;}
.generalcontent ul {padding-left: 20px;}
.poscontent {
    display: grid;
    grid-template-columns:1fr;
    column-gap: 0px;
}
.poscontright{margin-top:20px;}
.singlepost {padding-bottom:50px; flex-wrap: wrap;}
.single-resources .singlepost {align-items: flex-start;display: flex;flex-wrap: wrap;}
.postleft {width: 100%; padding-right: 0px;}
.postleft:after{display: none;}
.single-resources .postleft {padding-top: 20px;}
.single-resources .postleft::after{display: none;}
.psidebar{width: 100%; padding-top: 40px;}
.single-resources .psidebar {padding-top: 40px;}
.careersec {width:100%; padding-right:0px;}
.topseccarre{padding-top:40px;}
.carrerimg{width:100%; margin-top:30px;}
.columns,.section,.nsection {overflow-x:hidden; overflow: hidden;}
.teampop{ padding:20px;}
.popinner {
    display: flex;
    column-gap: 00px;
    flex-direction: column;
}
.teampop{position: fixed;
    width: 90%;
	    height: 90vh;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 99;
    overflow: auto;}
.ecosystem .title {margin-top: 0px;}
.cbutton{margin-bottom: 30px;}
.sustain {padding: 50px 0px 10px 0px;}
.team {padding: 30px 0px 10px 0px;}
.nitem .posttitle{justify-content: center;}

.sitemap .row{ flex-direction: column;}
.sitemap .col-lg-6 {
    width: 100%;
}
.resources .nitem .post_image {margin-bottom: -3px;}
.nitem .post_exceprt {max-height:101px;}
.openpos .bloglist .nitem {padding: 30px 0px 30px 0px;}
.contde .ccform .ffield {margin-bottom: 50px;}

#partners img {
    max-height: 40px;
    object-fit: contain;
    max-width: 80%;
}
.secimage span {
    right: -79px;
    top: 37% !important;
}
.echologos .swiper-slide img {
    max-height: 52px;
    object-fit: contain;
    width: 90%;
}
.banner .title h1, .banner .title h2, body:not(.home) .banner .title h2, body:not(.home) .banner .title h1{transform: translate3d(0px, 0px, 0px);}


}