@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: #7a7a7a; }
p, h1, h2, h3, h4, h5, h6, strong, b, span { padding: 0px; margin: 0px; font-weight: 400; }
* { outline: none; text-decoration: none; border: none; padding: 0em; list-style: none; }

body { margin: 0px; padding: 0px; text-decoration: none; line-height: 15px; color: #7a7a7a; font-size: 14px; font-weight: 400; background: #ffffff; display: none; }
strong, b { font-weight: bold; }
body.alt { /* background: #ffffff; */ }

body, input, textarea { font-family: 'qu'; }

.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; box-sizing: border-box; }

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

input, .arrow a, .pages a, .Urun.genelListe li .resim img, .anaBaslik a, .header .sagK .ustMenu ul li a, .header, .header > div .header:after { transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; }

.ortala { width: 1170px; max-width: 1170px; height: 100%; float: left; margin-left: calc(50% - 585px); /* display: table; */ position: relative; }
.icerik { width: 100%; min-height: 192px; float: left; box-sizing: border-box; -moz-box-sizing: border-box; padding: 0; margin-bottom: 30px; position: relative; margin-top: 30px; }
.icerik.yActive { margin-top: 10px; }
.icerik .yazi { width: 100%; float: left; font-size: 15px; color: #6f6a60; line-height: 26px; }
.icerik .solBar { width: 250px; float: left; box-sizing: border-box; }
.icerik .sagBar { width: calc(100% - 281px); float: right; box-sizing: border-box; }
.icerik.alt { }
.icerik.alt .sagBar { /* background:#fff; */ /* padding: 22px; */ }
.icerik.uactive .solBar { width: 320px; }
.icerik.uactive .sagBar { width: calc(100% - 390px); }

.header { position: relative; box-sizing: border-box; top: 0px; right: 0; left: 0px; z-index: 250; padding: 20px 0; box-shadow: 0px 0px 0px 0px #000; background: rgb(255, 255, 255); }
.header:after { content: ""; width: 100%; height: 284px; position: absolute; left: 0px; top: 0px; z-index: -1; background: url(../images/hdmsk.png) no-repeat top center; display: none; }
.header .logo { width: auto; margin: 0; }
.header .sagK { width: auto; }
.header .sagK .ustMenu { width: 100%; float: left; }
.header .sagK .ustMenu ul { width: auto; float: right; }
.header .sagK .ustMenu ul li { width: auto; float: left; }
.header .sagK .ustMenu ul li a { width: auto; float: left; position: relative; font-size: 16px; line-height: 16px; color: #312b81; padding: 39px 13px 15px 13px; background: rgba(198, 166, 145, 0); margin-left: 6px; font-weight: 500; }
.header .sagK .ustMenu ul li a:hover { background: rgba(49, 39, 131, 0.75) !important; color: #fff; }
.header .sagK .ustMenu ul li.online a { background: rgba(198, 166, 145, 0.71); }
.header .menuBar { width: auto; }

.header>.ortala { display:flex;justify-content:space-between;align-items:center;float:none;background:rgba(0,0,0,0) url('/Site/Library/images/icon.png') no-repeat center center;background-size:auto 80%;}

.header.scrool { position: fixed; background: #f5f5f5; box-shadow: 0px 2px 9px 0px rgba(0, 0, 0, 0.13); padding: 15px 0; }
.header.scrool .logo { width: 132px; margin: 0; }
.header.scrool .sagK .ustMenu { display: none; }
.header.scrool:after { opacity: 0; }
.header.scrool .menuBar { margin: 0; }
.header.scrool .sagK { }
.header.scrool .menuBar > ul > li > a { font-size: 15px; padding: 0; }

.slider { width: 100%; box-sizing: border-box; overflow: hidden;position:relative; }
.slider ul, .slider ul li, .slider ul li a, .slider ul li img { width: 100%; float: left; position: relative; box-sizing: border-box; background-size: cover !important; }
.slider ul li .kapsa { width: 400px; position: absolute; left: calc(50% - 585px); top: 50%; text-align: center; }
.slider ul li .kapsa h5 { width: 100%; float: left; position: relative; }
.slider ul li .kapsa h6 { width: 100%; float: left; position: relative; }
.slider ul li .kapsa .devam { width: auto; display: inline-table; vertical-align: text-bottom; }
.slider .pages { width: auto; position: absolute; left: calc(50% - 585px); bottom: 20px; }
.slider .pages a { width: 18px; height: 18px; float: left; border-radius: 100%; margin-right: 7px; background: #d7a542; border: solid 2px #d7a542; opacity: 0.4; }
.slider .pages a.selected,.slider .pages a:hover { opacity: 1; }
.slider .pages a span { display:none; }

.anaSayfa { width: 100%; float: left; position: relative; box-sizing: border-box; margin-top: 30px; }
.anaSayfa .slot { width: 100%; float: left; position: relative; box-sizing: border-box; margin-bottom: 50px; padding-bottom: 50px; }
.anaSayfa .slot:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; }
.anaBaslik { width: 100%; float: left; position: relative; margin-bottom: 20px; }
.anaBaslik h1, .anaBaslik h2, .anaBaslik h3, .anaBaslik h4, .anaBaslik h5, .anaBaslik h6, .anaBaslik strong { width: auto; height: auto; display: inline-table; position: relative; vertical-align: text-bottom; font-family: 'for'; }
.anaBaslik h1 a, .anaBaslik h2 a, .anaBaslik h3 a, .anaBaslik h4 a, .anaBaslik h5 a, .anaBaslik h6 a, .anaBaslik strong 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: 76px; color: #bf995f; line-height: 76px; min-width: 178px; font-family:Allura-Regular; }
.anaBaslik strong { color: #e92e29; }
.anaBaslik a:hover { color: #e92e29 }

.icListe.genelListe { /* margin-bottom: 0; */ padding-bottom: 0; border-bottom: 0; }
.icListe.genelListe .ortala { border-bottom: solid 3px #eeeeee; }
.icListe.genelListe li { width: 25%; padding: 0px; }
.icListe.genelListe li a { background: #fff; padding: 30px 23px; display: table; table-layout: fixed; }
.icListe.genelListe li a:hover { background: #f0f0f0; }
.icListe.genelListe li .kapsa { width: 100%; float: left; position: relative; box-sizing: border-box; padding: 0 4px; }
.icListe.genelListe li .resim { width: 105px; height: 105px; border-radius: 100%; overflow: hidden; display: table-cell; vertical-align: middle; float: none; }
.icListe.genelListe li .sag { width: 100%; display: table-cell; vertical-align: middle; box-sizing: border-box; padding-left: 20px; }
.icListe.genelListe li h6, .icListe.genelListe li .kesfet { }
.icListe.genelListe li h6 { font-size: 15px; line-height: 21px; font-weight: 500; }
.icListe.genelListe li .kesfet { width: 100%; float: left; font-size: 11px; line-height: 12px; font-weight: bold; color: #c6a691; margin-top: 10px; text-decoration: underline; }
.icListe.genelListe .pages { width: 100%; float: left; position: relative; text-align: center; margin-bottom: -5px; }
.icListe.genelListe .pages a { width: 45px; height: 7px; display: inline-table; vertical-align: text-bottom; background: #fff; border-radius: 2px; margin-right: 10px; background: #bfbdbb; }
.icListe.genelListe .pages a.selected { background: #c6a691 }



.kategori.genelListe { }
.kategori.genelListe li { width: calc(25% - 6px); padding: 0; margin-right: 12px; margin-top: 12px; }
.kategori.genelListe li:nth-child(3n) { margin-right: 0; /* padding-right: 0; */ }
.kategori.genelListe li:nth-child(2) { width: calc(50% - 12px); }
.kategori.genelListe li:nth-child(4) { width: calc(50% - 12px); }
.kategori.genelListe li .resim { }
.kategori.genelListe li a:hover .resim { opacity: 0.8 }
.kategori.genelListe li img { }

.galeri.genelListe { }
.galeri.genelListe li { width: calc(33.33% - 8px); padding: 0px; margin-right: 12px; margin-bottom: 12px; }
.galeri.genelListe li:nth-child(3n) { margin-right: 0px; }
.galeri.genelListe li .resim { }
.galeri.genelListe li a:hover .resim { opacity: 0.8 }

.hakkinda .ortala { display:flex;flex-flow:column-reverse; }
.hakkinda .yazi { font-size: 17px; line-height: 23px; }
.hakkinda .d-flex { display:flex;justify-content:space-between;align-items:center;flex-flow:row-reverse; }
.hakkinda .d-flex .anaBaslik { width: auto; margin-bottom: 0; }
.hakkinda .d-flex .anaBaslik h1 { min-width: 1px; }
.hakkinda .d-flex a { font-weight: bold; }
.hakkinda .solKisim { width: 40%; display: table-cell; vertical-align: middle; }
.hakkinda .solKisim img, .hakkinda .solKisim a { width: 100%; float: left; box-sizing: border-box }
.hakkinda .sagKisim { width: 100%; display: table-cell; vertical-align: middle; box-sizing: border-box; padding-left: 20px; text-align: center; }
.hakkinda .sagKisim h3 { width: 100%; float: left; position: relative; box-sizing: border-box; }
.hakkinda .sagKisim h3 a { width: 100%; float: left; }
.hakkinda .sagKisim h3, .hakkinda .sagKisim h3 a { font-size: 48px; line-height: 48px; font-weight: bold; color: #aaafb8; }
.hakkinda .sagKisim h3 strong { width: 100%; float: left; font-size: 39px; line-height: 39px; color: #e92e29; font-weight: 300; }
.hakkinda .sagKisim .yazi { width: 100%; float: left; position: relative; font-size: 17px; line-height: 23px; color: #7b8494; margin-top: 30px; }

.tanitim.slot {padding:0;}
.tanitim figure img {display:block;max-width:100%;max-height:100%;height:auto;width:auto;}
.tanitim .relative {}
.tanitim .absolute {position:absolute;top:0;right:0;bottom:0;display:flex;z-index:10;max-width: 885px;align-items:center;}
.tanitim .absolute figcaption {position:absolute;top:0;right:10%;bottom:0;display:flex;align-items:center;width:45%;}
.tanitim .baslik { font-size:43px;line-height:1;text-align:center;color:#fff; }
.tanitim .baslik strong { display:block;width:100%;text-align:center;color:#b79653; }
.tanitim .baslik + .yazi { margin-top:20px;}
.tanitim .yazi { color:#fff; text-align:center;font-size:15px;line-height:1.3;}


.referans.genelListe { }
.referans.genelListe .kapsa { width: 100%; float: left; position: relative; box-sizing: border-box; padding: 0 40px; margin-top: 10px; }
.referans.genelListe.noCaro .kapsa { padding: 0; }
.referans.genelListe .arr { display: none; }
.referans.genelListe .arr { width: 32px; height: 26px; position: absolute; top: calc(50% - 13px); z-index: 45; }
.referans.genelListe .arr.sol { background-image: url(../images/crsol.png); left: 0px; }
.referans.genelListe .arr.sag { background-image: url(../images/crsag.png); right: 0px; }
.referans.genelListe li { width: 11.111%; padding: 0px; }
.referans.genelListe li a { padding: 0 6px }
.referans.genelListe li .resim { padding: 0 9px; }
.referans.genelListe li a:hover .resim { opacity: 0.8 }



.altBar { width: 100%; float: left; position: relative; box-sizing: border-box; background: #f4f3f8; }
.altBar .ust { width: 100%; float: left; position: relative; box-sizing: border-box; background: #e2e1e8; padding: 40px 0; }
.altBar .ust:after { content: ""; width: 100%; height: 29px; position: absolute; left: 0px; bottom: -29px; background: url(../images/amsk2.png) top center repeat-x; }
.altBar .ust .solKisim { width: 656px; float: left; position: relative; box-sizing: border-box; text-align: center; }
.altBar .ust .solKisim p { width: 100%; float: left; position: relative; font-size: 20px; line-height: 20px; font-weight: bold; color: #122567; margin-bottom: 20px; text-align: left; }
.altBar .ust .solKisim .eBulten { width: 100%; float: left; position: relative; }
.altBar .ust .solKisim .eBulten input[type="text"] { width: calc(100% - 150px); float: left; box-sizing: border-box; font-size: 18px; line-height: 18px; font-weight: 300; background: #d8d7de; color: #909090; padding: 23px 30px; }
.altBar .ust .solKisim .eBulten input[type="submit"] { width: 140px; float: right; box-sizing: border-box; font-size: 18px; line-height: 18px; font-weight: 300; background: #ec4b47; color: #ffffff; padding: 23px 30px; }
.altBar .ust .sagKisim { width: calc(100% - 716px); float: right; }
.altBar .ust .sagKisim h6 { font-size: 20px; line-height: 20px; font-weight: bold; color: #122567; margin-bottom: 20px; width: 100%; float: left; }
.altBar .ust .sagKisim ul { width: 100%; float: left; }
.altBar .ust .sagKisim ul li { width: 100%; float: left; font-size: 14px; line-height: 24px; color: #122567; font-weight: 500; margin-bottom: 10px; }
.altBar .ust .sagKisim ul li:last-child { margin-bottom: 0 }
.altBar .ust .sagKisim ul li .sol { width: 85px; float: left; position: relative; font-weight: bold; box-sizing: border-box; padding-right: 7px; }
.altBar .ust .sagKisim ul li .sol:after { content: ":"; width: auto; position: absolute; right: 0px; top: 0px; }
.altBar .ust .sagKisim ul li .sag { width: calc(100% - 100px); float: right; }
.altBar .alt { width: 100%; float: left; position: relative; box-sizing: border-box; padding: 15px 0; text-align: center; background: #fff; }
.altBar .alt .bilgi, .altBar .alt .teknoBay { font-size: 14px; line-height: 24px; font-weight: 500; margin: 6px 0 0 0px; }
.altBar .alt .bilgi { float: left; }
.altBar .alt .teknoBay { float: right; }
.altBar .alt .sosyalMedia { width: auto; display: inline-table; vertical-align: text-bottom; float: none; margin: 0 }

.altMenu {display:flex;padding:50px 0 25px;}
.altMenu .slot {-ms-flex-preferred-size: 0;flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%;}
.altMenu .slot + .slot {margin-left:30px;}
.altMenu .slot:nth-child(4) {-ms-flex: 0 0 auto;flex: 0 0 auto;width: auto;max-width: 100%;}
.altMenu .slot h6 {font-size:22px;color:#b79653;font-weight:500;margin-bottom:25px;}
.altMenu .slot li {margin-bottom:10px;}
.altMenu .slot a {transition:.5s;}
.altMenu .slot a:hover {color:#b79653;}
.altMenu .yazi {font-weight:500;line-height:22px;}
.altMenu .yazi br {margin-bottom:10px;}



.katResim { width: 100%; height: 200px; float: left; position: relative; overflow: hidden; background-size: cover !important; margin-top: 0; }
.katResim img { width: 100%; float: left; display: none; }
.katResim .ortala { position: relative; }
.katResim h1, .katResim strong { width: auto; position: absolute; left: 0; bottom: 30px; font-family: 'kau'; font-size: 55px; line-height: 55px; color: #fff; }



.Urun.genelListe { }
.Urun.genelListe li { width: calc(33% - 24px); padding: 0px; margin-bottom: 70px; text-align: center; margin-right: 36px; }
.Urun.genelListe li:nth-child(3n) { margin-right: 0 }
.Urun.genelListe li h6 { font-size: 19px; line-height: 25px; color: #a7a7a7; border: solid 2px #dcdcdc; font-weight: bold; padding: 30px 40px; }
.Urun.genelListe li .resim { border-radius: 100%; overflow: hidden; margin-bottom: 20px; }
.Urun.genelListe li .resim img { border-radius: 100%; transform: scale(1); }
.Urun.genelListe li a:hover .resim img { transform: scale(1.1); }
.Urun.genelListe li a:hover h6 { color: #6f6d6d; }

.Urun.genelListe.dortLu li { width: calc(25% - 21px); margin-right: 28px; padding: 0; margin-bottom: 30px; }
.Urun.genelListe.dortLu li:nth-child(4n) { margin-right: 0px; }


.urunDetay { width: 100%; float: left; }
.urunDetay .slot { width: 100%; float: left; position: relative; box-sizing: border-box; margin-bottom: 50px; }
.urunDetay .solKisim { width: 480px; float: left; position: relative; }
.urunDetay .sagKisim, .urunDetay .baslik { width: calc(100% - 520px); float: right; }
.urunDetay .sagKisim { }
.urunDetay .baslik { margin-top: 20px; margin-bottom: 26px; }
.urunDetay .baslik h1 { width: 100%; float: left; position: relative; box-sizing: border-box; font-size: 26px; line-height: 33px; font-weight: 600; color: #b79653; }
.urunDetay .baslik .uKodu { width: 100%; float: left; font-size: 18px; line-height: 22px; color: #d7a542; margin-top: 5px; }
.urunDetay .sagKisim .paylas { width: 100%; float: left; position: relative; margin-top: 30px }
.urunDetay .slot .paylas .payAc { width: auto; height: auto; float: left; background: url(../images/pyls.png) no-repeat; padding: 5px 0 5px 37px; font-size: 15px; line-height: 15px; font-weight: bold; color: #686b6f; }
.urunDetay .slot .paylas .payAc.active, .urunDetay .slot .paylas .payAc:hover { background-image: url(../images/pyls2.png); }
.urunDetay .slot .paylas ul { width: 63px; position: absolute; left: 33px; top: 35px; display: none; z-index: 45; background: #fff; box-shadow: 0px 0px 4px 0 rgba(0, 0, 0, 0.11); border-radius: 6px; padding: 12px 14px; box-sizing: border-box; }
.urunDetay .slot .paylas ul li { width: 100%; float: left; position: relative; border-bottom: solid 1px #c5c5c5; padding-bottom: 10px; margin-bottom: 10px; }
.urunDetay .slot .paylas ul li:last-child { border-bottom: 0; padding-bottom: 0px; margin-bottom: 0; }
.urunDetay .slot .paylas ul li a { width: 100%; height: 20px; float: left; background-repeat: no-repeat; background-position: center center; opacity: 0.5; }
.urunDetay .slot .paylas ul li.facebook a { background-image: url(../images/social/facebook.png); }
.urunDetay .slot .paylas ul li.twitter a { background-image: url(../images/social/twitter.png); }
.urunDetay .slot .paylas ul li.googleplus a { background-image: url(../images/social/googleplus2.png); }



.linkAgaci { width: 100%; float: left; position: relative; box-sizing: border-box; }
.linkAgaci a { width: auto; float: left; position: relative; font-size: 15px; font-weight: 500; color: #b79653; padding-right: 19px; margin-right: 10px; }
.linkAgaci a:last-child { padding-right: 0; margin-right: 0; }
.linkAgaci a:after { content: "/"; width: auto; position: absolute; right: 0px; top: 0px; }
.linkAgaci a:last-child:after { display: none; }
.linkAgaci .lWrap { width: auto; float: left; padding: 0 0 30px 0; }
.linkAgaci .ikon { width: 74px; position: absolute; right: 0px; top: -32px; }
.linkAgaci .ikon img { width: 100%; float: left; }



.fixIn { width: 230px; position: fixed; right: 10px; top: 50%; transform: translate(0, -50%); z-index: 270; }
.fixIn div { width: 100%; float: left; position: relative; background: rgba(174, 52, 48, 0.75); margin-bottom: 10px; border-radius: 10px; }
.fixIn div:last-child { margin-bottom: 0 }
.fixIn div a { width: 100%; float: left; position: relative; box-sizing: border-box; font-size: 17px; line-height: 23px; color: #fff; padding: 22px 20px 22px 90px; }
.fixIn div a strong { font-weight: bold; }
.fixIn div a:after { content: ""; width: 49px; height: 100%; position: absolute; left: 20px; top: 0px; background-repeat: no-repeat; background-position: left center }
.fixIn div.telefon a:after { background-image: url(../images/telic.png); }
.fixIn div.bilgi a:after { background-image: url(../images/dinf.png); }
.fixIn div.Whatshapp { background-color: rgba(48, 174, 58, 0.75); }
.fixIn div.Whatshapp a:after { background-image: url(../images/whtspic.png); }

@media (min-width:1171px) {
  .slider, .slider .caroufredsel_wrapper, #slider, #slider li, #slider a, #slider img { height: 700px !important;}
}