@charset = "UTF-8";
* 
{
	margin:0;
	padding:0;
	border:none;
	outline:0;
	font-style:normal;
}
*,
*:before,
*:after{
  box-sizing:border-box;
}
* :focus{outline:0; border:none;}
h1,
h2,
h3,
h4,
h5{
	font-style:normal;
	font-weight:normal;
}
body{
	margin:0;
	padding:0;
	overflow-x:hidden;
	font-family:"rubikregular", Arial, Helvetica, "Helvetica Neue",sans-serif;
	font:100%;
	color:#2e2e2e;
	line-height:auto; 
	background:#f5f5f4;
}
.homepage{
	animation-name:bgColorChange;
	animation-duration:30s;
	animation-delay:2s;
	animation-timing-function:linear;
	animation-iteration-count:infinite;	
}

a{color:inherit; text-decoration:none;}
a:hover,
a:focus,
a:visited,
a:active{color:inherit;}
main
{
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	position:relative;
	overflow:hidden;
}
header
{ 
	position:relative;
	padding:2vh;
}
header nav
{
	display:flex;
	flex-direction:row; 
	flex-wrap:wrap;
	justify-content:space-between;
}

/*header nav .nav-column{flex:1;}*/

section
{ 
	display:flex;
	box-sizing:border-box;
	position:relative;
	overflow:hidden;
	width:100%;
	min-height:75vh; 
}
.container
{
	width:96vw;
	margin:0 auto;
}
.page-container
{
	position:relative;
	overflow:hidden;
	box-sizing:border-box;
	width:96vw;
	margin:0 auto; 
	padding-left:3.50vw; 
}
.logo img
{
	display:block;
	width:14.66vw;
	height:4vw;
}
 
.social-link
{ 
	position:absolute;
	top:18vw;
	left:2vw;
	z-index:90;
}
.social-link a
{
	display:block;
	width:2vw;
	height:2vw;
	font-size:1.30vw; 
	padding:0;
	margin:0;
}


@media screen and (max-width:768px){
	 
	.logo img
	{
		display:block;
		width:27vw;
		height:auto;
		margin-top:-1vw;
		margin-left:-2vw;
	}
	
	.social-link
	{ 
		position:absolute;
		top:45vh!important;
		left:2vw;
		z-index:90;
	}
	
	.social-link
	{ 
		position:absolute;
		top:11vw;
		left:1.5vw;
		z-index:90;
	}
	
	.social-link a
	{
		display:block;
		width:3vw;
		height:3vw;
		font-size:3vw; 
		padding:0;
		margin:1vw;
	}

}

.nav,
.list-inline,
.list-unstyled,
.tab-link
{
	margin:0;
	padding:0;
	list-style:none
} 
.list-inline
{ 
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-between;
}
.list-inline li span,
.list-inline li a{
	display:block;
	font-size:.95vw;
	color:#2e2e2e;
}

.text-left{text-align:left;}
.text-center{text-align:center;}
.text-right{text-align:right;}
.text-danger{color:red;}
.hidden{display:none!important;}
.show:{display:block;}
.block{display:block;}
.clear{clear:both;}
.img-responsive{display:block;max-width:100%;height:auto;}
.img-fit{display:block;width:100%;height:auto;}
.hidden{display:none}
.overflow-hidden{overflow:hidden;}

