/* start aliniere containere - stanga dreapta*/
.green.project-container-align-right .project-container-content .tablet-project {
	margin-left: 39%;
}
.green.project-container-align-right .project-container-content .laptop-project {
	margin-left: 43%;
}
.project-container-align-left .project-container-content .mobile-project {
	left: 14%;
	top: 63%;
}
.project-container-align-left .project-container-content .laptop-project {
	left: 42%;
}
.red.project-container-align-right .project-container-content .mobile-project {
	margin-left: 45%;
}
.red.project-container-align-right .project-container-content .tablet-project-landscape {
	margin-left: 61%;
}
.project-container-align-left .project-container-content .only-laptop-project .laptop-project {
	margin-left: -30%;
}


/* end aliniere containere - stanga dreapta*/
/* start containers with devices */
.project-container-content .mobile-project {
	width:19rem;
	height: 18.7rem;
	position:absolute;
	top:59%;
	left:14%;
	margin-left:-24%;
	padding: 2.1rem 2.02rem 3.4rem 9.4rem;
	z-index: 100;
	background: transparent url(/upload/img/projects/mobile.png) no-repeat 50% 50%;
	background-size: 100% 100%;
	-webkit-transform: translate3d(-50%,-50%,0);
	-moz-transform: translate3d(-50%,-50%,0);
	-ms-transform: translate3d(-50%,-50%,0);
	-o-transform: translate3d(-50%,-50%,0);
	transform: translate3d(-50%,-50%,0);
}
.project-container-content .mobile-project img {
	width: 100%;
	height: 100%;
}
.project-container-content .tablet-project {
	width:28rem;
	height:27rem;
	position:absolute;
	top:47%;
	left:27%;
	margin-left:-24%;
	padding: 1.7rem 1.9rem 3.3rem 9rem;
	background: transparent url(/upload/img/projects/tablet.png) no-repeat 50% 50%;
	background-size: 100% 100%;
	-webkit-transform: translate3d(-50%,-50%,0);
	-moz-transform: translate3d(-50%,-50%,0);
	-ms-transform: translate3d(-50%,-50%,0);
	-o-transform: translate3d(-50%,-50%,0);
	transform: translate3d(-50%,-50%,0);
}
.project-container-content .tablet-project img {
	width:100%;
	height:100%;
}
.project-container-content .laptop-project {
	width:49rem;
	height:29rem;
	position:absolute;
	top:58%;
	left:54%;
	margin-left:-24%;
	padding: 1.4rem 8.6rem 7.5rem 8.3rem;
	background: transparent url(/upload/img/projects/laptop.png) no-repeat 50% 50%;
	background-size: 100% 100%;
	-webkit-transform: translate3d(-50%,-50%,0);
	-moz-transform: translate3d(-50%,-50%,0);
	-ms-transform: translate3d(-50%,-50%,0);
	-o-transform: translate3d(-50%,-50%,0);
	transform: translate3d(-50%,-50%,0);
}
.project-container-content .laptop-project img {
	width:100%;
	height: 100%;
}
.project-container-align-right .mobile-project {
	margin-left: 41%;
	top: 63%;
}
.project-container-align-right .laptop-project {
	margin-left: 29%;
}
.red .mobile-project {
	margin-left: -14%;
}
.red .tablet-project-landscape {
	width: 45rem;
	height: 18.7rem;
	position: absolute;
	top: 48%;
	left: 18%;
	margin-left: 3%;
	padding: 2.3rem 4.3rem 22.55rem 11.5rem;
	background: transparent url(/upload/img/projects/tablet-landscape.png) no-repeat 50% 50%;
	background-size: 100% 100%;
	-webkit-transform: translate3d(-50%,-50%,0);
	-moz-transform: translate3d(-50%,-50%,0);
	-ms-transform: translate3d(-50%,-50%,0);
	-o-transform: translate3d(-50%,-50%,0);
	transform: translate3d(-50%,-50%,0);
}
.red .tablet-project-landscape img {
	width: 100%;
}
.only-laptop-project .laptop-project {
	margin-left: 21%;
}
@media only screen and (max-width: 1366px) {
	.project-container-content .mobile-project {
		padding: 2.1rem 1.9rem 3.4rem 9.25rem;
		margin-left: -18%;
	}
	.project-container-content .tablet-project {
		padding: 1.8rem 1.8rem 3.3rem 8.9rem;
		margin-left: -22%;
	}
	.project-container-content .laptop-project {
		padding: 1.7rem 8.5rem 7.6rem 8.2rem;
		margin-left: -22%;
	}
	.project-container-align-right .mobile-project {
		margin-left: 36%;
	}
	.project-container-align-right .laptop-project {
		margin-left: 20%;
	}
	.red .mobile-project {
		margin-left: -5%;
	}
	.red .tablet-project-landscape {
		margin-left: 8%;
		top: 49%;
	}
	.green.project-container-align-right .mobile-project {
		margin-left: 35%;
	}
	.green.project-container-align-right .project-container-content .tablet-project {
		margin-left: 31%;
	}
	.green.project-container-align-right .project-container-content .laptop-project {
		margin-left: 29%;
	}
	.project-container-align-left .project-container-content .mobile-project {
		margin-left: -12%;
	}
	.project-container-align-left .project-container-content .laptop-project {
		left: 47%;
	}
	.red.project-container-align-right .project-container-content .mobile-project {
		margin-left: 42%;
	}
	.red.project-container-align-right .project-container-content .tablet-project-landscape {
		margin-left: 55.3%;
	}
	.project-container-align-left .project-container-content .only-laptop-project .laptop-project {
		margin-left: -21%;
	}
}
@media only screen and (max-width: 1024px) {
	.project-container-content .mobile-project {
		margin-left: -12%;
	}
	.project-container-content .tablet-project {
		margin-left: -15%;
	}
	.project-container-content .laptop-project {
		margin-left: -17%;
	}
	.project-container-align-right .mobile-project {
		margin-left: 36%;
	}
	.project-container-align-right .laptop-project {
		margin-left: 20%;
	}
	.red .mobile-project {
		margin-left: -5%;
	}
	.red .tablet-project-landscape {
		margin-left: 8%;
		top: 49%;
	}
	.green.project-container-align-right .mobile-project {
		margin-left: 30%;
	}
	.green.project-container-align-right .project-container-content .tablet-project {
		margin-left: 26%;
		top: 48%;
	}
	.green.project-container-align-right .project-container-content .laptop-project {
		margin-left: 24%;
	}
	.project-container-align-left .project-container-content .mobile-project {
		margin-left: -10%;
	}
	.project-container-align-left .project-container-content .laptop-project {
		left: 44%;
	}
	.red.project-container-align-right .project-container-content .mobile-project {
		margin-left: 40%;
	}
	.red.project-container-align-right .project-container-content .tablet-project-landscape {
		margin-left: 54.4%;
	}
	.project-container-align-left .project-container-content .only-laptop-project .laptop-project {
		margin-left: -17%;
	}
}
@media only screen and (max-width: 823px) {
	.project-container-content .mobile-project {
		width: 15rem;
		height: 15rem;
		padding: 1.6rem 1.59rem 2.69rem 7.4rem;
		margin-left: -14%;
	}
	.project-container-content .tablet-project {
		width: 24rem;
		height: 22rem;
		padding: 1.5rem 1.6rem 2.7rem 7.7rem;
		top: 49%;
		margin-left: -17%;
	}
	.project-container-content .laptop-project {
		width: 41rem;
		height: 25rem;
		padding: 1.4rem 7.2rem 6.5rem 6.8rem;
		margin-left: -18%;
	}
	.project-container-align-right .mobile-project {
		top: 60%;
		margin-left: 37%;
	}
	.project-container-align-right .laptop-project {
		top:54%;
		margin-left: 22%;
	}
	.red .mobile-project {
		margin-left: -4%;
	}
	.red .tablet-project-landscape {
		width: 34.1rem;
		height: 19rem;
		padding: 1.74rem 3.2rem 13rem 8.6rem;
		top: 51%;
		margin-left: 8%;
	}
	.green.project-container-align-right .mobile-project {
		margin-left: 29%;
	}
	.green.project-container-align-right .project-container-content .tablet-project {
		margin-left: 25%;
		top: 48%;
	}
	.green.project-container-align-right .project-container-content .laptop-project {
		margin-left: 24%;
	}
	.project-container-align-left .project-container-content .mobile-project {
		margin-left: -11%;
		top: 61%;
	}
	.project-container-align-left .project-container-content .laptop-project {
		left: 45%;
		top: 55%;
	}
	.red.project-container-align-right .project-container-content .mobile-project {
		margin-left: 40%;
	}
	.red.project-container-align-right .project-container-content .tablet-project-landscape {
		margin-left: 52.4%;
	}
	.project-container-align-left .project-container-content .only-laptop-project .laptop-project {
		margin-left: -18%;
	}
}
@media only screen and (max-width: 812px) {
	.project-container-content .mobile-project {
		width: 12rem;
		height: 12.4rem;
		padding: 1.4rem 1.24rem 2.25rem 5.95rem;
		top: 57%;
		margin-left: -13%;
	}
	.project-container-content .tablet-project {
		top: 48%;
		margin-left: -18%;
		width: 20rem;
		height: 18rem;
		padding: 1.2rem 1.3rem 2.2rem 6.4rem;
	}
	.project-container-content .laptop-project {
		top: 55%;
		margin-left: -20%;
		width: 37rem;
		height: 22rem;
		padding: 1.34rem 6.58rem 5.8rem 6.2rem;
	}
	.project-container-align-right .mobile-project {
		top: 61%;
		margin-left: 39%;
	}
	.project-container-align-right .laptop-project {
		margin-left: 22%;
	}
	.red .mobile-project {
		margin-left: -3%;
	}
	.red .tablet-project-landscape {
		width: 29rem;
		height: 14.8rem;
		padding: 1.33rem 2.8rem 14.3rem 7.7rem;
		top: 50%;
		margin-left: 7%;
	}
	.green.project-container-align-right .mobile-project {
		margin-left: 32%;
	}
	.green.project-container-align-right .project-container-content .tablet-project {
		margin-left: 27%;
	}
	.green.project-container-align-right .project-container-content .laptop-project {
		margin-left: 26%;
	}
	.project-container-align-left .project-container-content .mobile-project {
		margin-left: -9%;
	}
	.project-container-align-left .project-container-content .laptop-project {
		left: 47%;
	}
	.red.project-container-align-right .project-container-content .mobile-project {
		margin-left: 43%;
	}
	.red.project-container-align-right .project-container-content .tablet-project-landscape {
		margin-left: 52.4%;
	}
	.project-container-align-left .project-container-content .only-laptop-project .laptop-project {
		margin-left: -19%;
	}
}
@media only screen and (max-width: 768px) {
	.project-container-content .mobile-project {
		top:40%;
		margin-left: 3%;
		width: 14rem;
		height: 14.4rem;
		padding: 1.6rem 1.5rem 2.6rem 6.9rem;
	}
	.project-container-content .tablet-project {
		top: 27%;
		margin-left: 3%;
		width: 23rem;
		height: 22rem;
		padding: 1.5rem 1.6rem 2.7rem 7.4rem;
	}
	.project-container-content .laptop-project {
		top:36%;
		margin-left: 10%;
		width: 42rem;
		height: 25rem;
		padding: 1.5rem 7.4rem 6.5rem 7.1rem;
	}
	.project-container-align-right .mobile-project {
		margin-left: 16%;
		top: 42%;
	}
	.project-container-align-right .laptop-project {
		margin-left: 3%;
	}
	.red .mobile-project {
		margin-left: 16%;
	}
	.red .tablet-project-landscape {
		width: 33rem;
		height: 15.7rem;
		padding: 1.6rem 3.2rem 16.35rem 8.6rem;
		top: 32%;
		margin-left: 29%;
	}
	.only-laptop-project .laptop-project {
		margin-left: -5%;
	}
	.green.project-container-align-right .mobile-project {
		margin-left: 3%;
	}
	.green.project-container-align-right .project-container-content .tablet-project {
		margin-left: 1%;
		top: 28%;
	}
	.green.project-container-align-right .project-container-content .laptop-project {
		top:36%;
		margin-left: 5%;
	}
	.project-container-align-left .project-container-content .mobile-project {
		margin-left: 8%;
		top: 44%;
	}
	.project-container-align-left .project-container-content .laptop-project {
		left: 39%;
	}
	.red.project-container-align-right .project-container-content .mobile-project {
		margin-left: 15%;
	}
	.red.project-container-align-right .project-container-content .tablet-project-landscape {
		margin-left: 27.4%;
	}
	.project-container-align-left .project-container-content .only-laptop-project .laptop-project {
		margin-left: 11%;
	}
}
@media only screen and (max-width: 736px) {
	.project-container-content .mobile-project {
		width: 15rem;
		height: 15rem;
		padding: 1.6rem 1.59rem 2.69rem 7.4rem;
	}
	.project-container-content .tablet-project {
		width: 24rem;
		height: 23rem;
		padding: 1.5rem 1.6rem 2.7rem 7.7rem;
	}
	.project-container-content .laptop-project {
		width: 44rem;
		height: 27rem;
		padding: 1.5rem 7.5rem 6.5rem 7.1rem;
		margin-left: 12%;
	}
	.project-container-align-right .mobile-project {
		top: 42%;
		margin-left: 7%;
	}
	.project-container-align-right .laptop-project {
		top: 33%;
		margin-left: -3%;
	}
	.red .mobile-project {
		margin-left: 14%;
	}
	.red .tablet-project-landscape {
		width: 34.5rem;
		height: 19rem;
		padding: 1.6rem 3.2rem 14rem 8.6rem;
		top: 32%;
		margin-left: 29%;
	}
	.green.project-container-align-right .mobile-project {
		margin-left: 2%;
	}
	.green.project-container-align-right .project-container-content .tablet-project {
		margin-left: 0%;
	}
	.green.project-container-align-right .project-container-content .laptop-project {
		margin-left: 9%;
	}
	.project-container-align-left .project-container-content .laptop-project {
		left: 39%;
		top: 34%;
	}
	.red.project-container-align-right .project-container-content .mobile-project {
		margin-left: 13%;
		top: 41%;
	}
	.project-container-align-left .project-container-content .only-laptop-project .laptop-project {
		margin-left: 12%;
		top: 31%;
	}
}
@media only screen and (max-width: 640px) {
	.project-container-content .mobile-project {
		width: 15rem;
		height: 15rem;
		padding: 1.6rem 1.59rem 2.69rem 7.4rem;
		top: 39%;
		margin-left: -4%;
	}
	.project-container-content .tablet-project {
		width: 24rem;
		height: 23rem;
		padding: 1.5rem 1.6rem 2.7rem 7.7rem;
		top: 22%;
		margin-left: -4%;
	}
	.project-container-content .laptop-project {
		width: 44rem;
		height: 27rem;
		padding: 1.5rem 7.5rem 6.5rem 7.1rem;
		margin-left: 11%;
	}
	.project-container-align-right .mobile-project {
		top: 38%;
		margin-left: 2%;
	}
	.project-container-align-right .laptop-project {
		top: 28%;
		margin-left: -3%;
	}
	.red .mobile-project {
		margin-left: 12%;
		top: 35%;
	}
	.red .tablet-project-landscape {
		padding: 1.7rem 3.3rem 14rem 8.75rem;
		top: 26%;
		margin-left: 29%;
	}
	.green.project-container-align-right .mobile-project {
		margin-left: -4%;
		top: 34%;
	}
	.green.project-container-align-right .project-container-content .tablet-project {
		margin-left: -3%;
		top: 21%;
	}
	.green.project-container-align-right .project-container-content .laptop-project {
		margin-left: 11%;
		top: 30%;
	}
	.project-container-align-left .project-container-content .mobile-project {
		margin-left: 1%;
		top: 36%;
	}
	.project-container-align-left .project-container-content .laptop-project {
		left: 39%;
		top: 27%;
	}
	.red.project-container-align-right .project-container-content .mobile-project {
		margin-left: 9%;
		top: 35%;
	}
	.project-container-align-left .project-container-content .only-laptop-project .laptop-project {
		top: 28%;
		margin-left: 10%;
	}
}
@media only screen and (max-width: 568px) {
	.project-container-content .mobile-project {
		top: 28%;
		margin-left: 3%;
		width: 11.7rem;
		height: 11.6rem;
		padding: 1.3rem 1.2rem 1.88rem 5.8rem;
	}
	.project-container-content .tablet-project {
		top: 18%;
		margin-left: 2%;
		width: 17rem;
		height: 16.5rem;
		padding: 1.1rem 1.13rem 1.9rem 5.4rem;
	}
	.project-container-content .laptop-project {
		width: 34rem;
		height: 20.5rem;
		padding: 1.1rem 5.65rem 5rem 5.4rem;
		top: 26%;
		margin-left: 10%;
	}
	.project-container-align-right .mobile-project {
		margin-left: 5%;
		top: 32%;
	}
	.project-container-align-right .laptop-project {
		margin-left: -4%;
	}
	.red .mobile-project {
		margin-left: 68px;
		top: 31%;
	}
	.red .tablet-project-landscape {
		width: 25.8rem;
		height: 14.1rem;
		padding: 1.3rem 2.47rem 9rem 6.7rem;
		top: 24%;
		margin-left: 29%;
	}
	.green.project-container-align-right .mobile-project {
		top: 28%;
		margin-left: 3%;
	}

	.green.project-container-align-right .project-container-content .tablet-project {
		top: 18%;
		margin-left: 2%;
	}
	.green.project-container-align-right .project-container-content .laptop-project {
		top: 26%;
		margin-left: 10%;
	}
	.project-container-align-left .project-container-content .mobile-project {
		top: 32%;
		margin-left: 5%;
	}
	.project-container-align-left .project-container-content .laptop-project {
		top: 26%;
		margin-left: 11%;
	}
	.red.project-container-align-right .project-container-content .mobile-project {
		margin-left: 12%;
		top: 33%;
	}
	.red.project-container-align-right .project-container-content .tablet-project-landscape {
		margin-left: 26.4%;
		top: 27%;
	}
	.project-container-align-left .project-container-content .only-laptop-project .laptop-project {
		margin-left: 9%;
		top: 27%;
	}
}
@media only screen and (max-width: 414px) {
	.project-container-content .mobile-project {
		top: 28%;
		margin-left: -11%;
		width: 10rem;
		height: 10.4rem;
		padding: 1.2rem 1rem 1.8rem 4.9rem;
	}
	.project-container-content .tablet-project {
		top: 18%;
		margin-left: -10%;
		width: 16rem;
		height: 16rem;
		padding: 1rem 1.1rem 1.8rem 5.1rem;
	}
	.project-container-content .laptop-project {
		width: 32rem;
		height: 19rem;
		padding: 1.1rem 5.65rem 5rem 5.4rem;
		top: 28%;
		margin-left: 5%;
	}
	.project-container-align-right .mobile-project {
		margin-left: -3%;
		top: 32%;
	}
	.project-container-align-right .laptop-project {
		top: 26%;
		margin-left: -4%;
	}
	.red .mobile-project {
		margin-left: 32px;
		top: 31%;
	}
	.red .tablet-project-landscape {
		width: 24rem;
		height: 12.9rem;
		padding: 1.2rem 2.2rem 12.09rem 6.1rem;
		top: 24%;
		margin-left: 28%;
	}
	.green.project-container-align-right .mobile-project {
		margin-left: -10%;
		top: 36%;
	}
	.green.project-container-align-right .project-container-content .tablet-project {
		margin-left: -9%;
		top: 27%;
	}
	.green.project-container-align-right .project-container-content .laptop-project {
		top: 34%;
		margin-left: 9%;
	}
	.project-container-align-left .project-container-content .mobile-project {
		margin-left: 0%;
		top: 32%;
	}
	.project-container-align-left .project-container-content .laptop-project {
		left: 43%;
		top: 25%;
	}
	.red.project-container-align-right .mobile-project {
		margin-left: 7%;
		top: 31%;
	}
	.red.project-container-align-right .tablet-project-landscape {
		width: 25rem;
		height: 13.9rem;
		padding: 1.3rem 2.4rem 12.3rem 6.38rem;
		margin-left: 26.4%;
		top: 24%;
	}
	.project-container-align-left .project-container-content .only-laptop-project .laptop-project {
		margin-left: 6%;
		top: 26%;
	}
}
@media only screen and (max-width: 375px) {
	.project-container-content .mobile-project {
		margin-left: -14%;
		padding: 1.2rem 1.06rem 1.9rem 4.87rem;
	}
	.project-container-content .tablet-project {
		margin-left: -11%;
	}
	.project-container-content .laptop-project {
		margin-left: 3%;
	}
	.project-container-align-right .mobile-project {
		margin-left: -1%;
	}
	.project-container-align-right .laptop-project {
		padding: 1.1rem 5.6rem 5rem 5.4rem;
	}
	.red .mobile-project {
		margin-left: 15px;
	}
	.red .tablet-project-landscape {
		width: 27rem;
		height: 14.9rem;
		padding: 1.4rem 2.6rem 11.1rem 7rem;
		top: 25%;
		margin-left: 28%;
	}
	.only-laptop-project .laptop-project {
		margin-left: -3%;
	}
	.green.project-container-align-right .mobile-project {
		margin-left: -13%;
		top: 31%;
	}
	.green.project-container-align-right .project-container-content .tablet-project {
		margin-left: -12%;
		top: 22%;
	}
	.green.project-container-align-right .project-container-content .laptop-project {
		top: 29%;
		margin-left: 4%;
	}
	.project-container-align-left .project-container-content .mobile-project {
		margin-left: -5%;
	}
	.project-container-align-left .project-container-content .laptop-project {
		margin-left: -1%;
	}
	.red.project-container-align-right .project-container-content .mobile-project {
		margin-left: 3%;
		top: 33%;
	}
	.red.project-container-align-right .project-container-content .tablet-project-landscape {
		margin-left: 27.4%;
		top: 24%;
	}
	.project-container-align-left .project-container-content .only-laptop-project .laptop-project {
		margin-left: 3%;
		top: 26%;
	}
}
@media only screen and (max-width: 320px) {
	.project-container-content .mobile-project {
		width: 10rem;
		height: 9.9rem;
		padding: 1.05rem 1.1rem 1.8rem 4.9rem;
	}
	.project-container-content .tablet-project {
		width: 13.4rem;
		height: 14rem;
		padding: 0.9rem 1rem 1.7rem 4.33rem;
	}
	.project-container-content .laptop-project {
		width: 29rem;
		height: 17.3rem;
		padding: 0.9rem 5.1rem 4.7rem 4.8rem;
	}
	.project-container-align-right .mobile-project {
		margin-left: -1%;
	}
	.project-container-align-right .laptop-project {
		margin-left: -2%;
		padding: 0.9rem 5.1rem 4.6rem 4.8rem;
	}
	.red .mobile-project {
		margin-left: 11px;
		padding: 1.05rem 1.1rem 1.8rem 5rem;
		top: 29%;
	}
	.red .tablet-project-landscape {
		width: 27rem;
		height: 14.9rem;
		padding: 1.4rem 2.6rem 11rem 7rem;
		top: 21%;
		margin-left: 28%;
	}
	.only-laptop-project .laptop-project {
		margin-left: -3%;
	}
	.green.project-container-align-right .mobile-project {
		margin-left: -10%;
	}
	.green.project-container-align-right .project-container-content .tablet-project {
		margin-left: -9%;
	}
	.green.project-container-align-right .project-container-content .laptop-project {
		margin-left: 9%;
	}
	.project-container-align-left .project-container-content .mobile-project {
		margin-left: -2%;
		padding: 1.05rem 1.08rem 1.75rem 4.9rem;
		top: 31%;
	}
	.project-container-align-left .project-container-content .laptop-project {
		margin-left: 8%;
		padding: 0.9rem 5.1rem 4.6rem 4.75rem;
		top: 26%;
	}
	.red.project-container-align-right .project-container-content .mobile-project {
		margin-left: 4%;
		top: 32%;
	}
	.red.project-container-align-right .project-container-content .tablet-project-landscape {
		width: 27rem;
		height: 14.9rem;
		padding: 1.4rem 2.6rem 11rem 7rem;
		margin-left: 26.4%;
		top: 23%;
	}
	.project-container-align-left .project-container-content .only-laptop-project .laptop-project {
		margin-left: 5%;
		top: 26%;
	}
}