﻿@charset "UTF-8";
@import url("http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic&subset=latin,latin-ext");
@import url("extras.css");
body, html { min-height: 100%; overflow-x: hidden; }
body { background: #fff; margin: 0; -webkit-touch-callout: none; -webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; background-attachment: fixed !important; -webkit-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }
:focus { outline: none; }

/*genel*/
.solda { float: left; }
.sagda { float: right; }
.ortala { text-align: center; }
.sagla { text-align: right; }
.kolon { float: left; }
.elli { width: 48%; }
.otuz { width: 30%; }
.otuz + .otuz { margin-left: 5%; }
.sil { height: 0; clear: both; display: block; margin: 0; padding: 0; line-height: 0; }
.supur:after, .supur:before, .eleman:after { display: block; clear: both; height: 0; line-height: 0; content: ""; }
.dB { display: block !important; }
.dN { display: none !important; }
.sG { width: 1140px; margin: 0 auto; clear: both; }
.sGy { width: 574px; }
.sifirla { margin: 0; padding: 0; list-style: none; }
.sifirla.s { overflow: hidden; }
.sifirla.s li { float: left; }
.sifirla.m > li { margin-bottom: 10px; }
nav ul, nav ol { margin: 0; padding: 0; list-style: none; }
hr { margin: 20px 0; clear: both; height: 2px; border: 0; background: url(../../gorseller/tasarim/h2-cizgi.png) 50% 100% no-repeat; }
body, input, select, textarea, .jQmerAcilirKutu { font: 12px/1.4 'PT Sans', Arial, "Times New Roman", Times, serif; color: #343434; outline: 0; letter-spacing: -0.03em; }
a img { vertical-align: middle; }
img { border: none; max-width: 100%; height: auto !important; }
.ie8 img { max-width: auto; }
a { text-decoration: none; color: #636467; outline: none; border: none; }
a:hover { color: #4a4c4e; text-decoration: none; outline: none; }
a:active, a:focus { text-decoration: none; }
h1, h2, h3, h4, h5, h6 { margin: 0px; margin-bottom: 10px; font-weight: 700; }
h1 { font-size: 28px; }
h2 { font-size: 26px; }
h3 { font-size: 22px; }
h4 { font-size: 20px; }
h5 { font-size: 18px; }
h6 { font-size: 14px; }

/*#genel*/

/*margin*/

.mB { margin-bottom: 10px; }
.mB3 { margin-bottom: 30px !important; }

/*#margin*/

/*yazı*/

.y8 { font-size: 8px; }
.y10 { font-size: 10px; }
.y11 { font-size: 11px; }
.y12 { font-size: 12px; }
.y13 { font-size: 13px; }
.y14 { font-size: 14px; }
.y15 { font-size: 15px; }
.y16 { font-size: 16px; }
.y18 { font-size: 18px; }
.i { font-style: italic; }
.b { font-weight: bold; }
.r1 { color: #5fc8c9; }

/*#yazı*/

/*p margin*/

p { margin: 0px; }
p + p { margin-bottom: 10px; }
p + h1, p + h2, p + h3, p + h4, p + ul, p + ol, ol + p, ul + p, p + div, table + p, div + p, nav + p, p + iframe, p + ul.sifirla, ul + h2, ul + h3, ul + h4, ul + h5, ul + h6, p + article { margin-top: 10px; }
p.solda + p.sagda, p.sagda + p.solda { margin-top: 0; }

/*#p margin*/

/*veri girdileri*/

input[type=text], input[type=file], input[type=password], textarea, select, .jQmerAcilirKutu { border: 0; margin: 0; padding: 5px 20px; height: 20px; line-height: 20px; width: 320px; font-size: 14px; background: #ebebeb; border-radius: 4px; color: #545454; }
select[size] { height: auto; }
input.kisa { width: 70px; }
input[type=text]:focus, input[type=file]:focus, input[type=password]:focus, textarea:focus, select:focus, .jQmerAcilirKutu:focus { outline: none; }
input.tarihSecici { padding-right: 35px; background-image: url(../../gorseller/tasarim/tarih-secici-simge.png); background-position: 100% 50%; background-repeat: no-repeat; }
span.genis, p.genis { padding: 0 42px 0 0; display: block; }
p.genis input, p.genis textarea, p.genis select, p.genis .jQmerAcilirKutu { width: 100% !important; }
input.hata, textarea.hata, select.hata, .k-widget.hata > span, .RadInput.hata input { -webkit-box-shadow: none !important; box-shadow: none !important; border-color: #f4bab5 !important; color: #fd8281 !important; background-color: #f4bab5 !important; }
input:disabled, input:disabled + label, select:disabled, textarea:disabled, .dugme[disabled=disabled], .jQmerAcilirKutu[disabled=disabled] { opacity: 0.5; filter: alpha(opacity=50); cursor: default; }

/* jQmer Açılır Kutu */
.jQmerAcilirKutu { position: relative; display: inline-block; vertical-align: middle; }
.jQmerAcilirKutu span { position: absolute; white-space: nowrap; overflow: hidden; z-index: 1; left: 0; top: 0; bottom: 0; right: 0; }
.ie7 .jQmerAcilirKutu span { height: 42px; }
.jQmerAcilirKutu span.yazi { left: 18px; right: 25px; line-height: 33px; width: auto !important; margin: 6px 0 !important; }
.jQmerAcilirKutu span.simge { background-position: -19px -152px; width: 11px; height: 7px; left: auto; right: 17px; top: 17px; }
.jQmerAcilirKutu select { filter: alpha(opacity=0); opacity: 0; position: relative; z-index: 2; float: none; border: 0; height: 100%; width: 100%; margin: 0; }
.jQmerAcilirKutu.acik { }
.jQmerAcilirKutu.farkli select + span { z-index: 3; cursor: pointer; overflow: visible; padding: 0; }
.jQmerAcilirKutu.farkli select { display: none; }
.jQmerAcilirKutu.farkli ul.secenekler { position: absolute; display: none; overflow: auto; margin: 3px 0 0; top: 100%; left: 0; padding: 12px 0; background: #ededed; min-width: 100%; z-index: 9999; border-radius: 4px; max-height: 170px; }
.jQmerAcilirKutu.farkli .secenekler li { cursor: pointer; line-height: 34px; padding: 0 22px; white-space: nowrap; font-size: 14px; }
.jQmerAcilirKutu.farkli .secenekler li:hover, .jQmerAcilirKutu.farkli .secenekler li.secili:hover { background: #464646; color: #fefcfc; }
.jQmerAcilirKutu.farkli .secenekler li.secili { background: #464646; color: #fefcfc; }

/* #jQmer Açılır Kutu */
input[type=radio] + label, input[type=radio] + label img, input[type=checkbox] + label, input[type=checkbox] + label img { vertical-align: middle; }
input[type=radio], input[type=checkbox] { position: absolute; opacity: 0; filter: alpha(opacity=0); }
input[type=radio] + label, input[type=checkbox] + label { padding: 0 0 0 28px; background: url(../../gorseller/tasarim/tikKutu.png) 0 -147px no-repeat; cursor: pointer; display: inline-block; color: #5f5e57; font-size: 14px; line-height: 24px; }
input[type=checkbox] + label { background-position: 0 2.5px; }
input[type=radio]:checked + label, input[type='radio'].checked + label, input[type='radio'] + label.checked { background-position: 0 -232px; }
input[type=checkbox]:checked + label, input[type='checkbox'].checked + label, input[type='checkbox'] + label.checked { background-position: 0 -58.5px; }
input + label + input + label { margin-left: 10px; }
input, select, .dugme, textarea { vertical-align: middle; margin: 0; }
select { min-width: 50px; width: auto; height: 28px; padding: 0 5px; }
textarea { width: 285px; height: 100px; resize: none; background-position: 0 0; }
input[type=text].adet { border-color: #eee; width: 25px; }

/*#veri girdileri*/

/*düğmeler*/

input[type=submit], .dugme { display: inline-block; color: #fff; font-size: 28px; cursor: pointer; padding: 0 15px; background: #58c5c6; line-height: 35px; border-radius: 5px; border: 0; font-size: 18px; font-weight: 700; }
input[type="submit"]:hover, .dugme:hover, input[type="submit"]:active, .dugme:active { color: #545454; background: #58c5c6; cursor: pointer; }
.dugme img { vertical-align: middle; }
.dugme + .dugme, .dugme + input + .dugme, .sagda.dugme + .sagda.dugme { margin-left: 5px; }
a.dugme + input[type=image] { display: none; }
.dugme.ufak { line-height: 34px; font-size: 14px; }
.dugme.ters { background: #fff; color: #545454; font-weight: 700; }
.dugme.ters:hover { background: #58c5c6; color: #fff; }
.dugme.ters .simge, .videolar .liste .video a > .simge { background-image: url(../../gorseller/tasarim/dugme-simgeler.png); margin-right: 10px; }

/*#düğmeler*/

/*Simgeler*/

.simge { background: url(../../gorseller/tasarim/simgeler.png); display: inline-block; vertical-align: middle; padding: 0 !important; text-indent: -9999px; }
.simge.b { background: url(../../gorseller/tasarim/simgeler-b.png); }
.ie7 .simge { text-indent: 0; }
.simge span { display: none; }
.simge.bul { width: 20px; height: 20px; background-position: 0 0; }
.simge.nokta { width: 14px; height: 14px; background-position: 2px -25px; }
.simge.tel { width: 14px; height: 14px; background-position: 0 -42px; }
.simge.mail { width: 14px; height: 10px; background-position: 0 -59px; }
.simge.goz { width: 20px; height: 14px; background-position: 0 -106px; }
.simge.gozK { width: 15px; height: 10px; background-position: 0 -126px; }
.videolar .liste .video:hover .simge.gozK { background-position: 0 -138px; }
.simge.anasahife { width: 15px; height: 15px; background-position: 0 -152px; }
.simge.pTw { width: 15px; height: 15px; background-position: 0 -183px; }
.simge.pFb { width: 15px; height: 15px; background-position: 0 -200px; }
.simge.pGp { width: 15px; height: 15px; background-position: 0 -217px; }
.simge.yazdir { width: 20px; height: 20px; background-position: 0 -235px; }
.simge.daha { width: 24px; height: 24px; background-position: 0 -258px; }
a:hover .simge.daha { background-position: 0 -284px; }
.simge.haberler { background-position: 0 0; }
.simge.videolar { background-position: 0 -32px; width: 35px !important; }
.simge.kategoriler { background-position: 0 -64px; }
.simge.ebulten { background-position: 0 -135px; height: 27px !important; }
.simge.kmleri { background-position: 0 -98px; width: 35px !important; height: 34px !important; }
.simge.kus { background-position: 0 -311px; width: 26px; height: 17px; }
.simge.mic { background-position: 0 -332px; width: 20px; height: 21px; }
.simge.tar { background-position: 0 -356px; width: 15px; height: 15px; }
.simge.tarK { background-position: 0 -437px; width: 10px; height: 10px; }
.eleman:hover .simge.tarK { background-position: -12px -437px; }
.simge.sl { background-position: 0 -414px; width: 20px; height: 20px; }
.simge.bilet { background-position: 0 -450px; width: 25px; height: 25px; }
.simge.etiket { background-position: 0 -478px; width: 20px; height: 20px; }
.simge.etkinlik { background-position: 0 -501px; width: 25px; height: 25px; }
.simge.arti { background-position: 0 -529px; width: 30px; height: 30px; }
.simge.noktaK { background-position: -21px -25px; width: 7px; height: 10px; }
.simge.saat { background-position: -20px -42px; width: 10px; height: 10px; }
.simge.gonder { background-position: 0 -562px; width: 24px; height: 24px; }
.simge.word { background: url(../../gorseller/tasarim/word.png) no-repeat; width: 38px; height: 51px; }
.simge.arama { background-position: 0 -639px; width: 24px; height: 24px; }
.etkin .simge.arama { background-position: 0 -665px; }
.simge.hMenu { background-position: 0 -589px; width: 28px; height: 21px; }
.etkin .simge.hMenu { background-position: 0 -614px; }
.simge.tw { background-position: 3px 0; }
a:hover .simge.tw { background-position: 3px -40px; }
.simge.fb { background-position: -44px 0; }
a:hover .simge.fb { background-position: -44px -40px; }
.simge.ins { background-position: -92px 0; }
a:hover .simge.ins { background-position: -92px -40px; }
.simge.yt { background-position: -143px 0; }
a:hover .simge.yt { background-position: -143px -40px; }
.simge.Atw { background-position: 0 0; }
a:hover .simge.Atw { background-position: 0 -55px; }
.simge.Afb { background-position: -53px 0; }
a:hover .simge.Afb { background-position: -53px -55px; }
.simge.Ains { background-position: -106px 0; }
a:hover .simge.Ains { background-position: -106px -55px; }
.simge.Ayt { background-position: -159px 0; }
a:hover .simge.Ayt { background-position: -159px -55px; }
.simge.hbler { background-position: -50px 0; width: 21px; height: 21px; }
a:hover .simge.hbler { background-position: 0 0; }
.simge.vdlar { background-position: -50px -25px; width: 24px; height: 16px; }
a:hover .simge.vdlar { background-position: 0 -25px; }
.videolar .liste .video:hover .simge.vdlar { background-position: 0 -25px; }
.simge.etkler { width: 25px; height: 25px; background-position: -50px -45px; }
a:hover .simge.etkler { background-position: 0 -45px; }
.simge.b.arti { background-position: 0 0; width: 29px; height: 29px; }
.simge.b.oynat { background-position: 0 -36px; width: 50px; height: 50px; }
.simge.b.artiY { background-position: 0 -89px; width: 50px; height: 50px; }
.simge.artiB { background: url(../../gorseller/tasarim/gorsel-buyut.png) no-repeat; width: 60px; height: 60px; }
.simge.b.mic { background-position: 0 -144px; width: 35px; height: 35px; }
.eleman:hover .simge.b.mic { background-position: 0 -182px; }

/*#Simgeler*/

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/

#colorbox, #cboxOverlay, #cboxWrapper { position: absolute; top: 0; left: 0; z-index: 9999; overflow: hidden; }
#cboxWrapper { max-width: none; }
#cboxOverlay { position: fixed; width: 100%; height: 100%; }
#cboxMiddleLeft, #cboxBottomLeft { clear: left; }
#cboxContent { position: relative; }
#cboxLoadedContent { overflow: auto; -webkit-overflow-scrolling: touch; }
#cboxTitle { margin: 0; }
#cboxLoadingOverlay, #cboxLoadingGraphic { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor: pointer; }
.cboxPhoto { float: left; margin: auto; border: 0; display: block; max-width: none; -ms-interpolation-mode: bicubic; }
.cboxIframe { width: 100%; height: 100%; display: block; border: 0; padding: 0; margin: 0; }
#colorbox, #cboxContent, #cboxLoadedContent { box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; }

/*
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay { background: #000; opacity: 0.75; filter: alpha(opacity=75); }
#colorbox { outline: 0; }
#cboxContent { background: #eee; overflow: hidden; padding: 10px; border-radius: 8px; }
.onkayitformu-skin #cboxContent { background: #545454; padding: 5px; }
.cboxIframe { background: #fff; }
#cboxError { padding: 50px; border: 1px solid #ccc; }
#cboxLoadedContent { }
#cboxTitle { position: absolute; bottom: 4px; left: 0; text-align: center; width: 100%; color: #949494; display: none !important; }
#cboxCurrent { position: absolute; bottom: 4px; left: 58px; color: #949494; display: none !important; }
#cboxLoadingOverlay { background: url(images/loading_background.png) no-repeat center center; }
#cboxLoadingGraphic { background: url(images/loading.gif) no-repeat center center; }

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose { border: 0; padding: 0; margin: 0; overflow: visible; width: auto; background: none; }

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active { outline: 0; }
#cboxSlideshow { position: absolute; bottom: 4px; right: 30px; color: #0092ef; }
#cboxPrevious { position: absolute; top: 50%; margin-top: -20px; left: 22px; width: 40px; height: 40px; text-indent: -9999px; background: url(../../gorseller/tasarim/foto-galeri-oklar.png) 0 -50px no-repeat; }
#cboxPrevious:hover { background-position: 0 0; cursor: pointer; }
#cboxNext { position: absolute; top: 50%; right: 22px; background: url(../../gorseller/tasarim/foto-galeri-oklar.png) no-repeat -45px -50px; width: 40px; height: 40px; text-indent: -9999px; margin-top: -20px; }
#cboxNext:hover { background-position: -45px 0; cursor: pointer; }
#cboxClose { position: absolute; top: 0; right: 0; background: url(../../gorseller/tasarim/pp-kapat.png) no-repeat; width: 25px; height: 25px; text-indent: -9999px; margin: 20px; }
.onkayitformu-skin #cboxClose { background: url(../../gorseller/tasarim/pp-kapat-s.png) no-repeat; }
#cboxClose:hover { }

/*****/
@font-face { font-family: 'weather'; src: url('../fonts/artill_clean_icons-webfont.eot'); src: url('../fonts/artill_clean_icons-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/artill_clean_icons-webfont.woff') format('woff'), url('../fonts/artill_clean_icons-webfont.ttf') format('truetype'), url('../fonts/artill_clean_icons-webfont.svg#artill_clean_weather_iconsRg') format('svg'); font-weight: normal; font-style: normal; }
span.durum { color: #000; font-family: weather; font-size: 60px; font-weight: normal; font-style: normal; line-height: 0.6; background: transparent !important; }
.icon-0:before { content: ":"; }
.icon-1:before { content: "p"; }
.icon-2:before { content: "S"; }
.icon-3:before { content: "Q"; }
.icon-4:before { content: "S"; }
.icon-5:before { content: "W"; }
.icon-6:before { content: "W"; }
.icon-7:before { content: "W"; }
.icon-8:before { content: "W"; }
.icon-9:before { content: "I"; }
.icon-10:before { content: "W"; }
.icon-11:before { content: "I"; }
.icon-12:before { content: "I"; }
.icon-13:before { content: "I"; }
.icon-14:before { content: "I"; }
.icon-15:before { content: "W"; }
.icon-16:before { content: "I"; }
.icon-17:before { content: "W"; }
.icon-18:before { content: "U"; }
.icon-19:before { content: "Z"; }
.icon-20:before { content: "Z"; }
.icon-21:before { content: "Z"; }
.icon-22:before { content: "Z"; }
.icon-23:before { content: "Z"; }
.icon-24:before { content: "E"; }
.icon-25:before { content: "E"; }
.icon-26:before { content: "3"; }
.icon-27:before { content: "a"; }
.icon-28:before { content: "A"; }
.icon-29:before { content: "a"; }
.icon-30:before { content: "A"; }
.icon-31:before { content: "6"; }
.icon-32:before { content: "1"; }
.icon-33:before { content: "6"; }
.icon-34:before { content: "1"; }
.icon-35:before { content: "W"; }
.icon-36:before { content: "1"; }
.icon-37:before { content: "S"; }
.icon-38:before { content: "S"; }
.icon-39:before { content: "S"; }
.icon-40:before { content: "M"; }
.icon-41:before { content: "W"; }
.icon-42:before { content: "I"; }
.icon-43:before { content: "W"; }
.icon-44:before { content: "a"; }
.icon-45:before { content: "S"; }
.icon-46:before { content: "U"; }
.icon-47:before { content: "S"; }




.colorBg {
  position: absolute;
  z-index: 2;
  opacity: .5;
  filter: alpha(opacity=50);
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  width: 100%;    height: 100%;
}

#solManset .swiper-slide:hover .colorBg {
  opacity: .8;
  filter: alpha(opacity=80);
}