.tab
{
	position:relative;	
	overflow:hidden;
}
.tab-link
{
	display:flex;
	flex-direction:row;	
	flex-wrap:wrap;	
	justify-content:center;
	box-sizing:border-box;
}
.tab-link li a
{
	display:block;
	padding:.90vw; 
	font-family:"rubikmedium"; 
	font-size:.95vw;
}
.tab-link li.active a{color:#bbb;}
.tab-content
{
	position:relative;
	overflow:hidden;
}
.tab-content .tab{display:none;}
.tab-content .tab:nth-child(1){display:block;}
@media only screen and (max-width:768px){
	

	.tab-link li a
	{
		display:block;
		padding:2vw; 
		margin-bottom:2vw;
		font-family:"rubikmedium"; 
		font-size:2vw;
	}
}
.modal
{ 
	position:fixed;
	overflow-y:auto;
	width:100%;
	height:100%;
	box-sizing:border-box;
	top:0;
	left:0; 
	background:rgba(0,0,0,1);
	z-index:9999;
	display:none;
}
.modal .nav-close
{
	display:block;
	text-align:center;
	position:fixed;
	top:1em;
	right:2em;
	width:32px;
	height:32px;
	line-height:32px;
	font-size:1.3em;
	color:#999;
}
.modal .nav-prev
{
	display:block;
	text-align:center;
	position:fixed;
	top:50%;
	left:2vw;
	width:32px;
	height:32px;
	line-height:32px;
	font-size:2em;
	color:#fff;
}
.modal .nav-next
{
	position:fixed;
	top:50%;
	right:2vw;
	display:block;
	width:32px;
	height:32px;
	line-height:32px;
	text-align:center;
	font-size:2em;
	color:#fff;
}
.modal .nav-close:hover,
.modal .nav-prev:hover,
.modal .nav-next:hover{color:#ccc;}
@media only screen and (max-width:768px)
{
	.modal .nav-close
	{
		display:block;
		text-align:center;
		position:fixed;
		overflow:hidden;
		top:1em;
		right:1em;
		width:32px;
		height:32px;
		line-height:32px;
		font-size:1.3em;
		color:#999;
		z-index:999999;
	}
	.modal .nav-prev,
	.modal .nav-next{
		display:none;
	}
}
.modal-content
{
	position:relative;
	overflow:hidden;
	max-width:75vw;
	margin:0 auto;
	text-align:center;
	color:#fff;
}
.modal-content img.zoom
{
	display:block;
	height:100vh;
	margin:auto;
	cursor:zoom-in;
}
.modal-content.zoom-in img.zoom
{
	display:block;
	width:100%;
	height:auto;
	margin:auto;
	cursor:zoom-out;
}

.proges
{
	position:relative;
	overflow:hidden;
	width:50%;
	height:.5vw;
	margin:2vw auto;
	border:1px solid #ddd;
	border-radius:2vw; 
}
.proges span
{
	display:block;
	width:0;
	height:.4vw; 
	animation-name:proges-start;
	animation-duration:4s;
	animation-iteration-count:infinite;
	background-color:#1d1d1d;
}
@keyframes proges-start
{
	from{width:0%}
	to{width:100%}
}

@keyframes bgColorChange
{
	from
	{
		background-color:#f5f5f4
	} 
	20%{
		background-color:#ff3030
	} 
	40%{
		background-color:#793ae2
	} 
	60%{
		background-color:#10cdb5
	} 
	80%{
		background-color:#c2cd10
	} 
	100%{
		background-color:#e2ad3a
	}
}

/* menu */
.menu
{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:flex-end;
}
.menu li a
{
	display:block;
	margin-top:1vw;
	padding:.50vw 1vw;
	font-family:'rubikregular';
	font-size:1vw;
	line-height:1vw;
}
.menu li:last-child a{padding-right:0;}

@media screen and (max-width:768px){

	.menu
	{
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:flex-end;
		
	}
	.menu li a
	{
		display:block;
		margin-top:1vw;
		padding:1vw 1vw;
		font-family:'rubikregular';
		font-size:3vw;
		line-height:1vw;
	}
	
	.menu li:last-child a{padding-right:4vw;}
}

/* home page */
#homepage
{
	position:relative; 
	min-height:80vh;  
}

#slider
{
	position:relative;
	overflow:hidden; 
	height:80vh;
}
#slider .item
{
	position:relative;
	overflow:hidden;
	height:80vh;
}
#slider .item .caption
{
	position:absolute;
	top:60vh;
	right:5.50vw;
	z-index:999;
}
#slider .item .caption small
{
	display:block;
	padding-left:.50vw;
	font-size:.95vw;
}
#slider .item .caption span
{
	display:block;
	font-family:'harmonyregular';
	font-size:4vw;
}

@media screen and (max-width:768px){

	#slider .item .caption
	{
		position:absolute;
		top:60vh;
		right:10vw;
		z-index:999;
	}
	
	#slider .item .caption small
	{
		display:block;
		padding-left:2vw;
		font-size:2.5vw;
	}
	#slider .item .caption span
	{
		display:block;
		font-family:'harmonyregular';
		font-size:11vw;
	}
}

/*  home page info box */
#info-box{ 
	display:flex; 
	flex-wrap:wrap; 
	justify-content:flex-start; 
	box-sizing:border-box; 
}
#info-box .box{
	flex:1;
	position:relative;
	padding:1.5vw;
}
#info-box .box:nth-child(1){background:#ff3030;}
#info-box .box:nth-child(2){background:#793ae2;}
#info-box .box:nth-child(3){background:#10cdb5;}
#info-box .box:nth-child(4){background:#c2cd10;}
#info-box .box:nth-child(5){background:#e2ad3a;}
#info-box .box .image{
	width:16vw;
	height:16vw;
}
#info-box .box article{position:relative;}
#info-box .box article h4{ 
	font-family:'rubikbold';
	font-weight:normal;
	font-style:normal;
	font-size:1vw;
	line-height:1vw;
	margin:.75vw 0;
	color:#fff;
}
#info-box .box article hr{ 
	display:block;
	border-top:1vh solid transparent;
	margin:1vh 0;
}
#info-box .box:nth-child(1) article hr{border-color:#793ae2;}
#info-box .box:nth-child(2) article hr{border-color:#ff3030;}
#info-box .box:nth-child(3) article hr{border-color:#c2cd10;}
#info-box .box:nth-child(4) article hr{border-color:#10cdb5;}
#info-box .box:nth-child(5) article hr{border-color:#ffd800;}
#info-box .box article p{
	display:block;
	max-width:16vw;
	font-family:'rubikregular';
	font-size:.95vw;
	line-height:.65vw;
	white-space:pre-wrap;
	color:#fff;
}


