body {
	font-family: 'Heebo', sans-serif;
	background: #fff;
	color: #212124;
	margin: 0px 20px;
}
.logos-row {
	width: 1205px;
	height: 70px;
	margin: 10px auto 20px auto;
	padding: 0 25px 0 0;
}
.footer-row, .underconstruction-row {
	width: 1200px;
	height: 70px;
	text-align: center;
	margin: 0 auto 0 auto;
	padding:0 25px 0 0;
	position: relative;
}
	.pull-right{ float:right;}
	.pull-left{ float:left;}
.underconstruction-row p {
	font-size:20px;
}
	.footer-row p, .underconstruction-row p {
		margin: 5px auto 10px auto;
	}
.square-flip {
		-webkit-perspective: 1000;
		-moz-perspective: 1000;
		-ms-perspective: 1000;
		perspective: 1000;
		-webkit-transform: perspective(1000px);
		-moz-transform: perspective(1000px);
		-ms-transform: perspective(1000px);
		transform: perspective(1000px);
		-webkit-transform-style: preserve-3d;
		-moz-transform-style: preserve-3d;
		-ms-transform-style: preserve-3d;
		transform-style: preserve-3d;
		/*border:1px solid #efefef;*/
		position: relative;
		float: left;
		margin: 0 1px 1px 0;
	}
		a, a:hover {
			border: none;
			color: #fff;
			text-decoration: none;
		}
		h1 {
			text-align: center;
			font-weight: 100;
			font-size: 26px;
			margin: 0 30px 0 10px;
			padding: 10px 0 0 0;
			color: #555;
			/*background-color:#555;*/
		}       
		.square-flip{
			width:300px;
			height:200px;
		}
		.square-flip-last {
			width: 1200px !important;
			height: 200px;
		}
		.square-container-last {
			width: 1200px;			
			margin: 20px 0 5px 0;
			position:relative;
			float:left;
		}
		.square-container-last h1  {
			text-align:left;
			padding:5px 0 5px 0 ;
			margin:0;
			/*font-size:20px;*/
		}
		.square-container-last .gallery{
			text-align:left;
			overflow:hidden;
		}
		.square-container-last .gallery a {
			/*width: 300px;*/
			/*height: 200px;*/
			margin: 0 0 0 0;
			padding:0;
		}
		.square,.square2{
			width:100%;
			height:100%;
		}
		.square{
			background-size: cover;
			background-position:center center;
			-ms-transition: transform 0.60s cubic-bezier(.5,.3,.3,1);
			transition: transform 0.60s cubic-bezier(.5,.3,.3,1);
			-webkit-transition: transform 0.60s cubic-bezier(.5,.3,.3,1);
			overflow: hidden;
			position:absolute;
			top:0;
			-webkit-backface-visibility: hidden; 
			backface-visibility: hidden;
		}

		.square-flip:not(.square-flip-last) .square{
			-webkit-transform: rotateY(0deg);
			-moz-transform: rotateY(0deg);
			-o-transform: rotateY(0deg);
			-ms-transform: rotateY(0deg);
			transform: rotateY(0deg);
			transform-style: preserve-3d;
			z-index:1;
		}

		.square-flip:hover:not(.square-flip-last) .square, .square-flip.hovered .square {
			-webkit-transform: rotateY(-180deg);
			-moz-transform: rotateY(-180deg);
			-o-transform: rotateY(-180deg);
			-ms-transform: rotateY(-180deg);
			transform: rotateY(-180deg);
			transform-style: preserve-3d;
		}

		.square2{
			background-size: cover;
			background-position:center center;
			-ms-transition: transform 0.60s cubic-bezier(.5,.3,.3,1);
			transition: transform 0.60s cubic-bezier(.5,.3,.3,1);
			-webkit-transition: transform 0.60s cubic-bezier(.5,.3,.3,1);
			overflow: hidden;
			position:absolute;
			top:0;
			-webkit-backface-visibility: hidden; 
			backface-visibility: hidden;
		}
		.square-flip .square2{
			-webkit-transform: rotateY(180deg);
			-moz-transform: rotateY(180deg);
			-o-transform: rotateY(180deg);
			-ms-transform: rotateY(180deg);
			transform: rotateY(180deg);
			transform-style: preserve-3d;
			z-index:1;
		}
		.square-flip:hover:not(.square-flip-last) .square2 ,.square-flip.hovered  .square2{
			-webkit-transform: rotateY(0deg);
			-moz-transform: rotateY(0deg);
			-o-transform: rotateY(0deg);
			-ms-transform: rotateY(0deg);
			transform: rotateY(0deg);
			transform-style: preserve-3d;
		}

		/*Square content*/
		.square-container{
			padding:40px;
			text-align:center;
			position:relative;
			top:50%;
			-ms-transition: transform 0.60s cubic-bezier(.5,.3,.3,1);
			 transition: transform 0.60s cubic-bezier(.5,.3,.3,1);
			-webkit-transition: transform 0.60s cubic-bezier(.5,.3,.3,1);		
			-webkit-transform: translateY(-50%) translateX(0px)  scale(1);
			-ms-transform: translateY(-50%) translateX(0px)  scale(1);
			transform: translateY(-50%) translateX(0px)  scale(1);
			transform-style: preserve-3d;
			z-index:2;
		}

		.square-flip:hover .square-container, .square-flip.hovered .square-container{			
			-webkit-transform: translateY(-50%) translateX(-650px)  scale(.88);
			-ms-transform: translateY(-50%) translateX(-650px)  scale(.88);
			transform: translateY(-50%) translateX(-650px)  scale(.88);
			transform-style: preserve-3d;
		}

		.square-container2{
			padding:10px;
			text-align:center;
			position:relative;
			top:50%;
			-ms-transition: transform 0.60s cubic-bezier(.5,.3,.3,1);
			transition: transform 0.60s cubic-bezier(.5,.3,.3,1);
			-webkit-transition: transform 0.60s cubic-bezier(.5,.3,.3,1);			
			-webkit-transform: translateY(-50%) translateX(650px) translateZ(60px) scale(.88);
			-ms-transform: translateY(-50%) translateX(650px) translateZ(60px) scale(.88);
			transform: translateY(-50%) translateX(650px) translateZ(60px) scale(.88);

			transform-style: preserve-3d;
			z-index:2;
		}
		
		.square-flip:hover .square-container2 , .square-flip.hovered .square-container2{			
			-webkit-transform: translateY(-50%) translateX(0px) translateZ(0px) scale(1);
			-ms-transform: translateY(-50%) translateX(0px) translateZ(0px) scale(1);
			transform: translateY(-50%) translateX(0px) translateZ(0px) scale(1);
			transform-style: preserve-3d;
		}



		/*Style text*/
		.square-flip h2{
			color:white;
			font-family: "Open Sans";
			font-weight:700;
			font-size:22px;
		}
		.square-flip h3{
			color:white;
			font-family: "Open Sans";
			font-weight:500;
			font-size:16px;
			line-height:26px;
		}
		/*Elements*/
		.flip-overlay{
			display:block;
			background:rgba(0,0,0,0.1);
			width:100%;
			height:100%;
			position:absolute;
			top:0;
		}
		.flip-overlay:hover {			
			background: rgba(0,0,0,0);			
		}
		.align-center{
			margin:0 auto;
		}
