@charset "utf-8";
/*
  ************************************************************************
  *  RESET CSS 
  ************************************************************************
*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; }
html, body { height: 100%; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
nav ul { list-style:none; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, th, var, optgroup { font-style: inherit; font-weight: inherit; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; outline:none; text-decoration:none; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
caption, th { text-align: left; }
hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
q:before, q:after { content: ''; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
sup { vertical-align: super; font-size:xx-small; }
sub { vertical-align: sub; font-size:xx-small; }
legend { color: #000; }
input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }
input, select { vertical-align:middle; }
/*
  ************************************************************************
  *  LAYOUT CSS 
  ************************************************************************
*/
@font-face {
    font-family: 'wf00299';
    src: url('/public/fonts/00299.eot');
    src: url('/public/fonts/00299.eot?#iefix') format('embedded-opentype'),
         url('/public/fonts/00299.woff') format('woff'),
         url('/public/fonts/00299.ttf') format('truetype'),
         url('/public/fonts/00299.svg#wf00299') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'wfDINBek';
    src: url('/public/fonts/dinbek.eot');
    src: url('/public/fonts/dinbek.eot?#iefix') format('embedded-opentype'),
         url('/public/fonts/dinbek.woff') format('woff'),
         url('/public/fonts/dinbek.ttf') format('truetype'),
         url('/public/fonts/dinbek.svg#wfDINBek') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'wfDINBekMedium';
    src: url('/public/fonts/dinbek-medium.eot');
    src: url('/public/fonts/dinbek-medium.eot?#iefix') format('embedded-opentype'),
         url('/public/fonts/dinbek-medium.woff') format('woff'),
         url('/public/fonts/dinbek-medium.ttf') format('truetype'),
         url('/public/fonts/dinbek-medium.svg#wfDINBekMedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'wfDINBekBold';
    src: url('/public/fonts/dinbek-bold.eot');
    src: url('/public/fonts/dinbek-bold.eot?#iefix') format('embedded-opentype'),
         url('/public/fonts/dinbek-bold.woff') format('woff'),
         url('/public/fonts/dinbek-bold.ttf') format('truetype'),
         url('/public/fonts/dinbek-bold.svg#wfDINBekBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#525557; }

#wrapper { min-width:990px; min-height: 100%; height: auto !important; height: 100%; margin:0px auto -526px auto; background-image:url(/images/header-bg.jpg); background-repeat:no-repeat; background-position:center top; }

#header { display:block; overflow:hidden; clear:both; width:990px; height:108px; margin:0 auto; position:relative; }
#header h1 { display:block; overflow:hidden; clear:both; width:286px; height:50px; background-image:url(/images/anasayfa.png); background-repeat:no-repeat; background-position:left top; position:absolute; left:9px; top:40px; z-index:1; }
#header h1 a { display:block; overflow:hidden; clear:both; height:50px; text-indent:-99999px; }

#navigation { display:block; overflow:hidden; clear:both; height:92px; margin-top:27px; margin-left:341px; }
#navigation>ul { display:block; overflow:hidden; float:left; list-style:none; margin:0px; padding:0px; }
#navigation>ul>li { display:block; overflow:hidden; float:left; height:92px; padding-left:10px; background-image:url(/images/menu-ikon.png); background-repeat:no-repeat; background-position:left center; }
#navigation>ul>li>a { display:block; overflow:hidden; clear:both; padding:0 13px; color:#3e4147; font-size:18px; line-height:92px; font-family: 'wfDINBek'; }
#navigation>ul>li>a:hover, #navigation>ul>li>a.active { background-image:url(/images/menu-hover.png); background-repeat:no-repeat; background-position: center 64px; }
#navigation>ul>li.firstLi { padding-left:0px; background:none; }

#contentArea { display:block; overflow:hidden; clear:both; width:990px; margin:0 auto; padding-bottom:526px; }

#sliderArea { display:block; overflow:hidden; float:left; width:706px; height:326px; margin-top:27px; margin-left:8px; background-image:url(/images/slider-bg.jpg); background-repeat:no-repeat; background-position:left top; position:relative; }
#sliderArea #slideNext { display:none; overflow:hidden; clear:both; width:37px; height:37px; background-image:url(/images/slider-next.png); background-repeat:no-repeat; background-position:left top; text-indent:-99999px; cursor:pointer; outline:none; position:absolute; right:28px; top:143px; z-index:2; }
#sliderArea #slidePrew { display:none; overflow:hidden; clear:both; width:37px; height:37px; background-image:url(/images/slider-prew.png); background-repeat:no-repeat; background-position:left top; text-indent:-99999px; cursor:pointer; outline:none; position:absolute; left:28px; top:143px; z-index:2; }
#sliderArea:hover #slidePrew, #sliderArea:hover #slideNext { display:block; }
#sliderArea #slider { display:block; overflow:hidden; clear:both; background-color:#000; width:706px; height:326px; position:relative; z-index:0px; }
#sliderArea #slider>.slide { display:none; overflow:hidden; clear:both; position:absolute; left:0px; top:0px; z-index:0; }
#sliderArea #slideNavigation { display:block; overflow:hidden; clear:both; position:absolute; right:32px; bottom:27px; z-index:2; }
#sliderArea #slideNavigation span { display:block; overflow:hidden; float:left; width:20px; height:20px; margin-left:10px; background-image:url(/images/slider-number-bg.png); background-repeat:no-repeat; background-position:0px 0px; text-indent:-99999px; cursor:pointer; outline:none; }
#sliderArea #slideNavigation span.active, #sliderArea #slideNavigation span:hover { background-position:-21px 0px; }

#indexRight { display:block; overflow:hidden; float:right; width:247px; margin-top:26px; margin-right:5px; }
#indexRight #tvGuide { display:block; overflow:hidden; clear:both; height:52px; margin-bottom:17px; background-image:url(/images/tvguide-bg.png); background-repeat:no-repeat; background-position:left top; font-family: 'wfDINBekBold'; }
#indexRight #tvGuide span { display:block; overflow:hidden; float:left; color:#fff; font-size:15px; line-height:53px; }
#indexRight #tvGuide span.left { padding-left:24px; padding-right:4px; }
#indexRight #tvGuide span.left span { color:#ffcc00; }
#indexRight #tvGuide span.right { float:right; padding-right:24px; }
#indexRight .phone { display:block; overflow:hidden; clear:both; width:241px; height:50px; margin:0px 3px; margin-bottom:6px; padding-left:60px; background-image:url(/images/telefon-bg.jpg); background-repeat:no-repeat; background-position:left top; color:#ffffff; font-size:17px; line-height:50px; font-family: 'wfDINBek'; }
#indexRight #hemenUyeOl { display:block; overflow:hidden; clear:both; width:247px; height:142px; margin-top:10px; background-image:url(/images/hemen-uye-ol-bg.png); background-repeat:no-repeat; background-position:left top; color:#ffffff; }
#indexRight #hemenUyeOl span { display:block; overflow:hidden; clear:both; margin:3px; }
#indexRight #hemenUyeOl .top { padding-left:25px; padding-top:10px; font-size:14px; line-height:21px; font-family: 'wfDINBek'; }
#indexRight #hemenUyeOl .bottom { padding-right:31px; padding-top:14px; text-align:right; font-size:20px; line-height:26px; font-family: 'wf00299'; }

#packetsArea { display:block; overflow:hidden; clear:both; margin:30px 0px; }
#packetsArea .bx-wrapper { padding-left:13px; }
#packetsArea .bx-wrapper .bx-next { display:block; overflow:hidden; clear:both; width:12px; height:19px; background-image:url(/images/ok-next.png); background-repeat:no-repeat; background-position:left center; text-indent:-99999px; position:absolute; right:-12px; top:58px; z-index:2; }
#packetsArea .bx-wrapper .bx-prev { display:block; overflow:hidden; clear:both; width:12px; height:19px; background-image:url(/images/ok-prew.png); background-repeat:no-repeat; background-position:left center; text-indent:-99999px; position:absolute; left:0px; top:58px; z-index:2; }
#packetsArea ul#packets { list-style:none; margin:0px; padding:0px; }
#packetsArea ul#packets li { display:block; overflow:hidden; float:left; width:290px; height:230px; padding:0px 16px; }
#packetsArea ul#packets li a { display:block; overflow:hidden; clear:both; color:#525557; font-size:12px; line-height:20px; }
#packetsArea ul#packets li a img { clear:both; position:relative; z-index:1; }
#packetsArea ul#packets li a span { display:block; overflow:hidden; clear:both; height:60px; margin-top:-6px; padding:10px; border:1px solid #e4e7e9; border-top:none; position:relative; z-index:0; }

#footer { display:block; overflow:hidden; clear:both; min-width:990px; height:526px; background-image:url(/images/footer-bg.jpg); background-repeat:no-repeat; background-position:center top; position:relative; }
#footer .footerCenter { display:block; overflow:hidden; clear:both; width:990px; margin:0px auto; }
#footer #campaignsArea { display:block; overflow:hidden; clear:both; width:990px; height:292px; margin:0 auto; }
#footer #campaignsArea .bx-wrapper { padding-left:13px; }
#footer #campaignsArea .bx-wrapper .bx-next { display:block; overflow:hidden; clear:both; width:12px; height:19px; background-image:url(/images/ok-next.png); background-repeat:no-repeat; background-position:left center; text-indent:-99999px; position:absolute; right:-12px; top:92px; z-index:2; }
#footer #campaignsArea .bx-wrapper .bx-prev { display:block; overflow:hidden; clear:both; width:12px; height:19px; background-image:url(/images/ok-prew.png); background-repeat:no-repeat; background-position:left center; text-indent:-99999px; position:absolute; left:0px; top:92px; z-index:2; }
#footer #campaignsArea ul#campaigns { list-style:none; margin:0px; margin-top:34px; padding:0px; }
#footer #campaignsArea ul#campaigns li { display:block; overflow:hidden; float:left; width:290px; height:230px; padding:0px 16px; }
#footer #campaignsArea ul#campaigns li a { display:block; overflow:hidden; clear:both; color:#525557; font-size:12px; line-height:20px; }
#footer #campaignsArea ul#campaigns li a img { clear:both; position:relative; z-index:1; }
#footer #campaignsArea ul#campaigns li a span { display:block; overflow:hidden; clear:both; height:60px; margin-top:-6px; padding:10px; border:1px solid #d5d8da; border-top:none; position:relative; z-index:0; }
#footer #footerLinks { display:block; overflow:hidden; clear:both; width:990px; height:133px; margin:0 auto; }
#footer #footerLinks #footerLeft { display:block; overflow:hidden; float:left; margin-left:7px; padding-top:20px; }
#footer #footerLinks #footerLeft .links { display:block; overflow:hidden; float:left; width:310px; padding-right:6px; }
#footer #footerLinks #footerLeft .links a { display:block; overflow:hidden; clear:both; margin-bottom:6px; color:#626466; font-size:13px; line-height:18px; font-family: 'wfDINBek'; }
#footer #footerLinks #footerLeft .links a.renkli { color:#000; }
#footer #footerLinks #footerLeft .links a:hover { color:#f00; }
#footer #footerLinks #footerRight { display:block; overflow:hidden; float:right; margin-right:5px; padding-top:23px; }
#footer #footerLinks #footerRight #socialMedia { display:block; overflow:hidden; float:right; clear:both; }
#footer #footerLinks #footerRight #socialMedia span, #footer #footerLinks #footerRight #socialMedia a { display:block; overflow:hidden; float:left; margin-left:4px; color:#009cff; font-size:14px; line-height:22px; font-family: 'wfDINBek'; }
#footer #footerLinks #footerRight #socialMedia span { margin-right:8px; } 
#footer #footerLinks #footerRight #addressF { display:block; overflow:hidden; clear:both; padding-top:16px; text-align:right; color:#4b4e50; font-size:14px; line-height:22px; font-family: 'wfDINBek'; }
#footer #copyright { display:block; overflow:hidden; clear:both; height:53px; background-color:#fff; }
#footer #copyright p { display:block; overflow:hidden; float:left; margin-left:7px; color:#75787a; font-size:12px; line-height:58px; }
#footer #copyright p span { color:#313133; }
#footer #copyright #seven { display:block; overflow:hidden; float:right; margin-top:11px; margin-right:5px; }
#footer #digiCenter { display:block; overflow:hidden; clear:both; height:48px; background-color:#e72c3a; }
#footer #digiCenter a { display:block; overflow:hidden; float:left; margin-top:15px; margin-left:7px; }
#footer #digiCenter span { display:block; overflow:hidden; float:right; margin-right:5px; color:#fff; font-size:15px; line-height:47px; font-family: 'wfDINBek'; }

#contentLeftArea { display:block; overflow:hidden; float:left; width:707px; margin-top:26px; margin-left:8px; }
#contentLeftArea>h2 { display:block; overflow:hidden; clear:both; height:46px; margin-bottom:11px; background-image:url(/images/page-head-bg.jpg); background-repeat:no-repeat; background-position:left top; color:#ffffff; font-size:14px; line-height:44px; font-family: 'wfDINBek'; }
#contentLeftArea>h2>span { display:block; overflow:hidden; float:left; padding-left:22px; }
#contentLeftArea>h2>a { display:block; overflow:hidden; float:right; margin-right:22px; color:#ffffff; }
#contentLeftArea>h2>a:hover { color:#f00; }

#content { display:block; overflow:hidden; clear:both; min-height:200px; padding:18px 22px; background-image:url(/images/content-bg.jpg); background-repeat:no-repeat; background-position:400px bottom; border:1px solid #eaedee; line-height:19px; }
#content h3 { display:block; overflow:hidden; color:#ed1d24; font-size:15px; font-family: 'wfDINBekBold'; padding-bottom:6px;}
#content h3 span { display:block; overflow:hidden; color:#21529f; font-size:17px; font-family: 'wfDINBekBold'; padding-bottom:6px;}
#content h4 { display:block; overflow:hidden; color:#4e1c67; font-size:17px; font-family: 'wfDINBek'; padding-bottom:3px;}
#content h4 a { color:#4e1c67; }
#content  a { color:#4e1c67; }

ul.packetList { display:block; overflow:hidden; clear:both; width:637px; list-style:none; margin:0px auto; padding:0px; }
ul.packetList>li { display:block; overflow:hidden; clear:both; height:133px; margin-bottom:22px; background-repeat:no-repeat; background-position:left top; }
ul.packetList>li.packet1 { background-image:url(/images/paket-bg-1.jpg); }
ul.packetList>li.packet2 { background-image:url(/images/paket-bg-2.jpg); }
ul.packetList>li.packet3 { background-image:url(/images/paket-bg-3.jpg); }
ul.packetList>li>a { display:block; overflow:hidden; clear:both; height:133px; padding:22px 22px 22px 30px; color:#ffffff; }
ul.packetList>li>a>.packetTitle { display:block; overflow:hidden; float:left; max-width:545px; padding-right:20px; background-repeat:no-repeat; background-position:right 5px; color:#ffffff; font-size:14px; font-family: 'wfDINBek'; }
ul.packetList>li>a>.packetTitle>span { color:#fff; font-size:17px; }
ul.packetList>li.packet2>a>.packetTitle>span { color:#fff; }
ul.packetList>li.packet3>a>.packetTitle>span { color:#fff; }
ul.packetList>li>a>.packetDesc { display:block; overflow:hidden; float:left; max-width:460px; padding-top:12px; color:#ffffff; font-size:11px; line-height:19px; }
ul.packetList>li>a>.packetMoney { display:block; overflow:hidden; float:right; max-width:120px; padding-top:12px; text-align:right; color:#ffffff; font-size:20px; font-family: 'wf00299'; }
ul.packetList>li>a>.packetMoney>.money { font-size:24px; }
ul.packetList>li>a>.packetMoney>.detail { font-size:17px; }


.clearBoth { display:block; overflow:hidden; clear:both; height:0px; text-indent:-99999px; }
.floatLeft { float:left; }
.floatRight { float:right; }
.floatLeft10px { float:left; margin-right:10px; }
.floatRight10px { float:right; margin-left:10px; }
.floatLeft20px { float:left; margin-right:20px; }
.floatRight20px { float:right; margin-left:20px; }
.floatLeft30px { float:left; margin-right:30px; }
.floatRight30px { float:right; margin-left:30px; }
.textAlignRight { text-align:right !important; }
.textAlignLeft { text-align:left; }
.textAlignCenter { text-align:center; }
.tableStyle { width:100%; border:1px solid #3d3f41; }
.tableStyle thead tr { background-color:#191a1a; }
.tableStyle thead tr th { text-align:center; vertical-align:middle; border-right:1px solid #3d3f41; border-bottom:1px solid #3d3f41; }
.tableStyle tbody tr {  }
.tableStyle tbody tr td { text-align:center; vertical-align:middle; border-right:1px solid #3d3f41; border-bottom:1px solid #3d3f41; }

.formsInfo, .formsError { display:block; overflow:hidden; margin:10px 0; padding:10px; text-align:center; font-size:14px; }
.formsError { border:2px solid #F33; border-right:none; border-left:none; }
.formsInfo { border:2px solid #093; border-right:none; border-left:none; }

form#membershipForm { display:block; overflow:hidden; clear:both; width:624px; margin:0 auto; }
form#membershipForm>label, form#membershipForm>.phoneArea>label, form#membershipForm>.questionArea>label { display:block; overflow:hidden; clear:both; margin-bottom:6px; color:#525557; font-size:12px; }
form#membershipForm>label>span, form#membershipForm>.phoneArea>label>span, form#membershipForm>.questionArea>label>span { color:#652385; }
form#membershipForm>input[type="text"] { background:none; border:none; width:97%; margin-bottom: 20px; padding:8px; border: 1px solid #d3d4d4; }
form#membershipForm>.phoneArea { display:block; overflow:hidden; clear:both; margin-bottom: 20px; }
form#membershipForm>.phoneArea>select { background:none; border:none; float:left; width:16%; padding:7px; border: 1px solid #d3d4d4;  }
form#membershipForm>.phoneArea>input[type="text"] { background:none; border:none; float:left; width:81%; padding:8px; border: 1px solid #d3d4d4; border-left:none; }
form#membershipForm>.questionArea { display:block; overflow:hidden; float:left; }
form#membershipForm>.questionArea>input[type="text"] { background:none; border:none; float:left; width:40%; padding:8px; border: 1px solid #d3d4d4; border-left:none; }
form#membershipForm>.questionArea>.question { display:block; overflow:hidden; float:left; width:39%; padding:8px; text-align:center; color:#652385; font-size:12px; font-weight:bold; border: 1px solid #d3d4d4; }
form#membershipForm input[type='text']:focus { border: 1px solid #652385; }
form#membershipForm input[type='text']:hover { border: 1px solid #652385; }
form#membershipForm>input[type='submit'] { background:none; border:none; background-color:#652385; display:block; float:right; margin-top:14px; padding:10px 20px; border: none; color:#ffffff; font-size:15px; font-family: 'wfDINBekBold'; cursor: pointer; outline: none; }

.gradient1 { 
/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top, #ffffff 0%, #f3f3f3 100%);
/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 100%);
/* Opera */ 
background-image: -o-linear-gradient(top, #ffffff 0%, #f3f3f3 100%);
/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #f3f3f3));
/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #ffffff 0%, #f3f3f3 100%);
/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom, #ffffff 0%, #f3f3f3 100%);
}

.mor { color:#760d90; }