@media screen and (max-width:768px){

	#info-box .box{
		flex:1;
		position:relative;
		padding:2vw 2vw 4vw 2vw;
	}
 
	#info-box .box article h4{ 
		font-family:'rubikbold';
		font-weight:normal;
		font-style:normal;
		font-size:3vw;
		line-height:2;
		margin:.75vw 0;
		color:#fff;
	}
	
	#info-box .box .image{
		width:100vw;
		height:auto;
	}
	
	
	#info-box .box article p{
		display:block;
		max-width:100vw;
		font-family:'rubikregular';
		font-size:2.5vw;
		line-height:.85;
		white-space:pre-wrap;
		color:#fff;
	}
	
}

/* corporate page */
#corporate
{	
	align-items:center;
	min-height:100vh;
}
#corporate h2
{
	max-width:37vw;
	margin:auto;
	font-family:'harmonyregular';
	font-size:7vw;
	text-align:center;
} 
#corporate article
{
	max-width:36vw;
	margin:auto;
	text-align:left;
}
#corporate article p
{
	margin-bottom:1vw;
	font-size:.95vw;
	font-family:'rubiklight';
	color:#2e2e2e;
	text-align:left;
}
#corporate .text-imza
{
	float:right; 
	margin-right:5vw;
	color:#2e2e2e;
	text-align:left;
	font-size:.95vw;
}
#corporate .text-imza span
{
	font-family:'harmonyregular';
	font-size:4vw;
}

