.YanMenu { width: 235px; min-height: 1px; height: auto; float: left; box-sizing: border-box; position: relative; } .YanMenu ul { width: 100%; min-height: 1px; height: auto; float: left; box-sizing: border-box; background: none; padding: 0px 8px 0px 0px; } .YanMenu ul:first-child { padding: 2px; position: relative; z-index: 5; border-right: solid 1px #E6E6E6; } .YanMenu ul li, .YanMenu ul li a { width: 100%; min-height: 1px; height: auto; float: left; position: relative; box-sizing: border-box; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; } .YanMenu ul li > a { font-size: 14px; color: #9C9C9C; padding: 4px 2px; font-weight: 400; } .YanMenu ul li a.acildi { color: #FFFFFF; } .YanMenu ul li a:hover { color: #A37CAF; } .YanMenu ul li ul { padding-left: 20px; padding-right: 4px; padding-top: 2px; padding-bottom: 2px; display: none; } .YanMenu ul li ul a { padding: 2px 2px; word-break: break-all; } .YanMenu ul li ul li ul { padding-left: 8px; padding-top: 4px; padding-bottom: 2px; } .YanMenu ul li ul li a { padding-left: 15px; font-size: 13px; color: #9A9A9A; } .YanMenu ul li.active > ul { display: block; } .YanMenu .baslik strong, .YanMenu .baslik { width: 100%; float: left; font-size: 18px; color: #555; box-sizing: border-box; } .YanMenu.qbr {width: 100%;box-sizing: border-box;position: relative;margin-top: 0;box-shadow: 0px 0px 80px rgb(204 155 85 / 33%);border-radius: 7px;overflow: hidden;padding: 20px 24px;} .YanMenu.qbr ul { border-right: none; padding: 0px; } .YanMenu.qbr ul li {border-bottom: solid 1px #d5d5d5;padding: 0 0 17px 0;margin: 0 0 17px 0;} .YanMenu.qbr ul li:last-child { border-bottom: 0; margin-bottom:0px; padding-bottom:0 } .YanMenu.qbr > ul > li:last-child { border-bottom: 0px; } .YanMenu.qbr ul:first-child { padding-left: 0px; padding-right: 0px; } .YanMenu.qbr ul li > a {font-size: 15px;line-height: 20px;color: #4a4a4a;padding: 0;text-align: left;display: block;} .YanMenu.qbr.ters ul li > a { color: #000; font-size: 14px; padding: 11px 0; } .YanMenu.qbr.ters ul li > a.acildi { color: #caa35a; } .YanMenu.qbr.ters ul li > a:hover { color: #caa35a; } .YanMenu.qbr.ters ul li ul li a { font-size: 12px; } .YanMenu.qbr ul li:last-child > a { border-bottom: none; } .YanMenu.qbr ul li a span.ynAc { width: 12px; height: 100%; position: absolute; right: 0; top: 0px; background: url(../images/ynac.svg) no-repeat center; background-size: contain; } .YanMenu.qbr ul li a.acildi span.ynAc { transform: rotate(180deg); } .YanMenu.qbr ul li.acildi > a { color: #caa35a; } .YanMenu.qbr.ters ul li.acildi > a { color: #caa35a; } .YanMenu.qbr ul li ul { background: none; padding: 0px 11px 0px 21px; margin: -3px 0 19px 0; border-left: solid 1px #d5d5d5; } .YanMenu.qbr ul li ul li { background: none; margin-bottom: 0; border: none; } .YanMenu.qbr ul li ul li:last-child { margin-bottom: 0px; } .YanMenu.qbr ul li ul li a { word-break: break-all; border: none; background: none; font-size: 13px; color: #151515; padding: 6px 0; } .YanMenu.qbr ul li ul li a span.ynAc { left: inherit; position: relative; display: inline-table; float: none; height: 12px; margin-left: 10px; } .YanMenu.qbr ul li ul li ul li a { font-size: 12px; line-height: 19px; font-weight: 500; padding: 3px 0; } .YanMenu.qbr ul li ul li a:hover { color: #caa35a; } .YanMenu.qbr.ters ul li ul li a:hover { color: #caa35a; } .YanMenu.qbr ul li ul ul { margin-top: 0px; padding-top: 0px; padding-left: 18px; border: none; } .YanMenu.qbr ul li ul li a.acildi { color: #caa35a; } .YanMenu.qbr.ters ul li ul li a.acildi { color: #caa35a; } .YanMenu.qbr ul li.active > a { color: #caa35a; } .YanMenu.qbr ul li > a:hover, .YanMenu.qbr ul li > a.acildi {color: #caa35a;} .YanMenu.qbr > ul > li.active > a { color: #caa35a; } .YanMenu.qbr.ters > ul > li.active > a, .YanMenu.qbr.ters > ul > li.acildi > a { color: #caa35a; } .YanMenu.qbr .baslik { margin-top: 0; margin-bottom: 10px; } .YanMenu.qbr .baslik strong { width: auto; font-size: 16px; line-height: 17px; color: #fff; font-weight: 800; background: #caa35a; padding: 21px 29px; } .YanMenu.svst2 { width: 100%; box-sizing: border-box; position: relative; background: #fff; margin-top: 0; } .YanMenu.svst2 ul { border-right: none; padding: 0px 0px 0px 12px; } .YanMenu.svst2 ul li { margin-bottom: 0; } .YanMenu.svst2 > ul > li:last-child { border-bottom: 0px; } .YanMenu.svst2 ul:first-child { padding-left: 0px; padding-right: 0px; } .YanMenu.svst2 ul:first-child li > a { border-bottom: solid 1px #eeeeee; } .YanMenu.svst2 ul li > a { font-size: 14px; color: #656565; padding: 9px 19px 9px 9px; font-weight: 400; text-align: left; display: block; line-height: 14px; } .YanMenu.svst2 ul li:last-child > a { border-bottom: none; } .YanMenu.svst2 ul li a span { color: #a49e9e; font-size: 14px; margin-left: 8px; } .YanMenu.svst2 ul li a span.ynAc { width: 13px; height: 100%; position: absolute; right: 0px; top: 0px; background: url(../images/ynac.png) no-repeat center center; } .YanMenu.svst2 ul li ul li a span.ynAc { background-image: url(../images/ynac3.png); } .YanMenu.svst2 ul li a.acildi span.ynAc { transform: rotate(180deg); } .YanMenu.svst2 ul li.acildi > a { color: #000000; } .YanMenu.svst2 ul li ul { background: none; padding: 0px 11px 0px 20px; margin-bottom: 5px; } .YanMenu.svst2 ul li ul li { border-left: none; background: none; margin-bottom: 7px; } .YanMenu.svst2 ul li ul li:last-child { margin-bottom: 0px; } .YanMenu.svst2 ul li ul li a { word-break: break-all; font-weight: 400; border: none; background: none; font-size: 13px; color: #888686; padding: 5px 0px; } .YanMenu.svst2 ul li ul li a:hover { color: #000000; } .YanMenu.svst2 ul li ul ul { margin-top: 0px; padding-top: 0px; padding-left: 5px; } .YanMenu.svst2 ul li ul li a.acildi { color: #6f6a60; } .YanMenu.svst2 ul li > a:hover, .YanMenu.svst2 ul li > a.acildi { color: #6f6a60; } .YanMenu.svst2 > ul > li.active > a, .YanMenu.svst2 > ul > li.acildi > a { color: #000000; } .YanMenu.svst2 .baslik { margin-top: 0; margin-bottom: 16px; } .YanMenu.svst2 .baslik strong { background: #eee; font-size: 17px; line-height: 17px; font-weight: 400; padding: 21px 17px; color: #555; } /********************************************************************************************************************************************************/ /*********** GENEL LİSTELEMELE ****************************/ .genelListe { width: 100%; min-height: 1px; height: auto; float: left; position: relative; box-sizing: border-box; } .genelListe ul, .genelListe ul a, .genelListe ul img, .genelListe .kapsa { width: 100%; min-height: 1px; height: auto; float: left; position: relative; margin: 0; box-sizing: border-box; } .genelListe ul:not(.swiper-wrapper) { display: flex; flex-direction: row; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; } .genelListe ul li { min-width: 1px; min-height: 1px; height: auto; float: left; box-sizing: border-box; padding: 10px; } .genelListe ul li h5, .genelListe ul li h6, .genelListe ul li p { width: 100%; height: auto; float: left; box-sizing: border-box; } .genelListe ul li p { line-height: 20px; } .genelListe .resim { width: 100%; float: left; position: relative; } .genelListe ul li, .genelListe ul li a, .genelListe ul li h5, .genelListe ul li h6, .genelListe ul li p, .genelListe .devam, .genelListe ul li .resim { transition: all .4s; box-sizing: border-box; position: relative; } .genelListe .caroufredsel_wrapper li { transition: none; } .genelListe ul.scr li a { background: #ededed; } .genelListe ul.scr li .resim { opacity: 0; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: opacity, transform; transition-property: opacity, transform,-webkit-transform; -webkit-transition-duration: 500ms; transition-duration: 500ms; -webkit-transition-timing-function: cubic-bezier(.23,1,.32,1); transition-timing-function: cubic-bezier(.23,1,.32,1); } .genelListe ul.scr li .resim + div { -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: opacity, transform; transition-property: opacity, transform,-webkit-transform; -webkit-transition-duration: 500ms; transition-duration: 500ms; -webkit-transition-timing-function: cubic-bezier(.23,1,.32,1); transition-timing-function: cubic-bezier(.23,1,.32,1); opacity: 0; } .genelListe ul.scr li .resim.load.lActive { opacity: 1; } .genelListe ul.scr li .resim.load.lActive + div { opacity: 1; } .genelListe ul.scr li a.lActive { background: #ededed00; } /****************************************************/ .flexList ul { display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; } .flexList ul li { position: relative; box-sizing: border-box; } .flexList ul li img, .flexList ul li .resim { width: 100%; float: left; } .flexList ul li h5, .flexList ul li h6, .flexList ul li p { width: 100%; float: left; position: relative; box-sizing: border-box; } .flex { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: center; } /*********************************************************************************************************************************************************************************/ .genelBaslik { width: 100%; float: left; position: relative; margin-bottom: 20px; box-sizing: border-box; } .genelBaslik.tarih:after { height: 200px; } .genelBaslik h1, .genelBaslik h2, .genelBaslik h3, .genelBaslik h4, .genelBaslik h5, .genelBaslik h6, .genelBaslik strong { min-width: 1px; width: auto; min-height: 1px; height: auto; float: none; position: relative; z-index: 5; display: inline-table; vertical-align: text-bottom; } .genelBaslik h1 a, .genelBaslik h2 a, .genelBaslik h3 a, .genelBaslik h4 a, .genelBaslik h5 a, .genelBaslik h6 a, .genelBaslik strong a { width: 100%; text-align: left; float: left; } .genelBaslik h1 a, .genelBaslik h2 a, .genelBaslik h3 a, .genelBaslik h4 a, .genelBaslik h5 a, .genelBaslik h6 a, .genelBaslik strong a, .genelBaslik h1, .genelBaslik h2, .genelBaslik h3, .genelBaslik h4, .genelBaslik h5, .genelBaslik h6, .genelBaslik strong { font-size: 26px; line-height: 26px; font-weight: bold; text-transform: uppercase; } .genelBaslik .gSayi { width: auto; float: right; font-size: 12px; color: #000; margin-top: 6px; } /********************************************/ a.Vmenu { width: 27px; height: 21px; float: right; position: relative; right: 0; top: 0; margin: 0; z-index: 10001; overflow: hidden; display: none; flex-wrap: wrap; flex-direction: column; align-items: end; justify-content: center; } a.Vmenu:before, a.Vmenu:after, a.Vmenu span { content: ""; width: 100%; float: left; height: 2px; position: relative; left: 0; top: 0; margin: 0 0 7px 0; background: #e9c072; transition: all .8s cubic-bezier(.645,.045,.355,1) 0s; } a.Vmenu:before { width: 100%; } a.Vmenu.active:before, a.Vmenu.active:after, a.Vmenu.active span { background: #e9c072; } a.Vmenu.active:before { transform: rotate(45deg); top: 10px; left: 0; width: 100%; } a.Vmenu.active span { transform: rotate(-45deg); top: 1px; width: 100%; } a.Vmenu:after { margin-bottom: 0; } a.Vmenu.active:after { left: 100%; } a.fAra { width: 41px !important; height: 40px !important; float: left; top: 0px; background: url(../images/arabg2.png) no-repeat center center #339f91; display: none; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; position: relative; } a.fAra.active { background: url(../images/arabg2.png) no-repeat center center #51565b; margin-right: 0; } .icerik .yazi h1, .icerik .yazi h2, .icerik .yazi h3, .icerik .yazi h4, .icerik .yazi h5, .icerik .yazi h6 { margin-bottom: 5px; } .icerik .yazi h1 { font-size: 18px; font-weight: 400; color: #000; } .icerik .yazi h2 { font-size: 18px; font-weight: 800; margin: 20px 0 10px 0; text-align: initial; } .icerik .yazi h3 { font-size: 18px; font-weight: 600; color: #000; } .icerik .yazi h4, .icerik .yazi h5, .icerik .yazi h6 { font-size: 18px; font-weight: bold; } .icerik .yazi h2 + div table { margin-top: 8px; } .icerik .yazi img { max-width: 100%; width: auto; height: auto; } .icerik .yazi table { width: 100%; float: left; table-layout: fixed; font-size: 15px; color: #6f6a60; line-height: 18px; margin-bottom: 30px; margin: 30px 0; } .icerik .yazi.tablo table { margin: 0; } .icerik .yazi table:last-child { margin-bottom: 0; } .icerik .yazi table .resim { width: 100%; float: left; } .icerik .yazi table .yazi { width: 100%; float: left; } .icerik .yazi table .resim a, .icerik .yazi table .resim img { width: 100%; float: left; } .icerik .yazi thead, .icerik .yazi tbody, .icerik .yazi th, .icerik .yazi td, .icerik .yazi tr { box-sizing: border-box; position: relative; } .icerik .yazi table thead th { background: #53bf9b; color: #fff; font-size: 16px; line-height: 18px; font-weight: 600; padding: 20px 20px !important; text-align-last: center; } .icerik .yazi table thead th, .icerik .yazi table tbody td { padding: 20px 20px; margin: 0; } .icerik .yazi table tr:last-child td { border-bottom: 0px; } .icerik .yazi table tr td { text-align: center; font-size: 14px; line-height: 20px; border-right: solid 1px #0000001c; border-bottom: solid 1px #0000001c; text-align-last: center; } .icerik .yazi table tr td[rowspan] { border-left: solid 1px #00000036; } .icerik .yazi table tr td:last-child { border-right-color: transparent; } .icerik .yazi table a { width: 100%; float: left; color: #454545; } .icerik .yazi table td:before { content: attr(data-baslik); display: none; } .icerik .yazi blockquote { font-size: 22px; line-height: 32px; margin: 0 0 20px 0; } .icerik .yazi ul, .icerik .yazi ol, .anaSayfa .yazi ul, .anaSayfa .yazi ol { margin: 20px 0px; padding: 0px 40px; } .icerik .yazi ul { margin: 20px 0 24px 0; } .icerik .yazi ul, .icerik .yazi ul li, .anaSayfa .yazi ul, .anaSayfa .yazi ul li { list-style: disc; } .icerik .yazi ol li, .icerik .yazi ol, .anaSayfa .yazi ol li, .anaSayfa .yazi ol { list-style: decimal; } .icerik .yazi ol li, .anaSayfa .yazi ol li { padding: 0px 3px; } .icerik .yazi ul li, .anaSayfa .yazi ul li { padding: 0px 3px; margin: 0; } .icerik .yazi ul.mTop { margin-top: 0; } .genelListe.media { margin-bottom: 20px; } .genelListe.media h6 { width: 100%; float: left; font-size: 20px; line-height: 20px; color: #3c3c3c; margin-bottom: 10px; } .genelListe.media li { width: 25%; padding: 4px; } .genelListe.media li .resim { transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; background: #f7f7f7; mix-blend-mode: multiply; /* border: solid 1px #e5e5e5; */ } .genelListe.media.sabit li .resim { height: calc(25vw/1.9); overflow: hidden; } .genelListe.media.sabit li .resim img { width: 100%; height: 100%; object-fit: cover; } .genelListe.media li:hover a { opacity: 0.4; } .genelListe.media.belge li .resim:before, .genelListe.media.belge li .resim:after { display: none; } .genelListe.media li a { display: table; box-sizing: border-box; position: relative; overflow: hidden; } .genelListe.media a .byt { width: calc(100% - 4px); height: calc(100% - 4px); display: table-cell; display: none; background: url(../images/byt.png) no-repeat center center rgba(51, 66, 77, 0.67); position: absolute; border-radius: 4px; } .genelListe.media li a img { margin: 0px; transition: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; mix-blend-mode: multiply; } .genelListe.media li h6 { font-size: 14px !important; color: #4e4e4e; padding: 6px; text-align: center; } .genelListe.media.sosyal li { width: 33.33%; padding: 4px; } .genelListe.media.foto li .resim:before { background-image: url(../images/buyut.svg); } .genelListe.media.video li .resim:before { background-image: url(../images/oynat.svg); } .genelListe.media.belge li a { background: #fff; padding: 20px 10px; } .genelListe.media.belge li .resim { background: none; text-align: center; } .genelListe.media.belge li .resim img { width: 45px; max-width: 100%; float: none; display: inline-table; vertical-align: text-bottom; } .genelListe.media li .resim img.rky { position: absolute; top: 0px; right: -100%; } .genelListe.media li .resim img.rky { z-index: -1; } .genelListe.media li .resim img.rke { z-index: -2; } .genelListe.media li .resim img.rky.sag { right: -100%; } .genelListe.media li .resim img.rky.sol { left: -100%; } .genelListe.media li.utekendi .resim:after { content: ""; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background: rgba(255, 255, 255, 0.82); display: inline-block; z-index: 30; } .genelListe.media.ucLu li { width: calc(33.33% - 12px); margin-right: 18px; margin-bottom: 18px; } .genelListe.media.ucLu li:nth-child(3n) { margin-right: 0px; } .genelListe.media.dortLu li { width: calc(25% - 14px); padding: 0; margin: 0 0 20px 0; } .genelListe.media.besLi li { width: calc(20% - 16px); margin-right: 20px; margin-bottom: 20px; } .genelListe.media.besLi li:nth-child(5n) { margin-right: 0; } .genelListe.media.altiLi li { width: calc(16.66% - 15px); margin-right: 18px; margin-bottom: 18px; } .genelListe.media.altiLi li:nth-child(6n) { margin-right: 0; } .genelListe.media.yediLi li { width: calc(14.285% - 18px); margin-right: 21px; margin-bottom: 21px; } .genelListe.media.yediLi li:nth-child(7n) { margin-right: 0; } .genelListe.media.sekizLi li { width: calc(12.5% - 21px); margin-right: 24px; margin-bottom: 24px; } .genelListe.media.sekizLi li:nth-child(8n) { margin-right: 0; } .genelListe.media.dokuzLu li { width: calc(11.111% - 16px); margin-right: 18px; margin-bottom: 18px; } .genelListe.media.dokuzLu li:nth-child(9n) { margin-right: 0; } .genelListe.media.onLu li { width: calc(10% - 18px); margin-right: 20px; margin-bottom: 20px; } .genelListe.media.onLu li:nth-child(10n) { margin-right: 0; } .genelListe.media.mTop { margin: 40px 0 0 0; } .genelListe.media.sabit.border li .resim { border: solid 1px #ebebeb; padding: 10px; background: none; } .caroufredsel_wrapper { cursor: inherit !important; } .soruCevap.genelListe { margin-top: 0; margin-bottom: 14px; } .soruCevap.genelListe li { width: 100%; float: left; padding: 16px 8px 3px 50px; position: relative; cursor: pointer; margin-bottom: 10px; border-top: solid 2px #e1e1e1; background: #fff; } .soruCevap.genelListe li:first-child { border-top: 0px; } .soruCevap.genelListe li:last-child { margin-bottom: 0px; } .soruCevap.genelListe li:after { content: ""; width: 22px; height: 22px; left: 10px; top: 14px; position: absolute; background-repeat: no-repeat; background-position: center center; background-image: url(../images/sart.png); transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; background-color: #676767; } .soruCevap.genelListe li.active:after { background-image: url(../images/sart2.png); } .soruCevap.genelListe li h6 { width: 100%; float: left; margin-bottom: 3px; margin-top: 1px; border: none; font-size: 15px; color: #545454; line-height: 16px; font-weight: 600; } .soruCevap.genelListe li .yazi { width: 100%; float: left; display: none; transition: none; font-size: 13px; color: #6a6a6a; line-height: 17px; } a.kmenu {width: 40px;height: 40px;float: right;position: relative;right: 0;top: 0;margin: 0;z-index: 10001;overflow: hidden;display: flex;flex-wrap: wrap;flex-direction: column;align-items: end;justify-content: center;display: none;} a.kmenu:before, a.kmenu:after, a.kmenu span {content: "";width: 100%;float: left;height: 5px;position: relative;left: 0;top: 0;margin: 0 0 12px 0;background: #ffffff;transition: all .8s cubic-bezier(.645,.045,.355,1) 0s;} a.kmenu:before { width: calc(100% - 12px); } a.kmenu.active:before, a.kmenu.active:after, a.kmenu.active span {background: #ffffff !important;} a.kmenu.active:before { transform: rotate(45deg); top: 0; left: 0; width: 100%; } a.kmenu.active span { transform: rotate(-45deg); top: -15px; width: 100%; } a.kmenu span { margin-bottom: 0; } a.kmenu:after { width: 60%; float: right; margin-bottom: 0; display: none; } .popUp { width: 100%; height: 100%; left: 0px; top: 0px; position: fixed; background: rgba(96, 96, 96, 0.83); padding: 20px; box-sizing: border-box; z-index: 990; display: none; } .popUp .popWrap { width: 1170px; float: none; background: #fff; left: 50%; top: 50%; /* border: solid 6px rgba(144, 144, 144, 0.74); */ box-sizing: border-box; padding: 26px 30px; overflow-x: auto; position: absolute; transform: translate(-50%, -50%); max-height: calc(100% - 30px); box-sizing: border-box; /* z-index: 45; */ } .popUp .popWrap.popAc { display: none; } .popUp .popWrap .baslik { width: 100%; float: left; margin-bottom: 30px; position: relative; } .popUp .popWrap .yazi { width: 100%; float: left; font-size: 12px; line-height: 18px; } .popUp .popWrap .baslik strong { width: auto; float: left; font-size: 25px; color: #3a3a3a; font-style: italic; line-height: 28px; font-weight: 300; border-bottom: solid 2px; } .popUp .popWrap .baslik span { width: 100%; float: left; display: none; } .popUp .popWrap .baslik .kpt { width: 22px; height: 22px; position: absolute; right: 0px; top: 0px; background: url(../images/kptic.png) no-repeat; } .popUp .popWrap .harita { width: 100%; float: left; position: relative; } .popUp .popWrap .harita iframe { width: 100%; height: 377px; float: left; } .popUp .popWrap .harita img, .popUp .icerik .harita a { width: 100%; float: left; } .popUp .popWrap .form ul li { width: calc(50% - 10px); margin-right: 20px; margin-top: 17px; } .popUp .popWrap .form ul li:nth-child(2n) { margin-right: 0px; } .popUp .popWrap .form ul li:last-child { margin-right: 0px; width: 100%; } .popUp .popWrap .form input[type="text"] { position: relative; } .popUp .popWrap .form.isKalem ul li { width: calc(25% - 18px); float: left; margin: 0px; margin-right: 24px; margin-bottom: 25px; } .popUp .popWrap .form.isKalem ul li:nth-child(1) { width: 100%; margin-right: 0px; margin-bottom: 27px; } .popUp .popWrap .form.isKalem ul li:nth-child(5) { margin-right: 0px; } .popUp .popWrap .form.isKalem ul li:nth-child(6) { margin-right: 0px; float: right; } .popUp .popWrap .form.isKalem .butons { width: auto; float: right; margin-top: 35px; } .popUp .popWrap .form.isKalem .butons a { width: auto; float: left; } .popUp .popWrap .form.isKalem .butons a.ony { width: 30px; height: 22px; background: url(../images/ony.png) no-repeat center center; } .popUp .popWrap.ozelForm { width: 700px; } .popUp .popWrap.girisYap { width: 500px; } .kayitOls { width: 100%; float: left; } .kayitOls .solKisim { width: calc(100% - 430px ); float: left; } .kayitOls .sagKisim { width: 380px; float: right; } .popUp .popWrap.modal { width: 1000px; padding: 0; height: calc(100% - 40px); overflow: hidden; max-height: inherit; position: absolute; background: none; } .popUp .popWrap.modal a { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .popUp .popWrap.modal img, .popUp .popWrap.modal .video { max-width: 100%; max-height: 100%; width: auto; height: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .popUp .popWrap.modal .video { width: 100% } .popUp .popWrap.modal .video iframe {width: 100%;height: auto;aspect-ratio:16/9;} .popUp .kpt.mdl { width: auto; height: auto; position: absolute; right: 20px; top: 20px; font-size: 20px; z-index: 45; font-size: 34px; color: #fff; } .popUp .kpt.mdl:after { content: "X"; } .genelForm { width: 100%; float: left; position: relative; box-sizing: border-box; padding-top: 10px; } .genelForm.mesajYaz { margin-bottom: 40px; position: fixed; width: 1170px; left: calc(50% - 585px); bottom: 45px; z-index: 99; } .genelForm ul { width: 100%; float: left; position: relative; box-sizing: border-box; display: flex; flex-direction: row; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; } .genelForm ul li { width: 100%; float: left; position: relative; box-sizing: border-box; margin: 0 0 20px 0; } .genelForm ul li:last-child { margin-bottom: 0; } .genelForm ul li.nB { margin-bottom: 0; } .genelForm ul li .kps > label { width: auto; float: left; position: relative; font-size: 15px; line-height: 16px; font-weight: 400; color: #515151; margin: 0 0 8px 10px; z-index: 45; } .genelForm ul li .kps > label span { font-size: 12px; line-height: 12px; color: #0b2f60; } .genelForm ul li input, .genelForm ul li select, .genelForm ul li textarea {width: 100%;float: left;position: relative;box-sizing: border-box;background: none;border-radius: 5px;border: solid 1px #e9e6e2;box-sizing: border-box;} .genelForm ul li select { width: calc(100% + 2px); left: -1px; } .genelForm ul li input[type="text"], .genelForm ul li input[type="password"], .genelForm ul li input[type="email"], .genelForm ul li input[type="date"], .genelForm ul li input[type="month"], .genelForm ul li input[type="number"], .genelForm ul li input[type="tel"], .genelForm ul li input[type="time"], .genelForm ul li input[type="week"] { widows: initial; } .genelForm ul li input[type="submit"], .genelForm ul li input[type="button"], .genelForm ul li button {font-size: 17px;line-height: 17px;font-weight: 500;color: #fff;background: #0b2f60;border-radius: 0;padding: 15px 43px;cursor: pointer;box-sizing: border-box;border-radius: 45px;text-transform: uppercase;border: none;} .genelForm ul li input[type="submit"].tam, .genelForm ul li input[type="button"].tam, .genelForm ul li button.tam { padding: 19px 0; } .genelForm ul li input[type="submit"].yesil, .genelForm ul li input[type="button"].yesil, .genelForm ul li button.yesil { background-color: #4fb523; } .genelForm ul li textarea {resize: none;height: 130px;border-radius: 5px;padding: 18px 21px !important;} .genelForm ul li input[type="submit"].auto, .genelForm ul li input[type="button"].auto, .genelForm ul li button.auto { width: auto; } .genelForm ul li input[type="submit"].sag, .genelForm ul li input[type="button"].sag, .genelForm ul li button.sag { float: right; } .genelForm ul li input[type="text"], .genelForm ul li input[type="email"], .genelForm ul li input[type="date"], .genelForm ul li input[type="month"], .genelForm ul li input[type="number"], .genelForm ul li input[type="tel"], .genelForm ul li input[type="time"], .genelForm ul li input[type="week"], .genelForm ul li input[type="password"] { height: inherit;} .genelForm ul li input[type="text"], .genelForm ul li input[type="email"], .genelForm ul li input[type="date"], .genelForm ul li input[type="month"], .genelForm ul li input[type="number"], .genelForm ul li input[type="tel"], .genelForm ul li input[type="time"], .genelForm ul li input[type="week"], .genelForm ul li input[type="password"], .genelForm ul li textarea { font-size: 14px; line-height: 14px; font-weight: 400; color: #6f6f6f; padding: 15px 24px; } .genelForm ul li input[disabled] { background: #ededed; } .genelForm ul li input[type="file"] { cursor: pointer !Important; font-size: 14px; line-height: 14px; } .genelForm ul li input[type="file"]::-webkit-file-upload-button { background: #0b2f60; border: 0; padding: 16px 25px; cursor: pointer; color: #fff; text-transform: uppercase; } .genelForm ul li input[type="file"]::-ms-browse { background: #0b2f60; border: 0; padding: 16px 25px; cursor: pointer; color: #fff; text-transform: uppercase; } .genelForm.istek { padding: 26px 14px 0px 14px; margin: 11px 0 0 0; border-top: solid 1px #d0d0d0; } .genelForm.istek h2 { width: 100%; float: left; font-size: 18px; line-height: 18px; font-weight: 400; color: #585858; margin: 0 0 20px 0; } .genelForm ul li input[type="checkbox"] { opacity: 0; position: absolute !important; top: 50%; left: 3px; margin: -6px 0 0 0; z-index: 2; cursor: pointer; } .genelForm ul li input[type="checkbox"]:disabled { cursor: not-allowed; } .genelForm ul li input[type="checkbox"]:disabled:checked + label:after { color: #999; } .genelForm ul li input[type="checkbox"]:disabled + label { cursor: not-allowed; } .genelForm ul li input[type="checkbox"]:disabled + label:before { background-color: #eee; } .genelForm ul li input[type="checkbox"] + label { text-align: left; width: 100%; min-height: 19px; float: left !important; padding: 5px 0 5px 33px !important; margin-top: 0; font-size: 15px; line-height: 14px; font-weight: 300; color: #525252; box-sizing: border-box; position: relative; z-index: 10; cursor: pointer; margin: 0px 0 0 0; } .genelForm ul li input[type="checkbox"] + label a { text-decoration: underline; color: #828282; } .genelForm ul li input[type="checkbox"] + label:before { content: ''; position: absolute; top: calc(50% - 12px); left: 0; width: 24px; height: 24px; display: inline-block; background-size: auto auto; box-sizing: border-box; border-radius: 3px; background: #e4e3e3; } .genelForm ul li input[type="checkbox"] + label:after { content: ''; position: absolute; top: calc(50% - 12px); left: 0; width: 24px; height: 24px; display: inline-block; background: url(../images/check3.svg) no-repeat center center #fab74d; background-size: 11px; box-sizing: border-box; border-radius: 7px; opacity: 0; } .genelForm ul li input[type="checkbox"]:checked + label:after { opacity: 1; } .genelForm ul li input[type="checkbox"] + label + label.error { display: block; } .genelForm ul li input[type="checkbox"].mini + label { font-size: 12px; line-height: 12px; font-weight: 500; padding: 3px 0 0px 22px !important; } .genelForm ul li input[type="checkbox"].mini + label a { margin-top: -1px; display: inline-table; vertical-align: top; } .genelForm ul li input[type="checkbox"].opak + label:before { border-color: #dddddd; } .genelForm ul li input[type="radio"] { opacity: 0; position: absolute; cursor: pointer; width: 19px; height: 19px; left: 0px; top: 0px; margin: 0; z-index: 4; } .genelForm ul li input[type="radio"]:checked + label:after { opacity: 1; } .genelForm ul li input[type="radio"]:disabled { cursor: not-allowed; } .genelForm ul li input[type="radio"]:disabled:checked + label:after { color: #999; } .genelForm ul li input[type="radio"]:disabled + label { cursor: not-allowed; } .genelForm ul li input[type="radio"]:disabled + label:before { background-color: #eee; } .genelForm ul li input[type="radio"] + label { text-align: left; width: 100%; min-height: 19px; float: left !important; padding: 5px 0 5px 33px !important; margin-top: 0; font-size: 17px; line-height: 17px; font-weight: 300; color: #525252; box-sizing: border-box; position: relative; z-index: 10; cursor: pointer; margin: 0; } .genelForm ul li input[type="radio"] + label:before { content: ''; position: absolute; top: calc(50% - 12px); left: 0; width: 24px; height: 24px; display: inline-block; background-color: #dbdedc; box-sizing: border-box; border-radius: 100%; } .genelForm ul li input[type="radio"] + label:after { content: ''; position: absolute; top: calc(50% - 6px); left: 6px; width: 12px; height: 12px; display: inline-block; background-color: #9a9a9a; box-sizing: border-box; border-radius: 100%; opacity: 0; } .genelForm ul li input[type="radio"] + label + label.error { display: block; } .genelForm ul li .select2 > .selection { width: 100%; float: left; position: relative; box-sizing: border-box; padding: 0; background: none; border-radius: 8px; border: solid 1px #e9e6e2; } .genelForm ul li .select2-container--default .select2-selection--single { border: none; padding: 0; background: none; border-radius: inherit; } .genelForm ul li .select2-container--default .select2-selection--single .select2-selection__rendered { font-size: 14px; line-height: 14px; font-weight: 300; color: #515151; padding: 13px 11px; background: none; border-radius: 0; } .genelForm ul li .select2-container--disabled .select2-selection__rendered { background: #ededed !important; } .genelForm ul li .select2-container--default .select2-selection--single .select2-selection__arrow { width: 11px; height: 100%; right: 10px; top: 0; } .genelForm ul li .select2-container--default .select2-selection--single .select2-selection__arrow b { right: 0; background: url(../images/sl.svg) no-repeat center; } .genelForm ul li .sifreUnuttum { width: auto; float: left; text-decoration: underline; margin-top: 8px; font-size: 14px; line-height: 14px; font-weight: 300; color: #525252; } .genelForm ul li .uyeOl { width: 100%; float: left; font-size: 17px; line-height: 17px; font-weight: 300; color: #fff; background: #4e4e4e; border-radius: 61px; padding: 15px 43px; cursor: pointer; box-sizing: border-box; text-align: center; } .genelForm ul li .kps { width: 100%; float: left; position: relative; box-sizing: border-box; } .genelForm ul li .kps.dashed { border: dashed 1px #dddddd; border-radius: 5px; padding: 0 0px 10px 0px; } .genelForm ul li .kps.dashed.hata { border-color: #c00; } .genelForm ul li .kps.dashed.hata label { color: #c00; } .genelForm ul li .kps.dashed label.hatasi { width: auto; max-width: 100%; position: absolute; left: 0; bottom: -7px; background: #fff; font-size: 15px; line-height: 15px; color: #c00; padding: 0 15px; margin-left: 15px; } .genelForm ul li .kps.dashed.onay { border-color: #9cc15c; } .genelForm ul li .kps.dashed.onay label { color: #9cc15c; } .genelForm ul li .kps.dashed.onay .hatasi { color: #9cc15c; } .genelForm ul li .serbest .kps { width: auto !important; margin: 0 20px 0px 0 !important; } .genelForm ul li .serbest .kps:last-child { margin-right: 0 !important; } .genelForm ul li.tekLi { width: 100% !important; margin-right: 0 !important; } .genelForm ul li.ikiLi .kps, .genelForm ul li .ikiLi .kps { width: calc(50% - 10px); margin-right: 20px; } .genelForm ul li.ikiLi > .kps:nth-child(2n), .genelForm ul li .ikiLi > .kps:nth-child(2n) { margin-right: 0; } .genelForm ul li .ikiLi.noMr .kps { width: 50%; margin-right: 0; } .genelForm ul li .uceBir .kps { width: calc(33.34% - 7px); margin-right: 21px; } .genelForm ul li .uceBir > .kps:nth-child(2) { width: calc(66.66% - 14px); margin-right: 0; } .genelForm ul li.ucLu .kps, .genelForm ul li .ucLu .kps { width: calc(33.33% - 14px); margin-right: 21px; } .genelForm ul li.ucLu .kps:nth-child(3n), .genelForm ul li .ucLu .kps:nth-child(3n) { margin-right: 0; } .genelForm ul li.dortLu .kps, .genelForm ul li .dortLu .kps { width: calc(25% - 15px); margin-right: 20px; } .genelForm ul li.dortLu .kps:nth-child(4n), .genelForm ul li .dortLu .kps:nth-child(4n) { margin-right: 0; } .genelForm ul li.uceBir > .kps { width: calc(33.34% - 7px); margin-right: 21px; } .genelForm ul li.uceBir > .kps:nth-child(2) { width: calc(66.66% - 14px); margin-right: 0; } .genelForm ul li.ozelDort > .kps { width: calc(100% - 107px) !important; margin-right: 21px !important; } .genelForm ul li.ozelDort > .kps:nth-child(2) { width: 86px !important; margin-right: 0 !important; } .genelForm ul li button { width: auto; display: inline-table; position: relative; font-family: 'zil'; font-size: 18px; line-height: 18px; font-weight: 400; color: #303030; margin: 0; padding: 0 0 0 140px; background: none; } .genelForm ul li button:before { content: ""; width: 120px; height: 2px; position: absolute; left: 0px; top: 9px; background: #ba9765; } .genelForm ul li button.mGonder:hover:before { opacity: 0; -webkit-transform: scale(0.5, 0.5); -ms-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5); } .genelForm ul li button:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; border: 1px solid #f68b1f; -webkit-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); border-radius: 25px; box-sizing: border-box; } .genelForm ul li button:hover:after { opacity: 1; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); } .genelForm ul li .kps .slt { width: 100%; float: left; position: relative; box-sizing: border-box; } .genelForm.ikiLi ul li { width: calc(50% - 12px); margin-right: 24px; } .genelForm.ikiLi ul li:nth-child(2n) { margin-right: 0px; } .genelForm.ucLu ul li { width: calc(33.33% - 16px); margin-right: 24px; } .genelForm.ucLu ul li:nth-child(3n) { margin-right: 0px; } .genelForm.dortLu ul li { width: calc(25% -18px ); margin-right: 24px; } .genelForm.dortLu ul li:nth-child(4n) { margin-right: 0px; } .genelForm.besLi ul li { width: calc(20% - 20px); margin-right: 25px; } .genelForm.besLi ul li:nth-child(5n) { margin-right: 0px; } .genelForm ul li.ozeFlex { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; text-align: center; } .genelForm ul li.ozeFlex .kps { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; text-align: center; } .genelForm ul li.farkliFatura { display: none; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus { border: none; -webkit-text-fill-color: #828282; -webkit-box-shadow: 0 0 0px 1000px #fff inset; box-shadow: 0 0 0px 1000px #fff inset; transition: background-color 5000s ease-in-out 0s; font-size: 22px; line-height: 22px; font-weight: 300; color: #828282; border: solid 1px #b9b9b9; } .sade .checkbox { position: relative; text-align: left; } .sade .checkbox.sade .checkbox-inline { display: inline-block; vertical-align: middle; } .sade .checkbox.sade .checkbox-inline { margin-top: 7px; padding-top: 0; } .sade .checkbox:last-child, .sade .checkbox:last-of-type { margin-bottom: 0; } .sade .checkbox input[type="checkbox"] { opacity: 0; position: absolute !important; top: 50%; left: 3px; margin: -6px 0 0 0; z-index: 2; cursor: pointer; } .sade .checkbox input[type="checkbox"]:checked + label:after { content: ""; position: absolute; width: 19px; height: 17px; left: 0px; top: 1px; background: url(../images/check.svg) no-repeat center center; z-index: 4; box-sizing: border-box; } .sade .checkbox input[type="checkbox"]:disabled { cursor: not-allowed; } .sade .checkbox input[type="checkbox"]:disabled:checked + label:after { color: #999; } .sade .checkbox input[type="checkbox"]:disabled + label { cursor: not-allowed; } .sade .checkbox input[type="checkbox"]:disabled + label:before { background-color: #eee; } .sade .checkbox label { text-align: left; width: 100%; min-height: 19px; float: left !important; padding: 2px 0px 2px 26px !important; margin-top: 0; font-size: 15px; line-height: 15px; color: #333333; font-weight: 400; box-sizing: border-box; position: relative; cursor: pointer; } .sade .checkbox label:before { content: ''; position: absolute; top: 0; left: 0; width: 19px; height: 19px; display: inline-block; background-color: #FFFFFF; border: solid 1px #dedcdc; box-sizing: border-box; border-radius: 2px; } .sade .checkbox label + label.error { display: block; } .genelListe.swip, .genelListe .swip { position: relative; overflow: hidden; list-style: none; padding: 0; width: 100%; float: left; position: relative; } .uKapsul.swip { margin: 0 auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; } .blogDetay .paylas { width: 100%; float: left; position: relative; box-sizing: border-box; border-top: solid 1px #d0d0d0; padding: 13px 0 0 0; margin: 10px 0 0 0; } .blogDetay .paylas:before { content: attr(data-text) ":"; width: auto; float: left; margin: 4px 0 0 0; } .blogDetay .sosyalMediam { width: auto; float: left; position: relative; box-sizing: border-box; padding: 0 0 0 0; margin: 0 0 0 10px; } .blogDetay .sosyalMediam a { width: auto; float: left; margin: 0 10px 0 0; } .blogDetay .sosyalMediam a i { width: 30px; height: 30px; float: left; background: #f1f1f1; font-size: 17px; line-height: 29px; color: #848484; text-align: center; border-radius: 100%; } .blogListe.genelListe li { width: calc(33% - 20px); padding: 0px; margin-right: 30px; margin-bottom: 30px; } .blogListe.genelListe li:nth-child(3n) { margin-right: 0px; } .blogListe.genelListe li a { background: #ffffff; padding: 0px 0px 20px 0px; border: solid 1px #e8e8e8; } .blogListe.genelListe li .resim { padding: 4px; } .blogListe.genelListe li .tarih { width: 100%; float: left; text-align: center; font-size: 10px; font-style: italic; margin-top: 0; color: #505050; } .blogListe.genelListe li .resim:after { content: ""; position: absolute; left: calc(50% - 15px); bottom: -14px; border-style: solid; border-width: 0 15px 15px 15px; border-color: transparent transparent #ffffff transparent; } .blogListe.genelListe li h6:after { content: ""; width: 70px; height: 1px; background: #b3b3b3; position: absolute; left: 50%; top: 0px; transform: translate(-50%, -0px); } .blogListe.genelListe li h6 { font-size: 17px; line-height: 22px; color: #484848; font-weight: 500; text-align: justify; min-height: 30px; position: relative; padding: 10px 20px 0 20px; margin: 12px 0 0 0; } .blogListe.genelListe li p { text-align: justify; padding: 0px 35px; margin-top: 9px; color: #3e3e3e; font-size: 13px; line-height: 17px; font-weight: 400; } .blogListe.genelListe li p:before { content: ""; width: 1px; height: 100%; position: absolute; top: 0px; left: 25px; background: #0c4068; } .blogListe.genelListe li a:hover .resim:before { border: solid 3px rgba(250, 184, 53, 0.52); } .blogListe.genelListe.tekil li { width: 100%; margin: 0px; border-bottom: solid 1px #e0e0df; padding-bottom: 11px; margin-bottom: 11px; } .blogListe.genelListe.tekil li a { padding: 0px; background: none; border: none; } .blogListe.genelListe.tekil li .resim { width: 71px; } .blogListe.genelListe.tekil li .resim:after { display: none; } .blogListe.genelListe.tekil li h6 { width: calc(100% - 71px); float: right; text-align: left; font-size: 12px; line-height: 19px; padding: 0px; margin-top: -3px; padding-left: 10px; font-size: 13px; color: #6d6d6d; font-weight: 400; } .blogListe.genelListe.tekil li h6:after { display: none; } .blogListe.genelListe.tekil li .tarih { width: auto; margin-left: 12px; font-size: 10px; margin: 5px 0 0 12px; } .blogListe.genelListe.tekil li:last-child { border-bottom: none; padding-bottom: 0px; margin-bottom: 0px; } .cookiBar { width: 100%; position: fixed; box-sizing: border-box; left: 0px; bottom: 0px; padding: 0 25px; background: #fff; -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.3); box-shadow: 0 0 20px rgba(0,0,0,0.3); z-index: 99999; -webkit-transition: bottom .7s, opacity .8s; transition: bottom .7s, opacity .8s; padding: 28px 0px; } .cookiBar .ortala { display: table; table-layout: fixed; padding: 0 0; } .cookiBar .ortala .solK { width: 100%; display: table-cell; vertical-align: middle; color: #535353; } .cookiBar .ortala .solK strong { width: 100%; float: left; font-size: 18px; line-height: 18px; } .cookiBar .ortala .solK .yazi { width: 100%; float: left; position: relative; margin: 8px 0 0 0; font-size: 14px; line-height: 18px; } .cookiBar .ortala .sagK { width: 120px; display: table-cell; vertical-align: middle; } .cookiBar .ortala .sagK button { width: 100%; float: left; font-size: 16px; line-height: 16px; border: none; color: #fff; background: #00548e; padding: 14px 0; cursor: pointer; } .wrapTable { display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; } .btn-whatsapp-pulse {background: #25d366;color: white;position: fixed;bottom: 20px;right: 20px;font-size: 40px;display: flex;justify-content: center;align-items: center;width: 0;height: 0;padding: 45px;text-decoration: none;border-radius: 50%;animation-name: pulse;animation-duration: 1.5s;animation-timing-function: ease-out;animation-iteration-count: infinite;z-index: 999;} @keyframes pulse { 0% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5); } 80% { box-shadow: 0 0 0 14px rgba(37, 211, 102, 0); } } .btn-whatsapp-pulse-border {animation-play-state: paused;} .btn-whatsapp-pulse-border::before {content: "";position: absolute;border-radius: 50%;padding: 25px;border: 5px solid #25d366;opacity: 0.75;animation-name: pulse-border;animation-duration: 1.5s;animation-timing-function: ease-out;animation-iteration-count: infinite;} @keyframes pulse-border { 0% { padding: 25px; opacity: 0.75; } 75% { padding: 50px; opacity: 0; } 100% { opacity: 0; } } @media screen and (max-width: 1170px) { a.kmenu {width: 40px;display: flex;} a.kmenu:after { display:none } .popUp .popWrap { width: calc(100% - 30px) !important; } .genelForm ul li input[type="text"], .genelForm ul li input[type="email"], .genelForm ul li input[type="date"], .genelForm ul li input[type="month"], .genelForm ul li input[type="number"], .genelForm ul li input[type="tel"], .genelForm ul li input[type="time"], .genelForm ul li input[type="week"], .genelForm ul li input[type="password"], .genelForm ul li textarea { font-size: 14px; line-height: 15px; /* padding: 4px 15px; */ } .genelForm ul li .kps > label { font-size: 14px; line-height: 16px; margin: -7.5px 0 7px 0px; padding: 0 10px; width: 100%; } .genelForm ul li .select2 > .selection { padding: 0 15px; } .genelForm ul li .select2-container--default .select2-selection--single .select2-selection__rendered { font-size: 14px; line-height: 14px; font-weight: 400; padding: 14px 15px 15px 0; } .genelForm ul li .select2-container--default .select2-selection--single .select2-selection__arrow b { right: 15px; } .genelForm ul li input[type="submit"].tam, .genelForm ul li input[type="button"].tam, .genelForm ul li button.tam { padding: 18px 0; } .genelForm ul li input[type="submit"], .genelForm ul li input[type="button"], .genelForm ul li button { font-size: 15px; line-height: 15px; font-weight: 400; } .genelForm.mesajYaz { width: calc(100% - 40px); left: 20px; margin: 0; background: #fff; bottom: 70px; } .genelForm ul li.ozelDort > .kps { margin-bottom: 0 !important; width: calc(100% - 36px) !important; margin-right: 0 !important; } .genelForm ul li.ozelDort > .kps:nth-child(2) { width: 47px !important; margin-left: -11px !important; } .genelForm ul li button.mGonder { background-color: #e74c3c; border: solid 3px #fff; } .genelForm ul li button.mGonder:after, .genelForm ul li button.mGonder:before { display: none; } .blogDetay .solKisim { width: 100%; padding: 0px 2px; } .blogDetay .sagKisim, .blogDetay .solKisim .genelBaslik .tarih { display: none; } .blogDetay { background: #fff; } .cookiBar { padding: 15px 0px; } .cookiBar .ortala { display: inherit; padding: 0 20px; } .cookiBar .ortala .solK { width: 100%; float: left; display: inherit; } .cookiBar .ortala .solK strong { font-size: 17px; line-height: 18px; } .cookiBar .ortala .solK .yazi { font-size: 13px; line-height: 18px; } .cookiBar .ortala .sagK { width: 100%; display: inherit; float: left; margin: 10px 0 0 0; } .cookiBar .ortala .sagK button { width: auto; padding: 7px 15px; font-size: 14px; line-height: 14px; } .blogListe.genelListe li { width: 33.33%; margin: 0 0 12px 0; padding: 0 8px; } .genelListe.media.dortLu li { width: calc(33.33% - 14px); } .genelListe.media.sabit li .resim { height: calc(33.33vw/1.9); } } @media screen and (max-width: 1024px) { .genelForm ul li { width: 100% !important; margin: 0 0 25px 0 !important; } .genelForm ul li .sifreUnuttum { float: left; margin: 0; } .genelForm ul li:last-child { margin-bottom: 0 !important; } .genelForm ul li .kps, .genelForm ul li .serbest .kps { width: 100% !important; margin: 0 0 25px 0 !important; } .genelForm ul li .kps.dashed .serbest .kps { padding-left: 10px !important; } .genelForm ul li .kps.dashed .kps { border-bottom: dashed 1px #d3d4d1; padding: 0 0 9px 0 !important; margin: 0 0 10px 0 !important; } .genelForm ul li .kps.dashed .kps:last-child { border-bottom: 0 !important; padding-bottom: 0 !important; margin-bottom: 0 !important; } .genelForm ul li .kps:last-child { margin-bottom: 0 !important; } .genelForm ul li textarea { height: 80px; } .genelForm ul li input[type="submit"].auto, .genelForm ul li input[type="button"].auto, .genelForm ul li button.auto { width: 100%; } } @media screen and (max-width: 980px) { .popUp .popWrap.girisYap { width: calc(100% - 40px); } } @media screen and (max-width: 800px) { .wrapTable { overflow-y: scroll; width: 100%; float: left; position: relative; } .icerik .wrapTable table { width: 1000px !important; } .wrapTable:after { content: ""; width: 50px; height: 50px; position: fixed; left: calc(50% - 25px); bottom: 20px; border-radius: 100%; box-shadow: 0px 0px 10px #0000004a; z-index: 999999; background: url(../images/swipe.svg) no-repeat center #fff; background-size: 22px; opacity: 0; } .wrapTable.fixed:after { position: fixed; bottom: 20px; } .wrapTable.absolute:after { position: absolute; bottom: 20px; /* left: 0; */ } .icerik .wrapTable table { width: 800px !important; position: relative; } } @media screen and (max-width: 768px) { .blogListe.genelListe li { width: 50%; } } @media screen and (max-width: 720px) { .genelListe.media.dortLu li { width: calc(50% - 8px); margin: 0 0 16px 0; } .genelListe.media.sabit li .resim { height: calc(50vw/1.9); } } @media screen and (max-width: 480px) { .genelForm ul li .serbest .kps { width: 100% !important; margin: 0 0px 5px 0px !important; padding: 0 15px; } .genelForm ul li .serbest .kps:last-child { margin-bottom: 0 !important; } .blogDetay .solKisim .resmi { width: 100%; margin: 0 0 20px 0; } .blogListe.genelListe li { width: 100%; padding: 0; margin-bottom: 30px; } } @media screen and (max-width:440px) { }