@charset "utf-8";
/** Ahmet Nuri Altun **/

*, 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 "Oxygen", sans-serif; font-weight:normal; background:#f5f5f5; }

.globall { width:100%; margin:0px auto 10px auto; clear:both; text-align:center; padding-bottom:30px; }
.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 .topbar1 { width:132px; height:54px; margin-top:10px; }
.header .topbar2 { width:206px; height:29px; }
.header .topbar3 { width:132px; height:29px; margin-top:3px; }

.header .menu1 { height:66px; width:100%; }
.header .menu2 { min-height:30px; width:100%; font-size:18px; padding-top:0px; background:#333; }
.header .menu2 a { margin:0px 0px 0 0; width:100%; overflow:hidden; display:block; float:none; padding:4px 0; clear:both; }
.header .menu2 a.mobilac { display:block; font-size:22px; }
.header .menu2 .menus { display:none; }

.header .logo { width:206px; height:66px; padding:0; margin-top:0px; margin-left:0px; margin-right:0px; }
.header .logo img {  }
.header a.gidadevi-logo { margin:10px 0 0 22px; width:82px; height:15px; }
.header a.slimini-blog-logo { margin:0px 0 0 7px; width:124px; height:30px; background: url(../images/slimini-blog-logo.png.html) no-repeat center; }

.duyuru1 { min-height:724px; font-size:26px; padding-top:40px; }
.index-urunler { min-height:450px; margin-top:70px; font-size:15px; }
.index-urunler .index { width:334px; margin:0 auto; }
.index-urunler .urun { width:320px; }
.index-urunler .urun:last-child {  }
.index-urunler .urungit { margin-top:6px; }
.index-urunler .satinal { width:180px; height:26px; margin:10px auto; padding:12px; font-size:20px; }
.index-urunler .satinal:hover { }
.index-urunler .urunisim { font-size:18px; margin:8px 0; }

.index-urunler .prev { width:1px; height:30px; margin-left:-17px; }
.index-urunler .next { width:1px; height:30px; margin-right:-17px; }
.index-urunler .prev a { width:18px; height:30px; margin-top:70px; margin-left:0px; }
.index-urunler .next a { width:18px; height:30px; margin-top:70px; margin-right:0px; }

.sss .baslik01 { font-size:32px; padding-top:24px; padding-bottom:6px; height:120px; }
.sss { padding-bottom:10px; }

.index-blog { min-height:433px; padding-bottom:20px; }
.index-blog .resim01 { float:left; margin-left:70px; width:340px; }
.index-blog .yazi01 { text-align:left; font-size:26px; }
.index-blog .blog-logo { margin-top:10px; margin-bottom:10px; width:350px; }
.index-blog .baslik01 { font-size:30px; margin:10px 0; }
.index-blog a { display:block; margin-top:10px; }

.ebulten { min-height:105px; font-size:20px; padding:20px 0; }

.nedediler { min-height:280px; font-size:15px; padding-top:20px; padding-bottom:20px; }
.nedediler .baslik01 { font-size:36px; margin-bottom:20px; }

.footer { width: 100%; min-height: 240px; margin: 0px auto 0px auto; clear: both; display: block; color: #ccc; font-size: 16px; background: #333; padding:15px 0 20px 0; border-top:3px solid #000; overflow-x:hidden; }
.footer .ustazeka { float:right; display:block; margin-top:10px; vertical-align:baseline; }
.footer .footer-main { display:block; min-height:95px; border-top:2px solid #000; border-bottom:2px solid #000; clear:both; margin-top:14px; padding:25px 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(../images/footer-arrow.png.html) no-repeat; width:10px; height:15px; float:left; display:inline-block; margin-right:4px; }
.footer-menu .sutun { float:left; display:inline-block; margin-right:30px; }

.footer-sag { width:100%; text-align:center; clear:both; padding-top:10px; }
.footer-social-icons { height:41px; margin-bottom:25px; float:left; }
.footer-social-icons a { background:url(../images/footer-social-icons.png) no-repeat; display:inline-block; margin-right:14px; width:41px; height:41px; 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:-82px 0px; }
.footer-social-icons a.twitter:hover {  }
.footer-social-icons a.instagram { background-position:-41px 0px; }
.footer-social-icons a.instagram:hover {  }
.footer-social-icons a.youtube { background-position:-123px 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:10px 0 10px 29%; }

.copyright { clear:both; width:100%; padding:10px 0; }
.copyright2 { clear:both; width:100%; padding:10px 0; }

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

.haberlera { float:left; width:48%; margin-bottom:40px; margin-right:2%; display:block; font-size:14px; }
.hdyazi img { max-width:100%; }

.fakealtmenu { height:412px; display:none; }
.altmenu { background:url(../images/mobil-altmenu-back.jpg.html) top #333; min-height:38px; text-align:center; margin-bottom:24px; 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:4%; margin-left:4%; }
.altmenu a:last-child { margin-right: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%; }

.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(../images/down-arrow.png.html) no-repeat; background-position:92% center; }
.urunsolmenu a.active { color:#09F; background:url(../images/up-arrow.png.html) no-repeat; background-position:92% center; border-bottom:1px solid #ccc; }
.urunsolmenu a:first-child { /*border-bottom:1px solid #ccc;*/ /*}
.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(../images/right-arrow.png.html) 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 .topbar1 { width:180px; height:20px; margin-top:12px; color:#fff; }
.header .topbar2 { width:380px; height:29px; }
.header .topbar3 { width:31%; height:29px; margin-top:3px; }
.header .menubosluk { width:290px; float:left; height:60px; }
.header .topbar1 .home { float:left; display:block; margin-left:20px; }

.header .menu1 { height:40px; width:100%; }
.header .menu2 { height:50px; width:100%; font-size:15px; padding-top:6px; }
.header .menu2 li { float:left; margin:10px 0px 0 0px; border-right:1px solid #72808d; }
.header .menu2 li:last-child { border-right:0px solid #655c64; }

.header .menu2 .menus a { margin:0px 5px 0 5px;/* min-width:150px;*/ padding:4px 8px 4px 8px; display:block; text-align:center; }
.header .menu2 .menus a:hover, .header .menu2 .menus a.hoverli { color:#ff9121; }

.header .menu2 a.mobilac { display:none; }
.header .menu2 .menus { float:left; }

.header .menu2 .altmenu2 { min-width: 200px; position: absolute; display: none; z-index: 999; text-align: left; background: #356488; padding:4px 0px; margin:	29px 0 0 5px; }
.header .menu2 .altmenu2 a { margin:0px 10px 0px 10px;/* min-width:150px;*/ padding:5px 0px 5px 0px; display:block; text-align:left; font-weight:normal; font-size:15px; border-bottom:1px solid #285170; }
.header .menu2 .altmenu2 a:hover { color:#CCC; }
.header .menu2 .altmenu2 a:last-child { border-bottom:0px; }

.header .logo { width:230px; height:47px; padding:38px 0 38px 0; margin-top:0px; margin-left:0px; background:#fff; }
.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; }
/*.headerfix .logo img { width:251px; height:80px; }*/


.index-cozumler { margin-top:50px; }
.index-cozumler h2 { font-size:20px; color:#000; }
.index-cozumler .cozumler { background:url(../images/index-cozumler-back.jpg); height:170px; padding:50px 0 20px 0; }
.index-cozumler .cozumler a { float:left; font-size:15px; color:#fff; margin-right:28px; font-weight:bold; }
.index-cozumler .cozumler a:last-child { margin-right:0px; }
.index-cozumler .cozumler a div { width:100px; height:70px; padding:30px 0 0 0px; border-radius:10px; background:#2f4355; margin-bottom:20px; }
.index-cozumler .cozumler a:hover { color:#2f4355; }
.index-cozumler .cozumler a:hover div { background:#ff9121; }


.index-kurumsal { background:url(../images/index-kurumsal-back.jpg) center fixed; background-size:cover; padding:100px 0; }
.index-kurumsal .main { background:rgba(255,255,255,0.98); min-height:130px; padding:34px 0px 50px 0px; font-size:13px; }
.index-kurumsal .main div { padding:0px 40px; }


.index-galeri { margin-top:50px; }
.index-galeri h2 { font-size:20px; color:#000; }
.index-galeri .main { display:inline-block; }
.index-galeri .galeri { background:url(../images/index-galeri-back.jpg) center; min-height:230px; padding:80px 0 60px 0; }
.index-galeri .galeri a { float:left; font-size:15px; color:#fff; margin-right:12px; margin-bottom:12px; font-weight:bold; }
.index-galeri .galeri a:last-child { margin-right:0px; }
.index-galeri .galeri a .mercek { width:238px; height:220px; padding:0px 0 0 0px; border-radius:0px; margin-bottom:20px; }
.index-galeri .galeri a:hover { color:#2f4355; }
.index-galeri .galeri a:hover .mercek { opacity:1; }


.duyuru1 { height:483px; font-size:30px; margin-top:20px; margin-bottom:30px; }
.index-urunler { height:450px; font-size:15px; }
.index-urunler .urun { /*width:32%; margin-right:2%;*/ }
.index-urunler .urun:last-child { margin-right:0px; }
.index-urunler .urungit { margin-top:6px; }
.index-urunler .satinal { width:180px; height:26px; margin:10px auto; padding:12px; font-size:20px; }
.index-urunler .satinal:hover { }
.index-urunler .urunisim { font-size:18px; margin:8px 0; }


.index-urunler .urun {  }
.index-urunler .urun:hover { }
.index-urunler .urun .hovers { position:absolute; width:246px; height:242px; background:url(../images/urun-hover-golge.png) no-repeat center bottom; opacity:0; color:#fff; font-size:14px; font-weight:normal; }
.index-urunler .urun .hovers img { margin-left:0px; opacity:0; margin-top:80px; }
.index-urunler .urun .hovers div { padding:3px 6px; background:#F00; width:60px; height:20px; margin:0 auto; }
.index-urunler .urun:hover .hovers { opacity:1; }
.index-urunler .urun:hover .hovers img { margin-left:0px; opacity:1; margin-top:100px; }


.index-urunler .prev { width:20px; height:30px; margin-left: 309px; margin-top: -15px; }
.index-urunler .next { width:20px; height:30px; margin-right: 322px; margin-top: -15px;}
.index-urunler .prev a { width:18px; height:30px; margin-left:0px; }
.index-urunler .next a { width:18px; height:30px; margin-right:0px; }

.bx-wrapper .bx-pager { text-align: center; padding-top: 10px; width:377px; margin:20px auto 0 auto; border-top:1px solid #fff; }
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline;}
.bx-wrapper .bx-pager.bx-default-pager a { background: #fff; text-indent: -9999px; display: block; width: 13px; height: 13px; margin: 0 5px; outline: 0; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; }
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active { background: #315c7d; }

.footer { width: 100%; min-height: 240px; margin: 0px auto 0px auto; clear: both; display: block; color: #929fab; font-size: 13px; background:url(../images/footer-back.jpg) no-repeat center top; padding:100px 0 20px 0; overflow-x:hidden; text-align:center; }
.footer .ustazeka { float:right; display:block; vertical-align:baseline; }
.footer .footer-main { display:block; min-height:95px; clear:both; margin:50px auto 0 auto; padding:25px 0; width:89%; }
.footer .sutun { float:left; display:inline-block; width:33.3%; }
.footer-menu { float:left; }
.footer-menu a { float:left; display:block; clear:both; color:#FFF; margin:1px 0px 6px 0px; font-size:13px; }
.footer-menu a:hover { color:#F00; }
.footer-menu a .arrow { background:url(../images/footer-arrow.png.html) no-repeat; width:10px; height:15px; float:left; display:inline-block; margin-right:4px; }
.footer-menu .sutun { float:left; display:inline-block; margin-right:60px; }
.footer-menu strong { color:#758997; font-size:17px; line-height:30px; }
.footer-menu .sutun:last-child { margin-right:0; }

.footer .top-social-icons { width: 70px; margin:73px auto 0 auto; float:none; }

.footer-sag { float:right; width:27%; text-align:center; }
.footer-social-icons { height:41px; margin-bottom:25px; }
.footer-social-icons a { background:url(../images/olguncelik-social-icons.png) no-repeat; display:inline-block; margin-right:14px; width:41px; height:41px; 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:-82px 0px; }
.footer-social-icons a.twitter:hover {  }
.footer-social-icons a.instagram { background-position:-41px 0px; }
.footer-social-icons a.instagram:hover {  }
.footer-social-icons a.youtube { background-position:-123px 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; }


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

.ustbanner { height:255px; background-position:center bottom; background-repeat:repeat-x; padding-top:0px; z-index:10; background-image:url(../images/banner-01.jpg.html); }
.ustbanner div { padding-top:190px; font-size:40px; font-family:'PT Sans',sans-serif; color:#fff; }

.ustbanner-2 { height:362px; background-position:center bottom; background-repeat:repeat-x; padding-top:110px; z-index:10; background-image:url(../images/banner-02.jpg.html); }
.ustbanner-2 img { float:left; margin-right:10px; }
.ustbanner-2 .bilgiler { float:left; width:520px; height:260px; margin-top:30px; color:#fff; font-size:15px; margin-left:30px; }
.ustbanner-2 .bilgiler h2 { font-size:30px; color:#fff; border-top:1px solid #b596a2; margin-top:10px; margin-bottom:0px; padding-bottom:0; }
.ustbanner-2 .bilgiler font { font-size:18px; }

.haberlera { float:left; width:100%; margin-bottom:40px; margin-right:0px; display:block; font-size:14px; background:#eee; }
.haberlera .hbaslik { padding:8px 10px; border-bottom:1px solid #ccc; float:left; width:452px; font-weight:bold; font-size:18px; }
.haberlera .hresim { float:left; }
.haberlera .hvitrin { float:left; padding:8px 10px; width:452px; height:84px; border-bottom:1px solid #ccc;}
.haberlera .hdetay { float:right; padding:8px 10px; background:#F00; width:84px; text-align:center; color:#fff; font-size:12px; }
.haberlera .htarih { float:left; padding:8px 10px; width:122px; font-size:12px; }

.hdbaslik { padding:8px 0px; border-bottom:1px solid #ccc; font-weight:bold; font-size:18px; margin-bottom:20px; }
.hdresim { float:left; }
.hdvitrin { float:left; padding:8px 10px; width:452px; height:84px; border-bottom:1px solid #ccc;}
.hddetay { float:right; padding:8px 10px; width:84px; text-align:center; color:#fff; font-size:12px; }
.hdtarih { float:right; padding:0px 0px; font-size:12px; }

.ihaberlerbaslik { color:#315c7d; font-size:30px; font-weight:bold; margin-bottom:10px; text-align:left; }
.ihaberlerbaslik a { color:#F00; font-size:12px; float: right; margin-top:15px; }
.ihaberleri { min-height:182px; }
.ihaberlera { float:left; width:490px; margin-bottom:40px; margin-right:0px; display:block; font-size:14px; background:#eee; text-align:left; }
.ihaberlera:first-child { margin-right:20px; }
.ihaberlera .ihbaslik { padding:8px 10px; border-bottom:1px solid #ccc; float:left; width:242px; font-weight:bold; font-size:18px; }
.ihaberlera .ihresim { float:left; }
.ihaberlera .ihvitrin { float:left; padding:8px 10px; width:242px; max-height:63px; height:63px; border-bottom:1px solid #ccc;}
.ihaberlera .ihdetay { float:right; padding:8px 10px; background:#F00; width:84px; text-align:center; color:#fff; font-size:12px; }
.ihaberlera .ihtarih { float:left; padding:8px 10px; width:100px; font-size:12px; }

.ihakkimizda { background:#eeeeee; color:#6b6b6b; font-size:15px; margin-bottom:40px; }
.ihakkimizdabaslik { color:#315c7d; font-size:30px; font-weight:bold; margin-bottom:16px; padding-top:30px; }
.ihakkimizda .ihaberlerlink { background:#F00; font-size:12px; padding:6px 10px; color:#fff; margin-top:20px; }

.sayfagaleri { /*width:70%; float: right;*/ clear:both; margin-top:40px; display:inline-block; width:100%; }

.fakealtmenu { height:412px; display:none; }
.altmenu { min-height:86px; text-align:center; margin-bottom:24px; position:relative; z-index:10; border-bottom:3px solid #325e80; padding-top:20px; }
.altmenu a { float:left; padding:11px 10px 10px 10px; width:auto; font-size:15px; font-weight:700; height:20px; display:block; color:#fff; width:165px; background:#abc2d3; margin-top:7px; }
.altmenu img { float:left; }
.altmenu a:last-child {  }
.altmenu a:hover { color:#333; }
.altmenu a.active { color:#fff; background:#ed1c24; padding:18px 10px 17px 10px; margin-top:0px; }

.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; }

.ifgrup1 { float:left; width:50%; }
.ifgrup2 { float:left; width:50%; }

.kategori { width:228px; }

.kategori2 { width:246px; }

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

.urunsolmenu { float:left; margin-right:40px; width:260px; /*overflow:hidden;*/ }
.urunsolmenu a { float:left; display:block; padding:10px 0px 10px 20px; border-bottom:#d4d4d4 1px solid; width:240px; font-size:15px; color:#3f3f3f; font-weight:bold; }
.urunsolmenu a.active { color:#fff; background:url(../images/solmenu-secili.jpg) center right #ff9121 no-repeat; border-bottom:1px solid #f4f4f4; }
.urunsolmenu a:first-child { /*border-bottom:1px solid #ccc;*/ }
.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(../images/right-arrow.png.html) 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: 440px; font-size: 20px; }
#owl-main-text h2, .slide-content h2 { font-size: 50px; }
.slide-content p { }
.slideright h2, .slideright p { width: 60%; margin-left:35%; text-align:right; }
.slideleft h2, .slideleft p { text-align:left; }
.slidecenter h2, .slidecenter p { width: 60%; margin-right:17.5%; margin-left:17.5%; text-align:center; }

.slide-content h2 { margin-top:150px; }
/*}*/
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; }


/* ============================= header ====================== */
.header{ width: 100%; display: block; text-align: center; z-index:10000; height:106px; position:absolute; transition: all .3s; top:0; background:url(../images/menu-back-2.png) top center repeat-x; }
.header .topbar {  }
.header .topbar1 { float:left; transition: all .3s; }
.header .topbar2 { float:left; text-align:left; }
.header .topbar3 { float:left; transition: all .3s; }

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

.f-left { float:left; }
.f-right { float:right; }
.header .logo { /*background:url(../images/nutrilab-logo.png.html) top center no-repeat; background-size:cover;*/ transition: all .3s; position:absolute; z-index:100; }
.header .logo img { /*display:none;*/ }

.headerfix { transition: all .3s; position:fixed; }
.headerfix .topbar1 { }
.headerfix .topbar3 {  }
.headerfix .menu1 {  }
.headerfix .menu2 { background:#333; }
.headerfix .logo {  }

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

.top-social-icons { float:left; margin-top:-5px; margin-left:30px; }
.top-social-icons a { background:url(../images/olguncelik-social-icons.png) no-repeat; display:block; float:left; margin-right:10px; width:24px; height:24px; margin-bottom:0px; }
.top-social-icons a.facebook { background-position:0px 0px; }
.top-social-icons a.facebook:hover { background-position:0px -24px; }
.top-social-icons a.twitter { background-position:-24px 0px; }
.top-social-icons a.twitter:hover { background-position:-24px -24px; }
.top-social-icons a.instagram { background-position:-48px 0px; }
.top-social-icons a.instagram:hover { background-position:-48px -24px; }
.top-social-icons a.youtube { background-position:-72px 0px; }
.top-social-icons a.youtube:hover { background-position:-72px -24px; }
.top-social-icons a.googleplus 	{ background-position:-96px 0px; }
.top-social-icons a.googleplus:hover { background-position:-96px -24px; }

.dilsec { padding:4px 2px; font-size:12px; color:#00add9; border:none; outline:none; float:right; margin-top:4px; width:130px; appearance:none; -webkit-appearance:none; -moz-appearance: none; background: url(../images/down-arrow-1.png.html) no-repeat right; 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:#ff9121; }
.ustmenu li a.secili { color:#ff9121; }

.duyuru1 { background:url(../images/index-urunler-back.jpg.html) repeat-x; background-position:center top; color:#00add9; text-align:center; }
.index-urunler { background:url(../images/back-2.png.html) repeat-x; background-position:center 110px; color:#666; }
.index-urunler .urun { float:left; }
.index-urunler .urun:last-child { }
.index-urunler .urungit { display:block; }
.index-urunler .satinal { display:block; color:#fff; font-weight:900; }
.index-urunler .satinal:hover { background:#666; }
.index-urunler .urunisim { font-weight:700; }

.index-urunler .prev { float:left;  }
.index-urunler .next { float:right; }
.index-urunler .prev a { display:block; float:left; color:#fff; background:url(../images/vitrin-sol-ok.png) top left no-repeat; }
.index-urunler .next a { display:block; float:right; color:#fff; background:url(../images/vitrin-sag-ok.png) top right no-repeat; }


.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(../images/slimini-alt-social-icons.png.html) no-repeat; display:inline-block; width:51px; height:51px; margin-right:10px; margin-top:-7px; vertical-align:middle; }


.sayfa { min-height:400px; font-size:15px; color:#666; margin-bottom:30px; display:inline-block; font-family:'PT Sans', sans-serif; }

.sayfa h1 { padding:25px 0px 25px 0px; color:#000; font-size:20px; margin-bottom:20px; margin-top:0px; height:28px; text-align:center; font-weight:bold; border-bottom:1px #d4d4d4 solid; }
.sayfa img { max-width:100%; }
.sayfa h2 { padding:0px 0px 10px 0px; color:#333; font-size:18px; margin-bottom:0px; margin-top:0px; font-weight:700; text-align:center; }


h1 { padding:0px 0px 10px 0px; color:#333; font-size:24px; margin-bottom:0px; margin-top:0px; height:34px; font-weight:normal; }
h2 { padding:0px 0px 10px 0px; color:#333; 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(../images/hizli-erisim-back.jpg.html) 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:#0099cc; }
.htarih { font-size:11px; }
.hresim { /*float:left; margin-bottom:20px; width:100%;*/ outline: 1px solid #eee; }
.hsayfalama { width:100%; text-align:center; font-size:14px; color:#333; font-weight:bold; clear:both; }

.hdgeri { float:right; color:#0099cc; margin-bottom:14px; }
.hdtarih { font-size:11px; 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; }

.sgalerires { float:left; display:block; margin-right:15px; margin-bottom:15px; }
.sgalerires .isimi { text-align: center; padding: 12px 10px; background: #fff; min-height: 30px; font-size:15px; color:#465a6c; }
.sgalerires .mercek { opacity:0; background:url(../images/galeri-1-hover.png) center; width:238px; height:220px; position:absolute; }
.sgalerires:hover .isimi { color:#fff; background:#465a6c; }
.sgalerires:hover .mercek { opacity:1; }


.form-eleman { height: 30px; padding: 4px 12px 4px 12px; outline: none; width: 86%; position: relative; float: left; border-radius: 0; outline: none; box-shadow: none; font: 14px 'Oxygen', sans-serif; color: #999; background: #e7e7e7; border: 1px solid #b7b7b7; margin-bottom:20px; margin-right:0px; }
.form-btn { background:#ff9121; border:0; width:160px; height:36px; color:#fff; font: 16px 'Oxygen', sans-serif; font-weight:bold; }

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

.iletisim { background:url(../images/iletisim-back.jpg.html) 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:29px; color:#356488; margin-bottom:20px; display:block; text-align:center; background:url(../images/urun-list-back.jpg.html) no-repeat top center; font-weight:bold; font-size:20px; font-family:'PT Sans', sans-serif; }
.kategori:hover { }
.kategori div { margin-bottom:2px; }
.kategori div img { margin:17px 0 16px 0; }

.kategori2 { float:left; margin-right:2px; color:#325e80; margin-bottom:30px; display:block; text-align:center; font-size:20px; font-family:'PT Sans', sans-serif; border:1px solid #abc2d3; background:#f3f3f3; padding-bottom:8px; font-weight:bold; }
.kategori2:hover { }
.kategori2 .kutu { margin-bottom:5px; }
.kategori2 .kutu .resim { margin:0px 0 0px 0; border-bottom:1px solid #abc2d3; }
.kategori2 font { font-size:14px; font-weight:normal; }
.kategori2 .hovers { position:absolute; width:246px; height:272px; background:url(../images/urun-hover-golge.png) no-repeat center bottom; opacity:0; color:#fff; font-size:14px; font-weight:normal; }
.kategori2 .hovers img { margin-left:0px; opacity:0; margin-top:100px; }
.kategori2 .hovers div { padding:3px 6px; background:#F00; width:60px; height:20px; margin:0 auto; }
.kategori2:hover .hovers { opacity:1; }
.kategori2:hover .hovers img { margin-left:0px; opacity:1; margin-top:123px; }


.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; }

.urunicbilgi h1 { /*padding:0px 0px 10px 0px; color:#33ccff; font-size:24px; margin-bottom:0px; margin-top:0px; font-weight:700; max-height:45px;*/ }
.urunicbilgi img { margin-bottom:20px; width:100%; }
.urunicbilgi table { clear:both; margin-top:10px; font-size:15px; }
.urunicbilgi table tr:nth-child(odd) { background-color: #f4f4f4; }
.urunicbilgi table td { color:#666; padding:8px 10px;/* border-top:1px solid #666; 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; }

.icons { background:url(../images/icons.png); width:28px; height:28px; vertical-align: middle; display: inline-block; }
.iconsf { background:url(../images/icons2.png); width:28px; height:28px; vertical-align: middle; display: inline-block; }
.icon1 { background-position:0px 0px; }
.icon2 { background-position:-28px 0px; }
.icon3 { background-position:-56px 0px; }
.icon4 { background-position:-84px 0px; }

/*----------------------------------------------*/

.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;}
	#owl-main img {
		position: absolute;
		max-width: none;
		top: 0;
	}
	#owl-main .owl-prev {
		width: 30px;
		height: 30px;
		/*background: url(../images/btn-prev.png) no-repeat center center;*/
		font-size: 0;
		float: left;
		margin-left: 95px;
		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: 30px;
		height: 30px;
		/*background: url(../images/btn-next.png) no-repeat center center;*/
		font-size: 0;
		float: right;
		margin-right: 95px;
		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: 47px;
	position: absolute;
	left: 0;
	right: 0;
	/*top: 0;*/
	bottom: 0px;
	margin: auto;
	z-index: 9999;
	width:308px;
	background:url(../images/slider-oklar.png) no-repeat;
}

.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;
	width: 45px;
	height: 45px;
	border-radius: 50%;
	border: 2px solid #fff;
	position: absolute;
	bottom: 50px;
	left: 50%;
	margin-left: -20px;
	z-index: 99999;
}
.mouse span {
    display: block;
    margin: 6px auto;
    width: 15px;
  	height: 15px;
  	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yOTMuNzUxLDQ1NS44NjhjLTIwLjE4MSwyMC4xNzktNTMuMTY1LDE5LjkxMy03My42NzMtMC41OTVsMCwwYy0yMC41MDgtMjAuNTA4LTIwLjc3My01My40OTMtMC41OTQtNzMuNjcyICBsMTg5Ljk5OS0xOTBjMjAuMTc4LTIwLjE3OCw1My4xNjQtMTkuOTEzLDczLjY3MiwwLjU5NWwwLDBjMjAuNTA4LDIwLjUwOSwyMC43NzIsNTMuNDkyLDAuNTk1LDczLjY3MUwyOTMuNzUxLDQ1NS44Njh6Ii8+DQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMjIwLjI0OSw0NTUuODY4YzIwLjE4LDIwLjE3OSw1My4xNjQsMTkuOTEzLDczLjY3Mi0wLjU5NWwwLDBjMjAuNTA5LTIwLjUwOCwyMC43NzQtNTMuNDkzLDAuNTk2LTczLjY3MiAgbC0xOTAtMTkwYy0yMC4xNzgtMjAuMTc4LTUzLjE2NC0xOS45MTMtNzMuNjcxLDAuNTk1bDAsMGMtMjAuNTA4LDIwLjUwOS0yMC43NzIsNTMuNDkyLTAuNTk1LDczLjY3MUwyMjAuMjQ5LDQ1NS44Njh6Ii8+DQo8L3N2Zz4=);
  	background-size: contain;
    -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 {
		/*height: 182px;*/
		margin-bottom: 0px;
		margin-top:0px;
	}
		#owl-main-text h2, .slide-content h2 {
			font-family: 'Oxygen', sans-serif;
			/*text-align: right;
			text-transform: uppercase;
			letter-spacing: -2px;*/
			color: #fff;
			max-height:none;
			background:url(../images/sliderh2back.png);
			padding:0 6px;
		}
		.slide-content p {
			/*text-align: right;*/
			position: relative;
		}
		.slide-content {
			color: #fff;
			/*text-align: right;*/
			font-family: 'PT Sans', sans-serif;
		}
		/*.owl-item .item h2 { color:#ffcc00; }
		.owl-item .item a { color:#fff; }*/
		.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('../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('../images/btn-generic-next.png.html') #f9333f no-repeat;
		}
		.carousel-wrapper.with_buttons.contrast .owl-controls .owl-buttons div {background: url('../images/btn-generic-prev2.png.html')  #2d2d2d no-repeat !important;}
		.carousel-wrapper.with_buttons.contrast .owl-controls .owl-buttons div.owl-next {background: url('../images/btn-generic-next2.png.html')   #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: "Oxygen";
		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); } }
/* Header elements when loading finishes */
.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); } }
/* Change the color of the logo */
.loaded .ip-logo svg path { -webkit-transition: all 0.5s ease 0.3s; transition: all 0.5s ease 0.3s; fill: #fff; }
/* Header animation when loading finishes */
.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); } }
/* Content animations */
.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); } }
/**  END ANIMATIONS  **/

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; } }


.tabs {
  width: 1000px;
  float: none;
  list-style: none;
  position: relative;
  margin: 0px 0 0 0px;
  text-align: center;
}
.tabs li {
  /*float: left;*/
  display: inline-block;
  width:122px;
}
.tabs input[type="radio"] {
  position: absolute;
  top: -9999px;
  left: -9999px;
}
.tabs label {
  display: block;
  padding: 15px 0px 0 0;
  font-size: 14px;
  font-weight: normal;
  background: url(../images/index-urun-grup-back-golge.png.html) no-repeat top right;
  height:133px;
  width:130px;
  cursor: pointer;
  position: relative;
  color:#fff;
}
.tabs label img { border-bottom:1px solid #fec3aa; margin-bottom:3px; }
.tabs label:hover { }
.tabs .tab-content {
  z-index: 2;
  /*display: none;*/
  visibility:hidden;
  opacity:0;
  overflow: hidden;
  width: 100%;
  font-size: 17px;
  padding: 25px 0;
  position: absolute;
  top: 126px;
  left: 0;
  /*background:url(../images/index-urunler-back.jpg.html) no-repeat -464px -126px;*/
}
.tabs [id^="tab"]:checked + label {
  top: -7px;
  /*padding-top: 0px;*/
  background: url(../images/index-urun-back-secili.png.html) top right no-repeat;
}
.tabs [id^="tab"]:checked ~ [id^="tab-content"] {
  /*display: block;*/
  visibility:visible;
  opacity:1;
}
.tabs li:first-child { padding-left: 9px; background: url(../images/index-urun-grup-back-golge.png.html) no-repeat 3px top; }