@media screen and (max-width:768px){

	#corporate
	{	
		align-items:center;
		min-height:80vh;
	}

	#corporate h2
	{
		max-width:60vw;
		margin:auto;
		margin-bottom:2vw;
		font-family:'harmonyregular';
		font-size:12vw;
		text-align:center;
		text-wrap:nowrap;
	} 
	
	#corporate article
	{
		max-width:60vw;
		margin:auto;
		text-align:left;
	}
	
	
	#corporate article p
	{
		margin-bottom:4vw;
		font-size:3vw;
		font-family:'rubiklight';
		color:#2e2e2e;
		text-align:left;
	}
	
	
	#corporate .text-imza
	{
		float:right; 
		margin-right:5vw;
		color:#2e2e2e;
		text-align:left;
		font-size:2vw;
	}
	
	#corporate .text-imza span
	{
		font-family:'harmonyregular';
		font-size:10vw;
	}
	
}


/* person page */
#person
{
	align-items:center;
	min-height:100vh;
} 
#person h2
{
	max-width:37vw;
	margin:auto;
	font-family:'harmonyregular';
	font-size:7vw;
	text-align:center;
}
#person p
{
	font-family:'rubiklight';
	font-size:.95vw;
	margin-bottom:2vh;
	color:#2e2e2e; 
	text-align:center;
}
#person .list
{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	margin:0;
	padding:0;
	list-style:none;
}
#person .list li
{	
	position:relative;
	overflow:hidden;
	width:15vw;
	margin:.2vw;
	font-size:.95vw;
}
#person .list span,
#person .list a{
	display:block;
	font-family:'rubiklight';
	font-size:.95vw;
	color:#2e2e2e;
}
#person .list li img
{
	display:block; 
	width:100%; 
	height:auto;
	
}


@media screen and (max-width:768px){

	#person
	{
		align-items:center;
		min-height:auto;
	} 
	#person h2
	{
		max-width:50vw;
		margin:auto;
		font-family:'harmonyregular';
		font-size:11vw;
		text-align:center;
	}
	#person p
	{
		font-family:'rubiklight';
		font-size:2.5vw;
		margin-bottom:2vh;
		color:#2e2e2e; 
		text-align:center;
	}

	#person .list
	{
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		margin:0;
		padding:0;
		list-style:none;
	}
	#person .list li
	{	
		position:relative;
		overflow:hidden;
		width:27vw;
		margin:1.5vw;
		font-size:2vw;
	}
	#person .list span,
	#person .list a{
		display:block;
		font-family:'rubiklight';
		font-size:2.5vw;
		color:#2e2e2e;
	}
	#person .list li img
	{
		display:block; 
		width:100%; 
		height:auto;
		
	} 
}


/* services page */
#services
{
	align-items:center;
	justify-content:space-between;
	min-height:100vh;
}

#services h2
{
	max-width:37vw;
	margin:auto;
	font-family:'harmonyregular';
	font-size:7vw;
	text-align:center;
}
#services p
{
	font-family:'rubiklight';
	font-size:.95vw;
	margin-bottom:2vh;
	color:#2e2e2e; 
	text-align:center;
}
#services .list{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-between;
	margin:0;
	padding:0;
	list-style:none;
}
#services .list .box
{	
	flex:1;
	min-width:18vw;
	text-align:center;
}
#services .list .box h4
{
	display:block;
	margin-top:.80vw;
	font-family:'rubikmedium';
	font-size:.95vw;
}
#services .list .box hr
{ 
	max-width:7vw;
	margin:.8vw auto;
	border-top:.2vw solid #b0b0b0;
}
#services .list .box p
{
	font-family:'rubiklight';
	font-size:.95vw;
	line-height:1.7
}


