@charset "utf-8";


*, html { margin:0; padding:0; }
.clearfix:after, .jt_row:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix, .jt_row {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
body, html{ }
body { width:100%; border:0; color:#000; font:12px "PT Sans", sans-serif; font-weight:normal; }

.globall { width:100%; margin:0px auto 20px auto; clear:both; text-align:center; }
.global { width:100%; padding:0px 0 0px 0; clear:both; color:#000; position: relative; }
.main { margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; min-height:1px; padding:0px 0px 0px 0px; }
.main1 { width: 680px; margin-top: 0; margin-right: auto; margin-bottom: 0px; margin-left: auto; padding:0px 0px 0px 200px; min-height:1px; }
.main2 { margin-top: 0; margin-right: auto; margin-bottom: 0px; margin-left: auto; padding:0px 0px 0px 0px; min-height:1px; }

@media only screen and (min-width: 0px) and (max-width: 767px) {
.main2 { width: 480px; }
.main { width: 470px; }

.header { position:fixed; }
.header .topbar1 { width:132px; height:54px; margin-top:10px; }
.header .topbar2 { width:206px; height:29px; }
.header .topbar3 { width:242px; height:29px; margin-top:9px; }

.header .menu1 { height:44px; width:100%; }
.header .menu2 { min-height:38px; width:100%; font-size:22px; padding-top:0px; }
.header .menu2 a { margin:0px 0px 0 0; width:100%; overflow:hidden; display:block; float:none; padding:6px 0; clear:both; }
.header .menu2 .menus a:first-child { margin-top:54px; }
.header .menu2 a.mobilac, .header .menu2 a.mobilac:hover { height:41px; background: url(/footer/images/menu-back.jpg) bottom repeat-x; display:block; font-size:24px; float:right; width:50%; z-index:99; color:#6e3527; position:absolute; right:0; }
.header .menu2 a.mobilac.acildi { color:#333; }
.header .menu2 .menus { display:block; width:50%; margin-left:50%; background:url(/footer/images/mobil-menu-bg.png) no-repeat bottom center; height:300px; margin-top:-40px; opacity:0; position:absolute; z-index:98; visibility:hidden; }
.header .menu2 .menus.acildi { display:block; margin-top:0px; opacity:1; visibility:visible; }

.header .logo { width:206px; height:44px; padding:0; margin-top:0px; margin-left:0px; margin-right:0px; }
.header .logo img {  }

.top-social-icons { float:right; margin-right:14px; margin-top:2px; }

#home-slider { margin-top:58px; }

.duyuru1 { font-size:20px; padding-top: 50px; padding-bottom: 40px; margin-top: -54px; z-index: 9999; background-size: 1000px; }
.index-urunler { min-height:450px; margin-top:50px; font-size:15px; }
.index-urunler .kategori { width:49%; }

.footer { width: 100%; min-height: 240px; margin: 0px auto 0px auto; clear: both; display: block; color: #ccc; font-size: 16px; background:url(/footer/images/footer-back.jpg) top; padding:15px 0 20px 0; border-top:3px solid #be8a1b; overflow-x:hidden; min-height:30px; text-align:center; }
.footer-logo { margin-top:0px; margin-bottom:0px; width:200px; }
.footer .ustazeka { display:block; margin-top:10px; vertical-align:baseline; }
.footer .footer-main { display:block; min-height:46px; border-bottom:2px solid #000; clear:both; padding:15px 0; }
.footer-menu { width:100%; display:table; }
.footer-menu a { float:left; display:block; clear:both; color:#FFF; margin:1px 0px 4px 0px; }
.footer-menu a:hover { color:#C60; }
.footer-menu a .arrow { background:url() no-repeat; width:10px; height:15px; float:left; display:inline-block; margin-right:4px; }
.footer-menu .sutun { float:left; display:inline-block; margin-right:20px; margin-bottom:25px; margin-left:20px; }


.footer-sag { float:right; padding-top:7px; }
.footer-social-icons { height:33px; float:left; }
.footer-social-icons a { background:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) no-repeat; display:inline-block; margin-right:14px; width:33px; height:33px; margin-bottom:0px; }
.footer-social-icons a.facebook { background-position:0px 0px; }
.footer-social-icons a.facebook:hover {  }
.footer-social-icons a.twitter { background-position:-33px 0px; }
.footer-social-icons a.twitter:hover {  }
.footer-social-icons a.instagram { background-position:-66px 0px; }
.footer-social-icons a.instagram:hover {  }
.footer-social-icons a.youtube { background-position:-99px 0px; }
.footer-social-icons a.youtube:hover {  }
.footer-social-icons a.googleplus { background-position:-164px 0px; }
.footer-social-icons a.googleplus:hover {  }
.footer-sag .mail { font-size:22px; color:#ccc; }

.footer .musteri-hizmetleri { margin-left:10px; float:left; }

.copyright { clear:both; width:100%; padding:10px 0; font-size:13px; text-align:center; }
.copyright2 { clear:both; width:100%; padding:10px 0; }

.ustbanner { height:100px; background-size:cover; background-position:center bottom; padding-top:63px; z-index:10; }

.haberlera { float:left; width:100%; margin-bottom:20px; padding-bottom:20px; display:block; font-size:14px; border-bottom:1px solid #ccc; }
.hdyazi img { max-width:100%; }

.fakealtmenu { height:412px; display:none; }
.altmenu { background:url() top #333; min-height:38px; text-align:center; position:relative; z-index:10; }
.altmenu a { float:none; padding:9px 10px 9px 10px; width:auto; font-size:16px; font-weight:700; height:20px; display:inline-block; color:#fff; margin-right:3%; margin-left:3%; }
.altmenu a:last-child { margin-right:0%; }
.altmenu a:first-child { margin-left:0%; }
.altmenu a:hover, .altmenu a.active { color:#333; background:#d7d7d7; }

.ifgrup1 { width:100%; }
.ifgrup2 { width:100%; }

.kategori { width:100%; }
.kategori img { width:100%; }
.kategori .yesil { display:none; }

.sayfayazi img { max-width:100%; max-height:100%; }

.ustbanner { height:140px; background-position:center bottom; padding-top:90px; z-index:10; background-image:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7); }
.ustbanner div { margin-top:90px; font-size:40px; font-weight:bold; color:#fff; }

.urunicbilgi { float:left; width:100%; }

.urunsolmenu { float:left; width:100%; overflow:hidden; margin-bottom:20px; }
.urunsolmenu a { float:left; display:block; padding:5px 7px; border-top:#ccc solid 1px; width:100%; background:url() no-repeat; background-position:92% center; }
.urunsolmenu a.active { color:#09F; background:url() no-repeat; background-position:92% center; border-bottom:1px solid #ccc; }
.urunsolmenu a:first-child {  }
.urunsolmenu a:last-child { border-bottom:1px solid #ccc; }
.urunsolmenu div { width:100%; overflow:hidden; margin-left:35px; }
.urunsolmenu div a { border-top:none; border-bottom:1px solid #ccc; padding-left:14px; float:left; width:100%; display:block; }
.urunsolmenu div a.active2 { background:url() center left no-repeat; color:#09F; }
.urunsolmenu div a:first-child { border-top:none; }
.urunsolmenu div a:last-child { border-bottom:none; }

.slide-content { height: 430px; font-size: 18px; }
#owl-main-text h2, .slide-content h2 { font-size: 34px; }
.slide-content p { }
.slideright h2, .slideleft h2 { margin-top: 120px; }
.slidecenter h2 { margin-top: 80px; }
.slideright h2, .slideright p { width: 60%; margin-left:38%; text-align:right; }
.slideleft h2, .slideleft p { width: 60%; margin-right:38%; text-align:left; }
.slidecenter h2, .slidecenter p { width: 60%; margin-right:19%; margin-left:19%; text-align:center; }
}

@media only screen and (min-width: 768px) {
	.main2 { width: 1200px; }
	.main { width: 1000px; }
	
.header { position:absolute; }
.header .topbar1 { width:31%; height:29px; margin-top:8px; }
.header .topbar2 { width:38%; height:29px; }
.header .topbar3 { width:665px; height:29px; margin-top:3px; border-bottom:1px solid #e3e3e3; }

.header .menu1 { height:38px; width:100%; }
.header .menu2 { height:50px; width:100%; font-size:15px; padding-top:10px; }
.header .menu2 a { margin:0px 0px; display:block; padding:5px 17px; border-right:1px solid #ccc; }
.header .menu2 a.mobilac { display:none; }
.header .menu2 a:last-child { border-right:0px; padding-right:0px; }

.header .logo { width:222px; height:91px; padding:0; margin-top:0px; margin-left:0px; }
.header .logo img {  }

.headerfix { height:80px; }
.headerfix .topbar1 { height:26px; margin-top:4px; }
.headerfix .topbar3 { height:26px; margin-top:0px; }
.headerfix .menu1 { height:31px; }
.headerfix .menu2 { height:40px; padding-top:0px; }
.headerfix .logo { width:251px; height:80px; padding:0; margin-top:0px; margin-left:47px; margin-right:47px; }


.menus { float:right; }

.top-social-icons { float:right; margin-right:30px; margin-top:2px; }

.sayfa h2 { color:#6b6b6b; font-size:30px; font-weight:normal; }
.duyuru1 {  font-size:15px; padding-top:110px; padding-bottom:50px; margin-top:-90px; z-index:9999; }
.duyuru1 h1 { color:#6b6b6b; font-weight:bold; font-size:30px; padding:0; height:auto; }
.index-urunler { margin-top:50px; }
.index-urunler .kategori { width:248px; }

.footer { width: 100%; min-height: 240px; margin: 0px auto 0px auto; clear: both; display: block; color: #ccc; font-size: 13px; background:url(/footer/images/footer-back.jpg) top; padding:50px 0 0px 0; border-top:22px solid #CF000F; overflow-x:hidden; min-height:30px; }
.footer-logo { float:left; margin-top:0px; margin-bottom:20px; margin-right: 50px; }
.footer .ustazeka { float:right; display:block; margin-top:-4px; vertical-align:baseline; }
.footer .footer-main { display:block; margin-top:0px; padding:10px 0 20px 0; width:640px; float:left; }
.footer-menu { float:left; width:100%; background:url(/footer/images/footer-menu-golge.png) no-repeat bottom center; display:table; padding-bottom:40px; }
.footer-menu a { float:left; display:block; clear:both; color:#b6b6b6; margin:1px 0px 4px 0px; }
.footer-menu a strong { font-size:15px; color:#fff; }
.footer-menu a:hover { color:#f7c55a; }
.footer-menu a .arrow { background:url() no-repeat; width:10px; height:15px; float:left; display:inline-block; margin-right:4px; }
.footer-menu .sutun { float:left; display:inline-block; margin-right:34px; }
.footer-menu .sutun:last-child { margin-right:0px; }

.footer-sag { float:right; width:148px; text-align:center; }
.footer-social-icons { height:33px; margin-bottom:25px; }
.footer-social-icons a { background:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) no-repeat; display:inline-block; margin-left:16px; width:33px; height:33px; margin-bottom:0px; }
.footer-social-icons a.facebook { background-position:0px 0px; }
.footer-social-icons a.facebook:hover {  }
.footer-social-icons a.twitter { background-position:-33px 0px; }
.footer-social-icons a.twitter:hover {  }
.footer-social-icons a.instagram { background-position:-66px 0px; }
.footer-social-icons a.instagram:hover {  }
.footer-social-icons a.youtube { background-position:-99px 0px; }
.footer-social-icons a.youtube:hover {  }
.footer-social-icons a.googleplus { background-position:-164px 0px; }
.footer-social-icons a.googleplus:hover {  }
.footer-sag .mail { font-size:22px; color:#ccc; }

.footer .musteri-hizmetleri { float:left; }

.copyright { clear:both; width:100%; padding:22px 0; background:#231f20; height:20px; }

.ustbanner { height:270px; background-position:center bottom; padding-top:71px; z-index:10; background-image:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7); }
.ustbanner div { margin-top:200px; font-size:50px; font-weight:bold; color:#fff; }

.haberlera { float:left; width:42%; margin-bottom:40px; margin-right:2%; display:block; font-size:14px; background:#f6f6f6; padding:20px; }

.fakealtmenu { height:412px; display:none; }
.altmenu { background:#fff; height:44px; text-align:center; position:relative; z-index:10; border-top:3px solid #e6b243;
	-webkit-box-shadow:  0 0px 10px #999;
	-moz-box-shadow: 0 0px 10px #999;
	box-shadow:  0 0px 10px #999; }
.altmenu a { float:none; padding:10px 14px 8px 14px; width:auto; font-size:15px; height:20px; display:inline-block; background:#f6f6f6; color:#333; margin-right:10px; border-top:6px solid #fff; border-bottom:0px solid #f6f6f6; }
.altmenu a:last-child { margin-right:0%; }
.altmenu a:hover, .altmenu a.active { color:#fff; background:#6e3527; border-bottom:0px solid #6e3527; border-top:6px solid #6e3527; }

.ifgrup1 { float:left; width:40%; }
.ifgrup2 { float:left; width:60%; }

.kategori { width:331px; }
.kategori .yesil { width:320px; height:170px; display:block; position:absolute; margin-top:0px; background:url(); opacity:0; z-index:3; padding-top:110px; font-size:20px; font-weight:700; color:#fff; }

.urunicbilgi { float:left; width:68%; }

.urunsolmenu { float:left; margin-right:2%; width:30%; overflow:hidden; }
.urunsolmenu a { float:left; display:block; padding:7px 7px; border-top:#ccc solid 1px; width:100%; }
.urunsolmenu a.active { color:#f7c55a; }
.urunsolmenu a:first-child {  }
.urunsolmenu a:last-child { border-bottom:1px solid #ccc; }
.urunsolmenu div { width:100%; overflow:hidden; margin-left:35px; }
.urunsolmenu div a { border-top:none; border-bottom:1px solid #ccc; padding-left:14px; float:left; width:100%; display:block; }
.urunsolmenu div a.active2 { background:url() center left no-repeat; color:#09F; }
.urunsolmenu div a:first-child { border-top:none; }
.urunsolmenu div a:last-child { border-bottom:none; }

.slide-content { height: 530px; font-size: 20px; }
#owl-main-text h2, .slide-content h2 { font-size: 60px; }
.slide-content p { }
.slideright h2, .slideright p { margin-top: 140px; width: 50%; margin-left:50%; text-align:center; }
.slideleft h2, .slideleft p { margin-top: 50px; width: 50%; margin-right:50%; text-align:center; }
.slidecenter h2, .slidecenter p { margin-top: 0px; width: 50%; margin-right:17.5%; margin-left:17.5%; text-align:center; }

}
a { outline:none; color:#000; text-decoration:none; }
a:hover { color:#666; }
ul,li{list-style:none; margin:0; padding:0;}
h1 { padding:0; }
h2,h3 {  }
p { margin-bottom:10px; }

img.motif { margin:25px auto; display:block; }



.header{ width: 100%; display: block; text-align: center; z-index:10000; height:97px; transition: all .3s; top:0; background: url(/footer/images/menu-back.jpg) top repeat-x; }
.header .topbar {  }
.header .topbar1 { float:left; transition: all .3s; }
.header .topbar2 { float:left; text-align:left; }
.header .topbar3 { float:right; transition: all .3s; }

.header .menu1 { background:#fff; text-align:center; transition: all .3s; }
.header .menu2 { text-align:center; transition: all .3s; font-weight:700; }
.header .menu2 a { position:relative; color:#6e3527; text-align:center; }
.header .menu2 a:hover, .header .menu2 a.secili { color:#f7c55a; }

.f-left { float:left; }
.f-right { float:right; }
.header .logo { transition: all .3s; }
.header .logo img {  }

.logo { display:block; float:left; }
.logo img { }


.top-social-icons a { background:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) no-repeat; display:block; float:left; margin-left:10px; width:20px; height:20px; margin-bottom:0px; }
.top-social-icons a.facebook { background-position:0px 0px; }
.top-social-icons a.facebook:hover { background-position:0px -20px; }
.top-social-icons a.twitter { background-position:-20px 0px; }
.top-social-icons a.twitter:hover { background-position:-20px -20px; }
.top-social-icons a.instagram { background-position:-40px 0px; }
.top-social-icons a.instagram:hover { background-position:-40px -20px; }
.top-social-icons a.youtube { background-position:-60px 0px; }
.top-social-icons a.youtube:hover { background-position:-60px -20px; }
.top-social-icons a.googleplus { background-position:-80px 0px; }
.top-social-icons a.googleplus:hover { background-position:-80px -20px; }

.dilsec { padding:3px 2px; font-size:12px; color:#e4e4e4; border-color:#e4e4e4;  float:right; margin-top:1px; width:130px;   margin-left:0px; }

.ustmenu { }
.ustmenu li { margin-right:14px; }
.ustmenu li a {  }
.ustmenu { float:right; }
.ustmenu li { float:left; }
.ustmenu li:last-child { margin-right:0; }
.ustmenu li a { display:block; color:#000; padding:20px 4px 20px 4px; font-size:14px; }
.ustmenu li a:hover { color:#0099cc; }
.ustmenu li a.secili { color:#0099cc; }

.duyuru1 { background-image:url(/footer/images/index-hakkimizda-back.png); background-repeat:no-repeat; background-position:top center; color:#656565; text-align:center; }
.index-urunler { }

.social01 { margin:40px 0; height:70px; }
.social01 a { display:block; color:#fff; font-weight:700; font-size:30px; padding:15px 0px; height:36px; float:left; width:32%; margin-right:2%; text-align:center; }
.social01 a:last-child { margin-right:0px; }
.social01 a.facebook { background:#0054a6; }
.social01 a.facebook span { background-position:top left; }
.social01 a.twitter { background:#00aeef; }
.social01 a.twitter span { background-position:top right; }
.social01 a.instagram { background:#8c6239; }
.social01 a.instagram span { background-position:top center; }
.social01 a span { background:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) no-repeat; display:inline-block; width:51px; height:51px; margin-right:10px; margin-top:-7px; vertical-align:middle; }

#form2 { display:none; width:366px; margin:20px auto; }

.sayfa { min-height:400px; font-size:15px; color:#666; padding-bottom:30px; padding-top:30px; display:inline-block; background:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7); }

h1 {  color:#6b6b6b; font-size:30px; padding:0; margin-bottom:0px; margin-top:0px; height:34px; font-weight:bold; text-align:center; }
h2 { padding:0px 0px 10px 0px; color:#33ccff; font-size:18px; margin-bottom:0px; margin-top:0px; font-weight:700; max-height:45px; }
h1.baslik img { margin-left:-66px; padding-right:10px; margin-top:-15px;}
h1.baslik-2 { padding:25px 0px 15px 0px; color:#333; font-size:24px; margin-bottom:0px; margin-top:0px; height:34px; font-weight:normal; }
h1.baslik-2 img { padding-right:10px; margin-top:-15px;}
.baslik { padding:0px 0px; color:#333; font-size:24px; margin-bottom:10px; margin-top:0px; }

a.baslik-tum-urunler { float:right; display:block; padding:8px 10px; width:130px; border:1px solid #ee7307; text-align:right; margin-top:20px; color:#ee7307; }
a.baslik-tum-urunler img { margin-right:10px; }

.hizlierisim-kutu { padding:0px 20px 0px 0px; color:#ccc; float:right; width:544px; line-height:18px; }
.hizlierisim-baslik { font-size:14px; color:#999; margin-bottom:4px; }
a.hizlierisim { background:url() no-repeat; width:133px; height:48px; display:block; float:left; margin-right:3px; text-align:center; font-size:11px; color:#fff; padding-top:14px;  }
a.hizlierisim span { font-size:13px; }
a.hizlierisim:hover span { font-size:15px; }
a.hizlierisim1 { background-position:0px 0px; }
a.hizlierisim1:hover { background-position:0px -62px; }
a.hizlierisim2 { background-position:-133px 0px; }
a.hizlierisim2:hover { background-position:-133px -62px; }
a.hizlierisim3 { background-position:-266px 0px; }
a.hizlierisim3:hover { background-position:-266px -62px; }
a.hizlierisim4 { background-position:-399px 0px; }
a.hizlierisim4:hover { background-position:-399px -62px; }

.egim-10 { -moz-transform: rotate(-10deg); -webkit-transform: rotate(-10deg); -o-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); }
.egim4 { -moz-transform: rotate(4deg); -webkit-transform: rotate(4deg); -o-transform: rotate(4deg); -ms-transform: rotate(4deg); transform: rotate(4deg); }

img.left { float:left; margin:20px 20px 20px 0px; }
img.right { float:right; margin:20px 0px 20px 20px; }
.marginleft-100 { margin-left:-75px; }

.haberler { background:#ededed; padding:20px 0; color:#000; font-size:16px; }
.haberler .baslik01 { font-weight:700; color:#000; font-size:40px; margin-bottom:14px; margin-top:0px; }
.haberler a { display:table; float:left; margin-right:30px; }
.haberler a:last-child { margin-right:0; }
.haberler a img { position:relative; }

.hdetay { color:#f7c55a; }
.htarih { font-size:11px; }
.hresim { float:right;  outline: 1px solid #CCC; }
.hsayfalama { width:100%; text-align:center; font-size:14px; color:#333; font-weight:bold; clear:both; }

.hdgeri { float:right; color:#f7c55a; margin-bottom:14px; }
.hdtarih { font-size:11px; color:#6e3527; line-height:20px; }
.hdgaleri { margin-top:40px; min-height:300px; clear:both; }
.hdgalerires { float:left; display:block; width:31.33%; margin-right:2%; margin-bottom:30px; }

.form-eleman { height: 38px; padding: 8px 20px 10px 20px; outline: none; width: 320px; position: relative; float: left; border-radius: 0; outline: none; box-shadow: none; font: 18px 'PT Sans', sans-serif; color: #ccc; background: #fff; border: 1px solid #b7b7b7; margin-bottom:16px; margin-right:0px; }
.form-btn { background:#6e3527; border:0; width:160px; height:44px; color:#fff; font: 18px 'PT Sans', sans-serif; font-weight:bold; border:1px solid #197b30; }

.frm { height: 30px; padding: 3px 10px 3px 10px; outline: none; width: 80%; position: relative; border-radius: 0; outline: none; box-shadow: none; font: 14px 'PT Sans', sans-serif; color: #666; background: #fff; border: 1px solid #b7b7b7; margin-bottom:6px; margin-right:0px; }
.btn { background:#6e3527; border:0; width:160px; height:44px; color:#fff; font: 18px 'PT Sans', sans-serif; font-weight:bold; border:1px solid #197b30; }

.iletisim { background:url() no-repeat top center #5e1e9a; width:100%; }
.iletisim .baslik01 { float:left; color:#FFF; position:absolute; }
.iletisim .iletisim-map { float:left; padding:20px; border:2px solid #ff9aff; margin-right:10px; }
.iletisim .iletisim-map img { width:100%; }
.iletisim .baslik02 { float:left; font-size:30px; color:#FFF; margin:-62px 0 0px -26px; position:absolute; }
.iletisim .iletisim-bilgileri { float:left; font-size:20px; color:#fff; padding-top:20px; }
.iletisim .iletisim-bilgileri .iletisim-bilgi { margin-bottom:10px; height:50px; padding-top:10px; }
.iletisim .iletisim-form { padding:20px; border:2px solid #ff9aff; }

.iletisimformu { min-height:300px; width:100%; }
.form-textarea { height:196px; padding:11px 7px 10px 15px; width:90%; }

.altkategoriler { position:absolute; z-index:5; width:120px; border-top:1px solid #fff; overflow:hidden; margin-top:310px; opacity:0; }
.altkategoriler a { float:left; text-align:right; padding:5px 10px; display:block; border-bottom:1px solid #fff; width:100px; color:#fff; }
.altkategoriler a:hover { color:#000; }

.kategori { float:left; margin-right:2px; color:#887f76; margin-bottom:20px; display:inline; text-align:center; min-height:280px; overflow:hidden; }
.kategori:hover {  }
.kategori img { margin:0px 0 4px 0; }

.kategori .ulink { border-radius:80px; width:105px; height:20px; margin:10px auto; border:1px solid #bdbdbd; color:#bdbdbd; padding:8px 6px 6px 6px; font-size:14px; }
.kategori:hover .ulink { border:1px solid #f7c55a; color:#f7c55a; }


.kategori .kategori-baslik { position:relative; width:100%; margin:0px auto 0 auto; display:block; text-align:center; color:#fff; font-size:18px; font-weight:700; padding:20px 0 20px 0; background:#ffcb05; }
.kategori:hover .kategori-baslik { color:#6e3527; }
.kategori:hover .yesil { opacity:1; }

.kategori-3 { float:left; margin-right:8px; color:#887f76; margin-bottom:0px; background:#333; }
.kategori-3 .resim { width:239px; height:320px; position:relative; margin-top:-320px; }
.kategori-3 a.kategori-baslik { position:relative; padding:20px 0 0 0; width:239px; height:66px; margin:234px auto 0 auto; display:block; text-align:center; color:#fff; z-index:6; font-size:18px; }
.kategori-3 a.kategori-baslik:hover, .kategori-3:hover a.kategori-baslik { height:160px; margin-top:0px; padding-top:160px; }
.kategori-3:hover .resim { margin-top:-320px; }
.kategori-3 a.kategori-baslik img { position:relative; margin-top:-200px; float:left; margin-left:101px; opacity:0; }
.kategori-3 a.kategori-baslik:hover img, .kategori-3:hover a.kategori-baslik img { margin-left:101px; opacity:1; margin-top:-50px; }

.urunici { float:left; clear:both; min-height:300px; width:100%; }
.urunici .renkler { width:100%; min-height:30px; }
.urunici .urun-bilgileri { width:50%; float:left; }
.urunici table { clear:both; margin-top:30px; }
.urunici table td { }
.urunici table th { color:#ee7307; width:90px; text-align:left; font-weight:normal; }
.urunici table tr { color:#666; }

.solmenu { }
.solmenu a { display:block; width:398px; height:18px; border:1px solid #ee7307; color:#ee7307; float:left; text-align:center; padding:4px 0 2px 0; margin-top:10px; }
.solmenu a:hover, .solmenu a.active { background:#ee7307; color:#fff; }

.urunicbilgi h1 { padding:0px 0px 10px 0px; color:#6B6B6b; font-size:24px; margin-bottom:0px; margin-top:0px; font-weight:700; max-height:45px; text-align:left; }
.urunicbilgi img { margin-bottom:20px; width:100%; }
.urunicbilgi table { clear:both; margin-top:10px; }
.urunicbilgi table td { color:#666; border-top:1px solid #666; padding:4px 6px; border-left:1px solid #666; }
.urunicbilgi table td:last-child { border-right:1px solid #666; }
.urunicbilgi table tr:last-child td { border-bottom:1px solid #666; }
.urunicbilgi table tr { }

.iletisim { min-height:706px; padding:140px 0 10px 0; }
.iletisim .baslik01 { font-size:100px; margin:-136px 0 0px -10px; }
.iletisim .iletisim-bilgileri { width:590px; }
.iletisim .iletisim-map { width:780px; }
.iletisim .iletisim-form { width:320px; float:right; }
.iletisim .textarea { height:160px; }

.copyright div a { color:#ccc; }

.animate-5,
.animate-5:hover {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.animate-3,
.animate-3:hover {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.arrra { clear:both; height:10px; width:960px; margin:10px auto; }



.fixed-height { 
	position:relative;
	height: 600px !important; 
}
.fixed-height .mouse {display: none;}
.fixed-height .slide-content {height: 275px !important;}
.fixed-height #owl-main img {width: 100% !important;}
.fixed-height #owl-main .owl-pagination {display: block !important;}
.fixed-height #owl-main .owl-buttons {display: none !important;}
#home-slider.static {
	background-size: cover !important;
	background-attachment: fixed !important;
	background-position: center center !important;
}
.slider-parallax .mouse {display: none;}
.slider-parallax #owl-main .owl-pagination {display: block !important;}
.slider-parallax #owl-main .owl-buttons {display: none !important;}
.slider-parallax #home-slider {
	position: fixed;
	z-index: 0;
	top: 0px;
	left: 0px;
	width: 100%;
}
.slider-parallax .section {
	position: relative;
}

.owl-carousel .owl-item {text-align: center;}

.slider-wrap {
	background: #000;
	position: relative;
}
	#owl-main .owl-item {overflow: hidden;position:relative;}
	#owl-main img {
		position: absolute;
		max-width: none;
		top: 0;
	}
	#owl-main .owl-prev {
		width: 79px;
		height: 79px;
		background: url(/footer/images/btn-prev.png) no-repeat center center;
		font-size: 0;
		float: left;
		margin-left: 15px;
		position: relative;
		opacity: 0.3;
		-webkit-transition: all .3s ease-in-out;
		-moz-transition: opacity .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
		z-index:9999;
		background-color: rgba(255,255,255,.01);
	}

	#owl-main .owl-next {
		width: 79px;
		height: 79px;
		background: url(/footer/images/btn-next.png) no-repeat center center;
		font-size: 0;
		float: right;
		margin-right: 18px;
		position: relative;
		opacity: 0.3;
		-webkit-transition: all .3s ease-in-out;
		-moz-transition: opacity .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
		z-index:9999;
		background-color: rgba(255,255,255,.01);
	}
	#owl-main .owl-pagination {
		display: none;
		width: 100%;
		overflow: hidden;
		position: relative;
		top:-70px;
		z-index: 9999;
	} 
	#owl-main .owl-controls .owl-page span {
		width: 16px;
		height: 16px;
		border-radius: 50%;
		background: transparent;
		margin:0px 6px;
		border:1px solid #fff;
	}
		#owl-main .owl-controls .owl-page.active span, #owl-main .owl-controls.clickable .owl-page:hover span {
			background: #000;
			border-color:#000;	
		}
	#owl-main .owl-prev:hover,#owl-main .owl-next:hover {
		opacity: 1;
		-webkit-transition: all .3s ease-in-out;
		-moz-transition: opacity .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
	}

#owl-main .owl-buttons {
	height: 43px;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 65px;
	margin: auto;
	z-index: 9999;
}

.slide-content {
	z-index: 1000;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	display: table-cell;
	vertical-align: middle;
	margin: auto;
	bottom: 10px;
	text-align: center;
}
.slide-content .slide-icon {margin-top:54px;}

.mouse {
    display: block;
	background:url(/footer/images/slider-ok.png) no-repeat ;
	width:14px;
	height:56px;
	
	position:relative;
	margin-left:70%;
	bottom:155px;
	z-index: 99999;
}
.mouse span {
    display: none;
    margin: 6px auto;
    width: 15px;
  	height: 15px;
  	
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: scroll;
    animation-name: scroll;
}

@-webkit-keyframes scroll {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
}

@keyframes scroll {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }
}
	#owl-main-text {
		
		margin-bottom: 0px;
		margin-top:0px;
	}
		#owl-main-text h2, .slide-content h2 {
			font-family: 'PT Sans', sans-serif;
			
			color: #fff;
			text-transform: uppercase;
			letter-spacing: -2px;
			color:#ffcc00;
			max-height:none;
		}
		.slide-content p {
			
			position: relative;
		}
		.slide-content {
			color: #333;
			
			font-weight: 300;
			font-family: 'PT Sans', sans-serif;
		}
		
		.owl-item .item a .main:hover, .owl-item .item a h2:hover { color:#00add8; }
		
	#owl-main-text .item, .slide-content .item {
		padding-bottom:58px;
		position: relative;
	}
	
.voffset10  { margin-top: 10px; }
.voffset20 { margin-top: 20px; }
.voffset30 { margin-top: 30px; }
.voffset40 { margin-top: 40px; }
.voffset42 { margin-top: 42px; }
.voffset50 { margin-top: 50px; }
.voffset60 { margin-top: 60px; }
.voffset70 { margin-top: 70px; }
.voffset80 { margin-top: 80px; }
.voffset90 { margin-top: 90px; }
.voffset100 { margin-top: 100px; }
.voffset150 { margin-top: 150px; }
.voffset200 { margin-top: 200px; }


.section {
	margin-bottom:-140px;
	padding-top: 66px;
	background: #fff;
	overflow: hidden;
}
	.section#footer {overflow: visible;}
	.section .full-width {
		padding-top:0px;
		width: 100%;
	}
		.section .full-width .row {
			margin-left:0px;
			margin-right: 0px;
		}
		.section .full-width .jt_col, .container.full-width {
			padding-left: 0px;
			padding-right: 0px;
		}

.carousel-wrapper .owl-pagination, .carousel-wrapper .owl-buttons {display: none;}
.carousel-wrapper.full {
	width: 100%;
}
	.carousel-wrapper.full .generic-carousel .owl-item .item img {
		width: 100%;
		height: auto;
	}
	.carousel-wrapper .generic-carousel .owl-item .item.video {
		position: relative;
		padding-bottom: 56.25%;
		height: 0;
		overflow: hidden;
		border: 0;
	}
		.carousel-wrapper .generic-carousel .owl-item .item.video iframe {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}
	.carousel-wrapper.full .owl-pagination {display: none;}
	.carousel-wrapper.with_buttons .owl-buttons {display: block;}
		.carousel-wrapper.with_buttons .owl-controls .owl-buttons div {
			position: absolute;
			left: -77px;
			top: 50%;
			background: url('/footer/images/btn-prev.png') no-repeat;
			width: 77px;
			height: 77px;
			text-indent: -99999px;
			z-index:9999;
			border-radius: 0px;
			margin: -30px 0px 0px 0px;
			-webkit-transition: left 0.1s ease-in, right 0.1s ease-in;
			-o-transition: left 0.1s ease-in, right 0.1s ease-in;
			transition: left 0.1s ease-in, right 0.1s ease-in;
		}
		.carousel-wrapper.with_buttons .owl-controls .owl-buttons div.owl-next {
			right:-68px;
			left: auto;
			background: url('') #f9333f no-repeat;
		}
		.carousel-wrapper.with_buttons.contrast .owl-controls .owl-buttons div {background: url('')  #2d2d2d no-repeat !important;}
		.carousel-wrapper.with_buttons.contrast .owl-controls .owl-buttons div.owl-next {background: url('')   #2d2d2d no-repeat !important;}
		.carousel-wrapper.with_buttons:hover .owl-controls .owl-buttons div.owl-prev  {left:0px;}
		.carousel-wrapper.with_buttons:hover .owl-controls .owl-buttons div.owl-next  {right:0px;}
		.carousel-wrapper.with_buttons .owl-controls .owl-buttons div:hover, .carousel-wrapper.with_buttons.contrast .owl-controls .owl-buttons div.owl-next:hover {background-position: 0px -99px !important;}
	.carousel-wrapper.with_pagination .owl-pagination {
		display: block;
		width: 100%;
		overflow: hidden;
		z-index: 9999;
		position: relative;
	}
	.carousel-wrapper.with_pagination.round_inner .owl-pagination {
		opacity: 0;
		-webkit-transition: opacity 0.3s ease-in;
		-o-transition: opacity 0.3s ease-in;
		transition: opacity 0.3s ease-in;
	}
	.carousel-wrapper.with_pagination.round_inner:hover .owl-pagination {opacity: 1;}
	.carousel-wrapper.with_pagination.round_inner .owl-theme .owl-controls {
		margin-top: -50px;
		padding-bottom: 29px;
	}
	.carousel-wrapper.with_pagination.round_inner .owl-theme .owl-controls .owl-page span {
		width: 16px;
		height: 16px;
		border-radius: 50%;
		background: transparent;
		margin: 0px 6px;
		border: 1px solid #fff;
	}
	.carousel-wrapper.with_pagination.round_inner .owl-theme .owl-controls .owl-page.active span {
		background: #C1A667;
	}

	.project-slide.carousel-wrapper.with_pagination .owl-pagination {margin-top:15px;}
	.carousel-wrapper.with_pagination .owl-theme .owl-controls .owl-page span {
		border-radius: 100px;
		border: 2px solid #C1A667;
		width: 12px;
		height: 12px;
		background: transparent;
		margin:0px 2px;
		margin-top: 15px;
	}
		.carousel-wrapper.with_pagination .owl-controls .owl-page.active span, .carousel-wrapper.with_pagination .owl-controls.clickable .owl-page:hover span {
			background: #C1A667;	
		}
		.testimonials.carousel-wrapper.with_pagination .owl-theme .owl-controls .owl-page span {background: transparent; }
		.testimonials.carousel-wrapper.with_pagination .owl-controls .owl-page.active span, .testimonials.carousel-wrapper.with_pagination .owl-controls.clickable .owl-page:hover span {background:#C1A667;}

	.carousel-wrapper.with_pagination #owl-story .owl-pagination {margin-bottom:130px;}
	.carousel-wrapper.with_pagination #owl-services .owl-pagination {margin-bottom:130px;}
	.carousel-wrapper.full .generic-carousel .owl-item .ulitem {margin-bottom:49px;}
	.carousel-wrapper.full .generic-carousel .owl-item .ulitem li {
		width:33%;
		float: left;
		list-style: none;
		font-size: 15px;
		font-weight: 300;
		font-family: "PT Sans";
		color:#8a8d94;
		margin-bottom:40px;
		padding-right:3%;
		text-align: left;
	}
	.carousel-wrapper.full .generic-carousel .owl-item .ulitem li h3 {
		font-size: 20px;
		color:#444444;
		font-weight: 400;
		margin:10px 0px;
	}
	.carousel-wrapper.full .generic-carousel .owl-item .ulitem li .icon {
		border-radius: 50%;
		display: block;
		float: left;
		width: 56px;
		height: 56px;
		background: #f9333f;
		margin:0px 25px 10px 0px;
		line-height: 56px;
		font-size: 25px;
		color: #fff;
		text-align: center;
	}

	.carousel-wrapper.full .generic-carousel .owl-item .project .featured-info {
		left: 50%;
		width: 50%;
		text-align: center;
		padding-right:0px;
	}

	.container {width: 100%;}
	.section .full-width {width: 100%;}
	.voffset10  { margin-top: 5px; }
	.voffset20 { margin-top: 10px; }
	.voffset30 { margin-top: 15px; }
	.voffset40 { margin-top: 20px; }
	.voffset50 { margin-top: 25px; }
	.voffset60 { margin-top: 30px; }
	.voffset70 { margin-top: 35px; }
	.voffset80 { margin-top: 40px; }
	.voffset90 { margin-top: 45px; }
	.voffset100 { margin-top: 50px; }
	.voffset150 { margin-top: 75px; }
	.voffset200 { margin-top: 100px; }
	#owl-main-text {margin-top:50px;}
	#contact.section .jt_row.overlap {
		width: auto;
		margin: 0px 11% 0px 11%;
	}

	.section.menu {
		background-image: none;
	}

	a.button {
		width: 325px;
	}

.loading .ip-logo,
.loading .ip-loader {
	opacity: 1;
	-webkit-animation: animInitialHeader 1s cubic-bezier(0.7,0,0.3,1) both;
	animation: animInitialHeader 1s cubic-bezier(0.7,0,0.3,1) both;
}

.loading .ip-loader { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; }

@-webkit-keyframes animInitialHeader { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } }
@keyframes animInitialHeader { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } }

.loaded .ip-logo, .loaded .ip-loader { opacity: 1; }
.loaded .ip-logo { -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-animation: animLoadedLogo 1s cubic-bezier(0.7,0,0.3,1) forwards; animation: animLoadedLogo 1s cubic-bezier(0.7,0,0.3,1) forwards; }
@-webkit-keyframes animLoadedLogo { to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } }
@keyframes animLoadedLogo { to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } }
.loaded .ip-loader { -webkit-animation: animLoadedLoader 0.2s cubic-bezier(0.7,0,0.3,1) forwards; animation: animLoadedLoader 0.2s cubic-bezier(0.7,0,0.3,1) forwards; }
@-webkit-keyframes animLoadedLoader { to { opacity: 0; -webkit-transform: translate3d(0,-100%,0) scale3d(0.3,0.3,1); } }
@keyframes animLoadedLoader { to { opacity: 0; -webkit-transform: translate3d(0,-100%,0) scale3d(0.3,0.3,1); transform: translate3d(0,-100%,0) scale3d(0.3,0.3,1); } }

.loaded .ip-logo svg path { -webkit-transition: all 0.5s ease 0.3s; transition: all 0.5s ease 0.3s; fill: #fff; }

.loaded .ip-header { -webkit-animation: animLoadedHeader 0.5s cubic-bezier(0.7,0,0.3,1) forwards; animation: animLoadedHeader 0.5s cubic-bezier(0.7,0,0.3,1) forwards; }
@-webkit-keyframes animLoadedHeader { to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } }
@keyframes animLoadedHeader { to { opacity: 0;  -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } }

.loaded .ip-main h2,
.loaded .ip-main .browser,
.loaded .ip-main .browser .box,
.loaded .codrops-demos { -webkit-animation: animLoadedContent 1s cubic-bezier(0.7,0,0.3,1) both; animation: animLoadedContent 1s cubic-bezier(0.7,0,0.3,1) both; }
.loaded .ip-main .browser,
.loaded .ip-main .browser .box:first-child { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; }
.loaded .ip-main .browser .box:nth-child(2) { -webkit-animation-delay: 0.15s; animation-delay: 0.15s; }
.loaded .ip-main .browser .box:nth-child(3) { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; }
@-webkit-keyframes animLoadedContent { from { opacity: 0; -webkit-transform: translate3d(0,200px,0); } }
@keyframes animLoadedContent { from { opacity: 0; -webkit-transform: translate3d(0,200px,0); transform: translate3d(0,200px,0); } }


body, input, textarea, input[type=email] { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; }
@media (max-height: 800px) { .mouse { display: none; } }