@import url("bt_web_fonts.css");

html,body {
	margin:0;
	padding:0;
	font-size:17px;
	line-height: 1.52857143;
}

.FontBeyaz { color:#FFF; }
.FontSiyah { color:#000; }
.FontGri1 { color:#666; }
.FontKirmizi { color:#8d0a0d; }

.BgBeyaz { background-color:#FFF; }
.BgSiyah { background-color:#000; }
.BgKirmizi { background-color:#8D0A0D; }
.BgGri1 { background-color:#f7f7f7; }

.AllPay { padding-left:5%; padding-right:5%; }
.AllPayR { padding-right:5%; }
.AllPayL { padding-left:5%; }
.Pay1 { margin-top:50px; margin-bottom:50px; }
.Pay2 { margin-top:100px; margin-bottom:100px; }
.Pay3 { margin-top:20px; margin-bottom:20px; }
.Pay4 { margin-top:250px; margin-bottom:0px; }
.Pay5 { padding-top:20px; padding-bottom:40px; }
.Pay6 { padding-top:25px; padding-bottom:25px; }
.Pay7 { margin-top:0px; margin-bottom:0px; }
.Pay8 { padding-top:20px; padding-bottom:20px; }
.Pay9 { padding-top:10px; padding-bottom:30px; }
.Pay10 { margin-top:30px; margin-bottom:50px; }
.Pay11 { padding:10px; }
.Pay12 { margin-bottom:50px; }
.Pay13 { margin-left:15px; }

/*
###########################################################
###########################################################
###########################################################
DEĞİŞKENLER
###########################################################
###########################################################
###########################################################
*/

.Head {
	z-index:999;
	top:0px;
	width:100%;
	background-color:#FFF;
	border-top:10px solid #8d0a0d;
	padding-top:15px;
	padding-bottom:15px;
	}
.Head_ic {
	position:relative;
	z-index:999;
	top:0px;
	width:100%;
	height:140px;
	background-image:url(../images/head.png);
	background-repeat:repeat-x;
	padding-top:15px;
	}
.Bottom {
	position:absolute;
	z-index:999;
	bottom:0px;
	width:100%;
	height:40px;
	background-image:url(../images/bottom.png);
	background-repeat:repeat-x;
	padding-top:15px;
	}

.SliderBg { background-repeat:no-repeat; background-size:cover; background-position:center center; width:100%; min-width:100%; max-width: 100%; height:600px; }

.UrunListePay { padding-left:15px; margin-top:15px; }
.UrunListe { min-height:175px; max-height:280px; object-fit: contain; }
.UrunListeDiv { padding:4px; border:1px solid #dddddd; }
.UrunListeDiv:hover { padding:4px; border:1px solid #8D0A0D; }
.UrunListeYazi { background-color:#dddddd; padding:4px; text-align:center; }

a.EtkinlikButon:link { padding:15px 20px; color:#fff; margin-top:50px; }
a.EtkinlikButon:visited { padding:15px 20px; color:#fff; margin-top:50px; }
a.EtkinlikButon:hover { padding:15px 20px; color:#000; margin-top:50px; background-color:#CCC; }
a.EtkinlikButon.active { padding:15px 20px; color:#000; margin-top:50px; background-color:#CCC; }


div.SolMenuDiv { background-color:#E6E6E6; }
div.SolMenuDiv a { display:block; color:#333; text-decoration:none; padding:10px; }
div.SolMenuDiv a:hover { color:#8D0A0D;  background-color:#CCC; }
div.SolMenuDiv a.active { color:#8D0A0D;  background-color:#CCC; }

ul.SolMenu { padding:0px 5px; margin:0px; margin-bottom:10px; list-style:none; list-style-type:none; }
ul.SolMenu li a { padding:5px 10px 5px 20px; }
ul.SolMenu li a:link {  }


ul#RefMenu { list-style:none; list-style-type:none; margin:0px; padding:0px; }
ul#RefMenu li { background-color:#f5f5f5; border:1px solid #dddddd; padding:10px 15px; margin-bottom:5px; }
ul#RefMenu li a { color:#333333; font-weight:500; }

ul#UstMenu { list-style:none; list-style-type:none; margin-top:40px; }
ul#UstMenu li { display:inline-block; border-right:2px solid #333; margin:0px !important; padding:0px !important; line-height:16px; }
ul#UstMenu li:last-child { display:inline-block; border-right:0px; }
ul#UstMenu li a:link { color:#333; padding:3px 12px 0px 10px; }
ul#UstMenu li a:visited { color:#333; }
ul#UstMenu li a:active { color:#333; }
ul#UstMenu li a:hover { color:#8d0a0d; text-decoration:none; }

@media (max-width: 768px) { /* sm */
ul#UstMenu li { display:block; border-right:0px; line-height:20px; text-align:center; }
ul#UstMenu li:last-child { display:block; borderborder-right:0px; line-height:20px; text-align:center; }
}

ul#UstDil { list-style:none; list-style-type:none; margin:0px; padding:4px 4px 4px 4px; margin-top:35px; background-color:#8d0a0d; border-top-left-radius:10px; border-bottom-left-radius:10px; }
ul#UstDil li { display:inline-block; margin:0px; padding:0px; }
ul#UstDil li a:link { color:#000; margin:0px; padding:0px; padding:3px 0px 0px 0px; }
ul#UstDil li a:visited { color:#000; }
ul#UstDil li a:active { color:#000; }
ul#UstDil li a:hover { color:#FFF; text-decoration:none; }
ul#UstDil li a.active { color:#FFF; text-decoration:none; }

.YaziStil1 { line-height:28px; }
.BaslikStil1 { padding:20px 0px 5px 0px; }

.TextField { border:1px solid #b1b1b1; background-color:#FFF; color:#333; line-height:25px; padding:10px; width:93%; margin:5px; }
.TextArea { border:1px solid #b1b1b1; background-color:#FFF; color:#333; line-height:25px; padding:10px; width:90%; margin:5px; height:228px; }
.TextButon { border:1px solid #b1b1b1; background-color:#268fad; color:#FFF; line-height:25px; padding:10px; width:90%; margin:5px; }


.BgKaydir { background-repeat:no-repeat; background-attachment:fixed; background-position:top; background-size:cover; }
.BgKaydir2 { background-repeat:no-repeat; background-attachment:fixed; background-position:top center; background-size:cover; }
.BgUrun { background-color:rgba(206,184,149,0.8); }
.BgUrunTabCizgi { border-bottom:1px solid #FFF; width:100%; }

ul#UrunTab { list-style:none; list-style-type:none; margin:0px; padding:0px; }
ul#UrunTab li { display:inline-block; border-right:2px solid #FFF; margin:0px !important; padding:0px !important; line-height:16px; }
ul#UrunTab > li.active > a { color:#8d0a0d !important; text-decoration:none; }
ul#UrunTab li:last-child { border-right:0px; }
ul#UrunTab li a:link { color:#FFF; padding:0px 15px 0px 15px; }
ul#UrunTab li a:visited { color:#FFF; text-decoration:none; }
ul#UrunTab li a.active { color:#8d0a0d; text-decoration:none; }
ul#UrunTab li a:hover { color:#8d0a0d; text-decoration:none; }


li.UrunOver1 { height:400px; width:300px; max-width:300px; padding:0px 0px; margin:0px 0px 0px 0px; }
/*li.UrunOver1:first-child { height:400px; width:300px; max-width:300px; padding:10px 10px; margin-left:50px; }
li.UrunOver1:last-child { height:400px; width:300px; max-width:300px; padding:10px 10px; margin-right:50px; }*/

div.UrunOver1 { height:400px; width:300px; max-width:300px; padding:0px 0px; margin:30px 0px 60px 0px; display:inline-block; }

.UrunOver2 {
	width:300px;
	height:400px;
	position:relative;
	left:0px;
	top:10px;
	
	background-position:center center;
	background-size:cover;
	background-repeat:no-repeat;
	background-color:rgba(0,0,0,0.5);
	}

.UrunOver3 {
	width:300px;
	height:40px;
	overflow:hidden;
	text-align:center;
	border-bottom:5px solid #ff0000;
	padding:5px;
	color:#000;
	line-height:20px;
	}

.UrunOver3:hover {
	width:300px;
	height:40px;
	overflow:hidden;
	text-align:center;
	border-bottom:5px solid #000;
	padding:5px;
	color:#000;
	line-height:20px;
	text-decoration:none !important;
	}
	
.TabContent {
    display: none;
	width:100%;
}


.BgUrunSpesTabCizgi { border-bottom:1px solid #8d0a0d; width:100%; }

div.UrunSpesOver1 { border-radius:50%; border:2px solid #d2d2d2; height:224px; width:224px; max-width:224px; padding:10px 10px; }

.UrunSpesOver2 {
	width:200px;
	height:200px;
	border-radius:50%;
	position:relative;
	left:0px;
	top:0px;
	
	background-position:center center;
	background-size:cover;
	background-color:rgba(255,255,255,0.2);
	}

.UrunSpesOver3 {
	width:200px;
	height:200px;
	border-radius:50%;
	position:absolute;
	top:0px;
	overflow:hidden;
	text-align:center;
						
	padding:34% 20px 20px 20px;
	color:#FFF;
	}

.UrunSpesOver3:hover {
	width:200px;
	height:200px;
	border-radius:50%;
	position:absolute;
	top:0px;
	overflow:hidden;
	text-align:center;

	background-color:rgba(0,0,0,0.5);
	color:#FFF;
	}

.Ico3lu { background-image:url(../images/icon/3lu.png); width:20px; height:20px; background-repeat:no-repeat; }

.HaberOzet { height:110px; max-height:110px; min-height:110px; overflow:hidden; }
.HaberOzet:hover { cursor:move; }

a.HaberLink:link { color:#FFF !important; text-decoration:none; }
a.HaberLink:visited { color:#FFF !important; text-decoration:none; }
a.HaberLink.active { color:#FFF !important; text-decoration:none; }
a.HaberLink:hover { color:#000 !important; text-decoration:none; }

.BgHaber { background-color:#8d0a0d; }

.BgCont { background-color:#000; }
.BgContGa { background-image:url(../images/gunes_alt.png); background-repeat:no-repeat; height:108px; width:100%; background-position:center center; }

table.FormTable { max-width:350px; }
table.FormTable td { padding:2px 2px 2px 0px; }
.ContactBox { background-color:#1f1d1d; border-radius:0px; border:1px; color:#CCC; }
.ContactBoxText { background-color:#1f1d1d; border-radius:0px; border:1px; color:#CCC; max-width:346px; }
.ContactBoxKod { background-color:#1f1d1d; border-radius:0px; border:1px; color:#CCC; height:20px; max-width:120px; }
.ContactBoxKod[readonly] { background-color:#1f1d1d; border-radius:0px; border:1px; color:#F00; }

.BgFoo1 { background-color:#ffffff; }
.BgFoo2 { background-color:#d4d4d4; }

.IcBaslikCizgi { border-bottom:1px solid #8d0a0d; width:100%; margin-bottom:30px; }
.IcKutuBorder { border:1px solid #CCC; padding:5px; }
.IcUrunAdi { color:#8d0a0d; }
.IcUrunDetay { color:#666; max-height:20px; overflow:hidden; }
.IcUrunPay:nth-child(odd) { padding-right:5px; padding-bottom:10px; }
.IcUrunPay:nth-child(even) { padding-left:5px; padding-bottom:10px; }
.BtnCustom { padding: 3px 6px !important; margin-top:4px; }

.IcHaberAdi { color:#8d0a0d; }
.IcHaberDetay { color:#666; max-height:37px; overflow:hidden; margin-bottom:6px; margin-top:6px; }
.IcHaberGenel { color:#666; margin-bottom:20px; margin-top:20px; }

.RefKapsa { margin-bottom:40px; }
.RefBaslik { padding:4px 10px; }
.RefIcerik { padding:10px 10px 10px 25px; }
.RefPay { padding:4px 0px 4px 25px; }
.RefResim { background-position:center center; background-repeat:no-repeat; background-size:cover; height:150px; width:100; border:2px solid #CCC; }

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

SABİTLER

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

.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; }
.Size36 { font-size:36px; }
.Size38 { font-size:38px; }
.Size40 { font-size:40px; }
.Size42 { font-size:42px; }
.Size44 { font-size:44px; }
.Size46 { font-size:46px; }
.Size48 { font-size:48px; }
.Size52 { font-size:52px; }
.Size60 { font-size:60px; }

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

#BackToTop {
	cursor : pointer;
	display : none;
	margin : 0px 0px 0px 370px;
	position : fixed;
	font-size : 35px;
	bottom : 20px;
	right: 20px;
	padding	: 5px;
	width : 50px;
	text-align : center;
	background-color : #000;
	border-radius : 8px;
	-webkit-border-radius : 8px;
	-moz-border-radius : 8px;
	filter : alpha(opacity=60);
	-khtml-opacity : 0.6;
	-moz-opacity : 0.6;
	opacity	: 0.6;
	color : #FFF;
	font-size : 14px;
	z-index	: 1000;
}
#BackToTop:hover
{
	filter : alpha(opacity=90);
	-khtml-opacity : 0.9;
	-moz-opacity : 0.9;
	opacity	: 0.9;
}

#Cont_Top {
	min-height:100%;
	position:relative;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	}
#Cont_Head {
	padding:0px;
	margin:0px;
	}
#Cont_Body {
	padding:0px;
	max-width: 100%;
	padding-bottom:60px; /* Height of the footer */
	}
#Cont_Foot {
	padding: 0px;
	margin: 0px;
	position:absolute;
	bottom:0;
	width:100%;
	height:60px; /* Height of the footer */
	}

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

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


@media (max-width: 480px) { /* xs */
.IcUrunPay:nth-child(odd) { padding-right:0px; padding-bottom:10px; }
.IcUrunPay:nth-child(even) { padding-left:0px; padding-bottom:10px; }
}

@media (max-width: 768px) { /* sm */
.SliderBg { background-repeat:no-repeat; background-size:cover; background-position:center center; width:100%; min-width:100%; max-width: 100%; height:300px; }
}

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

}

@media (max-width: 1200px) { /* lg */

}

@media (max-width: 1440px) { /* lg */
.AllPay { padding-left:5%; padding-right:5%; }
.AllPayR { padding-right:5%; }
.AllPayL { padding-left:5%; }
}