/*

¯\_(ツ)_/¯

    qbrand.com.tr (~/^) -Alp

*/

@charset "utf-8";


@-ms-viewport { width: device-width; }

.clear { clear: both; }
html { width: 100%; height: 100%; }
a, a img { border: none; text-decoration: none; color: #f99d1c; }
p, h1, h2, h3, h4, h5, h6, strong, b { padding: 0px; margin: 0px; font-weight: 400; }
* { outline: none; text-decoration: none; border: none; padding: 0em; list-style: none; box-sizing: border-box; }

body {margin: 0px;padding: 0px;text-decoration: none;line-height: 15px;color: #9f9f9f;font-size: 14px;font-weight: 400;background: url(../images/bg.jpg) no-repeat center;overflow: hidden;counter-reset: section;background-size: cover;}
body.scFlow { overflow: hidden; }
body.scrool { overflow: inherit; }
strong, b { font-weight: bold; }



body, input, textarea { font-family: 'sen',sans-serif; }



.bekle { width: 100%; height: 100%; left: 0px; top: 0px; position: absolute; background: #ecebeb url(../images/495.GIF) no-repeat center 120px; z-index: 101; display: block; text-align: center; }
.bekle:after { content: "Lütfen Bekleyiniz.."; margin-top: 200px; width: 100%; float: left; font-size: 12px; font-style: italic; }
.logo a, .logo img { width: 100%; float: left; position: relative; box-sizing: border-box; }



.icKisim { width: 100%; float: left; position: relative; min-height: 150px; }
.icKisim .ick {width: 100%;float: left;position: absolute;/* position: relative; */left: 0px;top: 0px;display: none;/* position: relative; *//* display: initial; */}



input, .pages a, ::after, ::before, a.link, .pages span, .genelListe li img, header .secim .menum a.kMenum span {transition: all .4s cubic-bezier(.645,.045,.355,1);}
::after, ::before { box-sizing: border-box; }


.katResim { transition: background-image .4s; -webkit-transition: background-image .4s; -moz-transition: background-image .4s; -o-transition: background-image .4s; }



.ortala {width: calc(66.4% + 7px);height: 100%;float: left;position: relative;box-sizing: border-box;margin-left: 4px;}
.ortala.wide {width: calc(100% - 100px);margin: 0 0 0 50px;}
.ortala.full { width: calc(100% - 120px); margin: 0 0 0 60px; padding: 0; }
.ortala.table { display: table; table-layout: fixed; }
.icerik .yazi a { color: #27569c; }
.icerik .solBar.aracMenu { background: none; padding: 0; }



main { width: 100%; float: left; position: relative; margin: 0; z-index: 150; }
main section {width: 100%;margin: 0;float: left;position: relative;z-index: 65;}
main section:last-child { margin-bottom: 0; }
main section.icerik { min-height: 260px; height: auto; /* margin: 60px 0 0 0; */ }
main section.icerik.pDetay { margin: -234px 0 130px 0; padding: 70px 0 0 0; background: none; border-top: solid 1px #ebebeb; }
main section .yazi {width: 100%;float: left;position: relative;font-size: 18px;line-height: 29px;font-weight: 300;color: #484848;text-align: justify;}
main section .yazi.center { text-align-last: center; }
main section .inner {opacity: 0;top: 20px;transition: all .2s cubic-bezier(.645,.045,.355,1) .2s;}
main section .inner div div { will-change: auto; /* left:-20px; *//* transition: all .7s cubic-bezier(.645,.045,.355,1) .4s; */}
main section.scActive .inner { opacity: 1; top: 0px; }
main section.scActive .inner div div { will-change: auto; /* left: 0; */}
main section .inner {width: 100%;float: left;position: relative;display: flex;flex-wrap: wrap;flex-direction: column;align-items: center;justify-content: center;z-index: 50;}
main section .inner.row { flex-direction: row; align-content: center; align-items: initial; justify-content: space-between; }
main section a.link {width: auto;float: left;position: relative;transition: all .4s cubic-bezier(.645,.045,.355,1);font-family: 'ptserif';font-size: 16px;line-height: 16px;font-weight: 400;color: #fff;background: #000;padding: 15px 40px;margin: 40px 0 0 0;}
main section a.link:hover { color: #fff; }
main section.icerik .inner { flex-direction: row; justify-content: space-between; align-items: flex-start; }

main section.icerik.katMenu .inner { flex-direction: row; align-items: flex-start; justify-content: space-between; }
main section.icerik .solBar { width: 250px; float: left; box-sizing: border-box; }
main section.icerik .sagBar { width: calc(100% - 301px); float: right; box-sizing: border-box; }
main section.icerik .sagBar .slot { margin: 0 0 40px 0; }
main section.icerik .sagBar .slot:last-child { margin-bottom: 0px; }



.anaBaslik {width: auto;float: left;position: relative;z-index: 45;font-family: 'ptserif';color: #4b4b4b;margin: 0 0 40px 0;display: flex;flex-wrap: wrap;flex-direction: row;}
.anaBaslik .gizle { display: none; }
.anaBaslik p { width: auto; float: left; font-size: 20px; line-height: 31px; font-weight: 400; margin: 40px 0 0 0; color: #5b6465; text-align: justify; }
.anaBaslik p.center { text-align: center; }
.anaBaslik u { font-size: 35px; line-height: 35px; }
.anaBaslik span { color: #163660; }
.anaBaslik h1, .anaBaslik h2, .anaBaslik h3, .anaBaslik h4, .anaBaslik h5, .anaBaslik h6, .anaBaslik strong {min-width: 1px;width: auto;min-height: 1px;height: auto;position: relative;z-index: 5;padding: 0;display: flex;flex-wrap: wrap;flex-direction: row;align-items: center;justify-content: center;/* padding: 38px 0 0 28px; */}
.anaBaslik h1 a, .anaBaslik h2 a, .anaBaslik h3 a, .anaBaslik h4 a, .anaBaslik h5 a, .anaBaslik h6 a, .anaBaslik strong a, .anaBaslik span a { width: 100%; text-align: left; float: left; }
.anaBaslik h1 a, .anaBaslik h2 a, .anaBaslik h3 a, .anaBaslik h4 a, .anaBaslik h5 a, .anaBaslik h6 a, .anaBaslik strong a, .anaBaslik h1, .anaBaslik h2, .anaBaslik h3, .anaBaslik h4, .anaBaslik h5, .anaBaslik h6, .anaBaslik strong {font-size: 40px;line-height: 40px;font-weight: bold;letter-spacing: 2px;}



header {width: 100%;float: left;position: absolute;top: 40px;left: 0;z-index: 9999;}
header .inner {width: 100%;float: left;position: relative;display: flex;flex-wrap: wrap;flex-direction: row;align-items: center;justify-content: center;}
header .logo {width: 290px;float: left;position: relative;}



.yakindaWrap {width: 100%;min-height: 100vh;float: left;position: relative;display: flex;flex-wrap: wrap;flex-direction: column;align-items: center;justify-content: center;padding: 150px 0 0 0;}
.yakindaWrap h1 {font-size: 70px;line-height: 70px;text-align: center;font-weight: bold;color: #fff;text-shadow: 3px 4px 5px #1f2e3dd6;}
.yakindaWrap h2 {font-family: 'golden';font-size: 141px;line-height: 144px;text-align: center;font-style: italic;color: #fff;text-shadow: 3px 4px 5px #1f2e3dd6;margin: 10px 0 0 0;transform: rotate(-5deg);}
.yakindaWrap:after { content: ""; width: 100%; height:40%; position: absolute; left: 0; bottom: 0; background: #08519C; background: linear-gradient(0deg, rgba(8, 81, 156, 1) 0%, rgba(8, 81, 156, 0) 100%); opacity: 0.5 }
.yakindaWrap .talep {width: auto;float: left;position: relative;z-index: 90;font-size: 19px;line-height: 19px;font-weight: 500;text-transform: uppercase;letter-spacing: 1px;color: #fff;padding: 22px 40px; animation: sdb10 2s infinite}
.yakindaWrap .talep:before { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; animation: yak 2s infinite; z-index: -1}

@keyframes yak {
  0% {background-color: #244eb0;}
  60% {background-color: #2482b0;}
  100% {background-color: #243bb0;}
}

@keyframes sdb10 {
  0%   { transform: translate(0, 0); }
  20%  { transform: translate(0, 10px); }
  40%  { transform: translate(0, 0); }
}


.telefon {width: auto;float: left;position: absolute;left: 40px;bottom: 30px;z-index: 999;}
.telefon a {width: auto;float: left;position: relative;display: flex;flex-wrap: wrap;flex-direction: column;align-items: center;justify-content: center;background: #08519c;color: #fff;padding: 10px 23px 15px 77px;}
.telefon a:before {content: "";width: 40px;height: 100%;position: absolute;left: 32px;background: url(../images/tel.svg) no-repeat center;z-index: 40;background-size: contain;transform: rotate(21deg);}
.telefon a:after {content: "";width: 22px;height: 100%;position: absolute;left: 0;background: #64b3e4;}
.telefon a strong {font-size: 31px;line-height: 44px;font-weight: bold;}
.telefon a span { font-size: 17px; line-height: 19px; font-weight: bold; }


.kosen {width: 145px;position: absolute;right: 40px;bottom: 30px;z-index: 999;}
.kosen a, .kosen img {width: 100%;float: left;position: relative;}




.talepFormuWrap { width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; background: #000000de; z-index: 999999; display: none; }
.talepFormuWrap .talebi { width: 100%; height: 100%; float: left; position: fixed; left: 0; top: 0; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; }
.talepFormuWrap .talebi .kapat {width: auto;position: absolute;right: 19px;top: 16px;font-size: 26px;line-height: 26px;color: #ffffff;z-index: 9999;}
.talepFormuWrap .talebi .kapat:after { content: "X"; }
.talepFormuWrap .talebi .kapsul {width: calc(100% - 50px);width: 760px;float: left;position: relative;padding: 0;border-radius: 15px;box-shadow: 0px 0px 26px rgb(0 0 0 / 78%);}
.talepFormuWrap .talebi .kapsul .detay {width: 100%;float: left;position: relative;display: flex;flex-wrap: wrap;flex-direction: row;align-content: center;justify-content: space-between;border-radius: 15px;background: #fff;}
.talepFormuWrap .talebi .kapsul .detay .baslik { width: 100%; float: left; }
.talepFormuWrap .talebi .kapsul .detay .baslik strong{width: 100%;float: left;position: relative;font-size: 16px;line-height: 16px;font-weight: bold;color: #fff;background: #195da9;padding: 20px 24px;text-align: left;border-top-left-radius: 12px;border-top-right-radius: 12px;text-transform: uppercase;}
.talepFormuWrap .talebi .kapsul .genelForm {opacity:1;padding: 20px 20px;}
.talepFormuWrap .talebi .kapsul .genelForm ul li input[type="submit"] {width: 25px;height: 25px;position: absolute;right: 17px;bottom: 10px;border: none;cursor: pointer;background: url(../images/gonder.svg) no-repeat center center;padding: 0;border-radius: 0;}