@charset "utf-8";
/* CSS Document */


@import 'fonts.css';

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	box-sizing: border-box;}


html,body{ padding:0px; margin:0px;height:100%;min-height:100%; }
 
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite,code,del, dfn, img, ins, kbd, q, s, samp,small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,fieldset, form, label, legend, input, select, textarea, button,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video 
{margin: 0; padding: 0; border: 0; }

body{min-width: 1170px;}

a{text-decoration: none;}

ul{padding: 0px; margin: 0px;}
hr{border: 0;}

a,a:hover{text-decoration: none;}
*:focus {
    outline: none;
	outline: 0;
}

.navbar{height:126px; }
.navbar .dil{position: absolute;height: 126px;width: 60px;font: 15px 'Corbel';color:#fff;line-height: 128px;}
.navbar .dil a{ font: 15px 'Corbel';color:#fff;display: inline-block;}
.navbar .dil a:hover{color: #f07d00;}
.navbar .logo{display: inline-block;width: 238px; height:136px; background: url(../images/page/logo.svg) no-repeat center; margin-top: 34px;}
.navbar .logo a{ width: 238px; height: 136px; display: block;}
.navbar ul{list-style-type: none;display: inline-block;}
.navbar ul li{position: relative;float: left;}
.navbar ul li:first-child{margin-left: 124px;}
 .navbar ul li:nth-child(3) {margin-right: 20px;}
 .navbar ul li:nth-child(5) {margin-left: 20px;}
.navbar ul li a{font: 15px Corbel; color:#fff;padding: 0 24px;height:128px;display: block;line-height: 128px;}
.navbar ul li a:hover{background-color: #f07d00;
    -webkit-transition: background-color 0.3s linear;
    -ms-transition: background-color 0.3s linear;
    transition: background-color 0.3s linear;

}
 .navbar ul li:nth-child(4) a:hover{background-color: transparent;}

.navbar ul li a .menuplus{position:absolute; left:50%; margin-left: -7px; width: 14px; height: 14px;font: 18px 'Corbel'; color: #fff;top:-20px; background: url(../images/page/menu-plus.svg) no-repeat;}
.navbar ul li a:hover>.menuplus{top: 30px; -webkit-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;}

.row{width: 100%;min-height: 5px;  }
.container{margin-left: auto;margin-right: auto;width: 1170px;}
.row,.col-left,.col-right,.col{position: relative;float: left;height: auto;}
.w100{width: 100%;}
.imgBox{width: 100%;height: auto;}
.imgBox.anaColumn{height: 110px; margin-bottom: 32px;}
.imgBox.siemens{ background: url(../images/page/siemens.svg) no-repeat center 24px;}
.imgBox.medical{ background: url(../images/page/medical-kumsaati.svg) no-repeat center;}
.imgBox.teknik{ background: url(../images/page/technical.svg) no-repeat center 0;}
.imgBox.solution{ background: url(../images/page/solution.svg) no-repeat center ;}
.imgBox.sales{height: 90px; background: url(../images/page/sales-canta.svg) no-repeat center;}
.imgBox.storage{height: 90px; background: url(../images/page/storage-tup.svg) no-repeat center;}
.imgBox.anahaber{height: 174px;}
.imgBox.anailetisim{height: 153px; background: url(../images/page/ana-iletisim.jpg) no-repeat;margin-bottom: 15px;}

.imgBox img{width: 100%;height: auto; display: block;}
.imgBox.iletisim{width: 715px;height:163px; background: url(../images/page/iletisim.jpg) no-repeat;margin-bottom: 20px;}
.imgBox.servis{width: 276px;height: auto;}
.imgBox.servis::after{content:'';position: absolute;top: 0; right:-15px; width:22px;height: 225px; background: url(../images/page/servis-cizgi.png) no-repeat;}

.imgBox.urun-detay{width: 372px;height: auto;margin-right: 36px; margin-bottom: 42px;}

.imgBox.haber{width: 372px;height: auto;margin-left: 36px; margin-bottom: 42px;}
.container{min-width: 1170px;height: auto;margin-left: auto;margin-right: auto;}

.container.iletisim{padding-left:56px;} 
.container.kurumsal{min-height: 350px;}

.banner{ height: auto;z-index: 1;}
.menu{position: absolute;height: 127px; background: url(../images/page/menuBg.svg) repeat;z-index: 100;}

.bg-siyah{background: url(../images/page/bg-siyah.jpg) repeat;}
.bg-turuncu-1{background-color: #d47206;}
.bg-turuncu-2{background-color: #965106;}

.col.cozum{height: 315px;width:292.5px;padding: 36px; z-index: 1500; }
.col.cozum a{color: #fff;font:14px 'corbel'; }
.col.cozum::after{content:"";background:url(../images/page/sol-ucgen.png) no-repeat;position: absolute;left: 0;top:44px;width: 24px; height: 58px;}
  

.col.cozum:hover{height: 345px; margin-top: -30px;  }


.row.ana-sales{height: 160px;padding:38px 18px; }

.col.ana-sales{width: 517px;margin-right: 100px;}
.col.ana-sales a{width: 517px;display: block;}


.col.img-anasales{width: 98px;height: 90px;margin-right: 28px;}

.col-left.anahaber{width: 410px;margin-right: 40px;}
.col-right.anailetisim{width: 676px;}
.row.anahaber{margin-bottom:54px;}
.col.anahaber{padding: 18px;height: 150px;margin-bottom: 42px;}
 
 .col.inceleBtn{width: 120px;height: 28px;;margin-bottom: 12px;}

.col.inceleBtn a{  width: 120px;height: 28px;display: block;font: 14px 'Corbel'; color: #fff;line-height: 28px;}

.form-alan{width: auto; height: auto;}


.col-left.anailet-form,.col-right.anailet-form{width:316px;height: auto;margin-right:42px;}
.col-left.ilet-form,.col-right.ilet-form{width:338px;height: auto;margin-right:42px;}
.col-left.ebulten{width: 410px;margin-right: 150px;}
.col-right.ebulten{width: 460px; height: 40px;margin-top:14px;}
span.ebulten-ust{line-height: 36px; display: block;} 
span.ebulten-alt{font-size: 18px;line-height: 24px;display: block;} 


.col.inputDiv{width: 100%;height: auto;float: left; margin-bottom: 16px;}

.row.ebulten{height: 178px;background: url(../images/page/ebulten-bg.jpg) center no-repeat,#a0511b;}

.row.ebulten-yazi{height: 54px;margin-top: 62px;padding-left: 96px;font:28px Cambria Math; color: #fff;}

.col-left.ebulten-form{width:328px;}
.col-right.ebulten-form{width:132px;}


.col-left.kurumsal{width:300px;margin-right: 40px;}
.col-right.kurumsal{width:830px;  }

.row.altMenu{height: 58px;font: 15px 'GothamNarrow';color: #707070;line-height: 58px;}


.col-left.ik{width: 237px;margin-right: 26px; background: url(../images/page/ikleft-img.jpg) no-repeat;height: 430px;}
.col-right.ik{width: 907px;}

.col-left.ik-form{width: 437px;margin-right: 33px;}
.col-right.ik-form{width: 437px;}

.col-left.iletisim{width: 300px;margin-right:94px;}
.col-right.iletisim{width:718px;}

.col-left.servis{width: 276px;  margin-right: 36px;}
.col-right.servis{width: 838px;height: auto;}


.col.adres{height: 56px; display: table; }
 
.col.adres span.icon{width: 32px; height: 56px;float: left;margin-right: 10px;}
.col.adres span.adres-text{display: table-cell; vertical-align: middle;}
.yerimi{background: url(../images/page/yerimi.svg) no-repeat center;}
.tel-icon{background:url(../images/page/ilet-tel.svg) no-repeat center;}
 .fax-icon{background:url(../images/page/faks.svg) no-repeat center;}
.mail-icon{background: url(../images/page/mail-ilet.svg) no-repeat center;}
.whatsapp-icon{background: url(../images/page/whatsapp.svg) no-repeat center;}
.viber-icon{background: url(../images/page/viber.svg) no-repeat center;}
.imo-icon{background: url(../images/page/imo.svg) no-repeat center;}
/***/

.col.urunBox{width: 244px; height: 160px; margin-right: 40px;margin-bottom: 40px;}

.urunBox-hover{position: absolute;width: 100%; height:100%; background: url(../images/page/urunhover.svg) repeat;opacity: 0; overflow: hidden;}
.urunBox-hover a{width: 100%;height:100%;  display: block;}

.col.urunBox:hover>.urunBox-hover{opacity: 1;-webkit-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;}
.urunBox-hover .plus{position: absolute; left: 50%; top:-40px; width: 16px; height: 16px; background: url(../images/page/menu-plus.svg) no-repeat;}
.urunBox-hover .zoom{position: absolute; left: 50%; top:-35px; width: 30px; margin-left: -15px; height: 30px; background: url(../images/page/zoom.svg) no-repeat;}

.urunBox-hover .urun-adi{position: absolute;padding: 0 15px;width: 100%;height:80px;font: 20px 'Corbel'; color: #fff; text-align: center;-webkit-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;bottom: -90px;}
.col.urunBox:hover>.urunBox-hover .plus{-webkit-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;top: 40px;}
.col.urunBox:hover>.urunBox-hover .zoom{-webkit-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;top: 60px;}
.col.urunBox:hover>.urunBox-hover .urun-adi{-webkit-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;bottom: 5px;}
/********/

.row.ustDiger{height: 254px; ;z-index: 1;}
.row.ustDiger.kurumsalbg{background:url(../images/page/diger-ustbg.svg) repeat, url(../images/page/kurumsalbg.jpg) no-repeat top center,url(../images/page/bg-siyah.jpg) repeat;}
.row.ustDiger.urunlerbg{background:url(../images/page/diger-ustbg.svg) repeat, url(../images/page/urunlerbg.jpg) no-repeat top center,url(../images/page/bg-siyah.jpg) repeat;}
.row.ustDiger.ikbg{background:url(../images/page/diger-ustbg.svg) repeat, url(../images/page/ikbg.jpg) no-repeat top center,url(../images/page/bg-siyah.jpg) repeat;}
.row.ustDiger.iletisimBg{background:url(../images/page/diger-ustbg.svg) repeat, url(../images/page/iletisimBg.jpg) no-repeat top center,url(../images/page/bg-siyah.jpg) repeat;}
.row.ustDiger.servisBg{background:url(../images/page/diger-ustbg.svg) repeat, url(../images/page/servisBg.jpg) no-repeat top center,url(../images/page/bg-siyah.jpg) repeat;}
.row.kurumsal-galeri{margin-top: 54px;}


a.kurumsal,a.urunlist{position: relative;width: 100%;padding:8px 36px 8px 22px; display: block;background-color: #535353; font: 15px 'corbel';color: #fff;border: 1px solid #6a6866;overflow: hidden;}
a.kurumsal .plus,a.urunlist .plus{position:absolute; top:50%;margin-top: -7px; right: -30px; width: 14px; height: 14px; background: url(../images/page/menu-plus.svg) no-repeat;} 
a.kurumsal:hover>.plus,a.urunlist:hover>.plus{right:14px; -webkit-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;}
a.kurumsal:hover,a.kurumsal.secili,a.urunlist:hover,a.urunlist.secili{ background-color: #f07d00;}
a.kurumsal.secili .plus,a.urunlist.secili .plus{right: 14px;}

 
 
 

textarea,select,input[type="text"]{width:100%;height: 36px;border: 1px solid #6f6f69;padding-left: 10px; font: 13px 'GothamNarrow-Light'; background-color: transparent; color: #ddd;}
select{height: 34px;}
textarea{ height: 132px;  padding-left: 10px; padding-top: 10px; }
button{width: 100%;height: 30px;display: block;font: 13px 'MyriadPro-Regular';text-align: center;padding:5px 26px;cursor: pointer; font:18px 'Corbelb';margin: 0;padding: 0;}

input.ebulten{background-color: #fff; border: 1px solid #fff;  height: 40px; display: inline-block;color: #232323;}
input[type="text"].ik,textarea.ik{background-color: #fff; border: 1px solid #fff;  height: 38px;color: #232323;}
textarea.ik{height: 132px;}

label.cvfile input{position: absolute;left: -9999px;}

span.cvFile{position: absolute;right: 0;border: 1px solid #d2d2d2;text-align: center;width: 86px; height: 36px; background-color: #f07d00;color: #fff;line-height: 36px;cursor: pointer;}
span.cvName{position: absolute;width:calc(100% - 84px);height: 36px; border: 1px solid #d2d2d2;line-height: 36px; padding-left: 10px; background-color: #fff;color: #232323;}



button.ebulten{width: 132px;height: 40px;display: inline-block;}
button.first{height: 40px;}

button.send{width: 118px; color: #fff;}

button.bg-ikili{background-color: #965106; background-image: -webkit-linear-gradient(0deg, #965106 50%, #d47106 50%);}

button.bg-ikili:hover{background-color: #d47106; background-image: -webkit-linear-gradient(0deg, #d47106 50%, #d47106 50%); }

button.siyah{background-color: #232323;color:#fff;}

button.turuncu{background-color: #f07d00;color: #fff;}
button.turuncu:hover{background-color: #fff;color: #f07d00;}


h1.ik{font:18px 'Montserrat-Light';border-bottom: 1px solid #4c4c4c; height: 26px;color: #fff;margin-bottom: 14px;}
h1.iletisim{font:28px 'Montserrat-Light';border-bottom: 1px solid #4c4c4c; height: 50px;color: #9f684d;margin-bottom: 14px;}
h1.urun-detay{font: 20px 'Corbel'; height: 40px; color: #fff; border-bottom: 1px solid #fff;margin-bottom: 18px;}
h1.urun-detay::after{content:""; position: absolute;width: 12px; height: 12px; background-color: #f07d00;left: 0;top: 33px;}


h2{font:23px 'corbelb';color: #fff;}
h2.anaColumn{margin-bottom: 13px;}
h2.ana-haber{height: 54px; line-height: 54px;padding-left: 20px;}
h2.ana-haber::before{content: "";position:absolute;left:0px; width:9px; height: 20px; margin-right: 5px;background-color: #f07d00;top: 18px; }

h2.sales{margin-bottom: 10px;}
h2.type2{font: 36px 'Corbel'; color: #fff;padding-left: 56px;padding-top: 66px;margin-top: 127px;}
h2.type2 span{    position: absolute; color: #fff; margin-left: -164px;  margin-top: -31px; opacity: 0.2;font-size: 64px;}
h2.type2 span.iletisim{      margin-left: -148px;}
h2.type2 span.haber{      margin-left: -436px;}
h2.type2 span.ik{      margin-left: -327px;}
h2.type2 span.servis{      margin-left: -327px;}

.row.genel{padding-top: 44px;padding-bottom: 60px;}


.text-1{font:14px 'Corbel';color: #fff;}

.text-15{font:15px 'corbel';color: #fff;}
.text-18{font:18px 'corbel';color: #fff;}

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

hr.gri{background-color: #4f4f4e;height: 1px;width: 98%;margin: 0 auto;}

.bg-ikili{background-color: #d47106;
  background-image: -webkit-linear-gradient(0deg, #d47106 50%, #965106 50%);}

.mr0{margin-right: 0 !important;}

.fleft {float: left !important;}
.fright{float: right !important;}


a.link-fff{color:#fff;}
a.link-fff:hover{color:#f07d00;}

/****************************************************/

.radius-left-40{-webkit-border-top-left-radius: 40px; -webkit-border-bottom-left-radius: 40px; -moz-border-radius-topleft: 40px; -moz-border-radius-bottomleft: 40px; border-top-left-radius: 40px; border-bottom-left-radius: 40px;}

.radius-right-40{-webkit-border-top-right-radius: 40px; -webkit-border-bottom-right-radius: 40px; -moz-border-radius-topright: 40px; -moz-border-radius-bottomright: 40px; border-top-right-radius: 40px; border-bottom-right-radius: 40px;}
 
/***********/

::-webkit-input-placeholder {  color:  #6d7375;}
::-moz-placeholder {  color:  #6d7375;}
:-ms-input-placeholder { color:  #6d7375;}
 

input.ebulten::-webkit-input-placeholder {  color:  #e0e0e0;}
input.ebulten:-moz-placeholder {   color: #e0e0e0;}
input.ebulten:-ms-input-placeholder { color:  #e0e0e0;}




.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */


.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0
}
.video-container iframe, .video-container object, .video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.transition{-webkit-transition: all 0.1s linear; -ms-transition: all 0.1s linear; transition: all 0.1s linear;}

.copyright{position: relative;float: left;}
.designed{position: relative;width:198px;float: right;height:58px; background: url(../images/page/dpLogo.svg) no-repeat 130px center; }
.designed a{color: #999;text-decoration: none;display: block;}

.on_izleme_hata {
	position: absolute;
	font: 9pt Arial;
	min-width: 200px;
	height: auto;
	width: auto;
	padding: 0 10px;
	min-height: 30px;
	left: 30%;
	top: -35px;
	color: #FFF;
	text-align: center;
	background: -webkit-linear-gradient(90deg, #8F0808 5%, #F70505 100%);
	background: -moz-linear-gradient(90deg, #8F0808 5%, #F70505 100%);
	background: -ms-linear-gradient(90deg, #8F0808 5%, #F70505 100%);
	background: linear-gradient(180deg, #F70505 5%, #8F0808 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F70505', endColorstr='#8F0808');
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
	-webkit-box-shadow: 0 2px 10px 0 #616161;
	-moz-box-shadow: 0 2px 10px 0 #616161;
	box-shadow: 0 2px 10px 0 #616161;
	display: table
}
.on_izleme_hata p {
	display: table-cell;
	vertical-align: middle
}
.on_izleme_hata:after {
	content: "";
	position: absolute;
	bottom: -7px;
	left: 50%;
	border-style: solid;
	border-width: 7px 9px 0;
	border-color: #8f0808 transparent;
	display: block;
	width: 0;
	z-index: 1
}