body {line-height:20pt; font-size: 14px; color:#484848; font-family: 'Kotta One', serif; margin:0px auto; background-position: center top; background-color: #f4f0e9; height: 100%;


}

ul, ol { list-style:none; padding:0; margin:0 }


select {font-size:14px; color: #666666;}
textarea {font-size:14px; color: #e90404;}
 

a:link {color:#000; font-family: 'Kotta One', serif; text-decoration:none;-webkit-transition: .3s ease-in-out;
 -moz-transition: .3s ease-in-out;}
a:visited {color:#000; font-family: 'Kotta One', serif; text-decoration:none;-webkit-transition: .3s ease-in-out;
 -moz-transition: .3s ease-in-out;}
a:active {color:#000;  font-family: 'Kotta One', serif; text-decoration:none;-webkit-transition: .3s ease-in-out;
 -moz-transition: .3s ease-in-out;}
a:hover {color:#000; font-family: 'Kotta One', serif; text-decoration:none; -webkit-transition: .3s ease-in-out;
 -moz-transition: .3s ease-in-out;}

@media only screen and (max-width: 479px) {
	
.Ortala{margin: 0 auto; width:100%; max-width:479px;}
.OrtalaIc{margin: 0 auto; padding-bottom:2%; display:table; width:99%; max-width:479px; background-color:#FFFFFF;}

#UstBant{ color:#ffffff; float:right; font-size:14px; padding-top:30px; }
#UstBant ul li{ text-align:center; font-weight:lighter; padding-left:15px;}
#UstBant a{ color:#ffffff; font-size:14px;}
#UstBant a:hover{ color:#ebbc65; font-size:14px;}

#SayfaUst{min-height:420px; height:100%; width:100%; max-width:479px; position:absolute; z-index:91;}
#SayfaUstIc{min-height:400px; width:100%; max-width:479px;}

#SayfaAlt{width:100%; margin: 0 auto; z-index:3; height:100%; clear:both;}
#SayfaAlt ul.Iletisim { clear:both; background-color:#FFFFFF; margin:0; padding:43px 0 0 0; min-height:300px; width:100%; text-align:center}
#SayfaAlt ul.Iletisim li{ line-height:30pt; color:#110700; font-size:16px; clear:both}
#SayfaAlt ul.Iletisim li.Telefon{ line-height:55pt; color:#110700; font-size:36px; clear:both}

.OrtalaAlt{min-height:380px; margin-top:50px;}

#SayfaAlt .GoogleMaps { clear:both; width:100%;}


#SayfaAlt .YasalUyari {color:#110700; background-color:#d8d2c6; min-height:130px; margin-top:-80px; z-index:-1; position:relative; font-size:12px;}
#SayfaAlt ul.YasalUyari {color:#110700; font-size:12px; text-align:center; line-height:15pt; padding-top:25px; clear:both}
#SayfaAlt ul.YasalUyari a{color:#110700;  font-size:12px; line-height:15pt;}
#SayfaAlt ul.YasalUyari a:hover{color:#98ab17; font-size:12px; line-height:15pt;}

.Banner1 img{ width:100%; height:100px; clear:both}
.GundemEkrani{ width:100%; padding-top:50px; clear:both}
.SubeBgIc{ background-color:#f4f0e9; width:100%; text-align:center; height:100%; clear:both; padding-bottom:20px}

.SubeBg{ background-color:#FFFFFF; max-height:240px; width:100%; height:100%; float:left;}
.SubeSol{ float:left;}
.SubeSag{ float:left; padding-left:30px;}
.SubeIsim {color:#110700; line-height:80px; clear:both; font-size:20px;}
.SubeAciklama {color:#110700; clear:both; font-size:14px;}
.SubeAciklama a{color:#110700; clear:both; font-size:14px;}
.SubeAciklama a:hover{color:#a97f3e; clear:both; font-size:14px;}
.SubeIcon {color:#98ab17; font-size:14px;}

.IcBaslik {font-family: 'Italianno', cursive; font-size:30px; line-height:40px; color:#98ab17; font-weight:normal;}

.YesilBaslik {font-family: 'Italianno', cursive; font-size:40px; line-height:60px; color:#98ab17; font-weight:normal;}
.YesilBaslik a:link {font-family: 'Italianno', cursive; font-size:40px; color:#98ab17; font-weight:normal;}
.YesilBaslik a:visited {font-family: 'Italianno', cursive; font-size:40px; color:#98ab17; font-weight:normal;}
.YesilBaslik a:active {font-family: 'Italianno', cursive; font-size:40px; color:#98ab17; font-weight:normal;}
.YesilBaslik a:hover {font-family: 'Italianno', cursive; font-size:40px; color:#a97f3e; font-weight:normal;}


.KahveBaslik {font-family: 'Italianno', cursive; font-size:40px; line-height:60px; color:#a97f3e; font-weight:normal;}
.KahveBaslik a:link {font-family: 'Italianno', cursive; font-size:40px; color:#a97f3e; font-weight:normal;}
.KahveBaslik a:visited {font-family: 'Italianno', cursive; font-size:40px; color:#a97f3e; font-weight:normal;}
.KahveBaslik a:active {font-family: 'Italianno', cursive; font-size:40px; color:#a97f3e; font-weight:normal;}
.KahveBaslik a:hover {font-family: 'Italianno', cursive; font-size:40px; color:#98ab17; font-weight:normal;}

.BeyazBg{ background-color:#FFFFFF; min-height:340px; z-index:3; height:100%; width:100%; display:table; padding:1px;}

.AnasayfaOrta{ background:url(../Resim/AnasayfaOrta.jpg) 50% 0 no-repeat fixed; clear:both; margin-top:20px; min-height:250px; font-weight:lighter; font-size:14px; color:#FFFFFF; text-align:center; margin-bottom:40px;}

.AnasayfaOrtaBaslik{font-weight:lighter; font-size:26px; line-height:35px; padding-top:30px; color:#FFFFFF; text-align:center;}


.AnaK{ clear:both; width:100%; text-align:center}
.AnaK img{ clear:both; width:100%; text-align:center}

.AnaB{ clear:both; width:100%; text-align:center}
.AnaB img{ clear:both; width:100%; text-align:center}

.AnaText { padding:30px 50px 20px 50px; text-align:center}

.AnaAciklama {font-size:15px; margin-bottom:30px; line-height:25px; font-weight:normal; color:#000000;}
.AnaAciklama a:link {font-size:15px; color:#000000; font-weight:normal;}
.AnaAciklama a:visited {font-size:15px; color:#000000; font-weight:normal;}
.AnaAciklama a:active {font-size:15px; color:#000000; font-weight:normal;}
.AnaAciklama a:hover {font-size:15px; color:#a97f3et; font-weight:normal;}

.DevamBg {font-size:14px; cursor:pointer; line-height:30px; margin:0 auto; background-position:center bottom; background-repeat:no-repeat; background-image:url(../Resim/DevamBg.png); width:140px; height:30px; font-weight:normal; color:#ffffff; clear:both}

.DevamBg:hover {font-size:14px; cursor:pointer; line-height:30px; margin:0 auto; background-position:center bottom; background-repeat:no-repeat; background-image:url(../Resim/DevamBgHover.png); width:140px; height:30px; font-weight:normal; color:#ffffff;-webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out;}


.DevamBg a{font-size:14px; font-weight:normal; color:#ffffff; }
.DevamBg a:hover{font-size:14px; font-weight:normal; color:#ffffff; }

h1 {font-family: 'Italianno', cursive; background-image:url(../Resim/BaslikBg.png); background-repeat:no-repeat; background-position:center top; height:134px; margin-top:-136px; font-size:50px; width:100%; text-align:center; text-transform: capitalize; line-height:250px; color:#a97f3e; font-weight:normal;}

.Icerik {color:#000000; font-size: 15px; padding-left:30px; line-height:22pt; text-decoration: none; clear:both}
.Icerik a:link {color:#000000; font-size: 15px; line-height:22pt; text-decoration:none;}
.Icerik a:hover {color:#98ab17; font-size: 15px; line-height:22pt; text-decoration:none;}

.UrunResim {margin-top:20px; clear: both; text-align:center; height:225px}
.UrunResim img {max-width: 300px; max-height:225px}
.UrunSagBg {max-width: 300px; margin:0 auto; min-height:185px; padding:10px 1%; clear: both; background-color:#f4f0e9}
.UrunIsim {color:#1d0c00; font-size: 22px; line-height:33pt; text-decoration: none; clear:both}
.UrunAciklama {color:#1d0c00; font-size: 14px; line-height:18pt; text-decoration: none; clear:both}

.UrunBg { width:100%; clear:both}
.UrunBg1 {width:100%; clear:both}

.FotoGaleri {width: 140px; float:left}
.FotoGaleri img {max-width: 130px;}

.Logo img {max-width:130px; margin-top:-53px; float:left;}


#SayfaOrta{ padding:1% 2%;	clear:both;	min-height:400px;	}


#SayfaMenu{

  }

}


@media only screen and (min-width: 480px) and (max-width: 767px) { 
	
.Ortala{margin: 0 auto; width:100%; max-width:479px;}
.OrtalaIc{margin: 0 auto; padding-bottom:2%; display:table; width:99%; max-width:479px; background-color:#FFFFFF;}

#UstBant{ color:#ffffff; float:right; font-size:14px; padding-top:30px; }
#UstBant ul li{ text-align:center; font-weight:lighter; padding-left:15px;}
#UstBant a{ color:#ffffff; font-size:14px;}
#UstBant a:hover{ color:#ebbc65; font-size:14px;}

#SayfaUst{min-height:420px; height:100%; width:100%; max-width:479px; position:absolute; z-index:91;}
#SayfaUstIc{min-height:400px; width:100%; max-width:479px;}

#SayfaAlt{width:100%; margin: 0 auto; z-index:3; height:100%; clear:both;}
#SayfaAlt ul.Iletisim { clear:both; background-color:#FFFFFF; margin:0; padding:43px 0 0 0; min-height:300px; width:100%; text-align:center}
#SayfaAlt ul.Iletisim li{ line-height:30pt; color:#110700; font-size:16px; clear:both}
#SayfaAlt ul.Iletisim li.Telefon{ line-height:55pt; color:#110700; font-size:36px; clear:both}

.OrtalaAlt{min-height:380px; margin-top:50px;}

#SayfaAlt .GoogleMaps { clear:both; width:100%;}


#SayfaAlt .YasalUyari {color:#110700; background-color:#d8d2c6; min-height:130px; margin-top:-80px; z-index:-1; position:relative; font-size:12px;}
#SayfaAlt ul.YasalUyari {color:#110700; font-size:12px; text-align:center; line-height:15pt; padding-top:25px; clear:both}
#SayfaAlt ul.YasalUyari a{color:#110700;  font-size:12px; line-height:15pt;}
#SayfaAlt ul.YasalUyari a:hover{color:#98ab17; font-size:12px; line-height:15pt;}

.Banner1 img{ width:100%; height:100px; clear:both}
.GundemEkrani{ width:100%; padding-top:50px; clear:both}
.SubeBgIc{ background-color:#f4f0e9; width:100%; text-align:center; height:100%; clear:both; padding-bottom:20px}

.SubeBg{ background-color:#FFFFFF; max-height:240px; width:100%; height:100%; float:left;}
.SubeSol{ float:left;}
.SubeSag{ float:left; padding-left:30px;}
.SubeIsim {color:#110700; line-height:80px; clear:both; font-size:20px;}
.SubeAciklama {color:#110700; clear:both; font-size:14px;}
.SubeAciklama a{color:#110700; clear:both; font-size:14px;}
.SubeAciklama a:hover{color:#a97f3e; clear:both; font-size:14px;}
.SubeIcon {color:#98ab17; font-size:14px;}

.IcBaslik {font-family: 'Italianno', cursive; font-size:30px; line-height:40px; color:#98ab17; font-weight:normal;}

.YesilBaslik {font-family: 'Italianno', cursive; font-size:40px; line-height:60px; color:#98ab17; font-weight:normal;}
.YesilBaslik a:link {font-family: 'Italianno', cursive; font-size:40px; color:#98ab17; font-weight:normal;}
.YesilBaslik a:visited {font-family: 'Italianno', cursive; font-size:40px; color:#98ab17; font-weight:normal;}
.YesilBaslik a:active {font-family: 'Italianno', cursive; font-size:40px; color:#98ab17; font-weight:normal;}
.YesilBaslik a:hover {font-family: 'Italianno', cursive; font-size:40px; color:#a97f3e; font-weight:normal;}


.KahveBaslik {font-family: 'Italianno', cursive; font-size:40px; line-height:60px; color:#a97f3e; font-weight:normal;}
.KahveBaslik a:link {font-family: 'Italianno', cursive; font-size:40px; color:#a97f3e; font-weight:normal;}
.KahveBaslik a:visited {font-family: 'Italianno', cursive; font-size:40px; color:#a97f3e; font-weight:normal;}
.KahveBaslik a:active {font-family: 'Italianno', cursive; font-size:40px; color:#a97f3e; font-weight:normal;}
.KahveBaslik a:hover {font-family: 'Italianno', cursive; font-size:40px; color:#98ab17; font-weight:normal;}

.BeyazBg{ background-color:#FFFFFF; min-height:340px; z-index:3; height:100%; width:100%; display:table; padding:1px;}

.AnasayfaOrta{ background:url(../Resim/AnasayfaOrta.jpg) 50% 0 no-repeat fixed; clear:both; margin-top:20px; min-height:250px; font-weight:lighter; font-size:14px; color:#FFFFFF; text-align:center; margin-bottom:40px;}

.AnasayfaOrtaBaslik{font-weight:lighter; font-size:26px; line-height:35px; padding-top:30px; color:#FFFFFF; text-align:center;}


.AnaK{ clear:both; width:100%; text-align:center}
.AnaK img{ clear:both; width:100%; text-align:center}

.AnaB{ clear:both; width:100%; text-align:center}
.AnaB img{ clear:both; width:100%; text-align:center}

.AnaText { padding:30px 50px 20px 50px; text-align:center}

.AnaAciklama {font-size:15px; margin-bottom:30px; line-height:25px; font-weight:normal; color:#000000;}
.AnaAciklama a:link {font-size:15px; color:#000000; font-weight:normal;}
.AnaAciklama a:visited {font-size:15px; color:#000000; font-weight:normal;}
.AnaAciklama a:active {font-size:15px; color:#000000; font-weight:normal;}
.AnaAciklama a:hover {font-size:15px; color:#a97f3et; font-weight:normal;}

.DevamBg {font-size:14px; cursor:pointer; line-height:30px; margin:0 auto; background-position:center bottom; background-repeat:no-repeat; background-image:url(../Resim/DevamBg.png); width:140px; height:30px; font-weight:normal; color:#ffffff; clear:both}

.DevamBg:hover {font-size:14px; cursor:pointer; line-height:30px; margin:0 auto; background-position:center bottom; background-repeat:no-repeat; background-image:url(../Resim/DevamBgHover.png); width:140px; height:30px; font-weight:normal; color:#ffffff;-webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out;}


.DevamBg a{font-size:14px; font-weight:normal; color:#ffffff; }
.DevamBg a:hover{font-size:14px; font-weight:normal; color:#ffffff; }

h1 {font-family: 'Italianno', cursive; background-image:url(../Resim/BaslikBg.png); background-repeat:no-repeat; background-position:center top; height:134px; margin-top:-136px; font-size:50px; width:100%; text-align:center; text-transform: capitalize; line-height:250px; color:#a97f3e; font-weight:normal;}

.Icerik {color:#000000; font-size: 15px; padding-left:30px; line-height:22pt; text-decoration: none; clear:both}
.Icerik a:link {color:#000000; font-size: 15px; line-height:22pt; text-decoration:none;}
.Icerik a:hover {color:#98ab17; font-size: 15px; line-height:22pt; text-decoration:none;}

.UrunResim {margin-top:20px; clear: both; text-align:center; height:225px}
.UrunResim img {max-width: 300px; max-height:225px}
.UrunSagBg {max-width: 300px; margin:0 auto; min-height:185px; padding:10px 1%; clear: both; background-color:#f4f0e9}
.UrunIsim {color:#1d0c00; font-size: 22px; line-height:33pt; text-decoration: none; clear:both}
.UrunAciklama {color:#1d0c00; font-size: 14px; line-height:18pt; text-decoration: none; clear:both}

.UrunBg { width:100%; clear:both}
.UrunBg1 {width:100%; clear:both}

.FotoGaleri {width: 140px; float:left}
.FotoGaleri img {max-width: 130px;}

.Logo img {max-width:130px; margin-top:-53px; float:left;}


#SayfaOrta{ padding:1% 2%;	clear:both;	min-height:400px;	}


#SayfaMenu{

  }
}


@media only screen and (min-width: 768px) and (max-width: 1023px) { 
	
.Ortala{margin: 0 auto; width:100%; max-width:1310px;}
.OrtalaIc{margin: 0 auto; padding-bottom:2%; display:table; width:100%; max-width:1310px; background-color:#FFFFFF;}

#UstBant{ color:#ffffff; font-size:14px; padding-top:15px; width:100%}
#UstBant ul li{float:right; font-weight:lighter; padding-left:15px; text-align:right;}
#UstBant a{ color:#ffffff; font-size:14px;}
#UstBant a:hover{ color:#ebbc65; font-size:14px;}

#SayfaUst{min-height:420px; width:100%; max-width:1310px; position:absolute; z-index:91;}
#SayfaUstIc{min-height:400px; width:100%; max-width:1310px;}

#SayfaAlt{width:100%; margin: 0 auto; z-index:3; height:100%; clear:both;}
#SayfaAlt ul.Iletisim { float:left; background-color:#FFFFFF; margin:0; padding:43px 0 0 0; min-height:300px; width:40%; text-align:center}
#SayfaAlt ul.Iletisim li{ line-height:30pt; color:#110700; font-size:16px; clear:both}
#SayfaAlt ul.Iletisim li.Telefon{ line-height:55pt; color:#110700; font-size:36px; clear:both}

.OrtalaAlt{min-height:380px; margin-top:50px;}

#SayfaAlt .GoogleMaps { float:left; width:60%;}


#SayfaAlt .YasalUyari {color:#110700; background-color:#d8d2c6; min-height:130px; margin-top:-80px; z-index:-1; position:relative; font-size:12px;}
#SayfaAlt ul.YasalUyari {color:#110700; font-size:12px; text-align:center; line-height:15pt; padding-top:25px; clear:both}
#SayfaAlt ul.YasalUyari a{color:#110700;  font-size:12px; line-height:15pt;}
#SayfaAlt ul.YasalUyari a:hover{color:#98ab17; font-size:12px; line-height:15pt;}

.Banner1 img{ margin-top:-50px; width:100%; max-height:340px; display:block; position:relative; z-index:99999}

.SubeBgIc{ background-color:#f4f0e9; max-height:240px; width:49%; height:100%; margin:0 0 1% 1%; float:left;}

.SubeBg{ background-color:#FFFFFF; max-height:240px; width:100%; height:100%; float:left;}
.SubeSol{ float:left;}
.SubeSag{ float:left; padding-left:30px;}
.SubeIsim {color:#110700; line-height:80px; clear:both; font-size:20px;}
.SubeAciklama {color:#110700; clear:both; font-size:14px;}
.SubeAciklama a{color:#110700; clear:both; font-size:14px;}
.SubeAciklama a:hover{color:#a97f3e; clear:both; font-size:14px;}
.SubeIcon {color:#98ab17; font-size:14px;}

.IcBaslik {font-family: 'Italianno', cursive; font-size:30px; line-height:40px; color:#98ab17; font-weight:normal;}

.YesilBaslik {font-family: 'Italianno', cursive; font-size:60px; line-height:60px; color:#98ab17; font-weight:normal;}
.YesilBaslik a:link {font-family: 'Italianno', cursive; font-size:60px; color:#98ab17; font-weight:normal;}
.YesilBaslik a:visited {font-family: 'Italianno', cursive; font-size:60px; color:#98ab17; font-weight:normal;}
.YesilBaslik a:active {font-family: 'Italianno', cursive; font-size:60px; color:#98ab17; font-weight:normal;}
.YesilBaslik a:hover {font-family: 'Italianno', cursive; font-size:60px; color:#a97f3e; font-weight:normal;}


.KahveBaslik {font-family: 'Italianno', cursive; font-size:60px; line-height:60px; color:#a97f3e; font-weight:normal;}
.KahveBaslik a:link {font-family: 'Italianno', cursive; font-size:60px; color:#a97f3e; font-weight:normal;}
.KahveBaslik a:visited {font-family: 'Italianno', cursive; font-size:60px; color:#a97f3e; font-weight:normal;}
.KahveBaslik a:active {font-family: 'Italianno', cursive; font-size:60px; color:#a97f3e; font-weight:normal;}
.KahveBaslik a:hover {font-family: 'Italianno', cursive; font-size:60px; color:#98ab17; font-weight:normal;}

.BeyazBg{ background-color:#FFFFFF; min-height:340px; z-index:3; height:100%; width:100%; display:table; padding:1px;}

.AnasayfaOrta{ background:url(../Resim/AnasayfaOrta.jpg) 50% 0 no-repeat fixed; position:relative; margin-top:-50px; min-height:385px; z-index:-1; font-weight:lighter; font-size:18px; color:#FFFFFF; text-align:center; margin-bottom:40px;}

.AnasayfaOrtaBaslik{font-weight:lighter; font-size:36px; line-height:55px; padding-top:140px; color:#FFFFFF; text-align:center;}


.AnaK{float:left; width:40%; text-align:center}
.AnaK img{float:left; width:100%; text-align:center}

.AnaB{float:left; width:60%; text-align:center}
.AnaB img{float:left; width:100%; text-align:center}

.AnaText { padding:60px 50px 20px 50px; text-align:center}

.AnaAciklama {font-size:15px; margin-bottom:30px; line-height:25px; font-weight:normal; color:#000000;}
.AnaAciklama a:link {font-size:15px; color:#000000; font-weight:normal;}
.AnaAciklama a:visited {font-size:15px; color:#000000; font-weight:normal;}
.AnaAciklama a:active {font-size:15px; color:#000000; font-weight:normal;}
.AnaAciklama a:hover {font-size:15px; color:#a97f3et; font-weight:normal;}

.DevamBg {font-size:14px; cursor:pointer; line-height:30px; margin:0 auto; background-position:center bottom; background-repeat:no-repeat; background-image:url(../Resim/DevamBg.png); width:140px; height:30px; font-weight:normal; color:#ffffff; clear:both}

.DevamBg:hover {font-size:14px; cursor:pointer; line-height:30px; margin:0 auto; background-position:center bottom; background-repeat:no-repeat; background-image:url(../Resim/DevamBgHover.png); width:140px; height:30px; font-weight:normal; color:#ffffff;-webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out;}


.DevamBg a{font-size:14px; font-weight:normal; color:#ffffff; }
.DevamBg a:hover{font-size:14px; font-weight:normal; color:#ffffff; }

h1 {font-family: 'Italianno', cursive; background-image:url(../Resim/BaslikBg.png); background-repeat:no-repeat; background-position:center top; height:134px; margin-top:-147px; font-size:50px; width:100%; text-align:center; text-transform: capitalize; line-height:250px; color:#a97f3e; font-weight:normal;}

.Icerik {color:#000000; font-size: 15px; padding-left:30px; line-height:22pt; text-decoration: none; clear:both}
.Icerik a:link {color:#000000; font-size: 15px; line-height:22pt; text-decoration:none;}
.Icerik a:hover {color:#98ab17; font-size: 15px; line-height:22pt; text-decoration:none;}

.Urunler { }

.UrunResim {margin-top:20px; float:left}
.UrunResim img {max-width: 300px; max-height:225px}
.UrunSagBg {width:46%; min-height:185px; padding:20px 2%; margin-top:20px; float:left; background-color:#f4f0e9}
.UrunIsim {color:#1d0c00; font-size: 22px; line-height:33pt; text-decoration: none; clear:both}
.UrunAciklama {color:#1d0c00; font-size: 14px; line-height:18pt; text-decoration: none; clear:both}

.UrunBg { width:49%; float:left;}
.UrunBg1 { width:49%; float:right;}

.FotoGaleri {width: 140px; float:left}
.FotoGaleri img {max-width: 130px;}

.Logo img {max-width:360px; float:left; margin-top:-35px}


#SayfaOrta{ padding:1% 2%;	clear:both;	min-height:400px;	}


#SayfaMenu{

  }

}


@media only screen and (min-width: 1024px) and (max-width: 1367px) {
	
.Ortala{margin: 0 auto; width:100%; max-width:1310px;}
.OrtalaIc{margin: 0 auto; padding-bottom:2%; display:table; width:100%; max-width:1310px; background-color:#FFFFFF;}

#UstBant{ color:#ffffff; font-size:14px; padding-top:15px; width:100%}
#UstBant ul li{float:right; font-weight:lighter; padding-left:15px; text-align:right;}
#UstBant a{ color:#ffffff; font-size:14px;}
#UstBant a:hover{ color:#ebbc65; font-size:14px;}

#SayfaUst{min-height:420px; width:100%; max-width:1310px; position:absolute; z-index:91;}
#SayfaUstIc{min-height:400px; width:100%; max-width:1310px;}

#SayfaAlt{width:100%; margin: 0 auto; z-index:3; height:100%; clear:both;}
#SayfaAlt ul.Iletisim { float:left; background-color:#FFFFFF; margin:0; padding:43px 0 0 0; min-height:300px; width:40%; text-align:center}
#SayfaAlt ul.Iletisim li{ line-height:30pt; color:#110700; font-size:16px; clear:both}
#SayfaAlt ul.Iletisim li.Telefon{ line-height:55pt; color:#110700; font-size:36px; clear:both}

.OrtalaAlt{min-height:380px; margin-top:50px;}

#SayfaAlt .GoogleMaps { float:left; width:60%;}


#SayfaAlt .YasalUyari {color:#110700; background-color:#d8d2c6; min-height:130px; margin-top:-80px; z-index:-1; position:relative; font-size:12px;}
#SayfaAlt ul.YasalUyari {color:#110700; font-size:12px; text-align:center; line-height:15pt; padding-top:25px; clear:both}
#SayfaAlt ul.YasalUyari a{color:#110700;  font-size:12px; line-height:15pt;}
#SayfaAlt ul.YasalUyari a:hover{color:#98ab17; font-size:12px; line-height:15pt;}

.Banner1 img{ margin-top:-50px; width:100%; max-height:340px; display:block; position:relative; z-index:99999}

.SubeBgIc{ background-color:#f4f0e9; max-height:240px; width:49%; height:100%; margin:0 0 1% 1%; float:left;}

.SubeBg{ background-color:#FFFFFF; max-height:240px; width:100%; height:100%; float:left;}
.SubeSol{ float:left;}
.SubeSag{ float:left; padding-left:30px;}
.SubeIsim {color:#110700; line-height:80px; clear:both; font-size:20px;}
.SubeAciklama {color:#110700; clear:both; font-size:14px;}
.SubeAciklama a{color:#110700; clear:both; font-size:14px;}
.SubeAciklama a:hover{color:#a97f3e; clear:both; font-size:14px;}
.SubeIcon {color:#98ab17; font-size:14px;}

.IcBaslik {font-family: 'Italianno', cursive;  font-size:40px; line-height:60px; padding-top:15px; color:#98ab17; font-weight:normal;}

.YesilBaslik {font-family: 'Italianno', cursive; font-size:60px; line-height:60px; color:#98ab17; font-weight:normal;}
.YesilBaslik a:link {font-family: 'Italianno', cursive; font-size:60px; color:#98ab17; font-weight:normal;}
.YesilBaslik a:visited {font-family: 'Italianno', cursive; font-size:60px; color:#98ab17; font-weight:normal;}
.YesilBaslik a:active {font-family: 'Italianno', cursive; font-size:60px; color:#98ab17; font-weight:normal;}
.YesilBaslik a:hover {font-family: 'Italianno', cursive; font-size:60px; color:#a97f3e; font-weight:normal;}


.KahveBaslik {font-family: 'Italianno', cursive; font-size:60px; line-height:60px; color:#a97f3e; font-weight:normal;}
.KahveBaslik a:link {font-family: 'Italianno', cursive; font-size:60px; color:#a97f3e; font-weight:normal;}
.KahveBaslik a:visited {font-family: 'Italianno', cursive; font-size:60px; color:#a97f3e; font-weight:normal;}
.KahveBaslik a:active {font-family: 'Italianno', cursive; font-size:60px; color:#a97f3e; font-weight:normal;}
.KahveBaslik a:hover {font-family: 'Italianno', cursive; font-size:60px; color:#98ab17; font-weight:normal;}

.BeyazBg{ background-color:#FFFFFF; min-height:340px; z-index:3; height:100%; width:100%; display:table; padding:1px;}

.AnasayfaOrta{ background:url(../Resim/AnasayfaOrta.jpg) 50% 0 no-repeat fixed; position:relative; margin-top:-50px; min-height:385px; z-index:-1; font-weight:lighter; font-size:18px; color:#FFFFFF; text-align:center; margin-bottom:40px;}

.AnasayfaOrtaBaslik{font-weight:lighter; font-size:36px; line-height:55px; padding-top:140px; color:#FFFFFF; text-align:center;}


.AnaK{float:left; width:40%; text-align:center}
.AnaK img{float:left; width:100%; text-align:center}

.AnaB{float:left; width:60%; text-align:center}
.AnaB img{float:left; width:100%; text-align:center}

.AnaText { padding:60px 50px 20px 50px; text-align:center}

.AnaAciklama {font-size:15px; margin-bottom:30px; line-height:25px; font-weight:normal; color:#000000;}
.AnaAciklama a:link {font-size:15px; color:#000000; font-weight:normal;}
.AnaAciklama a:visited {font-size:15px; color:#000000; font-weight:normal;}
.AnaAciklama a:active {font-size:15px; color:#000000; font-weight:normal;}
.AnaAciklama a:hover {font-size:15px; color:#a97f3et; font-weight:normal;}

.DevamBg {font-size:14px; cursor:pointer; line-height:30px; margin:0 auto; background-position:center bottom; background-repeat:no-repeat; background-image:url(../Resim/DevamBg.png); width:140px; height:30px; font-weight:normal; color:#ffffff; clear:both}

.DevamBg:hover {font-size:14px; cursor:pointer; line-height:30px; margin:0 auto; background-position:center bottom; background-repeat:no-repeat; background-image:url(../Resim/DevamBgHover.png); width:140px; height:30px; font-weight:normal; color:#ffffff;-webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out;}


.DevamBg a{font-size:14px; font-weight:normal; color:#ffffff; }
.DevamBg a:hover{font-size:14px; font-weight:normal; color:#ffffff; }

h1 {font-family: 'Italianno', cursive; background-image:url(../Resim/BaslikBg.png); background-repeat:no-repeat; background-position:center top; height:134px; margin-top:-147px; font-size:50px; width:100%; text-align:center; text-transform: capitalize; line-height:250px; color:#a97f3e; font-weight:normal;}

.Icerik {color:#000000; font-size: 15px; padding-left:30px; line-height:22pt; text-decoration: none; clear:both}
.Icerik a:link {color:#000000; font-size: 15px; line-height:22pt; text-decoration:none;}
.Icerik a:hover {color:#98ab17; font-size: 15px; line-height:22pt; text-decoration:none;}

.Urunler { }

.UrunResim {margin-top:20px; float:left}
.UrunResim img {max-width: 300px; max-height:225px}
.UrunSagBg {width:46%; min-height:185px; padding:20px 2%; margin-top:20px; float:left; background-color:#f4f0e9}
.UrunIsim {color:#1d0c00; font-size: 22px; line-height:33pt; text-decoration: none; clear:both}
.UrunAciklama {color:#1d0c00; font-size: 14px; line-height:18pt; text-decoration: none; clear:both}

.UrunBg { width:49%; float:left;}
.UrunBg1 { width:49%; float:right;}

.FotoGaleri {width: 140px; float:left}
.FotoGaleri img {max-width: 130px;}

.Logo img {max-width:360px; float:left; margin-top:-35px}


#SayfaOrta{ padding:1% 2%;	clear:both;	min-height:400px;	}


#SayfaMenu{

  }

}

@media only screen and (min-width: 1368px) {
	
.Ortala{margin: 0 auto; width:100%; max-width:1310px;}
.OrtalaIc{margin: 0 auto; padding-bottom:2%; display:table; width:100%; max-width:1310px; background-color:#FFFFFF;}

#UstBant{ color:#ffffff; font-size:14px; padding-top:15px; width:100%}
#UstBant ul li{float:right; font-weight:lighter; padding-left:15px; text-align:right;}
#UstBant a{ color:#ffffff; font-size:14px;}
#UstBant a:hover{ color:#ebbc65; font-size:14px;}

#SayfaUst{min-height:420px; width:100%; max-width:1310px; position:absolute; z-index:91;}
#SayfaUstIc{min-height:400px; width:100%; max-width:1310px;}

#SayfaAlt{width:100%; margin: 0 auto; z-index:3; height:100%; clear:both;}
#SayfaAlt ul.Iletisim { float:left; background-color:#FFFFFF; margin:0; padding:43px 0 0 0; min-height:300px; width:40%; text-align:center}
#SayfaAlt ul.Iletisim li{ line-height:30pt; color:#110700; font-size:16px; clear:both}
#SayfaAlt ul.Iletisim li.Telefon{ line-height:55pt; color:#110700; font-size:36px; clear:both}

.OrtalaAlt{min-height:380px; margin-top:50px;}

#SayfaAlt .GoogleMaps { float:left; width:60%;}


#SayfaAlt .YasalUyari {color:#110700; background-color:#d8d2c6; min-height:130px; margin-top:-80px; z-index:-1; position:relative; font-size:12px;}
#SayfaAlt ul.YasalUyari {color:#110700; font-size:12px; text-align:center; line-height:15pt; padding-top:25px; clear:both}
#SayfaAlt ul.YasalUyari a{color:#110700;  font-size:12px; line-height:15pt;}
#SayfaAlt ul.YasalUyari a:hover{color:#98ab17; font-size:12px; line-height:15pt;}

.Banner1 img{ margin-top:-50px; width:100%; max-height:340px; display:block; position:relative; z-index:99999}

.SubeBgIc{ background-color:#f4f0e9; max-height:240px; width:49%; height:100%; margin:0 0 1% 1%; float:left;}

.SubeBg{ background-color:#FFFFFF; max-height:240px; width:100%; height:100%; float:left;}
.SubeSol{ float:left;}
.SubeSag{ float:left; padding-left:30px;}
.SubeIsim {color:#110700; line-height:80px; clear:both; font-size:20px;}
.SubeAciklama {color:#110700; clear:both; font-size:14px;}
.SubeAciklama a{color:#110700; clear:both; font-size:14px;}
.SubeAciklama a:hover{color:#a97f3e; clear:both; font-size:14px;}
.SubeIcon {color:#98ab17; font-size:14px;}

.IcBaslik {font-family: 'Italianno', cursive; font-size:40px; line-height:60px; padding-top:15px; color:#98ab17; font-weight:normal;}

.YesilBaslik {font-family: 'Italianno', cursive; font-size:60px; line-height:60px; color:#98ab17; font-weight:normal;}
.YesilBaslik a:link {font-family: 'Italianno', cursive; font-size:60px; color:#98ab17; font-weight:normal;}
.YesilBaslik a:visited {font-family: 'Italianno', cursive; font-size:60px; color:#98ab17; font-weight:normal;}
.YesilBaslik a:active {font-family: 'Italianno', cursive; font-size:60px; color:#98ab17; font-weight:normal;}
.YesilBaslik a:hover {font-family: 'Italianno', cursive; font-size:60px; color:#a97f3e; font-weight:normal;}


.KahveBaslik {font-family: 'Italianno', cursive; font-size:60px; line-height:60px; color:#a97f3e; font-weight:normal;}
.KahveBaslik a:link {font-family: 'Italianno', cursive; font-size:60px; color:#a97f3e; font-weight:normal;}
.KahveBaslik a:visited {font-family: 'Italianno', cursive; font-size:60px; color:#a97f3e; font-weight:normal;}
.KahveBaslik a:active {font-family: 'Italianno', cursive; font-size:60px; color:#a97f3e; font-weight:normal;}
.KahveBaslik a:hover {font-family: 'Italianno', cursive; font-size:60px; color:#98ab17; font-weight:normal;}

.BeyazBg{ background-color:#FFFFFF; min-height:340px; z-index:3; height:100%; width:100%; display:table; padding:1px;}

.AnasayfaOrta{ background:url(../Resim/AnasayfaOrta.jpg) 50% 0 no-repeat fixed; position:relative; margin-top:-50px; min-height:385px; z-index:-1; font-weight:lighter; font-size:18px; color:#FFFFFF; text-align:center; margin-bottom:40px;}

.AnasayfaOrtaBaslik{font-weight:lighter; font-size:36px; line-height:55px; padding-top:140px; color:#FFFFFF; text-align:center;}


.AnaK{float:left; width:40%; text-align:center}
.AnaK img{float:left; width:100%; text-align:center}

.AnaB{float:left; width:60%; text-align:center}
.AnaB img{float:left; width:100%; text-align:center}

.AnaText { padding:60px 50px 20px 50px; text-align:center}

.AnaAciklama {font-size:15px; margin-bottom:30px; line-height:25px; font-weight:normal; color:#000000;}
.AnaAciklama a:link {font-size:15px; color:#000000; font-weight:normal;}
.AnaAciklama a:visited {font-size:15px; color:#000000; font-weight:normal;}
.AnaAciklama a:active {font-size:15px; color:#000000; font-weight:normal;}
.AnaAciklama a:hover {font-size:15px; color:#a97f3et; font-weight:normal;}

.DevamBg {font-size:14px; cursor:pointer; line-height:30px; margin:0 auto; background-position:center bottom; background-repeat:no-repeat; background-image:url(../Resim/DevamBg.png); width:140px; height:30px; font-weight:normal; color:#ffffff; clear:both}

.DevamBg:hover {font-size:14px; cursor:pointer; line-height:30px; margin:0 auto; background-position:center bottom; background-repeat:no-repeat; background-image:url(../Resim/DevamBgHover.png); width:140px; height:30px; font-weight:normal; color:#ffffff;-webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out;}


.DevamBg a{font-size:14px; font-weight:normal; color:#ffffff; }
.DevamBg a:hover{font-size:14px; font-weight:normal; color:#ffffff; }

h1 {font-family: 'Italianno', cursive; background-image:url(../Resim/BaslikBg.png); background-repeat:no-repeat; background-position:center top; height:134px; margin-top:-147px; font-size:50px; width:100%; text-align:center; text-transform: capitalize; line-height:250px; color:#a97f3e; font-weight:normal;}

.Icerik {color:#000000; font-size: 15px; padding-left:30px; line-height:22pt; text-decoration: none; clear:both}
.Icerik a:link {color:#000000; font-size: 15px; line-height:22pt; text-decoration:none;}
.Icerik a:hover {color:#98ab17; font-size: 15px; line-height:22pt; text-decoration:none;}

.Urunler { }

.UrunResim {margin-top:20px; float:left}
.UrunResim img {max-width: 300px; max-height:225px}
.UrunSagBg {width:46%; min-height:185px; padding:20px 2%; margin-top:20px; float:left; background-color:#f4f0e9}
.UrunIsim {color:#1d0c00; font-size: 22px; line-height:33pt; text-decoration: none; clear:both}
.UrunAciklama {color:#1d0c00; font-size: 14px; line-height:18pt; text-decoration: none; clear:both}

.UrunBg { width:49%; float:left;}
.UrunBg1 { width:49%; float:right;}

.FotoGaleri {width: 140px; float:left}
.FotoGaleri img {max-width: 130px;}

.Logo img {max-width:360px; float:left; margin-top:-35px}


#SayfaOrta{ padding:1% 2%;	clear:both;	min-height:400px;	}


#SayfaMenu{

  }
}



.Facebook{padding:10px 16px; color:#FFFFFF; border-radius:50%;}
a.Facebook:link {background-color:#bbbbbb; color:#FFFFFF; font-size:15px;}
a.Facebook:visited {background-color:#bbbbbb; color:#FFFFFF; font-size:15px;}
a.Facebook:active {background-color:#bbbbbb; color:#FFFFFF; font-size:15px;}
a.Facebook:hover {background-color:#3b5998; color:#FFFFFF; font-size:15px;}


.Twitter{padding:10px 13px; color:#FFFFFF; border-radius:50%;}
a.Twitter:link {background-color:#bbbbbb; color:#FFFFFF; font-size:15px;}
a.Twitter:visited {background-color:#bbbbbb; color:#FFFFFF; font-size:15px;}
a.Twitter:active {background-color:#bbbbbb; color:#FFFFFF; font-size:15px;}
a.Twitter:hover {background-color:#34ccff; color:#FFFFFF; font-size:15px;}


.GooglePlus{padding:10px 13px; color:#FFFFFF; border-radius:50%;}
a.GooglePlus:link {background-color:#bbbbbb; color:#FFFFFF; font-size:15px;}
a.GooglePlus:visited {background-color:#bbbbbb; color:#FFFFFF; font-size:15px;}
a.GooglePlus:active {background-color:#bbbbbb; color:#FFFFFF; font-size:15px;}
a.GooglePlus:hover {background-color:#df4b38; color:#FFFFFF; font-size:15px;}


ul.MenuList{
	width:100%;
	padding:0;
	
	}
	
ul.MenuList li{
	border-bottom:1px solid #dddddd;
	padding:10px 0 10px 0;
	
	}	


.menu {color:#232323; font-size: 15px; line-height:12px; text-decoration: none}
a.menu:link {color:#232323; font-size: 15px; line-height:12px; text-decoration:none;}
a.menu:visited {color:#232323; font-size: 15px; line-height:12px; text-decoration:none;}
a.menu:active {color:#232323; font-size: 15px; line-height:12px; text-decoration:none;}
a.menu:hover {color:#98ab17; font-size: 15px; line-height:12px; text-decoration:none;}

.secili {color:#98ab17; font-size: 15px; line-height:12px; text-decoration: none}
a.secili:link {color:#98ab17; font-size: 15px; line-height:12px; text-decoration:none;}
a.secili:visited {color:#98ab17; font-size: 15px; line-height:12px; text-decoration:none;}
a.secili:active {color:#98ab17; font-size: 15px; line-height:12px; text-decoration:none;}
a.secili:hover {color:#4b4b4b; font-size: 15px; line-height:12px; text-decoration:none;}

.MenuBaslik {color:#232323; font-weight:600; font-size:18px; font-weight:550; line-height:20pt; text-decoration: none;}
a.MenuBaslik:link {color:#232323; font-size:18px; line-height:20pt; text-decoration: none;}
a.MenuBaslik:visited {color:#232323; font-size:18px; line-height:20pt; text-decoration: none;}
a.MenuBaslik:active {color:#232323; font-size:18px; line-height:20pt; text-decoration: none;}
a.MenuBaslik:hover {color:#98ab17; font-size:18px; line-height:20pt; text-decoration: none;}



#Navigasyon { min-height:30px; background-color:#f2f2f2; width:100%}

.Navigasyon {color:#4b4b4b; padding-top:5px; text-align:right; font-size: 12px; text-decoration: none;}

.NavigasyonSecili {color:#98ab17; padding-right:60px; font-size: 12px; text-decoration: none;}

.Yazdir {color:#bab8b8; font-size: 11px; text-decoration:none;}
a.Yazdir:link {color:#bab8b8;  font-size: 11px; text-decoration:none;}
a.Yazdir:visited {color:#bab8b8; font-size: 11px; text-decoration:none;}
a.Yazdir:active {color:#bab8b8; font-size: 11px; text-decoration:none;}
a.Yazdir:hover {color:#98ab17; font-size: 11px; text-decoration:none;}


.ResimCerceve {
border-top: 1px solid #98ab17;
margin-top:10px;

}



#Orta{ clear:both;
	min-height:600px;
	width:100%;
	}

.Etiket {color:#4b4b4b; font-size: 12px; text-decoration: none}
a.Etiket:link {color:#4b4b4b; font-size: 12px; text-decoration:none;}
a.Etiket:visited {color:#4b4b4b; font-size: 12px; text-decoration:none;}
a.Etiket:active {color:#4b4b4b; font-size: 12px; text-decoration:none;}
a.Etiket:hover {color:#98ab17; font-size: 12px; text-decoration:none;}

.EtiketBaslik {color:#00b5ea; font-size: 13px; text-decoration: none}
a.EtiketBaslik:link {color:#00b5ea; font-size: 13px; text-decoration:none;}
a.EtiketBaslik:visited {color:#00b5ea; font-size: 13px; text-decoration:none;}
a.EtiketBaslik:active {color:#00b5ea; font-size: 13px; text-decoration:none;}
a.EtiketBaslik:hover {color:#98ab17; font-size: 13px; text-decoration:none;}


.Left { float:left;
}

.Right { float:right;
}


.Temizle{ clear:both}


.Clear{ clear:both;
	
	}	


.img {
	width: auto\9;
	height: auto;
	max-width: 100%;
	vertical-align: middle;
	border: 0;
	-ms-interpolation-mode: bicubic
}




.Firma {font-family: 'Italianno', cursive;color:#a97f3e; font-size:27px; line-height:15pt; text-decoration: none; font-weight:normal; }
.Firma a:link {color:#a97f3e; font-size: 27px; line-height:15pt; text-decoration:none;}
.Firma a:hover {color:#a97f3e; font-size: 27px; line-height:15pt; text-decoration:none;}

.Aciklama {color:#4b4b4b; font-size: 14px;  line-height:18pt; text-decoration: none; clear:both}
.Aciklama a:link {color:#4b4b4b; font-size: 14px; line-height:18pt; text-decoration:none;}
.Aciklama a:hover {color:#98ab17; font-size: 14px; line-height:18pt; text-decoration:none;}

.DigerHaber {color:#98ab17; font-size: 14px;  line-height:18pt; text-decoration: none; clear:both}
.DigerHaber a:link {color:#4b4b4b; font-size: 14px; line-height:18pt; text-decoration:none;}
.DigerHaber a:hover {color:#98ab17; font-size: 14px; line-height:18pt; text-decoration:none;}

#Navigasyon { min-height:30px;}
.Navigasyon {color:#4b4b4b; padding-top:10px; float:right; text-align:right; font-size: 12px; text-decoration: none;}
.NavigasyonSecili {color:#98ab17; padding-right:60px; font-size: 12px; text-decoration: none;}


.Anasayfa {color:#4b4b4b; font-size: 14px; line-height:18pt; text-decoration: none}
a.Anasayfa:link {color:#4b4b4b; font-size: 14px; line-height:18pt; text-decoration:none;}
a.Anasayfa:hover {color:#a20000; font-size: 14px; line-height:18pt; text-decoration:none;}

ul.TextForm{
	width:100%;
	padding:0;
	}
	
ul.TextForm li{
	padding:5px 0;
	color:#2d2d2d;
	font-size:15px
	
	}	
	
ul.TextForm li div{
	clear:both	}
	
/* ============================================================
  GLOBAL
============================================================ */
.effects {
  padding-left: 0px;
}
.effects .img {
  position: relative;
  float: left;
  margin-bottom: 5px;
  width: 24%;
  overflow: hidden;
}
.effects .img:nth-child(n) {
  margin-right: 5px;
}
.effects .img:first-child {
  margin-left: 0px;
}
.effects .img:last-child {
  margin-right: 0;
}
.effects .img img {
  display: block;
  margin: 0;
  padding: 0;
  max-width: 100%;
  height: auto;
}

.overlay {
  display: block;
  position: absolute;
  z-index: 20;
  background: rgba(19, 8, 0, 0.7);
  overflow: hidden;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

a.close-overlay {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 100;
  width: 45px;
  height: 45px;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  line-height: 45px;
  text-align: center;
  background-color: #281104;
  cursor: pointer;
}
a.close-overlay.hidden {
  display: none;
}

a.expand {
  display: block;
  position: absolute;
  z-index: 100;
  width: 60px;
  height: 60px;
  border: solid 1px #fff;
  text-align: center;
  color: #fff;
  line-height: 60px;
  font-size: 20px;
  font-weight: normal;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
}

/* ============================================================
  EFFECT 5 - ICON BORDER ANIMATE
============================================================ */
#effect-5 .overlay {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
}
#effect-5 .overlay a.expand {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#effect-5 .img.hover .overlay {
  opacity: 1;
}
#effect-5 .img.hover .overlay a.expand {
  width: 60px;
  height: 60px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
  font-size:20px;
  line-height:60px;
  color:#FFFFFF;
}