@font-face { font-family: 'kg_blank_space_sketchregular'; src: url('font/kgblankspacesketch-webfont.woff2') format('woff2'), url('font/kgblankspacesketch-webfont.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap;}
@font-face { font-family: 'ubuntulight'; src: url('font/ubuntu-l-webfont.woff2') format('woff2'), url('font/ubuntu-l-webfont.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap;}
@font-face { font-family: 'casperregular'; src: url('font/casper-webfont.woff2') format('woff2'), url('font/casper-webfont.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap;}
@font-face { font-family: 'ubuntubold'; src: url('font/ubuntu-b-webfont.woff2') format('woff2'), url('font/ubuntu-b-webfont.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap;}
@font-face { font-family: 'ubuntubold_italic'; src: url('font/ubuntu-bi-webfont.woff2') format('woff2'), url('font/ubuntu-bi-webfont.woff') format('woff'); font-weight: normal; font-style: normal;font-display: swap;}
@font-face { font-family: 'ubuntumedium'; src: url('font/ubuntu-m-webfont.woff2') format('woff2'), url('font/ubuntu-m-webfont.woff') format('woff'); font-weight: normal; font-style: normal;font-display: swap;}
@font-face { font-family: 'ubunturegular'; src: url('font/ubuntu-r-webfont.woff2') format('woff2'), url('font/ubuntu-r-webfont.woff') format('woff'); font-weight: normal; font-style: normal;font-display: swap;}
.banner { width: 100%; height: auto; float: left; position: relative; }
.logo { width: 278px; height: 85px; margin-top: 5%; left: 10%; float: left; z-index: 1000; position: absolute; }
.logo img { width: 100%; }
 @media (max-width:999px) {
.logo { width: 278px; height: 85px; margin-top: 10%; left: 10%; float: left; z-index: 1000; position: absolute; }
.logo img { width: 50%; }
}
.ust-cizgi { width: 100%; height: auto; z-index: 1001; position: absolute; top: 0px; }
 @media screen and (max-width: 999px) {  /*Telefon*/
.ust-cizgi { display: none; width: 100%; height: auto; z-index: 1001; position: absolute; top: 0px; }
}
.mail { width: auto; height: 30px; float: left; padding-top: 5px; font-family: Candara; font-size: 17px; }
.mail a { font-family: Candara; color: #333333; font-size: 17px; text-decoration: none; padding-bottom: 5px; }
.mail2 { width: auto; height: 30px; float: left; padding-top: 5px; font-family: Candara; font-size: 17px; color: #fff; }
.mail2 a { font-family: Candara; color: #fff; font-size: 17px; text-decoration: none; padding-bottom: 5px; }
.mail a:hover { font-family: Candara; color: #333333; font-size: 17px; text-decoration: none; }
.tel { width: auto; height: 30px; float: left; margin-left: 30px; padding-top: 5px; }
.tel a { font-family: Candara; color: #333333; font-size: 17px; text-decoration: none; padding-bottom: 5px; }
.tel a:hover { font-family: Candara; color: #333333; font-size: 17px; text-decoration: none; }
.tel2 { width: auto; height: 30px; float: left; margin-left: 30px; padding-top: 5px; }
.tel2 a { font-family: Candara; color: #fff; font-size: 17px; text-decoration: none; padding-bottom: 5px; }
.tel2 a:hover { font-family: Candara; color: #fff; font-size: 17px; text-decoration: none; }
.sag-kisim { width: auto; height: auto; float: right; }
.sosyal-medya { width: auto; height: 35px; float: left; margin-top: 5px; margin-right: 30px; }
.sosyal-medya a { text-decoration: none; }
.neler-yapariz { width: 100%; height: auto; }
.yardim-masasi { background: url(../images/yardim-masasi.jpg) no-repeat top; -moz-background-size: 100% auto;           /* Firefox 3.6 */ -o-background-size: 100% auto;           /* Opera 9.5 */ -webkit-background-size: 100% auto;           /* Safari 3.0, Chrome */ background-size: 100% auto; height: auto; padding-top: 40%; text-align: left; padding-left: 30px; padding-right: 30px; padding-bottom: 10%; font-family: 'ubuntulight'; color: #FFF; line-height: 38px; font-size: 1.2vw; }
.yardim-masasi a { font-family: 'ubuntubold'; font-size: 1.3em; color: #d76e4d; line-height: 38px; }
.bilgiguvenligi { background: url(../images/bilgi-guvenligi.jpg) no-repeat top; -moz-background-size: 100% auto;           /* Firefox 3.6 */ -o-background-size: 100% auto;           /* Opera 9.5 */ -webkit-background-size: 100% auto;           /* Safari 3.0, Chrome */ background-size: 100% auto; height: auto; padding-top: 40%; text-align: center; padding-left: 30px; padding-right: 30px; padding-bottom: 10%; font-family: 'ubuntulight'; font-size: 1.2vw; color: #FFF; line-height: 38px; }
.bilgiguvenligi a { font-family: 'ubuntubold'; font-size: 1.3em; color: #d76e4d; line-height: 38px; }
.bulut-cozumleri { background: url(../images/bulut-cozumleri.jpg) no-repeat top; -moz-background-size: 100% auto;           /* Firefox 3.6 */ -o-background-size: 100% auto;           /* Opera 9.5 */ -webkit-background-size: 100% auto;           /* Safari 3.0, Chrome */ background-size: 100% auto; height: auto; padding-top: 40%; text-align: right; padding-left: 30px; padding-right: 30px; padding-bottom: 10%; font-family: 'ubuntulight'; font-size: 1.2vw; color: #FFF; line-height: 38px; }
.bulut-cozumleri a { font-family: 'ubuntubold'; font-size: 1.3em; color: #d76e4d; line-height: 38px; }
.biz-kimiz { background: url(../images/biz-kimiz.jpg) no-repeat center top; background-size: 100% 100%; height: 546px; margin-bottom: 30px; margin-top: 0px; padding-top: 50px; margin-bottom: 150px; }
 @media (max-width:999px) {
.biz-kimiz { background: url(../images/bg.jpg) no-repeat center top; background-size: 100% 100%; height: auto; margin-bottom: 30px; margin-top: 20px; padding-top: 10px; }
.neler-yapariz { display: none; width: 100%; height: auto; }
}
.cozumlerimiz-biz-kimiz { background: url(../images/cozumlerimiz-biz-kimiz.png) no-repeat center top; background-size: 100% 100%; height: 546px; margin-bottom: 30px; margin-top: 100px; padding-top: 50px; }
@media (max-width:576px) {
.cozumlerimiz-biz-kimiz { background: none; background-color: #b4b4b4; height: auto; margin-bottom: 30px; margin-top: 100px; padding-top: 0px; }
}
.is { width: 100%; height: auto; float: left; margin-bottom: 94px; background-color: #fafafa; padding-bottom: 10px; }
.is h1 { font-family: 'kg_blank_space_sketchregular'; color: #242424; text-align: center; margin: 0px; padding: 0px 0px 50px 0px; font-size: 64px; }
.cozumlerimiz-is { width: 100%; height: 266px; float: left; margin-bottom: 94px; background-color: #b2b2b2; }
.cozumlerimiz-is h1 { font-family: 'kg_blank_space_sketchregular'; color: #242424; text-align: center; margin: 0px; padding: 0px 0px 50px 0px; font-size: 64px; }
.baslik { width: 100%; height: auto; float: left; }
.baslik h1 { font-family: 'kg_blank_space_sketchregular'; font-size: 64px; color: #242424; text-align: center; margin: 0px; padding: 0px 0px 50px 0px; }
.web { font-family: candara; font-size: 14px; color: #FFF; }
.iletisim { width: 100%; font-family: 'ubuntulight'; font-size: 16px; color: #464646; line-height: 40px; margin-bottom: 15px; }
.iletisim a { font-family: 'ubuntulight'; font-size: 16px; color: #464646; text-align: center; line-height: 40px; text-decoration: none; }
.iletisim a:hover { font-family: 'ubuntulight'; font-size: 16px; color: #ed6c20; text-align: center; line-height: 40px; text-decoration: none; }
.iletisim i { font-size: 30px; color: #ee6a00; text-align: center; padding-right: 10px; }
.sosyalmedya { width: auto; margin-right: 10px; font-family: 'ubuntulight'; font-size: 16px; color: #464646; line-height: 40px; float: left; }
.sosyalmedya a { font-family: 'ubuntulight'; font-size: 16px; color: #464646; text-align: center; line-height: 40px; text-decoration: none; }
.sosyalmedya a:hover { font-family: 'ubuntulight'; font-size: 16px; color: #ed6c20; text-align: center; line-height: 40px; text-decoration: none; }
.sosyalmedya i { font-size: 30px; color: #ee6a00; text-align: center; padding-right: 10px; }
.iletisim-bilgileri { font-family: 'ubuntulight'; font-size: 14px; color: #5959959; }
.iletisim-bilgileri a { font-family: 'ubuntulight'; font-size: 14px; color: #5959959; }
 @media screen and (max-width: 480px) {  /*Telefon*/
.iletisim-bilgileri { font-family: 'ubuntulight'; font-size: 12px; color: #5959959; }
}
.iletisim-bilgileri i { padding-right: 3px; }
.copy-rights { background: #89898d; height: auto; color: #fff; font-family: candara; font-size: 14px; padding: 10px 0px; }
#callnowbutton { display: none; }
 @media screen and (max-width: 700px) {  /*Telefon*/
#callnowbutton { display: block; width: 100%; left: 0; height: 70px; position: fixed; bottom: 0px; border-top: 2px solid #ee6a00; background: url(../images/callnowbutton.jpg) no-repeat center; text-decoration: none; box-shadow: 0 0 5px #ee6a00; z-index: 999; }
}
 @media screen and (max-width: 480px) {  /*Telefon*/
#callnowbutton { display: block; width: 100%; left: 0; height: 70px; position: fixed; bottom: 0px; border-top: 2px solid #ee6a00; background: url(../images/callnowbutton.jpg) no-repeat center; text-decoration: none; box-shadow: 0 0 5px #ee6a00; z-index: 999; margin-top: 70px; }
}
.dropdown:hover .dropdown-menu { display: block; }
.navbar { position: absolute; z-index: 1000; top: 50px; right: 0px; padding-right: 20%; padding-top: 0px; padding-bottom: 0px; }
 @media screen and (max-width: 1024px) {  /*Telefon*/
.navbar { position: absolute; z-index: 1000; top: 50px; right: 0px; padding-right: 10%; padding-top: 0px; padding-bottom: 0px; }
}
 @media screen and (max-width: 999px) {  /*Telefon*/
.navbar { position: relative; z-index: 1000; top: 0px; padding-right: 0; padding-top: 0px; padding-bottom: 0px; padding-left: 10px; }
}
header .container-fluid { max-width: 1000px; width: 100%; top: 100px; }
/* Navigation Sub
------------------------------------- */
nav.sub { border-bottom: 1px solid #ebebeb; padding: 10px 0; }
/* Navigation Main
------------------------------------- */
nav.main { }
nav.main .nav-logo { max-width: 200px; width: 100%; }
nav.main ul { list-style-type: none; }
/* ------ Mega Menu ------ */
nav.main .megamenu { padding: 20px 20px; position: absolute; top: auto; left: 0; right: 0; width: 100%; }
/* ------ Mid Menu ------ */
nav.main .midmenu { padding: 50px 0px 30px 50px; float: left; top: auto; right: 30%; width: 850px; margin: 0 auto; background-image: url(../images/biz-kimiz-dropdown.png); background-repeat: repeat; background-clip: padding-box; }
nav.main .midmenu2 { padding: 50px 0px 30px 0px; float: left; top: auto; right: 32%; width: 850px; margin: 0 auto; background-image: url(../images/hizmetlerimiz-dropdown.png); background-repeat: repeat; background-clip: padding-box; }
nav.main .midmenu3 { padding: 50px 0px 30px 0px; float: left; top: auto; right: 30%; width: 850px; margin: 0 auto; background-image: url(../images/cozumlerimiz-dropdown.png); background-repeat: repeat; background-clip: padding-box; }
 @media (max-width:999px) {
/* ------ Mid Menu ------ */
nav.main .midmenu { position: absolute; padding: 50px 0px; float: left; top: auto; right: 0; width: 95%; margin: 0px; background-color: #626262; border-radius: 0px; background-image: none; background-repeat: repeat; background-clip: padding-box; }
nav.main .midmenu2 { position: absolute; padding: 50px 0px; float: left; top: auto; right: 0; width: 95%; margin: 0; background-color: #626262; border-radius: 0px; background-image: none; background-repeat: repeat; background-clip: padding-box; }
nav.main .midmenu3 { position: absolute; padding: 50px 0px; float: left; top: auto; right: 0; width: 95%; margin: 0; background-color: #626262; border-radius: 0px; background-image: none; background-repeat: repeat; background-clip: padding-box; }
}
.dropdown-menu.megamenu.midmenu.show { right: 0; }
.dropdown-menu.show { right: 0; }
.neden-ucnokta { background: url(../images/neden-3nokta.png); background-repeat: no-repeat; padding: 15px 0px 15px 60px; font-family: 'ubuntubold'; font-size: 16px; color: #fff; display: block; display: inline-block; }
.neden-ucnokta:hover { background: url(../images/neden-3nokta-renk.png); background-repeat: no-repeat; padding: 15px 0px 15px 60px; font-family: 'ubuntubold'; font-size: 16px; color: #dd6714; display: inline-block; }
.bizkimiz { background: url(../images/bizkimiz.png); background-repeat: no-repeat; padding: 15px 0px 15px 60px; font-family: 'ubuntubold'; font-size: 16px; color: #fff; display: inline-block; }
.bizkimiz:hover { background: url(../images/bizkimiz-renk.png); background-repeat: no-repeat; padding: 15px 0px 15px 60px; font-family: 'ubuntubold'; font-size: 16px; color: #dd6714; display: inline-block; text-decoration: none; }
.ekibimiz { background: url(../images/ekibimiz.png); background-repeat: no-repeat; padding: 15px 0px 15px 60px; font-family: 'ubuntubold'; font-size: 16px; color: #fff; display: inline-block; }
.ekibimiz:hover { background: url(../images/ekibimiz-renk.png); background-repeat: no-repeat; padding: 15px 0px 15px 60px; font-family: 'ubuntubold'; font-size: 16px; color: #dd6714; display: inline-block; text-decoration: none; }
.bt-operasyon { background: url(../images/bt-operasyon-destek-hizmetleri.png); background-repeat: no-repeat; padding: 10px 0px 10px 40px; font-family: 'ubuntubold'; font-size: 16px; color: #fff; display: inline-block; }
.bt-operasyon:hover { background: url(../images/bt-operasyon-destek-hizmetleri-renk.png); background-repeat: no-repeat; padding: 10px 0px 10px 40px; font-family: 'ubuntubold'; font-size: 16px; color: #dd6714; display: inline-block; text-decoration: none; }
.yonetilebilir-hizmet { background: url(../images/yonetilebilir-hizmetler.png); background-repeat: no-repeat; padding: 10px 0px 10px 60px; font-family: 'ubuntubold'; font-size: 16px; color: #fff; display: inline-block; }
.yonetilebilir-hizmet:hover { background: url(../images/yonetilebilir-hizmetler-renk.png); background-repeat: no-repeat; padding: 10px 0px 10px 60px; font-family: 'ubuntubold'; font-size: 16px; color: #dd6714; display: inline-block; text-decoration: none; }
.bilgi-guvenligi { background: url(../images/bilgi-guvenligi-cozumleri.png); background-repeat: no-repeat; padding: 20px 0px 20px 60px; font-family: 'ubuntubold'; font-size: 16px; color: #fff; display: inline-block; }
.bilgi-guvenligi:hover { background: url(../images/bilgi-guvenligi-cozumleri-renk.png); background-repeat: no-repeat; padding: 20px 0px 20px 60px; font-family: 'ubuntubold'; font-size: 16px; color: #dd6714; display: inline-block; text-decoration: none; }
.altyapi-hizmetleri { background: url(../images/altyapi-hizmetleri.png); background-repeat: no-repeat; padding: 10px 0px 10px 60px; font-family: 'ubuntubold'; font-size: 16px; color: #fff; display: inline-block; }
.altyapi-hizmetleri:hover { background: url(../images/altyapi-hizmetleri-renk.png); background-repeat: no-repeat; padding: 10px 0px 10px 60px; font-family: 'ubuntubold'; font-size: 16px; color: #dd6714; display: inline-block; text-decoration: none; }
.sunucu-cozumleri { background: url(../images/sunucu-cozumleri.png); background-repeat: no-repeat; padding: 20px 0px 20px 60px; font-family: 'ubuntubold'; font-size: 16px; color: #fff; display: inline-block; }
.sunucu-cozumleri:hover { background: url(../images/sunucu-cozumleri-renk.png); background-repeat: no-repeat; padding: 20px 0px 20px 60px; font-family: 'ubuntubold'; font-size: 16px; color: #dd6714; display: inline-block; text-decoration: none; }
.yedekleme-cozumleri { background: url(../images/yedekleme-cozumleri.png); background-repeat: no-repeat; padding: 10px 0px 10px 60px; font-family: 'ubuntubold'; font-size: 16px; color: #fff; display: inline-block; }
.yedekleme-cozumleri:hover { background: url(../images/yedekleme-cozumleri-renk.png); background-repeat: no-repeat; padding: 10px 0px 10px 60px; font-family: 'ubuntubold'; font-size: 16px; color: #dd6714; display: inline-block; text-decoration: none; }
.sanallastirma-cozumleri { background: url(../images/sanallastirma-cozumleri.png); background-repeat: no-repeat; padding: 20px 0px 20px 60px; font-family: 'ubuntubold'; font-size: 16px; color: #fff; display: inline-block; }
.sanallastirma-cozumleri:hover { background: url(../images/sanallastirma-cozumleri-renk.png); background-repeat: no-repeat; padding: 20px 0px 20px 60px; font-family: 'ubuntubold'; font-size: 16px; color: #dd6714; display: inline-block; text-decoration: none; }
.uygulama-cozumleri { background: url(../images/uygulama-cozumleri.png); background-repeat: no-repeat; padding: 20px 0px 20px 60px; font-family: 'ubuntubold'; font-size: 16px; color: #fff; display: inline-block; }
.uygulama-cozumleri:hover { background: url(../images/uygulama-cozumleri-renk.png); background-repeat: no-repeat; padding: 20px 0px 20px 60px; font-family: 'ubuntubold'; font-size: 16px; color: #dd6714; display: inline-block; text-decoration: none; }
.bulutcozumleri { background: url(../images/bulutcozumleri.png); background-repeat: no-repeat; padding: 20px 0px 20px 60px; font-family: 'ubuntubold'; font-size: 16px; color: #fff; display: inline-block; }
.bulutcozumleri:hover { background: url(../images/bulutcozumleri-renk.png); background-repeat: no-repeat; padding: 20px 0px 20px 60px; font-family: 'ubuntubold'; font-size: 16px; color: #dd6714; display: inline-block; text-decoration: none; }
.alt-yapi-cozumleri { background: url(../images/alt-yapi-cozumleri.png); background-repeat: no-repeat; padding: 10px 0px 10px 60px; font-family: 'ubuntubold'; font-size: 16px; color: #fff; display: inline-block; }
.alt-yapi-cozumleri:hover { background: url(../images/alt-yapi-cozumleri-renk.png); background-repeat: no-repeat; padding: 10px 0px 10px 60px; font-family: 'ubuntubold'; font-size: 16px; color: #dd6714; display: inline-block; text-decoration: none; }
.network-guvenligi-cozumleri { background: url(../images/network-guvenligi-cozumleri.png); background-repeat: no-repeat; padding: 10px 0px 10px 60px; font-family: 'ubuntubold'; font-size: 16px; color: #fff; display: inline-block; }
.network-guvenligi-cozumleri:hover { background: url(../images/network-guvenligi-cozumleri-renk.png); background-repeat: no-repeat; padding: 10px 0px 10px 60px; font-family: 'ubuntubold'; font-size: 16px; color: #dd6714; display: inline-block; text-decoration: none; }
.bilgi-guvenligi-cozumleri { background: url(../images/bilgi-guvenligi-cozumleri.png); background-repeat: no-repeat; padding: 20px 0px 20px 60px; font-family: 'ubuntubold'; font-size: 16px; color: #fff; display: inline-block; }
.bilgi-guvenligi-cozumleri:hover { background: url(../images/bilgi-guvenligi-cozumleri-renk.png); background-repeat: no-repeat; padding: 20px 0px 20px 60px; font-family: 'ubuntubold'; font-size: 16px; color: #dd6714; display: inline-block; text-decoration: none; }
.altmenu { font-family: 'ubunturegular'; font-size: 15px; color: #fff; }
.biz-kimiz-banner { width: 100%; height: auto; float: left; background: url(../images/bilgi-guvenligi-cozumleri.png); background-size: 100% auto; background-repeat: no-repeat; }
.ortaklar { width: 100%; height: auto; background-color: #f0f1f0; padding: 20px 0px; margin-bottom: 50px; }
.ortaklar2 { width: 100%; height: auto; background-color: #fafafa; padding: 20px 0px; margin-bottom: 50px; }
.yonetilebilir-hizmetler-left { width: 90%; height: auto; left: 0px; margin-right: 10%; }
.yonetilebilir-hizmetler-left img { width: 100%; height: auto; }
.yonetilebilir-hizmetler-left p { font-size: 1.25rem; font-family: 'ubuntulight'; color: #393939; line-height: 2.25rem; margin-bottom: 100px; background-color: #f9f9f9; padding: 20px 50px 20px 100px; text-align: justify; }
.yonetilebilir-hizmetler-right { width: 90%; height: auto; right: 0px; text-align: right; margin-left: 10%; }
.yonetilebilir-hizmetler-right img { width: 100%; height: auto }
.yonetilebilir-hizmetler-right p { font-size: 1.25rem; font-family: 'ubuntulight'; color: #393939; line-height: 2.25rem; margin-bottom: 100px; background-color: #f9f9f9; padding: 20px 50px; text-align: justify; }