@import url("style_web_fonts.css");

html,body {
	margin:0 !important;
	padding:0 !important;
    width:100%;     
    height:100%;
	font-size:15px;
	background-color:#FFF;
	/*
	background-image:url(../images/bg.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	*/
}

.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; }

.Beyaz { color:#FFF; }
.Siyah { color:#000; }

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

.AllPay { padding-left:9%; padding-right:9%; }
.Pay1 { padding:20px 20px; }
.Pay2 { padding-top:20px; }
.Pay3 { padding-top:10px; padding-bottom:10px; }

/*
###########################################################
###########################################################
###########################################################
DEĞİŞKENLER
###########################################################
###########################################################
###########################################################
*/
.SlideBg { background-position:center center; background-repeat:no-repeat; width:100%; height:525px; background-size:cover; }
.Kapsa { position:relative; top:0px; width:100%; height:525px; }
.Head { position:absolute; z-index:9 !important; top:0px; width:100%; min-width:100%; text-align:center; }
.Index1 { position:absolute; z-index:1; width:100%; height:525px; overflow:hidden; }
.Index2 { position: absolute; z-index:2; width:100%; text-align:center; top:0; }
.Index3 { position:absolute; z-index:3; width:100%; min-width:100%; text-align:center; bottom:0; }

.BottomRedLine { border-bottom:2px solid #F00; background-color: rgba(0,0,0,0.4); }
.FluBlack { background-color:rgba(0,0,0,0.1); width:100%; height:390px; }
.SlideBg > div { z-index:9; position:absolute; bottom:30px; font-size:38px; color:#FFF; text-align:right; width:100%; padding-right:9%; }

.HaberPay0 { padding:10px; }
.HaberPay1 { padding-left:30px; }
.HaberPay2 { padding-left:30px; padding-top:10px; }
.HaberPay3 { padding-left:50px; }
.OutSide { position:absolute; left:0px; background-color:#F00; padding:2px 4px; }
a.bx-prev { color:#FFF; font-weight:bold; }
a.bx-next { color:#FFF; font-weight:bold; }
.BottomRedLineGrey { border-bottom:2px solid #F00; background-color:rgba(0,0,0,0.6); height:35px; position:absolute; bottom:-3px; width:100%; }

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

.Dil { position:absolute; top:25px; right:10px; padding:2px 4px; }
a.LinkDil:link { color:#000; }
a.LinkDil:visited { color:#000; }
a.LinkDil:hover { color:#FFF; }
a.LinkDil.active { color:#FFF; }

.BgGradient { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1b2c6a+0,ffffff+75,ffffff+100 */
background: #1b2c6a; /* Old browsers */
background: -moz-linear-gradient(left, #1b2c6a 0%, #ffffff 75%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #1b2c6a 0%,#ffffff 75%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #1b2c6a 0%,#ffffff 75%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b2c6a', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */ }

.TabMenu { background-image:url(../images/BgTab.png); background-position:center right; background-repeat:no-repeat; line-height:35px; width:150px; margin-top:10px; padding:0px 10px; display:inline-block; }
.BottomGreyLine { border-bottom:1px solid #58585a; }

.TabKutuPay:nth-child(even) { padding-left:2%; }
.TabKutu { background-position:center center; background-repeat:no-repeat; background-size:cover; height:180px; min-height:180px; margin-top:10px; margin-bottom:10px; }
.TabKutuOp { background-color:rgba(0,0,0,0.6); width:100%; height:180px; min-height:180px; padding-top:65px; }
.TabKutuOp:hover { background-color:rgba(255,255,255,0.5); }
.TabKutuYazi { background-color:rgba(255,255,255,0.8); width:100%; height:50px; color:#58585a; text-align:center; padding-top:12px; }
.TabKutuYazi:hover { color:#000; }

.IcBaslik1 { padding-top:15px; padding-bottom:15px; }
.Icerik1 ul { list-style:disc; padding-left:30px; }
.Icerik1 ul li { padding-left:0px; }

.TextField1 { background-color:#e5e5e5; color:#333; border-radius:0px; height:45px; }
.TextField2 { background-color:#e5e5e5; color:#333; border-radius:0px; height:45px; padding:10px; }
.TextField3 { background-color:#e5e5e5; color:#333; border-radius:0px; padding:10px; }
.TextArea { background-color:#e5e5e5; color:#333; border-radius:0px; padding:10px; margin-top:7px; min-height:225px; }
.TextFieldKod { color:#666; font-size:14px; }
.TextFieldButon { background-color:#05165D; border-radius:0px !important; height:45px; color:#FFF; }
.TextFieldButon:hover { background-color:#399b12; }

.FooBg { background-color:#545659; padding:0px 20px 20px 20px; }
.FooCizgi { height:1px; background-color:#666; width:100%; margin-top:15px; }

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

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:40px; width:40px; background-image:url(../images/icon/ico_03.png); background-repeat:no-repeat; }
.ico_face:hover { height:40px; width:40px; background-image:url(../images/icon/iconav_03.png); background-repeat:no-repeat; }
.ico_twit { height:40px; width:40px; background-image:url(../images/icon/ico_04.png); background-repeat:no-repeat; }
.ico_twit:hover { height:40px; width:40px; background-image:url(../images/icon/iconav_04.png); background-repeat:no-repeat; }
.ico_insta { height:40px; width:40px; background-image:url(../images/icon/ico_05.png); background-repeat:no-repeat; }
.ico_insta:hover { height:40px; width:40px; background-image:url(../images/icon/iconav_05.png); background-repeat:no-repeat; }
.ico_youtube { height:40px; width:40px; background-image:url(../images/icon/ico_06.png); background-repeat:no-repeat; }
.ico_youtube:hover { height:40px; width:40px; background-image:url(../images/icon/iconav_06.png); background-repeat:no-repeat; }

.ico_faceK { height:24px; width:24px; background-image:url(../images/icon/ico_03K.png); background-repeat:no-repeat; }
.ico_faceK:hover { height:24px; width:24px; background-image:url(../images/icon/iconav_03K.png); background-repeat:no-repeat; }
.ico_twitK { height:24px; width:24px; background-image:url(../images/icon/ico_04K.png); background-repeat:no-repeat; }
.ico_twitK:hover { height:24px; width:24px; background-image:url(../images/icon/iconav_04K.png); background-repeat:no-repeat; }
.ico_instaK { height:24px; width:24px; background-image:url(../images/icon/ico_05K.png); background-repeat:no-repeat; }
.ico_instaK:hover { height:24px; width:24px; background-image:url(../images/icon/iconav_05K.png); background-repeat:no-repeat; }
.ico_youtubeK { height:24px; width:24px; background-image:url(../images/icon/ico_06K.png); background-repeat:no-repeat; }
.ico_youtubeK:hover { height:24px; width:24px; background-image:url(../images/icon/iconav_06K.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; }


@media (max-width: 480px) { /* xs */
.container-fluid { padding:20px; }
.SideTable { display: inherit; }
.SideLeft  { display: inherit; }
.SideRight { display: inherit; }

}

@media (max-width: 768px) { /* sm */
.ProjeIcerik { font-size:18px; }
.SideTable { display: inherit; }
.SideLeft  { display: inherit; }
.SideRight { display: inherit; margin-top:20px; }

.TabKutuPay:nth-child(even) { padding-left:0%; }
}

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

}

@media (max-width: 1200px) { /* lg */
.TasiMenu { position:relative; top:0px; margin-bottom:20px; }
.DivPay1 { margin-top:20px !important; }
}

@media (min-width: 1300px) { /* lg */

}


@media (min-width: 1470px) { /* lg */

}

@media (min-width: 1700px) { /* lg */

}