@charset "utf-8";
@font-face {
	font-family: 'FuturaLighItalic';
	src: url('../Font/futuli.eot');
	src: url('../Font/futuli.eot?#iefix') format('embedded-opentype'),
		url('../Font/futuli.woff') format('woff'),
		url('../Font/futuli.ttf') format('truetype'),
		url('../Font/futuli.svg#futuli') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'FuturaLight';
	src: url('../Font/futul.eot');
	src: url('../Font/futul.eot?#iefix') format('embedded-opentype'),
		url('../Font/futul.woff') format('woff'),
		url('../Font/futul.ttf') format('truetype'),
		url('../Font/futul.svg#futul') format('svg');
	font-weight: normal;
	font-style: normal;
}




.OrtaBlok {width:750px; padding:10px; height:auto; float:right; background:#ffffff;}




/* S�TE HAR�TASI */
.SiteHarita {margin:23px 0 15px 15px;}
.SiteHarita a {color:#FFF;}
.SiteHarita a:hover {text-decoration:underline;}
.SiteHarita span {
	width:5px;
	height:7px;
	background:url('../Images/Site_Harita_Ok.png') no-repeat;
	display:inline-block;
	margin:0 10px;
}

/* SAYFA DETAY */
.Sayfa {
	width:100%;
	min-height:300px;
	height:auto;
	position:relative;
	background:#ffffff;
	overflow:hidden;

}
.Sayfa h1 {
	padding:20px 0 10px 20px;
	text-align:justify;
	line-height:150%;
	color:#006;
	font-size:1.50em;
	font-weight:normal;
	letter-spacing:-1px;
}
.Sayfa h2.AltBaslik {
	padding:0 20px;
	text-align:justify;
	line-height:150%;
	color:#9c0b00;
	font-size:1.20em;
	font-weight:normal;
	letter-spacing:-1px;
}
.Text_Footer {
	padding:15px !important;
	margin:0 !important;
	display:block;
	background:#CCC;
	color:#999 !important;
	text-align:right !important;
	font-size:.80em !important;
}
.Sayfa p {padding:0 20px; text-align:justify; line-height:150%; margin-bottom:20px; color:#333;}
.Sayfa ul.Listele li {
	padding:7px 0 7px 35px;
	text-align:justify;
	color:#333;
	background:url('../Images/Content.png') no-repeat 20px center;
	border-bottom:dotted 1px #CCC;
}


/* GENEL AYALAR */
 
body.Home_Bg {
	min-width:960px;
	width:100%;
	min-height:100%;
	height:auto;
	font-family:Arial, Helvetica, sans-serif;
	background:url('../Images/Home_Bg.jpg') no-repeat top center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.75em;
}
body.Detay_Bg {
	min-width:960px;
	width:100%;
	min-height:100%;
	font-family:Arial, Helvetica, sans-serif;
	background:url('../Images/Detay_Bg.jpg') no-repeat top center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.75em;
}

body.Kurumsal {
	min-width:960px;
	width:100%;
	min-height:100%;
	font-family:Arial, Helvetica, sans-serif;
	background:url('../Images/kurumsal.jpg') no-repeat top center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.75em;
}

body.Urunler {
	min-width:960px;
	width:100%;
	min-height:100%;
	font-family:Arial, Helvetica, sans-serif;
	background:url('../Images/urunler.jpg') no-repeat top center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.75em;
}

body.iletisim {
	min-width:960px;
	width:100%;
	min-height:100%;
	font-family:Arial, Helvetica, sans-serif;
	background:url('../Images/iletisim.jpg') no-repeat top center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.75em;
}

body.urun-detay {
	min-width:960px;
	width:100%;
	min-height:100%;
	font-family:Arial, Helvetica, sans-serif;
	background:url('../Images/urun-detay.jpg') no-repeat top center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.75em;
}




.Bg_Sabit {background-attachment:fixed !important; background-position:center -1020px !important;}
.Kapsayici {width:1075px; position:relative; margin:auto;}
.Temizle {clear:both;}









/* HEADER */
#google_translate_element {
	padding:5px;
	background:rgba(255,255,255,.3);
	position:fixed;
	top:20px;
	right:20px;
	/* Köşe Yuvarlama */
 
}

.Header {width:100%; height:104px; overflow:hidden; background:rgba(0,0,0,0);}
.Logo {width:340px; height:120px; position:absolute; left:337px; right:0; margin:25px; top:-10px; auto; z-index:3;}

/* MENU */
*,*:after,*::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.Menu a {
	position: relative;
	display: inline-block;
	margin: -70px 5px;
	top: 20px;
	left: -70px; 
	outline: none;
	color: #000000;
	text-decoration: none;
	font-weight: 700;
	text-shadow: 0 0 1px rgba(255,255,255,0.3);
	font-size: 1.20em;
	letter-spacing: -1px;
}
.Menu a:hover,.Menu a:focus {outline: none;}

/* Effect 20: 3D side */
/* Effect 5: same word slide in */
.Menu a {
	overflow: hidden;
	padding: 0 4px;
}
.Menu a span {
	position: relative;
	display: inline-block;
	-webkit-transition: -webkit-transform 0.2s;
	-moz-transition: -moz-transform 0.2s;
	transition: transform 0.2s;
}
.Menu a span::before {
	position: absolute;
	top: 100%;
	content: attr(data-hover);
	font-weight: 700;
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
.Menu a:hover span,
.Menu a:focus span {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	transform: translateY(-100%);
}




.SolBlok {margin:50px 0 0 20px; width:315px; height:220px; float:left; background:#ffffff;}
.Orta    {margin:50px 0 0 20px; width:315px; height:220px; float:left; background:#ffffff;}
.SagBlok {margin:50px 0 0 20px; width:315px; height:250px; float:left; background:#FFFFFF;}


.Sayfa_Orta {margin:-150px 0 0 520px width:650px; height:10px;   padding:20px; no-repeat center;}



/* HOME - ANASAYFA */

.Home_Ayar {width:100%; height:-100px; left: -70px; top: 70px;}
.Home {width:100%; height:150px; margin-bottom:40px;}
.Home p {color:#FFF; width:150px; position:absolute; font-size:.90em;}
.Home p a {color:#FFFF80;}
.Home p a:hover {text-decoration:underline;}
.Home h1 {position:absolute;}
.Home h1 a {
	position: relative;
	display: inline-block;
	outline: none;
	color:#FFFF80;
	text-decoration: none;
	font-weight: 400;
	text-shadow: 0 0 1px rgba(255,255,255,0.3);
	font-size:1.85em;
	font-family:'FuturaLight',Arial, Helvetica, sans-serif;
}
.Home h1 a:hover,.Home h1 a:focus {outline: none;}
.Home h1 a {
	overflow: hidden;
	padding: 0 4px;
}
.Home h1 a span {
	position: relative;
	display: inline-block;
	-webkit-transition: -webkit-transform 0.2s;
	-moz-transition: -moz-transform 0.2s;
	transition: transform 0.2s;
}
.Home h1 a span::before {
	position: absolute;
	top: 100%;
	content: attr(data-hover);
	font-weight: 400;
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	color:#FF0;
}
.Home h1 a:hover span,
.Home h1 a:focus span {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	transform: translateY(-100%);
}

.Home_01 {margin:-150px 0 0 150px; }
p.Home_01 {margin:-120px 0 0 155px;}

.Home_02 {margin:35px; height:315px; width:220px;  float:left; background:#ffffff;}
p.Home_02 {margin:65px 0 0 135px;}
.Home_03 {margin:35px; height:315px; width:220px;  float:left; background:#ffffff;}
p.Home_03 {margin:65px 0 0 470px;}
.Home_04 {margin:35px; width:220px; height:315px; float:left; background:#ffffff;}
p.Home_04 {margin:65px 0 0 795px;}










/* SAYFA TASARIMI 01 */
.Saydam {
	width:700px;
	height:auto;
	padding:10px;
	background:rgba(255,255,255,.2);
	float:right;
	clear:both;
	margin:110px 0 0 0;
	position:relative;
	z-index:1;
	/* Köşe Yuvarlama */
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
.Golge {
	width:700px;
	height:30px;
	float:right;
	background:url('../Images/Golge.png') no-repeat center center;
	margin-bottom:20px;
	position:relative;
	margin-top:-10px;
	z-index:0;
}

.Banner {
	width:100%;
	height:350px;
	position:relative;
	overflow:hidden;
	border-bottom:solid 5px #993300;
 
	/* Köşe Yuvarlama */
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.Sayfa_Baslik {
	font-family:'FuturaLight', Arial, Helvetica, sans-serif;
	font-size:2em;
	color:#FFF;
	font-weight:400;
	padding:10px;
	background:#993300;
	display:inline-block;
	position:absolute;
	z-index:1;
	margin:300px 0 0 20px;
	/* Köşe Yuvarlama */
	-webkit-border-top-left-radius: 7px;
	-webkit-border-top-right-radius: 7px;
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
}
.Sayfa h2 {
	font-family:'FuturaLight', Arial, Helvetica, sans-serif;
	font-size:2em;
	color:#600;
	font-weight:400;
	padding:10px 20px 0px 20px;
}
.Sayfa p {
	line-height:200%;
	text-align:justify;
	color:#600;
	font-weight:400;
	padding:10px 20px 10px 20px;
}










/* SAYFA TASARIMI 02 */
.Saydam_02 {
	width:960px;
	height:auto;
	padding:10px;
	background:rgba(255,255,255,.2);
	clear:both;
	margin:110px 0 0 0;
	position:relative;
	z-index:1;
	/* Köşe Yuvarlama */
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
.Golge_02 {
	width:960px;
	height:30px;
	background:url('../Images/Golge_02.png') no-repeat center center;
	margin-bottom:20px;
	position:relative;
	margin-top:-10px;
	z-index:0;
}
.Sayfa_02 {
	width:100%;
	min-height:700px;
	height:auto;
	position:relative;
	z-index:1;
	overflow:hidden;
	/* Radial Background */
	background-color: #ffcc99;
	background: -webkit-gradient(radial, center center, 0, center center, 460, from(#ffcc99), to(#cc6633));
	background: -webkit-radial-gradient(circle, #ffcc99, #cc6633);
	background: -moz-radial-gradient(circle, #ffcc99, #cc6633);
	background: -ms-radial-gradient(circle, #ffcc99, #cc6633);
	/* Köşe Yuvarlama */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.Banner_02 {
	width:100%;
	height:250px;
	position:relative;
	overflow:hidden;
	border-bottom:solid 5px #993300;
	/* Köşe Yuvarlama */
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.Sayfa_Baslik_02 {
	font-family:'FuturaLight', Arial, Helvetica, sans-serif;
	font-size:2em;
	color:#FFF;
	font-weight:400;
	padding:10px;
	background:#993300;
	display:inline-block;
	position:absolute;
	z-index:1;
	margin:200px 0 0 20px;
	/* Köşe Yuvarlama */
	-webkit-border-top-left-radius: 7px;
	-webkit-border-top-right-radius: 7px;
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
}
.Sayfa_02 p {
	line-height:200%;
	text-align:justify;
	color:#600;
	font-weight:400;
	padding:10px 20px 10px 20px;
}


/* YAN MENÜ */
.YanBlok {
	width:240px;
	height:auto;
	float:left;
	margin-top:110px;
}
.YanMenu {
	width:230px;
	height:65px
	min-height:100px;
	height:auto;
	background:#ffffff;
	padding:0px;
	
}
.YanMenu h1 {width:100%; height:50px; background:url('../Images/YanMenu.png') no-repeat top;}
.YanMenu h1 span {font-weight:normal; font-size:1.10em; color:#FFF; padding:15px 20px; display:block;}
.YanMenu a {width:100%; height:50px; margin-top:0px; background:url('../Images/YanMenu.png') no-repeat center -50px; display:block;}
.YanMenu a span {color:#FFF; padding:8px 25px; display:block;}
.YanMenu a:hover {background-position: center -103px;}
.YanMenu_Golge {width:100%; height:14px; background:url('../Images/YanMenu.png') no-repeat bottom;}











/* ÜRÜN LİSTELE */
.Urun_Listele {
	width:302px;
	height:279px;
	overflow:hidden;
	background:#f8f8f8;
	border:solid 1px #eaeae4;
	padding:6px;
	margin:0 0 15px 15px;
	float:left;

	

}

.Urun_Listele h2 {color:#369; padding-bottom:6px;}
.Urun_Listele h2 a {color:#369;}
.Urun_Listele h2 a:hover {text-decoration:underline;}
.Urun_Listele h2 span {color:#666; font-size:.75em; font-weight:normal; padding-top:4px; float:right;}
.Urun_Listele p.Aciklama {color:#369; padding:6px 5px; margin:0 !important; text-align:left !important;}
.Urun_Listele p.Eski_Fiyat {color:#999; padding:6px 10px; margin:0 !important; float:left;}
.Urun_Listele p.Yeni_Fiyat {color:#C03; padding:6px 10px; margin:0 !important; float:right;}
.Urun_Listele .Resim {
	width:288px;
	height:200px;
	overflow:hidden;
	background:#FFF url('../Images/AjaxLoader.gif') no-repeat center center;
}











/* FOTO GALERİ */
.FotoGaleri {width:800px; height:auto; margin:auto;}
.FotoGaleri ul li {
	list-style:none;
	float:left;
	width:244px;
	height:271px;
	background:url('../Images/Foto-Bg.png') no-repeat center center;
	margin:20px 0 20px 20px;
}
.FotoGaleri ul li h1 {
	position:absolute;
	z-index:1;
	width:190px;
	padding:10px;
	text-align:center;
	margin:205px 0 0 27px;
	font-family:'FuturaLight', Arial, Helvetica, sans-serif;
	font-size:1.50em;
	font-weight:400;
	color:#C90;
}
.FotoGaleri ul li .highslide-gallery {
	width:164px;
	height:168px;
	margin:34px 0 0 39px;
	overflow:hidden;
	position:absolute;
}
.Yapiskan {
	width:145px;
	height:46px;
	background:url('../Images/Yapiskan.png') no-repeat center center;
	position:absolute;
	margin:0 0 0 50px;
	z-index:1;
}











/* İLETİŞİM BİLGİLERİ */
.Iletisim_Bilgileri {padding:0; margin:30px 30px 0 30px;}
.Iletisim_Bilgileri p {padding:7px; margin:0; color:#333; position:relative; width:625px;}
.Iletisim_Bilgileri p a {color:#333;}
.Iletisim_Bilgileri p:hover a {color:#FFF;}
.Iletisim_Bilgileri p a:hover {color:#FF0; text-decoration:underline;}
.Iletisim_Bilgileri p img.Arrow {position:absolute; margin-top:4px; opacity:0;}
.Iletisim_Bilgileri p img.Icon {position:absolute; margin-left:-35px;}
.Iletisim_Bilgileri p span {width:100px; padding-left:35px; display:inline-block; color:#900;}
.Iletisim_Bilgileri p:hover img.Icon {
	box-shadow:0 0 5px #FFF;
	background:#FFF;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
}
.Iletisim_Bilgileri p:hover span {color:#FF0;}
.Iletisim_Bilgileri p:hover {
	color:#FFF;	
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;

	background: #a90329; /* Old browsers */
	background: -moz-linear-gradient(top,  #a90329 0%, #8f0222 44%, #6d0019 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a90329), color-stop(44%,#8f0222), color-stop(100%,#6d0019)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */
}











/* SİTE FORM TASARIMLARI */
input[type=text] {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	background:rgba(255,255,255,0.4);
	color: #FF0;
	padding-left: 10px;
	width:208px;
	height:33px;
	
	outline: none;
	border:none;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

input[type=text]:focus, .Mesaj:focus {
	outline: none;
	background:rgba(255,255,255,1);
	border:1px solid rgba(255,51,0,1);
	color:rgba(255,51,0,1);
	border:none;
	box-shadow: 0 0 10px #FFF;
}
::-webkit-input-placeholder { /* WebKit browsers */color:#FFF;}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color:#FFF;}
::-moz-placeholder { /* Mozilla Firefox 19+ */color:#FFF;}
:-ms-input-placeholder { /* Internet Explorer 10+ */color:#FFF;}

.Mesaj {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	background:rgba(255,255,255,0.4);
	color:#FF0;
	padding: 10px 0 0 10px;
	width:430px;
	height:93px;
	position: absolute;
	margin:210px 0 0 120px;
	
	outline: none;
	border:none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

}


/* İLETİŞİM FORMU */
.Iletisim_Formu {
	width:680px;
	height:473px;
	background:url('../Images/Iletisim_Form.png') no-repeat center center;
	position:relative;
}
.Iletisim_Formu .AdSoyad {position: absolute; margin:130px 0 0 120px;}
.Iletisim_Formu .Email {position: absolute; margin:130px 0 0 340px;}
.Iletisim_Formu .Telefon {position: absolute; margin:170px 0 0 120px;}
.Iletisim_Formu .Adres {position: absolute; margin:170px 0 0 340px;}
.Iletisim_Formu .Gonder {position:relative; margin:380px 0 0 280px; top:100px; opacity:0;}
.Iletisim_Formu .Form_Hata {
	font-size:1em;
	font-weight: normal;
	text-align:left;
	position: absolute;
	margin:340px 0 0 350px;
	padding:10px;
	color:#FFF;
	font-style:italic;
	display:none;
	
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	
	background: #a90329; /* Old browsers */
	background: -moz-linear-gradient(top,  #a90329 0%, #8f0222 44%, #6d0019 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a90329), color-stop(44%,#8f0222), color-stop(100%,#6d0019)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */
}


 










/* FOOTER KAPSAYICI */
.Footer_Kapsayici {margin:450px 0 0 0px; width:100%; height:293px; background:url('../Images/Footer.jpg') no-repeat center center;}
.Footer p.Reserved {
	padding: 20px 0 0 0px;
	left: 665px;
	top: 123px;
	text-align: center;
	color: #FFF;
	font-size: 14px;
}
.Footer {width:1053px; height:293px; margin:auto; position:relative;}
.Footer_Logo {
	position: absolute;
	margin-top: 100px;
	width: 50px !important;
	height: 30px;
	left: 952px;
	top: 0px;
}
.instagram {
	position: absolute;
	margin-top: 100px;
	width: 37px !important;
	height: 34px;
	left: 885px;
	top: 17px;
}

.Footer .Linkler {position:absolute; margin:60px 0 0 180px;}
.Footer .Linkler a {
	font-family:'Arial', Arial, Helvetica, sans-serif;
	font-size:1.20em;
	color:#95d8e0;
	margin:3px 10px 3px 10px;
	padding:2px;
	display:inline-block;
	position:relative;
	-webkit-transition: -webkit-ease 0.3s;
	-moz-transition: -moz-ease 0.3s;
	transition: ease 0.3s;
}
.Footer .Linkler a:hover {border-bottom:solid 2px #95d8e0;}
.Footer .Reserved {
	position:absolute;
	text-align:center;
	font-size:1.15em;
	line-height:175%;
	font-family:'FuturaLight', Arial, Helvetica, sans-serif;
	margin:110px 0 0 210px;
	color:#95d8e0;
}
.Footer .Reserved a {color:#FC6;}
.Footer .Reserved a:hover {text-decoration:underline;}
.LightRoom {position:absolute; right:65px; margin-top:205px;}

/* SOSYAL MEDYA */
.Footer .Sosyal_Medya {position:absolute; margin:62px 0 0 750px;}
.Footer .Sosyal_Medya a {
	font-family:'FuturaLight', Arial, Helvetica, sans-serif;
	font-size:1.35em;
	color:#95d8e0;
	margin:3px 10px 7px 10px;
	padding:2px;
	display:block;
	position:relative;
}

/* DESIGNER */
.Designer {margin:200px 0 0 390px;}
.Designer {
	position: relative;
	display: inline-block;
	outline: none;
	color:#95d8e0;
	text-decoration: none;
	font-weight: 400;
	text-shadow: 0 0 1px rgba(255,255,255,0.3);
	font-size:1.25em;
	font-family:'FuturaLight',Arial, Helvetica, sans-serif;
}
.Designer:hover,.Designer:focus {outline: none;}
.Designer {
	overflow: hidden;
	padding: 0 4px;
}
.Designer span {
	position: relative;
	display: inline-block;
	-webkit-transition: -webkit-transform 0.2s;
	-moz-transition: -moz-transform 0.2s;
	transition: transform 0.2s;
}
.Designer span::before {
	position: absolute;
	top: 100%;
	content: attr(data-hover);
	font-weight: 400;
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
.Designer:hover span,
.Designer:focus span {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	transform: translateY(-100%);
}
