@import url("style_web_fonts.css");

html,body {
	margin:0 !important;
	padding:0 !important;
    width:100%;     
    height:100%;
	font-size:15px;
	background-color:#FFF;
}

.Size12 { font-size:12px; }
.Size13 { font-size:13px; }
.Size14 { font-size:14px; }
.Size15 { font-size:15px; }
.Size16 { font-size:16px; }
.Size17 { font-size:17px; }
.Size18 { font-size:18px; }
.Size20 { font-size:20px; }
.Size22 { font-size:22px; }
.Size24 { font-size:24px; }
.Size26 { font-size:26px; }
.Size28 { font-size:28px; }
.Size30 { font-size:30px; }
.Size32 { font-size:32px; }
.Size34 { font-size:34px; }
.Size38 { font-size:38px; }
.Size42 { font-size:42px; }
.Size48 { font-size:40px; }

.Beyaz { color:#FFF; }
a.Beyaz:hover { color:#ed9e00; }
.Siyah { color:#1D1D1B; }
.Gri { color:#989898; }
.Mavi { color:#179DD9; }
.Turuncu { color:#ed9e00; }
.Kirmizi { color:#ed9e00; }

.BgBeyaz { background-color:#FFF; }
.BgGrey { background-color:#ededed; }

.AllPay { padding-left:5%; padding-right:5%; }

.Pay1 { padding:20px; }
.Pay2 { padding-top:25px; }
.Pay3 { padding-left:20px; padding-right:20px; }
.Pay4 { padding:3% 3% 3% 0%; }
.Pay5 { padding-right:50px; }
.Pay6 { padding:2% 2% 2% 0%; }
.Pay7 { padding:40px 0px; }
.Pay8 { padding:0.5% 1% 0.5% 0%; }
.Pay9 { padding:10px; }
.Pay10 { padding:0px 10px 0px 10px; }
.Pay11 { padding:10px 0px 10px 0px; }

.ParallaxP-TB { padding:3% 0px 3% 0px; }

.ContentP-TB { padding:30px 10px 30px 10px; }
.CounterP { padding:30px; }
.SektorP-TB { padding:50px 0px 50px 0px; }
.RefP-TB { padding:30px 0px 30px 0px; }

.TuruncuBorder { background-color:#179DD9; width:10%; height:2px; margin-top:5px; margin-bottom:15px; }

.flex-control-thumbs li {width:19% !important; }
.flex-control-thumbs img { min-height:70px !important; max-height:70px !important; height:70px !important; }
.flex-control-thumbs li { margin-right: 0px !important; margin-left:4px !important; }
/*
###########################################################
###########################################################
###########################################################
DEĞİŞKENLER
###########################################################
###########################################################
###########################################################
*/

/* Anasayfa */
.BgHead { background-color: #06223A; }
.BgFluGreyTop { background-color:rgba(255,255,255,0.7); height:125px; z-index:9999; top:60px; width:100%; position:absolute; padding:5px 0px 10px 0px; }
.BgFluWhiteTop { /* background-color:rgba(255,255,255,0.8); */ background-image:url(../images/BgFluWhiteTop.png); height:60px; }
.SlideAra { background-image:url(../images/SlideAra.png); background-repeat:repeat-x; height:20px; position:absolute; bottom:-10px; z-index:1; width:100%; }

.SlideBg { min-height:725px; }
.slider-ic { width:100%; height:300px; background-position:center center; background-repeat: no-repeat; background-size:cover; }

a.LinkBeyaz:link { color:#FFF; }
a.LinkBeyaz:visited { color:#FFF; }
a.LinkBeyaz.active { color:#FFF; }
a.LinkBeyaz:hover { color:#FFCC00; }

a.LinkLaci1:link { color:#006699; }
a.LinkLaci1:visited { color:#006699; }
a.LinkLaci1.active { color:#006699; }
a.LinkLaci1:hover { color:#FFF; }

a.Button1:link { background-color:#e17204; color:#FFF; padding:10px; border-radius:6px; }
a.Button1:visited { background-color:#e17204; color:#FFF; }
a.Button1.active { background-color:#e17204; color:#FFF; }
a.Button1:hover { background-color:#e17204; color:#FFF; }

.CounterBg{ min-height:300px; background-position:top center; background:fixed; background-repeat:no-repeat; background-size:cover; padding:0px; margin:0px; width:100%; }
.CounterCerceve { min-height:300px; background-color:rgba(0,0,0,0.6); width:100%; padding:75px 0px 75px 0px; }
.CounterKutu { padding:35px 0px 35px 0px; min-height:150px; width:100%; }

.SektorBg { background-color:#06223A; background-repeat:no-repeat; background-size:cover; width:100%; }

.KutuTransAlt { padding:5px; color:#fff; border:1px solid #FFF; }
.KutuTransAlt:hover { color:#179DD9; border:1px solid #179DD9; }
.KutuTransImg { margin-bottom:30px; margin-top:30px; }
.KutuTransBg { width:100%; height:200px; background-position:center center; background-repeat:no-repeat; background-size:cover; margin-bottom:10px; }
.KutuTitle { line-height:22px; height:64px; overflow:hidden; margin-bottom:2px; }
.KutuText { height:109px; overflow:hidden; padding-top:2px; }

.FormBgKaydir { background-position:top center; background:fixed; background-repeat:no-repeat; background-size:cover; background-position:bottom; }
.FormBg { border:1px solid #179DD9; padding:15px 20px; }

.MusteriBg{ border-top:1px solid #242629; }
.MusteriCerceve { width:100%; padding:20px 0px 20px 0px; }
.MusteriKutu { padding:35px 0px 35px 0px; min-height:150px; width:100%; }

.kurumsal-text { text-align:justify; line-height:36px; font-size:20px; color:#333; }

.Relat { position:relative; }
.Abso { position:absolute; }

a.LinkDil:link { color:#006699; line-height:60px; }
a.LinkDil:visited { color:#006699; }
a.LinkDil.active { color:#006699; }
a.LinkDil:hover { color:#FF0000; }

.BgCenter { background-color:#E5E5E5; padding-top:20px; padding-bottom:20px;  }

.BgAraRenk { background-color:#d5262b; padding-top:20px; padding-bottom:20px; color:#FFF; }

.HomeImg { width:100%; border:4px solid #FFF; min-height:257px; max-height:257px; }
.HomeImgBg { background-color:#ededed; padding:10px; }

.HomeImgFa { width:100%; border:4px solid #FFF; min-height:225px; max-height:225px; }

.HomeImgText{ background-color:rgba(128,138,150,0.8); color:#FFF; height:70px; position:absolute; bottom:0px; width:100%; left:0; line-height:22px; padding-top:10px; padding-bottom:10px; padding-left:20px; padding-right:20px; }
.HomeImgText:hover{ background-color:#D5262B; }

.FooterBg1 { background-color:#06223A; background-repeat:no-repeat; background-position:bottom right; background-size:contain; padding-top:30px; padding-bottom:30px; }
.FooterBg2 { background-color:#179DD9; padding-top:10px; padding-bottom:10px; }
.FooterText { position:absolute; bottom:2px; right:2px; }
.FooterCizgi { border-top:5px solid #179DD9; }
.FooIco { min-width:20px; max-width:20px; }

/* İç Sayfalar */

.IcerikBg { background-color:#f3f4f3; padding-top:50px; padding-bottom:50px; line-height:30px !important; }

.BannerIc { height:500px; max-height:500px; min-height:300px; background-position:center center; background-repeat:no-repeat; background-size:cover; }

.BaslikBg1 { border-bottom:1px solid #179DD9; padding-bottom:5px; margin-bottom:30px; }

.IcerikUlLi ul { list-style:circle !important; list-style-type:circle !important; padding-left:25px; line-height:36px; }

.BaslikH { line-height:40px; }

.RefLogo { border:2px solid #FFF; }
.RefLogo:hover { border:6px solid #1BB8CE; }

.TextField { border:1px solid #a1b1c1; background-color:#FFF; color:#333; padding:0px 5px; width:100%; margin:0px 0px 10px 0px; border-radius:0px; }
.TextArea { border:1px solid #a1b1c1; background-color:#FFF; color:#333; padding:0px 5px; width:100%; margin:0px 0px 10px 0px; border-radius:0px; min-height:250px; height:75px; }
.TextList { border:1px solid #a1b1c1; background-color:#FFF; color:#333; padding:5px; width:100%; margin:5px 0px; height:34px; color:#999; }
.TextFieldButon { border:1px solid #a1b1c1; background-color:#1C3F7F; color:#FFF; padding:0px 5px; width:100%; margin:12px 0px 10px 0px; border-radius:0px; height:37px; }
.TextFieldButon:hover { background-color:#006699; color:#FFF;  }
.TextAreaIk { border:1px solid #a1b1c1; background-color:#FFF; color:#333; padding:0px 5px; width:100%; margin:0px 0px 10px 0px; border-radius:0px; min-height:100px; height:75px; }
.TextFieldIk { border:1px solid #a1b1c1; background-color:#FFF; color:#333; padding:5px 5px; width:100%; margin:0px 0px 10px 0px; border-radius:0px; }

.TextField2 { border:1px solid #b2b2b2; background-color:#FFF; color:#333; padding:20px 10px; width:100%; margin:0px 0px 10px 0px; border-radius:0px; }
.TextArea2 { border:1px solid #b2b2b2; background-color:#FFF; color:#333; padding:15px 10px; width:100%; margin:0px 0px 10px 0px; border-radius:0px; min-height:75px; height:75px; }
.TextFieldButon2 { border:1px solid #b2b2b2; background-color:#1C3F7F; color:#FFF; padding:0px 5px; width:100%; margin:0px 0px 10px 0px; border-radius:0px; height:35px; }
.TextFieldButon2:hover { background-color:#006699; color:#FFF;  }

.OneCikan { background-image:url(../images/zemin.jpg); min-height:400px; background-size:cover; background-repeat:no-repeat; background-position:left center; }
.OneCikanText { border-top:10px solid #D5262B; padding-top:30px; padding-bottom:30px; }
a.OneCikanButon { display:inline-block; color:#FFF; background-color:#D5262B; padding:10px; width:auto; margin:20px 0px;  }
.OneCikanTextLimit { max-height:200px; overflow:hidden; }

.icorenk { color:#333; }

.panel-default > .panel-heading { border:1px solid #1BB8CE; }
.Pozitive:after { font-family: "Glyphicons Halflings"; content:"\e259"; float: right; margin-top:0px; }

.FaaliyetBg { background-color:#E5E5E5; }

/* Logo Liste */
.LogoListePay { padding:10px; background-color:#FFF; margin-right:10px; margin-bottom:10px; float:left; }
.LogoListe { background-position:center center; background-repeat:no-repeat; background-size:contain; width:150px; height:100px; -webkit-filter: grayscale(0%); filter: grayscale(0%); }
.LogoListe:hover { -webkit-filter: grayscale(0%); filter: grayscale(0%); }
.LogoListeYazi { max-width:150px; border-top:1px dashed #CCC; padding-top:5px; margin-top:5px; min-height:40px; max-height:40px; overflow:hidden; }

.proje-pay { padding-right:10px; padding-bottom:10px; }
.proje-pay-golge { -webkit-box-shadow: 0px 4px 7px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 4px 7px 0px rgba(0,0,0,0.5); box-shadow: 0px 4px 7px 0px rgba(0,0,0,0.5); margin-top:5px; margin-bottom:5px; }
.proje-pay a { color:#000; }
.proje-listele-bg { background-repeat:no-repeat; background-position:top center; background-size:cover; width:100%; position:relative; overflow:hidden; height:225px; min-height:225px; max-height:225px; }
.proje-listele { border:1px solid #CCC; padding:10px; }
.proje-listele:hover { border:1px solid #1A1A1A }
.proje-listele-text { margin-top:5px; padding:5px; height:80px; min-height:80px; overflow:hidden; line-height:24px; }

/*
###########################################################
###########################################################
###########################################################

SABİTLER

###########################################################
###########################################################
###########################################################
*/

.search-box{ background-image:url(../images/BgAra.png); background-repeat:no-repeat; width:165px; height:34px; padding:3px 0; float:right; }
.btn-search{ background:none; border:none; width:29px; height:34px; float:left; text-indent:-9999px; overflow:hidden; font-size:0; line-height:0; cursor:pointer; }
.btn-search:hover{ cursor:pointer; }
.search-box .text{ width:130px; height:30px; background:none; border:none; font:12px/23px Arial, Helvetica, sans-serif; color:#000; float:left; padding:0 10px 0 3px; outline:none; letter-spacing:0.5px; }
.search-box .text:focus{ color:#000; }
.search-box .text:hover{ color:#000; }

.ico_face { height:30px; width:30px; background-image:url(../images/icon/ico_03.png); background-repeat:no-repeat; background-position:center }
.ico_face:hover { height:32px; width:32px; background-image:url(../images/icon/iconav_03.png); background-repeat:no-repeat; }
.ico_twit { height:32px; width:32px; background-image:url(../images/icon/ico_04.png); background-repeat:no-repeat; }
.ico_twit:hover { height:32px; width:32px; background-image:url(../images/icon/iconav_04.png); background-repeat:no-repeat; }
.ico_insta { height:32px; width:32px; background-image:url(../images/icon/ico_05.png); background-repeat:no-repeat; }
.ico_insta:hover { height:32px; width:32px; background-image:url(../images/icon/iconav_05.png); background-repeat:no-repeat; }
.ico_youtube { height:32px; width:32px; background-image:url(../images/icon/ico_06.png); background-repeat:no-repeat; }
.ico_youtube:hover { height:32px; width:32px; background-image:url(../images/icon/iconav_06.png); background-repeat:no-repeat; }

.center-table
{
  margin: 0 auto !important;
  float: none !important;
}

.renk1 { background-color:#000; }
.renk2 { background-color:#666; }
.renk3 { background-color:#CCC; }
.renk4 { background-color:#F00; }

.M0 { margin: 0px !important; }
.P0 { padding: 0px !important; }
.RELATIVE { position:relative !important; }
.ABSOLUTE { position:absolute !important; }

/*
###########################################################
###########################################################
###########################################################
MANUEL RESPONSİVE 'LER
###########################################################
###########################################################
###########################################################
*/

.SideTable { display: table; width:100%; }
.SideLeft  { float: none; display: table-cell; vertical-align:middle; }
.SideRight { float: none; display: table-cell; vertical-align:middle; }


.PcGoster { display:block; }
.MobGoster { display:none; }

.AllPay { padding-left:5%; padding-right:5%; }

@media (max-width: 500px) { /* xs */
.container-fluid { padding:10px; }
.AllPay { padding-top:30px; padding-bottom:30px; padding-left:10px; padding-right:10px; }
.BgHead { padding-top:0px; padding-bottom:0px; padding-right:20px; }
.ParallaxP-TB { padding:30px; }
.SlideBg { min-height:240px; }
.BgFluGreyTop { background-color:rgba(255,255,255,0.7); height:125px; z-index:9999; top:auto; width:100%; position:relative; padding:5px 0px 10px 0px; }
.logo { width: 200px !important; left: 0; right: 0; margin: 0 auto; }
.PcGoster { display:none;  }
.MobGoster { display:block; }
}

@media (max-width: 768px) { /* sm */
.Size48 { font-size:40px; }

}

@media (max-width: 992px) { /* md */

}

@media (min-width: 1200px) { /* lg */
.AllPay { padding-left:15%; padding-right:15%; }
}