@charset "utf-8";

@-ms-viewport { width: device-width; }

.clear { clear: both; }
html { width: 100%; height: 100%; }
a, a img { border: none; text-decoration: none; color: #848484; }
p, h1, h2, h3, h4, h5, h6, strong, b, span { padding: 0px; margin: 0px; font-weight: 400; }
* { outline: none; text-decoration: none; border: none; padding: 0em; list-style: none; }

body { margin: 0px; padding: 0px; text-decoration: none; line-height: 15px; font-family: 'Ptsansnarrow'; color: #7a7a7a; font-size: 14px; font-weight: 400; background: #fefefd url(../images/bg.jpg) no-repeat top center; }



.ortala { width: 980px; max-width: 980px; min-height: 1px; height: auto; margin: 0 auto; display: table; position: relative; }



.header { width: 100%; height: auto; float: left; background: url(../images/hdrbg.png) no-repeat right bottom; }
.header .logo { width: 210px; height: auto; float: left;margin-top: 14px;}
.header .logo a, .header .logo img { width: 100%; float: left; }
.header .menuBar { width: auto; height: auto; float: right;margin-top: 58px;}



.ortala.Slid { width: 1054px; max-width: 1054px; }
.slider { width: 100%; height: 410px; float: left; background: url(../images/sglge.png) no-repeat bottom center; background-size: contain; padding-bottom: 26px; margin-bottom: 16px;max-width: 100%;position: relative;}
.slider ul, .slider ul li, .slider ul li a, .slider ul li img { width: 100%; float: left; }


.slider .arrow {width:auto; height:5px;position:absolute; z-index:999999;bottom: 40px;}
.slider .arrow a { width:22px; height:5px; float:left;display: inline-table;background:#ffffff;margin-top: 3px;margin-right: 3px;}
.slider .arrow a.selected { width:22px; height:12px; background:#4ab9e3;margin-top: 0px;}
.slider .arrow a:last-child {margin-right:0px;}


.genelBaslik { width: 100%; float: left; background: url(../images/cz.png) no-repeat left center; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; margin-bottom: 24px; box-sizing:border-box;}
.genelBaslik h1, .genelBaslik h2, .genelBaslik h3, .genelBaslik h4, .genelBaslik h5, .genelBaslik h6, .genelBaslik h1 a, .genelBaslik h2 a, .genelBaslik h3 a, .genelBaslik h4 a, .genelBaslik h5 a, .genelBaslik h6 a { width: auto; float: left; font-size: 20px; color: #4ab9e3; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; }
.genelBaslik h1, .genelBaslik h2, .genelBaslik h3, .genelBaslik h4, .genelBaslik h5, .genelBaslik h6 { padding-right: 10px; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; }

.genelBaslik .divi { width: auto; float: right; padding-left: 10px; }
.genelBaslik .divi a { width: auto; height: auto; float: left; font-size: 15px; color: #656565; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; }



.icerik { width: 100%; float: left; }

.genelListe.anaUrun {margin-bottom: 31px;}
.genelListe.anaUrun li { width: calc(33.33% - 17px); margin-right: 24px; padding: 0px; margin-bottom: 24px; }
.genelListe.anaUrun li:nth-child(3n) { margin-right: 0px; }
.genelListe.anaUrun li a { border-right: solid 5px #757575; position: relative; }
.genelListe.anaUrun h6 { width: 70%; box-sizing: border-box; padding: 7px 4px 7px 10px; font-size: 16px; color: #ffffff; position: absolute; bottom: 5px; background: #757575; }
.genelListe.anaUrun li a:hover { border-right: solid 5px #4ab9e3; }
.genelListe.anaUrun li a:hover h6 { background:#4ab9e3} 



.genelListe.cozum { margin-top: 20px;margin-bottom: 0px;}
.genelListe.cozum .genelBaslik {background: url(../images/hciz.png) no-repeat left bottom;padding-bottom: 16px;margin-bottom: 0px;}
.genelListe.cozum ul {margin-top: 24px;margin-bottom: 24px;}
.genelListe.cozum ul li { width: 20%; padding: 4px; }
.genelListe.cozum ul li a { height: 100px; border: solid 1px #dcdcdc; background: #fff;}
.genelListe.cozum ul li a .resim { display: table; width: 100%; height: 100%; overflow: hidden; }

.genelListe.cozum ul li a .resim img { width: auto; max-width: calc(100% - 15px); float: none; display: table; vertical-align: middle; margin: 0 auto; opacity: 1; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; }
.genelListe.cozum ul li a .resim img:hover { opacity: 0.6; }


.cozumB {width:100%; float:left; background:#4ab9e3;}

.genelListe.markalar { margin-top:20px; margin-bottom:0px; }
.genelListe.markalar ul { text-decoration: none; }
.genelListe.markalar ul li { width:20%; padding:4px; }
.genelListe.markalar ul li a { height: 100px; }
.genelListe.markalar ul li a .resim { display:table; width:100%; height:100%; overflow:hidden; }
.genelListe.markalar ul li a .resim img { width: auto; max-width: calc(100% - 15px); float: none; display: table; vertical-align: middle; margin: 0 auto; opacity: 1; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; }
.genelListe.markalar ul li a .resim img:hover { opacity: 0.6; }

.genelListe.fotogaleri { margin-top:20px; margin-bottom:0px; }
.genelListe.fotogaleri ul { margin-top: 24px;margin-bottom: 24px; }
.genelListe.fotogaleri ul li { width:33.3%; padding:3px; }
.genelListe.fotogaleri ul li a { height: 170px; }
.genelListe.fotogaleri ul li a .resim { display:table; width:100%; height:100%; overflow:hidden; }
.genelListe.fotogaleri ul li a .resim img { width: auto; max-width: calc(100% - 15px); float: none; display: table; vertical-align: middle; margin: 0 auto; opacity: 1; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; }
.genelListe.fotogaleri ul li a .resim img:hover { opacity: 0.6; }


.altBar { width: 100%; float: left;background: #f7f7f7 url(../images/fotsh.png) no-repeat top center; padding: 40px 0px;margin-top: 2px;}
.altBar .ust { width: 100%; float: left; border-bottom: solid 2px #2eb4f1; margin-bottom: 33px; }
.altBar .ust .sosyalMedia { float: left; margin-bottom: 15px; }
.altBar .ust .sag { width: auto; height: auto; float: right; font-size: 14px;color: #858585; margin-top: 5px;}
.altBar .ust .sag span { color: #2eb4f1; }
.altBar .alt { width: auto; height: auto; margin: 0px auto; display: table;font-family: 'myPro';}
.altBar .alt a { width: auto; height: auto; float: left;font-size: 16px;color: #757575; border-right: solid 2px #fff; padding: 1px 12px; line-height: 11px;}

.teknoBay { width: auto; margin: 0 auto; font-size: 15px; color: #858585; border-top: solid 2px #00b1cb; float: none; display: table; padding: 12px; }
.teknoBay strong { color: #00b1cb; }


.katResim { width: 100%;/* height: 220px; */ float: left; position: relative; background: url(../images/sglge.png) no-repeat bottom center; background-size: contain; padding-bottom: 26px;z-index: 4;}
.katResim img { width:100%; float:left; }
.katResim h1 { width: auto; height: auto; position: absolute;right: 15px; bottom: 36px; padding: 13px 18px; background: #008ed0; font-size: 24px; color: #fff;}
.katResim h1 a { font-size: 24px; color: #fff; float: left; }
.katResim .ortala { height: 100%; background: url(../images/slsh.png/) bottom center no-repeat; padding-bottom: 24px; z-index:12;}

.icerik.alt { width: 100%; float: left; background: #ffffff;padding: 32px 20px; box-sizing: border-box; position:relative;z-index: 3;margin-top: -29px;}

.icerik .solBar { width: 300px; height: auto; float: left; }
.icerik .sagBar { width: 609px; height: auto; float: right; }
.icerik .yazi { width: 100%; float: left; font-size: 13px; color: #656565; font-family: Arial; line-height: 22px; }

.genelBaslik.alt { margin-bottom: 30px; }

.genelListe.anaUrun.alt { margin-top:20px;}

.ikpozisyon { display: block; }
.ik { display: none; }


.genelListe.markaG {margin-bottom: 0px;}
.genelListe.markaG ul {}
.genelListe.markaG ul li { width: 20%; padding: 4px; }
.genelListe.markaG ul li a { height: 100px; border: solid 1px #dcdcdc; background: #fff;}
.genelListe.markaG ul li a .resim { display: table; width: 100%; height: 100%; overflow: hidden; }

.genelListe.markaG ul li a .resim img { width: auto; max-width: calc(100% - 15px); float: none; display: table; vertical-align: middle; margin: 0 auto; opacity: 1; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; }
.genelListe.markaG ul li a .resim img:hover { opacity: 0.6; }

.genelListe.media {}
.genelListe.media li { width: 25%; padding: 4px; }
.genelListe.media li a { display: table; box-sizing: border-box; padding: 4px;border: solid 2px #E1E1E1; position: relative;background: #fff;}
.genelListe.media a .byt { width: calc(100% - 8px); height: calc(100% - 8px); display: table-cell; display: none;background: url(../images/byt.png) no-repeat center center rgba(73, 58, 58, 0.29); position: absolute;}