::selection {
	background:rgba(252,176,64,0.6);
	}
::-moz-selection {
	background:rgba(252,176,64,0.6);
}
html, body{
	overflow-x:hidden;
	margin:0;
	background-color:rgba(34,28,30,1);
	/*background-image:url(bg.jpg);
	background-size:cover;*/
}
#wrapper-bg{
	padding:40px 48px 40px 40px;
	background-image:url(border-img.svg);
	background-size:280px;
	float:left;
}
#wrapper{
	width:99%;
	min-height:500px;
	height:auto;
	position:relative;
	margin:0 auto;
	display:block;
	float:left;
	/*background-image:url(bg.jpg);
	background-size:cover;*/
	background-color:rgba(34,28,30,1);
	border:5px solid rgba(253,255,254,1);
	
	-webkit-box-shadow: 0px 0px 0px 6px rgba(34,28,30,1), 0px 0px 0px 11px rgba(252,176,64,1);
	-moz-box-shadow: 0px 0px 0px 6px rgba(34,28,30,1), 0px 0px 0px 11px rgba(252,176,64,1);
	box-shadow: 0px 0px 0px 6px rgba(34,28,30,1), 0px 0px 0px 11px rgba(252,176,64,1);
}
.des{
	width:20px;
	height:20px;
	border:4px solid #fbaf3f;
	position:absolute;
}
.d1{
	top:-16px;
	left:-16px;
}
.d2{
	top:-16px;
	right:-16px;
}
.d3{
	bottom:-16px;
	left:-16px;
}
.d4{
	bottom:-16px;
	right:-16px;
}
header{
	width:100%;
	min-height:100px;
	height:auto;
	position:relative;
	margin:0 auto;
	display:block;
	float:left;
}
.nothing{
	width:100%;
	min-height:10px;
	height:auto;
	position:relative;
	margin:0 auto;
	display:block;
}
#logo-bg{
	width:359px;
	height:300px;
	position:relative;
	margin:0 auto;
	display:block;
	/*background-image:url(logo-bg.png);
	background-position:center center;
	background-repeat:no-repeat;*/
	margin-top:5px;
	padding-top:10px;
	z-index:1000;
}
#logo-bg img{
	width:259px;
	height:177px;
	position:relative;
	margin:0 auto;
	display:block;
}
section{
	width:100%;
	min-height:100px;
	height:auto;
	position:relative;
	display:block;
	float:left;
}
.barbart-bg{
	width:100%;
	min-height:100px;
	height:auto;
	position:relative;
	display:block;
	float:left;
	margin-top:30px;
}
.barbart{
	width:100%;
	min-height:300px;
	height:auto;
	position:relative;
	display:block;
	margin:0 auto;
}
.tattoo-bg{
	width:50%;
	min-height:300px;
	height:auto;
	position:relative;
	display:block;
	float:left;
	background-image:none;
	background-position:120% 2%;
	background-repeat:no-repeat;
}
.tattoo-bg:hover{
	background-image:url(biker.svg);
	background-position:center right;
	-webkit-transition: all 0.8s ease-in-out;
	-moz-transition: all 0.8s ease-in-out;
	-o-transition: all 0.8s ease-in-out;
	-transition: all 0.8s ease-in-out;
}
.tattoo{
	width:100%;
	min-height:300px;
	height:auto;
	position:relative;
	display:block;
	background-image: url(tattoo-kecskemet.svg);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:350px;
}
.barber-bg{
	width:50%;
	height:auto;
	min-height:300px;
	position:relative;
	display:block;
	float: right;
	background-image:none;
	background-position:-20% -2%;
	background-repeat:no-repeat;
}
.barber-bg:hover{
	background-image:url(biker2.svg);
	background-position:center left;
	-webkit-transition: all 0.8s ease-in-out;
	-moz-transition: all 0.8s ease-in-out;
	-o-transition: all 0.8s ease-in-out;
	-transition: all 0.8s ease-in-out;
}
.barber{
	width:100%;
	min-height:300px;
	height:auto;
	position:relative;
	display:block;
	background-image: url(barber-shop-kecskemet.svg);
	background-position:center center;
	background-repeat:no-repeat;
}
.tovabb{
	width:250px;
	height:45px;
	position: relative;
	margin:0 auto;
	top:225px;
	background-image:url(tovabb2.svg);
	background-position:center right;
	background-repeat:no-repeat;
	background-size:100px;
}
.barbart a:hover .tovabb{
	background-image:url(tovabb.svg);
}
.back-bg{
	width:100%;
	height:50px;
	position:relative;
	display:block;
	float:left;
	margin-top:30px;
}
.back{
	width:120px;
	height:50px;
	position: relative;
	margin:0 auto;
	background-image:url(vissza2.svg);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:120px;
}
.back:hover {
	background-image:url(vissza.svg);
}
.forgo-bg{
	width:100%;
	min-height:340px;
	height:auto;
	position:relative;
	display:block;
	float:left;
	margin-top:20px;
	background-image:url(forgo-bg.svg);
	background-position:center top;
	background-repeat:no-repeat;
}
.forgo{
	width:24px;
	height:237px;
	position:relative;
	margin:0 auto;
	margin-top:52px;
	background-image:url(forgo-bg.jpg);
	background-repeat:repeat-x;
	background-position: bottom;
	-webkit-animation: forgo 1000s linear infinite;
	animation: forgo 1000s linear infinite;
}
@-webkit-keyframes forgo {
	from {background-position: 0 bottom;}
	to {background-position: 5000% bottom;}
}       
@keyframes forgo {
	from {background-position:0 bottom;}
	to {background-position: 5000% bottom;}
}
.ftext{
	background-image:none;
	margin-top:-370px;	
}
.forgo-text{
	width:34%;
	min-height:200px;
	height:auto;
	position:relative;
	text-align:justify;
	color:#fffef5;
	padding:0 8%;
	font-family:"Times New Roman";
	font-size:22px;
	line-height:32px;
}
.tl{
	float:left;
}
.tr{
	float:right;
}
.ftext2{
	background-image:none;
	margin-top:50px;
	min-height:50px;
}
.refer-bg{
	width:90%;
	min-height:400px;
	height:auto;
	position:relative;
	display:block;
	float:left;
	margin:0 5%;
	margin-top:40px;
	background-image:none;
}
.refer-text{
	width:100%;
	min-height:200px;
	height:auto;
	position:relative;
	display:block;
	float:left;
	margin-top:20px;
}
.refer-text h4{
	max-width:700px;
	width:90%;
	min-height:20px;
	height:auto;
	padding:10px 30px;
	position:relative;
	display:block;
	margin:0 auto;
	font-weight:700;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	text-transform:uppercase;
	color:#fffef5;
	font-size:24px;
	letter-spacing:2px;
	line-height:34px;
	border-top:3px solid #fffef5;
	border-bottom:3px solid #fffef5;
}
.refer-text p{
	max-width:700px;
	width:90%;
	min-height:20px;
	height:auto;
	padding:0 30px;
	position:relative;
	display:block;
	margin:0 auto;
	color:#fffef5;
	font-size:18px;
	line-height:28px;
}
.refer-text ul{
	max-width:640px;
	width:90%;
	position:relative;
	display:block;
	margin:0 auto;
	padding:10px 30px 20px 30px;
	color:#fffef5;
	font-size:18px;
	line-height:28px;
}
.refer-text li{
	padding:3px 0;
}
.refer-text table{
	max-width:700px;
	width:90%;
	min-height:20px;
	height:auto;
	padding:30px;
	position:relative;
	display:block;
	margin:0 auto;
	color:#fffef5;
	font-size:18px;
	line-height:28px;
}
.refer-text table td{
	padding:5px;
	width:90%;
}
.refer-text img{
	max-width:500px;
	width:90%;
	height:auto;
}
.refer-text2 img{
	max-width:500px;
	width:90%;
	height:auto;
}
.refer-bg2{
	width:100%;
	max-width:1000px;
	min-height:200px;
	height:auto;
	position:relative;
	display:block;
	margin:0 auto;
	margin-top:40px;
	padding:0;
}
.refer-bg5{
	width:100%;
	max-width:1278px;
	min-height:200px;
	height:auto;
	position:relative;
	display:block;
	margin:0 auto;
	margin-top:40px;
	padding:0;
}
.ref-img{
	max-width:25%;
	width:100%;
	min-height:300px;
	height:auto;
	position:relative;
	display:block;
	float:left;
	padding:0;
}
.ref-img img{
	width:100%;
	height:auto;
	border:3px solid #fffef5;
}
.refer-text2{
	width:70%;
	min-height:200px;
	height:auto;
	position:relative;
	display:block;
	float:right;
	margin-top:20px;
	padding:0;
}
.refer-text2 h4{
	padding:10px 30px;
	position:relative;
	margin:0 auto;
	font-weight:700;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	text-transform:uppercase;
	color: rgba(255,253,242,1);
	font-size:24px;
	letter-spacing:2px;
	line-height:34px;
	border-top:3px solid #fffef5;
	border-bottom:3px solid #fffef5;
}
.refer-text2 p{
	max-width:700px;
	min-height:20px;
	height:auto;
	padding:0 30px;
	position:relative;
	display:block;
	margin:0 auto;
	color:#fffef5;
	font-size:18px;
	line-height:28px;
}
.refer-text2 ul{
	max-width:640px;
	position:relative;
	display:block;
	margin:0 auto;
	padding:10px 30px 20px 30px;
	color:#fffef5;
	font-size:18px;
	line-height:28px;
}
.refer-text2 li{
	padding:3px 0;
}
.refer{
	max-width:400px;
	width:100%;
	min-height:618px;
	height:auto;
	margin:0 10px;
	margin-top:15px;
	position:relative;
	float:left;
	display:block;
	border:3px solid #fffef5;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}

.r-title{
	max-width:180px;
	width:100%;
	min-height:10px;
	height:auto;
	position:relative;
	margin:0 auto;
	padding:10px;
	margin-top:-100px;
	border:3px solid #fffef5;
	background-color:#221c1e;
	letter-spacing:2px;

	-webkit-transition: all 0.8s ease-in-out;
	-moz-transition: all 0.8s ease-in-out;
	-o-transition: all 0.8s ease-in-out;
	-transition: all 0.8s ease-in-out;
}
.r-img{
	width:100%;
	height:auto;
	position:relative;
}
.r-img img{
	width:100%;
	height:auto;
}
.r-title h4{
	padding:0;
	margin:0;
	text-align:center;
	font-weight:700;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	text-transform:uppercase;
	font-size:18px;
	color:#fffef5;
}
.refer-bg a:hover .r-title{
	margin-top:-150px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-transition: all 0.3s ease-in-out;
}
.tart{
	width:90%;
	min-height:50px;
	height:auto;
	position:relative;
	display:block;
	margin:0 5%;
}
.forgo-title{
	width:97%;
	width:100%;
	min-height:20px;
	height:auto;
	position:relative;
	display:block;
	float:left;
	margin:0 auto;
	border-top:3px solid #fffef5;
}
.forgo-title p{
	padding:5px 20px;
	font-weight:700;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	text-transform:uppercase;
	color: rgba(255,253,242,1);
	font-size:24px;
}
.video{
	width:97%;
	max-height:400px;
	height:auto;
	position:relative;
	float:left;
	display:block;
	margin:0 auto;
	border:3px solid #fffef5;
	padding:1%;
}
.video iframe{
	width:100%;
	min-height:400px;
}
.instagram{
	width:97%;
	min-height:50px;
	height:auto;
	position:relative;
	float:left;
	display:block;
	margin:0 auto;
	border:3px solid #fffef5;
	padding:1%;
}
footer{
	width:100%;
	min-height:320px;
	height:auto;
	position:relative;
	display:block;
	float:left;
	margin-top:50px;
}
.foot{
	width:90%;
	min-height:320px;
	height:auto;
	position:relative;
	display:block;
	margin:0 5%;
	border-top:3px solid #fffef5;
}
.logo{
	width:221px;
	height:151px;
	position:relative;
	margin:0 auto;
	margin-top:50px;
}
.logo img{
	width:221px;
	height:151px;
}
#icon{
	width:370px;
	height:30px;
	position:relative;
	margin:0 auto;
	padding:0;
}
#icon a{
	width:24px;
	height:20px;
	float:left;
	margin:0 25px;
	margin-top:20px;
	background-size:80%;
	-webkit-transition: all 0.9s ease-in-out;
	-moz-transition: all 0.9s ease-in-out;
	-o-transition: all 0.9s ease-in-out;
	transition: all 0.9s ease-in-out;
}
#icon a:hover{
	width:24px;
	height:20px;
	background-position:center top;
	background-repeat:no-repeat;
	
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#fb{
	background-image: url(fb.svg);
	background-position:center bottom;
	background-repeat:no-repeat;
}
#ig{
	background-image:url(ig.svg);
	background-position:center bottom;
	background-repeat:no-repeat;
}
#ml{
	background-image:url(ml.svg);
	background-position:center bottom;
	background-repeat:no-repeat;
}
#mp{
	background-image:url(mp.svg);
	background-position:center bottom;
	background-repeat:no-repeat;
}
#up{
	background-image:url(up.svg);
	background-position:center bottom;
	background-repeat:no-repeat;
}
.foot h6{
	text-align:center;
	font-family:"Times New Roman";
	font-size:12px;
	font-weight:600;
	color:rgba(255,253,242,1);
}
#created-bg{
	max-width:1000px;
	width:90%;
	height:30px;
	position:relative;
	display:block;
	margin:0 auto;
	margin-bottom:30px;
}
#created{
	position:relative;
	margin:0 auto;
	float:right;
	color:rgba(255,253,242,1);
	font-family:Arial;
}
#created span{
	padding-bottom:20px;
	font-size:12px;
	font-weight:400;
}
#created img{
	height:25px;
	top:8px;
	margin-left:5px;
	position:relative;
}
@media screen and (max-width: 1540px){
.refer-bg5{
	max-width:852px;
}
}
@media screen and (max-width: 1080px){
.refer-bg5{
	max-width:426px;
}
}
@media screen and (max-width: 1000px){
#logo-bg{
	width:240px;
	height:240px;
	background-size:100%;
}
#logo-bg img{
	width:200px;
	height:128px;
	position:relative;
	margin:0 auto;
	display:block;
}
}
@media screen and (max-width: 900px){
.tattoo-bg{
	width:100%;
	height:auto;
	min-height:300px;
	position:relative;
	display:block;
	float:left;
	background-image:none;
	background-position:120% 2%;
	background-repeat:no-repeat;
}
.barber-bg{
	width:100%;
	height:auto;
	min-height:300px;
	position:relative;
	display:block;
	float: right;
	background-image:none;
	background-position:-20% -2%;
	background-repeat:no-repeat;
}
/*.refer{
	width:46%;
}*/
}
@media screen and (max-width: 645px){
.refer{
	max-width:286px;
	min-height:442px;
	margin:0 auto;
	margin-top:15px;
	position:relative;
	float:none;
	display:block;
}
}
@media screen and (max-width: 630px){
/*.refer{
	width:96%;
}*/
.refer-bg2{
	margin-top:0px;
}
.ref-img{
	max-width:200px;
	float:none;
	margin:0 auto;
}
.refer-text{
	width:100%;
}
.refer-text2{
	width:100%;
}
}
@media screen and (max-width: 500px){
#wrapper-bg{
	padding:0px;
	background-image:none;
}
#wrapper{
	width:100%;
	/*background-image:url(bg.jpg);
	background-size:cover;*/
	border:none;
	
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}
.des{
	width:20px;
	height:20px;
	border:4px solid #fffdf2;
	position:absolute;
	display:none;
}
#logo-bg{
	width:240px;
	height:153px;
	position:absolute;
	left:-20px;
	top:0px;
	padding-top:5px;
	margin-top:0px;
}
#logo-bg img{
	width:200px;
	height:128px;
	position:relative;
	margin:0 auto;
	display:block;
}
.refer-bg{
	margin-top:100px;
}
.tattoo{
	min-height:250px;
	background-size:80%;
}
.barber{
	min-height:250px;
	background-size:80%;
}
.barbart{
	min-height:250px;
}
.tattoo-bg{
	min-height:250px;
}
.barber-bg{
	min-height:250px;
}
.tovabb{
	top:180px;
}
.forgo-bg{
	background-image:none;
}
.forgo{
	background-image:none;
}
.forgo-text{
	width:90%;
	padding:0 5%;
	font-size:20px;
	line-height:30px;
}
#icon{
	width:220px;
}
#icon a{
	margin:0 10px;
	margin-top:20px;
}
}
@media screen and (max-width: 355px){
.refer{
	max-width:250px;
	min-height:386px;
	margin:0 auto;
	margin-top:15px;
	position:relative;
	float:none;
	display:block;
}
}