@import url('https://fonts.googleapis.com/css2?family=Piazzolla:wght@300;400;500;600&display=swap');
body{padding:0px;margin:0px;list-style:none;font: 200 11px Piazzolla,sans-serif;background: #fff;overflow:auto;}
img{border:0px;}
a{ text-decoration:none;}
*{outline:none;}
.t{ clear:both;}
.si {font: 400 13px Piazzolla,sans-serif!important;}
.trans, .trans a, .trans li, .trans div, .trans strong, .trans span, .trans button, .trans h1, .trans h2, .trans h3, .trans h4, .trans i, .trans p, .trans a:after, .trans img, .trans input{transition: all 400ms; -moz-transition: all 400ms; -webkit-transition: all 400ms; -o-transition: all 400ms; }
.toggle-menu{display:none; }
.b10{ -webkit-border-radius: 10px ; -moz-border-radius: 10px; border-radius: 10px; }
.b5{ -webkit-border-radius: 5px ; -moz-border-radius: 5px; border-radius: 5px; }
.b3{ -webkit-border-radius: 3px ; -moz-border-radius: 3px; border-radius: 3px; }
.bu5{ -webkit-border-radius: 5px 5px 0 0 ; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; }
.bs5{ -webkit-border-radius: 5px 0 0 5px ; -moz-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px ; }
.bsA5{ -webkit-border-radius: 0 5px 5px 0; -moz-border-radius:0 5px 5px 0; border-radius:  0 5px 5px 0  ; }
.bu3{ -webkit-border-radius: 3px 3px 0 0 ; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; }
.ba5{ -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; }
.bu10{ -webkit-border-radius: 10px 10px 0 0 ; -moz-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; }
hr{ border:0; height:1px; background:#d9d9d9; }

.site{ width:1500px; margin:0 auto; position:relative;}
.site_urun{ width:100%; margin:0 auto; position:relative;}
.yapiskan{
  position: fixed;
  left:0;
  top: 0px;
  width:100%;
  transition: top .5s;
}
.gizle {
  height: 117px;
  background-color: #ffffff!important;
}
.gizle .top-header { display: none; }
.gizle .logoBar img{
	width: 250px;
	margin-top:4px;
}
.gizle .menu > ul > li a{
	font-size: 14px;
	color: #575757;
	padding: 10px 106px;
}
.gizle .menu > ul > li a:hover{
	color:#575757;
}
 
.sabit {
  top:0;
  z-index: 9999;
}

.ustAlan{background: #fff;position: fixed; width: 100%;left:0;right: 0;z-index: 99999;box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;}
.ustAlan .site {padding:0 0px; }
.ustAlan.sayfaUstAlan{ border-bottom:1px solid #000000;}
.ustAlan .logoBar{/* display:inline-block; *//* margin-left:0; */margin: 0 auto;padding: 0;position: relative;width: 100%;text-align: center;border-bottom: 1px solid #575757;}
.ustAlan .logoBar a{display:inline-block;padding:0px 15px;color:#fff;}
.ustAlan .logoBar a h1{ font-family:Piazzolla; font-size:26px; font-weight:300; letter-spacing:-.3px; margin:0; padding:5px 0; }
.ustAlan .menuBar{display:inline-block;vertical-align:bottom;padding: 4px 0;padding-bottom:4px;background: #ffffff;width: 100%;box-shadow: 0 0 1rem rgb(0 0 0 / 15%) !important;}
.ustAlan .menuBar ul{padding:0px;margin:0px 0px;list-style:none;position:relative;box-shadow: 0 0 1rem rgb(0 0 0 / 15%) !important;}
.ustAlan .menuBar ul li{ display:block; margin-left:-3px; float:left; }
.ustAlan .menuBar ul li a{display:block;padding: 10px 29px;text-align:center;font: 400 14px Piazzolla,sans-serif;color: #575757;letter-spacing: -.4px;}
.ustAlan .menuBar ul li a.aktif{color: #575757;}
.ustAlan .menuBar ul li.anasayfa a i{ line-height:22px;}
.ustAlan .menuBar ul:first-child li:first-child{ position:relative; }
.ustAlan .menuBar ul:first-child li:first-child a{ display:block;}
/*.ustAlan .menuBar ul li a i{ display:inline-block; vertical-align:central; font-size:22px; margin-top:-2px;}*/
.ustAlan .menuBar ul li:hover { text-decoration:underline; color:#000; }
.ustAlan .menuBar ul li:hover a{ color:#000;}
.ustAlan .menuBar ul li ul{position:absolute;background: #fff;color:#fff;display:none;z-index: 9999;min-width:200px;box-shadow: 0 0 1rem rgb(0 0 0 / 15%) !important;}
.ustAlan .menuBar ul li:hover > ul{ display:block; }
.ustAlan .top-header{ background: #f7f7f7; padding: 0.8rem 0;}
.ustAlan .social-header{display: inline-block;width: 50%;}
.ustAlan .social-header a{ text-decoration: underline; color: #575757; padding: 0 0.6rem;}
.ustAlan .social-header a:hover{ color: #000; }
.header-bar{
    background: #424242;
    display: grid;
    width: 100%;
    padding: 10px 0;
    margin: 0;
    /* margin-top: 12px; */
}
.header-bar ul{
    display: block;
}
.header-bar ul li{
    list-style: none;
    /* display: block; */
    float: left;
    color: #fff;
    padding: 0 10rem;
    font: 500 14px Piazzolla,sans-serif;
    border-right: 1px solid;
    margin-top: -8px;
}
.ustAlan .menuBar ul li.anasayfa{ display:block; }
.ustAlan .menuBar ul li.mobilsayfa{ display:none; }

.ustAlan .menuBar ul li ul li{ display:block; float:none; text-align:left; margin-left:0px; position:relative; }
.ustAlan .menuBar ul li ul li a{ color:#111; display:block; text-align:left; font:400 14px Piazzolla,sans-serif; letter-spacing:0;}
.ustAlan .menuBar ul li ul li:hover { background:#eee;}
.ustAlan .menuBar ul li ul li:hover a{ color:#000000;}

.ustAlan .menuBar ul li ul li ul{position:absolute;background: #fff;color:#000;z-index:999;display:none;box-shadow: 0 0 1rem rgb(0 0 0 / 15%) !important;}
.ustAlan .menuBar ul li ul li ul{top:0; left:100%; }
.ustAlan .menuBar ul li ul li ul li:after{ width: 0;top:0;height: 0;border-style: solid;border-width: 8px 0 8px 8px;position:absolute; top:30%;border-color: transparent transparent transparent #eee; content:''; display:none;}
.ustAlan .menuBar ul li ul li:hover > ul{ display:block; }
.ustAlan .menuBar ul ul li:hover:after{ border-color: transparent transparent transparent #000000; display:block; }
.ustAlan .menuBar ul li ul li ul li:hover{ background:#eee; }
.ustAlan .menuBar ul li ul li ul li a{ color:#000 !important;}
.ustAlan .menuBar ul li ul li ul li:hover a{ color:#000000 !important;}
.ustAlan .menuBar ul li ul li ul li:hover ul li a{ color:#fff !important;}
.ustAlan .menuBar ul li ul li ul li ul li:hover a{ color:#000000 !important;}

.ustAlan .sloganBar{position:absolute;top: 14px;font:30px Piazzolla,sans-serif;color: #656565;left: 22rem;}

.ustAlan .dilBar{position: relative;float: right;display: inline-block;padding: 0 10px;}
.ustAlan .dilBar img{ vertical-align:middle; }
.ustAlan .dilBar strong{vertical-align:middle;margin-left:6px;font-size: 14px;color:#222;}
.ustAlan .dilBar-list{ width:150px; display:inline-block; vertical-align:middle;}
.ustAlan .dilBar-list+i{ vertical-align:middle; font-size:16px;}
.ustAlan .dilbar-list-dil{ position:absolute;display:none; background:#fff; padding:0px;  border:1px solid #ececec; width:188px; margin-left:-10px;  margin-top:10px; z-index:999}
.ustAlan .dilbar-list-dil a{ display:block; padding:6px 10px; font:15px Piazzolla,sans-serif; }
.ustAlan .dilbar-list-dil a:hover{ background:#000000; color:#ffffff !important}
.ustAlan .dilbar-list-dil a:hover strong{ color:#fff;}

.ustAlan .araBar {display: inline-block;}
.ustAlan .araBar span.araBar-icon{display:inline-block;color:#666;font-size: 12px;cursor:pointer;}
.ustAlan .araBar span.araBar-icon:hover{ background:#efefef; color:#000; }
.ustAlan .araBar span.araBar-icon.aktif{ background:#efefef; color:#000}

.ustAlan .araBar .araBar-open{/* display:inline-block; *//* vertical-align:middle; *//* margin-left:-3px; *//* background:#f3f4f4; *//* color:#fff; *//* cursor:pointer; */}
.ustAlan .araBar .araBar-open {display:none;/* background:#fff; */position:absolute;/* margin-top:.4px; *//* background: #efefef; */padding:10px 20px;z-index:998;top: -18px;margin-left: 10px;}
.ustAlan .araBar .araBar-open input{background:#fff;border: 1px solid #636363;font:12px Piazzolla, sans-serif;padding:10px 15px;width:200px;}
.ustAlan .araBar .araBar-open button{background:none;border:0;position:absolute;right:21px;top:0;margin-top:11px;padding:8.2px 10px;color: #000;cursor:pointer;font:600 12px Source Sans Pro,sans-serif;line-height:1.36em;background: #efefef;}

.menu{width: 100%;margin: 0 auto;float: right;}
.mansetAlan{margin-top: 7rem;}
.mansetAlan .site{ position:relative; }
.mansetAlan img{ max-width:100%; height:auto;}
.mansetAlan ul{ padding:0px; margin:0px; list-style:none; }
.mansetAlan ul li { }
.mansetAlan ul li .mansetBilgi {position:absolute;top: 60%;left:0;background: rgb(0 0 0 / 51%);padding:15px;}
.mansetAlan ul li .mansetBilgi strong{font: 200 2.5rem Piazzolla;color: #ffffff;letter-spacing:-.3px;padding: 0 10px 0 10rem;text-align: center;}
.mansetAlan ul li .mansetBilgi p{font: 2rem Piazzolla;color:#555;}
.mansetAlan .bx-wrapper .bx-viewport{ left:0; padding:0; border:0; box-shadow:0 0 0 }
.mansetAlan .bx-wrapper .bx-next {right: 10px;background: url(images/mansetSliderSag.png) no-repeat;background-size:100% 100%;width: 34px;height: 86px;right:0;}
.mansetAlan .bx-wrapper .bx-next:hover{ opacity:0.8;background-position:0 0 !important;transition: all 400ms; -moz-transition: all 400ms; -webkit-transition: all 400ms; -o-transition: all 400ms;}
.mansetAlan .bx-wrapper .bx-prev {right: 10px;background: url(images/mansetSliderSol.png) no-repeat;background-size:100% 100%;width: 34px;height: 86px;left:0;}
.mansetAlan .bx-wrapper .bx-prev:hover{ opacity:.8; background-position:0 0 !important;transition: all 400ms; -moz-transition: all 400ms; -webkit-transition: all 400ms; -o-transition: all 400ms;}
.mansetAlan .bx-wrapper .bx-controls-direction a{margin-top: -58px;}

.bx-controls{ display:none !important;}

.fuar_duyuru	{ right:15px; top:15px;  position:absolute; z-index:99; }
.fuar_duyuru .bx-wrapper .bx-viewport{ background:none; }
.fuar_duyuru a.kapat{ background:#efefef; width:30px;border-radius:200px; margin-left:-6px; margin-top:-6px; color:#222; padding:0px; position:absolute; right:0; top:0; text-align:center;  line-height:30px; height:30px; margin-right:85px;border: 3px solid #e4e4e4;box-shadow: 1px 2px 2px rgba(0,0,0,.6); cursor:pointer; z-index:99 }
.fuar_duyuru a.kapat:hover{ background-color:#222; color:#fff }
.fuar_duyuru a.kapat i{ font-size:14px; line-height:30px;}
.fuar_duyuru_ic { width:300px; height:300px; border-radius:400px; overflow:hidden; background:#efefef; border: 10px solid #e4e4e4;box-shadow: 1px 2px 2px rgba(0,0,0,.6);}
.fuar_duyuru_ic ul{overflow:hidden; width:300px; height:300px; border-radius:400px;}
.fuar_duyuru_ic img{ width:100%; height:300px}
.fuar_buton { position:absolute; top:80%; left:40px; width:100%}
.fuar_buton a.fuar_sol, .fuar_buton a.fuar_sag{ margin-top:5px;  background:#efefef; font-size:15px; width:30px;border-radius:200px; color:#222;padding:0px; text-align:center; position:absolute; left:0; top:0; text-align:center;  line-height:30px; height:30px;border: 3px solid #e4e4e4;box-shadow: 1px 2px 2px rgba(0,0,0,.6); cursor:pointer;  }
.fuar_buton a i{  line-height:30px; font-size:25px; }
.fuar_buton a.fuar_sag{ margin-top:25px; margin-left:40px;}
.fuar_duyuru .bx-controls{ display:none;}

.duyuruKayan{margin:0px;margin-bottom:10px;background: #f9f9f9;/* width: 100%; */list-style-type: none;overflow: hidden;}
.duyuruKayan span{}
.duyuruKayan ul {padding:0px;margin:0px;/* list-style:none; */display: flex;flex-wrap: wrap;justify-content: stretch;width: calc(100% + 0.4rem);position: relative;/* top: -0.4rem; */}
.duyuruKayan ul li a:hover{background-color:#000!important; color: #fff; transition:transform .5s}
.duyuruKayan ul li .duyuruResim{display:inline-block;background:#fff;overflow: hidden;width: 99%;}
.duyuruKayan ul li .duyuruResim img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    vertical-align: middle;
    transition: transform .5s;
} 
.duyuruKayan ul li {display:inline-block;background: #f9f9f9;padding: 0 1px;overflow: hidden;}
.duyuruKayan ul li a{
    background-color: #f9f9f9;
    text-decoration: none;
    color: #000000;
    display: block;
    transition: color .3s,background-color .3s;
    border-top: #000000 solid 0.2rem;
    padding-bottom: 0.6rem;
}
.duyuruKayan ul li a:hover strong{ text-decoration:underline; }
.duyuruKayan ul li .duyuruBilgi{width: 100%;display: block;vertical-align:top;color: #575757;}
.duyuruKayan ul li .duyuruBilgi strong{font-size:17px;padding: 6px 4px;display:block;letter-spacing:-.5px;color: #0d3b5a;font-weight: 500;}
.duyuruKayan ul li .duyuruBilgi p{font:12px/1.2 Piazzolla, sans-serif;color: #000;padding:0px 0px;margin:2px 0px;}
.aw-zoom { position: relative; -webkit-transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); transition: all .3s ease-in; -moz-transition: all .3s ease-in; -webkit-transition: all .3s ease-in; -ms-transition: all .3s ease-in; }
.aw-zoom:hover { z-index:2; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1); }
.icons-home{background: #000000!important;display: block;float: left;margin-top: -5px;}
.alan-bilgi{padding: 0 6px;width: calc(88% - 40px);margin-top: -8px;}
.alan-bilgi h3{font: 400 1.6rem Piazzolla;}
.alan-resim{display:block;overflow: hidden;}
.kullanimAlani{padding: 0;}
.anasayfaBaslik{font: 500 20px Piazzolla;color: #000000;text-align:center;text-transform:uppercase;letter-spacing: -0.6px;}
.anasayfaBaslik h2{font-weight: 300;}

.kullanimAlani .kullanimPen{ padding:0px; margin:0px; list-style:none; }
.kullanimAlani .kullanimPen li{ position:relative; width:99.7%; overflow:hidden; background:#000 }
.kullanimAlani img{ background:#000; }
.kullanimAlani .kullanimPen li.alan1,.kullanimAlani .kullanimPen li.alan2{ max-width:49.85%; display:inline-block; vertical-align:top; height:373px; overflow:hidden }
.kullanimAlani .kullanimPen li.alan2{ margin-left:-3px;}
.kullanimAlani .kullanimPen .alan-bilgi{position:absolute;bottom: 4rem;background:rgba(0,0,0,.6);padding:6px 20px;width: calc(36% - 40px);}
.kullanimAlani .kullanimPen a{ color:#fff; font:300 16px Piazzolla,sans-serif; }
.kullanimAlani .kullanimPen a h3{ font-weight:400; padding:10px 0; margin:0; letter-spacing:-.4px }




.haberKayan{margin:0px;margin-bottom:10px;background: #f9f9f9;/* width: 100%; */list-style-type: none;overflow: hidden;}
.haberKayan span{}
.haberKayan ul {padding:0px;margin:0px;/* list-style:none; */display: flex;flex-wrap: wrap;justify-content: stretch;width: calc(100% + 0.4rem);position: relative;top: -0.4rem;}
.haberKayan ul li .haberResim{display:inline-block;background: #f9f9f9;overflow: hidden;}
.haberKayan ul li .haberResim img{
    width: 100%;
    vertical-align: middle;
} 
.haberKayan ul li {display:inline-block;background: #f9f9f9;width: 26%;padding-right: 7rem;}
.haberKayan ul li a{
    background-color: #f9f9f9;
    text-decoration: none;
    color: #1f4268;
    display: block;
    transition: color .3s,background-color .3s;
}
.haberKayan ul li a:hover strong{ text-decoration:underline; }
.haberKayan ul li .haberBilgi{width: 100%;display: block;vertical-align:top;color: #575757;}
.haberKayan ul li .haberBilgi strong{font-size:17px;padding: 6px 4px;display:block;letter-spacing:-.5px;color: #0d3b5a;font-weight: 500;}
.haberKayan ul li .haberBilgi p{font: 300 12px/1.2 Piazzolla;color: #707070;padding:0px 0px;margin:2px 0px;}

.haberKayan2 {
    margin: 0px;
    margin-bottom: 10px;
    background: #f9f9f9;
    list-style-type: none;
    overflow: hidden;
}
.read-more{text-align: center;width: 100%;padding-top: 2rem;}
.read-more a{
    background: #358cc6;
    color: #fff;
    font: 400 14px Piazzolla;
    padding: 1.1rem 3.8rem;
    display: inline-block;
    }
.read-more a:hover{
    background: #1f4268;
}


.anasayfaYazi{
    margin-bottom: auto;
    min-height: 350px;
}
.anasayfaYazi-icerik{font: 300 13px Piazzolla,sans-serif;line-height: 1.9;/* padding: 0 40px; *//* padding-bottom:30px; */color: #a5a5a5;}
.anasayfaYazi-icerik p{}
.homeimage{display: inline-block;width: 50%;float: left;margin-right: 20px;}
.anasayfaYazi-icerik img{ }

.sayfaBar{min-height: 200px;margin-top: 12rem;}
.sayfaBar .sayfaBarResim{ height:130px;  overflow:hidden;}
.sayfaBar .penAyir{ background:#000000 url(http://www.gainesvilleconnect.com/images/footer-patterns/footer-pattern-03.png); height:130px; border-bottom:2px inset #EE1A30; }
.sayfaBar .sayfaBarDetay{ padding:10px 20px; position:relative }
.sayfaBar .sayfaBarDetay h1{font:300 36px Piazzolla,sans-serif;color:#555;border-bottom:1px solid #e8e8e8;display:block;padding:10px 0px;margin:0;margin-bottom:20px;padding-right:100px;margin-top: 1rem;}
.sayfaBar .sayfaBarDetay .sayfaBarDetay-ic{ }

.sayfaBar .sayfaSolBar{ float:left; width:280px; background:#f2f2f2; margin-bottom:20px;}
.sayfaBar .sayfaSolBar a{ display:block; font:300 16px Piazzolla,sans-serif; color:#666; padding: 17px 0 18px; text-transform:uppercase; border-bottom: 1px solid #e8e8e8; padding-left:20px;}
.sayfaBar .sayfaSolBar a:hover, .sayfaBar .sayfaSolBar a.aktif{ background:#000000; color:#fff; border-bottom: 1px solid #000000; }
.sayfaBar .sayfaSolBar ul{ padding:0; margin:0; list-style:none;}
.sayfaBar .sayfaSolBar ul li a{ padding-left:0px; letter-spacing:-.3px}
.sayfaBar .sayfaSolBar ul li ul{ display:none;}

.sayfaBar .sayfaSagBar{ float:right; width: 79%;}
.sayfaBar .sayfaSagBar .sayfaBarDetay-ic{ font:17px Piazzolla,sans-serif; color:#555; line-height:1.8; }

.sayfaResimler{}
.sayfaResimler ul{ padding:0px; margin:0; list-style:none;}
.sayfaResimler ul li {display:block;margin:0;float:left;width: 250px;max-height:222px;overflow:hidden;text-align:center;border-right:1px solid #ccc;border-bottom:1px solid #ccc;padding:10px 5px;background:#fff;}
.sayfaResimler ul li:hover{ background:#eee; }
.sayfaResimler ul li:nth-child(4n){ border-right:0;}
.sayfaResimler ul li:last-child{ border-right:0;}
.sayfaResimler ul li a{color:#222; font:14px Piazzolla,Piazzolla,sans-serif;}
.sayfaResimler ul li strong{ display:block; height:35px;}
.sayfaResimler ul li img{max-width:100%;width:auto;}

	
.makinaResimler{}
.makinaResimler ul{ padding:0px; margin:0; list-style:none;}
.makinaResimler ul li { display:block; margin:10px 0px; float:left; width:236px; max-height:220px; overflow:hidden; text-align:center; padding:10px 5px; background:#fff}
.makinaResimler ul li:hover img{ opacity:.6; }
.makinaResimler ul li a{color:#222; font:200 14px Piazzolla,Piazzolla,sans-serif;}
.makinaResimler ul li strong{ display:block; height:35px;}
.makinaResimler ul li img{ max-width:100%; /*! height:220px; */ width:auto;}


.urunBar {height:100%;background:#e5e5e5;position:relative;}
.urunBar hr{ height:1px; background:#cbcbcb; border:0; margin:10px 0px; }
.urunBar .urunSayfaBaslik{padding: 10px 50px;background:#fff;-webkit-box-shadow: 0 1px 2px #ccc;box-shadow: 0 1px 2px #ccc;}
.urunBar .urunSayfaBaslik h2{padding:0px;margin:0px;list-style:none;font: 700 30px Piazzolla,sans-serif;color:#333;}
.urunBar .urunSayfaBaslik h3#aranan{ padding:10px 15px; margin:0px; list-style:none; font:18px Piazzolla,sans-serif; color:#888; }
.urunBar .urunSayfaBaslik p{font: 700 15px Piazzolla,sans-serif;color:#777;padding: 2px 0px;margin:0;}
.urunBar .urunBarDetayAlan{-moz-box-sizing: border-box; position:relative;-webkit-box-sizing: border-box;box-sizing: border-box; max-width:1900px; margin:0px auto; padding-left:400px;}
.urunBar .urunBarResim{ height:73px;  overflow:hidden;}

.urunBar .urunSolBar{background:#fff;width:349px;position: absolute;top: 16px;left:30px;min-height: 300px;border-right:1px solid #dbdbdb;z-index:999;padding-top: 20px;}
.urunBar .urunSolBar a{display:block;font:300 18px Piazzolla,sans-serif;color:#666;padding: 5px 0;border-top:1px solid #ededed;border-right:2px solid transparent;border-left:0px;padding-left:20px;letter-spacing:-.4px;}
.urunBar .urunSolBar a:hover, .urunBar .urunSolBar a.aktif{ border-right-color: #000000; color:#000000 }
.urunBar .urunSolBar ul{ padding:0; margin:0; list-style:none;}
.urunBar .urunSolBar ul li ul{ display:block; margin:10px 10px;}
.urunBar .urunSolBar ul li ul li a{font: 400 14px Piazzolla,sans-serif;text-transform:uppercase;position:relative;}
.urunBar .urunSolBar ul li ul li ul li a { font: 400 12px Piazzolla,sans-serif; text-transform: lowercase; position: relative; }
.urunBar .urunSolBar ul li{ position:relative; }
.urunBar .urunSolBar ul li i{ position:absolute; right:20px; top:25px;}
.urunBar .urunSolBar ul li ul li a.aktif{border-right:0;border-bottom:1px solid #ddd;font-weight: 600;}
.urunBar .urunSagBar{width:calc(100%);position:relative; min-height:1100px}
.urunBar .urunSagBar .urunBarDetay-ic{ font:17px Piazzolla,sans-serif; color:#555; line-height:1.8; }
.urunBarDetay-ic {  position: relative; top: 16px; }

.urunBar .urunSolBar .urunBarArama{ padding:10px 20px; position:relative; background:#ececec}
.urunBar .urunSolBar .urunBarArama input{ padding:12px 12px; border:1px solid #ddd; font:16px Piazzolla,sans-serif; color:#444; width:calc(100% - 24px); }
.urunBar .urunSolBar .urunBarArama button{ padding:12px 12px; background:none; border:0; position:absolute; color:#777; right:40px; top:13px;}

.urunBar #urun-oz-bas{ font:600 15px Piazzolla,Piazzolla,sans-serif; margin:10px 0px; display:block; letter-spacing:-.1px }
.urunBar #urun-detay-oz{ padding:0px; margin:10px 0; list-style:none;}
.urunBar #urun-detay-oz li { display:inline-block; padding:10px 15px; background:#efefef; border:1px solid #cecece; cursor:pointer; }
.urunBar #urun-detay-oz li:hover{ background:#fff; border:1px solid #efefef;}

.urunBar .urunListBar{ padding:  30px 40px; margin:0; list-style:none}
.urunBar .urunListBar li{display: inline-block;padding: 0 0 25px; margin-right:15px;  vertical-align:top;}
.urunBar .urunListBar li a{display: inline-block;background: #fff;text-align:center;padding-bottom:20px;-webkit-box-shadow: 0 1px 2px #ccc;box-shadow: 0 1px 2px #ccc;color:#111;margin-bottom:0px;width: 408px;min-height:320px;}
.urunBar .urunListBar li .urunListRes{height: 400px;overflow:hidden;position: relative;}
.urunBar .urunListBar li img{display:block;text-align:center;margin:0 auto; /*! max-width:100%; */margin: auto;position: absolute;bottom: 0;left: 0;right: 0;top: 19px;max-width: 100%;width: auto;}
.urunBar .urunListBar li:hover a{ color:#000000; transition: all 400ms; -moz-transition: all 400ms; -webkit-transition: all 400ms; -o-transition: all 400ms; }
.urunBar .urunListBar li:hover hr{ background:#000000; transition: all 400ms; -moz-transition: all 400ms; -webkit-transition: all 400ms; -o-transition: all 400ms;}

.urunBar .urunListBar li hr{ height:1px; border:0; background:#dbdbdb; margin:15px 20px; padding:0px; }
.urunBar .urunListBar li strong{padding: 0px 15px;display:block;font:500 15px Piazzolla,sans-serif;color:#222;}

.urunBar .urunListBar_a{ padding:  30px 40px; margin:0; list-style:none}
.urunBar .urunListBar_a li{display: inline-block;padding: 0 0 25px; margin-right:15px;  vertical-align:top;}
.urunBar .urunListBar_a li a{display: inline-block;background: #fff;text-align:center;padding-bottom:20px;-webkit-box-shadow: 0 1px 2px #ccc;box-shadow: 0 1px 2px #ccc;color:#111;margin-bottom:0px;width: 264px;min-height:320px;}
.urunBar .urunListBar_a li .urunListRes{ height:220px; overflow:hidden; position: relative;}
.urunBar .urunListBar_a li img{ display:block; text-align:center; margin:0 auto; /*! max-width:100%; */margin: auto;position: absolute;bottom: 0;left: 0;right: 0;top: 0;max-height: 100%;width: auto;}
.urunBar .urunListBar_a li:hover a{ color:#000000; transition: all 400ms; -moz-transition: all 400ms; -webkit-transition: all 400ms; -o-transition: all 400ms; }
.urunBar .urunListBar_a li:hover hr{ background:#000000; transition: all 400ms; -moz-transition: all 400ms; -webkit-transition: all 400ms; -o-transition: all 400ms;}

.urunBar .urunListBar_a li hr{ height:1px; border:0; background:#dbdbdb; margin:15px 20px; padding:0px; }
.urunBar .urunListBar_a li strong{ padding:10px 15px; display:block; font:500 15px Piazzolla,sans-serif; color:#222}

.urunBarDetayAlan .urunYol{ padding:10px 0px; font:12px Piazzolla, sans-serif; color:#999 }
.urunBarDetayAlan .urunYol i{ margin:0 10px; }
.urunBarDetayAlan .urunYol a{ color:#666; }
.urunBarDetayAlan .urunYol a:hover{ text-decoration:underline; }
.urunDetayBilgi{ min-height:600px;}
.urunDetayBilgi .urunDetayBilgiAlan{margin:15px 0px;padding: 20px 15px;background:#fff;}

.urunDetayBilgi .urunDetayBilgiSol{width: 37%;height:100%;display:inline-block;vertical-align:top;}
.urunDetayBilgi .urunDetayResim{max-height: 414px;padding-bottom:20px;border-bottom:1px solid #ddd;text-align:center;line-height:320px;}
.urunDetayBilgi .urunDetayResim img{width:auto;max-width:100%;max-height: 434px;}
.urunDetayBilgi .urunDetayBilgiBolum{display:inline-block;width: 58%;vertical-align:top;padding-left:20px;border-left:1px solid #dedede;}
.urunDetayBilgi .urunDetayBilgiBolum h3{ font:600 17px Piazzolla,sans-serif; padding:0; margin:0; color:#444 }
.urunDetayBilgi .urunDetayBilgiBolum #urunAciklama{ font:14px/1.6 Piazzolla, sans-serif; color:#444; }
.urunDetayDigerLink a{display:inline-block;padding:15px 20px;background: #f3f3f3;color:#222;font: 500 14px Piazzolla;width:calc(100% - 45px);margin:4px;}
.urunDetayDigerLink a i{ font-size:19px; margin-right:4px; vertical-align:middle;}
.urunDetayDigerLink a:hover{ background:#f9f9f9; color:#555;}

.teknik_resim{ padding: 0;  background:#f3f3f3;}
.teknik_resim a{ padding:3px 8px; border:1px solid #ccc; display:inline-block; margin:9px; background:#fff; margin-right:4px; }
.teknik_resim h3{ padding:10px 10px !important; margin:0 -0px !important; background:#fff;}
.teknik_resim img{  width:auto; max-width:100%; height:120px; }

.benzerUrunler .urunBenzerBaslik{ padding:15px; font:16px Piazzolla,sans-serif; background:#fff; border-bottom:1px solid #ccc; border-right:1px solid #ccc;  }
.benzerUrunler .urunBenzerBaslik h4{ display:inline-block; padding:0; margin:0;}
.benzerUrunler .urunListBar{ padding:10px 0; }

.iletisim-harita iframe{ width:100%}
.iletisim-bilgi ul{ padding:0px; margin:0; list-style:none; margin-bottom:20px;}
.iletisim-bilgi ul li b{  font:700 24px Piazzolla,sans-serif;}
.iletisim-bilgi ul li { font:15px Piazzolla,sans-serif; color:#222; letter-spacing:0 !important; padding:10px; color:#444; border-bottom:1px solid #ededed }

.urunResimleri h4{
    font-size: 14px;
    width: calc(100% - 45px);
    margin: 6px 0;
}
.urunResimleri h4 i { margin-left:15px;font-size: 18px;margin-right: 4px;vertical-align: middle; }
.urunResimleri a{padding: 2px;border: 2px solid #ececec;text-align:center;background:#fff;display:inline-block;margin: 6px 5px;width: 132px;vertical-align:middle;overflow: hidden;} 
.urunResimleri img{width:auto;max-width:100%;height: 120px;}

.proje-list .proje-pencere{ background:#fff; padding:10px; border:1px solid #dedede; width:320px; display:inline-block; margin-right:14px; margin-bottom:10px; vertical-align:top;}
.proje-list .proje-pencere:hover{ background:#dedede; }
.proje-list .proje-pencere:nth-child(3n){ margin-right:0px; }
.proje-list .proje-pencere .proje-resim img{ width:100%; height:160px; overflow:hidden }
.proje-list .proje-pencere .proje-isim{font:700 18px Piazzolla,sans-serif; color:#454545; padding:10px 0; }

.katalog-list .proje-pencere{ width:220px; text-align:center;}
.katalog-list .proje-pencere .proje-resim img{ max-width:100%; height:auto; overflow:hidden }

.newsletter {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 64%;
  text-align: center;
  color: #fff;
  padding-top: 11rem;
  font-size: 1.75em;
  line-height: 35px;
  background-color: rgba(0, 0, 0, 0.5);
}

.videoin {
  position: relative;
}

.videohome {
  //position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  z-index: -1;
  top: 0 !important;
  left: 0 !important;
}

.videohome video {
  position: relative !important;
  z-index: 0 !important;
  width: 100% !important;
}


.grup-list{ padding:0; margin:0; list-style:none; letter-spacing:0;}
.grup-list li{ background:#fff; padding:20px; border-bottom:2px solid #bbb; margin-bottom:10px; }
.grup-list li strong{ background:#fff; padding:10px 0; font:700 22px Piazzolla,sans-serif; line-height:1.7}
.grup-list li p{ font:normal 13px Piazzolla,sans-serif; line-height:21px}
.grup-list li .grup-sol{ display:inline-block; width:458px; vertical-align:top;/*! background: red; */}
.grup-list li .grup-sol span.tarih{font: 11px Piazzolla,sans-serif;display:block;padding:10px 0;color:#777}
.grup-list li .grup-sol p{ padding:5px 0; margin:5px 0; }
.grup-list li .grup-sol a, .grup-list li .grup-tam a{ color:#777; }
.grup-list li .grup-sol a:hover, .grup-list li .grup-tam a:hover{ color:#000000}
.grup-list li .grup-sag{ display:inline-block; width:212px; vertical-align:top;  text-align:center; border-left:1px solid #ddd; /*! margin-left:10px; */ padding:10px;}
.grup-list li .grup-sag img{ max-width:100%; /*! height:165px; */ }
/*.grup-list.haber-list li .grup-sag img{ height:120px}*/
.grup-list li .grup-sol .urunYol{ margin-top:5px; font:11px Piazzolla,sans-serif; color:#555;}
.grup-list li .grup-sol .urunYol i{ margin:0 4px;}

.pozisyon-list div.ustpen{ background:#004E90; padding:10px 15px; color:#fff; border-bottom:2px solid #bbb; margin-bottom:10px; cursor:pointer }
.pozisyon-list div.ustpen span{  padding:5px 0; font:300 15px Piazzolla,sans-serif;}
.pozisyon-list div.ustpen i{ float:right; }
.pozisyon-list div.ustpen strong#sure{ font-weight:500; color:#EE1A30; vertical-align:top; margin-left:10px; }
.pozisyon-list div.ustpen .pozisyon-aciklama{ clear:both; background:#fff; margin:0 -20px; margin-bottom:-20px; margin-top:12px; font:normal 14px Piazzolla,sans-serif; line-height:22px; color:#222; padding:10px 20px; display:none; border-top:1px solid #ebebeb }
.pozisyon-list div.ustpen  b{  display:inline-table; position:relative; top:-2px; font-weight:normal; font-size:12px; color:#fff; margin-left:20px; }
.pozisyon-list .pozisyon-aciklama ul{list-style-type: disc;   list-style-position: inside; }
.pozisyon-list .pozisyon-aciklama ol{   list-style-type: decimal;    list-style-position: inside;  }

.video-list{ padding:0; margin:0; list-style:none}
.video-list li{ background:#fff; padding:5px; border:1px solid #dedede; width:226px; display:inline-block; margin-right:5px; margin-bottom:5px; vertical-align:top; }
.video-list li a{ color:#222; font:16px Piazzolla,sans-serif; text-align:center; }
.video-list li a strong{ display:block; padding:8px 0px;}
.video-list li img{ max-width:100%; height:auto;}


.buton{ display:inline-block; padding:10px 15px; font:600 14px Source Sans Pro,sans-serif; color:#fff; border:0; background:none; border-radius:4px; cursor:pointer }
.buton.buton-mavi{ background:#004E90;}
.buton.buton-mavi:hover{ background:#035ba6; }
.buton.buton-gri{ background:#dadada; color:#616161}
.toggleMenu{ display:none; width:100%;  display:block; font:300 16px Piazzolla,sans-serif; color:#666; padding: 9px 0 10px; border-radius:0; }


.isbasvuru-sol{ width:45%; float:left; }
.isbasvuru-sol label { font:500 14px Piazzolla,sans-serif;}
.isbasvuru-sag{ width:51%; float:right; font:500 14px Piazzolla,sans-serif; text-align:center; line-height:24px; color:#313131 }
.isbasvuru-sag i{ display:block; text-align:center; font-size:37px; margin:15px 0; color:#FC0 }
.isbasvuru-sag a{ color:#222; text-decoration:underline }

.proje-resimler h2{ text-transform:uppercase; font:700 24px Piazzolla,sans-serif;}
.proje-resimler h2 span{ font-weight:300;}
.proje-resimler ul{ padding:0; margin:0; list-style:none; margin-bottom:15px; }
.proje-resimler ul li { padding:6px; margin-right:10px; height:101px; background:#fff; border:1px solid #ccc; display:inline-block; width:160px; margin-bottom:10px;}
.proje-resimler ul li:nth-child(4n){ margin-right:0;}
.proje-resimler ul li img{ max-width:100%; }
.proje-aciklama{padding:10px; color:#656565; background:#eee;  border-bottom:2px solid #ccc;}

.sayfaSagBar .haber-resim{width:300px; float:right; display:inline-; text-align:right; background:#fff; padding:7px; margin-left:7px; margin-bottom:7px; border:1px solid #ccc; }
.sayfaSagBar .haber-aciklama{ display:inline; padding:4px 0px; margin-top:6px;font:normal 13px Piazzolla, Geneva, sans-serif !important; line-height:23px !important; color:#4b4b4b}
.sayfaSagBar .haber-aciklama span{ display:block; float:right; padding:7px 0; font:11px Piazzolla,sans-serif; color:#777}

/* Bilgilendirme */
.alert{ padding: 15px;border: 1px solid transparent; margin:10px 0px; font:15px Piazzolla,Piazzolla,sans-serif; margin-bottom:15px; border-radius:4px;}
.alert-error{color: #A94442; background-color: #F2DEDE;border-color: #EBCCD1; }
.alert-info{color: #4288a9; background-color: #deecf2;border-color: #cce0eb; }
.alert-success{    color: #3C763D;background-color: #DFF0D8;border-color: #D6E9C6;}
.alert h3{ padding:0; margin:0;}
.alert a{ color:#000; text-decoration:underline}
/* Bilgilendirme */

.basvuruform_proje{max-width:60%; margin:0 auto;}
.proje-teklifi-al{ position:absolute; right:0; top:50px;  color:#fff; padding:10px 30px; font:15px Piazzolla,sans-serif; border-radius:4px;}
.proje-teklifi-al i{ margin-right:10px; color:#09263e; font-size:20px; vertical-align:middle;}

.form-ust .form-kontrol{ display:block; width:95%; padding:10px;  border:1px solid #ccc; border-radius:5px; margin-bottom:15px; font:12px Piazzolla,sans-serif; }
.form-ust label{ margin-bottom:10px; display:block;font:bold 13px Piazzolla,sans-serif;  }
.form-ust button{ transition-property: background-color,border-color;background-color: #595959; font:bold 15px Piazzolla,sans-serif; white-space: nowrap;color: #fff;border: 0;border-radius: 5px;outline: 0;cursor: pointer; width:100%; line-height: 1; display: block !important;padding: 10px 0;line-height: 1.1; border:0; margin-top:10px;}
.form-ust button:hover{ background:#555; }
.form-ust a.form-link{ font:bold 12px Piazzolla,sans-serif; display:block; padding-bottom:10px; padding-top:10px; color:#555 }
.form-ust label#bilgis{ text-align:left; }
.form-ust label#bilgis span{ display:block; font:11px Piazzolla,sans-serif; margin:2px 0px;}
.mobilslider{display: none!important;}
.desktopslider{display: block!important;}

.table-style {font-family: Piazzolla,verdana,sans-serif;font-size:13px;color:#fff;border-width: 1px;border-color: #eee;border-collapse: collapse;}
.table-style th {border-width: 1px;padding: 8px;border-style: solid;border-color: #eee;background-color: #555;}
.table-style td {border-width: 1px;padding: 8px;border-style: solid;border-color: #eee;color:#222;background-color: #ffffff;}


.social i{ width:30px; text-align:center;}

.iletisimAlani {
    padding: 20px 0px;
}
.iletisimAlani .iletisimSite{ margin-top:40px; }
.iletisimAlani .iletisimForm {
    display: inline-block;
    width: 34%;
    vertical-align: top;
    color: #444;
    background: #f5f5f5;
    position: relative;
    z-index: 2
}
.iletisimAlani .iletisimBilgi {
    display: inline-block;
    width: 58%;
    vertical-align: top;
    color: #444;
    position: relative;
    z-index: 2;
    padding-left: 2%;
    margin-left: 10px;
}
.parca-gorsel .iletisimBilgi { width:100%; }


.basvuruForm form {
    display: block;
}
.basvuruForm form h3 {
    font: normal 24px Avenir Next LT Pro Demi, sans-serif;
    padding: 20px 0px;
    margin: 0;
    margin-bottom: 10px;
    text-align: center;
    background: #efefef;
    color: #777;
}
.basvuruForm form h3 span {
    font-family: Avenir Next LT Pro Regular, sans-serif;
    display: block;
    padding-top: 10px;
    font-size: 17px;
}
.basvuruForm form p {
    padding: 15px;
    margin: 0;
    font: normal 15px Avenir Next LT Pro Regular, sans-serif;
}
.basvuruForm form .basvuruPo {
    padding: 0px;
    margin: 5px 0;
    display: block;
}
.basvuruForm form .basvuruPo input,
.basvuruForm form .basvuruPo textarea {
    border: 0px;
    resize: none;
    width: calc(100% - 0px);
    padding: 15px;
    font: normal 15px Avenir Next LT Pro Regular, sans-serif;
    border: 1px solid transparent;
    color: #333;
    background: #efefef;
}


.basvuruForm form .basvuruPo button {
    padding: 15px 0;
    text-align: center;
    background: #19B6F1;
    color: #fff;
    border: 0px;
    display: block;
    width: 100%;
    font: normal 15px Avenir Next LT Pro Demi, sans-serif;
    cursor: pointer;
}
.basvuruForm form .basvuruPo button:hover {
    background: #08a8b4;
}


.iletisimAlani .insanKaynaklariForm {
    display: inline-block;
    width: 34%;
    vertical-align: top;
    color: #fff;
    background: #333;
    position: relative;
    z-index: 2
}
.iletisimAlani .iletisimForm form {
    display: block;
}
.iletisimAlani .iletisimForm form h3 {
    font: normal 24px Piazzolla, sans-serif;
    padding: 20px 0px;
    margin: 0;
    margin-bottom: 10px;
    text-align: center;
    background: #efefef;
    color: #777;
}
.iletisimAlani .insanKaynaklariForm form h3 {
    background: #eee;
    color: #222;
}
.iletisimAlani .iletisimForm form h3 span {
    font-family: Piazzolla,sans-serif;
    display: block;
    padding-top: 10px;
    font-size: 15px;
    color: #555;
}
.iletisimAlani .iletisimForm form p {
    padding: 15px;
    margin: 0;
    font: normal 15px Avenir Next LT Pro Regular, sans-serif;
}
.iletisimAlani .iletisimForm form .iletisimPo {
    background: #fff;
    padding: 0px;
    margin: 10px 30px;
    display: block;
}
.iletisimAlani .iletisimForm form .iletisimPo input,
.iletisimAlani .iletisimForm form .iletisimPo textarea {
    border: 0px;
    resize: none;
    width: calc(100% - 0px);
    padding: 15px;
    font: normal 15px Avenir Next LT Pro Regular, sans-serif;
    border: 1px solid transparent;
    color: #333
}
.iletisimAlani .insanKaynaklariForm form .iletisimPo {
	background:#fff;
}
.iletisimAlani .insanKaynaklariForm form .iletisimPo input,
.iletisimAlani .insanKaynaklariForm form .iletisimPo textarea {
	background:none;
	color:#000;
}
.iletisimAlani .iletisimForm form .iletisimPo input:focus,
.iletisimAlani .iletisimForm form .iletisimPo textarea:focus {
    border: 1px solid #efefef;
    -webkit-box-shadow: inset 0px 0px 13px -4px rgba(0, 0, 0, 0.07);
    -moz-box-shadow: inset 0px 0px 13px -4px rgba(0, 0, 0, 0.07);
    box-shadow: inset 0px 0px 13px -4px rgba(0, 0, 0, 0.07);
}
.iletisimAlani .iletisimForm form button {
    padding: 15px 0;
    text-align: center;
    background: #000000;
    color: #fff;
    border: 0px;
    display: block;
    width: 100%;
    font: 500 15px Piazzolla, sans-serif;
    cursor: pointer;
}
.iletisimAlani .iletisimForm form button:hover {
    background: #033e70;
}
.iletisimAlani .iletisimBilgi .iletisimBaslik {
    font: 700 20px Piazzolla, sans-serif;
}
.iletisimAlani .iletisimBilgi p {
    font: normal 17px Piazzolla, sans-serif;
}
.iletisimAlani .iletisimBilgi span {
    display: block;
    font: normal 14px Piazzolla,sans-serif;
    padding: 10px 0px;
}
.iletisimAlani .iletisimBilgi span i {
    width: 32px;
    color: #666;
    text-align: left;
}
.iletisimAlani .iletisimHarita {
    margin-top: 15px;
}
.iletisimAlani .iletisimHarita iframe {
    width: 100%;
	height:500px
}

.altBar{padding:0px 0px;background: #a7a7a7;height:105px;border-top:1px solid #ccc;border-bottom: 1px solid #ccc;position:relative;z-index:99;margin-top: 0;}
.altBar h4{padding:45px 0;margin:0;font: 600 18px Piazzolla,sans-serif;float:left;}
.altBar .altBar-sag{ float:right;}
.altBar .altBar-sag span{display:inline-block;margin:31px 15px;padding:10px;color:#222;font: 15px Piazzolla,sans-serif;margin-left:-3px;border-radius:4px;cursor:pointer;}
.altBar .altBar-sag span i{ margin-right:8px; vertical-align:middle; display:inline-block;}
.altBar .altBar-sag span:hover{ background:#262b2f; color:#fff;}

.altAlan{background: #cccccc;color: #fff;padding:30px 0px;}
.altAlan .altAlan-ic{ padding:30px }
.altAlan ul{ padding:0; margin:0; list-style:none; float:left;}
.altAlan ul li { display:inline-block; vertical-align:top;margin-right:200px;}
.altAlan ul li strong{display:block;font: 600 20px Piazzolla;color: #000000;padding:9px 0px;letter-spacing:-.3px}
.altAlan ul li a{display:block;font: 16px Piazzolla,sans-serif;color: #4f4f4f;padding:6px 0px;letter-spacing:-.3px;}
.altAlan ul li a:hover{ text-decoration: underline; color: #000; }
.altAlan .altAlan-logo{ float:right; width:285px;  }
.altAlan .altAlan-logo img{margin:0 auto;display:block;margin-bottom:20px;width: 100%;}
.altAlan .altAlan-logo p{font: 15px Piazzolla,sans-serif;margin:9px 0px;padding:0;color: #4f4f4f;}
.altAlan .altAlan-logo p span { display:inline-block; width:60px;}




.menu-container {float: right;padding: 0;width: 100%;}

.menu-mobile {
    display: none;
    padding: 20px;
}

.menu-mobile:after {
    font-family: "Ionicons";
    font-size: 2.5rem;
    padding: 0;
    float: right;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-25%);
    -ms-transform: translateY(-25%);
    transform: translateY(-25%);
}

/*.menu-dropdown-icon:before {
    content: "\f489";
    font-family: "Ionicons";
    display: none;
    cursor: pointer;
    float: right;
    padding: 1.5em 2em;
    background: #fff;
    color: #333;
}*/

.menu > ul {
    margin: 0 auto;
    width: 100%;
    list-style: none;
    padding: 0;
    position: relative;
    /* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */
    box-sizing: border-box;
}

.menu > ul > li {
    display: inline-block;
    padding: 0;
    margin: 0;
}

.menu > ul > li a {display: block;padding: 10px 99px;text-align: left;font: 500 16px Piazzolla,sans-serif;color: #575757;letter-spacing: -0.4px;}
.menu > ul > li a.aktif {background: #4f4f4f;color:#fff; }

.menu > ul > li:hover {
    background: #f7f7f7;
}

.menu > ul > li > ul {
    display: none;
    position: absolute;
    background: #ffffff;
    color: #fff;
    display: none;
    z-index: 999;
    min-width: 268px;
    padding: 0 1rem;
}

.menu > ul > li > ul:before,
.menu > ul > li > ul:after {
    content: "";
    display: table;
}

.menu > ul > li > ul:after {
    clear: both;
}

.menu > ul > li > ul > li {display: block;float: none;text-align: left;margin-left: 0px;position: relative;}

.menu > ul > li > ul > li img{
	width: 100%;
}
.menu > ul > li > ul > li a {
    color: #777!important;
    padding: 0.1em 0;
    width: 95%;
    display: block;
}
.gizle .menu > ul > li > ul > li a {
    color: #777!important;
    padding: 0.1em 0;
    width: 95%;
    display: block;
}
.menu > ul > li > ul > li a:hover {
	color:#000;
	text-decoration:underline;
}
.menu > ul > li > ul > li span {
    color: #777!important;
    padding: 0.1em 0;
    margin: 0.4em 0;
    width: 95%;
    display: block;
    font: 500 16px Piazzolla,sans-serif!important;
}
.menu > ul > li > ul > li span:hover {
	color:#000;
	text-decoration:underline;
}
.menu > ul > li > ul > li > ul {
    display: block;
    padding: 0;
    margin: 2px 0 0;
    list-style: none;
    box-sizing: border-box;
}

.menu > ul > li > ul > li > ul:before,
.menu > ul > li > ul > li > ul:after {
    content: "";
    display: table;
}

.menu > ul > li > ul > li > ul:after {
    clear: both;
}

.menu > ul > li > ul > li > ul > li {
    float: left;
    width: 100%;
    padding: 2px 0;
    margin: 0;
    font-size: .8em;
}

.menu > ul > li > ul > li > ul > li a {
    border: 0;
}

.menu > ul > li > ul.normal-sub2 {
    width: 300px;
    left: auto;
    padding: 10px 20px;
}

.menu > ul > li > ul.normal-sub2 > li {
    width: 100%;
}

.menu > ul > li > ul.normal-sub2 > li a {
    border: 0;
    padding: 1em 0;
    font: 500 16px Piazzolla,sans-serif;
}



@media only screen and (max-width: 959px) {
.toggle-menu{ display:block !important;} 
.toggleMenu{ display:block !important;}
.mobilslider{ display:block !important;} 
.desktopslider { display:none !important; }
    .menu-container {
        width: 100%;
        padding: 0!important;
    }
    .menu-mobile {
        display: block;
    }
    .menu-dropdown-icon:before {
        display: block;
    }
    .menu > ul {
        display: none;
    }
    .menu > ul > li {
        width: 100%;
        float: none;
        display: block;
    }
    .menu > ul > li a {
        padding: 1.5em;
        width: 100%; 
        display: block;
    }

    .menu > ul > li > ul {
        position: relative;
    }
    .menu > ul > li > ul.normal-sub {
        width: 100%;
    }
    .menu > ul > li > ul > li {
        float: none;
        width: 100%;
        margin-top: 20px;
    }
    .menu > ul > li > ul > li:first-child {
        margin: 0;
    }
    .menu > ul > li > ul > li > ul {
        position: relative;
    }
    .menu > ul > li > ul > li > ul > li {
        float: none;
    }
    .menu .show-on-mobile {
        display: block;
    }
}