.kallyas-button {
	display: block;
	background-color:rgba(0, 0, 0, 0);
	padding:20px;
	/*width:80%;*/
	
}


		/*ADD SHADOWS OPTIONAL*/
		.square-flip .square .boxshadow, .square-flip .square .textshadow, .square-flip .square2 .boxshadow, .square-flip .square2 .textshadow{
			-ms-transition: 0.60s;
			    transition: 0.60s;
			    -webkit-transition: 0.60s;
		}

		.square-flip .square .boxshadow{
			-webkit-box-shadow: 24px 42px 58px -8px rgba(0,0,0,0.3);
			-moz-box-shadow: 24px 42px 58px -8px rgba(0,0,0,0.3);
			box-shadow: 24px 42px 58px -8px rgba(0,0,0,0.3);
		}
		.square-flip .square .textshadow{
			-webkit-text-shadow: 24px 42px 58px -8px rgba(0,0,0,0.3);
			-moz-text-shadow: 24px 42px 58px -8px rgba(0,0,0,0.3);
			text-shadow: 24px 42px 58px -8px rgba(0,0,0,0.3);
		}
		.square-flip:hover .square .boxshadow, .square-flip:hover .square .textshadow
		.square-flip.hovered .square .boxshadow,.square-flip.hovered .square .textshadow
		{
			-webkit-box-shadow: 240px 42px 58px -8px rgba(0,0,0,0.0);
			-moz-box-shadow: 240px 42px 58px -8px rgba(0,0,0,0.0);
			box-shadow: 240px 42px 58px -8px rgba(0,0,0,0.0);
		}


		.square-flip .square2 .boxshadow{
			-webkit-box-shadow: 240px 42px 58px -8px rgba(0,0,0,0.0);
			-moz-box-shadow: 240px 42px 58px -8px rgba(0,0,0,0.0);
			box-shadow: 240px 42px 58px -8px rgba(0,0,0,0.0);
		}
		.square-flip .square2 .textshadow{
			-webkit-text-shadow: 240px 42px 58px -8px rgba(0,0,0,0.0);
			-moz-text-shadow: 240px 42px 58px -8px rgba(0,0,0,0.0);
			text-shadow: 240px 42px 58px -8px rgba(0,0,0,0.0);
		}
		.square-flip:hover .square2 .boxshadow, .square-flip:hover .square2 .textshadow
		.square-flip.hovered .square2 .boxshadow,.square-flip.hovered .square2 .textshadow
		{
			-webkit-box-shadow: 24px 42px 58px -8px rgba(0,0,0,0.3);
			-moz-box-shadow: 24px 42px 58px -8px rgba(0,0,0,0.3);
			box-shadow: 24px 42px 58px -8px rgba(0,0,0,0.3);
		}

		
		/*You can delete this style*/
		.centerflipcards{
			display:block;
			width:1225px;
			height:870px;
			text-align:center;
			margin:0 auto;
			margin-top:5px;
		}
.clearfix{clear:both;}
.centerflipcards p{
      font-family:"Open Sans";
      font-size:13px;
      margin-top:10px;
      font-weight:700;
}
.square-container-last a.new-project-caption {
	width: 220px;
	/*height: 206px;*/
	margin: 0;
	color: #7b5555;
	display: inline-block;
	text-align: center;
}