/*************************************************************************************************************/ /*reset.css baslangici*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } /* remember to define focus styles! */ :focus {outline: 0;} body {line-height: 1;color: black;background: white;} ol, ul {list-style: none;} /* tables still need 'cellspacing="0"' in the markup */ table {border-collapse: separate;border-spacing: 0;} caption, th, td {text-align: left;font-weight: normal;} blockquote:before, blockquote:after, q:before, q:after {content: "";} blockquote, q {quotes: "" "";} /*reset.css sonu*/ /****************************************************************************************************************/ body { text-align: center; /*IE hack for centering*/ margin-top: 18px; font-size: 15px;background:none; text-align: left; font-family: 'Open Sans', sans-serif;margin-bottom: 50px; } .title {display:none;} h1,h2,h3,h4,h5,h6 {font-weight: bold;font-family: 'Open Sans', sans-serif;} h1 {font-size:2.2em;} h2 {font-size:2em;} h3 {font-size:1.8em;} h4 {font-size:1.4em;} h5 {font-size:1.2em;} h6 {font-size:1em;} a {text-decoration:none;font-family: 'Open Sans', sans-serif;} p, span {font-family: 'Open Sans', sans-serif;} /* @font-face { font-family: Helvetica-Normal; src: url(i/helvetica-normal.ttf); } Generated by Font Squirrel (http://www.fontsquirrel.com) on July 8, 2014 @font-face { font-family: 'helveticaregular'; src: url('i/helvetica-webfont.eot'); src: url('i/helvetica-webfont.eot?#iefix') format('embedded-opentype'), url('i/helvetica-webfont.woff') format('woff'), url('i/helvetica-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } */ /*Header*/ header {width: 100%; background: url(i/header.png) no-repeat center top; height: 67px;top:5px; position: fixed; z-index: 1000;} .kapsam {width:965px;margin:0 auto;height:67px;} header .kapsam #logo {width:125px;height:38px;float:left;} #ref header .kapsam #logo {margin-top: 14px;} header .kapsam #nav .widget_2 {display:none;} header .kapsam #nav {width: 660px; height: 38px; margin-left: 180px; float: left; } header .kapsam #nav li {float:left;} .en header .kapsam #nav li a {padding:9px 8px 9px;} .tr header .kapsam #nav li.item_6 {display:none;} .en header .kapsam #nav li.item_5 {display:none;} header .kapsam #nav li a {color:#ffffff; font-size: 14px;padding:9px;display:block;background:url(i/menuli.png) no-repeat center right;} header .kapsam #nav li.item_last a {background:none;} header .kapsam #nav li.current a, header .kapsam #nav li a:hover {color:#00a5e1;} header .kapsam #language {position: absolute; right: 15px; top: 12px;} .tr header .kapsam #language li.en a {} .en header .kapsam #language li.en {} /*Slider*/ #responsive {position: relative; } #responsive {position: absolute; top: 0px;z-index: 1; left: 0px; width: 100%; height: 100%; background-position: center center; background-size: 100% 100%;} /*Medya*/ #medya { } .slide { position: absolute; width: 100px; top: 44%; height: 109px; left: -62px; background: url(i/medya.png) no-repeat center right; cursor: pointer; } .slide ul {background: url(i/medyapng.png) repeat; height: 109px; width: 62px;} .slide ul li {padding-bottom: 1px; padding-top: 5px; display: block;} footer {position: fixed;z-index: 1000; height: 94px; bottom: 0px; left: 0px; right: 0px; margin-bottom: 0px; background:url(i/footer.png) no-repeat center top;} footer .kapsam {/*background:url(i/footer-kapsam.png) no-repeat;height:94px;*/} .yil25 {float:left;} .yil25 p {} .yil25 p img {} .musteri {width: 388px; float: left; height: 94px; padding: 11px; margin-left: 42px;} .musteri p {font-size: 14px; padding-top: 0px; color: #000000; line-height: 16px;} .musteri p.right {text-align:right;font-style: italic;} .twitteralani {width: 264px; height: 94px; float: left;} .socials {width: 85px; float: left;} .socials ul {margin-left: 16px; margin-top: 53px;} .socials ul li {margin: 1px 1px 3px 4px;} .socials ul li a{text-align:left !important;} .socials.yuzdelik p { font-size: 11px;margin-left: 20px;} .skdslider{ width:100%; position: relative; display: block; overflow:hidden; } .skdslider:after { content: ''; padding-top: 50%; display: block; } .skdslider ul.slides{ margin:0; padding:0; list-style-type:none;} .skdslider ul.slides li { display: none; } .skdslider ul.slides li img{ width: 100%; height:100%; border:0; } .skdslider ul.slide-navs { bottom: 20px; left: 50%;display:none !important; position: absolute; list-style-type: none; margin: 0; padding: 0; } .skdslider ul.slide-navs li { float: left; background: url("i/slide-bg.png") no-repeat scroll 0 0 transparent; height:12px; width:12px; margin-right:4px; cursor:pointer; } .skdslider ul.slide-navs li.current-slide { background: url("i/slide-bg-active.png") no-repeat scroll 0 0 transparent; } .skdslider .slide-desc { max-width: 965px; margin: 0 auto; position: relative; height: 175px; top: 357px; } .skdslider .slide-desc > h2 { color: #FFFFFF; font-family: arial; font-size: 49px; text-align: center; margin-bottom: 10px; margin-top: 10px; } .skdslider .slide-desc > p { color: #FFFFFF; font-family: 'arial'; font-size: 17px; line-height: 20px; text-align: center; margin-top: 24px; } .skdslider .slide-desc > p a.more { color:#990000; font-size:20px; text-decoration:none; } .skdslider .slide-desc > p a.more:hover { text-decoration:underline; } .skdslider a.prev{ background: url("i/left.png") no-repeat scroll 0 0 transparent; width:35px;display:none !important; height:35px; display:block; cursor:pointer; position:absolute; top:50%; left:2%; margin-top:-17px; } .skdslider a.next{ background: url("i/right.png") no-repeat scroll 0 0 transparent; width:35px;display:none !important; height:35px; display:block; cursor:pointer; position:absolute; top:50%; right:2%; margin-top:-17px; } .skdslider a.prev:hover{ } .skdslider a.next:hover{ } .skdslider a.play{ background: url("i/play.png") no-repeat scroll center center transparent; width:35px; height:35px; display:none; cursor:pointer; position:absolute; top:50%; left:48%; margin-top:-17px; } .skdslider a.pause{ background: url("i/pause.png") no-repeat scroll center center transparent; width:35px;display:none !important; height:35px; display:none; cursor:pointer; position:absolute; top:50%; left:48%; margin-top:-17px; } /*Some Responsive CSS */ @media screen and (max-width:767px) { .skdslider .slide-desc > h2 { font-size: 20px; margin-bottom: 5px; margin-top: 5px; } .skdslider .slide-desc > p { font-size: 14px; line-height: 15px; margin-top: 5px; } .skdslider .slide-desc > p a.more { font-size:14px; } .skdslider ul.slides li img {display: block; height: auto; float: left; width: 100%; border: 0;} .skdslider ul.slides li {-webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0;} header {top:0;} } .musteri { width: 35% !important; margin-left: 0px; } .twitteralani { width: 21% !important; } .socials { width: 12% !important; } /* iPad Telefonlar*/ @media (max-width: 768px) { body {margin:0px !important;} header {background: #00a5e1; height: 49px;} .kapsam {width:100% !important;overflow:hidden;} header .kapsam #logo {float: none; padding-bottom: 11px !important; margin: 0 auto !important; background: #00a5e1 !important; margin-top: 0px !important;} header .kapsam #logo img {margin:0 auto;padding-top: 5px;} header .kapsam #logo p {text-align: center;} header .kapsam #nav .widget_1 {display:none;} header .kapsam #nav {width: 100% !important; margin: 0px !important; margin-top: 2px !important; } header .kapsam #nav li a{font-size: 11px; padding: 0px; } #responsive {top: 49px !important;height: 100% !important;} footer {background: url(i/mobile-footer.png) repeat !important;} footer .kapsam {background:none !important;} .yil25 {float: left!important; width: 47% !important;} .yil25 p {padding-left: 11px;} footer .musteri, footer .twitteralani {display:none;} footer .socials {float: right;} footer .socials li {background:#ffffff;float: left; margin: 3px; width: 30px; height: 30px;} #mainicerik {width:100% !important;} } /* iPhone Telefonlar*/ @media (max-width: 480px) { body {margin:0px !important;background:none !important;} header {background: #00a5e1; height: 49px;} .kapsam {width:100% !important;overflow:hidden;} header .kapsam #logo {float: none; padding-bottom: 11px !important; margin: 0 auto !important; background: #00a5e1 !important; margin-top: 0px !important;} header .kapsam #logo img {margin:0 auto;padding-top: 5px;} header .kapsam #logo p {text-align: center;} header .kapsam #nav .widget_1 {display:none;} header .kapsam #nav {width: 100% !important; margin: 0px !important; margin-top: 2px !important; } header .kapsam #nav li a{font-size: 11px; padding: 0px; } #responsive {top: 49px !important;height: 100% !important;} .ekmekkirintisi {display:none !important;} #ortalik {width:100% !important;margin-top: 0px !important;} #ortalik #left, #ortalik #right {width:100% !important;} #ortalik #left li {width: 100% !important; background: #242424!important;} #ortalik #left .widget_2 {display:none;} #ortalik #right p img {width:100%;height:auto;} #ortalik #right {margin-top: 10px !important;padding-bottom:15px !important;} #ortalik #right .title h2 {text-align: center !important; padding-bottom: 4px !important;} #hyfixurun #page .birinci {width:100% !important;margin-left:0px !important;} #hyfixurun #page .birinci .resim {width:5%} #hyfixurun #page .birinci .right {width: 62% !important; margin-left: 0px !important;} #hyfixurun #page .birinci .right .topx {width: 38% !important;} #hyfixurun #page .birinci .right .bottomx {width: 38% !important;height: 148px !important;} #hyfixurun #page .ikinci, #hyfixurun #page .ucuncu, #hyfixurun #page .dorduncu, #hyfixurun #page .besinci, #hyfixurun #page .altinci, #hyfixurun #page .yedinci {width: 100% !important; margin-left: 0px !important;} #hyfixurun #page .urun .resim {width:5%;} #hyfixurun #page .urun .right {width: 62% !important; margin-left: 0px !important;} #hyfixurun #page .urun .topx {width: 38% !important;} #hyfixurun #page .urun .bottomx {width: 38% !important;height: 148px !important;} #ic {width:100% !important;} .responsive-tabs li {display:block !important;width: 100% !important;margin-bottom: 2px !important;} .content_slider_wrapper {width:100% !important;} .responsive-tabs-default .responsive-tabs-content {width:100% !important;} .responsive-tabs-content .responsive-tabs-panel, .responsive-tabs-content .responsive-tabs-panel .responsive-tab-title {width:100% !important;padding:0px !important;} form#hyfix_temelalti_uygulamasi {width: 100% !important; margin-left: 0px !important;} .satir {width:100% !important;} .satir .mavi {width: 40% !important; font-size: 12px;padding-left: 4px !important; } .satir_1 input {width:30% !important;} .satir .turuncu {width: 50% !important; font-size: 10px;padding-left: 4px !important;} .responsive-tabs-content .responsive-tabs-panel {display:none;} .gonder input {width:100% !important;margin-left:0px !important;} .sonuc {width:100% !important;margin-left:0px !important;} .kazanc_tablosu {width: 87% !important; margin-left: 0px !important; height: auto !important;} select#htu_alternative {width:30% !important;} span.ve {clear:both;display: block;} footer {background: #658fa9 !important;} footer .kapsam {background:none !important;} .yil25 {float: left!important; width: 47% !important;} .yil25 p {padding-left: 11px;} footer .musteri, footer .twitteralani {display:none;} footer .socials {float: right;} footer .socials li {background:#ffffff;float: left; margin: 3px; width: 30px; height: 30px;} #mainicerik {width:100% !important;} #medya {display:none;} } #mainicerik {margin-top: 75px !important;} body.altsayfalar{background:url(i/bodyhakkimizda.png) repeat-x;} #mainicerik {width: 965px; margin: 0 auto; overflow: hidden; margin-top: 98px;} .ekmekkirintisi {height:29px;width:965px;margin:0 auto;} .ekmekkirintisi ul li {float: left; font-size: 12px; background: url(i/ekmekkirintisili.png) no-repeat center right; margin-top: 12px;color:#001a4e; padding-right: 5px; padding-left: 5px;} .ekmekkirintisi ul li.last {background: none; color: #001a4e; font-weight: bold;} .ekmekkirintisi ul li a {color:#001a4e;} #ortalik{margin-top:17px;} #ortalik #left{width:220px;float:left;} #ortalik #left li {display: block; width: 178px; background: url(i/submenu.png) no-repeat; height: 36px; margin-bottom: 2px;} #ortalik #left li.current, #ortalik #left li:hover {background:url(i/submenu-current.png) no-repeat;} #ortalik #left li.current a {font-weight:bold;} #ortalik #left li a {color: #ffffff; display: block; padding-left: 10px; font-size: 14px; padding-top: 10px;} #ortalik #left li a {font-size: 13px;} #ortalik #left .widget_2 {margin-top: 23px;} #ortalik #right{width:725px;float:left;margin-top: 0px;} #ortalik #right .title {display:block;} #ortalik #right .title h2 {color: #1e3964; display: block;font-size: 24px; border-bottom: 2px solid #00a5e1; padding-bottom: 2px; margin-bottom: 13px;} #ortalik #right .content {padding:4px;} #ortalik #right .content p, #ortalik #right .content li {color: #001a4e; margin-bottom: 11px; line-height: 18px; font-size: 13px;} ul.sayfaici {float:left;margin-right: 30px;} #hyfixavantaj ul.sayfaici {} #hyfixavantaj #ortalik #right .content p, #hyfixavantaj #ortalik #right .content ul.sayfaici li { margin-bottom: 9px; font-size: 13px;} #hyfixkullanim #ortalik #right .content ul li {font-weight:bold;font-size:13px;} #hyfixurun #ortalik {margin-top:10px;} #ic {width: 960px; padding: 5px;} /* Ürünler Anasayfası CSS Kodları */ #hyfixurun #page .birinci {width: 795px; margin: 0 auto;overflow: hidden; margin-bottom: 8px;} #hyfixurun #page .birinci .resim {float:left;width:77px;} #hyfixurun #page .birinci .right {float: left; margin-top: 0px; width: 708px;} #hyfixurun #page .birinci .right .topx{height:24px;background:#00a5e1;width:708px;padding-left: 12px;} #hyfixurun #page .birinci .right .topx p{color: #ffffff; font-weight: bold; font-size: 14px; line-height: 24px;} #hyfixurun #page .birinci .right .bottomx {background: url(i/birinciurunbg.png) repeat; width: 708px; padding-left: 12px; height: 87px;} #hyfixurun #page .birinci .right .bottomx p {color: #0b2658; padding-top: 7px; line-height: 18px; font-size: 12px;} #hyfixurun #page .ikinci, #hyfixurun #page .ucuncu, #hyfixurun #page .dorduncu, #hyfixurun #page .besinci, #hyfixurun #page .altinci, #hyfixurun #page .yedinci {float: left; width: 393px; margin-left: 82px;} #hyfixurun #page .urun {margin-right:6px;margin-bottom: 5px;} #hyfixurun #page .urun .resim{float:left;width:77px;} #hyfixurun #page .urun .right {float: left; margin-top: 0px; width: 305px;} #hyfixurun #page .urun .topx{height: 24px; background: #00a5e1; width: 305px; padding-left: 12px;} #hyfixurun #page .urun .topx p{color: #ffffff; font-weight: bold; font-size: 14px; line-height: 24px;} #hyfixurun #page .urun .bottomx {background: url(i/birinciurunbg.png) repeat; width: 305px; padding-left: 12px; height: 87px;} #hyfixurun #page .urun .bottomx p {color: #0b2658; padding-top: 0px; line-height: 17px; margin-top: 6px; font-size: 11px;} #hyfixurun #page .ucuncu, #hyfixurun #page .besinci, #hyfixurun #page .yedinci { margin-left: 6px !important;margin-right: 0px !important;} #hyfixurun #page .ucuncu .right, #hyfixurun #page .besinci .right, #hyfixurun #page .yedinci .right {width: 315px;} #hyfixurun #page .ucuncu .topx, #hyfixurun #page .besinci .topx, #hyfixurun #page .yedinci .topx {width: 304px;} #hyfixurun #page .ucuncu .bottomx, #hyfixurun #page .besinci .bottomx, #hyfixurun #page .yedinci .bottomx {width: 304px;} #hyfixurun #page p.center {text-align: center; display: block; float: none; clear: both; padding-top: 18px;} #hyfixurun footer, #hyfixhakkinda footer, #hyfixkullanim footer, #hyfixavantaj footer, #hyfixurundetayi footer, #ref footer, #ilet footer, #hesap footer, .diger-urun footer, #ref-eng footer {height: 65px; /*background-image: none; background-color: #6590a9;*/} #hyfixurun footer .kapsam, #hyfixhakkinda footer .kapsam, #hyfixkullanim footer .kapsam, #hyfixavantaj footer .kapsam, #hyfixurundetayi footer .kapsam, #ref footer .kapsam, #ilet footer .kapsam, #hesap footer .kapsam, .diger-urun footer .kapsam, #ref-eng footer .kapsam {/*background:none;*/} #hyfixurun footer .kapsam .yil25 p img, #hyfixhakkinda footer .kapsam .yil25 p img, #hyfixkullanim footer .kapsam .yil25 p img, #hyfixavantaj footer .kapsam .yil25 p img, #hyfixurundetayi footer .kapsam .yil25 p img, #ref footer .kapsam .yil25 p img, #ilet footer .kapsam .yil25 p img, #hesap footer .kapsam .yil25 p img, .diger-urun footer .kapsam .yil25 p img, #ref-eng footer .kapsam .yil25 p img {padding-top:0px;} #hyfixurun footer .kapsam .yil25, #hyfixhakkinda footer .kapsam .yil25, #hyfixkullanim footer .kapsam .yil25, #hyfixavantaj footer .kapsam .yil25, #hyfixurundetayi footer .kapsam .yil25, #ref footer .kapsam .yil25, #ilet footer .kapsam .yil25, #hesap footer .kapsam .yil25, .diger-urun footer .kapsam .yil25, #ref-eng footer .kapsam .yil25 {padding-top: 0px; background: none; width: auto;} #hyfixurun footer .kapsam .yil25 p, #hyfixhakkinda footer .kapsam .yil25 p, #hyfixkullanim footer .kapsam .yil25 p, #hyfixavantaj footer .kapsam .yil25 p, #hyfixurundetayi footer .kapsam .yil25 p, #ref footer .kapsam .yil25 p, #ilet footer .kapsam .yil25 p, #hesap footer .kapsam .yil25 p, .diger-urun .kapsam .yil25 p, #ref-eng footer .kapsam .yil25 p {padding-top:0px;margin-top: 0px;} #hyfixurun footer .kapsam .socials, #hyfixhakkinda footer .kapsam .socials, #hyfixkullanim footer .kapsam .socials, #hyfixavantaj footer .kapsam .socials, #hyfixurundetayi footer .kapsam .socials, #ref footer .kapsam .socials, #ilet footer .kapsam .socials, #hesap footer .kapsam .socials, .diger-urun footer .kapsam .socials {display:none;} .altsayfalar .socials {background: none repeat scroll 0 0 transparent; color: #fff; display: block !important; float: right; font-size: 11px; margin-top: 27px; width: auto !important;} #ilet .musteri {background: none repeat scroll 0 0 rgba(0, 0, 0, 0); display: block !important; float: left;margin-top: 13px; font-size: 11px; margin-left: 15px; width: 600px !important;} #ilet .en .musteri {display: none !important;} #ilet .musteri p{ font-size: 12px; line-height: 15px;} #hyfixurun footer .kapsam .musteri, #hyfixhakkinda footer .kapsam .musteri, #hyfixkullanim footer .kapsam .musteri, #hyfixavantaj footer .kapsam .musteri, #hyfixurundetayi footer .kapsam .musteri, #ref footer .kapsam .musteri, #ilet footer .kapsam .musteri, #hesap footer .kapsam .musteri, .diger-urun footer .kapsam .musteri, #ref-eng footer .kapsam .musteri{display:none;} #hyfixurun footer .kapsam .twitteralani, #hyfixhakkinda footer .kapsam .twitteralani, #hyfixkullanim footer .kapsam .twitteralani, #hyfixavantaj footer .kapsam .twitteralani, #hyfixurundetayi footer .kapsam .twitteralani, #ref footer .kapsam .twitteralani, #ilet footer .kapsam .twitteralani, #hesap footer .kapsam .twitteralani, .diger-urun footer .kapsam .twitteralani, #ref-eng footer .kapsam .twitteralani {display:none;} #hyfixurun #responsive, #hyfixhakkinda #responsive, #hyfixkullanim #responsive, #hyfixavantaj #responsive, #ref #responsive, #ilet #responsive, #hesap #responsive, .diger-urun #responsive, #ref-eng #responsive {position: initial; padding-bottom: 50px;} #hyfixurundetayi #ortalik { margin-top: 3px; } #hyfixurundetayi .ustalan {height: 220px; padding-top: 0px;} #hyfixurundetayi .ustalan .baslik {background: url(i/urunbaslikgorseli.png) no-repeat; width: 512px; height: 83px;} #hyfixurundetayi .ustalan .baslik h1 {color: #ffffff; font-size: 60px; line-height: 83px; padding-left: 7px; } #hyfixurundetayi #sw1 .ustalan .baslik h1, #hyfixurundetayi #sw2 .ustalan .baslik h1, #hyfixurundetayi #sw3 .ustalan .baslik h1, #hyfixurundetayi #sw4 .ustalan .baslik h1, #hyfixurundetayi #sw5 .ustalan .baslik h1, #hyfixurundetayi #sw6 .ustalan .baslik h1{font-size: 74px;} #hyfixurundetayi .ustalan .aciklama {margin-top: 15px;} #hyfixurundetayi .ustalan .aciklama p {color: #324871; font-size: 17px; line-height: 22px; font-weight: bold;} #hyfixurundetayi .ustalan .aciklama p img {margin-top:10px;display: block;} #hyfixurundetayi .altalan {width:965px;float:left;} #hyfixurundetayi .altalan .lefta {float:left;width:471px;} #hyfixurundetayi .altalan .lefta .baslika{height:32px;width:471px;background:#00a5e1;margin-top: 9px;} #hyfixurundetayi .altalan .lefta .ilka {margin-top:0px;} #hyfixurundetayi .altalan .lefta .baslika h3{color: #ffffff; font-size: 12px !important; font-weight: bold !important; line-height: 33px !important; padding-left: 8px !important;} #hyfixurundetayi .altalan .lefta .aciklamaa {background: #5f7983; padding-top: 0px;overflow: hidden; padding-left: 8px;padding-bottom: 8px; color: #ffffff;} #hyfixurundetayi .altalan .lefta .aciklamaa ul.leftli {overflow: hidden; padding: 0px;height: 224px; margin: 0px;} #hyfixurundetayi .altalan .lefta .aciklamaa p {font-size:13px;} #hyfixurundetayi .altalan .lefta .aciklamaa ul.leftli li {float: left; width:500px; font-size: 13px; font-family: 'Open Sans', sans-serif; line-height: 22px; } ul.leftliulsiz {} ul.leftliulsiz li{float: left; width: 195px !important; font-size: 13px; font-family: 'Open Sans', sans-serif; line-height: 22px;} .content_slider_wrapper * { box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; padding-top: 0px; -webkit-box-sizing: content-box; margin-top: 0px; } #hyfixurundetayi .altalan .lefta .aciklamaa ul.leftsiz li {float: none; font-size: 13px;font-family: "Open Sans",sans-serif; line-height: 25px; } #hyfixurundetayi .altalan .righta {float: left; padding: 12px;padding-top: 0px; width: 470px;} #hyfixurundetayi .altalan .righta .aciklamab {overflow:hidden;color:#001a4e;height:273px;} #hyfixurundetayi .altalan .righta .aciklamab p{margin-bottom: 8px; font-size: 13px;} #hyfixurundetayi .altalan .righta .baslikb {height: 37px; width: 470px; background: #00a5e1;} #hyfixurundetayi .altalan .righta .baslikb h3{color: #ffffff; font-size: 12px !important; line-height: 38px !important;font-weight: bold !important; padding-left: 8px !important;} #hyfixurundetayi .altalan .righta .indir {} #hyfixurundetayi .altalan .righta .indir li{display: block; float: left;padding-bottom: 0px !important; width: 470px;padding-left: 0px !important; padding: 10px;} #hyfixurundetayi .altalan .righta .indir li img{float:left;} #hyfixurundetayi .altalan .righta .indir li p {display: block; background: #697377; margin-left: 10px; height: 38px; line-height: 37px;margin-top: 17px; font-size: 12px; color: #ffffff; padding-left: 59px;} #hyfixurundetayi .altalan .righta .indir li p a{width: 112px; display: block; float: right; color: #ffffff; line-height: 36px; text-align: center; background: #00a5e1; height: 38px;} #ref #ortalik, #ilet #ortalik, #hesap #ortalik {margin-top: 0px;} span.kare {font-size: 8px; position: relative; right: -1px; top: -6px;} .timeline-footer {dipslay:none;} .twitteralani iframe { margin-top: 27px; } .slicknav_menu { display:none;height:60px; } @media (max-width: 768px) { .js #menu { display:none; } .js .slicknav_menu { display:block; } } /* Mobile Menu Core Style */ .slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; } .slicknav_menu .slicknav_menutxt { display: block; line-height: 1.188em; float: left; } .slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; } .slicknav_menu .slicknav_no-text { margin: 0 } .slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); } .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em } .slicknav_nav { clear: both } .slicknav_nav ul, .slicknav_nav li { display: block } .slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; } .slicknav_nav .slicknav_item { display: block; cursor: pointer; } .slicknav_nav a { display: block } .slicknav_nav .slicknav_item a { display: inline } .slicknav_menu:before, .slicknav_menu:after { content: " "; display: table; } .slicknav_menu:after { clear: both } /* IE6/7 support */ .slicknav_menu { *zoom: 1 } /* User Default Style Change the following styles to modify the appearance of the menu. */ .slicknav_menu { font-size:16px;background: #00a5e1; padding: 0px; position: absolute; height: auto; z-index: 999999; padding-bottom: 12px; } /* Button */ .slicknav_btn { margin: 5px 5px 6px; text-decoration:none; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #222222;position:fixed; } /* Button Text */ .slicknav_menu .slicknav_menutxt { color: #FFF; font-weight: bold; text-shadow: 0 1px 3px #000; } /* Button Lines */ .slicknav_menu .slicknav_icon-bar { background-color: #f5f5f5; } .slicknav_menu { background: #00a5e1; padding: 5px;padding-bottom: 7px; } .slicknav_nav { color:#fff; margin:0; padding:0; font-size:0.875em; } .slicknav_nav, .slicknav_nav ul { list-style: none;margin-top: 43px !important; overflow:hidden;text-align:center; } .slicknav_nav ul { padding:0; margin:0 0 0 20px; } .slicknav_nav .slicknav_item { padding:5px 10px; margin:2px 5px; } .slicknav_nav a{ padding:5px 10px; margin:2px 5px; text-decoration:none; color:#fff; } .slicknav_nav .slicknav_item a { padding:0; margin:0; } .slicknav_nav .slicknav_item:hover { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background:#f5f5f5; color:#fff; } .slicknav_nav a:hover{ -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background:#f5f5f5; color:#222; } .slicknav_nav .slicknav_txtnode { margin-left:15px; } /* Circle Slider */ div.main_content_slider_wrapper { overflow: hidden; margin: 0 auto; max-width: 965px !important; } .content_slider_wrapper * { box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -webkit-box-sizing: content-box; } .content_slider_wrapper { font-family:'PTSansRegular'; font-size:14px; line-height:20px; text-align:left; color:#484848; margin:0; padding:0; border:none; clear: both;max-height:800px; display: block;width:965px !important; position: relative; } .content_slider_wrapper h4 { font-size:20px; font-family:'BebasNeueRegular'; color:#2a2a2a; margin:0; padding:0; font-weight:100; border:none; } .content_slider_wrapper_vertical { font-family:'PTSansRegular'; font-size:14px; line-height:20px; text-align:left; color:#484848; margin:0; padding:0; border:none; clear: both; display: block; } .content_slider_wrapper_vertical h4 { font-size:20px; font-family:'BebasNeueRegular'; color:#2a2a2a; margin:0; padding:0; font-weight:100; border:none; } .content_slider_wrapper .circle_slider { position:relative; width:970px; height:260px; margin:0; padding:0;float:right; border:none; overflow: hidden; } .content_slider_wrapper_vertical .circle_slider { position:relative; width:279px; height:970px; margin:0; padding:0; border:none; overflow: hidden; float: left; } .circle_slider_thumb { /* overflow:hidden;*/ border:#282828 solid 5px; border-radius:0px !important; position:absolute; top:97px; width:84px; height:84px; float:left; -moz-box-shadow: 5px 5px 5px #888; -webkit-box-shadow: 5px 5px 5px #888; box-shadow: 5px 5px 5px #888; margin:0; padding:0; cursor: pointer; } .circle_slider_thumb img { max-width: 100% !important; width:84px; margin:0 !important; padding:0 !important; border:none; border-radius:0px !important; } .circle_slider_big { overflow:hidden; border:#282828 solid 8px; border-radius:231px; position:absolute; top:24px; width:231px; height:231px; float:left; -moz-box-shadow: 5px 5px 5px #888; -webkit-box-shadow: 5px 5px 5px #888; box-shadow: 5px 5px 5px #888; margin:0; padding:0; } .circle_slider_big img { width:231px; margin:0; padding:0; border:none; } .content_slider_wrapper .circle_slider_nav_left { position:absolute; top:334px; left:95px; height:57px; width:28px; display:block; margin:0; padding:0; border:none; overflow: hidden; cursor: pointer; } .content_slider_wrapper .circle_slider_no_border2_left { width: 24px; } .content_slider_wrapper .circle_slider_nav_left img { padding:19px 30px 19px 3px; border-radius:50px 0px 0px 50px; left: 0px; position: absolute; display: inline-block; background:black; box-shadow: none !important; } .content_slider_wrapper .circle_slider_nav_right { position:absolute; top:597px; left:95px; height:57px; width:28px; display:block; margin:0; padding:0; border:none; overflow: hidden; cursor: pointer; } .content_slider_wrapper .circle_slider_nav_right img { padding:19px 3px 19px 30px; margin-left:-26px; border-radius:0px 50px 50px 0px; left: 0px; position: absolute; display: inline-block; background:black; box-shadow: none !important; } .content_slider_wrapper .circle_slider_nav_left.circle_slider_no_border img { padding:0; margin-left:4px; border-radius:0; background:transparent !important; box-shadow: none !important; } .content_slider_wrapper .circle_slider_nav_right.circle_slider_no_border img { padding:0; margin-left:0; left: 4px; border-radius:0; background:transparent !important; box-shadow: none !important; } .content_slider_wrapper_vertical .circle_slider_nav_left { position:absolute; top:335px; left:92px; width:57px; height:28px; display:block; margin:0; padding:0; border:none; overflow: hidden; cursor: pointer; } .content_slider_wrapper_vertical .circle_slider_no_border2_left { height: 24px; } .content_slider_wrapper_vertical .circle_slider_nav_left img { left: 0px; position: absolute; display: inline-block; box-shadow: none !important; } .content_slider_wrapper_vertical .circle_slider_nav_right { position:absolute; top:598px; left:92px; width:57px; height:28px; display:block; margin:0; padding:0; border:none; overflow: hidden; cursor: pointer; box-shadow: none !important; } .content_slider_wrapper_vertical .circle_slider_nav_right img { left: 0px; position: absolute; display: inline-block; box-shadow: none !important; } .content_slider_wrapper .cst1 {left:0px; top:73px;} .content_slider_wrapper .cst2 {left:109px; top:73px;} .content_slider_wrapper .cst3 {left:218px; top:73px;} .content_slider_wrapper .csc {left:357px; top:0px;} .content_slider_wrapper .cst4 {left:649px; top:73px;} .content_slider_wrapper .cst5 {left:758px; top:73px;} .content_slider_wrapper .cst6 {left:867px; top:73px;} .content_slider_wrapper_vertical .cst1 {left:73px; top:0px;} .content_slider_wrapper_vertical .cst2 {left:73px; top:109px;} .content_slider_wrapper_vertical .cst3 {left:73px; top:218px;} .content_slider_wrapper_vertical .csc {left:0px; top:357px;} .content_slider_wrapper_vertical .cst4 {left:73px; top:649px;} .content_slider_wrapper_vertical .cst5 {left:73px; top:758px;} .content_slider_wrapper_vertical .cst6 {left:73px; top:867px;} /* Circle Slider text */ .content_slider_wrapper .circle_slider_text_wrapper { width:100%; left:0px; top:10px; position:relative; display:inline-block; } .content_slider_wrapper .circle_slider_text_wrapper .circle_slider_text { width:460px; padding:0 20px 20px 0px; border-right:1px solid #7e7e7e; float:left; margin:0; border-left:none; border-bottom:none; border-top:none; } .content_slider_wrapper .circle_slider_text_wrapper .circle_slider_text.right { border-left:1px solid #7e7e7e; border-right:none; width:459px; padding:0 0px 20px 20px; margin:0 0 0 -1px; border-bottom:none; border-top:none; } .content_slider_wrapper .circle_slider_text_wrapper .circle_slider_text span { text-align:right; display:inline-block; width:100%; margin:0; padding:0; border:none; } .content_slider_wrapper .circle_slider_text_wrapper .circle_slider_text h4 {float:right;} .content_slider_wrapper .circle_slider_text_wrapper .circle_slider_text.right span {text-align:left;} .content_slider_wrapper .circle_slider_text_wrapper .circle_slider_text.right h4 {float:left;} /* --------------------- */ .content_slider_wrapper_vertical .circle_slider_text_wrapper { left: 0px; position: relative; float: left; } .content_slider_wrapper_vertical .circle_slider_text_wrapper .circle_slider_text { width:200px; padding:0 20px 20px 0px; border-right:1px solid #7e7e7e; float:left; margin:0; border-left:none; border-bottom:none; border-top:none; } .content_slider_wrapper_vertical .circle_slider_text_wrapper .circle_slider_text.right { border-left:1px solid #7e7e7e; border-right:none; width:200px; padding:0 0px 20px 20px; margin:0 0 0 -1px; border-bottom:none; border-top:none; } .content_slider_wrapper_vertical .circle_slider_text_wrapper .circle_slider_text span { text-align:right; display:inline-block; width:100%; margin:0; padding:0; border:none; } .content_slider_wrapper_vertical .circle_slider_text_wrapper .circle_slider_text h4 {float:right;} .content_slider_wrapper_vertical .circle_slider_text_wrapper .circle_slider_text.right span {text-align:left;} .content_slider_wrapper_vertical .circle_slider_text_wrapper .circle_slider_text.right h4 {float:left;} /* --------------------- */ .content_slider_wrapper_vertical .circle_slider_text_wrapper_v2 { left: 30px; position: relative; float: left; /*margin-top: 320px;*/ } .content_slider_wrapper_vertical .circle_slider_text_wrapper_v2 .circle_slider_text { /*width:460px;*/ padding:0px 0px 20px 0px; margin:0; border-bottom:1px solid #7e7e7e; border-left:none; border-right:none; border-top:none; display: block; clear: both; } .content_slider_wrapper_vertical .circle_slider_text_wrapper_v2 .circle_slider_text.right { padding:20px 0px 0px 0px; margin:-1px 0 0 0px; /*width:459px;*/ border-top:1px solid #7e7e7e; border-right:none; border-bottom:none; border-left:none; display: block; } .content_slider_wrapper_vertical .circle_slider_text_wrapper_v2 .circle_slider_text span { text-align:center; display:inline-block; width:100%; margin:0; padding:0; border:none; } .content_slider_wrapper_vertical .circle_slider_nav_left img { padding:1px 19px 30px 19px; border-radius:50px 50px 0px 0px; left: 0px; position: absolute; display: inline-block; background:black; box-shadow: none !important; } .content_slider_wrapper_vertical .circle_slider_nav_right img { padding:30px 19px 1px 19px; margin-top:-26px; border-radius:0px 0px 50px 50px; left: 0px; position: absolute; display: inline-block; background:black; box-shadow: none !important; } .content_slider_wrapper_vertical .circle_slider_nav_left.circle_slider_no_border img { padding:0; margin-left:0; border-radius:0; background:transparent !important; box-shadow: none !important; } .content_slider_wrapper_vertical .circle_slider_nav_right.circle_slider_no_border img { left: 0; top: 34px; padding:0; margin-left:0; border-radius:0; background:transparent !important; box-shadow: none !important; } .content_slider_wrapper_vertical .circle_slider_text_wrapper_v2 .circle_slider_text h4 {text-align:center !important; float: none !important;} .content_slider_wrapper_vertical .circle_slider_text_wrapper_v2 .circle_slider_text.right span {text-align:center !important;} .content_slider_wrapper_vertical .circle_slider_text_wrapper_v2 .circle_slider_text.right h4 {text-align:center !important;} .image_more_info { border-radius: 40px 40px 40px 40px; box-shadow: 5px 5px 5px #888888; -moz-box-shadow: 5px 5px 5px #888; -webkit-box-shadow: 5px 5px 5px #888; overflow: hidden; position: absolute; left: 0px; top: 0px;display:none !important; z-index: 10; } .image_more_info a { position: relative; } .image_more_info img { background: none repeat scroll 0 0 #1ab99b; border-radius: 40px 40px 40px 40px; display: block; padding: 0px; width: 0px; overflow: hidden; border: 0; box-shadow: none !important; } .circle_item_border { box-sizing: border-box !important; -moz-box-sizing: border-box !important; -ms-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; position: absolute; width:100%; height:100%; top: -1px; left: -1px; border:5px solid #000000; border-radius: 40px 40px 40px 40px; z-index:5; } /* additional content */ .content_slider_text_block_wrap {width:100%; text-align:left; font-family: 'Dosis'; line-height:18px; font-size: 16px; color:#444444; margin:0; } .content_slider_text_block_wrap .bold {font-family: 'Dosis'; font-weight:600;} .content_slider_text_block_wrap .separator {width:100%; height: 1px; background: #444444; margin-top:5px;} .content_slider_text_block_wrap a.large_link {font-size:18px;} .content_slider_text_block_wrap a {color:#1ab99b; line-height:18px; font-size: 16px; font-family: 'Dosis'; text-decoration: none;} .content_slider_text_block_wrap h3 {font-size: 30px !important;font-family: 'Dosis', sans-serif !important; line-height: 30px !important; margin: 0 !important; padding: 0 !important; display: inline-block !important; font-weight: 600 !important;} .content_slider_text_block_wrap a.button_regular {color:#fff; display: inline-block; background:#1ab99b; padding:13px 26px 15px 25px; font-size: 15px; line-height: 16px; height: 16px; font-weight:600; border-radius: 3px;} .content_slider_text_block_wrap a.button_socials {width:39px; height:39px; padding:5px; display: inline-block; margin:0 5px; border-radius: 3px;} .content_slider_text_block_wrap a.button_socials_flat {width:48px; height:48px; padding:0px; display: inline-block; margin:0 5px 0 6px;} .content_slider_text_block_wrap .col-1-4_block {width:182px; margin:10px 20px; display: inline-block; vertical-align: top !important;} .content_slider_text_block_wrap h4 {display: inline-block; margin:10px 0 20px 0; font-family: 'Dosis', sans-serif; font-weight: 400; font-size: 16px !important;} .content_slider_text_block_wrap .col-1-3_block {width:240px; margin:10px 20px; display: inline-block; vertical-align: top !important;} .content_slider_text_block_wrap .col-1-3_block img {box-shadow: none !important;} .content_slider_text_block_wrap .content_img_wrap {position: relative;} .content_slider_text_block_wrap .content_img_wrap img {display: block; box-shadow: none !important;} .content_slider_text_block_wrap .content_img_wrap .hover_link img {width:100%;height:100%;} .content_slider_text_block_wrap .content_img_wrap .hover_link {display: none; width: 0px; height: 0px; position: absolute; top: 50%; left: 50%; margin-top:0px; margin-left:0px; z-index:2; opacity:0; filter:alpha(opacity = 0);} .content_slider_wrapper div.all_around_text_up { position: absolute; /*border: #eee solid 1px;*/ margin: 0; padding: 0; /*overflow: hidden;*/ } .content_slider_wrapper div.all_around_text_down { position: absolute; /*border: #eee solid 1px;*/ margin: 0; padding: 0; /*overflow: hidden;*/ } .content_slider_wrapper span.all_around_text_span_up { margin: 0; padding: 0; text-align: center; position: absolute; bottom: 0; } .content_slider_wrapper span.all_around_text_span_down { margin: 0; padding: 0; text-align: center; position: absolute; } .content_slider_wrapper_vertical div.all_around_text_up { position: absolute; /*border: #eee solid 1px;*/ margin: 0; padding: 0; /*overflow: hidden;*/ } .content_slider_wrapper_vertical div.all_around_text_down { position: absolute; /*border: #eee solid 1px;*/ margin: 0; padding: 0; /*overflow: hidden;*/ } .content_slider_wrapper_vertical span.all_around_text_span_up { margin: 0; padding: 0; text-align: center; position: absolute; } .content_slider_wrapper_vertical span.all_around_text_span_down { margin: 0; padding: 0; text-align: center; position: absolute; } div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px} div.pp_default .pp_top .pp_left{background:url(i/sprite.png) -78px -93px no-repeat} div.pp_default .pp_top .pp_middle{background:url(i/sprite_x.png) top left repeat-x} div.pp_default .pp_top .pp_right{background:url(i/sprite.png) -112px -93px no-repeat} div.pp_default .pp_content .ppt{color:#f8f8f8} div.pp_default .pp_content_container .pp_left{background:url(i/sprite_y.png) -7px 0 repeat-y;padding-left:13px} div.pp_default .pp_content_container .pp_right{background:url(i/sprite_y.png) top right repeat-y;padding-right:13px} div.pp_default .pp_next:hover{background:url(i/sprite_next.png) center right no-repeat;cursor:pointer} div.pp_default .pp_previous:hover{background:url(i/sprite_prev.png) center left no-repeat;cursor:pointer} div.pp_default .pp_expand{background:url(i/sprite.png) 0 -29px no-repeat;cursor:pointer;width:28px;height:28px} div.pp_default .pp_expand:hover{background:url(i/sprite.png) 0 -56px no-repeat;cursor:pointer} div.pp_default .pp_contract{background:url(i/sprite.png) 0 -84px no-repeat;cursor:pointer;width:28px;height:28px} div.pp_default .pp_contract:hover{background:url(i/sprite.png) 0 -113px no-repeat;cursor:pointer} div.pp_default .pp_close{width:30px;height:30px;background:url(i/sprite.png) 2px 1px no-repeat;cursor:pointer} div.pp_default .pp_gallery ul li a{background:url(i/default_thumb.png) center center #f8f8f8;border:1px solid #aaa} div.pp_default .pp_social{margin-top:7px} div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{position:static;left:auto} div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(i/sprite.png) -51px 1px no-repeat;height:30px;width:30px} div.pp_default .pp_nav .pp_pause{background-position:-51px -29px} div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(i/sprite.png) -31px -3px no-repeat;height:20px;width:20px;margin:4px 0 0} div.pp_default a.pp_arrow_next{left:52px;background-position:-82px -3px} div.pp_default .pp_content_container .pp_details{margin-top:5px} div.pp_default .pp_nav{clear:none;height:30px;width:110px;position:relative} div.pp_default .pp_nav .currentTextHolder{font-family:Georgia;font-style:italic;color:#999;font-size:11px;left:75px;line-height:25px;position:absolute;top:2px;margin:0;padding:0 0 0 10px} div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7} div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0} div.pp_default .pp_bottom .pp_left{background:url(i/sprite.png) -78px -127px no-repeat} div.pp_default .pp_bottom .pp_middle{background:url(i/sprite_x.png) bottom left repeat-x} div.pp_default .pp_bottom .pp_right{background:url(i/sprite.png) -112px -127px no-repeat} div.pp_default .pp_loaderIcon{background:url(i/loader.gif) center center no-repeat} div.pp_pic_holder a:focus{outline:none} div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500} div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000} .pp_content{height:40px;min-width:40px} * html .pp_content{width:40px} .pp_content_container{position:relative;text-align:left;width:100%} .pp_content_container .pp_left{padding-left:20px} .pp_content_container .pp_right{padding-right:20px} .pp_content_container .pp_details{float:left;margin:10px 0 2px} .pp_description{display:none;margin:0} .pp_social{float:left;margin:0} .pp_social .facebook{float:left;margin-left:5px;width:55px;overflow:hidden} .pp_social .twitter{float:left} .pp_nav{clear:right;float:left;margin:3px 10px 0 0} .pp_nav p{float:left;white-space:nowrap;margin:2px 4px} .pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px} a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px} .pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000} .pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000} .pp_gallery div{float:left;overflow:hidden;position:relative} .pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0} .pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden} .pp_gallery ul a img{border:0} .pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0} .pp_gallery li.default a{background:url(../images/prettyPhoto/facebook/default_thumbnail.html) 0 0 no-repeat;display:block;height:33px;width:50px} .pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important} a.pp_next{background:url(../images/prettyPhoto/light_rounded/btnNext.html) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%} a.pp_previous{background:url(../images/prettyPhoto/light_rounded/btnNext.html) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%} a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000} a.pp_close{position:absolute;right:0;top:0;display:block;line-height:22px;text-indent:-10000px} .pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px} #pp_full_res{line-height:1!important} #pp_full_res .pp_inline{text-align:left} #pp_full_res .pp_inline p{margin:0 0 15px} div.ppt{color:#fff;display:none;font-size:17px;z-index:9999;margin:0 0 5px 15px} div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff} div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000} div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff} div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative} div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff} div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px} div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important} div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default} div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default} div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(../images/prettyPhoto/light_rounded/loader.html) center center no-repeat} div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(../images/prettyPhoto/dark_rounded/contentPattern.html) top left repeat} div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4} div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff} .pp_top,.pp_bottom{height:20px;position:relative} * html .pp_top,* html .pp_bottom{padding:0 20px} .pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px} .pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px} * html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static} .pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px} .pp_fade,.pp_gallery li.default a img{display:none} #filters { margin:1%; padding:0; list-style:none; } #filters li { float:left; } #filters li span { display: block; padding: 5px 20px; text-decoration: none; background: #00a5e1; color: #ffffff !important; margin-right: 8px; cursor: pointer; } #filters li span.active { background: #e95a44; color:#fff; } #portfoliolist .portfolio { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; width:23%; margin:1%; display:none; float:left; overflow:hidden; } .portfolio-wrapper { overflow:hidden; position: relative !important; background: #666; cursor:pointer; } .portfolio img { max-width:100%; position: relative; } .portfolio .label { position: relative; width: 100%; height: 36px; } .portfolio .label-bg { background: #00a5e1; width: 100%; height:100%; position: absolute; top:0; left:0; } .portfolio .label-text { color: #fff; position: relative; z-index: 500; padding: 9px 12px; text-align: center; } .portfolio .text-category { display:block; font-size:9px;line-height:20px; } /* #Tablet (Portrait) */ @media only screen and (min-width: 768px) and (max-width: 959px) { .container { width: 768px; } } /* #Mobile (Portrait) - Note: Design for a width of 320px */ @media only screen and (max-width: 767px) { .container { width: 95%; } #portfoliolist .portfolio { width:48%; margin:1%; } #ads { display:none; } } /* #Mobile (Landscape) - Note: Design for a width of 480px */ @media only screen and (min-width: 480px) and (max-width: 767px) { .container { width: 70%; } #ads { display:none; } } /*iphone*/ @media (max-width: 480px) { .slideBoxss {display:none !important;} .slicknav_menu {top:14px;} header {height: 78px;} #responsive { top: 49px !important; height: 100% !important; background-size: cover; background-repeat: repeat-x; background-blend-mode: inherit; background-position: center top; } #kategoriler { overflow: hidden; height: 105px !important; width: 100%; } #content .sonuclar { width: 90% !important; height: 259px !important; } #content .sonuclar img {width:100% !important;} span.acik { width: 100% !important; } #hyfixurun #page .urun .resim, #hyfixurun #page .birinci .resim { float: left !important; width: 20% !important; } #hyfixurun #page .urun .right, #hyfixurun #page .birinci .right { width: 233% !important; margin-left: 0px !important; float: none !important; } #ilet .kapsayici { width: 100% !important; } } /* #Clearing */ /*! normalize.css v1.0.1 | MIT License | git.io/normalize */ /* ========================================================================== HTML5 display definitions ========================================================================== */ /* * Corrects `block` display not defined in IE 6/7/8/9 and Firefox 3. */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; } /* * Corrects `inline-block` display not defined in IE 6/7/8/9 and Firefox 3. */ audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } /* * Prevents modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /* * Addresses styling for `hidden` attribute not present in IE 7/8/9, Firefox 3, * and Safari 4. * Known issue: no IE 6 support. */ [hidden] { display: none; } /* ========================================================================== Base ========================================================================== */ /* * 1. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using * `em` units. * 2. Prevents iOS text size adjust after orientation change, without disabling * user zoom. */ html { font-size: 100%; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */ } /* * Addresses `font-family` inconsistency between `textarea` and other form * elements. */ html, button, input, select, textarea { font-family: sans-serif; } /* * Addresses margins handled incorrectly in IE 6/7. */ body { margin: 0; } /* ========================================================================== Links ========================================================================== */ /* * Addresses `outline` inconsistency between Chrome and other browsers. */ a:focus { outline: thin dotted; } /* * Improves readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /* ========================================================================== Typography ========================================================================== */ /* * Addresses font sizes and margins set differently in IE 6/7. * Addresses font sizes within `section` and `article` in Firefox 4+, Safari 5, * and Chrome. */ #ref h1 { font-size: 2.4em; margin: 0.67em 0; } #ref h2 { font-size: 1.8em; margin: 1em 0 0 0; } #ref h3 { font-size: 1.17em; margin: 1em 0 0.2em 0; } #ref h4 { font-size: 1em; margin: 1.33em 0; } #ref h5 { font-size: 0.83em; margin: 1.67em 0; } #ref h6 { font-size: 0.75em; margin: 2.33em 0; } /* * Addresses styling not present in IE 7/8/9, Safari 5, and Chrome. */ #ref abbr[title] { border-bottom: 1px dotted; } /* * Addresses style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome. */ #ref b, #ref strong { font-weight: bold; } #ref blockquote { padding: 0.5em 30px; margin-left:30px; font-style:italic; border-left:5px solid; border-color:#cc0000; } /* * Addresses styling not present in Safari 5 and Chrome. */ #ref dfn { font-style: italic; } /* * Addresses styling not present in IE 6/7/8/9. */ #ref mark { background: #ff0; color: #000; } /* * Addresses margins set differently in IE 6/7. */ #ref p { margin: 0 0 1em 0; } #ref pre { margin: 1em 0; } /* * Corrects font family set oddly in IE 6, Safari 4/5, and Chrome. */ #ref code, #ref kbd, #ref pre, #ref samp { font-family: monospace, serif; font-size: 1em; } /* * Improves readability of pre-formatted text in all browsers. */ #ref pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } /* * Addresses CSS quotes not supported in IE 6/7. */ #ref q { quotes: none; } /* * Addresses `quotes` property not supported in Safari 4. */ #ref q:before, #ref q:after { content: ''; content: none; } /* * Addresses inconsistent and variable font size in all browsers. */ #ref small { font-size: 80%; } /* * Prevents `sub` and `sup` affecting `line-height` in all browsers. */ #ref sub, #ref sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } #ref sup { top: -0.5em; } #ref sub { bottom: -0.25em; } /* ========================================================================== Lists ========================================================================== */ /* * Addresses margins set differently in IE 6/7. */ #ref dd { margin: 0 0 0 40px; } /* * Addresses paddings set differently in IE 6/7. */ /* * Corrects list images handled incorrectly in IE 7. */ #ref nav ul, #ref nav ol { list-style: none; list-style-image: none; } #ref li { margin-bottom:6px; } /* ========================================================================== Embedded content ========================================================================== */ /* * 1. Removes border when inside `a` element in IE 6/7/8/9 and Firefox 3. * 2. Improves image quality when scaled in IE 7. */ #ref img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ } /* * Corrects overflow displayed oddly in IE 9. */ #ref svg:not(:root) { overflow: hidden; } /* ========================================================================== Figures ========================================================================== */ /* * Addresses margin not present in IE 6/7/8/9, Safari 5, and Opera 11. */ #ref figure { margin: 0; } /* ========================================================================== Forms ========================================================================== */ /* * Corrects margin displayed oddly in IE 6/7. */ #ref form { margin: 0; } /* * Define consistent border, margin, and padding. */ #ref fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /* * 1. Corrects color not being inherited in IE 6/7/8/9. * 2. Corrects text not wrapping in Firefox 3. * 3. Corrects alignment displayed oddly in IE 6/7. */ #ref legend { border: 0; /* 1 */ padding: 0; white-space: normal; /* 2 */ *margin-left: -7px; /* 3 */ } /* * 1. Corrects font size not being inherited in all browsers. * 2. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5, * and Chrome. * 3. Improves appearance and consistency in all browsers. */ #ref button, #ref input, #ref select, #ref textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */ } /* * Addresses Firefox 3+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ #ref button, #ref input { line-height: normal; } /* * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Corrects inability to style clickable `input` types in iOS. * 3. Improves usability and consistency of cursor style between image-type * `input` and others. * 4. Removes inner spacing in IE 7 without affecting normal text inputs. * Known issue: inner spacing remains in IE 6. */ #ref button, #ref html input[type="button"], /* 1 */ #ref input[type="reset"], #ref input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ *overflow: visible; /* 4 */ } /* * Re-set default cursor for disabled elements. */ #ref button[disabled], #ref input[disabled] { cursor: default; } /* * 1. Addresses box sizing set to content-box in IE 8/9. * 2. Removes excess padding in IE 8/9. * 3. Removes excess padding in IE 7. * Known issue: excess padding remains in IE 6. */ #ref input[type="checkbox"], #ref input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; /* 3 */ *width: 13px; /* 3 */ } /* * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome. * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome * (include `-moz` to future-proof). */ #ref input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /* * Removes inner padding and search cancel button in Safari 5 and Chrome * on OS X. */ #ref input[type="search"]::-webkit-search-cancel-button, #ref input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /* * Removes inner padding and border in Firefox 3+. */ #ref button::-moz-focus-inner, #ref input::-moz-focus-inner { border: 0; padding: 0; } /* * 1. Removes default vertical scrollbar in IE 6/7/8/9. * 2. Improves readability and alignment in all browsers. */ #ref textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } /* ========================================================================== Tables ========================================================================== */ /* * Remove most spacing between table cells. */ #ref table { border-collapse: collapse; border-spacing: 0; } /* ========================================================================== Base styles: opinionated defaults ========================================================================== */ #ref html, #ref button, #ref input, #ref select, #ref textarea { color: #222; } #ref body { font-size: 1em; line-height: 1.4; } /* * Remove text-shadow in selection highlight: h5bp.com/i * These selection declarations have to be separate. * Customize the background color to match your design. */ #ref ::-moz-selection { background: #b3d4fc; text-shadow: none; } #ref ::selection { background: #b3d4fc; text-shadow: none; } /* * A better looking default horizontal rule */ #ref hr { display: block; height: 0px; border: 0; border-top: 1px solid #ddd; border-bottom: 1px solid #fff; margin: 1em 0; padding: 0; } /* * Remove the gap between images and the bottom of their containers: h5bp.com/i/440 */ #ref img { vertical-align: middle; } /* * Remove default fieldset styles. */ #ref fieldset { border: 0; margin: 0; padding: 0; } /* * Allow only vertical resizing of textareas. */ #ref textarea { resize: vertical; } /* ========================================================================== Chrome Frame prompt ========================================================================== */ #ref .chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; } /* ========================================================================== Helper classes ========================================================================== */ /* * Image replacement */ #ref .ir { background-color: transparent; border: 0; overflow: hidden; /* IE 6/7 fallback */ *text-indent: -9999px; } #ref .ir:before { content: ""; display: block; width: 0; height: 100%; } /* * Hide from both screenreaders and browsers: h5bp.com/u */ #ref .hidden, #ref-eng .hidden{ display: none !important; visibility: hidden; } /* * Hide only visually, but have it available for screenreaders: h5bp.com/v */ #ref .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* * Extends the .visuallyhidden class to allow the element to be focusable * when navigated to via the keyboard: h5bp.com/p */ #ref .visuallyhidden.focusable:active, #ref .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /* * Hide visually and from screenreaders, but maintain layout */ #ref .invisible { visibility: hidden; } /* * Clearfix: contain floats * * For modern browsers * 1. The space content is one way to avoid an Opera bug when the * `contenteditable` attribute is included anywhere else in the document. * Otherwise it causes space to appear at the top and bottom of elements * that receive the `clearfix` class. * 2. The use of `table` rather than `block` is only necessary if using * `:before` to contain the top-margins of child elements. */ #ref .clearfix:before, #ref .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ } #ref .clearfix:after { clear: both; } /* * For IE 6/7 only * Include this rule to trigger hasLayout and contain floats. */ #ref .clearfix { *zoom: 1; } /* ========================================================================== EXAMPLE Media Queries for Responsive Design. Theses examples override the primary ('mobile first') styles. Modify as content requires. ========================================================================== */ @media only screen and (min-width: 35em) { /* Style adjustments for viewports that meet the condition */ } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) { /* Style adjustments for high resolution devices */ } /* ========================================================================== Print styles. Inlined to avoid required HTTP connection: h5bp.com/r ========================================================================== */ @media print { * { background: transparent !important; color: #000 !important; /* Black prints faster: h5bp.com/s */ box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } /* * Don't show links for images, or javascript/internal links */ .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; /* h5bp.com/t */ } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } #facebox { position: absolute; top: 0; left: 0; z-index: 100; text-align: left; } #facebox .popup { position: relative; border: 3px solid rgba(0,0,0,0); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 0 18px rgba(0,0,0,0.4); -moz-box-shadow: 0 0 18px rgba(0,0,0,0.4); box-shadow: 0 0 18px rgba(0,0,0,0.4); } #facebox .popup p a {color:#000000;} #facebox .popup p a:hover {text-decoration:underline;} #facebox .content { display: table; width: 855px; padding: 10px; background: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } #facebox .close { position: absolute; top: 5px; right: 5px; padding: 2px; background: #fff; } .goruntusolda {float:left;} .digerlerisagda {float: left; padding-top: 14px; margin-left: -1px;} .digerlerisagda h3 {color: #001a4e; margin: 0px !important; line-height: 25px;} .digerlerisagda hr {background:#00a5e1;color:#00a5e1;height: 3px !important;} .mavialan {height:70px;background:#00a5e1} .mavialan p {text-align: center; line-height: 67px; font-size: 35px; color: #ffffff;} .yukseklik {height:509px;padding-left: 7px;} body#ilet {background:url(i/iletbody.jpg) no-repeat center top;} #ilet #mainicerik, #ilet #mainicerik #ic {width:100%;padding: 0px;} #ilet .kapsayici {margin: 0 auto; text-align: center; height: 229px; width: 965px;} #ilet .kapsayici p {margin-bottom: 17px; color: #001a4e; font-size: 13px; line-height: 17px;} #ilet .kapsayici ul.sosyalmedyailetisim {width: 355px; margin: 0 auto; overflow: hidden;} #ilet .kapsayici ul.sosyalmedyailetisim li {float: left; margin-right: 6px;} #ilet .kapsayici ul.sosyalmedyailetisim li img {} #ilet .kapsayici strong {font-weight:bold;} #ilet .kapsayici p a {color: #001a4e;} .golge {background: url(i/haritagolge.png) no-repeat center top; position: relative; z-index: 1; height: 36px; top: 36px;} img.ilet-logo { left: -20px;position: relative;} #kategoriler {overflow:hidden;height:50px;width:100%;} #kategoriler li {margin: 5px; float: left; cursor: pointer; height: 26px; background: #00a5e1; font-size: 13px; line-height: 24px; width: 105px; color: #ffffff; text-align: center;} #kategoriler li.selected, #kategoriler li:hover {background: #ffffff;color:#000000} .en #kategoriler li { height: auto; line-height: 18px; padding: 4px 0;} .en #kategoriler {} .en #kategoriler li.item.ismerkezi {} #content .sonuclar {margin: 4px; margin-right: 14px; margin-left: 13px; float: left; border: 1px solid #ffffff; padding: 2px; background: #ffffff; width: 277px; height: 200px; margin-bottom: 21px; cursor: pointer;} #content .sonuclar img {width:277px;height:173px;} span.acik {background: #00a5e1; color: #ffffff; text-align: center; height: 29px; line-height: 26px; font-weight: bold; font-size: 11px; width: 277px; display: block;} /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('i/fancybox_sprite.png'); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url('i/fancybox_loading.gif') center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('i/blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: hidden !important; width: auto; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('i/fancybox_overlay.png'); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); } /*Retina graphics!*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){ #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('i/fancybox_sprite%402x.png'); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ } #fancybox-loading div { background-image: url('i/fancybox_loading%402x.gif'); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } } .fancybox-title-over { position: absolute; bottom: 0; left: 0; color: #FFF; text-align: left; } /* Functional styling; * These styles are required for noUiSlider to function. * You don't need to change these rules to apply your design. */ .noUi-target, .noUi-target * { -webkit-touch-callout: none; -webkit-user-select: none; -ms-touch-action: none; -ms-user-select: none; -moz-user-select: none; -moz-box-sizing: border-box; box-sizing: border-box; } .noUi-base { width: 100%; height: 100%; position: relative; } .noUi-origin { position: absolute; right: 0; top: 0; left: 0; bottom: 0; } .noUi-handle { position: relative; z-index: 1; } .noUi-stacking .noUi-handle { /* This class is applied to the lower origin when its values is > 50%. */ z-index: 10; } .noUi-stacking + .noUi-origin { /* Fix stacking order in IE7, which incorrectly creates a new context for the origins. */ *z-index: -1; } .noUi-state-tap .noUi-origin { -webkit-transition: left 0.3s, top 0.3s; transition: left 0.3s, top 0.3s; } .noUi-state-drag * { cursor: inherit !important; } /* Slider size and handle placement; */ .noUi-horizontal { height: 18px; } .noUi-horizontal .noUi-handle { width: 34px; height: 28px; left: -17px; top: -6px; } .noUi-horizontal.noUi-extended { padding: 0 15px; } .noUi-horizontal.noUi-extended .noUi-origin { right: -15px; } .noUi-vertical { width: 18px; } .noUi-vertical .noUi-handle { width: 28px; height: 34px; left: -6px; top: -17px; } .noUi-vertical.noUi-extended { padding: 15px 0; } .noUi-vertical.noUi-extended .noUi-origin { bottom: -15px; } /* Styling; */ .noUi-background { background: #FAFAFA; box-shadow: inset 0 1px 1px #f0f0f0; } .noUi-connect { background: #3FB8AF; box-shadow: inset 0 0 3px rgba(51,51,51,0.45); -webkit-transition: background 450ms; transition: background 450ms; } .noUi-origin { border-radius: 2px; } .noUi-target { border-radius: 4px; border: 1px solid #D3D3D3; box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB; } .noUi-target.noUi-connect { box-shadow: inset 0 0 3px rgba(51,51,51,0.45), 0 3px 6px -5px #BBB; } /* Handles and cursors; */ .noUi-dragable { cursor: w-resize; } .noUi-vertical .noUi-dragable { cursor: n-resize; } .noUi-handle { border: 1px solid #D9D9D9; border-radius: 3px; background: #FFF; cursor: default; box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB; } .noUi-active { box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB; } /* Handle stripes; */ .noUi-handle:before, .noUi-handle:after { content: ""; display: block; position: absolute; height: 14px; width: 1px; background: #E8E7E6; left: 14px; top: 6px; } .noUi-handle:after { left: 17px; } .noUi-vertical .noUi-handle:before, .noUi-vertical .noUi-handle:after { width: 14px; height: 1px; left: 6px; top: 14px; } .noUi-vertical .noUi-handle:after { top: 17px; } /* Disabled state; */ [disabled].noUi-connect, [disabled] .noUi-connect { background: #B8B8B8; } [disabled] .noUi-handle { cursor: not-allowed; } .inputClass { display: block; margin: 0 auto 10px; } body#anasayfa iframe {height:100px !important;} /* #Reset // ================================================== */ /* Standard */ .responsive-tabs { margin: 0; padding: 0; list-style-type: none; position: relative;z-index: 1; } .responsive-tabs li { width: 314px; margin: 0; height: 98px; text-align: center; line-height: 104px; float: left; } } .responsive-tabs li a { display: block;color:#003764; padding: 0 10px;font-size:13px; text-decoration: none; } .responsive-tabs-default .responsive-tabs li a {color:#003764;font-size:13px;} .responsive-tabs li.active { font-weight: bold; } .responsive-tabs-content { margin-bottom: 20px; } .responsive-tabs-content.bm-remove { margin-bottom: 0; } .responsive-tabs-content.bm-smaller { margin-bottom: 5px; } .responsive-tabs-content.bm-small { margin-bottom: 10px; } .responsive-tabs-content.bm-medium { margin-bottom: 20px; } .responsive-tabs-content.bm-large { margin-bottom: 30px; } .responsive-tabs-content.bm-larger { margin-bottom: 40px; } .responsive-tabs-content .responsive-tabs-panel { padding: 20px; } .responsive-tabs-content .responsive-tabs-panel .responsive-tab-title { display: none; } /* Tabs Left */ .responsive-tabs.responsive-tabs-left { width: 150px; float: left; } .responsive-tabs.responsive-tabs-left li { text-align: left; float: none; } .responsive-tabs-content.responsive-tabs-left { overflow: hidden; } /* Tabs Right */ .responsive-tabs.responsive-tabs-right { width: 150px; float: right; } .responsive-tabs.responsive-tabs-right li { text-align: right; float: none; } .responsive-tabs-content.responsive-tabs-right { overflow: hidden; } @media only screen and (max-width: 767px) { .responsive-tabs li { display: none; } .responsive-tabs-content .responsive-tabs-panel, .responsive-tabs-content .responsive-tabs-panel .responsive-tab-title { display: block; } } /* #Themes // ================================================== */ /* Standard */ .responsive-tabs-default .responsive-tabs li { border-right: 0; background: #9babb5; cursor: pointer;margin-right: 5px; position: relative; z-index: 999999; } .responsive-tabs-default .responsive-tabs li:last-child { } .responsive-tabs-default .responsive-tabs li.active { background: #003764; } .responsive-tabs-default .responsive-tabs li.active a {color:#ffffff;} .responsive-tabs-default .responsive-tabs-content { position: relative; z-index: 999; float: left; } .responsive-tabs-default .responsive-tabs-content .responsive-tab-title { color: #0B8593; } /* Tabs Left */ .responsive-tabs-default .responsive-tabs.responsive-tabs-left { left: 1px; } .responsive-tabs-default .responsive-tabs.responsive-tabs-left li { width: 100%; border-right: 1px solid #DDD; border-bottom: 0; line-height: 50px; } .responsive-tabs-default .responsive-tabs.responsive-tabs-left li:last-child { border-bottom: 1px solid #DDD; } .responsive-tabs-default .responsive-tabs.responsive-tabs-left li.active { border-right: 1px solid #FFF;} .responsive-tabs-default .responsive-tabs-content.responsive-tabs-left { top: 0; } /* Tabs Right */ .responsive-tabs-default .responsive-tabs.responsive-tabs-right { right: 1px; } .responsive-tabs-default .responsive-tabs.responsive-tabs-right li { width: 100%; border-right: 1px solid #DDD; border-bottom: 0; border-left: 1px solid #DDD; line-height: 50px; } .responsive-tabs-default .responsive-tabs.responsive-tabs-right li:last-child { border-bottom: 1px solid #DDD; } .responsive-tabs-default .responsive-tabs.responsive-tabs-right li.active { border-left: 1px solid #FFF;} .responsive-tabs-default .responsive-tabs-content.responsive-tabs-right { top: 0; } /* Hesaplama CSS Kodları */ /* HYFIX Temelaltı Uygulamas */ form#hyfix_temelalti_uygulamasi {width: 565px; overflow: hidden; margin-left: 207px; margin-top: 10px;} .satir {height: 30px; clear: both; width: 557px; margin-bottom: 20px;} .browser_Firefox .satir {width: 560px;} .satir .mavi {background: #003764; color: #ffffff; width: 313px; float: left; display: block; height: 30px; line-height: 29px; padding-left: 15px;} .satir_1 input {width: 179px; border: 1px solid #9babb5; height: 26px; padding-left: 4px; font-size: 14px; float: left; border-right: none;} .satir_1 .mkare {background: #9babb5; display: block; float: left; height: 30px; padding-left: 13px; font-weight: bold; color: #003764; width: 30px; line-height: 31px;} .satir .turuncu {background: #95885b; color: #ffffff; width: 312px; float: left; display: block; height: 30px; line-height: 29px; padding-left: 15px;} .satir_2 {background:url(i/turuncubg.jpg) no-repeat;width:556px;} select#htu_alternative{width: 216px; height: 30px; padding-left: 4px; border: 2px solid #95885b; background: none; font-size: 14px; float: left;} .gonder {height: auto;} .gonder input{background: url(i/hesaplabutonu.png) no-repeat; border: none; margin-left: 110px; color: #ffffff; width: 317px;cursor:pointer; height: 79px; font-weight: bold; font-size: 36px;} .sonuc {width: 565px; overflow: hidden;display:none; margin-left: 207px; margin-top: 10px;} .kazanc_tablosu {border: 1px solid #487093; background: #e7f3f8; width: 529px; height: 300px; padding: 17px; text-align: center; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} .kazanc_tablosu p {color:#003764;font-size: 20px;} span.tl_kazanc, span.gun_kazanc { color: #ffffff; } .mavisonuclar {background: #00a5e1; -webkit-border-radius: 4px;border-radius: 4px; display: inline-block; margin-top: 20px; margin-bottom: 20px; -moz-border-radius: 4px; padding: 68px;} .mavisonuclar span, .mavisonuclar em {color: #ffffff;font-size:20px;} .notlar_tablosu {oveflow:hidden;margin-top:20px;} .notlar_tablosu p{color: #003764; font-size: 12px;line-height: 16px; margin-bottom: 5px;} span.red {} /* HYFIX Perde Sürme Uygulamas */ form#hyfix_perdesurme_uygulamasi {width: 660px; overflow: hidden; margin-left: 207px; margin-top: 10px;} #hyfix_perdesurme_uygulamasi .satir {height: 30px; clear: both; width: 557px; margin-bottom: 20px;} .browser_Firefox #hyfix_perdesurme_uygulamasi .satir {width: 560px;} #hyfix_perdesurme_uygulamasi .satir .mavi {background: #003764; color: #ffffff; width: 313px; float: left; display: block; height: 30px; line-height: 29px; padding-left: 15px;} #hyfix_perdesurme_uygulamasi .satir_1 input {width: 179px; border: 1px solid #9babb5; height: 26px; padding-left: 4px; font-size: 14px; float: left; border-right: none;} #hyfix_perdesurme_uygulamasi .satir_1 .mkare {background: #9babb5; display: block; float: left; height: 30px; padding-left: 13px; font-weight: bold; color: #003764; width: 32px; line-height: 31px;} .m_hesapla {float: right; width: 99px; text-align: center; margin-top: -100px; height: 60px; font-size: 12px; color: #ffffff; background: #003764; line-height: 18px; padding-top: 20px;} #hyfix_perdesurme_uygulamasi .satir_2 input {width: 179px; border: 1px solid #9babb5; height: 26px; padding-left: 4px; font-size: 14px; float: left; border-right: none;} #hyfix_perdesurme_uygulamasi .satir_2 .mkare {background: #9babb5; display: block; float: left; height: 30px; padding-left: 13px; font-weight: bold; color: #003764; width: 32px; line-height: 31px;} #hyfix_perdesurme_uygulamasi .satir .turuncu {background: #95885b; color: #ffffff; width: 312px; float: left; display: block; height: 30px; line-height: 29px; padding-left: 15px;} #hyfix_perdesurme_uygulamasi .satir_3 {background:url(i/turuncubg.jpg) no-repeat;width:556px;} select#hpu_alternative{width: 216px; height: 30px; padding-left: 4px; border: 2px solid #95885b; background: none; font-size: 14px; float: left;} #hyfix_perdesurme_uygulamasi .gonder {height: auto;} #hyfix_perdesurme_uygulamasi .gonder input{background: url(i/hesaplabutonu.png) no-repeat; border: none; margin-left: 110px; color: #ffffff; width: 317px;cursor:pointer; height: 79px; font-weight: bold; font-size: 36px;} #hyfix_perdesurme_uygulamasi .sonuc {width: 565px; overflow: hidden; margin-left: 207px; margin-top: 10px;} #hyfix_perdesurme_uygulamasi .kazanc_tablosu {border: 1px solid #487093; background: #e7f3f8; width: 529px; height: 240px; padding: 17px; text-align: center; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} #hyfix_perdesurme_uygulamasi .kazanc_tablosu p {color:#003764;font-size: 20px;} #hyfix_perdesurme_uygulamasi p span.tl_kazanc, #hyfix_perdesurme_uygulamasi p span.gun_kazanc {background: #00a5e1; -webkit-border-radius: 4px; -moz-border-radius: 4px; padding: 68px; color: #ffffff; border-radius: 4px; display: inline-block; margin-top: 20px; margin-bottom: 20px;} #hyfix_perdesurme_uygulamasi .notlar_tablosu {oveflow:hidden;margin-top:20px;} #hyfix_perdesurme_uygulamasi .notlar_tablosu p{color: #003764; font-size: 12px; margin-bottom: 5px;} /* HYFIX Admix Katkı */ form#hyfix_admix_katki {width: 660px; overflow: hidden; margin-left: 207px; margin-top: 10px;} #hyfix_admix_katki .satir {height: 30px; clear: both; width: 557px; margin-bottom: 20px;} .browser_Firefox #hyfix_admix_katki .satir {width: 560px;} #hyfix_admix_katki .satir .mavi {background: #003764; color: #ffffff; width: 313px; float: left; display: block; height: 30px; line-height: 29px; padding-left: 15px;} #hyfix_admix_katki .satir_1 input {width: 179px; border: 1px solid #9babb5; height: 26px; padding-left: 4px; font-size: 14px; float: left; border-right: none;} #hyfix_admix_katki .satir_1 .mkare {background: #9babb5; display: block; float: left; height: 30px; padding-left: 13px; font-weight: bold; color: #003764; width: 32px; line-height: 31px;} #hyfix_admix_katki .m_hesapla {float: right; width: 99px; text-align: center; margin-top: -150px; height: 86px; font-size: 12px; color: #ffffff; background: #003764; line-height: 18px; padding-top: 44px;} #hyfix_admix_katki .satir_2 input {width: 179px; border: 1px solid #9babb5; height: 26px; padding-left: 4px; font-size: 14px; float: left; border-right: none;} #hyfix_admix_katki .satir_2 .mkare {background: #9babb5; display: block; float: left; height: 30px; padding-left: 13px; font-weight: bold; color: #003764; width: 32px; line-height: 31px;} #hyfix_admix_katki .satir .turuncu {background: #95885b; color: #ffffff; width: 312px; float: left; display: block; height: 30px; line-height: 29px; padding-left: 15px;} #hyfix_admix_katki .satir_3 .turuncu {background:#003764;} #hyfix_admix_katki .satir_3, #hyfix_admix_katki .satir_4 {background:url(i/turuncubg.jpg) no-repeat;width:556px;} #hyfix_admix_katki .satir_3 { background: none repeat scroll 0 0 #9babb5;width: 557px !important;} #hyfix_admix_katki .satir_3 select#hak_kalinlik {border-color:#9babb5;} select#hak_alternative, select#hak_kalinlik{width: 216px; height: 30px; padding-left: 4px; border: 2px solid #95885b; background:#fff; font-size: 14px; float: left;} #hyfix_admix_katki .gonder {height: auto;} #hyfix_admix_katki .gonder input{background: url(i/hesaplabutonu.png) no-repeat; border: none; margin-left: 110px; color: #ffffff; width: 317px;cursor:pointer; height: 79px; font-weight: bold; font-size: 36px;} #hyfix_admix_katki .sonuc {width: 565px; overflow: hidden; margin-left: 207px; margin-top: 10px;} #hyfix_admix_katki .kazanc_tablosu {border: 1px solid #487093; background: #e7f3f8; width: 529px; height: 240px; padding: 17px; text-align: center; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} #hyfix_admix_katki .kazanc_tablosu p {color:#003764;font-size: 20px;} #hyfix_admix_katki p span.tl_kazanc, #hyfix_admix_katki p span.gun_kazanc {background: #00a5e1; -webkit-border-radius: 4px; -moz-border-radius: 4px; padding: 68px; color: #ffffff; border-radius: 4px; display: inline-block; margin-top: 20px; margin-bottom: 20px;} #hyfix_admix_katki .notlar_tablosu {oveflow:hidden;margin-top:20px;} #hyfix_admix_katki .notlar_tablosu p{color: #003764; font-size: 12px; margin-bottom: 5px;} .kazanclar em {} strong {font-weight:bold;} #slider-wrapper {} #slider-wrapper img {} /***************** .flex { margin: 0; padding: 0; width: 100%; } .flex .slides li { display: none; } .flex .slides img { display: block; } .flex { position: relative; top: -2px; z-index: 1; } .flex .slides li { position: relative; } .flexslider-container { position: relative; } .flex .flex-control-nav { bottom: 21px;display:none; left: 50%; margin-left: -155px; position: absolute; width: 332px; } .flex .flex-direction-nav li a { cursor: pointer; display: block; height: 36px; margin: 0; position: absolute; text-indent: -9999px; top: 30%; width: 23px; z-index: 15; } .flex .flex-direction-nav li a.flex-prev { background: url("i/sol-ok.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); left: 12px; top: 250px; } .flex .flex-direction-nav li a.flex-next { background: url("i/sag-ok.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); right: 12px; top: 250px; } .flex:hover a.flex-prev { } .flex:hover a.flex-next { } .flexslider .slides img { height: 100%; left: 0; margin: 0; overflow: hidden; padding: 0; top: 0; width: 100%; } li.coz {} li.hiz { left: 146px;top: 74px;} li.kal {left: 145px;top: -146px;} li.guv { left: 220px;top: 0;} li.coz .yazi {} li.hiz .yazi {left: 196px;top: 189px;} li.kal .yazi {left: 195px;top: 117px;} li.guv .yazi {left: 71px;top: 280px;} .flexslider { margin: 0; padding: 0; width: 100%; } .flexslider .slides li { display: none; } .flexslider .slides img { display: block; } .flexslider {z-index:1; } .flexslider .slides li { position: relative; } .flexslider-container { position: relative; } .flex-caption {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3); bottom: 0; color: #FFFFFF; font-size: 15px; left: 0; line-height: 0; position: absolute; text-indent: -9999px; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); width: 96%; -1px 0 rgba(0, 0, 0, 0.3); width: 96%; } .flex-direction-nav li a { background: url("i/bg_direction_nav.png") no-repeat scroll 0 0 transparent; cursor: pointer;text-indent: -9999px; display: block; height: 35px; margin: 0; position: absolute; top: 30%; width: 35px; } .flex-direction-nav li a.next { background-position: -35px 0; right: -15px; } .flex-direction-nav li a.prev { background-position: 0 0; left: -15px; } .flex-control-nav {display: none; bottom: 165px; left: 50%; margin-left: -31px; position: absolute; opacity: .40; filter: alpha(opacity=40); -ms-filter: "alpha(opacity=40)"; -khtml-opacity: .40; -moz-opacity: .40; } .flex-control-nav li { float: left; margin: 0 0 0 5px; } .flex-control-nav li:first-child { margin: 0; } .flex-control-nav li a { background: none repeat scroll 0 0 #fff; border-radius: 10px; cursor: pointer; display: block; height: 15px; text-indent: -9999px; width: 15px; } .flex-control-nav .flex-active { background: none repeat scroll 0 0 #20449C;} .flex-control-nav li a:hover { background: none repeat scroll 0 0 #20449C; } .flex-control-nav li a.active { background-position: 0 -26px; cursor: default; } ***********************/ #ref #responsive, #hesap #responsive,#ref-eng #responsive {background:#d8ecf4 !important;min-height: 767px;height: expression( this.scrollHeight < 501 ? "500px" : "auto" );min-height: 500px; height:auto !important; height: 500px; } ul.langbar {} ul.langbar li { border-right: 1px solid #939393; float: left; line-height: 10px; margin-right: 10px; padding-bottom: 1px; padding-right: 10px; } ul.langbar li a { background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important; color: #fff; font-size: 12px; height: auto !important; text-indent: 0 !important; } ul.langbar li a:hover, ul.langbar li.current a { color: #00a5e1; } ul.langbar li.en {border:none;} .grs {float: left; display: block; width: 37px; cursor: pointer; text-indent: -999em; height: 200px;} .overlay { float: left; overflow:hidden; } .overlay li {background: #efefef; opacity:0; padding: 10px; width: 103px; margin-left: -100%; margin-bottom: 0 !important; } .overlay li img {float:right;} .overlay li a{color:#000000;display:block;font-size: 11px;} #medya {z-index: 2; width: 200px; left: 0; height: 200px; position: fixed; background: url(i/menubeg-1.png) no-repeat; top: 34%; } .en #medya {display:none;} .en .slideBoxss {display:none;} #anasayfatest #medya {left: -200px;} .slideBox {z-index: 2; position: absolute; width: 100% !important; } #slideBox1 { bottom: 0; } #slideBox1 a {text-align:center;display: block;} #slideBox1 p {} #slideBox1 .border { /* height: 345px; */ margin-bottom: -372px; display: none; overflow: hidden;} #slideBox1.newClass .border {display:block !important;} .yil25 { background:url(i/repeat-footer.png) repeat center top; padding-top: 72px; } .yuzdelik { float: left; padding-top: 0px; padding-left: 2%; height: 380px; padding-right: 1%;} .twitteralani { float: left; padding-top: 0px; padding-left: 2%; height: 369px; overflow-y: auto; padding-right: 1%;} .musteri, .twitteralani, .socials {background:#fff;} .yil25 {width: 20%;} .yil25 p{padding-top:36%} .musteri {width: 22%;margin-left:0px;} .twitteralani {padding-left: 1%; padding-right: 2%; width: 22%; } .socials {width: 22%;} .musteri p { color: #000000; font-size: 17px; line-height: 23px; margin: 0 5px 10px; } span.slogan { color: #ffffff; display: block; font-size: 13px; letter-spacing: 0.5px; margin: 11px; opacity: .80; /* Standard: FF gt 1.5, Opera, Safari */ filter: alpha(opacity=80); /* IE lt 8 */ -ms-filter: "alpha(opacity=80)"; /* IE 8 */ -khtml-opacity: .80; /* Safari 1.x */ -moz-opacity: .80; /* FF lt 1.5, Netscape */ } /* jQuery Coda-Slider v2.0 - http://www.ndoherty.biz/coda-slider Copyright (c) 2009 Niall Doherty This plugin available for use in all personal or commercial projects under both MIT and GPL licenses. */ /* Insignificant stuff, for demo purposes */ /* Most common stuff you'll need to change */ #coda-slider-1 {clear:right;} /* Use this to keep the slider content contained in a box even when JavaScript is disabled */ .coda-slider-no-js .coda-slider { } /* Change the width of the entire slider (without dynamic arrows) */ .coda-slider, .coda-slider .panel { } /* Change margin and width of the slider (with dynamic arrows) */ .coda-slider-wrapper.arrows .coda-slider{width: 493px;} .coda-slider-wrapper.arrows .coda-slider .panel {width: 493px;} .coda-slider-wrapper.arrows .coda-slider { margin: 0 10px; padding-bottom:5px;min-height: 325px; } /* Arrow styling */ .coda-nav-left a, .coda-nav-right a { background: #000; color: #fff; padding: 5px; width: 100px } /* Tab nav */ .coda-nav ul li a.current { background: #39c } #coda-nav-1 {display:none;} /* Panel padding */ .coda-slider .panel-wrapper { } /* Preloader */ .coda-slider p.loading { display:none; } /* Don't change anything below here unless you know what you're doing */ /* Tabbed nav */ .coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden } .coda-nav ul li { display: inline } .coda-nav ul li a { background: #000; color: #fff; display: block; float: left; margin-right: 1px; padding: 3px 6px; text-decoration: none } /* Miscellaneous */ .coda-slider-wrapper { clear: both;position: relative; } .coda-slider { float: left; overflow: hidden; position: relative } .coda-slider .panel { display: block; float: left;} .coda-slider .panel-container { position: relative; } #coda-nav-left-1 {clear: both; left: -32px; margin: 8px 0 5px 10px; position: relative; top: 106px; width: 16px;} #coda-nav-right-1 { position: absolute; right: 42px; top: 106px; } .coda-nav-left a { background:url("i/back1.png") no-repeat scroll 0 0 transparent;cursor:pointer;display:block;height:16px;left:14px;overflow:hidden;text-indent:-9999px;width:16px; } .coda-nav-right a { background:url("i/next1.png") no-repeat scroll 0 0 transparent;cursor:pointer;display:block;height:16px;text-indent:-9999px;width:16px; } /****************************************/ .lightboxOverlay { position: absolute; top: 0; left: 0; z-index: 9999; background-color: black; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; display: none; } .lightbox { position: absolute; left: 0; width: 100%; z-index: 10000; text-align: center; line-height: 0; font-weight: normal; } .lightbox .lb-image { display: block; height: auto; max-width: inherit; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .lightbox a img { border: none; } .lb-outerContainer { position: relative; background-color: white; *zoom: 1; width: 250px; height: 250px; margin: 0 auto; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .lb-outerContainer:after { content: ""; display: table; clear: both; } .lb-container { padding: 4px; } .lb-loader { position: absolute; top: 43%; left: 0; height: 25%; width: 100%; text-align: center; line-height: 0; } .lb-cancel { display: block; width: 32px; height: 32px; margin: 0 auto; background: url(i/loading.gif) no-repeat; } .lb-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } .lb-container > .nav { left: 0; } .lb-nav a { outline: none; background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=='); } .lb-prev, .lb-next { height: 100%; cursor: pointer; display: block; } .lb-nav a.lb-prev { width: 34%; left: 0; float: left; background: url(i/prev.png) left 48% no-repeat; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s; -o-transition: opacity 0.6s; transition: opacity 0.6s; } .lb-nav a.lb-prev:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .lb-nav a.lb-next { width: 64%; right: 0; float: right; background: url(i/next.png) right 48% no-repeat; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s; -o-transition: opacity 0.6s; transition: opacity 0.6s; } .lb-nav a.lb-next:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .lb-dataContainer {position:relative; margin: 0 auto; padding-top: 5px; *zoom: 1; width: 100%; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } .lb-dataContainer:after { content: ""; display: table; clear: both; } .lb-data { padding: 0 4px; color: #ccc; } .lb-data .lb-details { width: 85%; float: left; text-align: left; line-height: 1.1em; } .lb-data .lb-caption { font-size: 13px; font-weight: bold; line-height: 1em; } .lb-data .lb-number { display: block; clear: left; padding-bottom: 1em; font-size: 12px; color: #999999; } .lb-data .lb-close { position: absolute; right: 3px; top: -633px; display: block; float: right; width: 30px; height: 30px; background: url(i/close.png) top right no-repeat; text-align: right; outline: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; } .lb-data .lb-close:hover { cursor: pointer; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } @media screen and (min-width: 1280px) (max-height: 800px) { .musteri { width: 27% !important; margin-left: 0px; } .twitteralani { width: 21% !important; } .socials { width: 18% !important; } } /* Second variant left as an exercise for the reader */ @media (max-width: 1200px) { .lb-data .lb-close { position: absolute; right: 3px; top: -100px; display: block; float: right; width: 30px; height: 30px; background: url(i/close.png) top right no-repeat; text-align: right; outline: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; } } .flexslider { margin: 25px 0 0; padding: 10px; width: 95%; } .flexslider .slides li { display: none; } .flexslider .slides img { display: block; max-width: 100%; } .flexslider {z-index:1; background: none repeat scroll 0 0 #FFFFFF; border: 4px solid #FFFFFF; border-radius: 5px 5px 5px 5px; position: relative; } .flexslider .slides li { position: relative; } .flexslider-container { position: relative; } .flex-caption {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3); bottom: 0; color: #FFFFFF; font-size: 15px; left: 0; line-height: 0; position: absolute; text-indent: -9999px; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); width: 96%; -1px 0 rgba(0, 0, 0, 0.3); width: 96%; } .flex-direction-nav { display: block; height: 19px; position: relative; top: -101px; width: 100%;} .flex-direction-nav li a { cursor: pointer; display: block; height: 23px; left: 14px; overflow: hidden; position: absolute; text-indent: -9999px; top: -1099%; width: 18px; } .flex-direction-nav li a.flex-next { background: url("i/next1.png") no-repeat scroll 0 0 transparent; left: auto; right: -77px; top: 0px; } .flex-direction-nav li a.flex-prev { background: url("i/back1.png") no-repeat scroll 0 0 transparent; left: -44px; top: 0px; } .flex-control-nav { bottom: -30px; left: 50%; margin-left: -31px; position: absolute; } .flex-control-nav li { float: left; margin: 0 0 0 5px; } .flex-control-nav li:first-child { margin: 0; } .flex-control-nav li a { background: url("i/bg_control_nav.html") no-repeat scroll 0 0 transparent; cursor: pointer; display: block; height: 13px; text-indent: -9999px; width: 13px; } .flex-control-nav li a:hover { background-position: 0 -13px; } .flex-control-nav li a.active { background-position: 0 -26px; cursor: default; } /********************************************************************/ /* * FancyBox - jQuery Plugin * Simple and fancy lightbox alternative * * Examples and documentation at: http://fancybox.net * * Copyright (c) 2008 - 2010 Janis Skarnelis * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated. * * Version: 1.3.4 (11/11/2010) * Requires: jQuery v1.3+ * * Dual licensed under the MIT and GPL licenses: * http://www.opensource.org/licenses/mit-license.php * http://www.gnu.org/licenses/gpl.html */ #fancybox-loading { position: fixed; top: 50%; left: 50%; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 1104; display: none; } #fancybox-loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url('i/fancybox.png'); } #fancybox-overlay { position: absolute; top: 0; left: 0; width: 100%; z-index: 1100; display: none; } #fancybox-tmp { padding: 0; margin: 0; border: 0; overflow: auto; display: none; } #fancybox-wrap { position: absolute; top: 0; left: 0; padding: 20px; z-index: 1101; outline: none; display: none; } #fancybox-outer { position: relative; width: 100%; height: 100%; background: #fff; } #fancybox-content { width: 0; height: 0; padding: 0; outline: none; position: relative; overflow: hidden; z-index: 1102; border: 0px solid #fff; } #fancybox-hide-sel-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; z-index: 1101; } #fancybox-close { position: absolute; top: -15px; right: -15px; width: 30px; height: 30px; background: transparent url('i/fancybox.png') -40px 0px; cursor: pointer; z-index: 1103; display: none; } #fancybox-error { color: #444; font: normal 12px/20px Arial; padding: 14px; margin: 0; } #fancybox-img { width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; } #fancybox-frame { width: 100%; height: 100%; border: none; display: block; } #fancybox-left, #fancybox-right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; outline: none; background: transparent url('i/blank.gif'); z-index: 1102; display: none; } #fancybox-left { left: 0px; } #fancybox-right { right: 0px; } #fancybox-left-ico, #fancybox-right-ico { position: absolute; top: 50%; left: -9999px; width: 30px; height: 30px; margin-top: -15px; cursor: pointer; z-index: 1102; display: block; } #fancybox-left-ico { background-image: url('i/fancybox.png'); background-position: -40px -30px; } #fancybox-right-ico { background-image: url('i/fancybox.png'); background-position: -40px -60px; } #fancybox-left:hover, #fancybox-right:hover { visibility: visible; /* IE6 */ } #fancybox-left:hover span { left: 20px; } #fancybox-right:hover span { left: auto; right: 20px; } .fancybox-bg { position: absolute; padding: 0; margin: 0; border: 0; width: 20px; height: 20px; z-index: 1001; } #fancybox-bg-n { top: -20px; left: 0; width: 100%; background-image: url('i/fancybox-x.png'); } #fancybox-bg-ne { top: -20px; right: -20px; background-image: url('i/fancybox.png'); background-position: -40px -162px; } #fancybox-bg-e { top: 0; right: -20px; height: 100%; background-image: url('i/fancybox-y.png'); background-position: -20px 0px; } #fancybox-bg-se { bottom: -20px; right: -20px; background-image: url('i/fancybox.png'); background-position: -40px -182px; } #fancybox-bg-s { bottom: -20px; left: 0; width: 100%; background-image: url('i/fancybox-x.png'); background-position: 0px -20px; } #fancybox-bg-sw { bottom: -20px; left: -20px; background-image: url('i/fancybox.png'); background-position: -40px -142px; } #fancybox-bg-w { top: 0; left: -20px; height: 100%; background-image: url('i/fancybox-y.png'); } #fancybox-bg-nw { top: -20px; left: -20px; background-image: url('i/fancybox.png'); background-position: -40px -122px; } #fancybox-title { font-family: Helvetica; font-size: 12px; z-index: 1102; } .fancybox-title-inside { padding-bottom: 10px; text-align: center; color: #333; background: #fff; position: relative; } .fancybox-title-outside { padding-top: 10px; color: #fff; } .fancybox-title-over { position: absolute; bottom: 0; left: 0; color: #FFF; text-align: left; } #fancybox-title-over { padding: 10px; background-image: url('i/fancy_title_over.html'); display: block; } .fancybox-title-float { position: absolute; left: 0; bottom: -20px; height: 32px; } #fancybox-title-float-wrap { border: none; border-collapse: collapse; width: auto; } #fancybox-title-float-wrap td { border: none; white-space: nowrap; } #fancybox-title-float-left { padding: 0 0 0 15px; background: url('i/fancybox.png') -40px -90px no-repeat; } #fancybox-title-float-main { color: #FFF; line-height: 29px; font-weight: bold; padding: 0 0 3px 0; background: url('i/fancybox-x.png') 0px -40px; } #fancybox-title-float-right { padding: 0 0 0 15px; background: url('i/fancybox.png') -55px -90px no-repeat; } /* IE6 */ .fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='i/fancy_close.html', sizingMethod='scale'); } .fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='i/fancy_nav_left.html', sizingMethod='scale'); } .fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='i/fancy_nav_right.html', sizingMethod='scale'); } .fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='i/fancy_title_over.html', sizingMethod='scale'); zoom: 1; } .fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='i/fancy_title_left.html', sizingMethod='scale'); } .fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='i/fancy_title_main.html', sizingMethod='scale'); } .fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='i/fancy_title_right.html', sizingMethod='scale'); } .fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame { height: expression(this.parentNode.clientHeight + "px"); } #fancybox-loading.fancybox-ie6 { position: absolute; margin-top: 0; top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px'); } #fancybox-loading.fancybox-ie6 div { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='i/fancy_loading.html', sizingMethod='scale'); } /* IE6, IE7, IE8 */ .fancybox-ie .fancybox-bg { background: transparent !important; } .fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='i/fancy_shadow_n.html', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='i/fancy_shadow_ne.html', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='i/fancy_shadow_e.html', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='i/fancy_shadow_se.html', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='i/fancy_shadow_s.html', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='i/fancy_shadow_sw.html', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='i/fancy_shadow_w.html', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='i/fancy_shadow_nw.html', sizingMethod='scale'); } .timeline .stream { position: relative; width: 100%; overflow-x: hidden; height: 250px !important; overflow-y: scroll; } #footer { background: url(i/hyfixfooter-bg.png) repeat; height: 67px; bottom: 0px; position: fixed;} footer .kapsam { width: 965px; margin: 0 auto; height: 56px;} footer .kapsam p {margin:0px;padding:0px; padding-top: 4px;} footer .kapsam .widget_1 {float:left;} footer .kapsam .widget_2 {float:right;} footer .kapsam .widget_2 ul {margin:0px;padding:0px;padding-top:11px;} footer .kapsam .widget_2 ul li {float:left; margin-right: 4px;} footer .kapsam .widget_2 ul li img {width:30px;} footer .kapsam .widget_2 p{ clear: both; color: #fff; font-family: arial; font-size: 10px; font-style: italic;} #musterilerdengelenler {} /* -------------------------------- Main components -------------------------------- */ .flex-direction-nav li { height: 27px !important;} .flex-viewport {height:auto !important} .cd-author-info li {color: #4f668a;} .cd-testimonials-wrapper { position: relative; width: 90%; max-width: 768px; background-color: #ecf6fa; margin: 2em auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; padding: 20px 40px 70px; z-index: 1; } .cd-testimonials-wrapper::after { /* quotation mark */ /*content: '\201C';*/ position: absolute; top: 10px; left: 0; width: 50px; height: 50px; padding-top: 8px; margin-left: -25px; background: rgba(32, 32, 34, 0.9); font-family: "Georgia", serif; color: #ffffff; font-size: 70px; font-size: 4.375rem; text-align: center; /* visible on big devices only */ display: none; } @media only screen and (min-width: 768px) { .cd-testimonials-wrapper { margin: 1em auto; padding: 5px 50px 54px; } } @media only screen and (min-width: 1170px) { .cd-testimonials-wrapper::after { /* quotation mark visible */ display: block; } } .cd-testimonials { color: #ffffff; text-align: center; } .cd-testimonials::after { clear: both; content: ""; display: table; } .cd-testimonials > li { position: absolute; opacity: 0; } .cd-testimonials > li:first-child { position: relative; opacity: 1; } .cd-testimonials p { font-family: "Georgia", serif; font-style: italic; line-height: 1.4; margin-bottom: 1em; padding: 0 14px;color: #4f668a; } @media only screen and (min-width: 768px) { .cd-testimonials p { font-size: 22px; font-size: 1.375rem;color: #4f668a; } } @media only screen and (min-width: 1170px) { .cd-testimonials p { font-size: 26px; font-size: 1rem; line-height: 1.3; color: #4f668a; } } .cd-author img, .cd-author .cd-author-info { display: inline-block; vertical-align: middle; } .cd-author img { width: 32px; height: 32px; border-radius: 50%; margin-right: 5px; box-shadow: 0 0 6px rgba(0, 0, 0, 0.3); } .cd-author .cd-author-info { text-align: left; line-height: 1.2; text-align: right; float: right; } .cd-author .cd-author-info li:first-child { font-size: 14px; font-size: 0.875rem; } /*.cd-author .cd-author-info li:last-child { font-size: 12px; font-size: 0.75rem; color: #6b6b70; } */ @media only screen and (min-width: 768px) { .cd-author img { width: 50px; height: 50px; } .cd-author .cd-author-info { line-height: 1.4; } .cd-author .cd-author-info li:first-child { font-size: 16px; font-size: 1rem; } .cd-author .cd-author-info li:last-child { font-size: 14px; font-size: 0.875rem; } } .flex-direction-nav li { position: absolute; height: 100%; width: 40px; top: 0; } .flex-direction-nav li:first-child { left: 0; } .flex-direction-nav li:last-child { right: 0; } .flex-direction-nav li a { display: block; height: 100%; width: 100%; /* image replacement */ overflow: hidden; text-indent: 100%; white-space: nowrap; -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; transition: background-color 0.2s; } .no-touch .flex-direction-nav li a:hover { /*background-color: #323234;*/ } .flex-direction-nav li a::before, .flex-direction-nav li a::after { /* left and right arrows in css only */ content: ''; position: absolute; left: 50%; top: 50%; width: 2px; height: 13px; background-color: #ffffff; } .flex-direction-nav li a::before { -webkit-transform: translateY(-35px) rotate(45deg); -moz-transform: translateY(-35px) rotate(45deg); -ms-transform: translateY(-35px) rotate(45deg); -o-transform: translateY(-35px) rotate(45deg); transform: translateY(-35px) rotate(45deg); } .flex-direction-nav li a::after { -webkit-transform: translateY(-27px) rotate(-45deg); -moz-transform: translateY(-27px) rotate(-45deg); -ms-transform: translateY(-27px) rotate(-45deg); -o-transform: translateY(-27px) rotate(-45deg); transform: translateY(-27px) rotate(-45deg); } .flex-direction-nav li:last-child a::before { -webkit-transform: translateY(-35px) rotate(-45deg); -moz-transform: translateY(-35px) rotate(-45deg); -ms-transform: translateY(-35px) rotate(-45deg); -o-transform: translateY(-35px) rotate(-45deg); transform: translateY(-35px) rotate(-45deg); } .flex-direction-nav li:last-child a::after { -webkit-transform: translateY(-27px) rotate(45deg); -moz-transform: translateY(-27px) rotate(45deg); -ms-transform: translateY(-27px) rotate(45deg); -o-transform: translateY(-27px) rotate(45deg); transform: translateY(-27px) rotate(45deg); } @media only screen and (min-width: 768px) { .flex-direction-nav li { width: 50px; } } @media only screen and (min-width: 1170px) { .flex-direction-nav li a::before, .flex-direction-nav li a::after { background-color: #5e5e63; -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; transition: background-color 0.2s; } .flex-direction-nav li a:hover::before, .flex-direction-nav li a:hover::after { background-color: #ffffff; } } .cd-see-all { position: absolute; z-index: 1; left: 0; bottom: 0; width: 100%; height: 50px; line-height: 50px; background-color: #252527; text-align: center; text-transform: uppercase; color: #6b6b70; font-weight: 700; font-size: 12px; font-size: 0.75rem; -webkit-transition: color, 0.2s; -moz-transition: color, 0.2s; transition: color, 0.2s; } .no-touch .cd-see-all:hover { color: #79b6e4; } .cd-testimonials-all { position: fixed; top: 0; left: 0; height: 100%; width: 100%; background-color: #ffffff; z-index: 2; visibility: hidden; opacity: 0; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s; } .cd-testimonials-all .cd-testimonials-all-wrapper { position: absolute; left: 0; top: 21px; height: 100%; width: 100%; overflow: auto; } .cd-testimonials-all .cd-testimonials-all-wrapper > ul { width: 90%; max-width: 1170px; margin: 4em auto; } .cd-testimonials-all .cd-testimonials-all-wrapper > ul::after { clear: both; content: ""; display: table; } .cd-testimonials-all .cd-testimonials-item { margin-bottom: 2em; opacity: 0; /* Force Hardware Acceleration in WebKit */ -webkit-transform: translate3d(0, 0, 0) scale(0.4); -moz-transform: translate3d(0, 0, 0) scale(0.4); -ms-transform: translate3d(0, 0, 0) scale(0.4); -o-transform: translate3d(0, 0, 0) scale(0.4); transform: translate3d(0, 0, 0) scale(0.4); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: -webkit-transform .3s, opacity .3s; -moz-transition: -moz-transform .3s, opacity .3s; transition: transform .3s, opacity .3s; } .cd-testimonials-all p { position: relative; background: #79b6e4; color: #ffffff; padding: 1.6em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1.4; border-radius: 0.25em; margin-bottom: 1em; } .cd-testimonials-all p::after { /* creating the triangle in css */ content: ''; position: absolute; top: 100%; left: 2em; height: 0; width: 0; border: 8px solid transparent; border-top-color: #79b6e4; } .cd-testimonials-all .cd-author { text-align: left; margin-left: 1.5em; } .cd-testimonials-all .cd-author img { box-shadow: 0 0 0 transparent; } .cd-testimonials-all.is-visible { visibility: visible; opacity: 1; -webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s; } .cd-testimonials-all.is-visible .cd-testimonials-all-wrapper { -webkit-overflow-scrolling: touch; } .cd-testimonials-all.is-visible .cd-testimonials-item { opacity: 1; -webkit-transform: translate3d(0, 0, 0) scale(1); -moz-transform: translate3d(0, 0, 0) scale(1); -ms-transform: translate3d(0, 0, 0) scale(1); -o-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); } @media only screen and (min-width: 768px) { .cd-testimonials-all .cd-testimonials-item { width: 46%; margin: 0 2% 3em; } .cd-testimonials-all .cd-author { margin-left: 1em; } } @media only screen and (min-width: 1170px) { .cd-testimonials-all .cd-testimonials-item { width: 30%; margin: 0 1.6666% 3em; } } .close-btn { position: fixed; display: block; width: 40px; height: 40px; top: 79px; right: 5%; overflow: hidden; text-indent: 100%; background: red; white-space: nowrap; border-radius: 100%; } .close-btn::before, .close-btn::after { /* close icon in css */ content: ''; position: absolute; display: inline-block; width: 2px; height: 24px; top: 8px; left: 19px; background-color: #39393c; } .close-btn::before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .close-btn::after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } #ref #footer, #ilet #footer, #ilet #medya, #ref-eng #footer {display:none;}