@media screen and (max-width:768px){
	#services
	{
		align-items:center;
		justify-content:space-between;
		min-height:auto;
	}
	
	#services h2
	{
		max-width:50vw;
		margin:2vw auto;
		font-family:'harmonyregular';
		font-size:15vw;
		text-align:center;
	}
	#services p
	{
		font-family:'rubiklight';
		font-size:3vw;
		margin-bottom:2vh;
		color:#2e2e2e; 
		text-align:center;
	}
	#services .list{
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;
		margin:0;
		padding:0;
		list-style:none;
	}
	#services .list .box
	{	
		flex:1;
		min-width:32vw;
		text-align:center;
	}
	#services .list .box h4
	{
		display:block;
		margin-top:1vw;
		font-family:'rubikmedium';
		font-size:2.5vw;
	}
	#services .list .box hr
	{ 
		max-width:7vw;
		margin:1vw auto;
		border-top:.5vw solid #b0b0b0;
	}
	#services .list .box p
	{
		font-family:'rubiklight';
		font-size:2.8vw;
		line-height:1.8;
	}

}
 
#project
{
	align-items:flex-start;
	min-height:100vh;
	
} 
#project h2
{
	max-width:37vw;
	margin:auto;
	font-family:'harmonyregular';
	font-size:7vw;
	text-align:center;
}
#project p
{
	font-family:'rubiklight';
	font-size:.95vw;
	margin-bottom:2vh;
	color:#2e2e2e; 
	text-align:center;
}

/* project-list */
#project .project-list
{
	position:relative;
	columns:4;
	column-gap:1em;
} 
#project .project-list .box
{
    width:100%;
	break-inside:avoid;
	overflow:hidden;
} 
 
#project .project-list .box figure{
	display:block;
	width:100%;
}
#project .project-list .box h4
{
	 font-family:"rubikregular"; 
	 font-size:.85vw;
	 text-align:right;
	 color:#949495;
	 padding:1vw;
} 
#project .project-list .box img
{
	display:block;
	max-width:100%; 
	height:auto;
}

@media screen and (max-width:768px){

	#project h2
	{
		max-width:37vw;
		margin:auto;
		font-family:'harmonyregular';
		font-size:15vw;
		text-align:center;
	}
	#project p
	{
		font-family:'rubiklight';
		font-size:2.5vw;
		margin-bottom:2vh;
		color:#2e2e2e; 
		text-align:center;
	}


	#project .project-list
	{
		position:relative;
		columns:2;
		column-gap:1em;
	} 
	
	
	#project .project-list .box h4
	{
		 font-family:"rubikregular"; 
		 font-size:2.5vw;
		 text-align:right;
		 color:#949495;
		 padding:2vw;
	} 
}

 
/* project-info */
#project-info
{
	align-items:flex-start;
	min-height:100vh;
} 

#project-row{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-between;
	min-height:100vh;
	background:#fff;
}
#project-row .flex-8
{
	flex:7;
}
#project-row .flex-2
{
	flex:3; 
}
#project-row article
{
	padding:1.8em 1.8em 1.8em .5em;
} 
#project-row article h2
{
	font-family:'rubikmedium';
	font-size:1.2vw;
	padding-left:2vw;
	padding-right:2vw;
	margin-bottom:.5vw;
	position:relative;
	overflow:hidden;
} 
#project-row article h2 a{
	position:absolute;
	right:0;
	top:0;
	
}
#project-row article p
{
	font-family:'rubiklight';
	font-size:.98vw;
	line-height:1.4;
	padding-left:2vw;
}
#project-row figure a
{
	cursor:zoom-in;
}

.project_galeries{
	position:relative;
	overflow:hidden;
	width:100%;
	height:100%;
}
.project_galeries li{
	position:relative;
	overflow:hidden;
	display:none;
}
.project_galeries li:first-child{
	display:block;
}

