@charset "utf-8";
@font-face{
    font-family: 'unitpro';
    src: url('fonts/unitpro-lightitalic-webfont.svg#unitprolightitalic') format('svg'),
         url('fonts/unitpro-lightitalic-webfont.woff') format('woff');
    font-weight: 300;
    font-style: italic;
}
@font-face{
    font-family: 'unitpro';
    src: url('fonts/unitpro-regularitalic-webfont.svg#unitproregularitalic') format('svg'),
         url('fonts/unitpro-regularitalic-webfont.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face{
    font-family: 'unitpro';
    src: url('fonts/unitpro-mediumitalic-webfont.svg#unitpromediumitalic') format('svg'),
         url('fonts/unitpro-mediumitalic-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video{
	color: inherit;
	direction: ltr;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	font-family: inherit;
	margin: 0; padding: 0;
	border: 0; outline: 0;
	background: transparent;
	vertical-align: baseline;
	font-family: 'unitpro', Arial, sans-serif;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
input, button, select, textarea{	
	font-family: 'unitpro', Arial, sans-serif;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{display: block;}
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
@-ms-viewport {width: device-width;}
html{
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
ul, ol{
	list-style-type: square;
	list-style-position: inside;
	list-style-image: none;
}
nav ul{list-style: none;}
nav a {
	transition: 0.3s ease;
	color: #ffffff;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	padding-top: 20px;
	padding-bottom: 20px;
  }
nav a:hover {
	border-top: 4px solid #ffffff;
	border-bottom: 4px solid #ffffff;
	padding-top: 6px; 
	padding-bottom: 6px; 
  }
img{
	border: 0;
	width: auto;
	height: auto;
	vertical-align: middle;
	-ms-interpolation-mode: bicubic;
}
table{
	font-weight: 300;
	margin: 0 auto;
	max-width: 100%;
	min-width: 55%;
	background-color: transparent;
	border-collapse: collapse;
	border-spacing: 0;
}
	tr:nth-child(even){background-color: #eee;}
	table td{
		line-height: 2;
		text-align: left;
		padding: 0 1em;
	}
	table tr td + td{text-align: right;}
	table strong{
		display: block;
		text-align: center;
		padding: 0.5em 0;
	}
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
blockquote, q{quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after{
	content: '';
	content: none;
}
sub, sup{
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup{top: -0.5em;}
sub{bottom: -0.25em;}
del{text-decoration: line-through;}
abbr[title], dfn[title]{
	border-bottom: 1px dotted;
	cursor: help;
}
ins{
	color: #000;
	text-decoration: none;
	background-color: #ef7f1a;
}
mark{
	color: #000; 
	font-weight: 700;
	font-style: italic;
	background-color: #ef7f1a;
}
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
*:hover{outline: 0;}
a, a:hover{
	cursor: pointer;
	text-decoration: none;
}
a:focus, a:active{outline: none;}
a, a *{
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
.current, .current a{cursor: default;}
.left{float: left; display: inline-block;}
.right{float: right; display: inline-block;}
.clear:after, .clear:before{
	*zoom: 1;
	height: 0;
	clear: both;
	content: "";
	font-size: 0;
	display: block;
	line-height: 0;
	visibility: hidden;
}
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
small{
	color: #a8a8a8;
	font-size: 85%;
}
strong{font-weight: 700;}
u{text-decoration: underline;}
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
article{line-height: 1.5;}
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6{
	line-height: 1.2;
	text-rendering: optimizelegibility;
}
h1{
	font-weight: 700;
	font-size: 2.5em;
}
h2{
	font-size: 3em;
	font-weight: 700;
	margin-bottom: 0.5em;
}
h3{
	font-weight: 500;
	font-size: 1.2em;
}
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
body{
	color: #686464;
	line-height: 1.5;
	line-height: 1.5;
	cursor: default;
	background-color: #fff;
	-webkit-animation: bugfix infinite 1s;
}
.wrap{
	width: 94%;
	margin-left: auto;
	margin-right: auto;
	max-width: 1140px; 
}
*::selection{
	color: #fff;
    background-color: #ef7f1a;
}
*::-moz-selection{
    color: #fff;
    background-color: #ef7f1a;
}
hr{
	margin: 0;
	clear: both;
	display: block;
	height: 0; border: 0; padding: 0;
	border-top: 1px solid #d1d7d5;
}
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
.circle{
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.rounded{
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.hightlight{color: #ef7f1a;}
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
.pic{
	z-index: 0;
	display: block;
	overflow: hidden;
	position: relative;
}
	.pic:after, .pic:before{
		opacity: 0;
		content: "";
		display: block;
		
		-webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
		-ms-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;
	}
	.pic:after{
		z-index: 8888;
		background-color: rgba(0,0,0,0.7);
		position: absolute; top: 0; bottom: 0; left: 0; right: 0;
	}
	.pic:before{
		z-index: 9999;
		width: 4em; height: 4em;
		margin-top: -2em; margin-left: -2em;
		position: absolute; top: 50%; left: 50%;
		background-size: cover;
		background-color: transparent;
		background-repeat: no-repeat;
	}
	.pic:hover:before, .pic:hover:after{opacity: 1;}
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
	.plus:before{
		background-image: url(../pic/icons/plus.png);
		background-image: url(../pic/icons/plus.svg);
	}
	.zoom:before{
		background-image: url(../pic/icons/zoom.png);
		background-image: url(../pic/icons/zoom.svg);
	}
	.pedicur:before{
		background-image: url(../pic/icons/pedicur.png);
	}
	.cosmetics:before{
		background-image: url(../pic/icons/cosmetics.png);
		background-image: url(../pic/icons/cosmetics.svg);
	}
	.manicure:before{
		background-image: url(../pic/icons/manicure.png);
		background-image: url(../pic/icons/manicure.svg);
	}
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
@-webkit-keyframes fadeIn{from{opacity:0;}to{opacity:1;}}
@-moz-keyframes fadeIn{from{opacity:0;}to{ opacity:1;}}
@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}
.fade-in{
    opacity: 0;
    -webkit-animation: fadeIn ease-in 1;
    -moz-animation: fadeIn ease-in 1;
    animation: fadeIn ease-in 1;
 
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
 
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    animation-duration: 1s;
}
.fade-in.one{
	-webkit-animation-delay: 0.3s;
	-moz-animation-delay: 0.3s;
	animation-delay: 0.3s;
}
.fade-in.two{
	-webkit-animation-delay: 0.7s;
	-moz-animation-delay:0.7s;
	animation-delay: 0.7;
}
.fade-in.thr{
	-webkit-animation-delay: 1.2s;
	-moz-animation-delay: 1.2s;
	animation-delay: 1.2s;
}
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
form label{
    display: block;
	cursor: pointer;
}
form label + label{margin-top: 0.5em;}
legend{
	width: 100%;
	color: #333;
	display: block;
	margin-bottom: 20px;
	line-height: 40px;
	border-bottom: 1px solid #e5e5e5;
}
textarea{
	height: 200px;
	overflow: auto;
	resize: vertical;
	vertical-align: top;
	max-height: 400px; min-height: 200px;
}
button, input{
	*overflow: visible;
	line-height: normal;
}
input, button, select{vertical-align: middle;}
input, button, select, textarea{
	font-size: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
input[type="button"], input[type="submit"], button{
	cursor: pointer;
	-webkit-appearance: button;
}
select, button, input[type="button"], input[type="submit"], input[type="radio"], input[type="checkbox"]{cursor: pointer;}
input[type="search"]{
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button{-webkit-appearance: none;}
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"]{
	color: #444;
	width: 100%;
	cursor: text;
	padding: 0.8em 0.6em;
	margin-bottom: 0.5em;
	display: inline-block;
	vertical-align: middle;
	
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	
	background-color: #F3F3F3;
	border: 1px solid #d1d7d5;
	
	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
	-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
	-o-transition: border linear 0.2s, box-shadow linear 0.2s;
	transition: border linear 0.2s, box-shadow linear 0.2s;
}
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
textarea:hover, input[type="text"]:hover, input[type="password"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="date"]:hover, input[type="month"]:hover, input[type="time"]:hover, input[type="week"]:hover, input[type="number"]:hover, input[type="email"]:hover, input[type="url"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="color"]:hover{
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus{
	outline: 0;
	outline-width: 0;
	border-color: #acb0af;
}
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
input[type="submit"]{
	color: #fff;
	width: 100%;
	display: block;
	padding: 0.8em 0;
	overflow: visible;
	font-size: 1.2em;
	font-weight: 500;
	margin-top: 0.5em;
	text-align: center;
	white-space: nowrap;
	border: medium none;
	background-color: #ef7f1a;

	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */	
input[type="submit"]:hover, input[type="button"]:hover, button:hover{background-color: #686464;}
input::-moz-focus-inner, textarea::moz-focus-inner, button::moz-focus-inner{border : 0px;}
input[type="submit"]:focus, input[type="button"]:focus, button:focus{outline : none;}
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
noscript, #ie9{
	z-index: 99999;
	position: fixed;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	width: 100%; height: 100%;
}
	noscript > div, #ie9 > div{
		display: block;
		padding-top: 5%;
		background-color: #eee;
		width: 100%; min-height: 100%;
	}
		noscript > div > div, #ie9 > div > div{
			width: 90%;
			margin: 0 auto;
			max-width: 400px;
			padding-bottom: 40px;
			border: 1px solid #ddd;
			background-color: #fff;
		}
			noscript > div > div > h2, #ie9 > div > div > h2{
				text-align: center;
				background-color: #fff;
				border-bottom: 1px solid #ddd;
				width: 100%; padding: 40px 0;
			}
			noscript > div > div > h2 img, #ie9 > div > div > h2 img{
				width: 80%;
				margin: 0 auto;
				max-width: 500px;
			}
			noscript > div > div > p, #ie9 > div > div > p{
				margin: 40px 0;
				padding: 0 40px;
				text-align: justify;
				
			}
			noscript > div > div > a, #ie9 > div > div > a{
				color: #fff;
				display: block;
				margin: 0 40px;
				padding: 20px 0;
				line-height: 1.2;
				font-weight: 700;
				text-align: center;
				text-transform: uppercase;
				background-color: #ef7f1a;
			}
			noscript > div > div > a:hover, #ie9 > div > div > a:hover{color: #fff !important; background-color: #686464;}
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
.tiny p{
	font-weight: 300;
	font-size: 1.3em;
	line-height: 1.5;
}
.tiny p + p{margin-top: 1em;}
.tiny strong{font-weight: 700;}
.tiny a{color: #ef7f1a;}
.tiny a:hover{text-decoration: underline;}
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
.place{
	color: #414141;
	padding: 4em 0;
}
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
#intro{
	width: 100%;
	color: #fff;
	padding: 1em 0 3em 0;
	text-shadow: 1px 1px #231f20;	
}
#intro.main{background: url(../pic/bg/intro_main.jpg) no-repeat fixed center bottom / cover rgba(0, 0, 0, 0);}
#intro.static{background: url(../pic/bg/intro_static.jpg) no-repeat fixed center bottom / cover rgba(0, 0, 0, 0);}
#intro.pedicur{background: url(../pic/bg/intro_pedicur.jpg) no-repeat fixed center bottom / cover rgba(0, 0, 0, 0);}
#intro.cosmetics{background: url(../pic/bg/intro_cosmetics.jpg) no-repeat fixed center bottom / cover rgba(0, 0, 0, 0);}
#intro.manicure{background: url(../pic/bg/intro_manicure.jpg) no-repeat fixed center bottom / cover rgba(0, 0, 0, 0);}
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
nav{
	padding-right: 4em;
}
nav ul li{
	opacity: 0.8;
	color: #eff3f6;
	font-weight: 300;
	font-size: 0.9em;
	padding: 0.7em 0.4em;
	text-transform: uppercase;
	float: left; display: inline-block;
}
	nav ul li a{padding: 0 0.5em;}
		nav ul li a:hover{
			opacity: 1;
			color: #fff;
		}
		nav ul li:last-child{padding-right: 0;}
		nav ul li:last-child a{padding-right: 0;}
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
#intro header{
	margin-bottom: 1em;
	padding-top: 4em;
}
#intro img{width: 40%;}
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
.btn{
	color: #fff;
	display: block;
	font-weight: 500;
	font-size: 1.2em;
	text-shadow: none;
	padding: 0.8em 2em;
	white-space: nowrap;
	background-color: #ef7f1a;
	min-width: 170px; max-width: 100%;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.btn:hover{background-color: #686464;}
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
.button{
	margin-top: 5em;
	text-indent: -9999px;
	display: inline-block;
	border: 2px solid #fff;
	width: 5em; height: 5em;
	background-color: rgba(64, 64, 64, 0.05);
	
	-webkit-border-radius: 3.5em;
	-moz-border-radius: 3.5em;
	border-radius: 3.5em;
}
.button:hover{background-color: rgba(255, 255, 255, 0.1);}
.button.down{
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-image: url(../pic/icons/arrow-down.png);
	background-image: url(../pic/icons/arrow-down.svg);
}
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
#welcome{background-color: #eee;}
	#welcome footer, #content footer{padding-top: 2em;}
	#welcome footer a, #content footer span{
		width: 32%;
		float: left;
		display: inline-block;
		background-color: #fff;
		border: 1px solid #d4d4d4;
	}
		#welcome footer a + a, #content footer span + span{margin-left: 2%;}
		#welcome img, #content img{width: 100%;}
		
		#welcome a h3{
			color: #414141;
			padding: 0.8em 0;
			position: relative;
		}
			#welcome a h3:before{				
				content: "";
				display: block;
				margin-left: -9px;
				width: 0; height: 0;
				border-style: solid;
				border-width: 0 9px 9px 9px;
				border-color: #fff transparent;
				position: absolute; top: -8px; left: 50%;
				
				-webkit-transition: all 0.4s ease-in-out;
				-moz-transition: all 0.4s ease-in-out;
				-o-transition: all 0.4s ease-in-out;
				-ms-transition: all 0.4s ease-in-out;
				transition: all 0.4s ease-in-out;
			}
				#welcome a:hover .pic:before, #welcome a:hover .pic:after{opacity: 1;}
				#welcome a:hover h3:before{border-color: #ef7f1a transparent;}
				#welcome a:hover h3{
					color: #fff;
					background-color: #ef7f1a;
				}
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
#check{
	width: 100%;
	color: #fff;
	padding: 2em 0;
	text-shadow: 1px 1px #231f20;
	background: url(../pic/bg/one_img.jpg) no-repeat fixed center bottom / cover rgba(0, 0, 0, 0);
}
	#check h3{
		font-size: 3em;
		line-height: 1.2;
	}
	#check a.btn{margin-top: 0.5em;}
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
.half div.text, .half div.img{width: 48%;}
.tc{text-align: center;}
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
#studio img{width: 100%;}
#maps{
	width: 100%;
	height: 23em;
}
a[href^="http://maps.google.com/maps"]{display: none !important}
.gmnoprint a, .gmnoprint span {display: none;}
.gmnoprint div {background: none !important;}
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
#quotion{
	width: 100%;
	color: #fff;
	padding: 3em 0;
	text-align: center;
	text-shadow: 1px 1px #231f20;
	background: url(../pic/bg/one_img.jpg) no-repeat fixed center bottom / cover rgba(0, 0, 0, 0);
}
	#quotion blockquote{
		width: 70%;
		padding: 0 5%;
		margin: 0 auto;
		font-size: 1.5em;
		font-weight: 500;
		background: url(../pic/icons/quotes-a.png) no-repeat 0 50%,
					url(../pic/icons/quotes-b.png) no-repeat 100% 50%;
	}
	
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
#contact footer{padding-top: 3em;}
#contact footer div.left{width: 31.5%;}
	#contact footer div.left + div.left{margin-left: 2%;}		
	#contact a.pic{
		overflow: hidden;
		margin-bottom: 1em;
		display: inline-block;
		width: 15em; height: 15em;
		
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
	}
		#contact img{
			display: block;
			height: 100%; width: 100%;
		}
	#contact h3{
		font-size: 1.3em;
		font-weight: 700;
	}
	#contact small{display: block;}
	#contact small + a:hover{color: #ef7f1a;}
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
.two-three{width: 62%;}
.one-three{width: 34%;}
#form{background-color: #eee;}
	#form ul{
		margin-top: 2em;
		list-style: none;
	}
	#form ul li{
		font-size: 1.2em;
		white-space: nowrap;
		padding: 0.2em 0 0.2em 2.5em;
		
		background-size: auto 99%;
		background-position: 0 50%;
		background-repeat: no-repeat;
	}
	#form ul li + li{margin-top: 1em;}
	#form ul li.email{
		background-image: url(../pic/contact/email.png);
		background-image: url(../pic/contact/email.svg);
	}
	#form ul li.address{
		background-image: url(../pic/contact/address.png);
		background-image: url(../pic/contact/address.svg);
	}
	#form ul li.phone{
		background-image: url(../pic/contact/phone.png);
		background-image: url(../pic/contact/phone.svg);
	}
	#form ul li.facebook{
		background-image: url(../pic/contact/facebook.png);
		background-image: url(../pic/contact/facebook.svg);
	}
	#form ul li a:hover{color: #ef7f1a;}
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
#footer{
	width: 100%;
	opacity: 0.8;
	color: #eff3f6;
	padding: 3em 0 2em;
	font-weight: 300;
	text-shadow: 1px 1px #231f20;	
	background: url(../pic/bg/overlay.png) repeat left top / 256px 256px,
				url(../pic/bg/two.jpg) no-repeat center bottom / cover rgba(0, 0, 0, 0);
}
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
/*tabletek*/
@media (max-width: 1200px){
	table{min-width: 70%;}
	#intro img{width: 50%;}
	#intro{padding: 1em 0 2em 0;}
	#intro header{padding-top: 3em;}
	.button{margin-top: 3em;}
	.half div.text{width: 60%;}
	.half div.img{width: 38%;}
	#maps{height: 14em;}
	.place{padding: 3em 0;}
}
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
/*okostelefonok és ipad portré*/
@media (max-width: 768px){
	table{width: 100%;}
	#intro header{padding-top: 1em;}
	nav{display: none;}
	.place{padding: 2em 0;}
	#intro img{width: 60%;}
	h2{font-size: 2.5em;}
	h3{font-size: 1.5em;}
	.two-three, .one-three, #welcome footer a, #content footer span{
		width: 100%;
		text-align: center;
		float: none !important;
		display: block !important;
	}
	#welcome footer a + a, #content footer span + span{
		margin-left: 0;
		margin-top: 2em;
	}
	.one-three{
		margin-top: 2em;
		padding-top: 2em;
		border-top: 1px solid #d1d7d5;
	}
	#form ul{
		display: table;
		text-align: left;
		margin-left: auto;
		margin-right: auto;
	}
	.half{text-align: center;}
	#contact footer div.left, .half div.text, .half div.img{
		width: 100%;
		float: none !important;
		display: block !important;
	}
	#studio.half div.img{margin-top: 2em;}
	#map.half div.img{margin-bottom: 2em;}
	#contact footer div.left + div.left{
		margin-top: 2em;
		padding-top: 2em;
		border-top: 1px solid #d1d7d5;
	}
	#footer{padding: 2em 0 1em 0;}
	#footer > div > *, #check > div > *{
		text-align: center;
		float: none !important;
		display: block !important;
	}
	#quotion blockquote{width: 80%; padding: 0 10%;}
	#maps{height: 20em;}
	#check a.btn{margin-top: 1em;}
	.button{background-size: 60%; width: 4em; height: 4em;}
}
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
@media (min-width: 768px) and (max-width: 1023px){	
	table{width: 100%;}
	h2{font-size: 2.5em;}
	h3{font-size: 1em;}
	#contact a.pic{width: 13em; height: 13em;}
	nav{
		display: table;
		margin: 0 auto;
		padding-right: 0;
	}
	nav ul li:last-child{padding-right: 0.4em;}
	nav ul li:last-child a{padding-righT: 0.5em;}	
	#check h3{font-size: 2.5em;}
	.btn{padding: 0.8em 1em;}
}
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
/*okostelefon portré nézetben*/
@media (max-width: 480px){
	table td{padding: 0 0.3em;}
	h1{font-size: 2em;}
	.tiny p{font-size: 1em;}
	.button{
		margin-top: 2em;
		background-size: 60%;
		width: 3em; height: 3em;
	}
	h2{font-size: 2em;}
	h3{font-size: 1.2em;}
	#check h3{
		font-size: 1.5em;
		line-height: 2;
	}
	.btn{
		font-size: 1em;
		width: 70%; margin-left: auto; margin-right: auto;
	}
	#quotion{padding: 1.5em 0;}
	#quotion blockquote{
		width: 100%;
		padding: 5%;
		font-size: 1em;
	}
	#contact a.pic{width: 10em; height: 10em;}
}
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
/*kicsi eszközök*/
@media (max-width: 320px){
	
}
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */