/* Include Open Sans font from Google Web Fonts */
@import url('https://fonts.googleapis.com/css?family=Rajdhani:400,700,800|Roboto:400,700|Satisfy&subset=latin-ext');

/*@import url('main.css');
font-family: 'Rajdhani', sans-serif;
font-family: 'Roboto', sans-serif;
*/

/* Sticky footer styles
-------------------------------------------------- */
html { position: relative; min-height: 100%;}
body { padding-bottom: 60px; background:#f9f9f9 !important; color:#666; font-family: 'Roboto', sans-serif; font-size:15px; line-height:24px; overflow-x:hidden;}
footer{ position: absolute; min-height: 60px; bottom: 0; width: 100%;  line-height: 24px; background-color: #333; font-size:12px;}

body > .container { }
footer > .container > div{}
footer > .container div > div{padding:20px; }
code { font-size: 80%; }
.weblink{text-align: right;}
/* --------------- sticky footer ------------------ */

.topline{background: #f39223; display: block; font-family: 'Rajdhani', sans-serif; font-size:18px;}
.topline .container{position: relative;} 
.topline .sosyalmedya{display: inline-block; margin: 0; padding: 0; list-style: none; left:0 auto;}
.topline .sosyalmedya li{display: inline-block;}
.topline .sosyalmedya li a{display:block; color:#fff; padding: 5px 10px;}
.topline .sosyalmedya li a:hover{display:block; color:#404040;}
.topline li a i{font-size:20px;}

.topline .TlIletisim{display: inline-block; margin: 0; padding: 0; list-style: none; left:0 auto;}
.topline .TlIletisim li{display: inline-block;}
.topline .TlIletisim li:first-child{margin-right:10px;}
.topline .TlIletisim li a{display:block; color:#fff; padding: 5px;}
.topline .TlIletisim li a:hover{display:block; color:#404040;}

/* diller */
.diller{display: inline-block; margin: 10px; padding:0px;  position: absolute; right: 0;}
.diller li{display:inline; margin: 5px;}
.diller li a{color:#fff; border:solid transparent 1px;  border-radius:0; padding:5px 5px; font-size:13px; transition: all .50s ease;}
.diller li.active a,
.diller li:hover a{color:#fff; border:solid #404040 1px; background:#404040; border-radius:50%; transition: all .50s ease;}
 
.sayfaiciiletisim {margin-top:-20px;}
.sayfaiciiletisim a{color:#fff; display:block; padding:20px; border-radius:5px; text-align:center; font-size:20px;}
.sayfaiciiletisim .telefon a{background:#666;}
.sayfaiciiletisim .whatsapp a{background:green; }
 
/* header */
.header{background: none !important; position: relative !important; -webkit-transition: all 300ms;  box-shadow:0 2px 1px rgba(0,0,0,.1); z-index:2 !important; min-height:80px; }
.header .navbar-nav{ z-index:100 !important; }
.header .navbar-nav li{display:block; font-family: 'Rajdhani', sans-serif;}
.header .navbar-nav li > a{ margin:0 5px; border:solid transparent 1px; text-shadow:none; padding:5px 10px; font-size:18px; font-weight:bold; background:none !important; color:#666; border-radius: 20px; transition: all .50s ease; }
.header .navbar-nav li:hover > a,
.header .navbar-nav li.active:hover > a{background:#f39223 !important; color:#fff !important; border:solid transparent 1px; transition: all .50s ease;}
.header .navbar-nav li.active a{ background:none !important; color:#f39223 !important; border:solid #f39223 1px; box-shadow:none; transition: all .50s ease;}
.header .navbar-nav li.active a:focus{ background:none !important; color:#666 !important; border-bottom:none;}
.header .navbar-nav li a:focus{ background:none !important; color:#999; border-bottom:none;}
.header .navbar-nav li li a{ color:#666 !important; border-bottom:none;}
.header .navbar-nav li li a:hover{ color:#fff !important; border-bottom:none;}

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

nav{z-index:10 !important;}
table tbody tr th{background:#f39223; 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:40px auto;}

.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 0px 0; z-index:1 !important; }
.anasayfaSlide .carousel-inner .carousel-item{ height:700px; }
.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; }


.anasayfaUstBlock{ margin:50px 0; }
.anasayfaUstBlock > div{ margin-bottom:30px;  position: relative;}
.plaket{position:relative; color:#ccc; z-index:2;}
.plaket .resim{position:relative; margin:25px 0 0 10px; background:#fff; border: 15px solid transparent; border-image: url('../../images/plaketbg.jpg') 20 ; color:#ccc; text-align:center; height:420px;  font-family: 'Rajdhani', sans-serif; box-shadow:inset 2px 2px 15px rgba(0,0,0,.4);}
.plaket .resim h1{font-size:145px; font-weight:700;}
.plaket .resim h5{font-size:40px; font-weight:700;}
.plaket .resim h6{font-size:24px;  font-weight:700;}
.plaket .resim span{display:inline-block; font-size:24px; font-family: 'Satisfy', cursive; color:#f39223; transform: rotate(-20deg); margin:20px 0 0 100px;}
.plaket:before{position:absolute; top:0; left:0; z-index:-1; content:''; width: 0; height: 0; border-style: solid; border-width: 250px 250px 0 0; border-color: #f39223 transparent transparent transparent;}



.musterilerimiz{background: linear-gradient(to right, rgba(243,146,35,.8), rgba(243,146,35,.8)), #f39223 url('../../images/firmalarbg.jpg') no-repeat 50% 25%; box-shadow: inset 0 0px 10px rgba(0,0,0,.5); background-size:100% auto; color:#fff; margin:50px -15px;}

.musterilerimiz:before{content: attr(data-content); background:#fff; color:#f39223; font-size: 30px; font-family: 'Rajdhani', sans-serif; font-weight:bold; text-align:center; border-radius:30px; position:absolute; display:inline-block; left:50%; margin-left:-125px; margin-top:-20px; width:250px; padding:5px 0; box-shadow: 0 3px 3px rgba(0,0,0,.3);}
/*
.musterilerimiz .swiper-wrapper{padding:100px 0;}
.musterilerimiz .swiper-slide{background:#fff; height:200px; box-shadow: 0 3px 3px rgba(0,0,0,.1);}
.musterilerimiz .swiper-slide .imgLiquid{height:80%; width:80%;margin:20px;}
*/

.musterilerimiz .container{padding:100px 0;}
.musterilerimiz .slide{background:#fff; height:200px; box-shadow: 0 3px 3px rgba(0,0,0,.1); margin:auto 10px;}
.musterilerimiz .slide .imgLiquid{height:80%; width:80%;margin:20px;}

.portfoy > div{ margin-bottom:20px;}
.portfoy > div:before{ content:""; position:absolute; top:5px; left:20px; right:20px; bottom:5px; border: 1px solid #ccc; }
.portfoy > div:hover:before{ content:""; position:absolute; top:5px; left:20px; right:20px; bottom:5px; border: 1px solid #f39223; border-radius:5px;}
.portfoy > div:hover:before{background:rgba(0,0,0,1); background:linear-gradient(to left top, rgba(0,0,0,.03),rgba(0,0,0,0)); box-shadow:inset 3px 3px 3px rgba(0,0,0,.2); }
.portfoy .imgLiquid{background:#fff; height:200px; width:100%; box-shadow: 0 3px 3px rgba(0,0,0,.1);  transition: all .3s ease;}
.portfoy .imgLiquid img{background:#fff; height:200px; width:100%; box-shadow: 0 3px 3px rgba(0,0,0,.1);  transition: all .3s ease;}

.projeler{padding-bottom:30px;}
.projeler .row > .col-sm-6:last-child{padding:0;}
.projeler .row > .col-sm-6 a .imgLiquid{ background:#fff; height:540px; box-shadow: 0 3px 3px rgba(0,0,0,.1); z-index:0;}
.projeler .row > .col-sm-12 a .imgLiquid{color:#fff; height:255px; box-shadow: 0 3px 3px rgba(0,0,0,.1); z-index:0;}
.projeler .row > .col-sm-6:first-child,
.projeler .row > .col-sm-12 {position:relative; margin-top:30px;}
.projeler .row > .col-sm-6 a .imgLiquid:before,
.projeler .row > .col-sm-12 a .imgLiquid:before{position:absolute; content:""; background:rgba(0,0,0,1); background:linear-gradient(to top, rgba(0,0,0,.5),rgba(0,0,0,0)); top:0; bottom:0; left:15px; right:14px; z-index:2;}

.projeler .row > .col-sm-6 span,
.projeler .row > .col-sm-12 span{position:absolute; bottom:15px; left:30px;  right:30px; z-index:2; color:#fff; font-size:20px; font-family: 'Rajdhani', sans-serif; text-transform: uppercase; z-index:9; font-weight:300; }
.projeler .row > .col-sm-6 div:hover::before,
.projeler .row > .col-sm-12 div:hover::before{border: 5px solid #f39223; left:5px; top:5px; right:5px; bottom:5px;}
.projeler .row > .col-sm-6 span b,
.projeler .row > .col-sm-12 span b{position:relative; display:block; font-size:30px; font-weight:800;transition: all .3s ease;}
.projeler .row > .col-sm-6:first-child:hover .imgLiquid,
.projeler .row > .col-sm-12:hover .imgLiquid{-webkit-filter: brightness(1.2); }
.projeler .row > .col-sm-6:first-child span b:before,
.projeler .row > .col-sm-12 span b:before{position:absolute; content:""; background:rgba(0,0,0,1); background:#f39223; top:-5px; height:120%; width:0; z-index:-1;  }
.projeler .row > .col-sm-6:first-child:hover span b:before,
.projeler .row > .col-sm-12:hover span b:before{ width:100%; transition: width .3s ease-in-out; }
.projeler .row > .col-sm-6:first-child:hover span,
.projeler .row > .col-sm-12:hover span {color:#fff; }
.projeler .row > .col-sm-6:first-child:hover span b,
.projeler .row > .col-sm-12:hover span b{color:#333; transition: all .3s ease;}




.projelerModul{padding-bottom:30px;}
.projelerModul a::before{ content:""; position:absolute; top:5px; left:20px; right:20px; bottom:5px; border: 2px solid #fff; }
.projelerModul div:hover::before{border: 5px solid #f39223; left:5px; top:5px; right:5px; bottom:5px;}
.projelerModul  .imgLiquid{ display:block; background:#fff; height:270px; box-shadow: 0 3px 3px rgba(0,0,0,.1); z-index:0;}
.projelerModul > div{position:relative; margin-top:30px;}
.projelerModul  .imgLiquid:before{position:absolute; content:""; background:rgba(0,0,0,1); background:linear-gradient(to top, rgba(0,0,0,.5),rgba(0,0,0,0)); top:0; bottom:0; left:15px; right:14px; z-index:2;}

.projelerModul > div span{position:absolute; bottom:15px; left:30px;  right:30px; z-index:2; color:#fff; font-size:20px; font-family: 'Rajdhani', sans-serif; text-transform: uppercase; z-index:9; font-weight:300; }
.projelerModul > div span b{position:relative; display:block; font-size:30px; font-weight:800; transition: all .3s ease;}
.projelerModul > div:hover .imgLiquid{-webkit-filter: brightness(1.2); }
.projelerModul > div span b:before{position:absolute; content:""; background:rgba(0,0,0,1); background:#f39223; top:-5px; height:120%; width:0; z-index:-1;  }
.projelerModul > div:hover span b:before{ width:100%; transition: width .3s ease-in-out; }
.projelerModul > div:hover span{color:#fff; }
.projelerModul > div:hover span b{color:#333; transition: all .3s ease;}


/* uygulamalar */
.uygulamalarModul{padding-bottom:30px;}
.uygulamalarModul a::before{ content:""; position:absolute; top:5px; left:20px; right:20px; bottom:5px; border: 2px solid #fff; }
.uygulamalarModul div:hover::before{border: 5px solid #f39223; left:5px; top:5px; right:5px; bottom:5px;}
.uygulamalarModul  .imgLiquid{ display:block; background:#fff; height:270px; box-shadow: 0 3px 3px rgba(0,0,0,.1); z-index:0;}
.uygulamalarModul > div{position:relative; margin-top:30px;}
.uygulamalarModul  .imgLiquid:before{position:absolute; content:""; background:rgba(0,0,0,1); background:linear-gradient(to top, rgba(0,0,0,.5),rgba(0,0,0,0)); top:0; bottom:0; left:15px; right:14px; z-index:2;}

.uygulamalarModul > div span{position:absolute; bottom:15px; left:30px; right:30px; z-index:2; color:#fff; font-size:20px; font-family: 'Rajdhani', sans-serif; text-transform: uppercase; z-index:9; font-weight:300; }
.uygulamalarModul > div span b{position:relative; display:block; font-size:30px; font-weight:800;transition: all .3s ease;}
.uygulamalarModul > div:hover .imgLiquid{-webkit-filter: brightness(1.2); }
.uygulamalarModul > div span b:before{position:absolute; content:""; background:rgba(0,0,0,1); background:#f39223; top:-5px; height:120%; width:0; z-index:-1;  }
.uygulamalarModul > div:hover span b:before{ width:100%; transition: width .3s ease-in-out; }
.uygulamalarModul > div:hover span{color:#fff; }
.uygulamalarModul > div:hover span b{color:#333; transition: all .3s ease;}



/* 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:#404040; 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:#404040; 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;}


.urunlistesi div{margin-bottom:0px; padding:0 5px 5px ;}
.urunlistesi a {position:relative; display:block; text-decoration:none;  }
.urunlistesi a:hover { -webkit-filter: brightness(1.6); filter: grayscale(50%); -webkit-filter: blur(1.3px); -webkit-filter: drop-shadow(6px 6px 10px gray);  border-radius:5px;  }
.urunlistesi a .resimler{width:100%; height:250px; position:relative; transition: all .3s linear; overflow:hidden;}
.urunlistesi a:hover .resimler{  transition: all .3s linear;}
.urunlistesi a .resimler .overlay{position:absolute; top:0px; left:0px; right:0px; bottom:0px; background:rgba(38,52,63,0.6); color:#fff; padding:10px; font-size:20px;  transition: all .3s ease; }
.urunlistesi a:hover .resimler .overlay{position:absolute; top:0px; left:0px; right:0px; bottom:0px; background:rgba(177,127,74,0.6); color:#fff; padding:10px; font-size:20px;  transition: all .3s ease; }
.urunlistesi a:hover .resimler .overlay .gi{color:#fff;}



.soltarafkategoriler{background:#fff; padding:10px 0; margin:0px 0 20px 0; border-radius:5px;}
.soltarafkategoriler ul{margin:0; padding:0; list-style:none;}
.soltarafkategoriler li{position:relative; display:block; }
.soltarafkategoriler li:last-child{border-bottom:none;}
.soltarafkategoriler li a{position:relative; display:block; padding:10px !important; color:#f39223; text-decoration:none; border-bottom:solid #eee 1px; border-left:solid #333333 3px;}
.soltarafkategoriler li a:hover{background:#f39223; color:#fff; text-decoration:none;}
.soltarafkategoriler li a.current{background:#333333; color:#fff; text-decoration:none;}
.soltarafkategoriler li .submenu{display:none; }
.soltarafkategoriler li .submenu a{position:relative; display:block; background:#ddd; color:#666; padding-left:25px !important; text-decoration:none; }
.soltarafkategoriler li li .submenu a{position:relative; display:block; background:#ccc; color:#666; padding-left:40px !important; text-decoration:none; }
.soltarafkategoriler li .submenu a:hover{background:#666; color:#fff; text-decoration:none;}




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



/* sitegaleri */


.projeGaleri{padding:0 10px;}
.projeGaleri > div{padding: 3px; overflow: hidden; }
.projeGaleri > div a{display:none; position:absolute; text-align: center; left:3px; top:3px; right:3px; bottom:3px; z-index:1; background:rgba(0,0,0,0.6);}
.projeGaleri > div:hover a{display:block;}
.projeGaleri > div a i{color:#fff; font-size: 40px; line-height:200px;}
.projeGaleri .resim{height: 200px; border-radius: 3px; box-shadow: 0 1px 2px rgba(0,0,0,.2);}

.fotorama{background:#fff; border:solid #eee 1px; margin-bottom:10px; }
.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 { color: #f39223;font-size: 30px; font-family: 'Rajdhani', sans-serif; text-transform: uppercase; font-weight:800; display: block; position: relative; margin-bottom:20px;}
.baslik:after {content: attr(data-content); color: #ededed; font-size:40px; position: absolute; left: 0px; top: 10px; z-index:-1;}
.baslik:before { content: ""; width: 40px; height: 1px;  background: #f39223;  position: absolute; left: -50px; top: 15px; }
.metin{padding-left:50px;}





/* geri */
.geriAR{position:absolute; top:3px; left:0px; width:17px; height:15px;  }
.geri{position:absolute; top:3px; right:0px; width:17px; height:15px;z-index:5;}
.geriAR:hover{position:absolute; top:3px; left:0px; width:17px; height:15px; }
.geri:hover{position:absolute; top:3px; right:0px; width:17px; height:15px; }
.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;}


/* ekibimiz */
.ekibimiz > div{margin-bottom:40px; padding:5px;}
.ekibimiz > div .overlay{position:absolute;  left:25px; right:25px; bottom:10px; background:rgba(38,52,63,0.6); color:#fff; font-size:20px; font-weight:bold; text-align:center;   transition: all .3s ease; line-height:24px; padding:5px;}
.ekibimiz > div .overlay small{color:#fff; font-size:16px; font-weight:normal;}
.ekibimiz > div:hover .overlay small{color:#404040; font-size:16px; font-weight:normal;}
.ekibimiz > div:hover .overlay{position:absolute; left:10px; right:10px; bottom:10px; background:rgba(255,255,255,0.9); color:#404040; font-size:20px; font-weight:bold; text-align:center; transition: all .3s ease; border-radius:5px; z-index:2;}
.ekibimiz > div  .resimler{width:100%; height:250px;-webkit-filter: grayscale(40%); border-radius:2px; }
.ekibimiz > div:hover .resimler{ -webkit-filter: drop-shadow(6px 6px 10px gray);-webkit-filter: brightness(1.1);  border-radius:10px;}








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



/* galeriBtns */
.galeriBtns{}
.list-group-item .col-md-2{line-height:40px;}
.galeriBtns .list-group-item,
.galeriBtns .list-group-item h4,
.galeriBtns .list-group-item p
{background:#ba99bb; color:#fff; border:none;}
.galeriBtns .list-group-item.active,
.galeriBtns .list-group-item.active h4,
.galeriBtns .list-group-item.active p
{background:#343434; border:none;}
.galeriBtns .list-group-item:hover,
.galeriBtns .list-group-item:hover h4,
.galeriBtns .list-group-item:hover p
{background:#fff; color:#343434 !important; border:none;}
.galeriBtns .list-group-item:hover.active,
.galeriBtns .list-group-item:hover.active h4,
.galeriBtns .list-group-item:hover.active p{background:#fff; color:#343434; border:none;}




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


/* SOSYAL ICON
.sosyalmedya{position:relative; margin-top:20px;}
.icon {position:relative; display:inline-block; margin-right:3px;}
.icon i{position:relative; display:inline-block; color:#98a7af; font-size:20px;}
.icon:hover i{color:#fff;}
.icon:hover { bottom:0px;}*/


./*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) {
}
@media (max-width: 1440px) {
	
}
@media (max-width: 1200px) {
	.anasayfaSlide .carousel-inner .carousel-item{ height:500px; -webkit-animation: mymove 8s infinite;  animation: mymove 8s infinite; background-attachment:cover; background-size: auto  100% !important;}

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



}

@media (max-width: 990px) {

    .navbar-header {  float: none;  padding:0 0px; width:100%;}
	.tooglemenu{font-size:24px; font-weight:bold; cursor:pointer;}
	.tooglemenu:hover{font-size:24px; font-weight:bold; color:#f39223 !important; cursor:pointer;}
	
	
    .navbar-toggle .icon-bar{ background:#404040 !important;}
    .navbar-toggle {top:15px; display: block; background:transparent !important; border-color:#f39223 !important; z-index:1 !important;}
    .navbar-toggle:hover { background:#404040 !important; border-color:#404040 !important;}
    .navbar-toggle:hover .icon-bar{ background:#f39223 !important;}
    .navbar-collapse {border-top: 0px solid transparent; background:#404040; margin-top:20px; margin-left:-40px; margin-right:-40px; padding-left: 40px; padding-right: 40px; }
    
    .header .navbar-nav {margin:15px 0 !important;  float: none !important; }
    .header .navbar-nav li:last-child{border:none; }
    .header .navbar-nav li { float: none; border-bottom:solid rgba(255,255,255,.2) 1px; padding: 2px;  transition: all .50s ease;}
    .header .navbar-nav li a { padding-top: 5px; padding-bottom: 5px; color:#fff !important; border:none !important;}
    .header .navbar-nav li.active a{ color:#f39223 !important;}
    .header .navbar-nav li:hover { background: none !important;  transition: all .50s ease;}
    .header .navbar-nav li:hover a,
    .header .navbar-nav li.active:hover a{ color:#fff !important;}
	
	.dropdown-menu{position:relative !important; float:none !important; box-shadow:none; border:none; margin:5px 10px !important; z-index:5;}

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

	body{ margin: 0 0 30px; }

	.kategoriList > div > div{margin-bottom:40px;}
	.musterilerimiz .slide{margin:0px 10px; }
}



@media (max-width: 767px){
	.container>.navbar-header { margin-right: 0; margin-left: 0;  }
	.navbar-toggle{margin-right:0px !important; z-index:1 !important;}
	.nav-tabs{padding:0; margin:0;}
	
	.anasayfaSlide .carousel-inner .carousel-item{ height:350px; -webkit-animation: mymove 8s infinite;  animation: mymove 8s infinite; background-attachment:cover; background-size: auto  100% !important;}

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

	.diller{display: inline-block; margin: 9px;}
	
	.projeler .row > .col-sm-6 > .imgLiquid,
	.uygulamalar .row > .col-sm-6 > .imgLiquid
	{ background:#fff; height:255px; box-shadow: 0 3px 3px rgba(0,0,0,.1); z-index:0;}

	.musterilerimiz{background: linear-gradient(to right, rgba(243,146,35,.8), rgba(243,146,35,.8)), #f39223 url('../../images/firmalarbg.jpg') no-repeat 50% 25%; box-shadow: inset 0 0px 10px rgba(0,0,0,.5); background-size:auto 100% ; color:#fff; margin:50px -15px;}
	
	body{ margin: 0 0 50px; }

	.musterilerimiz .container{padding:50px 0 20px 0;}
	.musterilerimiz .slide{margin:0px 10px; }
	.musterilerimiz .slide .imgLiquid{height:80%; width:80%; margin:20px;}
}


@media (max-width: 425px){
	
	.baslik{font-size:25px;}
	.baslik:after{font-size:30px;}
	
	
	
	.carousel-caption{left:0; margin-left:0;}
	
	.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:40px; font-weight:bold; text-align:center; line-height:175px;  transition: all .3s ease;}
	.kategoriList > div > div:hover .overlay{position:absolute; top:35px; left:50px; right:50px; bottom:35px; background:rgba(255,255,255,0.8); color:#404040; font-size:40px; font-weight:bold; text-align:center; line-height:125px; transition: all .50s ease; border-radius:10px; z-index:2;}
	.kategoriList > div > div .resimler{width:100%; height:200px;}
	
	.kategoriList > div > div:last-child{margin-bottom:0px;}
	.anasayfaOrtaUst > div > div:last-child{margin-bottom:30px;}
	
	body{ margin: 0 0 80px; }
	
}

@media (max-width: 375px){
	
	
	.baslik{font-size:24px;}
	.baslik:after{font-size:28px;}
	.musterilerimiz .slide{margin:0px 30px; }
	
}