@media only screen and (max-width:768px){
	
	#project-row .flex-8
	{
		flex:1;
		order:2;
		flex-basis:75rem;
	}
	#project-row .flex-2
	{
		flex:1; 
		order:1;
		flex-basis:25rem;
	}
  
	#project-row article h2
	{
		font-family:'rubikmedium';
		font-size:2.5vw;
		padding-left:2vw;
		padding-right:2vw;
		margin-bottom:2vw;
		position:relative;
		overflow:hidden;
	} 
	
	#project-row article p
	{
		font-family:'rubiklight';
		font-size:2.5vw;
		line-height:2;
		padding-left:2vw;
		padding-right:2vw;
	}
	
	#project-row article h2 a{
		
		font-size:3vw;
		
	}
  
}
@media only screen and (min-width:768px){

	#project-row article.stick{
		position:fixed;
		top:0;
	}
}

/* references page */
#references
{	
	flex:1; 
	align-items:center;
} 
#references h2
{
	max-width:37vw;
	margin:auto;
	font-family:'harmonyregular';
	font-size:7vw;
	text-align:center;
}
#references p
{
	font-family:'rubiklight';
	font-size:.95vw;
	margin-bottom:2vh;
	color:#2e2e2e; 
	text-align:center;
}
#references .list
{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-between;
	margin:0;
	padding:0;
	list-style:none;
}
#references .list li
{	
	position:relative;
	overflow:hidden;
	width:11vw;
	margin:.2vw;
	font-size:.95vw;
}
#references .list span,
#references .list a{
	display:block;
	font-family:'rubiklight';
	font-size:.95vw;
	color:#2e2e2e;
}
#references .list li img
{
	display:block; 
	width:100%; 
	height:auto;
}


@media only screen and (max-width:768px){

	#references
	{	
		flex:1; 
		align-items:center;
	} 
	#references h2
	{
		max-width:37vw;
		margin:auto;
		font-family:'harmonyregular';
		font-size:15vw;
		text-align:center;
	}
	#references p
	{
		font-family:'rubiklight';
		font-size:3vw;
		margin-bottom:2vh;
		color:#2e2e2e; 
		text-align:center;
	}
	#references .list
	{
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;
		margin:0;
		padding:0;
		list-style:none;
	}
	
	#references .list li
	{	
		position:relative;
		overflow:hidden;
		width:18vw;
		margin:.2vw;
		font-size:.95vw;
	}
	
	
}


/* contact page */
#contact
{	
	flex:1; 
	align-items:center;
} 
#contact h2
{
	max-width:37vw;
	margin:auto;
	font-family:'harmonyregular';
	font-size:7vw;
	text-align:center;
}
#contact p
{
	font-family:'rubiklight';
	font-size:.95vw;
	margin-bottom:2vh;
	color:#2e2e2e; 
	text-align:center;
}
#contact form
{
	position: relative;
	overflow:hidden;
	max-width:36vw;
	margin:auto;
	text-align:center;
}
#contact address p
{
	font-family:'rubiklight'; 
	font-size:.95vw;
}
#contact form fieldset label
{
	display:block;
	margin:.40vw 0;
	font-family:'rubikmedium';
	font-size:.95vw;
	height:1vw;
}
#contact form fieldset input
{
	border:.10vw solid #c5c5c5;
	padding:.2vw;
	width:70%;
	font-family:'rubikmedium';
	font-size:.95vw;
	background-image:none;
	background-color:transparent;
	-webkit-transition:all ease 1s;
	-o-transition:all ease 1s;
	transition:all ease 1s
} 
#contact form fieldset textarea
{
	padding:.2vw;
	width:70%;
	font-family:'rubikmedium';
	font-size:.95vw; 
	resize:none;
	background-image:none;
	background-color:transparent;
	border:.10vw solid #c5c5c5;
	-webkit-transition:all ease 1s;
	-o-transition:all ease 1s;
	transition:all ease 1s
}
#contact form fieldset button
{
	display:inline; 
	border:.10vw solid #c5c5c5;
	background-image:none;
	background-color:#cececd;
	width:40%;
	margin:1vw 0;
	padding:.2vw;
	font-family:'rubikmedium'; 
	font-size:.95vw; 
	text-decoration:none;
	cursor:pointer;
}
#contact form fieldset input:focus,#contact form fieldset textarea:focus{border:.10vw solid red;}
 
