@import 'https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500&display=swap';
@import 'https://fonts.googleapis.com/css?family=Roboto:400,700|Source+Sans+Pro:300,400,600,700,900&subset=latin-ext';
 body{padding:0px;margin:0px;list-style:none;font: 200 11px Poppins,sans-serif;background:#fff;overflow:auto;}
img{ border:0px;}
a{ text-decoration:none;}
*{ outline:none; }
.t{ clear:both;}
.si {font: 400 13px Poppins,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; }

.toggle-menu{display:none; }
.site{ width:1500px; margin:0 auto; position:relative;}
.site_urun{ width:100%; margin:0 auto; position:relative;}

.ustAlan{background: #f1f1f1;position: fixed;
		top: 0;
		width: 100%;
		z-index: 10000;
		width: 100%;
		left:0;
		right: 0;
		z-index: 99999;}
.ustAlan .site {padding:0 0px; }
.ustAlan.sayfaUstAlan{ border-bottom:1px solid #000000;}
.ustAlan .logoBar{display:inline-block;/* margin-left:0; */margin: 20px 0;padding: 0 22px;width: 18%;}
.ustAlan .logoBar a{display:inline-block;padding:0px 15px;color:#fff;text-align:center;}
.ustAlan .logoBar a h1{ font-family:Open Sans; 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 Roboto,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; }

.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 Poppins,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 Pt Sans,arial,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 Roboto,sans-serif;color: #656565;left: 22rem;}

.ustAlan .dilBar{ position:absolute; top:8px; right:0; padding:7px 10px; border:1px solid #ececec; min-width:160px; cursor:pointer; }
.ustAlan .dilBar img{ vertical-align:middle; }
.ustAlan .dilBar strong{ vertical-align:middle; margin-left:6px; font:12px Open Sans,sans-serif; 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 Open Sans,sans-serif; }
.ustAlan .dilbar-list-dil a:hover{ background:#000000; color:#ffffff !important}
.ustAlan .dilbar-list-dil a:hover strong{ color:#fff;}

.ustAlan .araBar {position:absolute;right:0;/* bottom: 0px; */ top: 30px;}
.ustAlan .araBar span.araBar-icon{ padding:14px; display:inline-block; color:#666; font-size:18px; 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;right:0;margin-top:.4px;background: #efefef;padding:10px 20px;z-index:998;}
.ustAlan .araBar .araBar-open input{background:#fff;border: 1px solid #636363;font:12px Arial, Helvetica, 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;}
.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:69%; left:0; background:rgba(255,255,255,.8); padding:15px; }
.mansetAlan ul li .mansetBilgi strong{ font:300 34px Roboto,Open Sans,sans-serif; color:#000000; letter-spacing:-.3px }
.mansetAlan ul li .mansetBilgi p{ font:14px Arial, Helvetica, sans-serif; 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:80px;height:154px;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:80px;height:154px;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:-50px;}

.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:none;}
.duyuruKayan span{}
.duyuruKayan .bx-wrapper{ margin-bottom:0px;}
.duyuruKayan .bx-wrapper li{margin-right: 0px!important;}
.duyuruKayan .bx-wrapper .bx-viewport{box-shadow:0 0 0;background: #ffffff;padding:10px 0;border:0px;margin:0px;margin-left:5px;box-shadow: 0 0 1rem rgb(0 0 0 / 15%) !important;}
.duyuruKayan .bx-wrapper .bx-pager{ bottom:-20px; }
.duyuruKayan ul {padding:0px;margin:0px;list-style:none;}
.duyuruKayan ul li .duyuruResim{width: 320px;display:inline-block;border: 1px solid #f3f3f3;padding:2px;margin:0 10px;background:#fff;height: 133px;overflow: hidden;}
.duyuruKayan ul li a{color: #000;}
.duyuruKayan ul li a:hover strong{ text-decoration:underline; }
.duyuruKayan ul li .duyuruBilgi{width: 100%;display:inline-block;vertical-align:top;font-family:Pt Sans,sans-serif;color: #575757;margin: 0 10px;}
.duyuruKayan ul li .duyuruBilgi strong{font-size:17px;padding:6px 0px;display:block;letter-spacing:-.5px;color: #575757;}
.duyuruKayan ul li .duyuruBilgi p{font:12px/1.2 Arial, Helvetica, sans-serif;color: #000;padding:0px 0px;margin:2px 0px;}
.duyuruKayan .bx-controls-direction{ display:none;}

.kullanimAlani{padding: 0;}
.anasayfaBaslik{font: 500 20px Poppins,sans-serif;color: #264c90;text-align:center;text-transform:uppercase;letter-spacing: -0.6px;}
.anasayfaBaslik span{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,.kullanimAlani .kullanimPen li.alan3,.kullanimAlani .kullanimPen li.alan4{ max-width:49.85%; display:inline-block; vertical-align:top; height:373px; overflow:hidden }
.kullanimAlani .kullanimPen li.alan2{ margin-left:-3px;}
.kullanimAlani .kullanimPen li.alan3{ margin-left:-3px;}
.kullanimAlani .kullanimPen li.alan4{ 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 Open Sans,sans-serif; }
.kullanimAlani .kullanimPen a h3{ font-weight:400; padding:10px 0; margin:0; letter-spacing:-.4px }


.anasayfaYazi{
    margin-top: -29px;
    margin-bottom: 30px;
min-height: 240px;}
.anasayfaYazi-icerik{font: 300 13px Poppins,sans-serif;/* text-align:center; */line-height: 1.9;padding: 0 40px;/* padding-bottom:30px; */color: #292929;}
.anasayfaYazi-icerik .res{
    width: 32%;
    float: left;
    margin-right: 20px;
}

.sayfaBar{min-height:200px;margin-top: 7rem;}
.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 Roboto,sans-serif; color:#555; border-bottom:1px solid #e8e8e8; display:block; padding:10px 0px; margin:0; margin-bottom:20px; padding-right:100px;}
.sayfaBar .sayfaBarDetay .sayfaBarDetay-ic{ }

.sayfaBar .sayfaSolBar{ float:left; width:280px; background:#f2f2f2; margin-bottom:20px;}
.sayfaBar .sayfaSolBar a{ display:block; font:300 16px PT Sans,Arial,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: #113b85; 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 PT Sans,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;height: 167px;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 Arial,Open Sans,sans-serif;}
.sayfaResimler ul li strong{ display:block; height:35px;}
.sayfaResimler ul li img{max-width:100%;width:auto;height: 174px;}

	
.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 Arial,Open Sans,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: 600 20px Poppins,sans-serif;color:#333;}
.urunBar .urunSayfaBaslik h3#aranan{ padding:10px 15px; margin:0px; list-style:none; font:18px Pt Sans,sans-serif; color:#888; }
.urunBar .urunSayfaBaslik p{font:15px PT Sans,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: fixed;top: 89px;left:30px;min-height: 300px;border-right:1px solid #dbdbdb;z-index:999;padding-top: 20px;}
.urunBar .urunSolBar a{display:block;font:300 18px Roboto,PT Sans,Arial,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 Poppins,sans-serif;text-transform:uppercase;position:relative;}
.urunBar .urunSolBar ul li ul li ul li a { font: 400 12px Poppins,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 PT Sans,sans-serif; color:#555; line-height:1.8; }

.urunBar .urunSolBar .urunBarArama{ padding:10px 20px; position:relative; background:#ececec}
.urunBar .urunSolBar .urunBarArama input{ padding:12px 12px; border:1px solid #ddd; font:16px Pt Sans,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 Arial,Pt Sans,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: 276px;overflow:hidden;position: relative;}
.urunBar .urunListBar li img{ /*! max-width:100%; */display: block;
    text-align: center;
    margin: 0 auto;
    margin: auto;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    max-height: 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 Roboto,Open Sans,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 Roboto,Open Sans,sans-serif; color:#222}

.urunBarDetayAlan .urunYol{ padding:10px 0px; font:12px Arial, Helvetica, 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: 394px;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 PT Sans,sans-serif; padding:0; margin:0; color:#444 }
.urunDetayBilgi .urunDetayBilgiBolum #urunAciklama{ font:14px/1.6 Arial, Helvetica, sans-serif; color:#444; }
.urunDetayDigerLink a{ display:inline-block;padding:15px 20px; background:#eee; color:#222; font:400 14px Pt Sans,Arial,sans-serif;  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 Open Sans,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 Pt Sans,sans-serif;}
.iletisim-bilgi ul li { font:15px Pt Sans,sans-serif; color:#222; letter-spacing:0 !important; padding:10px; color:#444; border-bottom:1px solid #ededed }

.urunResimleri h4{ padding:15px 10px !important; margin:0 !important; background:#efefef; font: 15px PT Sans,sans-serif;}
.urunResimleri h4 i { margin-left:15px;font-size: 18px;margin-right: 4px;vertical-align: middle; }
.urunResimleri a{ padding: 8px; border:1px solid #ececec; text-align:center; background:#fff; display:inline-block; margin:9px; width:80px; line-height:80px; vertical-align:middle; } 
.urunResimleri img{ width:auto; max-width:100%; height:80px; }

.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 Pt Sans,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 }


.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 Roboto Slab,sans-serif; line-height:1.7}
.grup-list li p{ font:normal 13px Arial,tahoma,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 Tahoma,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 tahoma,arial,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 Pt Sans,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 Arial,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 PT Sans,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 PT Sans,Arial,sans-serif; color:#666; padding: 9px 0 10px; border-radius:0; }


.isbasvuru-sol{ width:45%; float:left; }
.isbasvuru-sol label { font:500 14px Roboto Slab,sans-serif;}
.isbasvuru-sag{ width:51%; float:right; font:500 14px Roboto Slab,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 Roboto Slab,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 Arial,Tahoma, Geneva, sans-serif !important; line-height:23px !important; color:#4b4b4b}
.sayfaSagBar .haber-aciklama span{ display:block; float:right; padding:7px 0; font:11px tahoma,sans-serif; color:#777}

/* Bilgilendirme */
.alert{ padding: 15px;border: 1px solid transparent; margin:10px 0px; font:15px Roboto Slab,Arial,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 Open Sans,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 arial,sans-serif; }
.form-ust label{ margin-bottom:10px; display:block;font:bold 13px Arial,sans-serif;  }
.form-ust button{ transition-property: background-color,border-color;background-color: #595959; font:bold 15px Roboto Slab,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 Arial,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 arial,sans-serif; margin:2px 0px;}


.table-style {font-family: Arial,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 Roboto, 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: Pt Sans;
    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 Open Sans, sans-serif;
    cursor: pointer;
}
.iletisimAlani .iletisimForm form button:hover {
    background: #033e70;
}
.iletisimAlani .iletisimBilgi .iletisimBaslik {
    font: 700 20px Open Sans, sans-serif;
}
.iletisimAlani .iletisimBilgi p {
    font: normal 17px Open Sans, sans-serif;
}
.iletisimAlani .iletisimBilgi span {
    display: block;
    font: normal 14px Open Sans,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: #fbfbfb;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 Open Sans,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 Open Sans,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: #efefef;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 Open Sans,sans-serif; color:#676c70; padding:9px 0px; letter-spacing:-.3px }
.altAlan ul li a{display:block;font:15px Open Sans,sans-serif;color: #4f4f4f;padding:6px 0px;letter-spacing:-.3px;}
.altAlan .altAlan-logo{ float:right; width:285px;  }
.altAlan .altAlan-logo img{ margin:0 auto; display:block; margin-bottom:20px;}
.altAlan .altAlan-logo p{font:15px Pt Sans,arial,sans-serif;margin:9px 0px;padding:0;color: #4f4f4f;}
.altAlan .altAlan-logo p span { display:inline-block; width:60px;}




.menu-container {display: inline-block;/* vertical-align: bottom; */padding: 6px 0;padding-bottom: 6px;/* background: #ffffff; */width: 78%;/* box-shadow: 0 0 1rem rgb(0 0 0 / 15%) !important; */}

.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:before,
.menu > ul:after {
    content: "";
    display: table;
}

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

.menu > ul > li {
    float: left;
    padding: 0;
    margin: 0;
}

.menu > ul > li a {display: block;padding: 10px 28px;text-align: left;font: 500 16px Poppins,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;
    width: 100%;
    background: #fff;
    padding: 20px;
    position: absolute;
    z-index: 9999;
    left: 0;
    margin: 0;
    list-style: none;
    box-sizing: border-box;
}

.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 {
    margin: 0;
    padding-bottom: 0;
    list-style: none;
    width: 19%;
    background: none;
    display: inline-block;
}

.menu > ul > li > ul > li a {
    color: #777;
    padding: 0.1em 0;
    width: 95%;
    display: block;
    border-bottom: 1px solid #ccc;
    font: 600 14px Poppins,sans-serif;
}
.menu > ul > li > ul > li a:hover {
	color:#000;
	text-decoration:underline;
}
.menu > ul > li > ul > li > ul {
    display: block;
    padding: 0;
    margin: 10px 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-sub {
    width: 300px;
    left: auto;
    padding: 10px 20px;
}

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

.menu > ul > li > ul.normal-sub > li a {
    border: 0;
    padding: 1em 0;
}



@media only screen and (max-width: 959px) {
    .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;
    }
}