/*********/
#issureci { position: relative; padding: 52px 0 99px 0; background: linear-gradient( 270deg, #0092d857 33%, #f4f4f4 33%); }
#issureci .container { display: block; position: relative; }
#issureci .metin { }
#issureci .kapsul { background: #fff; border-radius: 4px; box-shadow: 2px 2px 11px 3px #0000001f; }
#issureci .kapsul:after { content: ''; position: absolute; right: -44px; width: 88px; height: 88px; background: url(/d/r/noktalar.png) no-repeat; top: 10px; z-index: -1; opacity: .2; }
#issureci .metin .title { color: var(--tema-renk1); margin: 0 0 21px 0; text-transform: uppercase; font: 600 28px var(--baslik-fontu); position: relative; }
#issureci .metin .title:after { content: ''; position: absolute; left: 0; width: 59px; height: 5px; background: var(--tema-renk2); bottom: 0; z-index: 0; opacity: .2; }
#issureci .bilgi { font-size: 15px; margin: 0 0 14px 0; color: #777; line-height: 20px; width: 400px; max-width: 100%; }
#issureci .item { padding: 42px 13px 41px 20px; width: 25%; display: flex; overflow: hidden; border-right: solid 1px #ac272224; }
#issureci .item:last-child { border-right: none }
#issureci .item .text { padding-right: 10px; width: calc(100% - 64px); }
#issureci .item .sayi { position: relative; color: var(--tema-renk2); font-weight: 400; font-size: 28px; margin-right: 26px; flex-grow: 0; padding: 18px 0 0 10px; width: 45px; }
#issureci .item .sayi:after { content: ''; position: absolute; left: 0; height: 75px; width: 19px; background: var(--tema-renk2); top: 0; z-index: -1; opacity: .2; }
#issureci .item .baslik { font-weight: 600; line-height: 20px; color: #111; font-size: 15px; }
#issureci .item .ozet { line-height: 21px; font-weight: 400; color: #777; font-size: 13px; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; margin-top: 6px; width: 100%; word-break: break-word; }
#issureci a.more { position: absolute; right: 0; bottom: -67px; display: block; color: #fff; font-size: 14px; width: fit-content; }
/*********/
#tedavi { padding: 100px 0 0 0; background: linear-gradient(to bottom, #fbfbfb, #fff3d9 165px) #fff3d9; position: relative; }
#tedavi .container { display: block; position: relative; }
#tedavi h2 { padding: 0 0 10px 0; font-weight: 700; font-size: 28px; text-transform: uppercase; color: #58585a; position: relative; margin: 0 0 25px 0; font-family: 'Nunito'; }
#tedavi h2:after { content: ''; position: absolute; left: 0; bottom: 0; width: 105px; height: 2px; background: #f5bd42; }
#tedavi .bilgi { font-size: 16px; margin: 0 0 18px 0; color: #666; width: 83%; line-height: 25px; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; }
#tedavi .kapsul { padding: 0 0; margin: 0 -10px; }
/*********/
.tabcontent { display: none; padding: 6px 12px; border: 1px solid #ccc; border-top: none }
.aktifTab { display: block }
.popup99 { text-align: center; width: 100%; height: 100%; padding: 50px 10px; position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 1000000; background: rgba(0,0,0,.6); }
.popup99 a.git99 { position: relative; display: inline-block; width: 100%; height: 100%; }
.popup99 a.git99 img { max-width: 100%; max-height: 100%; }
.popup99 a.git99:hover { opacity: 1 }
.popup99 a.kapat99 { color: #fff; font-size: 35px; position: absolute; left: 50%; top: 10px; }
.popup99 img { display: inline-block; max-height: 100%; }
/***kolon yapisi***/
.urunTab { margin: 60px -15px 0 -15px; }
.urunTab .bilgi { min-height: 288px; box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.1); line-height: 30px; border: none; font-size: 15px; color: #4b4b4b; padding: 45px 60px; background: #fff; }
.urunTab .bilgi h2 { margin: 0 0 15px 0; font-size: 18px; font-weight: 700 }
.urunTab .etezgahTab { overflow-y: auto; border-top-right-radius: 6px; border-top-left-radius: 6px; white-space: nowrap; }
.urunTab .etezgahTab a { border-radius: 0; font-size: 14px; padding: 10px 15px; background: #dedede; display: inline-block; margin-right: 0; letter-spacing: .5px; font-weight: 400; color: #333 }
.urunTab .etezgahTab a.aktif { background: #f7f7f7; }
/***/
a#telNo { font-size: 15px; font-weight: 400; }
a#telNo:after { content: ''; position: absolute; left: 10px; top: 13px; background: url(/d/ortak.png) no-repeat -307px -353px; width: 16px; height: 16px; z-index: 6; filter: invert(1); }
/*******/
#nedenbiz { padding: 90px 0; background: #f1f1f1; }
#nedenbiz .anaKap { margin-bottom: 65px; }
#nedenbiz .anaKap h2 { width: 518px; }
#nedenbiz .wrap { margin: -20px; }
#nedenbiz .item { height: 160px; width: calc(33% - 40px); position: relative; display: flex; justify-content: center; align-items: center; background: #ffffff; border-radius: 16px; margin: 20px; box-shadow: 0 0 1px 2px #00000003; }
#nedenbiz .item:first-child { }
#nedenbiz .item:first-child img { max-width: 197px; }
#nedenbiz .item:nth-child(4) img { height: 80px }
#nedenbiz .item img { width: auto; height: auto; max-width: 145px; }
/******/
#sitenburadanedir { position: relative; overflow: hidden; height: 103%; }
#sitenburadanedir:before { content: ""; background: url(/d/r/sitenburadacom-nedir-1.jpg); position: absolute; width: 100%; height: 690px; overflow: hidden; top: 0; filter: brightness(0.2); }
#sitenburadanedir .kapsul { z-index: 9; margin: 75px 0; }
#sitenburadanedir .kapsul .bir { position: relative; }
#sitenburadanedir .kapsul .bir a { }
#sitenburadanedir .kapsul .bir a:hover:before { background: var(--tema-renk2); border-color: #fff; }
#sitenburadanedir .kapsul .bir a:hover:after { border-color: var(--tema-renk1) transparent transparent transparent; }
#sitenburadanedir .kapsul .bir a:before { content: ""; position: absolute; width: 75px; height: 75px; background: #f5b900; border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); border: 3px solid #ffffffc4; }
#sitenburadanedir .kapsul .bir a:after { content: ""; position: absolute; top: 44%; left: 49%; transform: rotate(271deg); margin-top: 2px; border-color: #f9f9f9 transparent transparent transparent; border-style: solid; border-width: 20px; width: 0px; height: 0px; }
#sitenburadanedir .kapsul .bir figure { }
#sitenburadanedir .kapsul .bir figure img { filter: none; padding-right: 30px; height: auto; }
#sitenburadanedir .kapsul .icerik { }
#sitenburadanedir .kapsul .icerik h2 { font-size: 36px; color: var(--tema-renk2); font-weight: 600; width: 300px; text-align: left; margin: 25px 0; line-height: 45px; }
#sitenburadanedir .kapsul .icerik h2 i { font-style: normal; color: #fff; }
#sitenburadanedir .kapsul .icerik p { color: #fff; margin-bottom: 35px; font-size: 16px; line-height: 25px; letter-spacing: 0.2px; }
#sitenburadanedir .kapsul .icerik a { color: #fff; border: 1px solid #fff; padding: 15px 25px; font-size: 16px; }
#sitenburadanedir .kapsul .icerik a:hover { background: var(--tema-renk2); border-color: var(--tema-renk2); }
#sitenburadanedir figure { z-index: 0; max-width: 100%; /* display: none; */ }
#sitenburadanedir figure img { filter: brightness(0.2); }
/***********/
#nasilcalisiyoruz { margin: 30px 0; }
#nasilcalisiyoruz .kapsul { text-align: center; margin-bottom: 35px; }
#nasilcalisiyoruz .kapsul h2 { font-size: 36px; font-weight: 600; color: var(--tema-renk1); margin-bottom: 10px; }
#nasilcalisiyoruz .kapsul h2 i { font-style: normal; color: var(--tema-renk2); }
#nasilcalisiyoruz .kapsul .subtite { margin: 0 auto; line-height: 25px; color: var(--tema-renk3); font-size: 16px; width: 600px; max-width: 100%; }
#nasilcalisiyoruz figure { margin: 0 75px; }
#nasilcalisiyoruz figure img { height: auto; width: 100%; }
#nasilcalisiyoruz .item { position: relative; background: #fcfcfc; max-width: 100%; padding: 25px; margin-right: 15px; height: initial; }
#nasilcalisiyoruz .item figure { background: var(--tema-renk2); margin: 15px auto; width: fit-content; padding: 15px; border-radius: 50%; }
#nasilcalisiyoruz .item:before { content: ""; position: absolute; width: 1px; height: 45px; background: #d8d8d8; top: -56px; left: 50%; }
#nasilcalisiyoruz .item figure img { }
#nasilcalisiyoruz .item .baslik { text-align: center; font-size: 18px; color: var(--tema-renk1); font-weight: 600; }
#nasilcalisiyoruz .item .icerik { font-size: 16px; text-align: center; height: 60px; margin-bottom: 15px; color: var(--tema-renk3); line-height: 20px; margin-top: 8px; }
#nasilcalisiyoruz .kapsulana { margin: 75px; }
/********/
#partners { position: relative; background: #000000; padding: 65px 0 50px 0; border-bottom: 1px solid #171717; }
#partners .kapsul { text-align: center; }
#partners .kapsul .baslik { font-size: 47px; font-weight: 600; color: var(--tema-renk1); margin-bottom: 10px; margin-top: 0; }
#partners .kapsul .baslik i { font-style: normal; color: var(--tema-renk2); }
#partners .kapsul .subtitle { margin: 0 auto; color: #747474; font-size: 15px; font-weight: 400; margin-bottom: 28px; text-align: center; width: 650px; max-width: 100%; line-height: 25px; letter-spacing: 0.5px; }
#partners .bir { }
#partners figure { text-align: center; }
#partners figure img { opacity: .8; display: inline; }
/************/
#temahakkinda { background: #f1f1f1; padding-bottom: 40px; }
#temahakkinda .kapsul { }
#temahakkinda .kapsul h2 { font-size: 24px; font-weight: 600; color: #000000; max-width: 100%; text-align: center; width: fit-content; margin: 0 auto 26px; background: #fff; border-radius: 37px; padding: 21px 66px; }
#temahakkinda .kapsul h2 em { font-weight: 900; }
#faq .item { margin: 0 15px 30px; background: white; padding: 31px 50px; border-radius: 15px; height: max-content; width: calc(50% - 30px); }
#faq .item h3 { font-size: 18px; font-weight: 600; position: relative; margin: 0; color: #000000; }
#faq .item h3:before { content: ""; position: absolute; display: block; background-color: #000; width: 4px; right: 0; top: 50%; bottom: 5px; z-index: 9; height: 20px; transition: all 500ms ease; transform: translateY(-50%); }
#faq .item h3:after { content: ""; position: absolute; display: block; background-color: #000; height: 4px; top: 50%; right: -8px; z-index: 9; width: 20px; transition: all 500ms ease; transform: translateY(-50%); }
#faq .item h3:hover { color: var(--tema-renk1); width: 100%; }
#faq .item .active h3:before, #faq .item .active h3:after { rotate: 45deg; }
#faq .item a { }
#faq .item .cevap { font-size: 1rem; line-height: 1.5rem; padding-top: 25px; }
/********/
#tema { padding: 100px 0; }
#tema .wrap { margin: -25px; }
#tema .item { position: relative; margin: 25px; }
#tema .item:hover { }
#tema .item .icerik { text-align: center; padding: 50px; color: #000; position: absolute; top: 0; }
#tema .item .icerik .kap0 { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; }
#tema .item .icerik ins { font-style: normal; text-decoration: none; font-size: 25px; font-weight: 600; position: relative; z-index: 15; border-radius: 21px; padding-left: 25px; padding-top: 6px; }
#tema .item .icerik ins:before { content: ""; position: absolute; left: 0; top: 0; width: 142px; height: 42px; background: #fff; z-index: -1; border-radius: 21px; }
#tema .item .icerik h2 { margin: 0; width: 165px; text-align: left; position: relative; color: #fff; font-weight: 900; text-decoration: none; font-family: var(--icerik-fontu); font-size: 24px; padding-bottom: 25px; }
#tema .item .icerik h2:after { content: ""; position: absolute; left: 0; bottom: 0; width: 119px; height: 6px; background: #ffff; }
#tema .item .icerik span p { line-height: 24px; height: 75px; text-align: left; font-size: 16px; color: #fff; }
#tema .item .kapsul0 { margin: 0 auto 42px auto; text-align: center; font-size: 16px; }
#tema .item .kapsul0 a { position: relative; color: #0982ae; padding-bottom: 3px; }
#tema .item .kapsul0 a:hover:after { opacity: 1; transform: translateY(-3px) translateZ(0); transition-delay: .2s; transition-duration: .15s; background: var(--tema-renk1); }
#tema .item .kapsul0 a:after { content: ""; height: 1px; left: 0; opacity: 0; pointer-events: none; position: absolute; top: 100%; transform: translateY(1px); transition: all .15s cubic-bezier(.39,.575,.565,1); transition-property: opacity,transform,-webkit-transform; width: 100%; }
#tema .item .kapsul0 a:first-child { margin-right: 30px; color: #0982ae; }
#tema .item img { width: 100%; }
#tema .item:hover img { bottom: -5px; }
#tema h3 { text-align: center; font-size: 21px; margin: 0; }
#tema h3 .fulles { background: #d8d8d8; padding: 11px 101px; color: #7d7d7e; line-height: 34px; display: inline-block; margin: 103px 0 10px 0; border-radius: 6px; text-transform: uppercase; font-weight: 900; font-size: 16px; }
/*************/
.anaKap { text-align: center; margin-bottom: 100px; display: flex; align-items: center; width: 100%; }
.anaKap h2 { font-size: 44px; font-weight: 900; color: #000000; margin: 0 100px 10px 0; text-align: left; font-family: var(--icerik-font-boyutu); max-width: 100%; }
.anaKap h2 i { font-style: normal; }
.anaKap .subtite { line-height: 25px; color: #838383; font-size: 16px; max-width: 100%; text-align: left; position: relative; padding: 25px 0 35px 65px; }
.anaKap .subtite:before { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 2px; background: #d8d8d8; }
/*************/
#blog { background: #242a33; padding: 100px 0; }
#blog .kapsul { position: relative; }
#blog .kapsul h2 { width: 350px; color: #fefefe; margin-right: 0; }
#blog .kapsul h2 i { }
#blog .kapsul .subtite { color: #838383; margin: 0; max-width: 100%; font-size: 16px; letter-spacing: 0.5px; width: 450px; }
#blog .anaKap .subtite:before { background: #3d4147; }
#blog .kapsul .all { position: absolute; right: 0; background: #171b21; color: #ffffff; font-size: 16px; text-transform: uppercase; font-weight: 600; padding: 20px 59px; }
#blog .item { position: relative; display: flex; background: #171b21; margin-right: 30px; }
#blog .item figure { /* position: relative; */ width: 250px; height: auto; }
#blog .item figure img:hover { filter: brightness(0.5); }
#blog .item figure img { filter: brightness(0.3); }
#blog .item .icerik { padding: 45px 15px 35px 45px; }
#blog .item .baslik { font-size: 20px; width: 100%; color: #ffff; font-weight: 600; margin-bottom: 25px; }
#blog .item .subtitle { font-size: 16px; color: #fff; margin-bottom: 25px; }
#blog .item .more { font-size: 16px; color: #647a9a; }
/**********/
.social2 a { border-radius: 50px; margin-left: 15px; width: 30px; height: 30px; background: #d3e8f6; }
.social2 a:after { position: absolute; content: ''; width: 25px; height: 25px; left: 10px; top: 6px; }
.social2 a.face:after { background-position: -14px -9px; }
.social2 a.inst:after { background-position: -90px -104px; left: 7px; top: 5px; }
.social2 a.twit:after { background-position: -35px -37px; left: 6px; top: 4px; }
/*******/
/****/
.kapsulins { margin-top: 45px; }
.kapsulins .oge { background: #ffdf8f; margin: 0 10px 0 10px; padding: 11px 13px; display: block; float: left; text-align: center; border-radius: 4px; }
.kapsulins .oge .kisiBasi { display: block; font-size: 13px; color: #6b4d00; }
.kapsulins .oge .tl { display: block; font-weight: 700; font-size: 25px; color: #533b00; }
.kapsulins .oge .tl small { }
/****/
.site-backtop { display: none; position: fixed; transition: bottom ease .5s; right: 5px; z-index: 999; width: 40px !important; height: 40px; cursor: pointer; background: var(--tema-renk2); border-radius: 50%; bottom: 100%; }
.site-backtop.active { bottom: 82px; }
.site-backtop:after { position: absolute; top: 16px; left: 50%; width: 12px; height: 12px; content: ''; margin-left: -5px; border-right: 2px solid #fff; border-top: 2px solid #fff; transform: rotate( -45deg); box-sizing: border-box; }
/******/
/******/
#hatavar { margin: 50px 0; letter-spacing: 1px; font-size: 32px; color: #555; text-align: center; }
/******/
h2#benzer { height: 36px; line-height: 36px; font-size: 16px; font-weight: 700; border-bottom: 2px solid #eee; margin: 42px 0 20px 0; }
h2#benzer:after { content: ""; width: 30px; height: 2px; background: #5bbac7; display: block; position: relative; bottom: 2px; }
#benzerHab { display: flex; flex-wrap: wrap }
#benzerHab a { display: block; width: calc(33% - 15px); }
#benzerHab a:nth-child(3n+1) { margin: 0 15px 15px 0; }
#benzerHab a:nth-child(3n+2) { margin: 0 7.5px 15px 7.5px; }
#benzerHab a:nth-child(3n) { margin: 0 0 15px 15px }
#benzerHab a figure { height: 164px; overflow: hidden; position: relative; }
#benzerHab a figure img { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); height: 164px; max-width: initial; }
#benzerHab a h3 { line-height: 23px; height: 69px; font-size: 16px; margin: 8px 0; }
/*******/
#social3 { padding: 5px 20px; text-align: center; width: 137px; display: block; margin: 0 auto; }
#social3 a { position: relative; font-size: 20px; color: #ffffff; border-radius: 50%; height: 25px; width: 25px; padding: 20px; margin: 5px 3px; display: inline-block; background: #ed383c; }
#social3 a:hover { color: #999; }
#social3 i { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) }
/******/
/*******/
.dersAll { min-height: 450px; background: #fbfbfb; }
.dersAll .kapsul { display: flex; flex-wrap: wrap; width: 100% }
.dersAll .kapsul .cl4:nth-child(2n) .item { background: #f7f7f7; }
.dersAll .kapsul a { }
.dersAll .kapsul a figure { overflow: hidden; height: 524px; position: relative; }
.dersAll .kapsul a figure img { display: block; min-width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); border-radius: 16px; min-height: 100%; width: initial; max-width: 150%; }
.dersAll .kapsul a h3, .dersAll .kapsul a h2 { margin: 0; z-index: 8; letter-spacing: .5px; background: #7fcbae; padding: 8px 20px; border-radius: 15px; position: absolute; bottom: 15px; right: 15px; color: #fff; text-decoration: none; font-weight: 400; font-size: 16px; }
.dersAll .kapsul a:hover h3, .dersAll .kapsul a:hover h2 { color: #000; }
.dersAll .kapsul a:hover img { opacity: .9 }
/***/
.dersAll .item { height: 300px; background: #eaeaea; margin: 0 10px 20px 10px; padding: 20px; border-radius: 15px; position: relative; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; align-content: center; }
.dersAll .item h2 { text-align: center; margin-top: 30px; }
.dersAll .item h2 a { color: #0982ae; }
.dersAll .item .ozet { text-align: center; font-size: 18px; line-height: 31px; }
/********/
#temaCat { background: #fbfbfb; }
#temaCat .item { width: 32%; height: 385px; overflow: hidden; background: #98cdffab; margin-bottom: 25px; border-radius: 15px; transition: box-shadow .2s,background .2s; position: relative; }
#temaCat .item:hover { background: #fff; box-shadow: 1px 3px 20px 5px #0000001c; }
#temaCat .item .icerik { text-align: center; padding: 15px 10px; color: #000; }
#temaCat .item .icerik h2 { font-size: 23px; margin: 10px 0; }
#temaCat .item ins { font-style: normal; text-decoration: none; font-size: 25px; font-weight: 600; color: #333; }
#temaCat .item .icerik h2 a { color: var(--tema-renk1); font-weight: 600; text-decoration: none; }
#temaCat .item .icerik h2 a:hover { text-decoration: underline; }
#temaCat .item .icerik span p { line-height: 24px; height: 75px; }
#temaCat .item .kapsul0 { margin: 0 auto 25px auto; text-align: center; font-size: 16px; }
#temaCat .item .kapsul0 a { position: relative; color: #0982ae; padding-bottom: 3px; }
#temaCat .item .kapsul0 a:hover:after { opacity: 1; transform: translateY(-3px) translateZ(0); transition-delay: .2s; transition-duration: .15s; background: #ffbc00; }
#temaCat .item .kapsul0 a:after { content: ""; height: 1px; left: 0; opacity: 0; pointer-events: none; position: absolute; top: 100%; transform: translateY(1px); transition: all .15s cubic-bezier(.39,.575,.565,1); transition-property: opacity,transform,-webkit-transform; width: 100%; }
#temaCat .item .kapsul0 a:first-child { margin-right: 30px; }
#temaCat .item img { position: absolute; left: 50%; transform: translateX(-50%); bottom: -28px; align-self: center; background: #fdfdfd; border: 4px solid #fff; border-radius: 8px 8px 0 0; box-shadow: 0 20.83px 22.92px rgb(0 0 0 / 34%); height: auto; max-width: 90%; transition: bottom ease .3s; width: 500px; }
#temaCat .item:hover img { bottom: -5px; }
/*************/ /****************/
.prices { margin: 0 auto; text-align: center; padding: 35px; background: #fbfbfb; position: relative; }
.prices .fiyatlar { position: relative; z-index: 10; background: #ade9ff; padding: 5px 66px 5px 20px; color: #555; text-transform: uppercase; font-weight: 600; display: inline-block; line-height: 34px; }
/************/
#temafiyat { background: #fbfbfb; padding: 90px 0; }
#temafiyat .kap { margin: 0 auto; text-align: center; margin-bottom: 35px; }
#temafiyat .kap .title { font-size: 36px; font-weight: 600; color: #000; margin-bottom: 10px; }
#temafiyat .kap .content { font-size: 18px; color: #747474; }
#temafiyat .bir { margin: 0 10px 40px 10px; border: 1px solid #ccc; transition: all 0.4s ease 0s; background: #fff; color: #444; }
#temafiyat .bir .kapsul { }
#temafiyat .bir .kapsul .baslik { font-size: 18px; text-align: center; font-weight: 700; line-height: 25px; padding: 20px 0 0 0; margin: 0; text-transform: uppercase; background: #f5f5f5 none repeat scroll 0 0; color: #333; }
#temafiyat .bir .kapsul .fiyat { font-size: 25px; text-align: center; font-weight: 600; line-height: 25px; padding: 9px 15px 20px 15px; text-transform: uppercase; background: #f5f5f5 none repeat scroll 0 0; color: #1c416c; }
#temafiyat .bir .icerik { }
#temafiyat .bir .icerik ul { list-style: outside none none; margin: 0; }
#temafiyat .bir .icerik ul li { border-bottom: 1px dashed #e2e2e2; color: #666; padding: 22px 15px; position: relative; padding-left: 40px; text-align: left; }
#temafiyat .bir .icerik ul li:after { content: ""; position: absolute; border-right: 2px solid #5c98d2; width: 7px; height: 16px; border-bottom: 2px solid #5c98d2; transform: rotate(45deg); top: 19px; right: 20px; }
#temafiyat .bir .icerik p { font-size: 15px; text-align: center; font-weight: 500; line-height: 25px; text-transform: capitalize; color: rgb(51, 51, 51); padding: 30px 0px 20px; margin: 0; background: rgb(245, 245, 245); }
#temafiyat .bir .detlink { padding: 25px 75px; margin: 0 auto; text-align: center; }
#temafiyat .bir .detlink a { width: fit-content; background-color: #1c416c; color: #a8d9f1; font-size: 15px; line-height: 32px; z-index: 10; height: 42px; position: relative; display: block; padding: 5px 66px 5px 12px; margin: 25px auto; font-weight: 600; }
#temafiyat .bir .detlink a:hover { }
/****************/
#haberDetay { color: #898989; line-height: 25px; }
.haberTepe { background: #efefef; padding: 100px 0 30px 0; font-family: Roboto; font-size: 30px; }
#haberDetay time { margin: 50px 0 20px 0; display: block; }
#haberDetay figure { }
#haberDetay figure img { width: 100%; }
#haberDetay .icerik { border-bottom: solid 3px #d4d4d4; margin-bottom: 30px; }
/*********/
.mobRes { padding: 0 }
/*******/
#katPage a { display: block; margin-bottom: 40px; border-bottom: solid 1px #e5e5e5; padding-bottom: 40px; text-align: center; }
#katPage a figure { overflow: hidden; height: 250px; position: relative; margin: 0 }
#katPage a figure img { height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) }
#katPage strong { font-size: 14px; color: #666; display: block; margin-top: 8px }
/********/
.altSayfaHaber { padding-top: 50px; line-height: 30px; font-size: 16px; }
.altSayfaHaber .bilgiler { padding: 5px 60px 0 0; }
.altSayfaHaber .bilgiler span { display: block; position: relative; margin: 0 0 40px 30px; }
.altSayfaHaber p { margin-bottom: 30px; }
.altSayfaHaber .icerik { min-height: 400px; color: #444; }
.altSayfaHaber .icerik h2 { margin: 20px 0 5px 0; font-size: 23px; }
.altSayfaHaber .icerik h3 { margin: 20px 0 5px 0; font-size: 19px; }
.konum99, .tel99, .mail99 { position: absolute; left: -38px; top: 6px; background: url(/d/ortak.png) no-repeat; display: block; opacity: .3; }
.konum99 { background-position: -367px -422px; width: 15px; height: 21px; }
.tel99 { background-position: -426px -488px; width: 16px; height: 22px; }
.mail99 { background-position: -393px -460px; width: 17px; height: 13px; }
.haberPaylas { padding: 30px 0; }
/****ic menu****/
ul.icMenu { list-style-type: none; padding: 0; width: 100%; padding-right: 15px; }
ul.icMenu .hizli { font-weight: 700; color: #dadada; padding: 10px 0px; font-size: 22px; text-transform: uppercase; letter-spacing: 8px; text-align: center; }
ul.icMenu { position: relative; }
ul.icMenu li a { display: block; font: 400 14px 'Exo',sans-serif; color: #111; padding: 16px; text-decoration: none; background: #f4f3f3; margin-bottom: 3px; letter-spacing: 1px; }
ul.icMenu li a.hover { background-color: #e1e0e0; color: #9c9c9c; }
ul.icMenu li a.active { background: #888; color: #dadada; }
ul.icMenu li a:hover:not(.active) { background-color: #e1e0e0; color: #9c9c9c; }
ul.icMenu2 { width: 250px; float: left; margin-right: 15px; }
ul.icMenu li.kategoriM a { background: #d9d9d9; border-bottom: solid 1px #383838; padding-left: 29px; }
/*****/ /*******/
#kateg { background: #fbfbfb; border-bottom: 1px solid #eee; padding: 15px 0; margin: 0 0 40px 0; }
#kateg h1 { font-weight: 700; font-size: 36px; margin: 0; }
#kateg .katicerik { font-size: 16px; line-height: 1.5em; margin-bottom: 0; color: #a0a0a0; }
/*********/
.anaKaticerik { margin: 0 0 50px; }
.anaKaticerik p { margin-bottom: 20px }
.anaKaticerik h2 { color: #1a4388; font-size: 17px; margin: 30px 0 8px 0; }
.anaKaticerik .kapsul { height: 305px; overflow: hidden; padding: 0 25px 0 0; line-height: 28px; color: #555; font-size: 16px; }
.anaKaticerik a.expand { color: #0171a2; width: 100%; margin: 0 auto; display: block; font-weight: 600; position: relative; text-align: center; }
.anaKaticerik a.expand:before { content: ""; position: absolute; width: 45%; height: 2px; left: 0; background: var(--tema-renk1); top: 10px; }
.anaKaticerik a.expand:after { content: ""; position: absolute; width: 45%; height: 2px; right: 0; background: var(--tema-renk1); top: 10px; }
.anaKaticerik a.expand span { position: relative; padding-right: 20px; }
.anaKaticerik a.expand span:after { content: ""; position: absolute; width: 7px; height: 7px; border-right: 3px solid var(--tema-renk1); border-bottom: 3px solid var(--tema-renk1); rotate: 45deg; right: 1px; top: 3px; }
/*********/
.kategori { margin-top: 45px; min-height: 400px; }
.kategori .item { position: relative; margin: 0 10px 30px 10px; overflow: hidden; display: block; text-align: center; padding: 0 0 20px 0; }
.kategori .item figure { margin-right: 10px; height: 240px; position: relative; overflow: hidden; width: 100%; }
.kategori .item figure img { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 3; max-height: 90%; width: auto; max-width: 80%; }
.kategori .item h2 { margin: 5px 0; color: #444; display: block; }
.kategori .item .ozet { color: #53585c; line-height: 25px; padding-right: 15px }
/*******/
.basvuruDetay h2 { font-size: 18px; color: #333; padding: 15px 0 12px; }
.basvuruDetay .icerik { line-height: 25px; margin-bottom: 40px }
.basvuruDetay .icerik p { margin-bottom: 20px }
.basvuruDetay #video { position: relative; margin-bottom: 40px }
.basvuruDetay #video iframe { border: none; min-height: 400px; width: 100%; }
/*******/
.katTepe { }
.katTepe a { display: block; border: solid 1px #f3f3f3; width: 300px; max-width: 100%; margin: 0 auto 50px auto; text-align: center; padding: 30px 0; background: #f5f5f5; font-size: 16px; letter-spacing: .3px; }
.katTepe a:hover { background: #ddd; }
.flexYap { display: flex; flex-wrap: nowrap }
/*******/
/*********/
#bolumAlt { margin: 50px 0; min-height: 400px }
#bolumAlt .item { margin: 0 10px 90px 10px; }
#bolumAlt .item a.resim { display: block; text-align: center; overflow: hidden; margin: 0 auto; border-radius: 20px; box-shadow: 0px 0px 8px 0 rgba(0, 0, 0,.2); height: 340px; position: relative; }
#bolumAlt .item a.resim img { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) }
#bolumAlt .item h2.metin { min-height: 38px; margin: 5px 0 0 0; }
#bolumAlt .item h2.metin a { color: #272263; font-size: 20px; text-align: center; display: block; transition: all ease .3s; font-weight: 400; background: #fff; padding: 15px 0; }
#bolumAlt .item h2.metin a:hover { opacity: .8 }
#bolumAlt .item h2.metin strong { }
#bolumAlt .item h2.metin figure { height: 256px; overflow: hidden; }
/*******/
/*******/
/******/
iframe { max-width: 100%; }
/***/
/******/
.nedirIcerik { font: 400 15px var(--icerik-fontu); color: #444; min-height: 457px; line-height: 25px; letter-spacing: .2px; background: #fbfbfb; padding-bottom: 75px; }
.nedirIcerik iframe { margin: 30px 0 }
.nedirIcerik p { margin: 0 0 25px 0; }
.nedirIcerik .icerik { line-height: 30px; }
.nedirIcerik h1 { color: #58585a; font-weight: 700; font-size: 24px; margin: 0; border-bottom: 1px solid #dbdbdb; margin-bottom: 20px; height: auto; padding: 0 0 10px 0; }
.nedirIcerik h1 span { display: block; font-size: 14px; font-weight: 700; letter-spacing: 0; color: #6e6e6e; line-height: 13px; }
.nedirIcerik h1 strong { font-weight: 700; color: #c48012; font-size: 22px; }
.nedirIcerik .donanim { margin: 50px 0 10px 0; }
.nedirIcerik .donanim div { width: auto; float: left; margin: 0 0 20px 30px; text-align: center; }
.nedirIcerik .donanim div span { display: block; font-weight: 700; font-size: 14px; color: #002657 }
.nedirIcerik .donanim div em { font-style: normal; font-size: 13px; }
.nedirIcerik .donanim div img { width: 26px; display: inline-block; }
.nedirIcerik h2 { color: #4D4E53; font: 700 20px/30px 'Roboto'; }
.nedirIcerik ul { list-style: disc; margin-left: 30px; }
.nedirIcerik ul li { padding-left: 30px; padding-bottom: 3px; position: relative; line-height: 30px; }
.nedirIcerik .itemN { margin: 10px; max-height: 400px; overflow: hidden; }
.nedirIcerik .itemN img { }
.nedirIcerik figcaption { text-align: center; margin-bottom: 20px; font-weight: 700; font-size: 15px; color: #c1c1c1; }
.nedirIcerik .videoNedir { width: 50%; float: left; padding-right: 20px; position: relative; }
.nedirIcerik .videoNedir iframe { width: 100%; }
.nedirIcerik img { height: auto !important; display: list-item; margin: 0 25px 20px 0; }
/******/
/****/
.altSayfaHaber figure { overflow: hidden; position: relative; width: fit-content; margin: 37px auto; }
.altSayfaHaber figure:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; transition: all .2s; margin: 1rem; border: 2px solid rgba(255,255,255,.5); clip-path: polygon(0 calc(100% - 1rem),0 100%,1rem 100%,1rem 0,0 0,0 1rem,100% 1rem,100% 0,calc(100% - 1rem) 0,calc(100% - 1rem) 100%,100% 100%,100% calc(100% - 1rem)); box-shadow: 1px 1px #fff; }
.altSayfaHaber figure img { margin: 0 auto; }
.altSayfaHaber figure:hover:after { border-color: #fff; -webkit-transform: scale(.9); transform: scale(.9); }
.urunIcerik figure { overflow: hidden; position: relative; width: fit-content; margin: 37px auto; }
.urunIcerik figure:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; transition: all .2s; margin: 1rem; border: 2px solid rgba(255,255,255,.5); clip-path: polygon(0 calc(100% - 1rem),0 100%,1rem 100%,1rem 0,0 0,0 1rem,100% 1rem,100% 0,calc(100% - 1rem) 0,calc(100% - 1rem) 100%,100% 100%,100% calc(100% - 1rem)); box-shadow: 1px 1px #fff; }
.urunIcerik figure img { margin: 0 auto; }
.urunIcerik figure:hover:after { border-color: #fff; -webkit-transform: scale(.9); transform: scale(.9); }
/**********/
/**********/
/********/
/********/
/*******/
#bizAriyalim { background: #41bdd4; padding: 80px 0; }
#bizAriyalim h2 { text-align: center; padding-bottom: 5px; color: #fff; position: relative; font-weight: 800; margin: 0 0 45px 0; font-size: 25px; }
#bizAriyalim h2:after { content: ''; position: absolute; width: 80px; background: #d32a27; height: 3px; top: 110%; left: 50%; transform: translateX(-50%); }
#bizAriyalim input[type=text] { color: #fff; margin-right: 10px; width: 250px; float: left; background: #d32a27; padding: 15px 20px; font-size: 12px; }
#bizAriyalim input[type=text]::placeholder { color: #fff; }
#bizAriyalim .ic { width: 770px; margin: 0 auto; max-width: 100%; }
a#araGonder { float: left; background: #116e7f; color: #fff; padding: 13px 20px; display: block; width: 250px; text-decoration: none; text-align: center; letter-spacing: 2px; font-weight: 800; }
/*******/
nav.icMenu { padding-right: 15px; margin-top: 17px; }
nav.icMenu a { position: relative; display: block; color: #32302e; text-decoration: none; margin-bottom: 3px; font-size: 13px; text-align: center; padding: 15px 0; font-weight: 700; letter-spacing: .7px }
nav.icMenu a:hover { color: #0975b8 }
nav.icMenu a.active { color: #0975b8 }
nav.icMenu a.active:after { content: '\f054'; font: 400 8px fontawesome; position: relative; right: -9px; top: -1px }
/*******/
/********/
/***********/
.fotorama { max-width: 800px; margin: 0 auto }
h1.sayfaMob { display: none }
/********/
/*******/
.yorumYaz { position: relative; padding: 14px 15px; margin: 20px 20px 20px 0; width: 500px; max-width: 100%; background: #ddd; }
.yorumYaz input, .yorumYaz textarea { border-radius: 0; box-shadow: none; background: #fafafa; border: none; padding: 15px 25px 15px 25px; height: 50px; }
.yorumYaz #TBad { width: 48%; margin-right: 2%; float: left; }
.yorumYaz #TBemail { width: 48%; margin-left: 2%; float: left; }
.yorumYaz #TBmesaj { height: 80px; width: 100%; }
.yorumYaz a { display: block; position: absolute; right: 15px; bottom: 0; padding-left: 70px; height: 62px; }
.yorumYaz a strong { background: url('/d/r/sprite.png') no-repeat -1011px -973px; width: 66px; height: 66px; display: block; position: absolute; left: 0; bottom: -4px; }
.yorumYaz a span { display: block; font-weight: 700; letter-spacing: 4px; background: #c7191a; padding: 12px 22px; color: #fff; font-size: 13px; margin: 3px 0 0 0; }
.yorumYaz a:hover { opacity: .7; }
/******/
/***/
/***/
a.dahaFazla { overflow: hidden; height: 30px; line-height: 30px; position: relative; font-size: 11px; letter-spacing: 1px; text-transform: uppercase; box-shadow: 0 1px 3px rgba(0,0,0,.1); padding: 0 18px; border: 1px solid #e0e0e0; border-radius: 2px; text-align: center; color: #212121; background: #fff; margin: 0 auto 30px auto; width: 232px; display: block; }
.dahaFazla:after { content: ""; height: 1px; background: #eee; width: 480px; position: absolute; top: 15px; left: -500px; display: block; z-index: -1; }
.dahaFazla:before { content: ""; height: 1px; background: #eee; width: 480px; position: absolute; top: 15px; right: -500px; display: block; z-index: -1; }
#paging { text-align: center; }
#paging a { display: inline-block; padding: 5px 20px; background: #11ada4; border-radius: 5px; color: #fff; margin: 10px 5px; font-size: 16px; font-weight: 700; }
#paging a.active { background: #283891 }
#etikAll ul li { transition: all 0.4s; display: inline-block; margin: 10px 10px 10px 0; padding: 1px; background: rgba(0,0,0,0.15); opacity: 0.5; -moz-border-radius: 30px; border-radius: 30px; }
#etikAll ul li:hover { transition: all 0.4s; background: #0084ff; }
#etikAll ul li a { text-transform: capitalize; font-size: 12px; font-weight: 400; line-height: 23px; color: #2d3745; background: #ffffff; display: inline-block; padding: 4px 10px; border-radius: 30px; }
#etikAll ul li a:hover { }
/*****blogcategory page******/
/****ic menu****/
ul.icMenu { list-style-type: none; padding: 0; width: 100%; padding-right: 15px; }
ul.icMenu .hizli { font-weight: 700; color: #dadada; padding: 10px 0px; font-size: 19px; text-transform: uppercase; text-align: center; letter-spacing: 1px; }
ul.icMenu li { position: relative; display: contents; }
ul.icMenu li a { color: #111; padding: 16px; text-decoration: none; background: #f4f3f3; margin-bottom: 3px; font-size: 12px; line-height: 19px; display: block; }
ul.icMenu li a.hover { background-color: #e1e0e0; color: #9c9c9c; }
ul.icMenu li a.active { background: #888; color: #dadada; }
ul.icMenu li a:hover:not(.active) { background-color: #e1e0e0; color: #9c9c9c; }
ul.icMenu2 { width: 250px; float: left; margin-right: 15px; }
ul.icMenu li.kategoriM a { background: #ededed; border-bottom: solid 1px #cacaca; padding-left: 18px; }
/****ic menu****/
/***/
.blogAll h2 { margin-bottom: 25px; font-weight: 700; font-style: normal; color: #333; text-transform: uppercase; font-size: 14px; display: block; line-height: 19px; letter-spacing: .5px; }
.blogAll .kapsul { display: flex; flex-wrap: wrap; margin: 0 -20px; }
.blogAll .kapsul a { display: block; width: calc(25% - 20px); border: solid 1px #ddd; margin: 0 10px 40px 10px; }
.blogAll .kapsul a figure { overflow: hidden; }
.blogAll .kapsul a figure img { }
.blogAll .kapsul a h3, .blogAll .kapsul a h2 { text-transform: capitalize; text-align: center; color: #0082b3; margin: 15px 0; font-weight: 700; font-size: 15px; padding: 0 60px; }
.blogAll .kapsul a:hover h3, .blogAll .kapsul a:hover h2 { color: #333; }
.blogAll .kapsul a:hover img { filter: grayscale(1) }
.blogAll .item .link { background: rgba(0,0,0,0.15); padding: 1px; border-radius: 30px; display: inline-block; float: right; }
.blogAll .item .link a { background: #ffffff; padding: 8px 30px; display: inline-block; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; font-size: 14px; font-weight: 700; color: #373d47; }
.blogAll .item .link a:hover { color: #ffffff; transition: all 0.4s; background: rgb(39, 142, 202); }
.blogAll .item .icerik { height: 104px; overflow: hidden; position: relative; margin-bottom: 30px; padding-bottom: 25px; font-size: 14px; }
.blogAll .item .icerik a { color: #555; }
.haberTags { height: 42px; overflow: hidden; }
.haberTags a:nth-child(2n) { color: #fccb1b; }
.haberTags a:nth-child(2n+1) { color: #5c585c; }
.haberTags a:nth-child(2n):hover { color: #000; }
.haberTags a:nth-child(2n+1):hover { color: #444; }
/*******/
.katicerik { padding: 50px 0; line-height: 25px; font-size: 16px; color: #58585a; background: #fbfbfb; }
.katicerik h2 { margin: 25px 0 0 0; }
.katicerik p { margin: 0 0 20px 0; }
.katicerik a { color: blue }
#katVicets, #sonGonderi, #arsiv, #etikAll { font-size: 18px; text-transform: uppercase; position: relative; font-weight: 900; background: #ffffff; margin-bottom: 40px; padding: 30px; border: 2px solid rgba(0,0,0,0.07); border-radius: 5px; overflow: hidden; border-bottom-width: 4px; }
h4.kv-baslik { position: relative; padding-bottom: 19px; font-weight: 800; }
h4.kv-baslik:after { content: ""; position: absolute; bottom: 0; left: 0; width: 50px; height: 1px; background: #00776f; }
.katVicetsBl { margin-top: 80px; }
#katVicets ul li, #arsiv ul li { position: relative; font-size: 14px; line-height: 50px; max-height: 50px; text-transform: uppercase; border-top: 1px solid rgba(0,0,0,0.07); }
#katVicets ul li:first-child, #arsiv ul li:first-child { border: none; }
#katVicets ul li a, #arsiv ul li a { color: #2d3745; font-weight: 700; display: block; }
#katVicets ul li > a:before, #arsiv ul li > a:before { transition: all 0.4s; content: "-"; display: inline-block; font-family: Arial; font-size: 0; font-weight: 400; line-height: 13px; margin-left: -15px; width: 15px; }
#katVicets ul li:hover > a, #arsiv ul li:hover > a { color: #278eca; }
#katVicets ul li:hover > a:before, #arsiv ul li:hover > a:before { font-size: 25px; margin-left: 0; line-height: 18px; }
#katVicets ul li a:hover, #arsiv ul li a:hover { }
#katVicets ul li a span, #arsiv ul li a span { font-size: 12px; font-weight: 700; margin-top: 10px; text-align: center; line-height: 30px; width: 30px; height: 30px; float: right; opacity: 0.5; border-radius: 30px; position: relative; }
#katVicets ul li a span:before, #arsiv ul li a span:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid rgba(0,0,0,0.15); -moz-border-radius: 30px; border-radius: 30px; }
#katVicets ul li:hover > a > span, #arsiv ul li:hover > a > span { color: #ffffff; transition: all 0.4s; background: #278eca; opacity: 1; }
/*****/
#sonGonderi ul li { border-top: 1px solid rgba(0,0,0,0.07); position: relative; text-transform: none; margin-bottom: 30px; min-height: 85px; font-size: 14px; max-height: 50px; padding-left: 80px; }
#sonGonderi ul li:first-child { border-top: none; }
#sonGonderi ul li .resim { position: absolute; top: 25px; left: 0; width: 60px; height: 60px; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden; }
#sonGonderi ul li .resim img { width: 60px; height: 60px; }
#sonGonderi ul li .resim a { position: absolute; top: 0; left: 0; width: 60px; height: 60px; display: block; opacity: 0; }
#sonGonderi ul li .resim a span { position: absolute; top: 0; left: 0; width: 60px; height: 60px; text-align: center; line-height: 60px; font-size: 18px; color: #ffffff; transition: all 0.4s; background: rgba(0,132,255,0.75); border-radius: 50%; }
#sonGonderi ul li h6 { font-size: 13px; padding-top: 20px; margin: 0 0 13px 0; font-weight: 700; color: #2d3745; }
#sonGonderi ul li h6 a { display: block; line-height: 16px; color: #777; font-weight: 700; }
#sonGonderi ul li time { font-size: 13px; color: #cfcfcf; font-weight: 400; }
/*****/
/*******/
/****/
.navig { margin: 60px 0; width: 100%; }
.onceki { position: relative !important; padding-left: 20px; display: block; }
.onceki:After { position: absolute; top: 6px; left: 0; width: 12px; height: 12px; content: ''; margin-left: -5px; border-left: 2px solid #111; border-top: 2px solid #111; transform: rotate( -45deg); box-sizing: border-box; }
.sonraki { text-align: right; position: relative !important; padding-right: 20px; display: block; }
.sonraki:After { position: absolute; top: 6px; right: 0; width: 12px; height: 12px; content: ''; margin-left: -5px; border-right: 2px solid #111; border-bottom: 2px solid #111; transform: rotate( -45deg); box-sizing: border-box; }
.sonr
/****/
/****paylasim****/
.haberPaylas { margin: 20px 0px 60px 0; border-top: 1px dotted #ddd; border-bottom: 1px dotted #ddd; padding-top: 20px; padding-bottom: 20px; }
.haberPaylas div { display: inline-block; vertical-align: middle; margin: 10px 0; }
.haberPaylas .sos { width: 32px; height: 32px; display: inline-block; background-image: url(/d/r/elements.png); background-repeat: no-repeat; margin: 0; }
.haberPaylas .met { display: inline-block; position: relative; padding: 0 9px; border-left: 1px solid rgba(255,255,255,.1); font-weight: 700; line-height: 10px; }
.haberPaylas a { font-size: 11px; color: #fff; height: 32px; border-radius: 3px; margin-left: 10px; display: inline-block; }
.haberPaylas a.faceHaber { background-color: #516eab; }
.haberPaylas a.faceHaber:hover, article .haberPaylas a.twitHaber:hover { color: #fff; opacity: .9; }
.haberPaylas a.faceHaber .sp-facebook { background-position: -20px -20px; }
.haberPaylas a.faceHaber .metin { }
.haberPaylas a.twitHaber { background-color: #29c5f6; }
.haberPaylas a.twitHaber .sp-twitter { background-position: -20px -436px; }
.haberPaylas a.twitHaber .metin { }
.haberPaylas a.linkedHaber { background-color: #0073b0; }
.haberPaylas a.linkedHaber .sp-linked { background-position: -23px -783px; }
.haberPaylas a.linkedHaber .metin { }
.haberPaylas a.linkedHaber { background-color: #0073b0; }
.haberPaylas a.whatsapp { background: #69c701; }
.haberPaylas a.whatsapp .sp-whats { background-position: -20px -736px; }
.haberPaylas a.instagram { background: #517fa6; }
.haberPaylas a.instagram .sp-insta { background-position: -20px -229px; }
li#whats, li#whatsM { }
li#whats a, li#whatsM a { background-color: #69c701; background-position: -20px -736px; background-image: url(/d/r/elements.png); background-repeat: no-repeat; height: 34px; margin: 6px 0 0 14px; color: #fff; font-weight: 400; padding: 9px 8px 6px 32px; }
/***/
/****paylasim****/
.ilgili { margin: 30px 0; padding-bottom: 30px; }
.ilgili .item { display: block; width: calc(25% - 40px); border: solid 1px #ddd; margin: 0 20px; }
.ilgili .item a.res { position: relative; display: block; overflow: hidden; background: #fff; height: 252px; padding-bottom: 6px; }
.ilgili .item a.link { display: block; font-weight: 700; color: #0082b3; font-size: 15px; text-align: center; padding: 10px 40px 20px 40px; }
.ilgili .item:hover a { color: #333; }
.ilgili .item:hover a img { filter: grayscale(1) }
/********/
.altSayfaHaber ul { list-style: disc; margin-left: 40px; }
footer { padding: 45px 0 0 0; position: relative; background: #000000; }
footer:after { content: ""; width: 100%; height: 50px; position: absolute; left: -56px; top: -50px; background: url(/d/r/bg-lines.png) center top; z-index: 6; }
footer table { border: none; color: #ddd; width: 100% !important; padding: 15px; }
footer table tr { }
footer table tr td { border: none; padding: 15px; vertical-align: top; font-weight: 600; line-height: 26px; color: #fff; text-align: left !important; padding: 0; }
footer table tr td:first-child { width: 33% !important; }
footer table tr td:nth-child(2) { width: 33% !important; }
footer table tr td:nth-child(3) { width: 33% !important; }
footer table tr td:nth-child(4) { }
footer table tr td:not(footer table tr td:first-child) p:first-child { color: #fff; font-size: 16px; letter-spacing: .5px; }
footer table p { margin-bottom: 20px; line-height: 22px; font-size: 15px; font-weight: 600; color: #fff; }
footer table p img { margin: 0 auto; }
footer table a,
footer table a:active, footer table a:visited { color: #fff; font-size: 15px; transition: color 350ms ease; font-weight: 500; }
footer table a:hover { color: var(--tema-renk2); }
footer .h2,footer h2 { color: #696868; font-weight: 900; font-size: 19px; display: block; letter-spacing: 1px; margin: 0 0 15px 0; }
footer .satir1 .iki { text-align: right; }
footer .satir1 .iki .adres { line-height: 24px; font-size: 15px; font-weight: 600; color: #fff; width: 300px; margin: 0 0 20px auto; max-width: 100%; }
footer .satir1 .iki a { margin-bottom: 20px; line-height: 22px; font-size: 15px; font-weight: 600; color: #fff; display: inline-block; }
footer .satir2 { padding: 40px 0 30px 0; }
footer .satir2 .bir { font-size: 16px; color: #a2a2a2; font-weight: 600; }
footer .satir2 .iki { text-align: right; color: #828282; font-size: 16px; }
footer .satir2 .iki a { text-align: right; color: #828282; font-size: 16px; font-weight: 600; }
#haberGrubu { position: relative; background: #fff; width: 500px; max-width: 100%; margin: 0 auto; display: flex; }
#haberGrubu:after { content: ''; position: absolute; left: 19px; top: 17px; background: url('/d/r/sprite.png') no-repeat -274px -327px; width: 54px; height: 27px; }
#haberGrubu input { color: #81a3a6; font-size: 13px; font-weight: 300; padding: 24px 20px 24px 88px; border: none; border-top-right-radius: 11px; overflow: hidden; box-shadow: 0 0 80px -10px #000000a6; flex-grow: 1; border-top-left-radius: 25px; }
#haberGrubu button { text-shadow: none; border: none; border-radius: 0px; background-color: #ffd200; right: 0px; top: 0; text-align: center; font-size: 14px; font-weight: bold; color: #fff; padding: 20px 5px; border-top-right-radius: 25px; border-top-left-radius: 11px; width: 125px; flex-shrink: 1; }
#haberGrubu button:active { background-color: #333; color: #fff; }
/******/
#rezKat { margin: 0 auto 60px auto; }
#rezKat .container .item:nth-child(1) { width: 250px; }
#rezKat .kutu { padding: 30px 20px; margin: 0 20px 0 0; border: solid 1px #ddd; }
#rezKat .kutu h1 { font-size: 16px; margin-top: 0px; border-bottom: 1px solid #d9d9d9; padding: 0 0 15px 0; color: #000; text-align: center; }
#rezKat .kutu strong { color: #1c8089; display: block; margin-top: 20px; font: 700 16px Roboto; }
#rezKat .kutu .bilgi { line-height: 22px; margin: 5px 0; font-size: 14px; color: #000; }
#rezKat .kutu .aracAdi { font-size: 20px; font-weight: 700; }
/*******/ /******/
.stickyYap { position: sticky; top: 60px; }
.stickyYap .breadcrumb { float: none; width: 100%; text-align: left; margin: 20px 0 0 0; }
.stickyYap .breadcrumb > li { }
.stickyYap .breadcrumb a { color: #91addb; font-weight: 400; font-size: 12px; }
.stickyYap .breadcrumb > li + li:before { padding: 0 8px; color: #91addb; content: "/\00a0"; font-size: 13px; }
.urunDetay { min-height: 350px; margin-top: 35px; }
.urunDetay .bir { background: #f5f5f5 }
.urunDetay img { height: auto; max-width: 100%; }
.urunDetay .kapsul1 { margin: 10px auto 0 auto; display: flex; }
.urunDetay .kod { color: #929292; font-weight: 400; margin: 15px 0 15px 0; }
.urunDetay .ozet { padding: 20px 0 0; margin: 20px 0 40px 0; font-size: 17px; line-height: 27px; color: #5b5a5a; }
.urunDetay h1 { color: #00bed0; font-size: 27px; margin: 3px 0 10px 0; font-weight: 700; font-family: 'Roboto'; }
.urunDetay .urunBilgileri { position: relative; }
.urunBilgileri .tur { color: #c39a5a; font-size: 18px; margin: 25px 0 0 0; }
.urunBilgileri a.tel { width: 185px; display: block; position: relative; padding: 8px 0 8px 40px; background: #1c8089; border-radius: 20px; margin-right: 25px; padding-right: 10px; color: #fff; font: 700 16px Roboto; float: left; margin-top: 40px; }
.urunBilgileri a.tel:after { background: url('/d/r/sprite.png') no-repeat; content: ''; position: absolute; left: 10px; top: 10px; z-index: 2; background-position: -344px -379px; width: 18px; height: 18px; }
.urunBilgileri ins { background: #ffd200; padding: 7px 20px; border-radius: 15px; color: #4b400d; text-decoration: none; font: 700 18px Roboto; width: 125px; float: left; margin-right: 25px; margin-top: 40px; }
.urunBilgileri .ozet { }
#urunResimleri { margin-right: 20px }
#urunResimleri a { display: block; margin-bottom: 20px; display: none; position: relative; }
#urunResimleri a.coverImg { display: block }
#urunResimleri a.coverImg span { position: absolute; bottom: 10px; left: 10px; z-index: 2; background: #000; padding: 9px 13px; color: #fff; font: 400 14px Roboto; border-radius: 10px; }
#urunResimleri img { width: 100% }
#urunResimleri a:last-child { margin: 0 }
a#urunSayfasiWhatsapp { background: #389e38; color: #fff; font-size: 13px; padding: 15px 35px 15px 20px; display: block; border-radius: 23px; position: relative; width: 185px; margin: 30px 0; }
a#urunSayfasiWhatsapp:after { transition: all ease .3s; content: ''; position: absolute; right: 12px; top: 12px; z-index: 0; background: url(/d/r/whatsappIcon.png) no-repeat; height: 21px; width: 21px; }
a#urunSayfasiWhatsapp:hover:after { transform: rotate(360deg) }
/*******/
.urunDetay .kapsul2 { margin: 50px auto; padding: 10px 0; font: 400 16px Roboto; }
/*******/
.urunilgili { background: #f5f5f5 !important; padding: 40px 0 !important; }
/*******/
#sss { padding: 50px 0; }
#sss h2 { text-align: center; color: #8f003c; letter-spacing: 2px; font-weight: 700; font-size: 22px; margin: 0 0 20px 0; }
#sss .item a { background: #0064b026; position: relative; display: block; color: var(--tema-renk1); font-size: 15px; padding: 13px 21px; margin: 25px 0; border-radius: 22px; }
#sss .item a:after { content: ''; display: inline-block; width: 0; margin-left: 25px; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 6px solid #4b5d72; }
#sss .item a.active:after { content: ''; border-top: initial; border-bottom: 6px solid #4b5d72 }
#sss div.cevap { padding: 5px 21px; font-size: 15px; color: #666 }
/*********/
.blogOklar { margin: 0; }
.blogOklar .left, .blogOklar .right { transition: all ease .2s; top: 225px; width: 30px; height: 30px; background: url(/d/ortak.png); display: block; position: absolute; border-radius: 50%; z-index: 5; }
.blogOklar .left { background-position: -335px -377px; transform: rotate(180deg); left: -50px; }
.blogOklar .right { right: -50px; background-position: -331px -378px; }
.blogOklar .left:hover { bottom: 5px; }
.blogOklar .right:hover { bottom: 5px; }
/*********/
.tedaviOklar { margin: 0; height: 50px; }
.tedaviOklar .left, .tedaviOklar .right { transition: all ease .2s; top: 50%; width: 30px; height: 30px; background: url(/d/ortak.png); display: block; position: absolute; border-radius: 50%; z-index: 5; }
.tedaviOklar .left { background-position: -335px -377px; transform: rotate(180deg); left: -50px; }
.tedaviOklar .right { right: -50px; background-position: -331px -378px; }
.tedaviOklar .left:hover { bottom: 5px; }
.tedaviOklar .right:hover { bottom: 5px; }
#ziyaretOwl { padding: 0 50px; }
.yorumOklar { margin: 0; height: 50px; }
.yorumOklar .left, .yorumOklar .right { transition: all ease .2s; top: 37%; width: 30px; height: 30px; background: url(/d/ortak.png); display: block; position: absolute; border-radius: 50%; z-index: 5; }
.yorumOklar .left { background-position: -335px -377px; transform: rotate(180deg); left: 0; }
.yorumOklar .right { right: 0; background-position: -331px -378px; }
.yorumOklar .left:hover { bottom: 5px; }
.yorumOklar .right:hover { bottom: 5px; }
/******/
/*********/
.yorumYaz { position: relative; padding: 14px 15px; margin: 20px auto; width: 500px; max-width: 100%; background: #07382b; }
.yorumYaz input, #yorumYaz textarea, #yorumYaz select { font-family: arial; border-radius: 0; box-shadow: none; background: #ffffff; border: 1px solid #afafaf; padding: 15px 25px 15px 25px; }
.yorumYaz #TBad { width: 48%; margin-right: 2%; margin-top: 10px }
.yorumYaz label { display: block; margin: 30px 15px 30px 0; float: left }
.yorumYaz select { padding: 10px 10px; margin: 20px 0; }
.yorumYaz #TBemail { width: 48%; margin-left: 2%; float: left; }
.yorumYaz #TBmesaj { margin-top: 25px; height: 150px; width: 100%; padding: 20px; }
.yorumYaz a { display: block; text-align: center; width: 100%; font-weight: 700; letter-spacing: 4px; background: #000000; padding: 13px 0; color: #fff; font-size: 13px; }
.yorumYaz a:hover { opacity: .7; }
/*********/
/******/
#yorumlarDetay { }
#yorumlarDetay h2 { margin: 0 0 20px 0; }
#yorumlarDetay h2 span { display: inline-block }
#yorumlarDetay h2 strong { display: inline-block; font-weight: 400; margin-right: 10px; }
#yorumlarDetay .item { position: relative; border-bottom: solid 1px #000000; padding: 25px; background: #07382b; }
#yorumlarDetay .item > em { font-style: normal; font-size: 28px; margin-right: 20px; color: #777777; background: #e7e7e7; border-radius: 50%; padding: 10px; height: 60px; width: 60px; overflow: hidden; display: block; line-height: 40px; text-align: center; float: left; }
#yorumlarDetay .item > strong { display: block; }
#yorumlarDetay .item > time { background: no-repeat; padding: 0 }
#yorumlarDetay .item .ozet { display: block; margin: 20px 0; font-size: 15px; line-height: 22px; }
#yorumlarDetay .item .ozet ul { list-style: disc; margin-left: 30px; }
.yildizOn { margin: 0 auto; background: url(/d/r/yildiz-pasif.png); width: 100px; height: 16px; display: block; position: absolute; top: 33px; left: 36px; }
.yildizOn span { max-width: 100px !important; position: absolute; left: 0; top: 0; width: 100px; height: 16px; background: url(/d/r/yildiz.png); }
/****/
.blogAll, .blogCat { min-height: 450px; }
.blogCat .kapsul { margin: 0; }
.blogCat .item { padding: 25px; margin: 20px 0; position: relative; background-color: rgba(242,243,243,0.9); }
.blogCat .item time { position: absolute; left: 10px; top: 10px; border-radius: 50%; padding: 13px 8px 0 8px; text-align: center; width: 63px; background: #fff; z-index: 5; height: 63px; }
logCat .item .metin { margin: 10px 0; float: left; width: calc(100% - 230px); }
.blogCat .item h2 { margin: 0; }
.blogCat .item h2 a { margin-bottom: 25px; font-weight: 600; font-style: normal; color: #303030; font-size: 18px; display: block; line-height: 19px; letter-spacing: .5px; }
.blogCat .item h2 a:hover { text-decoration: underline }
.blogSag { padding-left: 30px !important; }
/****/ .blogCat { min-height: 450px; background: #fbfbfb; }
.blogCat h2 { font-size: 22px; }
.blogCat .kapsul { margin: 0; }
.blogCat .item { padding: 25px; margin: 20px 0; position: relative; background-color: rgba(242,243,243,0.9); display: flex; }
.blogCat .item figure { margin-right: 30px; overflow: hidden; width: 268px; height: 122px; display: block; margin-left: auto; margin-right: auto; position: relative; display: block; height: 100%; }
.blogCat .item figure img { }
.blogCat .item time { position: absolute; left: 10px; top: 10px; border-radius: 50%; padding: 13px 8px 0 8px; text-align: center; width: 63px; background: #fff; z-index: 5; height: 63px; }
.blogCat .item time span { position: relative; font-weight: 600; font-size: 12px; display: block; margin-bottom: 2px; text-transform: uppercase; color: #222; }
.blogCat .item time span:after { content: ''; left: 50%; transform: translateX(-50%); bottom: -2px; width: 10px; position: absolute; height: 2px; color: #fff; background-color: #1e73be; }
.blogCat .item time strong { font-size: 20px; display: block; margin-top: 3px }
.blogCat .item .metin { margin: 10px; width: calc(100% - 185px); }
.blogCat .item h3 { font-weight: 600; font-style: normal; color: #303030; font-size: 18px; display: block; line-height: 19px; letter-spacing: .5px; margin: 0 0 10px 0; }
.blogCat .item h3 a:hover { text-decoration: underline }
.blogCat .item .kisaOzet { color: #222; line-height: 25px; }
.blogCat .item a.detayCat { display: block; position: relative; width: fit-content; font-size: 13px; }
.blogCat .item a.detayCat:after { content: ''; position: absolute; right: -11px; top: 6px; width: 0; height: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid #333; }
.blogCat .item a.detayCat:before { background-color: #1e73be; position: absolute; display: block; left: 0; bottom: -5px; width: 0; height: 2px; content: ""; transition: width .4s ease; }
.blogCat .item a.detayCat:hover:before { width: 100%; }
.blogSag { padding-left: 30px; }
.iletBilg { }
.iletBilg div { margin: 0 0 25px 0; }
.iletBilg div span { display: block; font-weight: 600; font-size: 14px; color: #777; margin: 0 0 3px 0; font-family: 'Nunito'; }
.iletBilg div address { display: block; font-weight: 400; font-size: 14px; color: #58585a; margin: 0 0 3px 0; font-style: normal; width: 250px; }
.iletBilg div a { font-size: 15px; font-weight: 400; color: #1a4388; display: block; }
a#whats { width: 134px; position: fixed; left: 15px; bottom: 15px; background-color: #389e38; color: #fff; padding-left: 41px; padding-right: 12px; padding-top: 5px; padding-bottom: 5px; border-radius: 6px; font-size: 14px; line-height: 32px; z-index: 10; height: 42px; display: none; }
a#whats img { left: 8px; top: 9px; position: absolute; }
/*******/
#blogOwl { padding: 0 0; }
.hakkimizda { }
.hakkimizda h2 { margin: 0 0 10px 0; position: relative; color: var(--tema-renk1); font-size: 20px; font-weight: 600; }
.hakkimizda h2:after { display: block; content: ""; position: absolute; background-color: var(--tema-renk2); width: 2px; top: 45px; height: 56px; }
.hakkimizda .baslik { font-weight: 400; line-height: 23px; font-size: 13px; color: #777777; -webkit-line-clamp: 10; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; font-family: var(--baslik-fontu); }
.hakkimizda .baslik p { margin-bottom: 7px }
.hakkimizda .baslik strong { display: block; font-size: 14px; font-weight: 400; padding-left: 25px; margin-bottom: 8px }
.hakkimizda .baslik em { display: block; font-weight: 400; font-size: 15px; line-height: 20px; margin-bottom: 15px; padding-left: 20px; }
.hakkimizda .ozet { line-height: 21px; margin: 0 60px 20px 0; color: #424242; font-size: 14px; padding-left: 60px; }
.hakkimizda .ozet p { margin-bottom: 10px; font-weight: 600; color: var(--tema-renk1); font-family: var(--baslik-fontu); font-size: 18px }
.hakkimizda figure { position: relative; margin-right: 50px; height: 500px; padding: 20px; }
.hakkimizda figure:after { content: ''; position: absolute; height: 396px; width: 440px; background: url(/d/r/zeminFoto.png) no-repeat; z-index: -1; left: -5px; top: -4px; }
.hakkimizda figure img { max-height: 100%; max-width: 100%; }
a.hakkimizdalink { display: inline-block; text-align: center; background: var(--tema-renk2); border-radius: 30px; color: #fff; margin-top: 55px; font-weight: 400; position: relative; padding: 13px 18px 13px 50px; text-transform: uppercase; font-size: 13px; margin-left: 60px; }
span.arti { position: absolute; left: 5px; text-align: center; width: 30px; height: 30px; top: 5px; line-height: 30px; background: #fff; transition: .3s; font-size: 21px; font-weight: 400; color: #3a2c60; border-radius: 100%; }
a.hakkimizdalink:hover { background: var(--tema-renk1); box-shadow: 0px 8px 16px 0px rgba(125, 178, 73, 0.2); color: #fff; }
.hakkimizda ul { }
.hakkimizda ul li { position: relative; padding-left: 18px; width: 100%; line-height: 19px; font-size: 13px; margin-bottom: 13px; color: #444; }
.hakkimizda ul li:after { content: ''; position: absolute; width: 6px; height: 6px; border-radius: 50%; background: #3a2c60; z-index: 5; left: 0; top: 10px; }
/*****************/
/***/
/***/
#formRandevu { color: #646464; padding: 113px 0; background: #f4f4f4; }
#formRandevu .row { display: flex; flex-wrap: wrap; }
#formRandevu .kapsul { width: 600px; margin: 0 auto; max-width: 100%; }
#formRandevu .form { }
#formRandevu h2 { color: #646464; font-weight: 500; position: relative; font-size: 15px; display: inline-block; margin-bottom: 10px; }
#formRandevu h2:after { content: ''; position: absolute; background-color: #292323; width: 95px; height: 1px; top: 12px; left: 80px; }
#formRandevu .ozet { color: var(--tema-renk1); margin: 0 0 21px 0; text-transform: uppercase; font: 600 28px var(--baslik-fontu); position: relative; }
#formRandevu .ozet:after { content: ''; position: absolute; left: 0; width: 59px; height: 5px; background: var(--tema-renk2); bottom: 0; z-index: 0; opacity: .2; }
#formRandevu .detay { line-height: 27px; margin-bottom: 30px; }
#formRandevu .detay p { margin-bottom: 10px }
#formRandevu label { margin-bottom: 10px; color: #646464; display: block; }
#formRandevu input { display: block; width: 100%; font-weight: 400; background-color: #fff; height: 50px; padding: 7px 15px; box-shadow: none; color: #555; border: none; font-size: 15px; appearance: none; border-radius: 8px; }
#formRandevu select { height: 40px; display: block; width: 100%; padding: .375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 40px; color: #212529; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; }
#formRandevu button { display: block; font-weight: 400; line-height: 1.5; text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; background-color: transparent; border: 1px solid transparent; padding: 10px; font-size: 16px; border-radius: .25rem; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,border-color .15s ease-in-out; color: #212529; border-color: #3a2c60; margin: 0 auto; width: 100%; }
#formRandevu .yasal { margin-top: 3rem !important; margin-bottom: 1rem; text-align: center; color: #646464; font-size: 15px; }
#formRandevu a.link { display: inline-block; font-weight: 400; line-height: 1.5; color: #0080ff; text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; user-select: none; background-color: transparent; border: 1px solid transparent; padding: .375rem .75rem; font-size: 14px; border-radius: .25rem; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; margin-top: 5px; }
#formRandevu button:hover { color: #fff; background-color: #3a2c60; border-color: #3a2c60; }
#formRandevu .satir { margin-bottom: 30px; }
#formRandevu .satir50 { }
#formRandevu .satir100 { width: 100%; padding-right: 30px; }
#formRandevu figure { padding: 30px; }
#formRandevu figure img { }
/***/
.cizgidots .swiper-pagination-bullet { width: 25px; height: 3px; background: var(--tema-renk1); opacity: 1; border-radius: initial; margin-right: 12px; }
.cizgidots .swiper-pagination-bullet-active { background: var(--tema-renk2); }
.cizgidots .swiper-pagination { padding: 20px 0; position: relative; bottom: initial; left: initial; text-align: left; }
/*******/
.hareketegec { position: relative; z-index: 2; }
.hareketegec:before { content: ""; border-radius: 3px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; transform: scaleX(0); transform-origin: right center; transition: transform .24s cubic-bezier(.37,.31,.31,.9); background-color: var(--tema-renk2); }
.hareketegec:hover:before { transform: scaleX(1); transform-origin: left center; }
.linkUx { margin: 15px 0; width: fit-content; position: relative; z-index: 10; background: var(--tema-renk1); color: #fff; padding: 10px 35px 10px 15px; font-weight: 300; font-size: 16px; font-family: var(--icerik-fontu); letter-spacing: .5px; border-radius: 4px; margin: 10px 15px 10px 10px; text-transform: lowercase; display: block; }
.linkUx:after { position: absolute; top: 17px; right: 15px; width: 8px; height: 8px; content: ''; border-right: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate( -45deg); box-sizing: border-box; }
/***/
#diger .swiper-button-next { background: var(--tema-renk1); position: absolute; width: 40px; height: 40px; right: 0; border-radius: 50%; margin: 0; top: 0; }
#diger .swiper-button-next:after { position: absolute; width: 12px; height: 12px; content: ''; right: 14px; top: 14px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate( -45deg); box-sizing: border-box; background: no-repeat; }
#diger .swiper-button-prev { position: absolute; width: 40px; height: 40px; right: 52px; background: var(--tema-renk2); border-radius: 50%; left: initial; z-index: 10; opacity: .6; margin: 0; top: 0; }
#diger .swiper-button-prev:after { position: absolute; width: 12px; height: 12px; content: ''; left: 17px; top: 14px; border-left: 2px solid #fff; border-top: 2px solid #fff; transform: rotate( -45deg); box-sizing: border-box; background: no-repeat; }
#diger .swiper-button-next:hover:after { border-bottom-width: 3px; border-right-width: 3px; }
#diger .swiper-button-prev:hover:after { border-top-width: 3px; border-left-width: 3px; }
#diger { padding: 55px 0px 0 0; position: relative; background: linear-gradient( 90deg, #0092d857 33%, #f4f4f4 33%); }
#diger .title { color: var(--tema-renk1); margin: 0 0 21px 0; text-transform: uppercase; font: 600 28px var(--baslik-fontu); position: relative; }
#diger .title:after { content: ''; position: absolute; left: 0; width: 59px; height: 5px; background: var(--tema-renk2); bottom: 0; z-index: 0; opacity: .2; }
#diger .title span { color: var(--tema-renk2); }
#diger .summary { }
#diger .kapsul { padding-left: calc((100% - 1170px) / 2); margin-top: 45px; }
#diger .kapsul:after { content: ''; position: absolute; left: -44px; width: 88px; height: 88px; background: url(/d/r/noktalar.png) no-repeat; top: 90px; z-index: 1; opacity: .2; }
#diger .item { box-shadow: 3px 3px 20px -5px #00000033; background: #ffffff; display: block; border-radius: 4px; height: auto; }
#diger .item .metin { position: relative; padding: 14px 10px; color: #000; font-size: 15px; line-height: 20px; }
#diger .item figure { overflow: hidden; position: relative; }
#diger .item figure:before { content: ''; border: solid 8px #000; position: absolute; left: 0; top: 0; bottom: 0; right: 0; x: 9; opacity: .3; z-index: 3; transition: opacity ease .3s; }
#diger .item figure:after { content: ''; border: solid 1px #fff; position: absolute; left: 8px; top: 8px; bottom: 8px; right: 8px; z-index: 9; opacity: .5; transition: opacity ease .3s; }
#diger .item figure img { transition: transform ease .3s; }
#diger .item:hover figure img { transform: scale(1.1) }
#diger .item .ozet { -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; color: #444; font-size: 14px; }
#diger .item .metin h2 { }
#diger .item .metin .more { margin: 45px 0 0 0; display: inline-block; color: var(--tema-renk2); }
#diger .swiper-pagination { text-align: right; }
/***/
#kitle { padding: 117px 0; position: relative; }
#kitle .title { color: var(--tema-renk1); margin: 0 0 21px 0; text-transform: uppercase; font: 600 28px var(--baslik-fontu); position: relative; }
#kitle .title:after { content: ''; position: absolute; left: 0; width: 59px; height: 5px; background: var(--tema-renk2); bottom: 0; z-index: -1; opacity: .2; }
#kitle .subtitle { margin: 0 0 46px 0; color: #555; line-height: 26px; }
#kitle:after { content: ''; position: absolute; right: 38px; width: 88px; height: 88px; background: url(/d/r/noktalar.png) no-repeat; top: 72px; z-index: -1; opacity: .2; }
#kitle:before { content: ''; position: absolute; left: 38px; width: 88px; height: 88px; background: url(/d/r/noktalar.png) no-repeat; bottom: 72px; z-index: -1; opacity: .2; }
#kitle .item { display: flex; width: 33.33%; background: #fff; border: solid 1px #ddd; padding: 41px 66px 27px 30px; }
#kitle .item:nth-child(2) { border-right: none; border-left: none; }
#kitle .item:nth-child(4) { border-top: none }
#kitle .item:nth-child(5) { border-top: none; border-right: none; border-left: none; }
#kitle .item:nth-child(6) { border-top: none }
#kitle .item figure { flex-shrink: 0; margin-right: 18px; position: relative; padding: 15px 10px; }
#kitle .item figure:after { content: ''; position: absolute; left: 0; height: 86px; width: 19px; background: var(--tema-renk1); top: 0; z-index: 0; opacity: .4; }
#kitle .item figure img { }
#kitle .item .metin { font-size: 14px; }
#kitle .item .metin .title { font-weight: 600; font-size: 17px; display: inline-block; }
#kitle .item .metin .ozet { margin: 10px 0 0 0; font-weight: 400; line-height: 26px; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; font-size: 15px; }
#kitle h2 { color: #3a2c60; text-transform: uppercase; font-size: 30px; margin: 0 0 30px 0; }
#kitle .item .metin a { margin: 15px 0 0 0; display: inline-block; color: var(--tema-renk2); }
#katdamla .item { display: flex; margin-bottom: 60px; width: 50%; position: relative; padding-left: 83px; }
#katdamla .item .text { width: calc(100% - 64px); }
#katdamla .item figure { width: 84px; padding-right: 20px; }
#katdamla .item figure img { width: 64px; height: auto; }
#katdamla .item h2 { margin: 0 0 10px 0; color: #000; font-size: 20px; font-weight: 500; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; }
#katdamla .item .ozet { font-size: 14px; margin: 0; color: #555; font-weight: 400; line-height: 22px; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; margin-right: 50px; }
#katdamla .item a.more { position: relative; font-size: 13px; font-weight: 400; text-transform: capitalize; color: var(--tema-renk2); display: inline-block; transition: color ease .3s; margin: 15px 0 0 0; }
/*******/
#blogAna { padding: 75px 0; position: relative; background: #fafafa; }
#blogAna .h2 { color: #333333; margin: 0; }
#blogAna .bilgi { color: #666666; font-size: 16px; line-height: 1.6em; font-weight: 300; border-left: 3px solid var(--tema-renk1); margin-top: 25px; margin: 10px 0 25px 0; padding-left: 25px; width: 350px; max-width: 100%; }
#blogAna .bir { display: flex; margin: 0 20px 0 -10px; }
#blogAna .bir .item { margin: 0 10px; width: calc(50% - 20px); background: #fff; padding: 0 0 20px 0; box-shadow: 0px 0px 8px 0px rgb(0 0 0 / 3%); }
#blogAna .bir .item .h3 { line-height: 22px; margin: 13px 0 10px 0; padding: 0 15px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; }
#blogAna .bir .item .yer { padding: 0 15px; margin-bottom: 8px; }
#blogAna .bir .item .ozet { padding: 0 15px; color: #333; line-height: 22px; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; }
#blogAna .bir .item figure { }
#blogAna .bir .item figure img { }
#blogAna .iki { background-color: #fff; border: 1px solid #fff; border-radius: 2px; min-height: 20px; box-shadow: 0px 0px 8px 0px rgb(0 0 0 / 3%); padding: 25px 20px !important; }
#blogAna .iki .item { display: flex; margin-bottom: 20px; }
#blogAna .iki .item .resimcover { width: 80px; margin-right: 20px; }
#blogAna .iki .item figure { }
#blogAna .iki .item figure img { }
#blogAna .iki .item .metin { width: calc(100% - 100px) }
#blogAna .iki .item .h3 { color: #252525; font-weight: 600; font-size: 14px !important; line-height: 22px; margin-bottom: 2px; overflow: hidden; white-space: nowrap; }
#blogAna .iki .item .yer { font-size: 12px !important; color: #7a7a7a; padding-left: 0px; }
#blogAna .bir .item a, #blogAna .iki .item a { position: absolute; z-index: 9; left: 0; top: 0; width: 100%; height: 100%; }
#blogAna .bir .item:hover .h3 { color: var(--tema-renk2) }
#blogAna .iki .item:hover .h3 { color: var(--tema-renk2) }
/*******/
#altmetin { line-height: 25px; font-size: 14px; color: #333; margin: 50px 0; }
#altmetin p { margin-bottom: 20px }
#altmetin h2 { padding-bottom: 5px; margin: 0 0 5px 0; font-weight: 100; color: #333; font-size: 28px; }
.aspect-ratio { padding-bottom: 56.25%; height: 0; position: relative; }
.aspect-ratio-4-3 { padding-bottom: 75%; height: 0; position: relative; }
.aspect-ratio img, .aspect-ratio-4-3 img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2 }
#hakkimizda { padding: 75px 0; background: #fbfbfb; }
#hakkimizda .title { color: var(--tema-renk1); margin: 0 0 21px 0; text-transform: uppercase; font: 600 28px var(--baslik-fontu); position: relative; }
#hakkimizda .title:after { content: ''; position: absolute; left: 0; width: 59px; height: 5px; background: var(--tema-renk2); bottom: 0; z-index: -1; opacity: .2; }
#hakkimizda .subtitle { margin: 0 0 46px 0; color: #555; line-height: 26px; }
#hakkimizda a.link { position: absolute; right: 0; top: 0; padding: 10px 30px 10px 15px; font-size: 14px; border-radius: 4px; color: #fff; }
#hakkimizda a.link:hover { color: #fff }
#hakkimizda figure { height: 100%; display: block; margin: -72px 0 0 0; }
#hakkimizda figure img { height: auto; width: 100%; }
#hakkimizda .metin { }
#hakkimizda .metin .item { width: calc(50% - 25px); margin: 0 25px 25px 0; }
#hakkimizda .metin .item .sayi { font-size: 26px; color: var(--tema-renk2); margin: 0 0 14px 0; }
#hakkimizda .metin .item .baslik { color: #000; font-size: 18px; margin: 0 0 7px 0; }
#hakkimizda .metin .item .ozet { font-size: 15px; color: #666; line-height: 22px; }
/***/
#hizmetler { padding: 100px 0; }
#hizmetler .metin { margin: 0 0 34px 0; max-width: 100%; text-align: center; }
#hizmetler .metin .title { color: var(--tema-renk1); font-size: 15px; position: relative; line-height: 26px; font-weight: 500; text-transform: uppercase; }
#hizmetler .metin .subtitle { color: #333; line-height: 27px; font-size: 28px; -webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; font-weight: 400; font-family: var(--baslik-fontu); }
#hizmetler .metin .subtitle strong { display: block; margin-bottom: 30px; color: #111; }
#hizmetler .item figure { width: 70px; height: 70px; margin: 0 auto; border-radius: 50%; padding: 16px 0; transition: background-color ease .5s; background-color: transparent; box-shadow: 2px 3px 20px 0px #00000040; }
#hizmetler .item figure img { display: inline-block; width: 38px; height: 38px; }
#hizmetler .item h2 { font-family: var(--icerik-fontu); line-height: 20px; color: #111; font-size: 18px; width: 150px; margin: 21px auto 10px auto; font-weight: 500; }
#hizmetler .item .ozet { color: #555; font-size: 15px; }
#hizmetler .item { width: calc(33% - 60px); position: relative; overflow: hidden; margin: 0 30px; text-align: center; padding: 54px 10px 65px 10px; cursor: pointer; border-radius: 7px; transition: box-shadow ease .3s,border-bottom ease .3s,background-color ease .3s; border-bottom: 8px solid transparent; }
#hizmetler .item:hover { border-bottom: 8px solid var(--tema-renk1) !important; box-shadow: 2px 3px 20px 0px #00000054; }
#hizmetler .item.active { border-bottom: 8px solid #0000009c; box-shadow: 2px 3px 20px 0px #00000040; }
#hizmetler .item:hover figure { background-color: var(--tema-renk1); }
#hizmetler .item:hover figure img { filter: invert(1) }
/***/
#testimonial { position: relative; margin: 75px 0; display: none; }
#testimonial:before { content: ""; background: url(/d/r/testimonialbg.jpg); position: absolute; width: 100%; height: 100%; filter: brightness(0.3); max-width: 100%; }
#testimonial .kapsul { padding: 25px 0; text-align: center; }
#testimonial .kapsul .baslik { color: #0b1234; font-size: 26px; line-height: 26px; margin: 0 0 15px 0; font-weight: 400; font-family: var(--baslik-fontu); text-transform: capitalize; }
#testimonial .kapsul .subtitle { font-weight: 600; color: #000000; line-height: 25px; font-size: 32px; padding: 15px 0; max-width: 100%; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; }
#testimonial .kapsul .content { width: 55%; position: relative; left: 22%; }
#testimonial .swiper-pagination { position: relative; }
#yorumlar { }
#yorumlar .bir { border-radius: 10px; padding: 100px 43px 40px 52px; box-shadow: 0px 4px 6px 4px #00000030; margin: 0 auto; z-index: 121; background: var(--tema-renk2); width: 550px; text-align: center; max-width: 100%; margin-top: 75px; position: relative; }
#yorumlar .bir address { text-align: center; }
#yorumlar .bir:before { content: ""; background: url(/d/r/quato.png); width: 64px; height: 64px; position: absolute; top: 39px; left: 50%; transform: translateX(-50%); }
#yorumlar .bir .icerik { padding: 20px 0; color: #ffffff; font-size: 16px; font-weight: 400; line-height: 28px; text-align: center; letter-spacing: 0.5px; }
#yorumlar .bir .kisi { font-style: normal; font-size: 20px; font-weight: 600; color: #1e1e1e; }
#yorumlar .bir .locate { font-style: normal; font-weight: 400; font-size: 16px; color: #404040; }
#yorumlar .iki { }
#yorumlar .iki figure { }
#yorumlar .iki figure img { border-radius: 15px; }
#yorumlar .swiper-pagination-bullet-active { background: var(--tema-renk2); }
#yorumlar .swiper-pagination-bullet { width: 33px; height: 3px; margin: 45px 0 0 10px; border-radius: 0; }
/***/
#hizmetfiyat { margin: 90px 0; position: relative; }
#hizmetfiyat .kapsul { text-align: center; margin-bottom: 30px; }
#hizmetfiyat .kapsul h2 { font-size: 32px; font-weight: 600; color: var(--tema-renk1); margin-bottom: 10px; }
#hizmetfiyat .kapsul h2 em { font-style: normal; color: var(--tema-renk2); }
#hizmetfiyat .kapsul .subtite { font-size: 17px; color: var(--tema-renk3); margin: 0 auto; max-width: 100%; width: 600px; line-height: 25px; }
#hizmetfiyat .hizmetfiyatic { position: relative; margin-left: 25px; }
#hizmetfiyat .active { margin-top: -10px; z-index: 10000; max-width: 100%; }
#hizmetfiyat .item { position: absolute; text-align: center; z-index: 9; top: 45px; left: 45px; }
#hizmetfiyat figure { position: relative; }
#hizmetfiyat figure:before { content: ""; background: #2a1e16; width: 100%; height: 100%; position: absolute; z-index: 1; opacity: 0.8; display: block; }
#hizmetfiyat figure img { position: relative; width: 100%; height: auto; }
#hizmetfiyat .item .fiyat { font-size: 85px; font-weight: 600; color: #fff; margin-bottom: -14px; }
#hizmetfiyat .item .fiyatalt { font-size: 16px; color: var(--tema-renk3); font-weight: 400; margin-bottom: 20px; }
#hizmetfiyat .item .baslik { font-size: 22px; font-weight: 600; color: var(--tema-renk2); }
#hizmetfiyat .icerik { background: #f4f4f4; }
#hizmetfiyat .icerik ul { text-align: center; color: #000; font-size: 15px; font-weight: 400; }
#hizmetfiyat .icerik ul li { padding: 20px 25px; height: 65px; }
#hizmetfiyat .icerik ul > li:nth-child(odd) { background: #fdfdfd }
#hizmetfiyat .link0 { background: var(--tema-renk1); padding: 5px 66px 5px 20px; color: #fff; line-height: 34px; display: block; margin: 0 auto 10px auto; font-size: 17px; width: fit-content; }
#hizmetfiyat .link0 span { }
#hizmetfiyat .link0 span:hover { }
#hizmetfiyat .swiper-container { overflow: initial; }
/***/
#rakamlar { background: var(--tema-renk1); padding: 60px 0; }
#rakamlar .bilgi0 { margin: 0 0 0 25px; }
#rakamlar .bilgi0 figure { margin-right: 25px; }
#rakamlar .bilgi0 .icerik { font-size: 39px; font-weight: 600; color: #fff; }
#rakamlar .bilgi0 .baslik { font-size: 16px; font-weight: 600; color: #fff; text-transform: uppercase; }
/**********/
#hakkımdaPerson { height: auto; overflow: hidden; top: 0; position: absolute; right: 0; width: auto; }
.nedirIcerik .cl5:after { content: ''; left: 10px; right: 10px; top: 10px; bottom: 30px; position: absolute; background: transparent; border: solid 4px #ffffff94; z-index: 5; width: 90%; }
.nedirIcerik .cl5:hover #socialPersona { opacity: 1; color: #0000007a }
#socialPersona { opacity: 0; position: absolute; bottom: 10%; left: 14px; right: 10px; height: 53px; background: #ccc; z-index: 99; padding: 5px 10px; width: 90%; }
#socialPersona .a.mail { position: relative }
#socialPersona a.mail:after { content: ""; position: absolute; background: url(/d/r/mailPerson.png); top: 20%; left: 75px; width: 41px; height: 36px; }
#socialPersona .a.inst { position: relative }
#socialPersona a.inst:after { content: ""; position: absolute; background: url(/d/r/instagramPersona.png); top: 10px; left: 145px; width: 39px; height: 36px; }
#socialPersona .a.face { position: relative }
#socialPersona a.face:after { content: ""; position: absolute; background: url(/d/r/facePerson.png); top: 10px; left: 215px; width: 39px; height: 36px; }
#socialPersona .a.twit { position: relative }
#socialPersona a.twit:after { content: ""; position: absolute; background: url(/d/r/twitPerson.png); top: 10px; left: 285px; width: 39px; height: 36px; }
#socialPersona .a.linked { position: relative }
#socialPersona a.linked:after { content: ""; position: absolute; background: url(/d/r/linkedPerson.png); top: 10px; left: 355px; width: 39px; height: 36px; }
/**************/
#sabittel { position: fixed; right: 0; bottom: 10px; color: #fff; z-index: 100; }
#sabittel li { display: block; }
#sabittel li .zemin { display: block; width: 63px; height: 65px; position: relative; }
#sabittel li .zemin:after { content: ''; position: absolute; top: 15px; z-index: 3; left: 18px; }
#sabittel li.bir .zemin { background: #6cd284; border-radius: 35px 0 0 35px; right: 0; border: solid 1px #fff; }
#sabittel li.bir .zemin:after { background: url(/d/r/whatsappana.png); width: 32px; height: 33px; }
#sabittel li.iki .zemin:after { background: url(/d/r/phoneanabeyaz.png); width: 26px; height: 26px; top: 18px; left: 19px; }
#sabittel li.bir a:hover span { padding: 15px 60px 15px 17px; width: 202px; height: initial; }
#sabittel li.iki .zemin { background: #41a69b; border-radius: 0 0 35px 35px; right: 0; }
#sabittel li.iki a:hover span { padding: 15px 60px 15px 17px; width: 202px; height: initial; }
#sabittel li a span { white-space: nowrap; position: absolute; right: 6px; top: 9px; background: #ffffff; border-radius: 23px; color: #000; z-index: 15; font-size: 15px; width: 0; height: 0; overflow: hidden; padding: 0; transition: width ease .3s; }
#sabittel li.bir span { right: 8px; top: 11px; }
#sabittel li a span:after { content: ''; position: absolute; z-index: 5; }
#sabittel li.bir span:after { background: url(/d/r/whatsappanayesil.png) no-repeat 9px 9px #fff; width: 47px; height: 47px; top: -2px; right: 0; border-radius: 50%; }
#sabittel li.iki span:after { background: url(/d/r/phoneana.png) no-repeat 9px 9px #ffffff; width: 47px; height: 47px; top: 0; right: 0; border-radius: 50%; }
/**************/
#slideralti { position: relative; background: #fff; z-index: 7; margin: 40px 0 0; }
#slideralti h1 { position: relative; z-index: 99; color: var(--tema-renk1); }
#slideralti .title { color: #2f3d52; font-size: 36px; font-weight: 900; line-height: 46px; position: relative; z-index: 10; background-color: #000; background-image: linear-gradient(to right, #6771e6 20%, #47509a 40%); background-size: 200% auto; -webkit-background-clip: text; -moz-background-clip: text; -webkit-text-fill-color: transparent; -moz-text-fill-color: transparent; }
#slideralti .subtitle { margin: 40px 0 100px 0; line-height: 23px; color: #9f9f9f; position: relative; z-index: 10; font-size: 16px; font-weight: 500; }
#slideralti a.link { position: relative; z-index: 10; background: #e1e1e1; color: #9f9f9f; text-transform: uppercase; font-weight: 600; line-height: 34px; border-radius: 5px; width: 225px; height: 55px; display: flex; justify-content: center; align-items: center; font-size: 16px; margin-bottom: 100px; }
#slideralti img { margin: 0 auto; height: 100%; }
#slideralti .item { padding-top: 90px; }
#slideralti figure { height: 100%; }
#mesaj1 { position: absolute; top: 50px; right: 28%; background: #dde9f2; z-index: 99; padding: 21px 17px 21px 66px; }
#mesaj1:before { content: ""; position: absolute; width: 55px; height: 55px; background: #fbfbfb; left: 5px; top: 3px; border-radius: 50%; }
#mesaj1:after { content: ""; position: absolute; width: 32px; height: 32px; background: url(http://www.sitenburada.com/d/r/100-musteri.png);; left: 16px; top: 15px; }
#mesaj2 { position: absolute; bottom: 150px; right: 5%; background: #cdbeba; padding: 21px 15px 21px 66px; z-index: 99; }
#mesaj2:before { content: ""; position: absolute; width: 55px; height: 55px; background: #fbfbfb; left: 5px; top: 3px; border-radius: 50%; }
#mesaj2:after { content: ""; position: absolute; width: 32px; height: 32px; background: url(http://www.sitenburada.com/d/r/ads.png);; left: 16px; top: 15px; }
#mesaj3 { position: absolute; bottom: 43px; right: 30%; background: #f3e1da; padding: 21px 15px 21px 66px; z-index: 99; }
#mesaj3:before { content: ""; position: absolute; width: 55px; height: 55px; background: #fbfbfb; left: 5px; top: 3px; border-radius: 50%; }
#mesaj3:after { content: ""; position: absolute; width: 32px; height: 32px; background: url(http://www.sitenburada.com/d/r/analitik.png);; left: 16px; top: 15px; }
/*********/
#premiumweb { background: #2902d8; position: relative; }
#premiumweb figure { flex-shrink: 0; }
#premiumweb figure img { }
#premiumweb .icerik { padding-top: 85px; text-align: right; position: absolute; top: 0; right: 0; }
#premiumweb .icerik .subtitle { margin-bottom: 35px; font-size: 44px; font-weight: 900; color: #000000; }
#premiumweb .icerik .subtitle p { background: #d2fc00; width: fit-content; margin: 0 0 0 auto; padding: 0 16px; }
#premiumweb .icerik .content { font-size: 24px; width: 425px; margin: 0 0 0 auto; max-width: 100%; color: #d3fc00; }
#premiumweb .icerik .content em { color: #ffff; font-weight: 600; }
#premiumweb .icerik .links { margin-top: 83px; }
#premiumweb .icerik .links a { font-size: 16px; color: #000000; background: #d3fc00; padding: 18px 60px; border-radius: 5px; font-weight: 900; }
#premiumweb .icerik .links a:nth-child(2) { padding: 18px 46px; margin-left: 30px; }
/**********/
/*********/
#haberweb { }
#haberweb .item { background: #fc004d; border-radius: 24px; position: relative; }
#haberweb .item figure { position: absolute; top: 0; left: 0; bottom: 0; }
#haberweb .item figure img { height: 100%; }
#haberweb .icerik { padding: 55px 65px; }
#haberweb .icerik .title { font-size: 36px; font-weight: 900; color: #fff; text-align: right; width: 405px; margin: 0 0 40px auto; max-width: 100%; }
#haberweb .icerik .content { font-size: 14px; width: 404px; text-align: right; color: #f1f1f1; line-height: 25px; margin: 0 0 45px auto; max-width: 100%; }
#haberweb .icerik .subtitle { font-size: 24px; font-weight: 600; color: #000; }
#haberweb a.link { position: relative; z-index: 10; background: #b40b3f; padding: 3px 29px; color: #fc004d; text-transform: uppercase; font-weight: 600; line-height: 34px; margin: 0 0 0 auto; width: 193px; height: 40px; display: block; border-radius: 13px; }
/*******/
.seoneler { margin-bottom: 75px; color: #333; }
.seoneler .baslik { text-align: center; font-size: 28px; font-weight: 600; color: #000; }
.seoneler .icerik { font-size: 16px; line-height: 30px; }
.seoneler .icerik h2 { font-size: 24px; font-weight: 600; margin: 25px 0 0 0; }
.seoneler .icerik p { margin-bottom: 20px; }
/***********/
.adspaket, .seopaket { background: #f2f2f2; padding: 35px 0; }
.adspaket .title, .seopaket .title { margin: 25px auto; text-align: center; font-size: 28px; font-weight: 600; color: #000; }
.adspaket .anaKat, .seopaket .anaKat { width: 32%; margin-bottom: 35px; background: #fff; }
.adspaket .item, .seopaket .item { }
.adspaket .item .baslik, .seopaket .item .baslik { text-align: center; margin: 0 auto; background: var(--tema-renk2); padding: 30px 0; color: #000; font-size: 18px; font-weight: 600; }
.adspaket .item .fiyat, .seopaket .item .fiyat { text-align: center; font-size: 32px; font-weight: 600; color: #000; padding: 0; margin-top: 25px; }
.adspaket .item .vergi, .seopaket .item .vergi { text-align: center; font-size: 16px; }
.adspaket .item .ozet, .seopaket .item .ozet { padding: 0 20px; }
.adspaket .item .ozet h3, .seopaket .item .ozet h3 { font-size: 18px; font-weight: 600; color: #000; margin: 25px 0 0 0; }
.adspaket .item .ozet ul, .seopaket .item .ozet ul { }
.adspaket .item .ozet ul li, .seopaket .item .ozet ul li { font-size: 15px; color: #000; padding: 20px 5px 20px 35px; border-bottom: 1px solid #e8e8e8; position: relative; }
.adspaket .item .ozet ul li:before, .seopaket .item .ozet ul li:before { content: ""; position: absolute; width: 21px; height: 21px; background: #61ce70; border-radius: 50%; left: 0; top: 18px; }
.adspaket .item .ozet ul li:after, .seopaket .item .ozet ul li:after { content: ""; position: absolute; width: 4px; height: 9px; border-bottom: 2px solid #fff; border-right: 2px solid #fff; left: 8px; transform: rotate(45deg); top: 22px; }
.adspaket .item .ozet ul li em, .seopaket .item .ozet ul li em { position: relative; font-style: normal; width: 100%; display: block; }
.adspaket .item .ozet ul li em:before, .seopaket .item .ozet ul li em:before { content: ""; position: absolute; width: 21px; height: 21px; background: #ff0000; border-radius: 50%; left: -35px; z-index: 9; top: -2px; }
.adspaket .item .ozet ul li em:after, .seopaket .item .ozet ul li em:after { content: "X"; position: absolute; width: 6px; left: -29px; top: -2px; color: #fff; z-index: 15; font-size: 15px; font-weight: 600; }
.adspaket .metin { text-align: center; font-size: 18px; color: #000; line-height: 26px; }
/***********/
.seohertur { padding: 0 0 75px; background: var(--tema-renk1); }
.seohertur svg { width: calc(40% + 1.3px); height: 44px; position: relative; left: 50%; display: block; transform: translateX(-50%); margin-bottom: 41px; fill: #f2f2f2; top: -3px; }
.seohertur .metin { color: #fff; text-align: center; }
.seohertur .metin .baslik { font-size: 28px; width: 650px; text-align: center; margin: 0 auto 30px; line-height: 35px; max-width: 100%; }
.seohertur .metin .icerik { font-size: 16px; line-height: 30px; }
.seohertur .metin .icerik p { margin-bottom: 22px; }
/******************/
.seoicerir { padding: 75px 0; background: #fff; }
.seoicerir .title { margin: 0 auto 20px; text-align: center; font-size: 28px; font-weight: 600; color: #000; }
.seoicerir .item { width: calc(33% - 20px); margin: 10px; background: #fff; border-radius: 10px; padding: 0 15px; box-shadow: 0px 7px 20px 0px rgb(0 0 0 / 10%); }
.seoicerir .item figure { margin: 0 -15px; }
.seoicerir .item figure img { width: 100%; }
.seoicerir .item .baslik { text-align: center; font-size: 22px; font-weight: 400; color: #000; margin: 15px 0 7px 0; }
.seoicerir .item .ozet { text-align: center; font-size: 18px; line-height: 30px; margin: 0 auto 20px; }
/*******/
.seomaliyet { margin-top: 75px; }
.seomaliyet .kat1 { margin-bottom: 30px; }
.seomaliyet .kat1 .baslik { text-align: center; font-size: 28px; font-weight: 600; color: #000; margin-bottom: 20px; }
.seomaliyet .kat1 .icerik { width: 50%; font-size: 16px; line-height: 30px; }
.seomaliyet .kat1 .icerik p { margin: 25px 0; }
.seomaliyet .kat1 figure { max-width: 596px; padding: 0 70px; }
.seomaliyet .kat1 figure img { }
.seomaliyet .kat2 { display: block; background: var(--tema-renk1); padding-bottom: 30px; }
.seomaliyet svg { width: calc(40% + 1.3px); height: 44px; position: relative; left: 50%; display: block; transform: translateX(-50%); margin-bottom: 41px; fill: #ffffff; top: -3px; }
.seomaliyet .kat2 .content { }
.seomaliyet .kat2 .content h2 { color: #fff; text-align: center; font-size: 28px; margin: 0 0 27px; font-weight: 600; }
.seomaliyet .kat2 .content p { color: #fff; font-size: 16px; line-height: 30px; text-align: center; }
/***********/
.seoone { padding: 75px 0; }
.seoone .row { justify-content: space-evenly; }
.seoone .kapsul { text-align: center; margin-bottom: 30px; }
.seoone .kapsul .title { font-size: 28px; font-weight: 600; color: #000; margin-bottom: 10px; }
.seoone .kapsul .subtitle { font-size: 28px; font-weight: 600; color: #000; margin-bottom: 15px; }
.seoone .kapsul .content { font-size: 18px; line-height: 28px; }
.seoone .item { width: calc(50% - 20px); margin: 10px; background: #fff; border-radius: 10px; padding: 0 15px; box-shadow: 0px 7px 20px 0px rgb(0 0 0 / 10%); }
.seoone .item:nth-child(3) { width: 100%; }
.seoone .item:last-child { width: 100%; }
.seoone .item figure { max-width: 225px; margin: 0 auto; }
.seoone .item figure img { height: 150px; width: auto; margin: 0 auto; }
.seoone .item .baslik { text-align: center; font-size: 22px; font-weight: 400; color: #000; margin: 20px 0 10px 0; }
.seoone .item .ozet { text-align: center; font-size: 18px; line-height: 30px; margin: 0 auto 20px; }
/**************/
.seooff { margin: 75px 0; }
.seooff .kapsul { text-align: center; margin-bottom: 30px; }
.seooff .kapsul .title { font-size: 28px; font-weight: 600; color: #000; margin-bottom: 10px; }
.seooff .kapsul .subtitle { font-size: 16px; margin-bottom: 15px; line-height: 29px; }
.seooff .kapsul .subtitle p { margin-bottom: 20px; }
.seooff .item { width: calc(33.3% - 20px); margin: 10px; background: #fff; border-radius: 10px; padding: 10px; box-shadow: 0 0 6px 2px #00000017; }
.seooff .item figure { max-width: 225px; margin: 0 auto; }
.seooff .item figure img { height: 150px; width: auto; margin: 0 auto; }
.seooff .item .baslik { text-align: center; font-size: 22px; font-weight: 400; color: #000; margin: 20px 0 10px 0; }
.seooff .item .ozet { text-align: center; font-size: 18px; line-height: 30px; margin: 0 auto 20px; }
/***********/
.seosun { background: var(--tema-renk1); padding-bottom: 75px; }
.seosun svg { width: calc(40% + 1.3px); height: 44px; position: relative; left: 50%; display: block; transform: translateX(-50%); margin-bottom: 41px; fill: #ffffff; top: -3px; }
.seosun .title { font-size: 28px; font-weight: 600; color: #fff; margin-bottom: 10px; text-align: center; }
.seosun .item { width: calc(33.3% - 20px); margin: 10px; background: #fff; border-radius: 10px; padding: 10px; box-shadow: 0 0 6px 2px #00000017; }
.seosun .item figure { max-width: 225px; margin: 0 auto; }
.seosun .item figure img { height: 150px; width: auto; margin: 0 auto; }
.seosun .item .baslik { text-align: center; font-size: 22px; font-weight: 400; color: #000; margin: 20px 0 10px 0; }
.seosun .item .ozet { text-align: center; font-size: 18px; line-height: 30px; margin: 0 auto 20px; }
/********/
.seoyatir { margin: 75px 0; }
.seoyatir .kapsul { margin-bottom: 36px; }
.seoyatir .kapsul .baslik { font-size: 28px; font-weight: 600; color: #000; margin-bottom: 25px; text-align: center; }
.seoyatir .kapsul .icerik { width: 50%; font-size: 16px; line-height: 25px; }
.seoyatir .kapsul .icerik p { margin-bottom: 25px; }
.seoyatir .kapsul figure { margin: 0 auto; }
.seoyatir .kapsul figure img { height: 400px; margin: 0 auto; }
.seoneden { }
.seoneden .title { font-size: 28px; font-weight: 600; color: #000; margin-bottom: 10px; text-align: center; }
.seoneden .item { width: calc(50% - 20px); margin: 10px; background: #fff; border-radius: 10px; padding: 10px; box-shadow: 0 0 6px 2px #00000017; }
.seoneden .item figure { }
.seoneden .item figure img { }
.seoneden .item .baslik { text-align: center; font-size: 22px; font-weight: 400; color: #000; margin: 20px 0 10px 0; }
.seoneden .item .ozet { text-align: center; font-size: 18px; line-height: 30px; margin: 0 auto 20px; }
/**********/
.seokon { background: #f2f2f2; padding-bottom: 50px; }
.seokon svg { width: calc(40% + 1.3px); height: 44px; position: relative; left: 50%; display: block; transform: translateX(-50%); margin-bottom: 41px; fill: #ffffff; top: -3px; }
.seokon .baslik { font-size: 28px; font-weight: 600; color: #000; margin-bottom: 25px; text-align: center; }
.seokon .item { width: calc(33.3% - 20px); margin: 10px; background: #fff; border-radius: 10px; padding: 10px; box-shadow: 0 0 6px 2px #00000017; }
.seokon .item figure { }
.seokon .item figure img { }
.seokon .item .baslik { text-align: center; font-size: 22px; font-weight: 400; color: #000; margin: 20px 0 10px 0; }
.seokon .item .ozet { text-align: center; font-size: 18px; line-height: 30px; margin: 0 auto 20px; }
/****************/
.seotek { background: var(--tema-renk1); padding-bottom: 50px; }
.seotek svg { width: calc(40% + 1.3px); height: 44px; position: relative; left: 50%; display: block; transform: translateX(-50%); margin-bottom: 41px; fill: #f9f9f9; top: -3px; }
.seotek .kapsul { margin-bottom: 36px; }
.seotek .kapsul .baslik { font-size: 28px; font-weight: 600; color: #fff; margin-bottom: 15px; text-align: center; }
.seotek .kapsul .subtitle { font-size: 16px; line-height: 25px; text-align: center; color: #fff; }
.seotek .icerik { display: flex; }
.seotek .icerik .bir { width: 50%; margin-right: 40px; }
.seotek .icerik .iki { width: 50%; }
.seotek .icerik p { font-size: 22px; color: #fff; text-align: center; margin-bottom: 25px; }
.seotek .icerik ul li { display: block; color: #fff; line-height: 25px; margin-bottom: 15px; position: relative; padding-left: 30px; }
.seotek .icerik ul li::before { content: ""; position: absolute; width: 15px; height: 15px; border: 2px solid var(--tema-renk2); border-radius: 50%; left: 0; }
.seotek .icerik ul li::after { content: ""; position: absolute; width: 11px; height: 17px; border-bottom: 2px solid var(--tema-renk2); border-right: 2px solid var(--tema-renk2); left: 5px; transform: rotate(45deg); top: -7px; }
/******************/
.seosek { padding: 75px 0; background: #f2f2f2; }
.seosek .baslik { font-size: 28px; font-weight: 600; color: #000; margin-bottom: 15px; text-align: center; }
.seosek .subtitle { font-size: 16px; line-height: 25px; color: #000; }
.seosek .subtitle p { margin-bottom: 10px; }
/********************/
.adsfaq, .seofaq { padding-bottom: 30px; background: #f2f2f2; }
.adsfaq .title, .seofaq .title { font-size: 28px; font-weight: 600; color: #000; margin-bottom: 15px; text-align: center; }
.adsfaq .item, .seofaq .item { }
.adsfaq .item .baslik, .seofaq .item .baslik { font-size: 18px; font-weight: 600; color: #000; margin: 0 auto; height: 50px; border: 1px solid #d9d9d9; background: #fff; position: relative; padding: 12px 55px; border-bottom: none; }
.adsfaq .item:last-child .baslik { border-bottom: 1px solid #d9d9d9; }
.seofaq .item:last-child .baslik { border-bottom: 1px solid #d9d9d9; }
.adsfaq .item a, .seofaq .item a { position: relative; }
.adsfaq .item a:before, .seofaq .item a:before { content: ""; position: absolute; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #000; left: 22px; top: 21px; z-index: 9; }
.adsfaq .item .active:before, .seofaq .item .active:before { content: ""; position: absolute; left: 24px; border-top: 3px solid #000; border-right: 3px solid #000; width: 5px; height: 5px; z-index: 9; top: 22px; transform: rotate(315deg); border-left: none; }
.adsfaq .item .ozet, .seofaq .item .ozet { font-size: 16px; line-height: 30px; margin: 0 auto; border: 1px solid #d9d9d9; color: #000; padding: 5px 20px; background: #fafafa; border-bottom: none; }
.adsfaq .item .ozet p, .seofaq .item .ozet p { margin-bottom: 10px; }
/************************/
.seoPaketTeklif input::placeholder, textarea::placeholder { font-size: 16px; font-weight: 400; }
.seoPaketTeklif .kapsul { padding: 16px; position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; outline: 0; border: none; text-align: left; }
.seoPaketTeklif .kapsul .tepe { display: flex; align-items: flex-start; justify-content: space-between; border-bottom: 1px solid #dee2e6; box-sizing: border-box; padding: 30px 50px; position: relative; }
.seoPaketTeklif .kapsul .tepe .seoad { font-size: 36px; line-height: 54px; margin: 0; }
.seoPaketTeklif .kapsul .tepe .kapat { float: right; font-size: 24px; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .5; background-color: transparent; border: 0; appearance: none; cursor: pointer; padding: 16px; position: absolute; top: 0; right: 0; }
.seoPaketTeklif .kapsul .formdetay { position: relative; padding: 30px 50px 50px; }
.seoPaketTeklif .kapsul .formdetay .row .satir { width: calc(50% - 10px); margin: 10px 5px; color: var(--tema-renk3); height: 40px; }
.seoPaketTeklif .kapsul .formdetay .satir label { width: 34%; padding-left: 18px; }
.formdetay .satir input, .formdetay .satir select { padding: 10px 5px; font-size: 16px; color: var(--tema-renk3); background-color: transparent; border: none; border-bottom: 1px solid var(--tema-renk1); padding-left: 0; resize: none; width: 100%; margin: 0; border-radius: 0; height: 40px; }
.formdetay .satir textarea { padding: 10px 5px; font-size: 16px; color: var(--tema-renk1); background-color: transparent; border: none; border-bottom: 1px solid var(--tema-renk1); padding-left: 0; resize: none; margin: 0; border-radius: 0; }
.seoPaketTeklif .onay { margin: 13px 0; position: relative; }
.seoPaketTeklif .onay input[type="checkbox"] { width: fit-content; position: absolute; left: 0; top: -10px; }
.seoPaketTeklif .seotklf { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0,0,0,0.4); padding-top: 30px; }
.seoPaketTeklif .seotklf-content { background-color: #fefefe; margin: 0 auto; border: 1px solid #888; max-width: 700px; }
.seoPaketTeklif .kapat:hover, .kapat:focus { color: red; cursor: pointer; }
.seoPaketTeklif .animate { animation: animatezoom 0.6s }
.seoPaketTeklif button { background-color: var(--tema-renk1); color: #fff; text-align: center; display: block; width: 50%; transition: background .2s,color .2s,box-shadow .2s,transform .1s; position: relative; padding: 16px 20px; font-size: 14px; line-height: 14px; font-weight: 600; white-space: nowrap; vertical-align: middle; cursor: pointer; user-select: none; border: 0; border-radius: 4px; appearance: none; letter-spacing: .02em; margin: 25px auto; }
.seoPaketTeklif button:hover { background-color: #252373; }
.seoPaketTeklif button:active { background-blend-mode: multiply,normal; background-color: #003081; transform: scale(.98); box-shadow: 0 0 0 3px rgba(0,61,165,.2); }

@keyframes animatezoom {
    from { transform: scale(0) }
    to { transform: scale(1) }
}
/******/
.adsmaliyet, .facemaliyet { padding: 75px 0; background: var(--tema-renk1); }
.adsmaliyet .baslik { text-align: center; color: #fff; font-size: 28px; width: 625px; margin: 0 auto 30px; line-height: 35px; font-weight: 600; max-width: 100%; }
.adsmaliyet .icerik { text-align: center; line-height: 30px; color: #fff; margin-bottom: 40px; }
.adsmaliyet .icerik p { margin-bottom: 15px; }
.adsmaliyet .row { justify-content: center; align-content: center; display: flex; }
.adsmaliyet a { background: var(--tema-renk2); padding: 15px 0; border-radius: 5px; color: #fff; font-weight: 600; letter-spacing: 1px; margin: 0 0 0 75px; width: 160px; text-align: center; max-width: 100%; }
.adsmaliyet .adsAl { background: var(--tema-renk2); padding: 15px; width: 140px; margin: 0; }
.adsmaliyet .adsAl:hover { background: #5c98d2; }
.adsmaliyet a:hover { background: #5c98d2; color: #fff; }
/******/
.adskucuk { background: #f2f2f2; padding-bottom: 25px; }
.adskucuk svg { width: calc(40% + 1.3px); height: 44px; position: relative; left: 50%; display: block; transform: translateX(50%); margin-bottom: 41px; fill: #f2f2f2; top: -40px; rotate: 180deg; }
.adskucuk .metin { margin-bottom: 50px; text-align: center; }
.adskucuk .metin .baslik { font-size: 28px; width: 650px; max-width: 100%; margin: 0 auto 19px; line-height: 35px; font-weight: 600; color: #000; }
.adskucuk .metin .icerik { font-size: 16px; line-height: 30px; }
/******/
.adsPaketTeklif input::placeholder, textarea::placeholder { font-size: 16px; font-weight: 400; }
.adsPaketTeklif .kapsul { padding: 16px; position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; outline: 0; border: none; text-align: left; }
.adsPaketTeklif .kapsul .tepe { display: flex; align-items: flex-start; justify-content: space-between; border-bottom: 1px solid #dee2e6; box-sizing: border-box; padding: 30px 50px; position: relative; }
.adsPaketTeklif .kapsul .tepe .adsad { font-size: 36px; line-height: 54px; margin: 0; }
.adsPaketTeklif .kapsul .tepe .kapat { float: right; font-size: 24px; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .5; background-color: transparent; border: 0; appearance: none; cursor: pointer; padding: 16px; position: absolute; top: 0; right: 0; }
.adsPaketTeklif .kapsul .formdetay { position: relative; padding: 30px 50px 50px; }
.adsPaketTeklif .kapsul .formdetay .row .satir { width: calc(50% - 10px); margin: 10px 5px; color: var(--tema-renk3); height: 40px; }
.adsPaketTeklif .kapsul .formdetay .satir label { width: 34%; padding-left: 18px; }
.adsPaketTeklif .onay { margin: 13px 0; position: relative; }
.adsPaketTeklif .onay input[type="checkbox"] { width: fit-content; position: absolute; left: 0; top: -10px; }
.adsPaketTeklif .adstklf { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0,0,0,0.4); padding-top: 30px; }
.adsPaketTeklif .adstklf-content { background-color: #fefefe; margin: 0 auto; border: 1px solid #888; max-width: 700px; }
.adsPaketTeklif .kapat:hover, .kapat:focus { color: red; cursor: pointer; }
.adsPaketTeklif .animate { animation: animatezoom 0.6s }
.adsPaketTeklif button { background-color: var(--tema-renk1); color: #fff; text-align: center; display: block; width: 50%; transition: background .2s,color .2s,box-shadow .2s,transform .1s; position: relative; padding: 16px 20px; font-size: 16px; line-height: 14px; font-weight: 600; white-space: nowrap; vertical-align: middle; cursor: pointer; user-select: none; border: 0; border-radius: 4px; appearance: none; letter-spacing: .02em; margin: 25px auto; }
.adsAl { background-color: var(--tema-renk1); color: #fff; text-align: center; display: block; width: 50%; transition: background .2s,color .2s,box-shadow .2s,transform .1s; position: relative; padding: 16px 20px; font-size: 16px; line-height: 14px; font-weight: 600; white-space: nowrap; vertical-align: middle; cursor: pointer; user-select: none; border: 0; border-radius: 4px; appearance: none; letter-spacing: .02em; margin: 25px auto; }
.adsAl:hover { background-color: #252373; }
.adsAl:active { background-blend-mode: multiply,normal; background-color: #003081; box-shadow: 0 0 0 3px rgba(0,61,165,.2); }

@keyframes animatezoom {
    from { transform: scale(0) }
    to { transform: scale(1) }
}
/*****************/
.adsyatirim { background: var(--tema-renk1); padding-bottom: 94px; }
.adsyatirim svg { width: calc(40% + 1.3px); height: 44px; position: relative; left: 50%; display: block; transform: translateX(-50%); margin-bottom: 41px; fill: #f2f2f2; top: -3px; }
.adsyatirim .metin { text-align: center; margin-bottom: 30px; }
.adsyatirim .metin .baslik { font-size: 32px; color: #fff; width: 850px; margin: 0 auto 25px; font-weight: 600; max-width: 100%; }
.adsyatirim .metin .icerik { color: #fff; line-height: 30px; font-size: 16px; }
.adsyatirim .metin .icerik p { margin-bottom: 15px; }
.adsteklif { background: var(--tema-renk2); padding: 25px; position: relative; border-radius: 5px; }
.adsteklif .content { color: #fff; margin-right: 25px; padding-left: 60px; }
.adsteklif .content .baslik { font-size: 26px; font-weight: 600; margin-bottom: 10px; }
.adsteklif .content .icerik { line-height: 25px; }
.adsteklif button { width: 50px; height: 50px; position: absolute; right: 45px; top: 50%; border-radius: 50%; transform: translateY(-50%); margin: 0; padding: 0; background: #fff; }
.adsteklif button:hover:after { border-color: #fff; }
.adsteklif button:after { content: ""; border-bottom: 3px solid #000; border-right: 3px solid #000; position: absolute; width: 10px; height: 10px; transform: rotate(315deg); top: 19px; right: 20px; }
/********************/
.adsneden { padding: 93px 0; background: #fff; }
.adsneden .title { font-size: 28px; font-weight: 600; color: #000; margin-bottom: 15px; text-align: center; }
.adsneden .subtitle { font-size: 18px; color: #000; margin-bottom: 15px; text-align: center; }
.adsneden .item { width: calc(50% - 20px); margin: 10px; background: #fff; border-radius: 10px; padding: 10px; box-shadow: 0 0 6px 2px #00000017; }
.adsneden .item figure { max-width: 300px; margin: 0 auto; }
.adsneden .item figure img { }
.adsneden .item .baslik { text-align: center; font-size: 22px; font-weight: 600; color: #000; margin: 15px auto; height: 50px; }
.adsneden .item .ozet { text-align: center; font-size: 18px; line-height: 30px; margin: 0 auto 20px; }
/********************/
.adsnasil { padding: 30px 0; background: #f2f2f2; }
.adsnasil .title { font-size: 28px; font-weight: 600; color: #000; margin-bottom: 15px; text-align: center; }
.adsnasil .item { margin-bottom: 15px; }
.adsnasil .item .baslik { font-size: 16px; color: #000; font-weight: 600; margin-bottom: 5px; }
.adsnasil .item .ozet { font-weight: 600; color: #000; }
.adsnasil .item .ilerleme { width: 100%; height: 25px; background: transparent; border: 1px solid #d5d5d5; border-radius: 10px; padding: 4px 5px; }
.adsnasil .item .ilerleme .progress { height: 15px; border-radius: 15px; }
/****************/
.adsnekadar { margin-top: 75px; }
.adsnekadar .kat1 { margin-bottom: 67px; }
.adsnekadar .kat1 .title { text-align: center; font-size: 28px; font-weight: 600; color: #000; margin-bottom: 20px; }
.adsnekadar .kat1 .icerik { width: 50%; font-size: 16px; line-height: 30px; }
.adsnekadar .kat1 .icerik p { margin: 25px 0; }
.adsnekadar .kat1 figure { max-width: 596px; padding: 0 70px }
.adsnekadar .kat1 figure img { }
.adsnekadar .kat2 { background: #f2f2f2; padding-bottom: 84px; }
.adsnekadar .kat2 .item { width: calc(50% - 20px); margin: 10px; background: #fff; border-radius: 10px; padding: 10px; box-shadow: 0 0 6px 2px #00000017; }
.adsnekadar .kat2 svg { width: calc(40% + 1.3px); height: 44px; position: relative; left: 50%; display: block; transform: translateX(-50%); margin-bottom: 41px; fill: #ffffff; top: -3px; }
.adsnekadar .kat2 .item figure { max-width: 300px; margin: 0 auto; }
.adsnekadar .kat2 .item figure img { }
.adsnekadar .kat2 .item .baslik { text-align: center; font-size: 22px; font-weight: 600; color: #000; margin: 15px auto; height: 50px; }
.adsnekadar .kat2 .item .ozet { text-align: center; font-size: 18px; line-height: 30px; margin: 0 auto 20px; }
/****************/
.adsgunluk { background: var(--tema-renk1); padding-bottom: 65px; }
.adsgunluk svg { width: calc(40% + 1.3px); height: 44px; position: relative; left: 50%; display: block; transform: translateX(-50%); margin-bottom: 41px; fill: #f2f2f2; top: -3px; }
.adsgunluk .metin { }
.adsgunluk .metin .baslik { font-size: 32px; color: #fff; font-weight: 600; text-align: center; margin-bottom: 20px; }
.adsgunluk .metin figure img { height: 250px; width: 100%; }
.adsgunluk .adsgorsel { }
.adsgunluk .adsgorsel figure { width: calc(50% - 20px); margin: 10px; }
.adsgunluk .metin .icerik { width: 100%; color: #fff; font-size: 16px; line-height: 25px; }
.adsgunluk .metin .icerik p { margin-bottom: 11px; }
.adsgunluk .metin .icerik p:last-child { margin: 0; }
/******/
.adsuygun { padding: 0 0 75px; background: #f2f2f2; }
.adsuygun svg { width: calc(40% + 1.3px); height: 44px; position: relative; left: 50%; display: block; transform: translateX(-50%); margin-bottom: 41px; fill: #222059; top: -3px; }
.adsuygun .baslik { font-size: 28px; font-weight: 600; color: #000; margin: 45px 0 15px 0; text-align: center; }
.adsuygun .icerik { width: 50%; font-size: 16px; line-height: 25px; }
.adsuygun .icerik p { margin-bottom: 11px; font-size: 16px; line-height: 30px; }
.adsuygun figure { width: 50%; }
.adsuygun figure img { }
/*****/
.adsdahil { padding: 75px 0; background: #f2f2f2; }
.adsdahil .title { font-size: 28px; font-weight: 600; color: #000; margin-bottom: 15px; text-align: center; }
.adsdahil .subtitle { font-size: 18px; color: #000; margin-bottom: 15px; text-align: center; }
.adsdahil .item { width: calc(33.3% - 20px); margin: 10px; background: #fff; border-radius: 10px; padding: 10px; box-shadow: 0 0 6px 2px #00000017; }
.adsdahil .item figure { max-width: 300px; margin: 0 auto; }
.adsdahil .item figure img { height: 215px; width: auto; margin: 0 auto; }
.adsdahil .item .baslik { text-align: center; font-size: 22px; font-weight: 600; color: #000; margin: 15px auto; height: 50px; }
/*****/
.adspisman { padding: 75px 0; }
.adspisman .metin .baslik { font-size: 28px; font-weight: 600; color: #000; text-align: center; width: 600px; margin: 0 auto 19px; max-width: 100%; }
.adspisman .metin .icerik { font-size: 16px; color: #000; margin-bottom: 15px; line-height: 30px; }
.adspisman .metin .icerik p { margin-bottom: 11px; }
/*****/
.adsicerir { padding: 50px 0; background: #f2f2f2; }
.adsicerir .metin { }
.adsicerir .metin .baslik { font-size: 28px; font-weight: 600; color: #000; text-align: center; width: 600px; margin: 0 auto 19px; max-width: 100%; }
.adsicerir .metin .icerik { font-size: 16px; color: #000; margin-bottom: 15px; line-height: 30px; }
.adsicerir .metin .icerik ul { display: flex; flex-wrap: wrap; margin-bottom: 65px; }
.adsicerir .metin .icerik ul li { width: calc(50% - 20px); margin: 10px; font-size: 16px; position: relative; padding-left: 33px; }
.adsicerir .metin .icerik ul li:before { content: ""; position: absolute; width: 20px; height: 20px; border: 2px solid var(--tema-renk2); border-radius: 50%; left: 0; }
.adsicerir .metin .icerik ul li:after { content: ""; position: absolute; width: 10px; height: 20px; border-bottom: 3px solid var(--tema-renk1); border-right: 3px solid var(--tema-renk1); left: 6px; top: -6px; rotate: 45deg; }
.adsicerir .metin .icerik h2 { font-size: 28px; font-weight: 600; color: #000; text-align: center; width: 600px; margin: 0 auto 19px; max-width: 100%; }
.adsicerir .metin .icerik p { margin-bottom: 11px; }
/*****/
.pktMaliyet { padding: 75px 0; background: var(--tema-renk1); }
.pktMaliyet .baslik { text-align: center; color: #fff; font-size: 28px; width: 625px; margin: 0 auto 30px; line-height: 35px; font-weight: 600; max-width: 100%; }
.pktMaliyet .icerik { text-align: center; line-height: 30px; color: #fff; margin-bottom: 40px; }
.pktMaliyet .icerik p { margin-bottom: 15px; }
.pktMaliyet .row { justify-content: center; align-content: center; display: flex; }
.pktMaliyet a { background: var(--tema-renk2); padding: 15px 0; border-radius: 5px; color: #fff; font-weight: 600; letter-spacing: 1px; margin: 0 0 0 75px; width: 160px; text-align: center; max-width: 100%; }
.pktMaliyet .pktAl { background: var(--tema-renk2); padding: 15px; width: 140px; margin: 0; }
.pktMaliyet .pktAl:hover { background: #5c98d2; }
.pktMaliyet a:hover { background: #5c98d2; color: #fff; }
/**********/
.PaketTeklifi input::placeholder, textarea::placeholder { font-size: 16px; font-weight: 400; }
.PaketTeklifi .kapsul { padding: 16px; position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; outline: 0; border: none; text-align: left; }
.PaketTeklifi .kapsul .tepe { display: flex; align-items: flex-start; justify-content: space-between; border-bottom: 1px solid #dee2e6; box-sizing: border-box; padding: 30px 50px; position: relative; }
.PaketTeklifi .kapsul .tepe .adsad { font-size: 36px; line-height: 54px; margin: 0; }
.PaketTeklifi .kapsul .tepe .kapat { float: right; font-size: 24px; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .5; background-color: transparent; border: 0; appearance: none; cursor: pointer; padding: 16px; position: absolute; top: 0; right: 0; }
.PaketTeklifi .kapsul .formdetay { position: relative; padding: 30px 50px 50px; }
.PaketTeklifi .kapsul .formdetay .row .satir { width: calc(50% - 10px); margin: 10px 5px; color: var(--tema-renk3); height: 40px; }
.PaketTeklifi .kapsul .formdetay .satir label { width: 34%; padding-left: 18px; }
.PaketTeklifi .onay { margin: 13px 0; position: relative; }
.PaketTeklifi .onay input[type="checkbox"] { width: fit-content; position: absolute; left: 0; top: -10px; }
.PaketTeklifi .pktTklf { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0,0,0,0.4); padding-top: 30px; }
.PaketTeklifi .pktTklf-content { background-color: #fefefe; margin: 0 auto; border: 1px solid #888; max-width: 700px; }
.PaketTeklifi .kapat:hover, .kapat:focus { color: red; cursor: pointer; }
.PaketTeklifi .animate { animation: animatezoom 0.6s }
.PaketTeklifi button { background-color: var(--tema-renk1); color: #fff; text-align: center; display: block; width: 50%; transition: background .2s,color .2s,box-shadow .2s,transform .1s; position: relative; padding: 16px 20px; font-size: 16px; line-height: 14px; font-weight: 600; white-space: nowrap; vertical-align: middle; cursor: pointer; user-select: none; border: 0; border-radius: 4px; appearance: none; letter-spacing: .02em; margin: 25px auto; }
.pktAl { background-color: var(--tema-renk1); color: #fff; text-align: center; display: block; width: 50%; transition: background .2s,color .2s,box-shadow .2s,transform .1s; position: relative; padding: 16px 20px; font-size: 16px; line-height: 14px; font-weight: 600; white-space: nowrap; vertical-align: middle; cursor: pointer; user-select: none; border: 0; border-radius: 4px; appearance: none; letter-spacing: .02em; margin: 25px auto; }
.pktAl:hover { background-color: #252373; }
.pktAl:active { background-blend-mode: multiply,normal; background-color: #003081; box-shadow: 0 0 0 3px rgba(0,61,165,.2); }

@keyframes animatezoom {
    from { transform: scale(0) }
    to { transform: scale(1) }
}
/******/
.pktKucuk { background: #f2f2f2; padding-bottom: 25px; }
.pktKucuk svg { width: calc(40% + 1.3px); height: 44px; position: relative; left: 50%; display: block; transform: translateX(50%); margin-bottom: 41px; fill: #f2f2f2; top: -40px; rotate: 180deg; }
.pktKucuk .metin { margin-bottom: 50px; width: 70%; }
.pktKucuk .baslik { font-size: 28px; max-width: 100%; margin: 0 auto 19px; line-height: 35px; font-weight: 600; color: #000; text-align: center; }
.pktKucuk .metin .icerik { font-size: 16px; line-height: 30px; }
.pktKucuk figure { margin: 0 auto; }
.pktKucuk figure img { max-height: 375px; margin: 0 auto; }
/******/
.pacPaket { background: #f2f2f2; padding: 35px 0; }
.pacPaket svg { width: calc(40% + 1.3px); height: 44px; position: relative; left: 50%; display: block; transform: translateX(50%); margin-bottom: 41px; fill: #e9e9e9; top: -75px; rotate: 180deg; }
.pacPaket .title { margin: 25px auto; text-align: center; font-size: 28px; font-weight: 600; color: #000; line-height: 39px; }
.pacPaket .anaKat { width: 32%; margin-bottom: 35px; background: #fff; }
.pacPaket .item { }
.pacPaket .item .baslik { text-align: center; margin: 0 auto; background: var(--tema-renk2); padding: 30px 0; color: #000; font-size: 18px; font-weight: 600; }
.pacPaket .item .fiyat { text-align: center; font-size: 32px; font-weight: 600; color: #000; padding: 0; margin-top: 25px; }
.pacPaket .item .vergi { text-align: center; font-size: 16px; }
.pacPaket .item .ozet { padding: 0 20px; position: relative; height: 100%; }
.pacPaket .item .ozet h3 { font-size: 18px; font-weight: 600; color: #000; margin: 25px 0 0 0; }
.pacPaket .item .ozet ul { }
.pacPaket .item .ozet ul li { font-size: 15px; color: #000; padding: 20px 5px 20px 35px; border-bottom: 1px solid #e8e8e8; position: relative; }
.pacPaket .item .ozet ul li:before { content: ""; position: absolute; width: 21px; height: 21px; background: #61ce70; border-radius: 50%; left: 0; top: 18px; }
.pacPaket .item .ozet ul li:after { content: ""; position: absolute; width: 4px; height: 9px; border-bottom: 2px solid #fff; border-right: 2px solid #fff; left: 8px; transform: rotate(45deg); top: 22px; }
.pacPaket .item .ozet ul li em { position: relative; font-style: normal; width: 100%; display: block; }
.pacPaket .item .ozet ul li em:before { content: ""; position: absolute; width: 21px; height: 21px; background: #ff0000; border-radius: 50%; left: -35px; z-index: 9; top: -2px; }
.pacPaket .item .ozet ul li em:after { content: "X"; position: absolute; width: 6px; left: -29px; top: -2px; color: #fff; z-index: 15; font-size: 15px; font-weight: 600; }
.pacPaket .metin { text-align: center; font-size: 18px; color: #000; line-height: 26px; margin-bottom: 40px; }
.pacPaket .metin p { margin-bottom: 25px; }
.pacPaket .metin h2 { font-size: 32px; color: #000; font-weight: 600; line-height: 35px; }
/***********/
.pacPaket .item .bakimpaket { text-align: center; margin: 0 auto; background: var(--tema-renk2); padding: 30px 0; color: #000; font-size: 18px; font-weight: 600; height: 125px; }
.pacPaket .item .bakimpaket .baslik { padding: 10px; }
.pacPaket .anaKat:first-child .bakimpaket .baslik { padding: 28px; font-size: 30px; }
.pacPaket .item .bakimpaket .fiyat { text-align: center; font-size: 32px; font-weight: 600; color: #000; padding: 0; margin: 0; }
.bakimPaketleri .anaKat { width: 100%; }
/************/
.faceneden { position: relative; background: var(--tema-renk1); padding: 90px 0; }
.faceneden .kapsul { text-align: center; padding-bottom: 30px; }
.faceneden .kapsul .baslik { color: #fff; font-size: 28px; font-weight: 600; margin-bottom: 11px; }
.faceneden .kapsul .ozet { color: #fff; font-size: 18px; line-height: 30px; }
.faceneden figure { position: absolute; left: 50%; transform: translate(-50%, -50%); top: 60%; }
.faceneden figure img { height: 400px; }
.faceneden .row { justify-content: space-between; }
.faceneden .item { width: 35%; margin: 45px; position: relative; text-align: center; }
.faceneden .item:before { content: ""; position: absolute; width: 25px; height: 25px; background: var(--tema-renk2); top: -30px; rotate: 45deg; border-radius: 4px; }
.faceneden .item:after { content: ""; position: absolute; width: 25px; height: 25px; background: var(--tema-renk2); top: -29px; border-radius: 3px; }
.faceneden .item .baslik { color: #fff; font-size: 28px; font-weight: 600; line-height: 35px; }
.faceneden .item .ozet { color: #fff; line-height: 26px; }
/************/
.faceNasil { margin: 90px 0; }
.faceNasil .baslik { color: #000; font-size: 28px; font-weight: 600; margin-bottom: 11px; text-align: center; }
.faceNasil .ozet { line-height: 25px; font-size: 16px; }
.faceNasil figure { }
.faceNasil figure img { max-width: 375px; }
.faceNasil .ozet ul { }
.faceNasil .ozet ul li { margin-bottom: 25px; position: relative; padding-left: 30px; }
.faceNasil .ozet ul li:before { content: ""; position: absolute; width: 20px; height: 20px; border: 2px solid var(--tema-renk1); border-radius: 50%; left: 0; }
.faceNasil .ozet ul li:after { content: ""; position: absolute; left: 8px; top: -6px; border-bottom: 3px solid var(--tema-renk2); border-right: 3px solid var(--tema-renk2); width: 10px; height: 20px; rotate: 45deg; }
/***************/
.faceBelirle { margin: 90px 0; }
.faceBelirle .baslik { color: #000; font-size: 28px; font-weight: 600; margin-bottom: 11px; text-align: center; }
.faceBelirle .ozet { line-height: 25px; font-size: 16px; }
.faceBelirle img { max-width: 375px; margin: 0 auto; }
.faceBelirle .item { position: relative; margin: 25px 0; }
.faceBelirle .item:nth-child(2n) { }
.faceBelirle .item:first-child figure { display: none; }
.faceBelirle .item .metin { }
.faceBelirle .item .metin .title { font-size: 22px; color: #000; font-weight: 600; margin-bottom: 15px; }
.faceBelirle .item .metin .subtitle { font-size: 16px; line-height: 25px; }
.faceBelirle .item .metin .subtitle ul { display: flex; flex-wrap: wrap; }
.faceBelirle .item .metin .subtitle ul li { width: 50%; position: relative; margin-bottom: 15px; padding-left: 30px; }
.faceBelirle .item .metin .subtitle p { margin-bottom: 15px; }
.faceBelirle .item .metin .subtitle ul li:before { content: ""; position: absolute; width: 20px; height: 20px; border: 3px solid var(--tema-renk1); left: 0; border-radius: 50%; }
.faceBelirle .item .metin .subtitle ul li:after { content: ""; position: absolute; width: 10px; height: 20px; border-bottom: 3px solid var(--tema-renk2); border-right: 3px solid var(--tema-renk2); left: 10px; rotate: 45deg; top: -5px; }
.faceBelirle .item figure { }
.faceBelirle .item figure img { }
/***************/
.nedenFace { padding: 60px 0; background: #f2f2f2; }
.nedenFace .metin { width: 80%; }
.nedenFace .metin .baslik { font-size: 32px; font-weight: 600; color: #000; width: 600px; max-width: 100%; line-height: 40px; margin-bottom: 25px; }
.nedenFace .metin .ozet { font-size: 16px; line-height: 30px; }
.nedenFace figure { margin-bottom: 30px; }
.nedenFace figure img { width: 600px; height: auto; }
.nedenFace .icerik { }
.nedenFace .icerik ul { display: flex; flex-wrap: wrap; }
.nedenFace .icerik ul li { position: relative; width: 50%; padding-left: 36px; }
.nedenFace .icerik ul li:before { content: ""; position: absolute; width: 20px; height: 20px; border: 3px solid var(--tema-renk1); left: 0; border-radius: 50%; }
.nedenFace .icerik ul li:after { content: ""; position: absolute; width: 10px; height: 20px; border-bottom: 3px solid var(--tema-renk2); border-right: 3px solid var(--tema-renk2); left: 10px; rotate: 45deg; top: -5px; }
/************/
.faceIse { background: var(--tema-renk1); padding-bottom: 94px; }
.faceIse svg { width: calc(40% + 1.3px); height: 44px; position: relative; left: 50%; display: block; transform: translateX(-50%); margin-bottom: 41px; fill: #f2f2f2; top: -3px; }
.faceIse .metin { margin-bottom: 30px; }
.faceIse .metin .baslik { font-size: 32px; color: #fff; width: 850px; margin: 0 auto 20px; font-weight: 600; max-width: 100%; text-align: center; }
.faceIse .metin .ozet { text-align: center; font-weight: 600; color: #ffff; font-size: 28px; width: 650px; margin: 0 auto; max-width: 100%; }
.faceIse .metin .icerik { color: #fff; line-height: 30px; font-size: 16px; }
.faceIse .metin .icerik p { margin-bottom: 15px; }
.faceIse .metin .icerik ul { display: flex; flex-wrap: wrap; }
.faceIse .metin .icerik ul li { width: 50%; position: relative; padding-left: 35px; }
.faceIse .metin .icerik ul li:before { content: ""; position: absolute; width: 20px; height: 20px; border: 3px solid #fff; left: 0; border-radius: 50%; }
.faceIse .metin .icerik ul li:after { content: ""; position: absolute; width: 10px; height: 20px; border-bottom: 3px solid var(--tema-renk2); border-right: 3px solid var(--tema-renk2); left: 10px; rotate: 45deg; top: -5px; }
/************/
.faceyatirim { background: #f2f2f2; padding: 94px 0; }
.faceyatirim .metin { margin-bottom: 30px; }
.faceyatirim .metin .baslik { font-size: 32px; color: #000; width: 850px; margin: 0 auto 25px; font-weight: 600; max-width: 100%; text-align: center; }
.faceyatirim .metin .icerik { color: #000; line-height: 30px; font-size: 16px; }
.faceyatirim .metin .icerik ul { }
.faceyatirim .metin .icerik ul li { width: 50%; position: relative; padding-left: 35px; }
.faceyatirim .metin .icerik ul li:before { content: ""; position: absolute; width: 20px; height: 20px; border: 3px solid var(--tema-renk1); left: 0; border-radius: 50%; }
.faceyatirim .metin .icerik ul li:after { content: ""; position: absolute; width: 10px; height: 20px; border-bottom: 3px solid var(--tema-renk2); border-right: 3px solid var(--tema-renk2); left: 10px; rotate: 45deg; top: -5px; }
.faceyatirim .metin .icerik p { margin-bottom: 15px; }
.faceteklif { background: var(--tema-renk2); padding: 25px; position: relative; border-radius: 5px; }
.faceteklif .content { color: #fff; margin-right: 25px; padding-left: 60px; }
.faceteklif .content .baslik { font-size: 26px; font-weight: 600; margin-bottom: 10px; }
.faceteklif .content .icerik { line-height: 25px; }
.faceteklif button { width: 50px; height: 50px; position: absolute; right: 45px; top: 50%; border-radius: 50%; transform: translateY(-50%); margin: 0; padding: 0; background: #fff; }
.faceteklif button:hover:after { border-color: #fff; }
.faceteklif button:after { content: ""; border-bottom: 3px solid #000; border-right: 3px solid #000; position: absolute; width: 10px; height: 10px; transform: rotate(315deg); top: 19px; right: 20px; }
/************/
.faceB2b { background: var(--tema-renk1); padding-bottom: 94px; }
.faceB2b svg { width: calc(40% + 1.3px); height: 44px; position: relative; left: 50%; display: block; transform: translateX(-50%); margin-bottom: 41px; fill: #f2f2f2; top: -3px; }
.faceB2b .metin { margin-bottom: 30px; }
.faceB2b .metin .baslik { font-size: 32px; color: #fff; width: 850px; margin: 0 auto 20px; font-weight: 600; max-width: 100%; text-align: center; }
.faceB2b .metin .ozet { text-align: center; font-weight: 600; color: #ffff; font-size: 28px; width: 650px; margin: 0 auto; max-width: 100%; }
.faceB2b .metin .icerik { color: #fff; line-height: 30px; font-size: 16px; }
.faceB2b .metin .icerik p { margin-bottom: 15px; }
.faceB2b .metin .icerik ul { display: flex; flex-wrap: wrap; }
.faceB2b .metin .icerik ul li { width: 50%; position: relative; padding-left: 35px; }
.faceB2b .metin .icerik ul li:before { content: ""; position: absolute; width: 20px; height: 20px; border: 3px solid #fff; left: 0; border-radius: 50%; }
.faceB2b .metin .icerik ul li:after { content: ""; position: absolute; width: 10px; height: 20px; border-bottom: 3px solid var(--tema-renk2); border-right: 3px solid var(--tema-renk2); left: 10px; rotate: 45deg; top: -5px; }
/************/
.faceDahil { padding: 0 0 93px; background: #fff; }
.faceDahil svg { width: calc(40% + 1.3px); height: 44px; position: relative; left: 50%; display: block; transform: translateX(-50%); margin-bottom: 41px; fill: var(--tema-renk1); top: -3px; }
.faceDahil .baslik { font-size: 28px; font-weight: 600; color: #000; margin-bottom: 15px; text-align: center; }
.faceDahil .icerik { font-size: 18px; color: #000; margin-bottom: 15px; text-align: center; }
.faceDahil .row { justify-content: space-evenly; }
.faceDahil .item { width: calc(33.3% - 20px); margin: 10px; background: #fff; border-radius: 10px; padding: 10px; box-shadow: 0 0 6px 2px #00000017; }
.faceDahil .item figure { max-width: 300px; margin: 0 auto; }
.faceDahil .item figure img { }
.faceDahil .item .title { text-align: center; font-size: 22px; font-weight: 600; color: #000; margin: 15px auto; height: 50px; }
.faceDahil .item .subtitle { text-align: center; font-size: 18px; line-height: 30px; margin: 0 auto 20px; }
/************/
.pktfaq { padding: 30px 0; background: #f2f2f2; }
.pktfaq .title { font-size: 28px; font-weight: 600; color: #000; margin-bottom: 15px; text-align: center; }
.pktfaq .item { }
.pktfaq .item .baslik { font-size: 18px; font-weight: 600; color: #000; margin: 0 auto; height: 50px; border: 1px solid #d9d9d9; background: #fff; position: relative; padding: 12px 55px; border-bottom: none; }
.pktfaq .item:last-child .baslik { border-bottom: 1px solid #d9d9d9; }
.pktfaq .item a { position: relative; }
.pktfaq .item a:before { content: ""; position: absolute; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #000; left: 22px; top: 21px; z-index: 9; }
.pktfaq .item .active:before { content: ""; position: absolute; left: 24px; border-top: 3px solid #000; border-right: 3px solid #000; width: 5px; height: 5px; z-index: 9; top: 22px; transform: rotate(315deg); border-left: none; }
.pktfaq .item .ozet { font-size: 16px; line-height: 30px; margin: 0 auto; border: 1px solid #d9d9d9; color: #000; padding: 5px 20px; background: #fafafa; border-bottom: none; }
.pktfaq .item .ozet p { margin-bottom: 10px; }
/************************/
.instneden { background: var(--tema-renk1); padding-bottom: 94px; }
.instneden svg { width: calc(40% + 1.3px); height: 44px; position: relative; left: 50%; display: block; transform: translateX(-50%); margin-bottom: 41px; fill: #f2f2f2; top: -3px; }
.instneden .kapsul { }
.instneden .kapsul .title { font-size: 28px; font-weight: 600; color: #fff; margin-bottom: 15px; text-align: center; }
.instneden .kapsul .subtitle { font-size: 18px; color: #fff; margin-bottom: 15px; text-align: center; line-height: 30px; }
.instneden .kapsul .subtitle p { margin-bottom: 20px; }
.instneden .kapsul .subtitle h2 { color: #fff; font-size: 28px; font-weight: 600; font-family: var(--icerik-fontu); margin: 0 auto 20px; }
.instneden .item { width: calc(33.3% - 20px); margin: 10px; background: #fff; border-radius: 10px; padding: 10px; box-shadow: 0 0 6px 2px #00000017; }
.instneden .item figure { max-width: 300px; margin: 0 auto; }
.instneden .item figure img { }
.instneden .item .baslik { text-align: center; font-size: 22px; font-weight: 600; color: #000; margin: 15px auto; height: 50px; }
.instneden .item .ozet { text-align: center; font-size: 18px; line-height: 30px; margin: 0 auto 20px; }
.instneden .content { font-size: 18px; color: #fff; text-align: center; line-height: 33px; margin: 30px auto; }
/************************/
.instKar { margin: 90px 0; }
.instKar .baslik { font-size: 28px; font-weight: 600; color: #000; margin-bottom: 15px; text-align: center; }
.instKar .ozet { font-size: 17px; color: #000; margin-bottom: 30px; line-height: 30px; }
.instKar .ozet p { margin-bottom: 25px; }
.instKar figure { }
.instKar figure img { margin: 0 auto; }
/************************/
.instBelirle { padding: 90px 0; background: #f2f2f2; }
.instBelirle .baslik { color: #000; font-size: 28px; font-weight: 600; margin-bottom: 11px; text-align: center; }
.instBelirle .icerik { line-height: 25px; font-size: 18px; text-align: center; }
.instBelirle .item { position: relative; width: 100%; margin-bottom: 35px; }
.instBelirle .item:nth-child(2n) { position: relative; }
.instBelirle .item:nth-child(2n) .metin { position: absolute; right: 0; }
.instBelirle .item .metin { width: 50%; padding: 75px 0; margin-right: 30px; position: relative; }
.instBelirle .item .metin .title { font-size: 28px; color: #000; font-weight: 600; margin-bottom: 15px; }
.instBelirle .item .metin .subtitle { font-size: 18px; line-height: 25px; }
.instBelirle .item .metin .subtitle ul { display: flex; flex-wrap: wrap; }
.instBelirle .item .metin .subtitle ul li { width: 50%; position: relative; margin-bottom: 15px; padding-left: 30px; }
.instBelirle .item .metin .subtitle p { margin-bottom: 15px; }
.instBelirle .item .metin .subtitle ul li:before { content: ""; position: absolute; width: 20px; height: 20px; border: 3px solid var(--tema-renk1); left: 0; border-radius: 50%; }
.instBelirle .item .metin .subtitle ul li:after { content: ""; position: absolute; width: 10px; height: 20px; border-bottom: 3px solid var(--tema-renk2); border-right: 3px solid var(--tema-renk2); left: 10px; rotate: 45deg; top: -5px; }
.instBelirle .item figure { }
.instBelirle .item figure img { width: 450px; height: auto; max-width: 100%; }
/************************/
.instFktr { background: #fff; padding-bottom: 94px; }
.instFktr svg { width: calc(40% + 1.3px); height: 44px; position: relative; left: 50%; display: block; transform: translateX(-50%); margin-bottom: 41px; fill: #f2f2f2; top: -3px; }
.instFktr .kapsul { }
.instFktr .kapsul .title { font-size: 28px; font-weight: 600; color: #000; margin-bottom: 15px; text-align: center; }
.instFktr .kapsul .subtitle { font-size: 18px; color: #000; margin-bottom: 15px; text-align: center; line-height: 30px; }
.instFktr .kapsul .subtitle p { margin-bottom: 20px; }
.instFktr .kapsul .subtitle h2 { color: #fff; font-size: 28px; font-weight: 600; font-family: var(--icerik-fontu); margin: 0 auto 20px; }
.instFktr .item { width: calc(50% - 20px); margin: 10px; background: #fff; border-radius: 10px; padding: 10px; box-shadow: 0 0 6px 2px #00000017; }
.instFktr .item figure { max-width: 300px; margin: 0 auto; }
.instFktr .item figure img { }
.instFktr .item .baslik { text-align: center; font-size: 22px; font-weight: 600; color: #000; margin: 15px auto; height: 50px; }
.instFktr .item .ozet { text-align: center; font-size: 18px; line-height: 30px; margin: 0 auto 20px; }
/************************/
.instFktrDgr { background: var(--tema-renk1); margin-top: 90px; padding-bottom: 90px; }
.instFktrDgr .row { align-items: center; }
.instFktrDgr svg { width: calc(40% + 1.3px); height: 44px; position: relative; left: 50%; display: block; transform: translateX(-50%); margin-bottom: 41px; fill: #ffffff; top: -3px; }
.instFktrDgr .kapsul { width: 50%; font-size: 32px; color: #fff; line-height: 41px; }
.instFktrDgr .kapsul .title { }
.instFktrDgr .kapsul .subtitle { }
.instFktrDgr .kapsul .subtitle { }
.instFktrDgr .items { width: 50%; }
.instFktrDgr .item { position: relative; }
.instFktrDgr .item .row { }
.instFktrDgr .item figure { position: absolute; top: 0; left: 0; background: var(--tema-renk2); width: 35px; height: 35px; border-radius: 50%; }
.instFktrDgr .item figure img { margin: 5px; }
.instFktrDgr .item .icerik { padding-left: 45px; }
.instFktrDgr .item .icerik .baslik { font-size: 22px; color: #fff; margin-bottom: 10px; font-weight: 600; }
.instFktrDgr .item .icerik .ozet { font-size: 16px; color: #ffffff; line-height: 30px; }
/************************/
.instTurler { background: #f2f2f2; padding: 95px 0; position: relative; }
.instTurler svg { width: calc(40% + 1.3px); height: 44px; position: absolute; left: 50%; display: block; transform: translateX(-50%); margin-bottom: 41px; fill: var(--tema-renk1); top: -3px; }
.instTurler .baslik { color: #000; font-size: 28px; font-weight: 600; margin-bottom: 11px; text-align: center; }
.instTurler .icerik { line-height: 25px; font-size: 18px; text-align: center; }
.instTurler .item { position: relative; width: 100%; height: initial; margin-bottom: 29px; }
.instTurler .item:nth-child(2n) { position: relative; height: 460px; }
.instTurler .item:nth-child(2n) .metin { position: absolute; right: 0; }
.instTurler .item .metin { width: 50%; margin-right: 30px; position: relative; }
.instTurler .item .metin .title { font-size: 28px; color: #000; font-weight: 600; margin-bottom: 15px; }
.instTurler .item .metin .subtitle { font-size: 18px; line-height: 25px; }
.instTurler .item .metin .subtitle p { margin-bottom: 15px; }
.instTurler .item figure { }
.instTurler .item figure img { height: auto; width: 450px; }
/************************/
.instKntrl { padding-bottom: 75px; }
.instKntrl svg { width: calc(40% + 1.3px); height: 44px; position: relative; left: 50%; display: block; transform: translateX(-50%); margin-bottom: 41px; fill: #f2f2f2; top: -3px; }
.instKntrl .metin { }
.instKntrl .metin .baslik { font-size: 28px; color: #000; font-weight: 600; margin-bottom: 15px; text-align: center; }
.instKntrl .metin .icerik { font-size: 16px; color: #000; line-height: 30px; }
.instKntrl .metin .icerik ul { display: flex; flex-wrap: wrap; }
.instKntrl .metin .icerik ul li { width: 50%; position: relative; padding-left: 35px; margin-bottom: 15px; }
.instKntrl .metin .icerik ul li:before { content: ""; position: absolute; width: 20px; height: 20px; border: 3px solid var(--tema-renk1); left: 0; border-radius: 50%; }
.instKntrl .metin .icerik ul li:after { content: ""; position: absolute; width: 10px; height: 20px; border-bottom: 3px solid var(--tema-renk2); border-right: 3px solid var(--tema-renk2); left: 10px; rotate: 45deg; top: -5px; }
/************************/
.miniteklif { background: #f2f2f2; padding: 50px 0; }
.pktminiteklif { background: var(--tema-renk2); padding: 25px; position: relative; border-radius: 5px; }
.pktminiteklif .content { color: #fff; margin-right: 25px; padding-left: 60px; }
.pktminiteklif .content .baslik { font-size: 26px; font-weight: 600; margin-bottom: 10px; }
.pktminiteklif .content .icerik { line-height: 25px; }
.pktminiteklif button { width: 50px; height: 50px; position: absolute; right: 45px; top: 50%; border-radius: 50%; transform: translateY(-50%); margin: 0; padding: 0; background: #fff; }
.pktminiteklif button:hover:after { border-color: #fff; }
.pktminiteklif button:after { content: ""; border-bottom: 3px solid #000; border-right: 3px solid #000; position: absolute; width: 10px; height: 10px; transform: rotate(315deg); top: 19px; right: 20px; }
/************************/
.youtNeden { padding: 90px 0; }
.youtNeden .row { }
.youtNeden .icerik { width: 65%; margin-right: 30px; }
.youtNeden .icerik h2 { font-size: 28px; font-weight: 600; color: #000; font-family: 'Montserrat'; }
.youtNeden .icerik p { }
.youtNeden figure { padding: 30px 0; }
.youtNeden figure img { }
/************************/
.youtTurler { background: var(--tema-renk1); padding-bottom: 50px; }
.youtTurler svg { width: calc(40% + 1.3px); height: 44px; position: relative; left: 50%; display: block; transform: translateX(-50%); margin-bottom: 41px; fill: #ffffff; top: -3px; }
.youtTurler .metin { }
.youtTurler .metin .baslik { font-size: 32px; color: #fff; font-weight: 600; margin-bottom: 15px; text-align: center; }
.youtTurler .metin .icerik { display: flex; flex-wrap: wrap; }
.youtTurler .metin .icerik .bir { width: 50%; padding-right: 25px; }
.youtTurler .metin .icerik .bir p { color: #fff; }
.youtTurler .metin .icerik .bir h2 { position: relative; font-size: 28px; font-weight: 600; color: #fff; padding-left: 35px; }
.youtTurler .metin .icerik .bir h3 { position: relative; font-size: 22px; font-weight: 600; color: #fff; padding-left: 35px; margin-left: 30px; }
.youtTurler .metin .icerik .bir h2:before, .youtTurler .metin .icerik .bir h3:before { content: ""; position: absolute; width: 20px; height: 20px; border: 3px solid #ffff; left: 0; border-radius: 50%; top: 5px; }
.youtTurler .metin .icerik .bir h2:after, .youtTurler .metin .icerik .bir h3:after { content: ""; position: absolute; width: 10px; height: 20px; border-bottom: 3px solid var(--tema-renk2); border-right: 3px solid var(--tema-renk2); left: 10px; rotate: 45deg; top: 0; }
/************************/
.youtDgrFaktor { margin: 75px 0; }
.youtDgrFaktor .metin { }
.youtDgrFaktor .metin .baslik { font-size: 32px; color: #000; font-weight: 600; text-align: center; text-transform: capitalize; width: 675px; margin: 0 auto 15px; max-width: 100%; }
.youtDgrFaktor .metin .icerik { }
.youtDgrFaktor .metin .icerik h2 { font-size: 22px; color: #111; font-weight: 600; }
.youtDgrFaktor .metin .icerik ul { padding-left: 26px; }
.youtDgrFaktor .metin .icerik ul li { position: relative; padding-left: 26px; margin-bottom: 15px; }
.youtDgrFaktor .metin .icerik ul li:before { content: ""; position: absolute; width: 12px; height: 12px; border: 2px solid var(--tema-renk1); left: 0; border-radius: 50%; top: 2px; }
.youtDgrFaktor .metin .icerik ul li:after { content: ""; position: absolute; width: 5px; height: 13px; border-bottom: 3px solid var(--tema-renk2); border-right: 3px solid var(--tema-renk2); left: 7px; rotate: 45deg; top: -2px; }
/************************/
.youtFaktor { padding: 55px 0; }
.youtFaktor .metin { }
.youtFaktor .metin .row { align-items: center; }
.youtFaktor .metin .baslik { font-size: 32px; color: #000; font-weight: 600; text-align: center; text-transform: capitalize; width: 675px; margin: 0 auto 15px; max-width: 100%; }
.youtFaktor .metin .icerik { /* padding: 37px 0; */ }
.youtFaktor .metin .icerik h2 { font-size: 22px; color: #111; font-weight: 600; }
.youtFaktor .metin .icerik ul { padding-left: 26px; }
.youtFaktor .metin .icerik ul li { position: relative; padding-left: 26px; margin-bottom: 15px; font-size: 24px; font-weight: 600; color: #111; }
.youtFaktor .metin .icerik ul li:before { content: ""; position: absolute; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 20px solid var(--tema-renk2); left: 0; top: 3px; }
.youtFaktor .metin .icerik ul li:after { content: ""; position: absolute; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 20px solid var(--tema-renk2); left: 0; top: 8px; }
.youtFaktor .metin figure { margin: 0 auto; }
.youtFaktor .metin figure img { max-height: 275px; width: auto; }
/************************/
.youtNdn { padding: 50px 0; background: #f2f2f2; }
.youtNdn .title { font-size: 32px; color: #000; font-weight: 600; text-align: center; margin-bottom: 25px; }
.youtNdn .item { width: calc(33.3% - 20px); margin: 10px; background: #fff; box-shadow: 0 0 8px 2px #0000000a; padding: 15px; border-radius: 10px; }
.youtNdn .item .sayi { text-align: center; font-size: 60px; font-weight: 600; border: 2px dashed var(--tema-renk1); border-radius: 50%; width: 80px; height: 80px; margin: 15px auto; color: var(--tema-renk1); }
.youtNdn .item .baslik { text-align: center; width: 275px; margin: 0 auto 17px; font-size: 18px; text-transform: capitalize; line-height: 30px; }
/************************/
.youtFayda { background: #f2f2f2; padding: 70px 0; }
.youtFayda .metin { }
.youtFayda .metin .baslik { font-size: 32px; color: #000; font-weight: 600; text-align: center; margin-bottom: 25px; }
.youtFayda .metin .icerik { }
.youtFayda .metin .icerik ul { padding-left: 26px; display: flex; flex-wrap: wrap; }
.youtFayda .metin .icerik ul li { position: relative; padding-left: 26px; margin-bottom: 15px; width: 50%; color: #000; }
.youtFayda .metin .icerik ul li:before { content: ""; position: absolute; width: 12px; height: 12px; border: 2px solid var(--tema-renk1); left: 0; border-radius: 50%; top: 2px; }
.youtFayda .metin .icerik ul li:after { content: ""; position: absolute; width: 5px; height: 13px; border-bottom: 3px solid var(--tema-renk2); border-right: 3px solid var(--tema-renk2); left: 7px; rotate: 45deg; top: -2px; }
/************************/
.youtIpucu { padding: 0 0 75px; background: #f2f2f2; }
.youtIpucu .metin { }
.youtIpucu .metin .baslik { font-size: 32px; color: #000; font-weight: 600; text-align: center; margin-bottom: 25px; }
.youtIpucu .metin .icerik { }
.youtIpucu .metin .icerik ul { padding-left: 26px; display: flex; align-content: center; }
.youtIpucu .metin .icerik ul li { position: relative; color: #fff; background: var(--tema-renk1); margin-right: 30px; text-align: center; padding: 15px 7px; border-radius: 10px; line-height: 25px; }
/************************/
.youtBasari { background: var(--tema-renk1); padding-bottom: 65px; }
.youtBasari svg { width: calc(40% + 1.3px); height: 44px; position: relative; left: 50%; display: block; transform: translateX(-50%); margin-bottom: 41px; fill: #f2f2f2; top: -3px; }
.youtBasari .title { font-size: 32px; color: #fff; font-weight: 600; text-align: center; margin-bottom: 25px; }
.youtBasari .subtitle { font-size: 16px; color: #f1f1f1; text-align: center; line-height: 25px; margin-bottom: 12px; }
.youtBasari .item { width: calc(33.3% - 20px); margin: 10px; border: 2px solid #fff; padding: 15px; }
.youtBasari .item figure { width: 65px; height: 65px; margin: 0 auto; background: var(--tema-renk2); border-radius: 50%; }
.youtBasari .item figure img { margin: 0 auto; padding: 10px; }
.youtBasari .item .baslik { text-align: center; color: #fff; font-size: 20px; font-weight: 600; margin: 15px 0; }
.youtBasari .item .icerik { color: #fff; }
/************************/
.youtDahil { position: relative; padding: 90px 0; background: #f2f2f2; }
.youtDahil .kapsul { text-align: center; padding-bottom: 30px; }
.youtDahil .kapsul .baslik { color: #000; font-size: 28px; font-weight: 600; margin-bottom: 11px; }
.youtDahil .kapsul .ozet { color: #000; font-size: 18px; line-height: 30px; }
.youtDahil figure { position: absolute; left: 50%; transform: translate(-50%, -50%); top: 55%; }
.youtDahil figure img { height: 400px; }
.youtDahil .row { justify-content: space-between; }
.youtDahil .item { width: 35%; margin: 45px; position: relative; text-align: center; }
.youtDahil .item:before { content: ""; position: absolute; width: 25px; height: 25px; background: var(--tema-renk2); top: -30px; rotate: 45deg; border-radius: 4px; }
.youtDahil .item:after { content: ""; position: absolute; width: 25px; height: 25px; background: var(--tema-renk2); top: -29px; border-radius: 3px; }
.youtDahil .item .baslik { color: #111; font-size: 24px; font-weight: 600; line-height: 35px; }
.youtDahil .item .ozet { color: #111; line-height: 26px; }
/************/
#premiumCat { }
#premiumCat .item { position: relative; margin: 35px 0; z-index: 4; border-radius: 0.5rem; overflow: hidden; }
#premiumCat .item .icerik { position: absolute; z-index: 10; top: 50%; transform: translateY(-50%); padding-left: 30px; }
#premiumCat .item .icerik .title { color: #ffffff !important; font-size: 32px !important; max-width: 450px !important; margin: 15px 0 13px; }
#premiumCat .item .icerik .subtitle { text-transform: capitalize; color: rgba(255,255,255,0.45) !important; font-family: var(--icerik-fontu); font-size: 21px !important; letter-spacing: -1px !important; line-height: 30px; }
#premiumCat .item .icerik .content p { -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; color: #ffffff !important; font-size: 18px !important; line-height: 25px !important; max-width: 450px !important; margin-top: 25px !important; display: none; }
#premiumCat .item .icerik a { font-size: 16px; line-height: 30px; font-weight: 500; text-transform: uppercase; letter-spacing: .5px; padding: 8px 16px; background: transparent; border-color: #ffffff; color: #ffffff !important; position: relative; display: inline-block; margin-top: 25px !important; width: fit-content; }
#premiumCat .item .bg { }
#premiumCat .item .bg img { width: 100%; height: auto; border-radius: 15px; position: relative; }
#premiumCat .item .abs { position: absolute; height: auto; top: 0; width: 100%; }
#premiumCat .item .icerik a:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: inherit; border-style: solid; border-color: inherit; border-image: inherit; border-width: 1px; }
/************************/
.premiumDet { }
.premiumDet .item { position: relative; z-index: 4; margin: 0 0 49px; overflow: hidden; }
.premiumDet .item .icerik { position: absolute; top: 50%; transform: translateY(-50%); left: 7%; }
.premiumDet .item .icerik .kapsul { }
.premiumDet .item .icerik .title { color: #ffffff !important; font-size: 32px !important; max-width: 450px !important; margin: 15px 0 13px; }
.premiumDet .item .icerik .subtitle { text-transform: capitalize; color: rgba(255,255,255,0.45) !important; font-family: var(--icerik-fontu); font-size: 21px !important; letter-spacing: -1px !important; line-height: 30px; }
.premiumDet .item .icerik .content p { -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; color: #ffffff !important; font-size: 18px !important; line-height: 25px !important; max-width: 450px !important; margin-top: 25px !important; display: none; }
.premiumDet .item .icerik a { font-size: 16px; line-height: 30px; font-weight: 500; text-transform: uppercase; letter-spacing: .5px; padding: 8px 16px; background: transparent; border-color: #ffffff; color: #ffffff !important; position: relative; display: inline-block; margin-top: 25px !important; width: fit-content; }
.premiumDet .item .bg { }
.premiumDet .item .bg img { width: 100%; height: auto; position: relative; }
.premiumDet .item .abs { position: absolute; height: auto; width: 100%; top: 0; }
.premiumDet .item .icerik a:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: inherit; border-style: solid; border-color: inherit; border-image: inherit; border-width: 1px; }
/************************/
#galeri { margin: 75px 0; }
#galeri .resimler { background: none; padding: 0; }
#galeri .baslik { font-size: 24px; font-weight: 600; margin-bottom: 25px; padding: 10px 15px; color: var(--tema-renk2); margin-top: 0px; position: relative; }
#galeri .baslik:after, .fotogaleri .baslik:before { content: ''; background-color: var(--tema-renk2); position: absolute; }
#galeri .baslik:before { height: 39px; width: 1px; left: 0px; top: 9px; }
#galeri .baslik:after { height: 1px; width: 105px; left: 0px; margin: auto; bottom: 0; }
#galeri .resimler .oge { width: calc(33% - 20px); height: 245px; margin: 10px; }
#galeri a { overflow: hidden; display: block; position: relative; height: 100%; border-radius: 10px; box-shadow: 0 10px 20px rgb(0 0 0 / 3%), 0 6px 6px rgb(0 0 0 / 23%); transition: all 750ms ease !important; }
#galeri a:hover { transform: scale(1.15); z-index: 1; }
#galeri a:after { content: ""; background: rgb(24 24 24 / 61%); box-shadow: 0 0 0 0 #fff inset; transition: all 750ms ease; display: block; position: absolute; top: 0; left: 0; height: 100%; opacity: .7; width: 100%; }
#galeri a:hover:after { opacity: 0; }
#galeri a:before { content: "+"; display: block; position: absolute; left: 50%; opacity: .6; top: 50%; transform: translate(-50%,-50%); z-index: 5; color: #fff; font-size: 30px; border: solid 2px #fff; border-radius: 50%; width: 36px; height: 36px; text-align: center; line-height: 29px; padding: 5px 5px 0; }
#galeri a:hover:before { opacity: 0; }
#galeri a img { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); min-height: 100%; height: auto; transition: all 750ms ease; }
#galeri a .aciklama { position: absolute; bottom: 8px; color: #fff; z-index: 9; font-weight: 600; font-size: 20px; width: 250px; text-align: center; margin: 0 auto; max-width: 100%; left: 50%; transform: translateX(-50%); }
#galeri a:hover .aciklama { }
/***********/
.bakimneden { background: var(--tema-renk1); padding-bottom: 94px; }
.bakimneden svg { width: calc(40% + 1.3px); height: 44px; position: relative; left: 50%; display: block; transform: translateX(-50%); margin-bottom: 41px; fill: #e9e9e9; top: -3px; }
.bakimneden .kapsul { }
.bakimneden .kapsul .title { font-size: 28px; font-weight: 600; color: #fff; margin-bottom: 15px; text-align: center; }
.bakimneden .kapsul .subtitle { font-size: 18px; color: #fff; margin-bottom: 15px; text-align: center; line-height: 30px; }
.bakimneden .kapsul .subtitle p { margin-bottom: 20px; }
.bakimneden .kapsul .subtitle h2 { color: #fff; font-size: 28px; font-weight: 600; font-family: var(--icerik-fontu); margin: 0 auto 20px; }
.bakimneden .item { width: calc(33.3% - 20px); margin: 10px; background: #fff; border-radius: 10px; padding: 10px; box-shadow: 0 0 6px 2px #00000017; }
.bakimneden .item figure { max-width: 300px; margin: 0 auto; }
.bakimneden .item figure img { }
.bakimneden .item .baslik { text-align: center; font-size: 22px; font-weight: 600; color: #000; margin: 15px auto; height: 50px; }
.bakimneden .item .ozet { text-align: center; font-size: 18px; line-height: 30px; margin: 0 auto 20px; }
.bakimneden .content { font-size: 18px; color: #fff; text-align: center; line-height: 33px; margin: 30px auto; }
.bakimpaketMini { background: var(--tema-renk1); padding: 0 0 50px; }
/************************/
.premiumWebBakim { padding: 90px 0; background: #f2f2f2; }
.premiumWebBakim .baslik { color: #000; font-size: 28px; font-weight: 600; margin-bottom: 11px; text-align: center; }
.premiumWebBakim .ozet p { line-height: 25px; font-size: 18px; text-align: center; }
.premiumWebBakim .ozet h2 { color: #000; font-size: 28px; font-weight: 600; margin-bottom: 11px; text-align: center; }
.premiumWebBakim .ozet ul { display: flex; flex-wrap: wrap; margin-top: 22px; }
.premiumWebBakim .ozet ul li { width: 50%; position: relative; padding-left: 35px; margin-bottom: 15px; }
.premiumWebBakim .ozet ul li:before { content: ""; position: absolute; width: 20px; height: 20px; border: 3px solid var(--tema-renk1); left: 0; border-radius: 50%; }
.premiumWebBakim .ozet ul li:after { content: ""; position: absolute; width: 10px; height: 20px; border-bottom: 3px solid var(--tema-renk2); border-right: 3px solid var(--tema-renk2); left: 10px; rotate: 45deg; top: -5px; }
/******/
.bakimFktr { background: #fff; padding-bottom: 94px; }
.bakimFktr svg { width: calc(40% + 1.3px); height: 44px; position: relative; left: 50%; display: block; transform: translateX(-50%); margin-bottom: 41px; fill: #f2f2f2; top: -3px; }
.bakimFktr .kapsul { }
.bakimFktr .kapsul .title { font-size: 28px; font-weight: 600; color: #000; margin-bottom: 15px; text-align: center; }
.bakimFktr .kapsul .subtitle { font-size: 18px; color: #000; margin-bottom: 15px; text-align: center; line-height: 30px; }
.bakimFktr .kapsul .subtitle p { margin-bottom: 20px; }
.bakimFktr .kapsul .subtitle h2 { color: #000; font-size: 28px; font-weight: 600; font-family: var(--icerik-fontu); margin: 0 auto 20px; }
.bakimFktr .item { width: calc(25% - 20px); margin: 10px; background: #fff; border-radius: 10px; padding: 10px; box-shadow: 0 0 6px 2px #00000017; }
.bakimFktr .item figure { max-width: 308px; margin: 0 auto; }
.bakimFktr .item figure img { margin: 0 auto; height: 150px; }
.bakimFktr .item .baslik { text-align: center; font-size: 22px; font-weight: 600; color: #000; margin: 15px auto; height: 50px; }
.bakimFktr .item .ozet { text-align: center; font-size: 18px; line-height: 30px; margin: 0 auto 20px; }
/************************/
.bakimTklIcerir { background: #f2f2f2; margin-top: 90px; padding-bottom: 90px; }
.bakimTklIcerir .row { }
.bakimTklIcerir svg { width: calc(40% + 1.3px); height: 44px; position: relative; left: 50%; display: block; transform: translateX(-50%); margin-bottom: 41px; fill: #ffffff; top: -3px; }
.bakimTklIcerir .kapsul { text-align: center; max-width: 100%; }
.bakimTklIcerir .kapsul .title { width: 750px; font-size: 32px; color: #000; line-height: 41px; margin: 0 auto 10px; font-weight: 600; max-width: 100%; }
.bakimTklIcerir .kapsul .subtitle { font-size: 20px; color: #000; line-height: 41px; margin: 0 auto 10px; font-weight: 600; }
.bakimTklIcerir .kapsul .content { font-size: 16px; color: #000; line-height: 25px; margin: 0 auto 25px; }
.bakimTklIcerir .item { width: calc(50% - 10px); background: #fff; border-radius: 6px; padding: 10px 10px 0; box-shadow: 0 0 6px 2px #00000017; position: relative; margin-right: 5px; }
.bakimTklIcerir .item .row { }
.bakimTklIcerir .item figure { position: absolute; top: 10px; left: 10px; background: var(--tema-renk2); width: 35px; height: 35px; border-radius: 50%; }
.bakimTklIcerir .item figure img { margin: 7px; }
.bakimTklIcerir .item .icerik { padding-left: 45px; }
.bakimTklIcerir .item .icerik .baslik { font-size: 22px; color: #000; margin: 5px 0 15px; font-weight: 600; }
.bakimTklIcerir .item .icerik .ozet { font-size: 16px; color: #111111; line-height: 30px; }
.bakimTklIcerir .item .icerik .ozet h2 { display: flex; position: relative; padding-left: 44px; font-size: 22px; color: #000; align-items: flex-end; padding-top: 6px; }
.bakimTklIcerir .item .icerik .ozet h2 img { width: 24px; height: 24px; position: absolute; z-index: 1; left: 8px; top: 8px; }
.bakimTklIcerir .item .icerik .ozet h2:before { content: ""; position: absolute; width: 40px; height: 40px; background: var(--tema-renk2); left: 0; top: 0; border-radius: 50%; }
.bakimTklIcerir .item .icerik .ozet ul { padding: 0 21px; }
.bakimTklIcerir .item .icerik .ozet li { position: relative; margin-bottom: 25px; padding-left: 40px; }
.bakimTklIcerir .item .icerik .ozet li:before { content: ""; position: absolute; width: 5px; height: 5px; background: #000; top: 12px; left: 24px; border-radius: 50%; }
/************************/
.bakimPaketleri { /* padding: 10px 0 0 0; */ position: relative; background: #e9e9e9; /* margin-top: 45px; */ }
.bakimPaketleri table { border: none; color: #000000; width: 100% !important; font-size: 14px; position: relative; }
.bakimPaketleri table tr { position: relative; }
.bakimPaketleri table tr td { border: none; vertical-align: top; }
.bakimPaketleri table tr td .baslik { height: 100px; }
.bakimPaketleri table tr td:first-child { line-height: 24px; }
.bakimPaketleri table tr td:first-child li:before { display: none; }
.bakimPaketleri table tr td:first-child li:after { display: none; }
.bakimPaketleri table tr td:first-child li { padding: 18px 5px 10px 11px !important; }
.bakimPaketleri .item .ozet ul li { height: 75px; }
.bakimPaketleri table tr td:not(.bakimPaketleri table tr td:first-child) p:first-child { color: var(--tema-renk2); font-size: 16px; letter-spacing: .5px; font-weight: 600; }
.bakimPaketleri table p { margin-bottom: 20px; line-height: 22px; font-size: 13px; letter-spacing: .2px; }
/************************/
.nedenWebBakim { padding: 0 0 90px; }
.nedenWebBakim svg { width: calc(40% + 1.3px); height: 44px; position: relative; left: 50%; display: block; transform: translateX(-50%); margin-bottom: 41px; fill: #f2f2f2; top: -3px; }
.nedenWebBakim .baslik { color: #000; font-size: 28px; font-weight: 600; margin-bottom: 11px; text-align: center; }
.nedenWebBakim .ozet p { line-height: 25px; font-size: 18px; text-align: center; }
.nedenWebBakim .ozet h2 { color: #000; font-size: 28px; font-weight: 600; margin-bottom: 11px; text-align: center; }
.nedenWebBakim .ozet ul { display: flex; flex-wrap: wrap; margin-top: 22px; }
.nedenWebBakim .ozet ul li { width: 50%; position: relative; padding-left: 35px; margin-bottom: 15px; }
.nedenWebBakim .ozet ul li:before { content: ""; position: absolute; width: 20px; height: 20px; border: 3px solid var(--tema-renk1); left: 0; border-radius: 50%; }
.nedenWebBakim .ozet ul li:after { content: ""; position: absolute; width: 10px; height: 20px; border-bottom: 3px solid var(--tema-renk2); border-right: 3px solid var(--tema-renk2); left: 10px; rotate: 45deg; top: -5px; }
/******/
.zenginWebBakim { background: #f2f2f2; padding: 90px 0; }
.zenginWebBakim .baslik { width: 750px; font-size: 32px; color: #000; line-height: 41px; margin: 0 auto 10px; font-weight: 600; max-width: 100%; text-align: center; }
.zenginWebBakim .ozet { font-size: 16px; line-height: 30px; }
.zenginWebBakim .ozet p { margin-bottom: 15px; }
.zenginWebBakim .kisaozet { font-size: 20px; color: #000; line-height: 41px; margin: 0 auto 10px; font-weight: 600; text-align: center; }
/******/
.sayfafull { margin: 25px 0; font-size: 16px; line-height: 30px; display: none; }
/******/
.tabloyama { overflow-x: auto; margin-right: -20px; padding-bottom: 20px; margin: 25px 0; }
/******/
.youtubeKatıl { margin: 90px 0; }
.youtubeKatıl .row { align-items: center; }
.youtubeKatıl .kapsul .item { width: calc(33.333% - 30px); margin: 15px; display: flex; align-items: center; background: #f1f1f1; padding: 27px; height: 114px; }
.youtubeKatıl .kapsul .item .sayi { font-size: 75px; font-weight: 600; color: #838383; margin-right: 24px; }
.youtubeKatıl .kapsul .item .ozet { font-size: 15px; line-height: 24px; font-weight: 600; color: #838383; }
.youtubeKatıl .kapsul .item:hover { background: #2902d8; }
.youtubeKatıl .kapsul .item:hover .sayi { color: #fff; }
.youtubeKatıl .kapsul .item:hover .ozet, .youtubeKatıl .kapsul .item:hover .ozet a { color: #fff; }
/******/
.ilTepe { position: relative; }
.ilTepe:before { content: ""; display: block; position: absolute; left: 0; width: 20%; height: 2px; background: #5c98d2; z-index: 1; top: 50%; }
.ilTepe:after { content: ""; position: absolute; background: #5c98d2; display: block; right: 0; width: 20%; height: 2px; z-index: 1; top: 34%; }
.ilTepe .bg { }
.ilTepe .bg:before { content: ""; position: absolute; left: 0; top: 0; background: #000; width: 100%; height: 100%; opacity: .6; }
.ilTepe .bg img { height: 640px; width: 100%; }
.ilTepe .baslik { position: absolute; top: 50%; left: 20%; right: 20%; transform: translateY(-50%); z-index: 9; }
.ilTepe .baslik h1 { font-size: 64px; color: #fff; font-weight: 600; line-height: 65px; width: 60%; padding-left: 20px; }
.ilTepe .baslik .subtitle { font-size: 20px; color: #fff; font-weight: 400; line-height: 31px; margin-top: -30px; width: 40%; }
/******/
.ilHakkimizda { padding: 75px 0 40px; position: relative; overflow: hidden; }
.ilHakkimizda:before { content: ""; position: absolute; background: url(/d/r/ilok.png); width: 664px; height: 802px; left: -100px; top: 0; opacity: 0.4; z-index: -1; }
.ilHakkimizda .row { align-items: center; }
.ilHakkimizda .metin { width: 70%; margin-right: 38px; }
.ilHakkimizda .metin .title { font-size: 18px; color: var(--tema-renk2); font-weight: 600; line-height: 24px; }
.ilHakkimizda .metin .subtitle { font-size: 40px; color: #000; font-weight: 600; line-height: 40px; margin: 10px 0; text-transform: capitalize; position: relative; }
.ilHakkimizda .metin .subtitle:after { content: "."; position: absolute; bottom: 0; font-size: 40px; font-weight: 600; color: #aca084; line-height: 40px; }
.ilHakkimizda .metin .content { font-size: 18px; font-weight: 400; line-height: 25px; }
.ilHakkimizda .metin .content p { margin-bottom: 22px; }
.ilHakkimizda figure { }
.ilHakkimizda figure img { }
/******/
.ilTasarimOrtak { background: var(--tema-renk1); padding: 75px 0; position: relative; overflow: hidden; }
.ilTasarimOrtak:before { content: ""; position: absolute; background: url(/d/r/ilciftcizgi.png); width: 100px; height: 88px; right: 40px; top: 0; }
.ilTasarimOrtak .kapsul0 { margin: 0 10px 35px 0; }
.ilTasarimOrtak .kapsul0 .metin { }
.ilTasarimOrtak .kapsul0 .title { color: var(--tema-renk2); font-size: 18px; font-weight: 600; line-height: 25px; }
.ilTasarimOrtak .kapsul0 .metin .subtitle { color: #fff; display: block; font-size: 31px; font-weight: 600; line-height: 40px; margin: 0 0 10px; width: 50%; position: relative; }
.ilTasarimOrtak .kapsul0 .metin .subtitle p { position: relative }
.ilTasarimOrtak .kapsul0 .metin .subtitle p:after { content: "."; position: absolute; bottom: 0; color: #aca084; }
.ilTasarimOrtak .kapsul0 .metin .content { width: 50%; color: #fff; display: block; font-size: 18px; font-weight: 400; line-height: 30px; }
.ilTasarimOrtak .item { margin: 15px; position: relative; }
.ilTasarimOrtak .item:nth-child(2) { margin-top: 45px; }
.ilTasarimOrtak .item:nth-child(3) { margin-top: 75px; }
.ilTasarimOrtak .item figure { position: relative; }
.ilTasarimOrtak .item figure:before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: linear-gradient(0deg, #222059 5%, transparent 95%); }
.ilTasarimOrtak .item figure img { }
.ilTasarimOrtak .item .baslik { position: absolute; bottom: 25%; left: 25px; color: #fff; font-size: 30px; font-weight: 600; line-height: 30px; }
/******/
#ilEkonomik { margin: 75px 0; }
#ilEkonomik .kapsul0 { margin-bottom: 27px; }
#ilEkonomik .kapsul0 .title { color: var(--tema-renk2); font-size: 40px; font-weight: 600; line-height: 40px; margin-bottom: 10px; position: relative; }
#ilEkonomik .kapsul0 .title:after { content: "."; color: #aca084; }
#ilEkonomik .kapsul0 .subtitle { color: #111; font-size: 18px; font-weight: 400; line-height: 30px; margin-bottom: 20px; }
#ilEkonomik .swiper-slide { }
#ilEkonomik .item { margin-right: 15px; border: 1px solid #111; padding: 20px; transition: all 1000ms ease; }
#ilEkonomik .item .kapsul1 { padding: 15px; text-align: center; }
#ilEkonomik .item .baslik { color: #1c2c39; font-size: 24px; font-weight: 600; margin-bottom: 10px; }
#ilEkonomik .item .fiyat { font-size: 35px; font-weight: 600; color: #1c2b39; margin-bottom: 31px; line-height: 35px; }
#ilEkonomik .item .kisaOzet { font-size: 18px; font-weight: 400; line-height: 22px; margin-bottom: 5px; color: #0e1323; }
#ilEkonomik .item .icerik { }
#ilEkonomik .item .icerik ul li { color: #0e1323; font-size: 17px; font-weight: 400; line-height: 25px; margin-bottom: 10px; }
#ilEkonomik .item .icerik ul li strong { color: #1c2b39; font-size: 22px; font-weight: 600; margin: 30px 0 10px 0; display: block; }
#ilEkonomik .item .icerik p { margin-bottom: 14px; }
#ilEkonomik .item .icerik p em { color: #0e1323; font-size: 16px; font-style: normal; font-weight: 400; line-height: 17px; }
#ilEkonomik .item:hover { background: var(--tema-renk1); border: none; }
#ilEkonomik .item:hover .kapsul1 { border-color: #fff; }
#ilEkonomik .item:hover .kapsul1 .baslik, #ilEkonomik .item:hover .icerik ul li strong { color: #fff }
#ilEkonomik .item:hover .icerik h3, #ilEkonomik .item:hover .icerik ul li, #ilEkonomik .item:hover .icerik p em, #ilEkonomik .item:hover .fiyat, #ilEkonomik .item:hover .kisaOzet { color: #f1f1f1; }
/******/
.ilSayilar { padding: 90px 0; background-position: 50% 50%; background-attachment: scroll; background-repeat: no-repeat; background-size: cover; position: relative; }
.ilSayilar:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #000000b5; }
.ilSayilar .row { margin: -40px; }
.ilSayilar .item { width: calc(50% - 80px); margin: 40px; }
.ilSayilar .item .kapsul1 { margin-bottom: 25px; }
.ilSayilar .item .kapsul1 .baslik { font-size: 43px; color: #c9c9c9; font-weight: 600; }
.ilSayilar .item .kapsul1 .kisaOzet { font-size: 77px; color: #fff; line-height: 64px; }
.ilSayilar .item .kapsul1 .kisaOzet em { font-style: normal; color: var(--tema-renk2); }
.ilSayilar .item .icerik { font-size: 18px; line-height: 28px; color: #f1f1f1; }
/******/
.ilOzel { margin: 75px 0; }
.ilOzel .kapsul0 { margin-bottom: 27px; }
.ilOzel .kapsul0 .title { color: var(--tema-renk2); font-size: 40px; font-weight: 600; line-height: 40px; margin-bottom: 10px; position: relative; }
.ilOzel .kapsul0 .title:after { content: "."; color: #aca084; }
.ilOzel .kapsul0 .subtitle { color: #111; font-size: 18px; font-weight: 400; line-height: 30px; margin-bottom: 20px; }
.ilOzel .item { margin-right: 15px; border: 1px solid #111; padding: 20px; transition: all 1000ms ease; }
.ilOzel .item .kapsul1 { padding: 15px; text-align: center; }
.ilOzel .item .baslik { color: #1c2c39; font-size: 24px; font-weight: 600; margin-bottom: 10px; }
.ilOzel .item .fiyat { font-size: 35px; font-weight: 600; color: #1c2b39; margin-bottom: 10px; line-height: 35px; }
.ilOzel .item .icerik { font-size: 18px; font-weight: 400; line-height: 22px; margin-bottom: 5px; color: #0e1323; }
.ilOzel .item .icerik ul li { color: #0e1323; font-size: 18px; font-weight: 400; line-height: 22px; margin-bottom: 10px; }
.ilOzel .item .icerik ul li strong { color: #1c2b39; font-size: 22px; font-weight: 600; margin: 10px 0 0; display: block; }
.ilOzel .item .icerik p { margin-bottom: 14px; }
.ilOzel .item .icerik p em { color: #0e1323; font-size: 14px; font-style: normal; font-weight: 700; line-height: 17px; }
.ilOzel .item .kapsul1 a { background: var(--tema-renk1); padding: 10px 25px; margin: 30px auto 15px; display: block; color: #fff; font-size: 22px; font-weight: 600; border-radius: 8px; transition: all 750ms ease; width: 25%; }
.ilOzel .item:hover { background: var(--tema-renk1); border-color: var(--tema-renk1); }
.ilOzel .item:hover .kapsul1 { border-color: #fff; }
.ilOzel .item:hover .kapsul1 .baslik, .ilOzel .item:hover .icerik ul li strong { color: #fff }
.ilOzel .item:hover .icerik ul li, .ilOzel .item:hover .icerik p em, .ilOzel .item:hover .fiyat { color: #f1f1f1; }
.ilOzel .item .kapsul1 a:hover { background: #4faed4; }
.ilOzel .item:hover a { background: var(--tema-renk2); }
/******/
.ilWebHizmet { margin: 75px 0; background: var(--tema-renk1); padding: 75px 0; position: relative; }
.ilWebHizmet:before { content: ""; position: absolute; background: url(/d/r/ilciftcizgi.png); width: 100px; height: 88px; right: 40px; top: 0; }
.ilWebHizmet .kapsul0 { margin-bottom: 27px; }
.ilWebHizmet .kapsul0 .title { color: #fff; font-size: 40px; font-weight: 600; line-height: 40px; margin-bottom: 10px; position: relative; }
.ilWebHizmet .kapsul0 .title:after { content: "."; color: #aca084; }
.ilWebHizmet .kapsul0 .subtitle { color: #f1f1f1; font-size: 18px; font-weight: 400; line-height: 30px; margin-bottom: 20px; }
.ilWebHizmet .wrap { margin: -15px; }
.ilWebHizmet .item { width: calc(33% - 60px); position: relative; margin: 30px; }
.ilWebHizmet .item .kapsul1 { align-items: center; justify-content: flex-start; }
.ilWebHizmet figure { flex-shrink: 0; }
.ilWebHizmet figure img { }
.ilWebHizmet .baslik { font-size: 21px; color: var(--tema-renk2); line-height: 29px; letter-spacing: .1px; font-weight: 600; margin: 0 0 20px; padding: 25px 0 0 25px; height: 75px; }
.ilWebHizmet .icerik { font-size: 16px; line-height: 29px; color: #f1f1f1; }
/******/
.ilNeden { margin: 75px 0 0; background: var(--tema-renk1); padding: 75px 0; position: relative; }
.ilNeden:before { content: ""; position: absolute; background: url(/d/r/ilciftcizgi.png); width: 100px; height: 88px; right: 40px; top: 0; }
.ilNeden .kapsul0 { margin: 0 10px 35px 0; }
.ilNeden .kapsul0 .metin { }
.ilNeden .kapsul0 .title { color: var(--tema-renk2); font-size: 40px; font-weight: 600; line-height: 40px; margin-bottom: 10px; position: relative; }
.ilNeden .kapsul0 .title:after { content: "."; color: #aca084; }
.ilNeden .kapsul0 .metin .subtitle { color: #fff; display: block; font-size: 18px; line-height: 24px; margin: 0 0 10px; width: 36%; position: relative; }
.ilNeden .kapsul0 .metin .subtitle p { position: relative }
.ilNeden .kapsul0 .metin .content { width: 50%; color: #fff; display: block; font-size: 36px; font-weight: 600; line-height: 40px; }
.ilNeden .wrap { margin: -15px; }
.ilNeden .item { width: calc(33% - 60px); position: relative; margin: 30px; }
.ilNeden .item .kapsul1 { align-items: center; justify-content: flex-start; }
.ilNeden figure { flex-shrink: 0; }
.ilNeden figure img { }
.ilNeden .baslik { font-size: 21px; color: var(--tema-renk2); line-height: 29px; letter-spacing: .1px; font-weight: 600; margin: 0 0 20px; padding: 25px 0 0 25px; height: 75px; }
.ilNeden .icerik { font-size: 16px; line-height: 29px; color: #f1f1f1; }
/******/
.ilfaq { background: #fff; }
/******/
.ilFotoGaleri { margin: 15px 0; }
.ilFotoGaleri .wrap { margin: 0 -30px; }
.ilFotoGaleri .item { width: calc(33% - 30px); margin: 15px; }
.ilFotoGaleri .item figure { }
.ilFotoGaleri .item .ozet { font-size: 18px; font-weight: 600; text-align: center; display: block; margin-top: 10px; color: var(--tema-renk1); }
/******/
.seoTepe { background-color: #446084; min-height: 30px; position: relative; width: 100%; padding-top: 380px; }
.seoTepe .baslik { position: absolute; text-align: center; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.seoTepe .baslik h1 { font-size: 48px; display: block; color: #fff; font-weight: 700; line-height: 48px; margin: 10px; letter-spacing: 2.4px; font-family: Lato, sans-serif; }
.seoTepe .baslik .bir { }
.seoTepe .baslik .bilgi { background-color: #fff !important; color: #666 !important; border-color: rgba(0,0,0,.05); border: 1px solid transparent; border-radius: 0; box-sizing: border-box; cursor: pointer; display: inline-block; font-size: .97em; font-weight: bolder; letter-spacing: .03em; line-height: 2.4em; margin-right: 1em; max-width: 100%; min-height: 2.5em; padding: 0 1.2em; position: relative; text-align: center; text-decoration: none; text-shadow: none; text-transform: uppercase; transition: transform .3s,border .3s,background .3s,box-shadow .3s,opacity .3s,color .3s; vertical-align: middle; }
.seoTepe .baslik .bilgi:hover { box-shadow: inset 0 0 0 100px rgb(0 0 0 / 20%); opacity: 1; outline: none; }
.seoTepe .baslik .incele { color: #fff !important; border-color: rgba(0,0,0,.05); border-radius: 0; box-sizing: border-box; cursor: pointer; display: inline-block; font-size: .97em; font-weight: bolder; letter-spacing: .03em; line-height: 2.4em; margin-right: 1em; max-width: 100%; min-height: 2.5em; padding: 0 1.2em; position: relative; text-align: center; text-decoration: none; text-shadow: none; text-transform: uppercase; transition: transform .3s,border .3s,background .3s,box-shadow .3s,opacity .3s,color .3s; vertical-align: middle; background-color: transparent !important; border: 2px solid; }
.seoTepe .baslik .incele:hover { background-color: #fff !important; border-color: #fff; color: #666 !important; }
.seoTepe .bg { height: 100%; left: 0; margin: 0 !important; padding: 0 !important; position: absolute; right: 0; top: 0; background-repeat: no-repeat !important; background-size: cover !important; transition: filter .6s,opacity .6s,transform .6s,box-shadow .3s; background-position: 61% 47%; overflow: hidden; }
.seoTepe .bg:before { content: ""; bottom: 0; position: absolute; height: 100%; left: -1px; pointer-events: none; right: -1px; top: 0; transition: transform .3s,opacity .6s; background-color: rgba(0, 0, 0, 0.4); }
/******/
.seoHakkimizda { }
.seoHakkimizda .kat1 { min-height: 300px; background-color: #446084; color: #f1f1f1; align-items: center; display: flex; flex-flow: row; padding: 30px 0; position: relative; width: 100%; border-top: 1px solid; border-bottom: 1px solid; }
.seoHakkimizda .kat1 .content { text-align: center; padding: 0 110px; display: inline-block; }
.seoHakkimizda .kat1 .content p { padding: 0 15px; display: block; font-size: 23px; font-weight: 400; line-height: 36px; margin: 0 auto 30px; text-align: center; font-family: Lato, sans-serif; color: #f1f1f1; }
.seoHakkimizda .kat1 .content em { font-size: 20px; font-weight: 700; line-height: 34px; font-family: Lato, sans-serif; color: #f1f1f1; }
.seoHakkimizda .kat1 .content h2 { font-size: 28px; display: block; font-family: Lato, sans-serif; font-weight: 700; line-height: 36px; margin: 0 0 14px; color: #fff; }
.seoHakkimizda .kat1 .content ul { display: flex; flex-wrap: wrap; }
.seoHakkimizda .kat1 .content ul li { width: calc(33% - 23px); text-align: left; margin-bottom: 11px; color: #f1f1f1; text-shadow: 2px 2px 5px rgb(0 0 0 / 40%); font-size: 18px; font-weight: 400; line-height: 28px; list-style: disc; margin-left: 23px; font-family: Lato, sans-serif; }
.seoHakkimizda .kat2 { padding-top: 59px; padding-bottom: 59px; min-height: 300px; position: relative; }
.seoHakkimizda .kat2 .bg { height: 100%; left: 0; margin: 0 !important; padding: 0 !important; position: absolute; right: 0; top: 0; background-repeat: no-repeat !important; background-size: cover !important; background-position: center top; z-index: -1; backface-visibility: hidden; background-attachment: fixed; }
.seoHakkimizda .kat2 .bg:before { content: ""; background-color: rgba(0, 0, 0, 0.64); height: 100%; left: 0; margin: 0 !important; padding: 0 !important; position: absolute; right: 0; top: 0; }
.seoHakkimizda .kat2 .metin { z-index: 10; }
.seoHakkimizda .kat2 .metin h2 { color: #fff; font-size: 28px; text-align: center; font-weight: 700; line-height: 36px; margin: 0 0 14px; font-family: Lato, sans-serif; }
.seoHakkimizda .kat2 .metin .kisaOzet { padding: 0 30px 30px; width: 750px; margin: 0 auto; max-width: 100%; }
.seoHakkimizda .kat2 .metin .kisaOzet p { color: #f1f1f1; text-align: left; display: block; font-size: 18px; font-weight: 400; line-height: 28px; margin: 0 0 23px; font-family: Lato, sans-serif; }
/********/
.seoYerel { margin: 50px 0; }
.seoYerel .metin { padding: 0 15px 30px; }
.seoYerel .metin .baslik { text-align: center; color: #000000; font-size: 28px; font-weight: 700; line-height: 36px; margin: 0 0 14px; display: block; font-family: Lato, sans-serif; }
.seoYerel .metin .content { }
.seoYerel .metin .content p { color: #000000; font-size: 17px; line-height: 28px; margin: 0 0 22px; text-align: left; }
.seoYerel figure { }
.seoYerel figure img { margin: 0 auto; }
/******/
.seoBest { background-color: #446084; padding: 64px 0; }
.seoBest .metin { }
.seoBest .metin .baslik { color: #fff; display: block; font-size: 22px; font-weight: 700; line-height: 35px; margin: 0 0 11px; text-align: center; font-family: Lato, sans-serif; }
.seoBest .metin .content { width: 850px; margin: 0 auto; max-width: 100%; }
.seoBest .metin .content p { font-size: 18px; font-weight: 400; line-height: 28px; text-align: left; color: #f1f1f1; font-family: Lato, sans-serif; margin-bottom: 20px; }
/*********/
.yerelSeo { padding-top: 60px; padding-bottom: 60px; background-color: #fafafa; }
.yerelSeo .metin { padding: 0 45px; }
.yerelSeo .metin .baslik { font-family: Lato, sans-serif; font-weight: 700; font-style: normal; text-align: center; font-size: 26px; display: block; line-height: 36px; margin: 0 0 14px; color: #000000; }
.yerelSeo .metin .content { font-size: 18px; font-weight: 400; display: block; line-height: 28px; margin: 0 0 22px; color: #000000; text-align: left; }
.yerelSeo figure { padding: 0 48px; }
.yerelSeo figure img { }
/**********/
.seoPazarlama { padding-top: 60px; padding-bottom: 60px; background-color: #fafafa; }
.seoPazarlama .metin { padding: 0 45px; }
.seoPazarlama .metin .baslik { font-family: Lato, sans-serif; font-weight: 700; font-style: normal; font-size: 24px; display: block; line-height: 36px; margin: 0 0 14px; color: #000000; }
.seoPazarlama .metin .content { font-size: 18px; font-weight: 400; display: block; line-height: 28px; margin: 0 0 22px; color: #000000; text-align: left; }
.seoPazarlama figure { padding: 0 48px; max-height: 520px; overflow: hidden; }
.seoPazarlama figure img { }
/**********/
.seoSecin { padding-top: 59px; padding-bottom: 59px; min-height: 300px; background-color: rgb(68, 96, 132); color: #f1f1f1; }
.seoSecin .row { justify-content: center; }
.seoSecin h2 { color: #fff; text-align: center; font-weight: 700; font-style: normal; font-family: Lato, sans-serif; font-size: 28px; line-height: 36px; margin: 0 0 14px; }
.seoSecin .metin { width: 50%; }
.seoSecin .metin .baslik { font-weight: 700; font-style: normal; color: #fff; text-align: center; font-family: Lato, sans-serif; font-size: 22px; line-height: 35px; margin: 0 0 11px; }
.seoSecin .metin .content { padding: 0 50px 30px 0; }
.seoSecin .metin .content p { color: #f1f1f1; text-align: left; font-size: 18px; display: block; font-weight: 400; line-height: 28px; margin: 0 0 22px; }
.seoSecin figure { }
.seoSecin figure img { height: 441px; width: 465px; }
.seoSecin .resim { background: #fff; padding: 15px; box-shadow: 0 3px 6px -4px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%); transition: filter 1.3s,transform 1.6s,opacity .7s ease-in; backface-visibility: visible; transform: perspective(400px) rotateY(-90deg) translate3d(15px,0,0); }
.seoSecin .aos-init { transform: translateZ(0) scale(1); }
.seoSecin .resim:hover { transform: translateY(-6px); box-shadow: 0 30px 40px 0 rgb(0 0 0 / 20%); }
/********/
.seoAjans { padding-top: 60px; padding-bottom: 60px; background-color: rgba(255, 255, 255, 0.85); }
.seoAjans figure { margin-bottom: 0; padding: 0 30px 30px; }
.seoAjans figure img { }
.seoAjans .metin { margin-bottom: 0; padding: 0 30px 30px; }
.seoAjans .metin .baslik { font-family: Lato, sans-serif; color: #000000; font-weight: 700; font-style: normal; text-align: center; font-size: 22px; line-height: 35px; margin: 0 0 11px; }
.seoAjans .metin .content { }
.seoAjans .metin .content p { font-size: 17px; font-weight: 400; line-height: 28px; margin: 0 0 22px; font-family: Lato, sans-serif; display: block; }
/*****/
.seoMedya { position: relative; padding-top: 39px; padding-bottom: 39px; min-height: 300px; background-color: #666; color: #f1f1f1; overflow: hidden; }
.seoMedya .bg { left: 0; margin: 0 !important; padding: 0 !important; position: absolute; right: 0; top: 0; background-position: 50% 50%; background-size: cover !important; height: 100%; overflow: hidden; backface-visibility: hidden; background-repeat: no-repeat; background-attachment: fixed; }
.seoMedya .bg:before { content: ""; height: 100%; left: 0; margin: 0 !important; padding: 0 !important; position: absolute; right: 0; top: 0; background-color: rgba(0,0,0,.5); }
.seoMedya .metin { }
.seoMedya .metin .baslik { font-weight: 700; font-style: normal; color: #fff; text-align: center; font-family: Lato, sans-serif; font-size: 28px; line-height: 36px; margin: 0 0 14px; }
.seoMedya .metin .content { color: #f1f1f1; text-align: left; font-size: 17px; line-height: 28px; }
.seoMedya .metin .content p { margin: 0 0 22px; }
/********/
.seoHzmt { margin: 75px 0; }
.seoHzmt .item { padding: 78px 65px 0 0; height: 100%; position: relative; margin-bottom: 35px; }
.seoHzmt .item .icon { position: absolute; top: 0; left: 45%; transform: translateX(-50%); width: 60px; height: 60px; border: 1px solid var(--tema-renk1); padding: 10px; border-radius: 50%; }
.seoHzmt .item .icon img { width: 36px; height: 36px; }
.seoHzmt .item .baslik { font-size: 20px; margin: 0 0 15px; display: block; font-weight: 700; letter-spacing: 1.09px; font-family: Lato, sans-serif; line-height: 26px; text-transform: uppercase; text-align: center; color: var(--tema-renk1); }
.seoHzmt .item .kisaOzet { font-size: 17px; display: block; font-weight: 400; line-height: 28px; margin: 0 auto; text-align: left; width: 510px; max-width: 100%; color: #000000; }
/********/
/******/
#seoEkonomik { margin: 75px 0; }
#seoEkonomik .kapsul0 { margin-bottom: 27px; }
#seoEkonomik .kapsul0 .title { color: var(--tema-renk2); font-size: 40px; font-weight: 600; line-height: 40px; margin-bottom: 10px; position: relative; }
#seoEkonomik .kapsul0 .title:after { content: "."; color: #aca084; }
#seoEkonomik .kapsul0 .subtitle { color: #111; font-size: 18px; font-weight: 400; line-height: 30px; margin-bottom: 20px; }
#seoEkonomik .swiper-slide { }
#seoEkonomik .item { margin-right: 15px; border: 1px solid #111; padding: 20px; transition: all 1000ms ease; }
#seoEkonomik .item .kapsul1 { padding: 15px; text-align: center; }
#seoEkonomik .item .baslik { color: #1c2c39; font-size: 24px; font-weight: 600; margin-bottom: 10px; }
#seoEkonomik .item .fiyat { font-size: 35px; font-weight: 600; color: #1c2b39; margin-bottom: 31px; line-height: 35px; }
#seoEkonomik .item .kisaOzet { font-size: 18px; font-weight: 400; line-height: 22px; margin-bottom: 5px; color: #0e1323; }
#seoEkonomik .item .icerik { }
#seoEkonomik .item .icerik ul li { color: #0e1323; font-size: 17px; font-weight: 400; line-height: 25px; margin-bottom: 10px; }
#seoEkonomik .item .icerik ul li strong { color: #1c2b39; font-size: 22px; font-weight: 600; margin: 30px 0 10px 0; display: block; }
#seoEkonomik .item .icerik p { margin-bottom: 14px; }
#seoEkonomik .item .icerik p em { color: #0e1323; font-size: 16px; font-style: normal; font-weight: 400; line-height: 17px; }
#seoEkonomik .item:hover { background: var(--tema-renk1); border: none; }
#seoEkonomik .item:hover .kapsul1 { border-color: #fff; }
#seoEkonomik .item:hover .baslik, #seoEkonomik .item:hover .icerik ul li strong { color: #fff }
#seoEkonomik .item:hover .icerik h3, #seoEkonomik .item:hover .icerik ul li, #seoEkonomik .item:hover .icerik p em, #seoEkonomik .item:hover .fiyat, #seoEkonomik .item:hover .kisaOzet { color: #f1f1f1; }
/******/
#konseptBurada { background: #242a33; margin: 90px 0 0; position: relative; overflow: hidden; }
#konseptBurada:before { content: ""; position: absolute; top: -83px; right: 0; width: 460px; height: 460px; border-radius: 50%; background: #d2fc00; }
#konseptBurada .icerik { padding: 95px 0; }
#konseptBurada .icerik .title { font-size: 58px; line-height: 60px; font-weight: 900; color: #d2fc00; position: relative; margin-bottom: 40px; padding-bottom: 45px; }
#konseptBurada .icerik .title em { font-style: normal; color: #fff; }
#konseptBurada .icerik .title:after { content: ""; position: absolute; bottom: 0; left: 0; width: 20px; height: 14px; background: #d2fc00; }
#konseptBurada .icerik .content { font-size: 16px; line-height: 24px; color: #fff; margin-bottom: 90px; }
#konseptBurada .icerik .detayli { border-radius: 26px; color: #242a33; background: #d2fc00; padding: 17px 77px; font-size: 16px; font-weight: 900; text-transform: uppercase; }
#konseptBurada .video-overlay { }
#konseptBurada figure { }
#konseptBurada figure img { margin: 0 0 0 auto; }
/********/
#randevu { position: relative; background: #000000; padding: 65px 0 50px 0; border-bottom: 1px solid #171717; }
#randevu .row { align-items: center; }
#randevu .baslik { font-size: 36px; font-weight: 900; color: #ffff; width: 250px; max-width: 100%; }
#randevu .subtitle { font-size: 18px; color: #ffff; }
#randevu .cont { background: #2e00ff; font-size: 18px; color: #ffff; font-weight: 900; border-radius: 33px; width: 317px; height: 66px; display: flex; align-items: center; justify-content: center; }
/********/
@media (min-width: 1901px) {
    #issureci .item figure { height: 310px; }
    .hakkimizda h2:after { height: 35px }
}

@media (min-width:1601px) and (max-width: 1900px) {
}

@media (min-width:1401px) and (max-width: 1700px) {
}

@media (min-width:1200px) and (max-width: 1400px) {
}

@media (min-width:992px) and (max-width:1199px) {
}

@media (min-width:768px) and (max-width:991px) {
    /********/
    /*****/
}

@media (max-width:767px) {
    #bizAriyalim input[type=text], a#araGonder { width: 100%; margin-bottom: 10px; }
    a#mailAdres { float: none; padding-left: 45px; margin: 15px 0 15px 10px; }
    .sayfaTepe { padding: 82px 0 25px 10px !important; }
    .flexYap { display: flex; flex-wrap: wrap }
    .sayfaMenu { display: none; position: absolute; width: 100%; background: #fff; top: 66px; z-index: 98; box-shadow: 4px 7px 10px -9px rgba(0,0,0,.5) }
    .sayfaMenu a { padding-left: 25px !important; text-align: left !important }
    .sayfaMenu a.active { display: none }
    h1.sayfaMob { display: none; position: relative; border-radius: 4px; z-index: 2; border: 1px solid #e0e0e0; box-shadow: 0 1px 1px rgba(0,0,0,.17); padding: 12px 25px; font-size: 13px; text-align: left; }
    h1.sayfaMob:after { content: ''; position: absolute; top: 20px; right: 13px; background: url(/d/r/sprite2.png) no-repeat -690px -736px; width: 13px; height: 8px; }
    .ilgiliOklar { display: block; }
    a.logoF { text-align: center; }
    a.logoF img { position: relative; max-width: 275px; left: initial; top: initial; display: inline-block; }
    img.mlogo { width: 185px; margin: 30px auto; text-align: center; display: block; }
    #urunOwl { margin-left: 0; }
    #serit { left: 0; right: initial; width: 42px; }
    #daire1 { display: none }
    #daire2 { display: none }
    a#telNo { font-size: 13px; top: 10px; letter-spacing: 0; padding: 7px 14px; right: 10px; }
    a#eposta { display: none }
    .flexYap { display: flex; flex-wrap: wrap; }
    #kateg h1 { font-weight: 700; font-size: 20px; }
    .nedirIcerik img { height: auto; }
    .haberPaylas strong { display: none }
    .haberPaylas a { min-width: 47px; margin: 10px 0 0 8px; }
    .haberPaylas .sos { margin: 2px 4px 0 6px; }
    .haberPaylas div.gosterim { margin: 0 7px 0 0; }
    #benzerHab a { width: 100%; margin: 0 !important; }
    #benzerHab a figure img { height: auto; width: 100%; }
    .sayfaTepe h1 { }
    .breadcrumb { padding: 0; white-space: nowrap; overflow-x: auto; width: 100%; float: none; text-align: left }
    a#telNo:after { filter: invert(1); }
    .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev { font-size: 60px; line-height: 53px; margin: -40px 15px 0 15px; color: #222; position: absolute; right: 0; top: 130px; }
    .owl-carousel .owl-nav button.owl-prev { left: initial; left: 0 }
    .owl-theme .owl-nav [class*=owl-]:hover { background: transparent; color: #000 }
    .kapsulins { margin: 15px -10px; }
    .kapsulins .oge { }
    .kapsulins .oge .kisiBasi { max-width: 72px; }
    #kateg .kapsul { margin: 0; display: block; }
    .urunTab .etezgahTab a { padding: 10px 25px; }
    .urunTab .bilgi { padding: 45px 15px; }
    .urunTab { margin: 60px 0 0 0; }
    a#kayitol { top: 80px; right: initial; }
    .nedirIcerik h1 { font-size: 17px; }
    .nedirIcerik ul li { padding-left: 0; }
    .sayfaTepe h1 { width: 100%; float: none; font-size: 22px; margin-bottom: 10px; }
    .blogSag { padding-left: 0 !important; }
    .blogAll .kapsul a { width: 100%; }
    .blogCat .item { padding: 10px 10px; }
    .blogCat .item .resim,
    .blogAll .kapsul a figure { height: auto; width: 100%; float: none; }
    .blogCat .item .metin { height: auto; width: 100%; float: none; }
    .blogCat .kapsul,
    .blogAll .kapsul { margin: 0; }
    .ilgili .item { display: block; width: 100%; margin: 0; }
    .katVicetsBl { margin-top: 0px; }
    .satir2 .footTel { width: 166px; float: none; }
    .satir2 address { float: none; margin: 25px 0; padding: 0 0 0 25px; }
    header { padding: 5px 10px !important; height: 100px; }
    .urunDetay .kapsul1 { margin: 10px auto 0 auto; display: block; }
    #urunResimleri { padding: 20px 0 20px 0; }
    .dersAll .kapsul { display: block; margin: 0; }
    .dersAll .kapsul a { width: 100%; margin: 0 0 10px 0; }
    .sayfaTepe .container { display: block; padding: 0 10px }
    .sabit, .dersAll { padding: 0 10px }
    .yorumOklar, .blogOklar, .tedaviOklar { display: none }
    #ziyaretOwl { padding: 0; }
    #yorumlar .ozet { -webkit-line-clamp: initial; height: auto; padding: 0 10px; }
    #yorumlar .oge { padding: 10px 0px; margin: 10px 5px }
    #issureci .kapsul, #tedavi .kapsul, #blogOwl { margin: 0 }
    #issureci .bilgi, #tedavi .bilgi { width: 100%; }
    #issureci { padding-top: 75px; }
    #kitle .metin { width: 100%; }
    #cati .kapsul .item { width: calc(100% - 20px); margin: 0 10px 28px 10px; }
    #formRandevu figure.resim1 { left: 0; width: 95%; }
    #formRandevu figure.resim2 { left: 15px; }
    #formRandevu figure.resim3 { right: 35px; }
    #formRandevu figure.resim2 img { max-width: 70px; border-radius: 10px; }
    #formRandevu figure.resim3 img { max-width: 70px; border-radius: 10px; }
    footer table tr td { display: block; width: 100% !important; height: auto !important; }
    #blogAna .bir .item .ozet { display: none }
    #issureci .metin { position: relative; left: 5%; top: initial; transform: initial; border: none; }
    #issureci .metin .title { }
    #formRandevu { padding: 50px 0 }
    #issureci .row { }
    #issureci .item { width: 100%; margin: 0; }
    .hakkimizda .ozet { margin: 40px 0 20px 0; padding-left: 0; }
    a.hakkimizdalink { margin-top: 20px; margin-left: 20px; }
    .hakkimizda { margin-top: 30px }
    #kitle h2 { font-size: 26px; text-align: left; }
    #cati .title { font-size: 39px; }
    #cati .kapsul { margin: 0; display: block; }
    #formRandevu .satir100, #formRandevu .satir50 { width: 100%; padding-right: 0; }
    #formRandevu .form { margin-right: 0 }
    #blogAna .bir { margin: 0; display: block; }
    #blogAna .iki .item .resimcover { width: 100%; margin-right: 0; }
    #blogAna .iki .item .metin { width: 100%; }
    #blogAna .bir .item, #blogAna .iki .item { display: block }
    #blogAna .bir .item { width: 100%; margin: 0 0 20px 0; }
    #formRandevu .ozet { margin-right: 0 }
    .onceki { margin-bottom: 25px }
    #hakkimizda .metin .item, #kitle .item { width: 100%; }
    #cati .kapsul:after { left: 0; }
    #issureci .kapsul:after, #temel .kapsul:after { right: 0 }
    #kitle .title { margin: 0; }
    #hizmetler .item { width: 100%; margin: 0 0 10px 0; }
    #hakkimizda a.link { margin-top: -5px; }
    #hizmetfiyat .swiper-wrapper { display: block; }
    #testimonial:before { }
    .nedirIcerik .cl5:after { bottom: 10%; width: 93%; }
    /******/
    .nedirIcerik .cl5:hover #socialPersona { bottom: 11%; width: 93%; }
    #socialPersona .a.mail { position: relative }
    #socialPersona a.mail:after { left: 10%; }
    #socialPersona .a.inst { position: relative }
    #socialPersona a.inst:after { left: 27%; }
    #socialPersona .a.face { position: relative }
    #socialPersona a.face:after { left: 45%; }
    #socialPersona .a.twit { position: relative }
    #socialPersona a.twit:after { left: 62%; }
    #socialPersona .a.linked { position: relative }
    #socialPersona a.linked:after { left: 78%; }
    #hakkımdaPerson { position: relative; top: 0; }
    .nedirIcerik { padding: 5px; }
    #hizmetfiyat .kapsul h2 { font-size: 28px; }
    #hizmetfiyat .hizmetfiyatic { margin: 0 0 65px 0; }
    #blog .item figure img { width: 100%; height: 100%; object-fit: cover; }
    #nasilcalisiyoruz figure { margin: 0; }
    #nasilcalisiyoruz .kapsulana { margin: 68px 0 0 0; }
    #nasilcalisiyoruz .item { margin-bottom: 65px; padding: 1px; }
    #rakamlar .bilgi0 { margin: 0px 0px 43px 129px; position: relative; }
    #temahakkinda .iki figure { }
    #temahakkinda .iki figure img { height: auto; }
    #sitenburadanedir .kapsul .bir a:after { top: 39%; left: 49%; }
    #rakamlar .bilgi0 .icerik { padding: 0; width: 100%; }
    #nedenbiz .item figure img { height: auto; }
    #rakamlar .bilgi0 figure img { height: auto; }
    #temaCat .item { width: 100%; }
    #nedenbiz .item { width: 100%; margin: 0 0 20px 0; }
    #tema .item { width: 100%; margin: 0 0 25px 0; }
    #slideralti { margin: 0; }
    #slideralti .title { width: 100% }
    #slideralti .subtitle { width: 100%; margin-bottom: 54px; }
    #slideralti img { position: relative; right: initial; bottom: initial; }
    #mesaj1, #mesaj2, #mesaj3 { position: relative; top: initial; right: initial; }
    .dersAll .item { margin: 0 0 20px 0; }
    .digerhizmetler { margin: 65px 0 }
    .seopaket .anaKat { width: 100%; }
    .seoicerir .item { width: 100%; margin: 0 0 25px; }
    .seomaliyet .kat1 .icerik { width: 100%; }
    .seoone .item { width: 100%; margin: 0 0 25px; }
    .seooff .item { width: 100%; margin: 0 0 25px; }
    .seosun .item { width: 100%; margin: 0 0 25px; }
    .seoyatir .kapsul .icerik { width: 100%; }
    .seoneden .item { width: 100%; margin: 0 0 25px; }
    .seokon .item { width: 100%; margin: 0 0 25px; }
    .seotek .icerik { display: block; }
    .seotek .icerik .bir { width: 100%; }
    .seotek .icerik .iki { width: 100%; }
    .adsfaq .item .baslik, .seofaq .item .baslik { padding: 12px 10px 0 55px; height: 65px; line-height: 24px; font-size: 16px; }
    .seoPaketTeklif .kapsul .formdetay .row .satir { width: 100%; }
    .adspaket .anaKat { width: 100%; }
    .adsteklif .content { padding: 0; }
    .adsteklif button { top: 85%; right: 6px; }
    .adsneden .item { width: 100%; margin: 0 0 25px; }
    .adsnekadar .kat1 .icerik { width: 100%; }
    .adsnekadar .kat2 .item { width: 100%; margin: 0 0 25px; }
    .adsnekadar .kat2 .item .baslik { font-size: 20px; margin-bottom: 25px; }
    .adsnekadar .kat2 .item:last-child { margin: 0; }
    .adsgunluk .metin .icerik { width: 100%; }
    .adsgunluk .adsgorsel figure { width: 100%; margin: 0 0 15px; }
    .adsuygun .icerik { width: 100%; }
    .adsuygun figure { width: 100%; }
    .adsdahil .item { width: 100%; margin: 0 0 25px; }
    .adsfaq .item .baslik { padding: 12px 10px 0 55px; height: 65px; line-height: 24px; font-size: 16px; }
    .adsPaketTeklif .kapsul .formdetay .row .satir { width: 100%; }
    .pktKucuk .metin { width: 100%; }
    .pktKucuk figure img { max-height: 100%; }
    .pacPaket .anaKat { width: 100%; }
    .faceneden .item { width: 100%; margin: 45px 0; }
    .faceneden figure { position: relative; left: 0; top: 0; margin: 0 auto; transform: none; }
    .faceneden figure img { height: auto; }
    .nedenFace .metin { width: 100%; }
    .nedenFace .icerik ul li { width: 100%; margin-bottom: 35px; }
    .faceIse .metin .icerik ul, .faceBelirle .item .metin .subtitle ul, .nedenFace .icerik ul { display: block; }
    .faceIse .metin .icerik ul li, .faceBelirle .item .metin .subtitle ul li, .faceyatirim .metin .icerik ul li { width: 100%; margin-bottom: 25px; }
    .faceteklif .content { padding: 0; }
    .faceteklif button { right: 10px; top: 85%; }
    .faceB2b .metin .icerik ul { display: block; }
    .faceB2b .metin .icerik ul li { width: 100%; margin-bottom: 25px; }
    .faceDahil .item { width: 100%; margin: 0 0 35px; }
    .pktfaq .item .baslik { padding: 12px 10px 0 55px; height: 65px; line-height: 24px; font-size: 16px; }
    .instneden .item { width: 100%; margin: 0 0 35px; }
    .instBelirle .item .metin { width: 100%; padding: 25px 0; }
    .instBelirle .item figure img { }
    .instBelirle .item:nth-child(2n) .metin, .instTurler .item:nth-child(2n) .metin { position: relative; }
    .instBelirle { padding: 50px 0; }
    .instFktr .item { width: 100%; margin: 0 0 35px; }
    .instFktr { padding: 0; }
    .instFktrDgr .kapsul { width: 100%; font-size: 30px; margin-bottom: 35px; }
    .instFktrDgr .items { width: 100%; }
    .instFktrDgr { padding-bottom: 50px; }
    .instTurler .item .metin { width: 100%; }
    .instTurler .item:nth-child(2n) { height: auto; }
    .instTurler { padding-bottom: 40px; }
    .instKntrl .metin .icerik ul { display: block; }
    .instKntrl .metin .icerik ul li { width: 100%; }
    .pktminiteklif .content { padding: 0; }
    .pktminiteklif button { top: 85%; right: 15px; }
    .youtDahil .item { width: 100%; margin: 45px 0; }
    .youtDahil figure { position: relative; left: 0; top: 0; margin: 0 auto; transform: none; }
    .youtDahil figure img { height: auto; }
    .youtNeden { padding: 0 0 50px; }
    .youtNeden .icerik { width: 100%; }
    .youtTurler .metin .icerik { display: block; }
    .youtTurler .metin .icerik .bir { width: 100%; }
    .youtNdn .item { width: 100%; margin: 0 0 35px; }
    .youtFayda .metin .icerik ul { display: block; }
    .youtFayda .metin .icerik ul li { width: 100%; }
    .youtIpucu .metin .icerik ul { display: block; padding: 0; }
    .youtIpucu .metin .icerik ul li { margin: 0 0 24px; }
    .youtBasari .item { width: 100%; margin: 0 0 30px; }
    .PaketTeklifi .kapsul .formdetay .row .satir { width: 100%; }
    #galeri .resimler .oge { width: 100%; margin: 0 0 15px; }
    #premiumCat .item .icerik { position: relative; transform: initial; top: initial; padding-left: 10px; margin-top: 15px; }
    #premiumCat .item .icerik a, #premiumCat .item .icerik .title, #premiumCat .item .icerik .subtitle { color: #111 !important; margin: 5px 0 !important; }
    #premiumCat .item .icerik a { background: #ddd; font-size: 16px !important; }
    #premiumCat .item .icerik .title { font-size: 23px !important; }
    #premiumCat .item .icerik .subtitle { font-size: 17px !important; }
    .premiumDet .item .icerik { position: relative; top: initial; transform: initial; left: 10px; }
    .premiumDet .item .icerik a, .premiumDet .item .icerik .title, .premiumDet .item .icerik .subtitle { color: #111 !important; margin: 5px 0 !important; }
    .bakimTklIcerir .item { width: 100%; margin: 0 0 25px; padding-bottom: 15px; }
    .bakimFktr .item { width: 100%; margin: 0 0 25px; }
    .premiumWebBakim .ozet ul { display: block; }
    .premiumWebBakim .ozet ul li { width: 100%; }
    .bakimTklIcerir .item .icerik { padding: 0 5px; }
    .bakimPaketleri .item .ozet ul li { height: 125px; }
    .bakimPaketleri .item .ozet { padding: 0; }
    .youtubeKatıl .metin { width: 100%; margin: 0 0 35px; }
    .youtubeKatıl .kapsul { width: 100%; padding: 25px; }
    .youtubeKatıl .kapsul .item { width: 100%; margin: 0 0 35px; }
    .ilHakkimizda:before { left: -250px; }

    .ilHakkimizda .metin { width: 100%; margin: 0; }
    .ilTasarimOrtak .kapsul0 .metin .content { width: 100%; }
    .ilTasarimOrtak .kapsul0 .metin .subtitle { width: 100%; }
    .ilWebHizmet .item { width: 100%; margin: 0 0 30px; padding: 0 20px; }
    .ilWebHizmet .item .kapsul1 { display: flex; }
    .ilOzel .item .kapsul1 a { width: 100%; }
    .ilNeden .kapsul0 .metin .subtitle { width: 100%; }
    .ilNeden .kapsul0 .metin .content { width: 100%; }
    .ilNeden .item { width: 100%; margin: 0 0 30px; padding: 0 15px; }
    .ilNeden .item .kapsul1 { display: flex; }
    .ilSayilar .item { width: 100%; margin: 0 0 40px; padding: 0 15px; }
    .ilSayilar .row { margin: 0; }
    .ilSayilar .item .kapsul1 .baslik { font-size: 18px; }
    .ilSayilar .item .kapsul1 .kisaOzet { font-size: 36px; width: 100%; margin: 0; }
    .ilFotoGaleri .item { width: 100%; margin: 0 0 15px; }
    .ilFotoGaleri .wrap { margin: 0; }
    .ilWebHizmet .wrap { margin: 0; }
    .ilNeden .wrap { margin: 0; }
    .ilTepe .baslik .subtitle { width: 100%; margin-top: 35px; display: block; padding-left: 19px; }
    .ilTepe .baslik h1 { width: 100%; margin: 0; padding: 0; font-size: 34px; line-height: 34px; display: block; }
    .seoTepe .baslik h1 { width: 100%; margin: 0 0 25px; }
    .seoTepe .baslik { width: 100%; }
    .seoHakkimizda .kat1 .content { padding: 0; }
    .seoHakkimizda .kat1 .content ul { }
    .seoHakkimizda .kat1 .content ul li { width: calc(50% - 23px); }
    .yerelSeo .metin, .yerelSeo figure { padding: 0; }
    .seoPazarlama figure, .seoPazarlama .metin { padding: 0; }
    .seoSecin .metin { width: 100%; }
    .seoAjans figure { padding: 0; margin: 0 0 35px; }
    .seoAjans .metin { padding: 0; }
    .seoHzmt .item { padding: 78px 0 0 0; }
    #seoEkonomik .item { margin-bottom: 25px; }
    #slideralti .item { padding-top: 45px; padding-bottom: 45px; }

    #slideralti figure { position: absolute; top: 1px; z-index: 0; opacity: 0.2; }
    #premiumweb .icerik { position: relative; padding: 50px 0 257px 0; }
    #premiumweb .icerik .subtitle { font-size: 32px; }
    #premiumweb .icerik .subtitle p { margin: 0 auto 0 0; }
    #premiumweb .icerik .content { text-align: left; }
    #premiumweb .icerik .links { display: block; text-align: left; margin: 30px 0 0; }
    #premiumweb .icerik .links a { display: inline-block; padding: 18px 50px; }
    #premiumweb .icerik .links a:nth-child(2) { padding: 18px 50px; margin: 15px 0 15px 0; }
    #premiumweb figure { position: absolute; bottom: 0; }
    .anaKap { display: block; margin-bottom: 50px; }
    .anaKap h2 { margin: 0 0 10px 0; }
    .anaKap .subtite { padding: 0 0 0 10px; }
    #tema .wrap { margin: 0; }
    #tema { padding: 50px 0 25px; }
    #tema .item .icerik { padding: 16px 25px; }
    #tema .item .icerik h2 { font-size: 18px; }
    #tema .item .icerik .kap0 { margin-bottom: 5px; }
    #tema h3 .fulles { margin: 0; }
    #haberweb .item figure { position: relative; }
    #haberweb .icerik { z-index: 25; padding: 25px; }
    #nedenbiz .wrap { margin: 0; }
    #konseptBurada:before { top: 54%; width: 408px; height: 408px; right: 3px; }
    #faq .item { width: 100%; margin: 0 0 30px; padding: 30px; }
    #blog .item figure { }
    #blog .item { margin: 60px 0 0 0; }
    #blog .item .icerik { }
    #blog .item a { overflow: hidden; }
    #blog .kapsul .all { top: 190px; }
    #randevu .cont { margin: 35px 0 0; }
    footer table tr td:first-child, footer table tr td:nth-child(2), footer table tr td:nth-child(3), footer table tr td:nth-child(4) { width: 100% !important; }
    footer .satir1 .iki { text-align: left; }
    footer .satir1 .iki .adres { margin: 0 0 20px; }
    footer .satir2 .row { display: flex; align-items: flex-end; }
}