@media only screen and (max-width:768px){
	
	#contact h2
	{
		max-width:40vw;
		margin:auto;
		font-family:'harmonyregular';
		font-size:15vw;
		text-align:center;
	}
	
	#contact p
	{
		font-family:'rubiklight';
		font-size:2.5vw;
		margin-bottom:2vh;
		color:#2e2e2e; 
		text-align:center;
	}
	
	#contact address p
	{
		font-family:'rubiklight'; 
		font-size:2.4vw;
	}
	
	
	#contact form fieldset label
	{
		display:block;
		margin:2vw 0;
		font-family:'rubikmedium';
		font-size:2vw;
		height:1vw;
	}
	
	#contact form fieldset input
	{
		border:.10vw solid #c5c5c5;
		padding:1vw;
		width:70%;
		font-family:'rubikmedium';
		font-size:2vw;
		background-image:none;
		background-color:transparent;
		-webkit-transition:all ease 1s;
		-o-transition:all ease 1s;
		transition:all ease 1s
	} 
	
	
	#contact form fieldset textarea
	{
		padding:1vw;
		width:70%;
		font-family:'rubikmedium';
		font-size:2vw; 
		resize:none;
		background-image:none;
		background-color:transparent;
		border:.10vw solid #c5c5c5;
		-webkit-transition:all ease 1s;
		-o-transition:all ease 1s;
		transition:all ease 1s
	}
	
	
	#contact form fieldset button
	{
		display:inline; 
		border:.10vw solid #c5c5c5;
		background-image:none;
		background-color:#cececd;
		width:40%;
		margin:1vw 0;
		padding:.2vw;
		font-family:'rubikmedium'; 
		font-size:2.5vw; 
		text-decoration:none;
		cursor:pointer;
	}
} 
 
 
footer
{
	position:relative;
	padding:2vh 0;
}
.footer-container
{
	display:flex;
	width:96vw;
	margin:0 auto;
}
.footer-left
{
	flex:1;
	margin-top:1vh;
}
.footer-middle
{
	flex:3;
	text-align:center; 
	position:relative;
} 
.footer-middle .slogan
{
	display:block;
	font-size:5vw;
	line-height:0;
	margin-top:2.5vw;
	font-family:'harmonyregular';
}
.footer-middle .mail
{
	display:inline-block;
	position:absolute;
	font-family:'rubiklight';
	font-size:1.20vw;
	top:4vh;
	right:5vw;
} 
.footer-right
{
	flex:1;
	text-align:right; 
}
.footer-right a
{
	display:block;
	width:15vw;
	height:5vh;
	margin-top:4vh;
	background:url('../image/footer-phone.png') no-repeat 0 0;
	background-size:100%;
}


@media only screen and (max-width:768px){
	
	footer
	{
		position:relative;
		padding:2vh 2vh 1vh 2vh;
	}
	
	.footer-left .logo img
	{
		display:block;
		width:18vw;
		height:auto;
	}
		
	
	.footer-middle
	{
		flex:3;
		text-align:left; 
		text-indent:1vw;
		position:relative;
		
	} 
	
	.footer-middle .slogan
	{
		display:block;
		font-size:8vw;
		line-height:0;
		margin-top:4vw;
		font-family:'harmonyregular';
	}
	
	.footer-middle .mail {
		display:inline-block;
		position:absolute;
		font-family: 'rubiklight';
		font-size:2.4vw;
		top:1.5vh;
		right:1vw;
	}
	 
	.footer-right a {
		display: block;
		width: 15vw;
		height: 5vh;
		margin-top: 2vh;
		background: url('../image/footer-phone.png') no-repeat 0 0;
		background-size: auto;
		background-size: 100%;
	} 
}