/* Social Media */
.social_media{
	margin: 0;
	background-color:var(--blue);
	margin-left:-10px;
	margin-right:-10px;
}
.social_media li {
  display: inline-block;
  vertical-align: top;
	padding:10px;
}
.social_media li a {
  display: block;
  vertical-align: middle;
	line-height: 0;
}
.social_media .icon svg, .social_media .icon svg path{
	transition: 0.4s;
}
.social_media .icon svg {
  --social-color:#fff;
}
.social_media a:hover .icon svg {
  --social-color:var(--green);
}
/* Contact Screen Icons */
.contact-screen .flex-row{
	align-items:stretch;
	flex-wrap:wrap;
	justify-content:space-evenly;
	max-width:910px;
	margin:0 auto;
}
.contact-screen .inner{
	background:#F3F3F3;
	border-radius:15px;
	padding:12px 25px;
	width:100%;
	max-width:210px;
	text-align:left;
}
.contact-screen .inner a, .contact-screen .inner p{
	color:var(--blue);
	text-decoration:none;
	font-weight:600;
	font-size:16px;
	line-height:26px;
}
.contact-screen .inner a:hover{
	color:var(--green);
}
.contact-screen svg{
	display:block;
}
@media(max-width:767px){
	.contact-screen .inner{
		max-width: 100%;
		margin: 10px 0;
		text-align: center;
	}
	.contact-screen .inner a,
	.contact-screen .inner p{
		display: block;
	}
	.contact-screen .inner svg{
		display: inline-block;
		margin: 0 auto;
	}
}
/* Map screen */
.map{
	width:100%;
	position:relative;
	height:430px;
}
.map iframe{
	width:100%;
	position:absolute;
	height:100%;
	left:0;
	top:0;
}
/* Sumar comanda */
.sumar-cerere-oferta{
	border:1px solid #E4E4E4;
	border-radius: 10px;
	padding: 20px;
}
.sumar-cerere-oferta table{
	text-align: left;
	width:100%;
	border:0;
	margin-bottom: 0;
}
.sumar-cerere-oferta table th{
	display: block;
	width: 100%;
}
.sumar-cerere-oferta table h3{
	font-size: 18px;
	line-height: 26px;
	border-bottom:1px solid #E4E4E4;
	margin-bottom: 10px;
	padding-bottom: 10px;
	font-weight:500;
	color:var(--black);
}
.sumar-cerere-oferta table td, .sumar-cerere-oferta table th, .sumar-cerere-oferta table tr{
	border:0;
	padding: 0;
}
.sumar-cerere-oferta table tr{
	margin-bottom: 15px;
	display: block;
}
.sumar-cerere-oferta table td{
	display:block;
	width:100%;
	padding-right:40px;
	position:relative;
	color:var(--grey);
}
.sumar-cerere-oferta table td ul{
	flex: 1 1 100%;
	margin:0;
	margin-top:5px;
}
.sumar-cerere-oferta table td ul li{
	display:flex;
}
.sumar-cerere-oferta table td ul li p{
	margin-bottom:0px;
}
.sumar-cerere-oferta table .product-quantity{
	position:absolute;
	top:0px;
	right:0;
}
.sumar-cerere-oferta .button{
	width:100%;
	margin-top: 20px;
}
/* product yellow box */
.yellow-product-box{
	background:var(--bg-project-n-product);
	border-radius:15px;
	padding:15px;
}
.yellow-product-box h2{
	color:#193047;
	font-weight:500;
	font-size:23px;
	line-height:29px;
	margin-bottom:10px;
}
.yellow-product-box a{
	text-decoration:underline;
}
.yellow-product-box ul, .yellow-product-box ol, .yellow-product-box li, .yellow-product-box p{
	margin-bottom:10px;
}
/* Partners */
.partners .inner{
	padding: 20px 40px;
}
.partners .logo{
	height: 88px;
	width: auto;
}
/* Testimonials */
.testimonials-container{
	align-items: stretch;
	margin-left:-6px;
	margin-right:-6px;
	flex-wrap:wrap;
	justify-content:center;
}
.testimonials-item{
	padding: 6px;
}
.testimonials-item .inner{
	padding: 40px;
	border:1px solid #D3D3D3;
	border-radius: 12px;
	position: relative;
	height: 100%;
	max-width: 480px;
}
.testimonials-item .inner svg{
	margin-bottom:20px;
}
.testimonials-item .inner p{
	margin-bottom: 0;
	color:#6D6E76;
}
.testimonials-item .inner .author_name{
	color:var(--blue);
	font-weight: 500;
	font-size: 18px;
	margin-top:10px;
}
.testimonials-item .inner .author_info span{
	color:var(--green);
	font-weight: 500;
	font-size: 16px;
	display: inline-block;
}
.testimonials-item .inner .author_company{
	position: relative;
	padding-left: 10px;
}
.testimonials-item .inner .author_company:before{
	display: block;
	content:'';
	position: absolute;
	top:13px;
	left: 0px;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background-color:var(--green);
}
/* blured info list */
.blured-list-container{
	align-items: stretch;
	flex-wrap: wrap;
}
.blured-list-item{
	padding: 10px;
	flex: 1 1 20%;
}
.blured-list-item .inner{
	position:relative;
	padding:15px 25px;
	height:100%;
	background: rgba(255, 255, 255, 0.62);
	border-radius: 16px;
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
	backdrop-filter: blur(5.3px);
	-webkit-backdrop-filter: blur(5.3px);
	border: 1px solid rgba(255, 255, 255, 0.3);
}
.blured-list-item p{
	font-size: 16px;
	line-height: 24px;
	margin-bottom:0;
}
.blured-list-item p.title{
	color:var(--blue);
	font-weight: 500;
	font-size: 18px;
	margin-bottom:5px;
}
@media(max-width:850px){
	.blured-list-item{
		flex: 1 1 49%;
		max-width: 49%;
	}
}
@media(max-width:767px){
	.blured-list-item{
		flex: 1 1 100%;
		max-width: 100%;
		text-align: center;
	}
}
/* Why to pick us */
.wtpu-screen{
	position: relative;
}
.wtpu-screen .vector{
	position: absolute;
	z-index: -1;
	top:0;
	left: 0;
	width: auto;
	height: 100%;
}
.wtpu-screen .line-vector{
	position:absolute;
	right:0;
	top:50%;
	transform:translateY(-50%);
}
.wtpu-screen .row{
	position: relative;
}
.wtpu-screen .side-image{
	position: absolute;
	top: 0;
	right: 70px;
	width: auto;
	max-width: 50%;
	height: auto;
	max-height: 100%;
}
.wtpu-screen .section-title-container{
	margin:0;
	margin-bottom: 50px;
	width:40%;
	max-width: 500px;
}
.wtpu-screen .blured-list-container{
	max-width: 1145px;
}
@media(max-width:767px){
	.wtpu-screen .side-image{
		position: static;
		width: 100%;
		max-width: 100%;
	}
	.wtpu-screen .section-title-container{
		width: 100%;
		max-width: 100%;
		text-align: center;
	}
	.wtpu-screen .vector{
		height: 50%;
		top:40%;
	}
}
/* Numbers container */
.numbers-container{
	margin: 0;
	list-style: none;
	flex-wrap:wrap;
}
.numbers-container .item{
	padding: 10px;
	flex: 1 1 20%;
	max-width:20%;
}
.numbers-container .number{
	border-bottom:1px solid var(--green);
	padding-bottom:10px;
	margin-bottom:10px;
}
.numbers-container .number span{
	font-size:45px;
	font-weight:bold;
	color:var(--green);
	line-height: 1;
}
.numbers-container p{
	line-height: 1.1;
}
@media(max-width:1367px){
	.numbers-container .item{
		flex: 1 1 33%;
		max-width: 33%;
	}
}
@media(max-width:850px){
	.numbers-container{
		justify-content: center;
	}
}
@media(max-width:767px){
	.numbers-container .number{
		border-bottom:0;
		padding-bottom:0;
	}
	.numbers-container p.info {
		font-size: 13px;
	}
	.numbers-container .number span{
		font-size: 35px;
	}
	.numbers-container .item{
		margin-bottom: 15px;
	}
}
/* First Screen */
.fs-screen{
	position: relative;
}
.fs-screen .vector{
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	height: 100%;
}
.fs-screen .container >  .flex-row{
	align-items: center;
	margin-left: -40px;
	margin-right:-40px;
}
.fs-screen .container > .flex-row .flex-item{
	padding: 10px 40px;
	position:relative;
}
.fs-screen .section-title-container,
.fs-screen .btn{
	margin-bottom: 40px;
}
.fs-screen .section-title-container h1,
.fs-screen .section-title-container h2,
.fs-screen .section-title-container h3, .fs-screen .section-title-container h4, .fs-screen .section-title-container h5, .fs-screen .section-title-container h6{
	margin-bottom: 0;
}
.fs-screen p{
	margin-top:10px;
	margin-bottom: 0;
}
.fs-screen .line-vector{
	position:absolute;
	left:53%;
	z-index: -1;
}
.fs-screen .line-vector.top-vector{
	top:0;
}
.fs-screen .line-vector.bottom-vector{
	bottom:0;
	left: 36%;
}
.general-fs-screen .left-vector{
	left:0;
	bottom:40px;
}
.general-fs-screen .right-vector{
	top:0;
}
@media(max-width:850px){
	.fs-screen .container >  .flex-row{
		flex-direction: column;
		justify-content: center;
		align-items: center;
		text-align: center;
	}
	.general-fs-screen .right-vector{
		left:unset;
		right: 0;
	}
}
@media(max-width:767px){
	.general-fs-screen .left-vector{
		bottom:0;
		left: 30px;
	}
	.general-fs-screen .right-vector{
		left:unset;
		right: 30px;
	}
}
/* Our services */
.our-services .blured-list-item{
	flex: 1 1 33%;
}
.our-services .blured-list-item .inner{
	background:#F3F3F3;
	backdrop-filter: unset;
	-webkit-backdrop-filter:unset;
	border: 0;
	box-shadow: none;
	padding: 15px;
}
.our-services .container > .flex-row{
	align-items: stretch;
	margin-left: -40px;
	margin-right: -40px;
}
.our-services .container > .flex-row .flex-item{
	padding: 10px 40px;
}
.our-services figure{
	position: relative;
	height: 100%;
}
.our-services figure:before,
.our-services figure:after{
	display: block;
	content:'';
	position: absolute;
	width:80%;
	z-index: -1;
	border-radius: 15px;
}
.our-services figure:before{
	height: 40%;
	top:0;
	right: 40px;
	background-color: var(--blue);
	transform:rotate(1deg);
}
.our-services figure:after{
	height: 40%;
	bottom:0;
	left: 40px;
	background-color: var(--green);
	transform:rotate(-2deg);
}
.our-services figure img{
	border-radius: 20px;
	object-fit: cover;
	width: 100%;
	height: 93%;
	position: absolute;
	top:50%;
	transform:translateY(-50%);
}
@media(max-width:1025px){
	.our-services .container > .flex-row{
		flex-direction: column;
		margin-left: 0;
		margin-right:0;
	}
	.our-services .container > .flex-row .flex-item{
		padding: 10px 0;
	}
	.our-services figure{
		aspect-ratio: 2 / 1;
	}
}
@media(max-width:767px){
	.our-services figure{
		aspect-ratio: 1.3 / 1;
	}
	.our-services .blured-list-item{
		flex: 1 1 100%;
		max-width: 100%;
		text-align: center;
	}
}
/* Integrated Solutions Screen */
.isc-screen {
	position:relative;
}
.isc-screen .vector.right-vector{
	position:absolute;
	right: 0;
	top:-60px;
	z-index: -1;
}
.isc-screen .container > .flex-row{
	align-items: center;
}
.isc-screen .container > .flex-row .flex-item{
	padding: 10px 30px;
	position: relative;
}
.isc-screen .image-item .outer-figure{
	overflow: hidden;
	width: 100%;
	-ms-transform: skew(-9deg, 0deg);
	-webkit-transform: skew(-9deg, 0deg);
	transform: skew(-9deg, 0deg);
	border-radius: 20px;
	aspect-ratio: 1 / 1.1;
	position: relative;
	z-index: 2;
}
.isc-screen .inner-figure{
	background-size: cover;
	background-position: center;
	left: -10%;
	position: absolute;
	top: 0;
	height: 100%;
	width: 120%;
	-ms-transform: skew(9deg, 0deg);
	-webkit-transform: skew(9deg, 0deg);
	transform: skew(9deg, 0deg);
}
.isc-screen .image-item .line-vector{
	position: absolute;
	top:45px;
	left: 0;
}
.isc-screen .image-item .circle-vector{
	position: absolute;
	bottom:-120px;
	left: -120px;
	z-index: -1;
}
.isc-screen .text-item .line-vector{
	position: absolute;
	bottom:0;
	right: 0;
}
.isc-screen .section-title-container,
.isc-screen .btn{
	margin: 0;
  margin-bottom: 40px;
}
.isc-screen .bluebox{
	border-radius: 20px;
	padding: 15px 0;
	margin-bottom:20px;
	color:#fff;
	display: flex;
	flex-direction: row;
	align-items: center;
	position: relative;
	width: 100%;
}
.isc-screen .bluebox:before{
	display: block;
	width: 120%;
	height: 100%;
	max-height:135px;
	top:0;
	left:-25%;
	z-index: -1;
	content:'';
	position: absolute;
	background-image:url('../img/banner-isc.png');
	background-repeat: no-repeat;
	background-size: cover;
	border-bottom-right-radius: 80px;
}
.isc-screen .bluebox p{
	max-width: 370px;
	margin-left:10px;
	padding-left:10px;
	border-left:1px solid #fff;
}
@media(max-width:850px){
	.isc-screen .container > .flex-row{
		flex-direction: column;
	}
	.isc-screen .vector.right-vector, .isc-screen .image-item .circle-vector{
		display: none;
	}
	.isc-screen .container > .flex-row > .flex-item{
		padding: 10px 0;
		text-align:center;
	}
	.isc-screen .container > .flex-row .flex-item.image-item{
		width: 100%;
		max-width: 90%;
		padding: 10px 30px;
		margin:0 auto;
	}
	.isc-screen .container .section-title-container{
		text-align: center;
	}
	.isc-screen .text-item .line-vector{
		z-index: -2;
	}
}
@media(max-width:767px){
	.isc-screen .bluebox{
		background-color:var(--blue);
		flex-wrap:wrap;
		padding:15px;
	}
	.isc-screen .bluebox figure{
		margin:0 auto;
		display:block;
	}
	.isc-screen .bluebox p{
		text-align:center;
		border:none;
		margin:0px;
		padding:10px 0px;
	}
	.isc-screen .bluebox:before{
		display: none;
	}
}
/* Mission vision values*/
.mission-vision{
	align-items: stretch;
	padding: 100px 0 140px;
}
.mission-vision .flex-item{
	padding: 10px 70px;
	position:relative;
}
.mission-vision .inner-container{
	position: relative;
	height: 100%;
}
.mission-vision .inner-mv{
	padding: 80px;
	position: relative;
	height: 100%;
	margin:0 auto;
}
.mission-vision .inner-mv,
.mission-vision .inner-mv .section-title{
	color:#fff;
}
.mission-vision .inner-mv:before{
	display: block;
	content:'';
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: var(--blue);
	top:0;
	left: 0;
	transform:skewX(-15deg) skewY(-5deg);
	border-radius:40px;
	z-index: -1;
}
.mission-vision .inner-container .triangle {
	position: absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	text-align: left;
}
.mission-vision .inner-container .triangle:before,
.mission-vision .inner-container .triangle:after {
	content: '';
	position: absolute;
	background-color: var(--green);
	border-radius: 30px;
  z-index: -1;
}
.mission-vision .inner-container .triangle:before{
	transform: rotate(35deg) skewX(35deg);
	width: 50%;
	height: 50%;
	top: 100px;
	left: -15px;
}
.mission-vision .inner-container .triangle:after{
	transform: rotate(0) skewX(0deg);
	width: calc(100% - 25px);
	height: 45%;
	bottom: -40px;
	left: 20px;
}
.values-box-container{
	align-items: stretch;
	flex-wrap: wrap;
}
.values-box-container .item{
	padding: 10px;
	flex: 1 1 20%;
}
.values-box-container .item .inner{
	padding: 25px 20px;
	position: relative;
	height: 100%;
	background-color:var(--blue);
	color:#fff;
	border-radius: 14px;
}
.values-box-container .item .inner .title{
	margin:10px 0 20px;
	font-size: 24px;
	line-height: 34px;
	font-weight: 500;
	color:var(--green);
}
.values-box-container .item:nth-child(even) .inner{
	background-color:var(--green);
	color:var(--black);
}
.values-box-container .item:nth-child(even) .inner .title{
	color:var(--blue);
}
@media(max-width:850px){
	.mission-vision{
		flex-direction: column;
		padding: 0;
	}
	.mission-vision .flex-item{
		margin-bottom: 100px;
	}
	.values-box-container .item{
		flex: 1 1 32%;
	}
}
@media(max-width:767px){
	.mission-vision .flex-item{
		padding: 10px 20px;
	}
	.mission-vision .inner-mv{
		padding:45px;
		padding-right: 27px;
	}
	.mission-vision .inner-mv:before{
		transform: skewX(-7deg) skewY(-5deg);
	}
	.values-box-container .item{
		flex: 1 1 100%;
	}
}
/*Team */
.team-container {
	text-align: center;
}
.team-container .item{
	vertical-align: top;
	padding: 10px;
	display: inline-block;
	width: 24%;
	margin-bottom: 40px;
}
.team-container .item figure{
	position: relative;
	border-radius:15px;
	overflow: hidden;
	aspect-ratio: 1/1.1;
	margin-bottom: 14px;
}
.team-container .item  p{
	color:var(--green);
	font-weight: 500;
	font-size: 20px;
	line-height: 24px;
}
.team-container .item  p.name{
	text-transform: uppercase;
	color:var(--blue);
}
@media(max-width:850px){
	.team-container .item{
		width:32%;
	}
}
@media(max-width:767px){
	.team-container .item{
		width:100%;
	}
}
/* Projects grid */
.projects_grid .btn{
	margin-top:40px;
}
.projects_grid .post-preview-project .inner{
	aspect-ratio: 1/1.4;
}
@media(max-width:767px){
	.projects_grid .post-preview-project .inner{
		aspect-ratio: 1.2/1;
	}
}
/* Sustainable Future */
.isc-screen.sustainable-future .flex-row{
	align-items: start;
	margin-left:-80px;
	margin-right: -80px;
}
.isc-screen.sustainable-future .flex-row .flex-item{
	padding: 10px 80px;
	position: relative;
}
.isc-screen.sustainable-future .text-item{
	padding-right: 140px;
}
.isc-screen.sustainable-future .text-item .line-vector{
	position: static;
	margin-bottom: 40px;
}
.sustainable-future .blured-list-item{
	max-width: 240px;
	position: absolute;
	top:20%;
	left: 0;
	z-index: 2;
}
.sustainable-future .image-item:after{
	display: block;
  content: '';
  position: absolute;
  background-size: contain;
  width: 101%;
  height: 112%;
  background-repeat: no-repeat;
  z-index: -1;
  background-image: url(../img/project-bottom.svg);
  bottom: -72px;
  right: 0;
}
.sustainable-future .green-line{
	position: absolute;
	width: 165%;
	bottom: 0;
	max-width: unset;
	right: -15%;
	z-index: -1;
}
.sustainable-future .green-line:after{
  display: block;
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  animation-name: aboutLine;
  animation-duration: 8s;
  animation-iteration-count: 1;
  animation-direction: alternate;
  animation-timing-function: cubic-bezier(0.1, 0.1, 0.4, 0.1);
	animation-fill-mode: forwards;
}
@media(max-width:850px){
	.isc-screen.sustainable-future .flex-row{
		margin-left: 0;
		margin-right: 0;
	}
	.isc-screen.sustainable-future .flex-row .flex-item.text-item{
		padding: 10px 0;
	}
	.isc-screen.sustainable-future .text-item .line-vector{
		position: static;
		margin-top: 40px;
		margin-bottom:0;
	}
}
/* Popup */
.popup-energypal{
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 9999999;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-color: rgba(0, 0, 0, 0.6);
}
.popup-energypal.show-popup{
	display: flex;
}
.popup-energypal .flex-item.image-item{
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.popup-energypal .flex-item.image-item img{
	width: auto;
	max-width: 200px;
	height: auto;
}
.popup-energypal .popup-container{
	width: 100%;
	max-width: 745px;
	padding: 30px;
	border-radius: 10px;
	position: relative;
	background-color:#fff;
}
.popup-energypal .popup-container .section-title-container{
	margin-bottom: 20px;
}
.popup-energypal .section-title-container.wysiwyg-title h1,
.popup-energypal .section-title-container.wysiwyg-title h2,
.popup-energypal .section-title-container.wysiwyg-title h3,
.popup-energypal .section-title-container.wysiwyg-title h4,
.popup-energypal .section-title-container.wysiwyg-title h5,
.popup-energypal .section-title-container.wysiwyg-title h6 {
    font-size: 37px;
}
.popup-container .close{
	position: absolute;
	top:-10px;
	right: -10px;
	cursor: pointer;
}
.popup-energypal .line-vector{
	z-index: 0;
	transform: scale(1);
}
@media(max-width:1367px){
	.popup-energypal .section-title-container.wysiwyg-title h1,
	.popup-energypal .section-title-container.wysiwyg-title h2,
	.popup-energypal .section-title-container.wysiwyg-title h3,
	.popup-energypal .section-title-container.wysiwyg-title h4,
	.popup-energypal .section-title-container.wysiwyg-title h5,
	.popup-energypal .section-title-container.wysiwyg-title h6 {
	    font-size: 30px;
	}
}
@media(max-width:850px){
	.popup-energypal .popup-container{
		max-width: 650px;
	}
	.popup-energypal .section-title-container.wysiwyg-title h1,
	.popup-energypal .section-title-container.wysiwyg-title h2,
	.popup-energypal .section-title-container.wysiwyg-title h3,
	.popup-energypal .section-title-container.wysiwyg-title h4,
	.popup-energypal .section-title-container.wysiwyg-title h5,
	.popup-energypal .section-title-container.wysiwyg-title h6 {
	    font-size: 28px;
	}
}
@media(max-width:767px){
	.popup-energypal{
		justify-content: flex-start;
		padding: 40px 0;
		overflow-y: scroll;
	}
	.popup-energypal .popup-container{
		max-width: 93%;
		flex-direction: column;
	}
}
@media(max-height:400px){
	.popup-energypal{
		justify-content: flex-start;
		padding: 40px 0;
		overflow-y: scroll;
	}
	.popup-energypal .popup-container{
		max-width: 93%;
		flex-direction: column;
	}
}
/* Projects Grid */
@media(max-width:850px){
	.projects_grid .grid.grid-4 > .inner, .projects_grid .grid.grid-3 > .inner, .projects_grid .grid.grid-2 > .inner{
		padding: 15px 15px;
	}
}