@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Kaushan+Script&subset=latin-ext');

/*@import url('main.css');*/

body{background:#fff /*url('../../images/bg.jpg') repeat 50% 0px */!important; margin: 0 0 140px 0; color:#333; font-family: 'Roboto', sans-serif; font-size:16px; line-height:22px; overflow-x:hidden;}/*
p{margin-bottom:30px;}
/* --------------- sticky footer ------------------ */
html{position: relative; min-height: 100%;} 
.footer{position: absolute; left: 0; bottom: 0; height: 140px; width: 100%;}
/* --------------- sticky footer ------------------ */

legend {position:relative;}
legend span{position:relative; background:#666; color:#fff; font-size:14px; font-weight:bold; display:inline-block !important; padding:3px 6px; border-left:solid #e30613 3px; }
legend span:before{border: solid transparent; top:0; right:-30px; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: transparent; border-left-color: #666; border-width:28px 15px 0px 15px ;}
.topline{ display: block; background:#333;}
.topline .container{position: relative; text-align:right;}
.topline .container a{color: #fff; font-weight:500; }
.topline .container i {color: #999; }
/* topwrap */
.topline .topwrap{display:inline-block; margin:0; padding:0 20px; text-align:right; letter-spacing: -1em; margin-right:5px;}
.topline .topwrap>li{position:relative; display:inline-block; background:#666; color:#fff; height:40px; vertical-align:middle; letter-spacing: normal; }
.topline .topwrap>li a{position:relative; top:3px; vertical-align:top; }
.topline .topwrap>li:after{border: solid transparent; top:0; right:-30px; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: transparent; border-left-color: #666; border-width:0px 15px 40px 15px;}
.topline .topwrap>li:before{border: solid transparent; top:0; left:-30px; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: transparent; border-right-color: #666; border-width:0px 15px 40px 15px;}
/*
.topline .topwrap>li:first-child{background:url('../../images/topwrapleft.png') no-repeat 0 0; color:#fff; width:15px;}
.topline .topwrap>li:last-child{background:url('../../images/topwrapright.png') no-repeat 0 0; color:#fff; width:15px;}

/* topwrap2 */
.topline .topwrap2{position:relative; display:inline-block; margin:0px 20px; padding:0px; text-align:right; letter-spacing: -1em; right:-10px;  margin-left:-5px; z-index:3;}
.topline .topwrap2 li{display:inline-block; background:#222; color:#fff; height:40px; vertical-align:middle; letter-spacing: normal;}
.topline .topwrap2 li:after{border: solid transparent; top:0; right:-30px; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: transparent; border-left-color: #222; border-width:0px 15px 40px 15px;}
.topline .topwrap2 li:before{border: solid transparent; top:0; left:-30px; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: transparent; border-right-color: #222; border-width:0px 15px 40px 15px ;}
/*
.topline .topwrap2 li:first-child{background:url('../../images/topwrap2left.png') no-repeat 0 0; color:#fff; width:15px;}
.topline .topwrap2 li:last-child{background:url('../../images/topwrap2right.png') no-repeat 0 0; color:#fff; width:15px;}*/


/* diller */
.diller{display:inline-block; margin:0; padding:0; text-align:center; vertical-align:top;}
.diller .dilBtn{position:relative; display:inline-block; background:#e30613; color:#fff; padding-top:8px; width:30px; height:50px; }
.diller .dilBtn.acik{background:rgba(227,6,19,.5); }
.diller .dilBtn:after{content:''; position:absolute; display:inline-block; left:0; bottom:0; width: 0; height: 0; border-style: solid; border-width: 0 15px 5px 15px; border-color: transparent transparent #333 transparent;}


/* dilBar */
.dilBar{position:relative;  visibility:hidden; margin-top:-40px; color:#fff; text-align:right; transition: all 500ms ease;}
.dilBar.acik{position:relative; visibility:visible; margin-top:0; background:#e30613; padding:5px 0; box-shadow:0 5px 5px rgba(0,0,0,.2); text-align:right; transition: all 500ms ease;}
.dilBar ul{ display:inline-block; margin:0; padding:5px; list-style:none;}
.dilBar li{background:rgba(255,255,255,.1); color:#fff; display:inline-block; text-align:center; width:30px; height:30px; line-height:30px; border-radius:50%; font-size:14px; font-weight:bold; margin:0 5px; border:solid #fff 1px; transition: all 500ms ease;}
.dilBar li:hover{ background:rgba(255,255,255,1); border-radius:0;transition: all 500ms ease;}
.dilBar li.active{background:rgba(255,255,255,1);}
.dilBar li a{color:#fff;}
.dilBar li:hover a,
.dilBar li.active a{color:#e30613;}


/* .aramaBar */
.aramaBar{position:relative; visibility:hidden; margin-top:-35px; transition: all 500ms ease;}
.aramaBar.acik{position:relative; visibility:visible; margin-top:0; background:#e30613; padding:10px 0; box-shadow:0 5px 5px rgba(0,0,0,.2); text-align:right;transition: all 500ms ease;}
.baslikArama{ border-bottom:solid #ccc 1px; color:#666; font-size:18px; margin-bottom:0; padding-bottom:5px;}
.baslikArama i{color:#e30613;}


/* header */
.header{background: #333 !important; position: relative !important; z-index:10; -webkit-transition: all 300ms; height:80px; border-bottom:solid #e30613 5px; box-shadow:0 5px 5px rgba(0,0,0,.2); margin-bottom:0; }

.header .navbar-brand{position:relative; margin:-20px 0 0 0 !important; padding:0 !important; height:80px; overflow:hidden; text-align:center;}
.header .navbar-brand img{position:relative; display:inline-block; height:100%; }
nav{z-index:10 !important;}

.navbarMenuler{margin-right:0px; }
/* anaMenu */
.anaMenu{ margin:10px 0 0 0; padding:0; text-align:left;}
.anaMenu li{display:inline-block; font-size:16px; color:#999 !important; padding:0 10px 0 0;}
.anaMenu li a{display:block; color:#999 !important;}

/* ustMenuLink */
.ustMenuLink{ margin:10px 0 0 0; padding:0; text-align:left;}
.ustMenuLink li{display:inline-block; font-size:18px; font-weight:bold; color:#666 !important; padding:0 3px 0 0;}
.ustMenuLink li a{display:block; color:#666 !important;}


table tbody tr th{background:#e00; color:#fff; padding:10px 5px; text-align:center !important;}
table tbody tr:nth-child(2n) th{background:#333333; color:#fff; padding:10px 5px; text-align:center !important;}
table tbody tr td{ padding:10px 5px;}


.mainbody{margin:20px auto 20px auto ; z-index:10 !important;}
.jumbotron{position:absolute; top :0;  left:0; right:0; height: 120px; background:#fff url('../../images/icsayfa.jpg') no-repeat 50% -50px; box-shadow: inset 0 -20px 150px rgba(9,28,54,1);/**/}

.carousel-indicators{text-align:center; bottom:0;}

/* SLAYTLAR */
.anasayfaSlide{position:relative; display:block; margin:0px 0 30px 0; z-index:1 !important;}
.anasayfaSlide .carousel-inner .item{ height:600px;}
.carousel-caption{background:#004578; color:#fff; font-size:24px; display:inline-block !important; width:auto !important; right:auto; bottom:10%; margin-left:15px; padding:10px 20px; border-radius:5px; box-shadow:0 2px 5px 0px #333;}

.anasayfaUstSerit{background:#eee; padding:50px 0;}

/* kategoriList */
.kategoriList > div > div{margin-bottom:40px;}
.kategoriList > div > div .overlay{position:absolute; top:10px; left:25px; right:25px; bottom:10px; background:rgba(38,52,63,0.6); color:#fff; font-size:50px; font-weight:bold; text-align:center; line-height:350px;  transition: all .3s ease;}
.kategoriList > div > div:hover .overlay{position:absolute; top:100px; left:125px; right:125px; bottom:100px; background:rgba(255,255,255,0.8); color:#26343f; font-size:50px; font-weight:bold; text-align:center; line-height:150px; transition: all .50s ease; border-radius:10px; z-index:2;}
.kategoriList > div > div .resimler{width:100%; height:350px;}
.kategoriList > div > div:hover .resimler{-webkit-filter: brightness(1.6); filter: grayscale(50%); -webkit-filter: blur(1.3px); -webkit-filter: drop-shadow(6px 6px 10px gray);  border-radius:10px;}

/* kategoriListIc */
.kategoriListIc > div > div{margin-bottom:40px;}
.kategoriListIc > div > div .overlay{position:absolute; top:10px; left:25px; right:25px; bottom:10px; background:rgba(38,52,63,0.6); color:#fff; font-size:26px; font-weight:bold; text-align:center; line-height:80px;  transition: all .3s ease;}
.kategoriListIc > div > div:hover .overlay{position:absolute; top:15px; left:30px; right:30px; bottom:15px; background:rgba(255,255,255,0.6); color:#26343f; font-size:26px; font-weight:bold; text-align:center; line-height:75px; transition: all .5s ease; border-radius:5px; z-index:2;}
.kategoriListIc > div > div .resimler{width:100%; height:100px;}
.kategoriListIc > div > div:hover .resimler{-webkit-filter: brightness(1.6); filter: grayscale(50%); -webkit-filter: blur(1.3px); -webkit-filter: drop-shadow(6px 6px 10px gray);  border-radius:10px;}

/*.container{background:rgba(0,0,0,0.1);}*/
.urunlistesi {padding:0 5px;}
.urunlistesi > div{padding:10px;}
.urunlistesi > div > .wrap {}
.urunlistesi a{position:relative; display:block; text-decoration:none; height:200px; overflow:hidden;}
.urunlistesi a:before{content:""; position:absolute; top:0; left:0; right:0; display:block; background:#e30613; height:0px; transition: all .3s linear;}
.urunlistesi a:hover:before{ top:0; height:7px; transition: all .3s linear;}
.urunlistesi a:hover {transition: all 500ms ease;}
.urunlistesi a .yeniEtiketi{position:absolute; top:10px; left:10px; font-size:12px; font-weight:bold; color:#fff; background:#f39200; border-radius:15px;  padding:3px 10px; z-index:5;}
.urunlistesi a .yuzdeEtiketi{position:absolute; top:10px; right:10px; padding:5px 10px; background:linear-gradient(to top, rgba(255,0,0,1),rgba(200,0,0,1)); color:#fff; font-size:16px; border-radius:50%; width:50px; height:50px; font-weight:bold; z-index:5; text-align:center; line-height:40px;}
.urunlistesi a:hover .yuzdeEtiketi{  background:linear-gradient(to top,rgba(200,0,0,1), rgba(255,0,0,1)); }
.urunlistesi a .resimler{/*transform: scale(1.4);*/ width:100%; height:200px; position:relative; }
.urunlistesi a .overlay{position:absolute; background:rgba(0,0,0,.5); background:linear-gradient(to top, rgba(0,0,0,.6),rgba(0,0,0,0));  bottom:0; left:0; right:0; height:130px; z-index:2; transition: all .3s linear; z-index:1;}
.urunlistesi a:hover .resimler{/*transform: scale(1.4); */background-position:50%; z-index:-1;}
.urunlistesi a:hover .overlay{ background:rgba(200,0,0,1); background:linear-gradient(to top, rgba(200,0,0,.5),rgba(200,0,0,0)); transition: all .4s ease; height:100px; }
.urunlistesi a:hover .urunBaslik { color:#333; background:#fff; transition: all 500ms ease;}
.urunlistesi a .urunBaslik{ position:absolute; bottom:5px; left:5px;  font-size:20px; font-weight:bold; color:#fff; margin-top:15px;  overflow: hidden; text-overflow: ellipsis; display: -webkit-box; line-height: 16px; /* fallback */ max-height: 50px; /* fallback */ -webkit-line-clamp: 1; /* number of lines to show */ -webkit-box-orient: vertical; padding:7px 10px; z-index:2;} 
.urunlistesi a .urunBaslik i{color:#e30613; left:-50px;  transition: all 500ms ease;}
.urunlistesi a:hover .urunBaslik i{position:relative; color:#fff; left:0; background:#e30613; border-radius:50%; height:20px; width:20px; text-align:center; padding:0px 0 0 1px; transform: rotate(360deg); transition: all 500ms ease;}
.urunFiyat{ background:#f5f5f5; color:#333; width:100%; font-size:22px; font-weight:bold; padding:10px; border-radius:0 0 3px 3px; box-shadow:0 1px 2px rgba(0,0,0,0.2);  vertical-align:middle;}
.urunFiyat strike{ background:#666; font-size:14px; color:#fff; float:right; padding:0px 5px; border-radius:3px; }

.fotorama .yuzdeEtiketi{position:absolute; top:10px; left:10px; background:linear-gradient(to left, rgba(255,0,0,1),rgba(200,0,0,1)); color:#fff; font-size:16px; border-radius:3px; padding:5px 10px; font-weight:bold; z-index:5;}




/* urunEkOzellik */
.urunEkOzellik a{display:inline-block; border:solid #cecece 1px;}
/* urunRenkler */
.urunRenkler{margin-top:20px;}
.urunRenkler .renk_listesi {margin:0; padding:0;}
.urunRenkler .renk_listesi li{display:inline-block; text-aling:center; margin:2px; border:solid #cecece 1px;}
.urunRenkler .renkbaslik{font-size:18px; color:#888 !important; margin-bottom:0;}




/* sizdenGelenler */
.sizdenGelenler > div >div{margin-bottom:30px; }
.sizdenGelenler a:after { content: ''; position: absolute; display: block; top: -5%; left: 0; right: 0; margin: auto; width: 18%;height: 18%; background: url(../../images/pushpin.png) transparent no-repeat; background-size: contain;}
.sizdenGelenler a{position:relative; display:block; text-decoration:none; margin:0 0 10px 0; padding: 1em  1em  3em  1em; box-shadow: 0 3px 6px rgba(0,0,0,.25); transform: scale(1); transition: all 300ms ease-in-out; background:#fff;}
.sizdenGelenler a span{position: absolute;  left:0; width: 100%; bottom: 15px; font-size:18px; font-weight:bold; font-family: 'Kaushan Script', cursive; color: #888;}
.sizdenGelenler a .overlay{position: absolute; top:0; left:0; right:0; bottom:0; box-shadow: inset 1px 1px 20px 8px rgba(0,0,0,0.1);}
.sizdenGelenler a:hover {box-shadow: 0px 10px 20px rgba(0,0,0,0.4); transform: scale(1.1) rotate(5deg); transition: all 300ms ease-in-out; z-index:99;}
.sizdenGelenler a:hover .overlay{}
.sizdenGelenler a .resimler{width:100%; height:150px; position:relative; padding:0; margin:0;}
.sizdenGelenler .modelAdi{color:#e30613;}
.sizdenGelenler .modelAdi b{color:#333;}


/*
.imgLiquid_ready{position:relative; display:inline-block; z-index:-1 ; box-shadow: inset 2px 2px 3px rgba(0,0,0,0.1);}
.sizdenGelenler .detaylist ul{margin:0; padding:0; list-style:none;}
.sizdenGelenler .detaylist li{ display:block;padding:5px 0; border-bottom:solid #ddd 1px;}
.sizdenGelenler .detaylist li:last-child{border:none;}
.sizdenGelenler .detaylist li:nth-child(even){background:#f5f5f5;}
.sizdenGelenler .detaylist li b{display:inline-block; width:100px; margin-right:10px;}
.sizdenGelenler .detaylist li b span{display:inline-block; float:right;}
.sizdenGelenler .detaylist h5{background:#e30613; padding:0px !important; margin:0;}
.sizdenGelenler .detaylist h5 span{position:relative; display:inline-block; background:rgba(0,0,0,0.3); color:#fff; font-size:16px; padding:10px; margin:0px !important;}
.sizdenGelenler .detaylist h5 span:after{border: solid transparent; top:0; right:-40px; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-left-color: rgba(0,0,0,0.3); border-width:0px 20px 38px 20px;}
*/


/* sizdenGelenler_detay */
.sizdenGelenler_detay .detaylist ul{margin:0; padding:0; list-style:none;}
.sizdenGelenler_detay .detaylist li{ display:block;padding:5px 0; border-bottom:solid #ddd 1px;}
.sizdenGelenler_detay .detaylist li:last-child{border:none;}
.sizdenGelenler_detay .detaylist li:nth-child(even){background:#f5f5f5;}
.sizdenGelenler_detay .detaylist li b{display:inline-block; width:85px; margin-right:5px;}
.sizdenGelenler_detay .detaylist li b span{display:inline-block; float:right;}
.sizdenGelenler_detay .projeSahibi{background:#e30613; padding:0px !important; margin:0; color:#fff; font-weight:bold;}
.sizdenGelenler_detay .projeSahibi span{position:relative; display:inline-block; background:rgba(0,0,0,0.3); color:#fff; font-size:16px; padding:10px; margin:0px 20px 0 0 !important;}
.sizdenGelenler_detay .projeSahibi span:after{border: solid transparent; top:0; right:-40px; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-left-color: rgba(0,0,0,0.3); border-width:0px 20px 38px 20px;}

.musteriyorum{position:relative; background:#999; color:#fff; padding:20px 40px;}
.musteriyorum span{display:block; max-height:150px; overflow-x:auto;  }
.musteriyorum:after{content:'“'; position:absolute; top:35px; left:10px; font-size:80px; font-family:Arial, sans-serif; }
.musteriyorum:before{content:'”'; position:absolute; bottom:0px; right:10px; font-size:80px;  font-family:Arial, sans-serif; }


.sizdenGelenler_timeline .detaylist {margin:0; padding:10px; list-style:none;}
.sizdenGelenler_timeline .detaylist ul{margin:0; padding:0; list-style:none;}
.sizdenGelenler_timeline .detaylist li{ display:block;padding:5px 10px; border-bottom:solid #ddd 1px;}
.sizdenGelenler_timeline .detaylist li:last-child{border:none;}
.sizdenGelenler_timeline .detaylist li:nth-child(odd){background:#f5f5f5;}
.sizdenGelenler_timeline .detaylist li b{display:inline-block; width:85px; margin-right:5px;}
.sizdenGelenler_timeline .detaylist li b span{display:inline-block; float:right;}

.sizdenGelenler_timeline .projeSahibi{background:#e30613; padding:0px !important; margin:10px 10px 0 10px; color:#fff; font-weight:bold;}
.sizdenGelenler_timeline .projeSahibi span{position:relative; display:inline-block; background:rgba(0,0,0,0.3); color:#fff; font-size:16px; padding:10px; margin:0px 20px 0 0 !important;}
.sizdenGelenler_timeline .projeSahibi span:after{border: solid transparent; top:0; right:-40px; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-left-color: rgba(0,0,0,0.3); border-width:0px 20px 38px 20px;}



.btn-geri{font-size:16px; font-weight:bold; color:#e30613;}
.urunNavigation {display:block; margin-bottom:20px; padding:10px 0; border-top:solid #eee 1px; border-bottom:solid #eee 1px;}
.urunNavigation a{color:#e30613;}





/* anasayfaBlock */
.anasayfaBlock:nth-child(4),
.anasayfaBlock:nth-child(5),
.anasayfaBlock:nth-child(6){margin-bottom:-30px;}
.anasayfaBlock a{position:relative !important; height:275px; display:block !important; color:#fff; text-align:center; font-weight:bold; overflow:hidden;margin-bottom:30px; text-shadow:0 1px 3px rgba(0,0,0,0.5); }
.anasayfaBlock a:before {position:relative; content:''; display: inline-block; vertical-align: middle; height: 100%;}
.anasayfaBlock a div {position:relative; display: inline-block; vertical-align: middle; z-index:2;}
.anasayfaBlock a i{ position:absolute; font-size:125px; color:rgba(0,0,0,0.2); transform:rotate(-45deg); top:-10px; right:-10px; z-index:1; text-shadow:none;}



/* onlineSatis */
.anasayfaBlock a.onlineSatis{ background:#e30613;}
.anasayfaBlock a.onlineSatis div{ font-size:30px; line-height:50px;}
.anasayfaBlock a.onlineSatis span{ display:block; font-size:55px;}

/* bayilikFormu */
.anasayfaBlock a.bayilikFormu{ background:#e30613;}
.anasayfaBlock a.bayilikFormu div{ font-size:60px; line-height:50px;}
.anasayfaBlock a.bayilikFormu span{ display:block; font-size:37px;}
.anasayfaBlock a.bayilikFormu.EN div{ font-size:40px; line-height:50px;}
.anasayfaBlock a.bayilikFormu.EN span{ display:block; font-size:37px;}

/* sizdenGelenler */
.anasayfaBlock a.sizdenGelenler{ background:#d79c26;}
.anasayfaBlock a.sizdenGelenler .bg{position:absolute; top:0; left:0; bottom:0; right:0; background:#d79c26 url('../../images/sizdengelenler.jpg'); background-size: auto 100%; opacity:.5;}
.anasayfaBlock a.sizdenGelenler div{ font-size:60px; font-weight:300; line-height:50px;}
.anasayfaBlock a.sizdenGelenler span{ display:block; font-weight:bold; font-size:42px;}
.anasayfaBlock a.sizdenGelenler.EN div{ font-size:110px; font-weight:300; line-height:70px;}
.anasayfaBlock a.sizdenGelenler.EN span{ display:block; font-weight:bold; font-size:42px;}

/* ucretsizProje */
.anasayfaBlock a.ucretsizProje{ background:#666;}
.anasayfaBlock a.ucretsizProje div{ font-size:45px; font-weight:bold; line-height:45px;}
.anasayfaBlock a.ucretsizProje span{ display:block; font-weight:normal; font-size:22px; border-top:solid white 1px; margin-top:5px;}
.anasayfaBlock a.ucretsizProje.EN div{ font-size:85px; font-weight:bold; line-height:40px;}
.anasayfaBlock a.ucretsizProje.EN span{ display:block; font-weight:normal; font-size:20px; border-top:solid white 1px; margin-top:25px;}

/* haberlerBlock */
.anasayfaBlock a.haberlerBlock{ background:#00bbcc; text-align:right;}
.anasayfaBlock a.haberlerBlock span:after{border: solid transparent; top:0; right:-40px; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-left-color: rgba(0,0,0,0.3); border-width:0px 20px 40px 20px;}
.anasayfaBlock a.haberlerBlock span{position:absolute; display:block; top:50%; left:0; font-size:35px; background:rgba(0,0,0,0.3); padding:10px 20px 10px 80px;  margin-top:-20px;}

/* firsatlarBlock */
.anasayfaBlock a.firsatlarBlock{ background:#000;}
.anasayfaBlock a.firsatlarBlock .bg{position:absolute; border:none; top:-5px; left:0; bottom:0; right:0; background:url('../../images/firsatlar.jpg'); background-size: 100% 100%;opacity:.5;}
.anasayfaBlock a.firsatlarBlock div{ font-size:55px; font-weight:bold; line-height:45px;}
.anasayfaBlock a.firsatlarBlock span{ display:block; font-weight:normal; font-size:22px; border-top:solid white 1px; margin-top:5px;}
.anasayfaBlock a.firsatlarBlock.EN div{ font-size:35px; font-weight:bold; line-height:35px;}
.anasayfaBlock a.firsatlarBlock.EN span{ display:block; font-weight:normal; font-size:18px; border-top:solid white 1px; margin-top:5px;}

/* renkSecenekleri */
.anasayfaBlock a.renkSecenekleri{ background:#cc9966;}
.anasayfaBlock a.renkSecenekleri .bg{position:absolute; border:none; top:0px; left:0; bottom:0; right:0; background:url('../../images/renksecenekleri.jpg'); background-size:  100% auto; opacity:.5;}
.anasayfaBlock a.renkSecenekleri div{ font-size:45px; font-weight:bold; line-height:45px; text-align:left;  }
.anasayfaBlock a.renkSecenekleri span{ display:block; font-weight:normal; font-size:35px; }

/* anasayfaReferanslar */
.anasayfaBlock a.anasayfaReferanslar{ background:#669933;}
.anasayfaBlock a.anasayfaReferanslar .bg{position:absolute; border:none; top:0px; left:0; bottom:0; right:0; background:url('../../images/renksecenekleri.jpg'); background-size:  105% auto; opacity:.5;}
.anasayfaBlock a.anasayfaReferanslar div{ font-size:36px; font-weight:bold; line-height:45px; text-align:left;  }
.anasayfaBlock a.anasayfaReferanslar span{ display:block; font-size:36px; font-weight:bold; }






/* galeriler */
.galeriler{position:relative; display:block; margin:30px 0;}
.galeriler .fotogaleri a, .galeriler .videogaleri a{position:relative; display:block; text-decoration:none; }
.galeriler a .overlay { background-color:#fff;  opacity:0.5;}
.galeriler a:hover .overlay {  display:block; height:100%; opacity:0.4; position:absolute; transition:all 0.5s ease-in-out; -webkit-transition:all 0.9s ease-in-out; -moz-transition:all 0.9s ease-in-out; width:100%; z-index:4;  background-color:#3399cc;}


.galerilist a .thumbnail{margin:0 0 10px 0;}
.galerilist a .resimler{width:100%; height:150px; position:relative;}
.galerilist a .resimler img{display:none;}
.galerilist a .resimler .overlay{position:absolute;  opacity:0; filter: alpha(opacity=0); }
.galerilist a:hover .resimler .overlay{position:absolute; top:0; bottom:0; left:0; right:0; background:#343434; z-index:2; opacity:.6; filter: alpha(opacity=60); text-align:center; line-height:150px; transition: all .4s ease; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; -ms-transition: all .4s ease;}
.galerilist a:hover .resimler .overlay .gi{color:#fff;}






.fotorama{background:#eee !important; margin-bottom:10px; }
.fotorama-buyutec{position:absolute; display:inline-block; background:#333; color:#fff; right:0px; top:0px; font-size:16px;}
.fotorama-buyutec:hover{background:#e30613; color:#fff;}
.fotorama-buyutec span{display:inline-block; padding:5px 10px; height:25px; line-height:25px; vertical-align:middle;}
.fotorama-buyutec:hover span{background:#444;}
.fotorama-buyutec i{display:inline-block; background:#e30613; color:#fff; padding:5px 10px; height:25px; line-height:25px; vertical-align:middle;}
.fotorama-buyutec:hover i{background:#e30613; color:#fff;}





.harita{position:relative; display:block; background:#fff; border:none; border-bottom:solid #0069b4 3px; margin-top:60px; margin-bottom:-70px; }

.image_carousel {}
#foo1 {margin:20px 0; padding:0; }
#foo1 li{text-align:center; height:100px; padding:0 20px; margin:0 5px; overflow:auto;}



/* baslik */
.baslik{position: relative; display: block; font-size: 24px; font-weight:bold; padding:0px 0px 2px 0px; margin:0px 0 10px 0; color:#333; border-bottom:solid #ccc 1px; }
.baslik span{border-bottom:solid #e30613 3px; }
.baslik i{position:relative; color:#e30613; font-size:20px; top:-1px;}

.baslik2{position: relative; display: block; border-bottom:solid #ccc 1px; text-align:center; height:25px; margin-bottom:20px; }
.baslik2 span{background:#fff  !important; color:#666;  font-size: 24px; font-weight:bold; padding:0px 20px;}

/* geri */
.geriAR{position:absolute; top:3px; left:0px; width:17px; height:15px; background:url('../../images/geriAR.png') no-repeat 0 0; }
.geri{position:absolute; top:3px; right:0px; width:17px; height:15px; background:url('../../images/geri.png') no-repeat 0 0; }
.geriAR:hover{position:absolute; top:3px; left:0px; width:17px; height:15px; background:url('../../images/geriAR.png') no-repeat -17px 0px;}
.geri:hover{position:absolute; top:3px; right:0px; width:17px; height:15px; background:url('../../images/geri.png') no-repeat -17px 0px;}
.geri,.geri:hover,.geriAR,.geriAR:hover{ -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; -ms-transition: all .2s ease; transition: all .2s ease;}


/*.listMenu*/
.listMenu{margin:0;padding:0; list-style:none;}
.listMenu li{display:block; border-bottom:dotted #ddd 1px; padding:2px 0; }
.listMenu li a{display:block; padding:3px 5px 3px 20px; color:#999; background: url('../../images/arrow.png') no-repeat 5px 8px; text-decoration:none; border-bottom:solid #ccc 1px;}
.listMenu li a:hover{ color:#666 !important; background:#eee url('../../images/arrow.png') no-repeat 5px 7px;}
.listMenu li a.active{ color:#000; background:#ddd; border-bottom:solid #ccc 1px;}
.listMenu li a span{margin-right:5px;}
.listMenu li a.active span{margin-right:5px; color:#000;}
.listMenu li a.turuncu{display:block; padding:3px 10px; color:#fff !important; background:#f39c12 !important;}
.listMenu li a.turuncu span{color:#fff;}
.tumu{position:relative; display:block; top:7px; font-size:13px; font-weight:700; color:#999; border-top:solid #ccc 1px; text-align:right;}
.tumu:hover{color:#333;}

.listMenuAR{margin:0;padding:0; list-style:none;}
.listMenuAR li{border-bottom:dotted #ddd 1px; padding:2px 0;}
.listMenuAR li a{display:block; padding:3px 20px 3px 5px; color:#999; background: url('../../images/arrowAR.png') no-repeat 100% 5px; text-decoration:none; border-bottom:solid #ccc 1px;}
.listMenuAR li a:hover{ color:#666 !important; background:#eee url('../../images/arrowAR.png') no-repeat 5px 7px;}



.formErrorContent{padding:5px !important;}


.panel{border:solid #dbe1e8 1px;}
.glyphicon.bosluk{margin-right:5px;}


/*.scrollpage{height:250px;}*/
ul.pagination{padding:0; margin:0;}

.table td {vertical-align: middle !important; padding:10px !important;}
.table td h5{margin-top:0;}

/* Incık Cıncık */
.input-group-addon{background:#f9f9f9;}
.chosen-choices{ border-radius:0 3px 3px 0 !important;}
.popover-content{padding:0px;}
.well-teklifon{background:#f9f9f9 !important; display:block;}
.well-table{margin:0px;}
a{outline:none !important;}
.paylasimiconlar{font-size:16px; color:#999;}
.altbosluk{position:relative; display:block;margin-bottom:5px;}


.nav-tabs{border-bottom:solid #004578 2px; margin-bottom:10px;}
.nav-tabs li a{color:#666;}
.nav-tabs li.active a,
.nav-tabs li.active a:focus,
.nav-tabs li a:focus{background:#004578; color:#fff; outline:none !important; bottom:0px; }


/* Gallery */
a.gallery-link { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor:zoom-in;}
.gallery a:hover img,
.gallery-image:hover .resimler{opacity: 0.75; filter: alpha(opacity=75);}
.gallery-image {position: relative;}
.gallery-image-options { position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: none;  padding: 10px;}
.gallery-image:hover .gallery-image-options { display: block;}
.gallery > .row > div { margin-bottom: 15px; }
.gallery.gallery-widget > .row > div { margin-bottom: 0; padding-top: 7px; padding-bottom: 7px;}
.resimler{width:100%; height:100px;}



/* galerilist */
.galerilist{}
.galerilist .vbaslik{ position:relative; margin:0px; padding:0px;}
.galerilist a{position:relative; display:block; font-size:16px; color:#666; text-decoration:none;}
.galerilist a:hover {color:#d1a439;}
.galerilist a .thumbnail{margin:15px 0 10px 0;}
.galerilist a .galerix{width:100%; height:162px ; position:relative; }
.galerilist a .galerix img{display:none;}
.galerilist a .galerix .overlay{position:absolute;  opacity:0; filter: alpha(opacity=0); }
.galerilist a:hover .galerix .overlay{position:absolute; top:0; bottom:0; left:0; right:0; background:#343434; z-index:2; opacity:.6; filter: alpha(opacity=60); text-align:center; line-height:150px; transition: all .4s ease; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; -ms-transition: all .4s ease;}
.galerilist a:hover .galerix .overlay .gi{color:#fff;}

/* galerilistmenu */
.galerilistmenu a{background:#fff; border:solid #eee 1px;}
.galerilistmenu a.active{background:#0069b4; color:#fff !important; border:solid #0069b4 1px;}
.galerilistmenu a:hover,
.galerilistmenu a:hover.active{background:#434343; color:#fff !important; border:solid #ccc 1px; text-shadow:none !important;}



.list-group-item:first-child{border-top:none;}
.list-group-item:last-child{border-bottom:none;}
.list-group-item{background:#fff; color:#fff;  border-radius:0 !important; border-left:none; border-right:none;}
.list-group-item i{color:#e30613; margin-right:5px;}
.list-group-item.active{background:#e30613; color:#fff; border:solid #e30613 1px; }
.list-group-item.active i{color:#fff;}
.list-group-item:hover{background:#aaa !important; color:#fff !important;  border:solid #ccc 1px;}
.list-group-item:hover.active{background:#fff; color:#e30613; border:solid #ccc 1px;}




a:hover{ text-decoration:none;}
.bizeulasin{background:#229000; color:#fff; font-size:24px; font-weight:bold; padding:20px 10px; text-align:center; transition: all 1s); margin-bottom: 40px; }
.bizeulasin:hover{background:#086cb5; color:#fff; font-size:20px; font-weight:bold; padding:20px 10px; text-align:center; transition: ease 1s; }



/* Footer */
.footer{background:#333; padding:0px 0; }
.footer .row{background:#333; color:#333;}
.footer .menuler > div{ height:110px;}
.footer .row.menuler{padding:10px 0px; color:#999;}
.footer .row.menuler > div{margin-bottom:10px;}
.footer .row.menuler ul{margin:0; padding:0; list-style:none;}
.footer .row.menuler ul li a{position:relative; display:block; color:#ccc; padding:5px 10px;}
.footer .row.menuler ul li a i{color:#e30613;}
.footer .row.menuler ul li a:hover{background:#444; color:#fff; text-decoration:none;}
.footer h4 {color:#666; font-size:24px; margin-bottom:10px; font-weight:300;}
.copyright{background:#666; padding:10px 0; font-size:12px;}
.copyright .row{background:none; color:#999;}
.footerListe{}
.footer-logo{position:relative; display:inline-block; top:50%; margin-top:-30px;}

/* SOSYAL ICON*/
.icon {position:relative; display:inline-block; margin:2px 7px;}
.icon i{position:relative; display:inline-block; font-size:24px; color:#fff;}
.icon.Facebook:hover i{color:#2980b9;}
.icon.Twitter:hover i{color:#3498db;}
.icon.Google:hover i{color:#e74c3c;}


./*btn-default{background:#c6bfa7; color:#fff;}
.shareSelector{margin-right:25px;}
*/

a { /* Animasyon */
-webkit-transition: all 250ms cubic-bezier(0.23, 1.000, 0.32, 1.000); 
-moz-transition: all 250ms cubic-bezier(0.23, 1.000, 0.32, 1.000); 
-ms-transition: all 250ms cubic-bezier(0.23, 1.000, 0.32, 1.000); 
-o-transition: all 250ms cubic-bezier(0.23, 1.000, 0.32, 1.000); 
transition: all 250ms cubic-bezier(0.23, 1.000, 0.20, 1.000); text-decoration: none;}


.mapContainer{width:100%; height:250px;}
/* Chrome, Safari, Opera */
@-webkit-keyframes mymove { 0% {background-position: left;}}
/* Standard syntax */
@keyframes mymove { 0% {background-position: left;}}

@media (min-width: 768px) and (max-width: 991px) {
    .navbar-collapse.collapse { display: none !important; }
    .navbar-collapse.collapse.in { display: block !important; }
}
@media (max-width: 1440px) {
	
	.footer{height:160px;}
	body{ margin: 0 0 160px; }
}
@media (max-width: 1200px) {
	.anasayfaSlide .carousel-inner .item{ height:500px; -webkit-animation: mymove 8s infinite;  animation: mymove 8s infinite; background-attachment:cover; background-size: auto  100% !important;}

	
	.anasayfa-text{font-size: 14px;}

	.footer{height:160px;}
	body{ margin: 0 0 160px; }

}

	.navbar-toggle { margin:0 !important; border-radius:5px; }
@media (max-width: 990px) {

    .navbar-header {  float: none;  padding:0 0px; }
	.header{height:50px;}
    .navbar-toggle .icon-bar{ background:#fff !important;}
    .navbar-toggle {top:25px; right:-6px; display: block; background:#666 !important; border-color:transparent !important; z-index:1 !important;}
    .navbar-toggle:hover { top:25px; background:#e30613 !important; border-color:#e30613 !important;}
    .navbar-toggle:hover .icon-bar{ background:#fff !important;}
    .navbar-collapse {border-top: 0px solid transparent; background:#333; margin-top:0px; border-radius: 0px !important;  }
   
    .navbar-collapse.collapse ,
    .navbar-collapse.collapsing { display: auto !important; margin-left:-15px; margin-right:-15px; padding-right:15px; padding-left:15px; padding-bottom:10px;}
	.navbar-collapse.collapse.in .nav{  padding:0px; }

	.anasayfaSlide .carousel-inner .item{ height:500px; -webkit-animation: mymove 8s infinite;  animation: mymove 8s infinite; background-attachment:cover; background-size: auto  100% !important;}

	body{ margin:0 0 260px 0; }
	.footer{height:260px;}
	
	.header .navbar-brand{position:relative; margin:-35px 0 0px 0px !important; padding:0 !important; height:70px; overflow:hidden; text-align:center;}

	.navbar-right{float:none !important;}
	.anaMenu{background:#444; margin-left:-15px; margin-right:-15px;  }
	.anaMenu li{display:block; font-size:16px; padding:5px 0; text-align:left; border-bottom:solid #555 1px; padding-right:15px; padding-left:15px; }
	.anaMenu li:hover{background:#666;}
	.anaMenu li:last-child{border:none !important; margin-bottom:0;}
	.anaMenu li a{color:#ccc !important;}
	.ustMenuLink{background:#333; margin-left:-15px; margin-right:-15px;  margin-bottom:-7px;}
	.ustMenuLink li{display:block; font-size:16px; font-weight:bold; color:#666 !important; padding:5px 0;  text-align:left; border-bottom:solid #444 1px; padding-right:15px; padding-left:15px;}
	.ustMenuLink li:hover{background:#555;}
	.ustMenuLink li:last-child{border:none !important; margin-bottom:0;}
	.ustMenuLink li a{color:#fff !important;}
	.ustMenuLink li.seperator{display:none !important;}
	
		
	.anasayfaBlock:nth-child(3){margin-bottom:0px;}
	.anasayfaBlock:nth-child(4){margin-bottom:0px;}
	.anasayfaBlock:nth-child(5),
	.anasayfaBlock:nth-child(6){margin-bottom:-30px;}
	
	.sizdenGelenler > div > div div:last-child{padding:0; }
}


@media (max-width: 767px){
	
	
	.header .navbar-brand{position:relative; margin:-35px 0 0px 15px !important; padding:0 !important; height:70px; overflow:hidden; text-align:center;}
    .navbar-toggle {top:25px; right:9px; }
	.anasayfaSlide {margin:-20px -15px 30px -15px;}
	.anasayfaSlide .carousel-inner .item{ height:350px; -webkit-animation: mymove 8s infinite;  animation: mymove 8s infinite; background-attachment:cover; background-size: auto  100% !important;}
	.anasayfaBlock a{height:200px;}
	.anasayfaBlock a i{font-size:70px;}
	.anasayfaBlock:nth-child(5){margin-bottom:0px;}
	.anasayfaBlock:nth-child(6){margin-bottom:-30px;}
	
		
	/* onlineSatis */
	.anasayfaBlock a.onlineSatis{ background:#c33;}
	.anasayfaBlock a.onlineSatis div{ font-size:25px; line-height:50px;}
	.anasayfaBlock a.onlineSatis span{ display:block; font-size:45px;}

	/* sizdenGelenler */
	.anasayfaBlock a.sizdenGelenler{ background:#d79c26;}
	.anasayfaBlock a.sizdenGelenler .bg{position:absolute; top:0; left:0; bottom:0; right:0; background:#d79c26 url('../../images/sizdengelenler.jpg'); background-size: auto 100%; opacity:.5;}
	.anasayfaBlock a.sizdenGelenler div{ font-size:47px; font-weight:300; line-height:50px;}
	.anasayfaBlock a.sizdenGelenler span{ display:block; font-weight:bold; font-size:32px;}

	/* ucretsizProje */
	.anasayfaBlock a.ucretsizProje{ background:#666;}
	.anasayfaBlock a.ucretsizProje div{ font-size:35px; font-weight:bold; line-height:35px;}
	.anasayfaBlock a.ucretsizProje span{ display:block; font-weight:normal; font-size:16px; border-top:solid white 1px; margin-top:5px;}

	/* haberlerBlock */
	.anasayfaBlock a.haberlerBlock{ background:#00bbcc; text-align:right;}
	.anasayfaBlock a.haberlerBlock span:after{border: solid transparent; top:0; right:-40px; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-left-color: rgba(0,0,0,0.3); border-width:0px 20px 40px 20px;}
	.anasayfaBlock a.haberlerBlock span{position:absolute; display:block; top:50%; left:0; font-size:30px; background:rgba(0,0,0,0.3); padding:10px 20px 10px 60px;  margin-top:-20px;}

	/* firsatlarBlock */
	.anasayfaBlock a.firsatlarBlock{ background:#000;}
	.anasayfaBlock a.firsatlarBlock .bg{position:absolute; border:none; top:-5px; left:0; bottom:0; right:0; background:url('../../images/firsatlar.jpg'); background-size: 100% 100%;opacity:.5;}
	.anasayfaBlock a.firsatlarBlock div{ font-size:35px; font-weight:bold; line-height:35px;}
	.anasayfaBlock a.firsatlarBlock span{ display:block; font-weight:normal; font-size:14px; border-top:solid white 1px; margin-top:5px;}

	/* renkSecenekleri */
	.anasayfaBlock a.renkSecenekleri{ background:#cc9966;}
	.anasayfaBlock a.renkSecenekleri .bg{position:absolute; border:none; top:0px; left:0; bottom:0; right:0; background:url('../../images/renksecenekleri.jpg'); background-size:  100% auto; opacity:.5;}
	.anasayfaBlock a.renkSecenekleri div{ font-size:35px; font-weight:bold; line-height:45px; text-align:left;  }
	.anasayfaBlock a.renkSecenekleri span{ display:block; font-weight:normal; font-size:28px; }

	.footer .menuler > div{ height:auto;}
	
	
	.pic-wrapper.banyo{display:none;}
	.pic-wrapper.mutfak{width: 100% !important; height:300px;}

}


@media (max-width: 480px){
	
	.header .navbar-brand{position:relative; display:block; margin:0px 0 0 0 !important; padding:0 !important; height:70px; overflow:hidden; text-align:center;}
	.header img{display:inline-block !important; margin-left:15px;}
	.header{height:70px; }
	.carousel-caption{left:0; margin-left:0;}

	body{ margin: 0 0 110px; }
	.footer{height:110px;}
	
}



@media print {
	body {-webkit-print-color-adjust: exact;}
	a[href]:after { content: none !important; }
	.topline,.navbar-toggle,.urunNavigation,.footer,.fotorama-buyutec{display:none;}
	.header{display:block; }
	.header .navbar-brand{margin:0 !important;}
	.urunRenkler .renk_listesi li{visibility:visible !important;}
}

@page {
margin: 0.5cm;
}




/* -----------------------------------------------
 * Timeline OKY
 * --------------------------------------------- */
 .sizdenGelenler_timeline{position:relative; background:#eee; z-index:1;}
 .timeline {
    list-style: none;
    padding: 10px 0;
    position: relative;
    font-weight: 300;
}
.timeline:before {
    top: 0;
    bottom: 0;
    position: absolute;
    content:" ";
    width: 2px;
    background: #c33;
    left: 50%;
    margin-left: -1.5px;
}
.timeline > li {
    margin-bottom: 20px;
    position: relative;
    width: 50%;
    float: left;
    clear: left;
}
.timeline > li:before, .timeline > li:after {
    content:" ";
    display: table;
}
.timeline > li:after {
    clear: both;
}
.timeline > li:before, .timeline > li:after {
    content:" ";
    display: table;
}
.timeline > li:after {
    clear: both;
}
.timeline > li > .timeline-panel {
    width: calc(100% - 25px);
    width: -moz-calc(100% - 25px);
    width: -webkit-calc(100% - 25px);
    float: left;
    border: 1px solid #dcdcdc;
    background: #ffffff;
    position: relative;
}
.timeline > li > .timeline-panel:before {
    position: absolute;
    top: 26px;
    right: -15px;
    display: inline-block;
    border-top: 15px solid transparent;
    border-left: 15px solid #dcdcdc;
    border-right: 0 solid #dcdcdc;
    border-bottom: 15px solid transparent;
    content:" ";
}
.timeline > li > .timeline-panel:after {
    position: absolute;
    top: 27px;
    right: -14px;
    display: inline-block;
    border-top: 14px solid transparent;
    border-left: 14px solid #ffffff;
    border-right: 0 solid #ffffff;
    border-bottom: 14px solid transparent;
    content:" ";
}
.timeline > li > .timeline-badge {
    color: #ffffff;
    width: 24px;
    height: 24px;
    line-height: 10px;
    text-align: center;
    position: absolute;
    top: 35px;
    right: -12px;
    z-index: 100;
}
.timeline > li.timeline-inverted > .timeline-panel {
    float: right;
}
.timeline > li.timeline-inverted > .timeline-panel:before {
    border-left-width: 0;
    border-right-width: 15px;
    left: -15px;
    right: auto;
}
.timeline > li.timeline-inverted > .timeline-panel:after {
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    right: auto;
}
.timeline-badge > a {
	display:inline-block;
    color: #e30613 !important;
}
.timeline-badge a:hover {
    color: #333 !important;
}
.timeline-title {
    margin-top: 0;
    color: inherit;
}
.timeline-heading h4 {
    font-weight: 400;
    padding: 0 15px;
    color: #4679bd;
}
.timeline-body > p, .timeline-body > ul {
    padding: 10px 10px;
    margin-bottom: 0;
}
.timeline-footer {
    padding: 5px 15px;
    background-color:#f4f4f4;
}
.timeline-footer p { margin-bottom: 0; }
.timeline-footer > a {
    cursor: pointer;
    text-decoration: none;
}
.timeline > li.timeline-inverted {
    float: right;
    clear: right;
}
.timeline > li:nth-child(2) {
    margin-top: 60px;
}
.timeline > li.timeline-inverted > .timeline-badge {
    left: -12px;
}
.no-float {
    float: none !important;
}
@media (max-width: 767px) {
    ul.timeline:before {
        left: 40px;
    }
    ul.timeline > li {
        margin-bottom: 0px;
        position: relative;
        width:100%;
        float: left;
        clear: left;
    }
    ul.timeline > li > .timeline-panel {
        width: calc(100% - 65px);
        width: -moz-calc(100% - 65px);
        width: -webkit-calc(100% - 65px);
    }
    ul.timeline > li > .timeline-badge {
        left: 28px;
        margin-left: 0;
        top: 35px;
    }
    ul.timeline > li > .timeline-panel {
        float: right;
    }
    ul.timeline > li > .timeline-panel:before {
        border-left-width: 0;
        border-right-width: 15px;
        left: -15px;
        right: auto;
    }
    ul.timeline > li > .timeline-panel:after {
        border-left-width: 0;
        border-right-width: 14px;
        left: -14px;
        right: auto;
    }
    .timeline > li.timeline-inverted {
        float: left;
        clear: left;
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .timeline > li.timeline-inverted > .timeline-badge {
        left: 28px;
    }
}