charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,900);


body{font-size:12px;color:#414042;font-family:Verdana,Tahoma,Arial,Sans-Serif;; font-weight:500;height:100%; }a,applet,b,blockquote,body,caption,center,dd,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,input,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,strike,strong,sub,sup,table,tbody,td,textarea,tfoot,th,thead,tr,tt,u,ul,var{border:0;margin:0;padding:0}img{border:none}a{text-decoration:none;outline:0;color:inherit}* html,* html body{padding-top:0}* css{margin:0;padding:0}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}* html .clearfix{height:1%}.clearfix{display:block}span{}html{height:100%}.clearBoth{clear:both}.nomargin{margin:0!important;padding:0!important}.mr40{margin-right:40px}input,select{color:#58595B;line-height:18px;}
* {
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.cboth {clear:both;}
.margin-small-top { margin-top:20px !important;}
.margin-medium-top { margin-top:50px !important;}
.margin-large-top { margin-top:80px !important;}

.margin-small-bottom { margin-bottom:20px !important;}
.margin-medium-bottom { margin-bottom:50px !important;}
.margin-large-bottom { margin-bottom:80px !important;};


.margin-small-right { margin-right:20px !important;}
.margin-medium-right { margin-right:50px !important;}
.margin-large-right { margin-right:80px !important;}


.margin-small-left { margin-left:20px !important;}
.margin-medium-left { margin-left:50px !important;}
.margin-large-left { margin-left:80px !important;}

.align-center { text-align:center !important;}
.align-left { text-align:left !important;}
.align-right { text-align:right !important;}

.header .logo { padding-top:10px;}
.header .logo img{ max-width:100%; height:auto;}
.header .sag { display:table;}
.header .sag .dil { float:right; margin-top:5px; margin-left:20px}
.header .sag .adresbar { float:right; padding-top:5px;}
.header .sag .adresbar a { float:left; display:block; text-decoration:none;}
.header .sag .adresbar a { margin-right:10px;}
.header .sag .adresbar a:first-child::after { content:''; height:19px; float:right; margin-left:6px; width:1px; background-color:#333;}
.header .sag .nav { width:100%; margin-top:40px;}
.header .sag .nav ul { list-style:none; float:right;}
.header .sag .nav ul li { float:left; margin-right:8px; display:block;}
.header .sag .nav ul li.mobile { display: none;}
.header .sag .nav ul li.mobile a { font-size: 25px; border:none;}
.header .sag .nav ul li.mobile::after { display: none;}
.header .sag .nav ul li a { color:#58595B; font-family:'Roboto', sans-serif; font-size:16px; font-weight:400; float:left; text-decoration:none;}
.header .sag .nav ul li a span { width:100%; display:block; font-size:11px; color:#afafaf;}
.header .sag .nav ul li::after {content:''; height:40px; float:right; margin-left:6px; width:2px; background-color:#e8e8e8;}
.header .sag .nav ul li:last-child { margin-right:0;}
.header .sag .nav ul li:last-child::after { content:''; display:none;}
.header .sag .nav ul li:hover a {color:#358cff; font-weight:bold;}
.header .sag .nav ul li:hover a span { font-weight:normal;}
.header .sag .nav ul li.aktif a {color:#358cff; font-weight:bold;}
.header .sag .nav ul li.aktif a span { font-weight:normal;}

.sistems .baslik { color:#30A5EC; font-size:25px; font-weight:bold; width:100%; text-align:center;}
.sistems ul { list-style:none;}
.sistems ul li { margin-bottom:30px; }
.sistems ul li img{ max-width:100%; width:100%; height:auto;}
.sistems ul li figcaption a { padding:5px 10px; background-color:#000547;font-family:'Roboto', sans-serif; font-weight:bold; color:#fff; text-decoration:none; width:100%; display:block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.sistems ul li .detay { font-size:13px; color:#0d168d; padding:5px 0}
.sistems ul li .detay a { color:#606061; font-weight:bold;}


.metroer { background:url(../img/metroerbg.jpg) no-repeat; background-size:cover; width:100%; padding:30px;}
.metroer .baslik { color:#fff; font-size:18px; font-weight:bold; padding-bottom:5px; margin-bottom:10px; border-bottom:3px solid #fff;  font-family:'Roboto', sans-serif;}
.metroer .detay { line-height:28px; color:#fff;}
.metroer a { color:#fff; text-decoration:none;}
.metroer .hakkinda .icerik{ background-color:rgba(56, 165, 231, 0.72); min-height:240px; padding:10px;}
.metroer .haberler .icerik { background-color:rgba(17, 131, 199, 0.75); min-height:240px; padding:10px;}
.metroer .neden .icerik { background-color:rgba(111, 116, 119, 0.79); min-height:240px; padding:15px;}
.metroer .haberler ul { list-style:none;}
.metroer .haberler ul li { width:100%; margin-bottom:20px; font-weight:bold;}


.slogan { background:url(../img/sloganbg.jpg) no-repeat; background-size:cover; width:100%; padding:30px;}
.slogan p { font-size:17px; font-weight:bold; color:#fff; text-align:center;}
.slogan a { color:#fff; text-decoration:none;}


.sayfalama{width:100%;float: left;font-size:14px;line-height:25px;margin:50px 0 0;padding:15px 0 0;border-top:2px solid #dadada;font:14px/36px 'Montserrat', Arial, Helvetica, sans-serif;}
.sayfalama ul{width:100%;float:right;margin:0;padding:0;list-style:none;line-height: inherit;}
.sayfalama ul li{margin:0 4px;line-height: inherit;list-style-type:none; float:left;}
.sayfalama ul li a{padding:0px 12px; font-weight:bold;display:block;color:#222;background:#eaeaea;border-radius:3px;text-align:center;position:relative;line-height: inherit;}
.sayfalama ul li a:hover,.sayfalama ul li a:hover i{color:#fff;}
.sayfalama ul li a.aktif:before{background:#1d68c3;}
.sayfalama ul li a:before{top:3px;left:0;width:100%;height:100%;content:'';z-index:-1;border-radius:3px;position:absolute;background:#dad8d8;}
.sayfalama ul li.aktif{background:#3490FF;}
.sayfalama ul li.aktif a{color:#fff;background:#3490FF;}
.sayfalama ul li.aktif a:before{color:#fff;background:#3490FF;}


.refCozum {}
.refCozum .baslik { color:#30A5EC; font-size:26px; font-weight:bold;font-family:'Roboto', sans-serif; }
.refCozum ul { list-style:none;}
.refCozum ul li { margin-bottom:30px;}
.refCozum ul li img{ width:100%; height:auto; }
.refCozum .cozum { border-left:4px solid #d3d3d3}

.navb.kurumsalBg { background: url(../img/kurumsalbg.png) no-repeat top center; background-size: cover;}
.navb.urunBg { background: url(../img/urunbg.png) no-repeat top center; background-size: cover;}
.navb.refBg { background: url(../img/referansbg.png) no-repeat top center; background-size: cover;}
.navb.blogBg { background: url(../img/blogbg.png) no-repeat top center; background-size: cover;}

.navb { width: 100%; padding: 70px 0 30px 0; background-color: #30A5EC; }
.navb .baslik { color: #fff; font-size: 30px; font-weight: bold; font-family: 'Roboto', sans-serif;}
.navb .container { position: relative;}
.navb .teklifAc { position: absolute; right: 0;  background-color: #fff; border-radius: 6px; padding: 8px 17px; color:#30A5EC; font-size: 17px; font-weight: bold; top:0; text-decoration: none;}
.navb .baslik p { font-size: 12px; font-weight: normal;}
.navb .baslik p a { text-decoration:none; color: #fff}

.sayfa.kurumsal .icerik { font-size: 14px; line-height: 23px;}
.belgelerimiz .baslik { color:#30A5EC; font-size:25px; font-weight:bold; width:100%;}
.belgelerimiz { width: 100%; padding: 40px 0; background: url(../img/belgebg.png) no-repeat top center; background-size: cover;}
.belgelerimiz ul { list-style: none;}
.belgelerimiz ul li { position:relative; margin-bottom: 30px;}
.belgelerimiz ul li img { max-height: 100%; max-width: 100%; width: auto; margin: 0 auto; border:1px solid #e0dfdf}


.sayfa.iletisim .harita { width: 100%; height: 350px;}
.sayfa.iletisim .baslik { font-size: 22px; color: #000; font-family: 'Roboto', sans-serif; margin-bottom: 15px; font-weight: bold;}
.sayfa.iletisim p { font-size:16px; margin-bottom:10px; display:block; font-family: 'Roboto', sans-serif; font-weight: 300}
.sayfa.iletisim p.social a { font-size:22px; margin-right:8px;}
.sayfa.iletisim form .form-control { border-radius:0}
.sayfa.iletisim form .btnn { background-color:#30A5EC; padding:8px 12px; font-weight:bold; color:#fff; text-align:center; border:none; float:right;}

.sayfa.urunler .row { margin-left: -30px;}
.sayfa.urunler ul.uruns { list-style:none;}
.sayfa.urunler ul.uruns li { margin-bottom:30px; }
.sayfa.urunler ul.uruns li img{ max-width:100%; width:100%; height:auto;}
.sayfa.urunler ul.uruns li figcaption a { padding:5px 10px; background-color:#000547;font-family:'Roboto', sans-serif; font-weight:bold; color:#fff; text-decoration:none; width:100%; display:block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.sayfa.urunler ul.uruns li .detay { font-size:13px; color:#0d168d; padding:5px 0}
.sayfa.urunler ul.uruns li .detay a { color:#606061; font-weight:bold;}

.solmenu { background: #f1f1f1 url(../img/solmalt.png) no-repeat right -1px bottom -1px; min-height: 100px; padding: 20px 0px 26px 15px;}
.solmenu .baslik{ font-size: 18px; width: 100%; text-align: center; margin-top: 5px; margin-bottom: 10px;}
.solmenu .cizgi { width: 120%; height: 15px; clear:both; background-color: #fff; margin-left: -15px;}
.solmenu ul { list-style:none; background: url(../img/solm1.png), url(../img/solm2.png); background-repeat: no-repeat, no-repeat; background-position: top center, bottom center; padding: 15px 40px;}
.solmenu ul li { width: 100%; border-bottom: 1px solid #bfbfbf;  padding-bottom: 10px; margin-bottom: 10px; font-size: 13px;}
.solmenu ul li:last-child { border:0; margin-bottom: 0; padding-bottom: 0}
.sayfa .detay ul { padding-left:25px;}
.sayfa.urunler .detay .baslik { color:#30A5EC; font-size:20px; font-weight:bold; width:100%; margin-bottom: 20px; margin-top: 20px}
.sayfa.urunler .detay ul.rsmler { list-style: none; padding-left:0}
.sayfa.urunler .detay ul.rsmler li { margin-bottom: 20px; }
/*.sayfa.urunler .detay ul.rsmler li img{ max-width: 100%; max-height: 140px; width:auto; display:table; margin:0 auto;}
*/
.solmenu .bizeulasin { background:url(../img/iletisim.png) no-repeat bottom -12px right; background-size:contain}



.sayfa.galeri .detay .baslik { color:#30A5EC; font-size:20px; font-weight:bold; width:100%; margin-bottom: 20px; margin-top: 20px}
.sayfa.galeri .detay ul.rsmler { list-style: none; padding-left:0}
.sayfa.galeri .detay ul.rsmler li { margin-bottom: 20px; }
.sayfa.galeri .detay ul.rsmler li p { text-align:center;}
.sayfa.galeri .detay ul.rsmler li img{ max-width: 100%; max-height: 140px; width:auto; display:table; margin:0 auto;}


.imageContainer {
  width: 100%;
  height: 190px;
  overflow: hidden;
  position: relative;
}
.imageCenterer {
  width: 300px;
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -150px;
}
.imageCenterer img {
  display: block;
  margin: 0 auto;
  max-width:100%;
}


.syust { width:100%; position:absolute; top:0; height:100%; z-index:9}
.syust .on-katalog { float:right; margin-top:30px; width:190px; display:table}
.syust .on-katalog img { width:100%; height:auto !important;}

.sayfa.haberler ul.haberl { list-style:none;}
.sayfa.haberler ul.haberl li { margin-bottom:30px;}
.sayfa.haberler ul.haberl li .row { margin-left:-5px; margin-right:-5px; }
.sayfa.haberler ul.haberl li .resim { padding-left:5px; padding-right:5px;}
.sayfa.haberler ul.haberl li .resim img { width:100%; height:auto;}
.sayfa.haberler ul.haberl li .sag { padding-left:5px; padding-right:5px;}
.sayfa.haberler ul.haberl li .bslk { width:100%; margin-bottom:5px; font-size:16px; font-weight:bold;}
.sayfa.haberler ul.haberl li p { color:#666;}

.sayfa.haberler .haberd { border-right:1px solid #e2e2e2; margin-top:20px;}
.sayfa.haberler .habers h4 { margin-top:40px; margin-bottom:15px;}
.sayfa.haberler .habers ul { list-style:none;}
.sayfa.haberler .habers ul li { width:100%; margin-bottom:20px; display:table;}
.sayfa.haberler .habers ul li img { float:left; width:70px; height:auto; border:1px solid #e2e2e2; margin-right:5px; margin-bottom:3px}
.sayfa.haberler .habers ul li a.baslik { font-weight:bold; font-size:13px;}

.sayfa.referanslar ul { list-style:none;}
.sayfa.referanslar ul li { margin-bottom:30px; display: table;}
.sayfa.referanslar ul li img{ width:100%; height:auto; }

.sayfa.blog ul.list { list-style:none;}
.sayfa.blog ul.list li { margin-bottom:30px; }
.sayfa.blog ul.list li img{ max-width:100%; width:100%; height:auto;}
.sayfa.blog ul.list li figcaption a { font-weight:bold; color:#000; text-decoration:none; width:100%; display:block;}

.footer { background:url(../img/footerbg.jpg) no-repeat; background-size:cover; width:100%; padding:30px; color:#fff;}
.footer .baslik {font-size:17px; font-weight:bold;font-family:'Roboto', sans-serif; margin-bottom:10px}
.footer p { font-size:12px; margin-bottom:10px; display:block;}
.footer p.social a { font-size:22px; margin-right:8px;}

.footer .menu ul { list-style:none;}
.footer .menu ul li a { color:#fff; text-decoration:none;}

.footer .form .form-group { margin-bottom:3px !important; }
.footer .form .form-group .form-control {border-radius:0px !important;}
.footer .form .btnn { background-color:#30A5EC; padding:8px 12px; font-weight:bold; color:#fff; text-align:center; border:none;}

.footer .yorumlar ul{ list-style:none;}
.footer .yorumlar ul li .ad{ font-weight:bold;}

.copyr { background-color:#000; width:100%; line-height:45px; color:#fff;}

.mobilemenu { width:100%; display:none; margin-bottom:0;}
.mobilemenu ul { width:100%; list-style:none;border-top:1px solid #3D414C;}
.mobilemenu ul li { width:100%; padding:7px 12px; color:#fff; background-color:#358cff; border-bottom:1px solid #3D414C;}
.mobilemenu ul li a { color:#fff; font-size:15px; font-weight:600; font-family:'Roboto', 'Open Sans', Arial}


.teklifalB {  position:fixed; top:42%; right:0; z-index:50; width:40px; height:108px; background:url(../img/teklifal1.jpg) no-repeat}
.teklifalB_en {background:url(../img/teklifal1_en.jpg) no-repeat;position:fixed; top:42%; right:0; z-index:50; width:40px; height:108px;}
.teklifalB_ae {background:url(../img/teklifal1_ae.jpg) no-repeat;position:fixed; top:42%; right:0; z-index:50; width:40px; height:108px;}

.teklifAlbg {  position:fixed; top:0; left:0; z-index:100; background-color:rgba(0, 0, 0, 0.61); width:100%; height:100%; display:none;}
.teklifAl { width:600px; padding:30px 30px 15px 30px; background-color:#000547; position:fixed; z-index:101; top:35%; margin:0 auto; left:0; right:0; color:#fff; display:none;}
.teklifAl .kapat { position:absolute; top:-12px; right:-12px; background:url(../img/x.png) no-repeat; width:30px; height:24px; z-index:102; display:table}
.teklifAl .baslik { font-size:18px; font-weight:bold; font-family:'Roboto', sans-serif; color:#fff; width:100%; margin-bottom:10px;}
.teklifAl .alert { margin-top:5px; display:none;}
.teklifAl p { font-size:12px}
.teklifAl form  { margin-top:10px;}
.teklifAl form .form-control { border-radius:0}
.teklifAl form .form-group .row { margin-left:-5px; margin-right:-5px;}
.teklifAl form .form-group .row div { padding-left:5px; padding-right:5px; margin-bottom:5px;}
.teklifAl form .btnn { background-color:#30A5EC; color:#fff; font-size:17px; font-weight:bold; float:right; border:none; padding:5px 14px}