/*

¯\_(ツ)_/¯

    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: #313131; }
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: #474747;font-size: 14px;font-weight: 400;background: #ffffff;overflow: hidden;counter-reset: section;overflow: hidden;}
body.scFlow { overflow: hidden; }
body.scrool {overflow: inherit;}
strong, b { font-weight: bold; }



body, input, textarea { font-family: 'mont',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(1300px);height: 100%;float: left;position: relative;box-sizing: border-box;margin-left: calc(50% - 650px);}
.ortala.wide {width: 100%;margin: 0;padding: 0 150px;}
.ortala.full {width: 100%;margin: 0;padding: 0 70px;}
.ortala.full.wide {padding: 0 60px;}
.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;background: url(../images/bg.png) center 0;background-size: cover;}
main section {width: 100%;float: left;position: relative;z-index: 65;margin: 0 0 80px 0;}
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: 16px;line-height: 25px;font-weight: 400;color: #485054;text-align: justify;z-index: 900;}
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.scActive .inner { opacity: 1; top: 0px; }
main section .inner {width: 100%;float: left;position: relative;display: flex;flex-wrap: wrap;flex-direction: column;align-items: center;justify-content: center;}
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-size: 14px;line-height: 14px;font-weight: 500;color: #41454e;text-decoration: underline;padding: 0 0px 17px 18px;}
main section a.link:before {content: "";width: 31px;height: 31px;position: absolute;left: 0;top: 0;background: url(../images/btnicn.svg) no-repeat left top;background-size: contain;} 
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;color: #156f73;margin: 0 0 40px 0;padding: 0;display: flex;flex-wrap: wrap;flex-direction: column;align-items: flex-start;justify-content: flex-start;}
.anaBaslik .gizle { display: none; }
.anaBaslik u {color: #c74f4e;margin: 7px;}
.anaBaslik p {width: auto;float: left;font-size: 40px;line-height: 54px;font-weight: 500;padding: 0 0 0 20px;margin: 14px 0 0 0; }
.anaBaslik p.center { text-align: center; }
.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: 4;display: flex;flex-wrap: wrap;flex-direction: row;align-items: center;justify-content: center;font-family: 'saira';}
.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: 60px;line-height: 60px;font-weight: bold;}



header {width: 100%;float: left;position: absolute;left: 0;top: 0;z-index: 960;padding: 40px 0;transition: all .8s cubic-bezier(.645,.045,.355,1);opacity: 0;}
header.scActive { opacity: 1 }
header:before {content: "";width: 100%;height: 270px;position: absolute;left: 0;top: 0;background: rgb(0,0,0);background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8519782913165266) 100%);z-index: -1;}
header:after {content: "";width: 100%;height: 1px;position: absolute;left: 0;bottom: 0;background: rgb(32 205 202 / 57%);z-index: 1;}
header .inner { width: 100%; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: space-between; }
header .logo { width: 211px; float: left; position: relative; }
header .menuBar { width: auto; float: left; position: relative; }
header .sagK { width: auto; float: left; position: relative; }
header .sagK .iletisim { width: auto; float: left; position: relative; }
header .sagK .iletisim a {width: auto;float: left;position: relative;font-size: 16px;line-height: 16px;font-weight: 400;color: #ffffff;text-transform: uppercase;border: solid 1px rgb(32 205 202 / 57%);padding: 18px 41px 18px 29px;transition: all .4s cubic-bezier(.645,.045,.355,1) 0s;}
header .sagK .iletisim a:hover { border-color: #ffffffab; color: #5eb7b5; }
header .sagK .iletisim a::after {content: "";width: 9px;height: 100%;position: absolute;right: 25px;top: 0;background: url(../images/ok2.svg) no-repeat center;transform: rotate(45deg);transition: all .4s cubic-bezier(.645,.045,.355,1) 0s;}
header .sagK .iletisim a:hover:after {transform: rotate(10deg);}



.sliderWrap {width: 100%;height: 100vh;float: left;position: relative;display: flex;flex-wrap: wrap;flex-direction: row;align-items: center;justify-content: center;margin: 0;transition: all .8s cubic-bezier(.645,.045,.355,1);opacity: 0;}
.sliderWrap.scActive { opacity: 1 }
.sliderWrap .hMenu {width: auto;float: left;position: absolute;z-index: 90;/* right: 90px; */bottom: 30px;}
.sliderWrap .hMenu ul { width: auto; float: left; position: relative;}
.sliderWrap .hMenu ul li {width: auto;float: left;position: relative;padding: 0px 30px 0 0;margin: 0px 30px 0 0;}
.sliderWrap .hMenu ul li:after { content:""; width: 5px; aspect-ratio: 1 / 1; position: absolute; right: 0; top: calc(50% - 2.5px); background: #ffffff; border-radius: 100%; }
.sliderWrap .hMenu ul li:last-child { margin-right: 0; padding-right: 0; }
.sliderWrap .hMenu ul li:last-child:after { display: none; }
.sliderWrap .hMenu ul li a { width: auto; float: left; position: relative; }
.sliderWrap .hMenu ul li a img { width: auto; height: 24px; }

.sliderWrap .hMenu ul > li > a {width: auto;float: left;position: relative;display: flex;flex-wrap: wrap;flex-direction: row;align-items: center;justify-content: center;transition: all .8s cubic-bezier(.645,.045,.355,1) 0s;}
.sliderWrap .hMenu ul > li > a:after {content:"";width: 80px;height: 80px;position: absolute;border-radius: 100%;background: #dfba7500;opacity: 0;z-index: -1;box-shadow: 0px 0px 80px rgb(255 255 255 / 52%);transition: all .3s cubic-bezier(.645,.045,.355,1);}
.sliderWrap .hMenu ul > li.active > a:after { opacity: 1; }
.sliderWrap .hMenu ul > li > a:last-child {margin-right:0}
.sliderWrap .hMenu ul > li > a img {width: 22px;float: left;}
.sliderWrap .hMenu ul li a span {width: auto; float: left;}
.sliderWrap .hMenu ul li .hover {width: max-content;position: absolute;right: 0;top: -90px;overflow: hidden;background: rgb(0 0 0 / 12%);transition: all .3s cubic-bezier(.645,.045,.355,1);z-index: 9999;pointer-events: none;visibility: hidden;opacity: 0;padding: 20px 20px;box-shadow: 0px 10px 21px rgb(253 253 253 / 3%);border-radius: 45px;backdrop-filter: blur(11px);z-index: 9999;font-size: 14px;line-height: 16px;color: #fff;} 
.sliderWrap .hMenu ul li .hover .kapsa { width: auto; float: left; position: relative; }
.sliderWrap .hMenu ul li .hover .kapsa .sosyal { width: auto; float: left; position: relative; padding: 0 17px; }
.sliderWrap .hMenu ul li .hover .kapsa .sosyal a { font-size: 20px; line-height: 20px; font-weight: 400; color: #fff; margin: 0 20px 0 0; }
.sliderWrap .hMenu ul li .hover .kapsa .sosyal a:last-child { margin-right: 0; }
.sliderWrap .hMenu ul li.active .hover {opacity: 1; pointer-events: auto; visibility: visible;}
.sliderWrap.katWrap {height: 480px;margin-bottom: 100px;}
.sliderWrap.katWrap .katResim {width: 100%;height: 100%;position: absolute;left: 0;top: 0;display: flex;flex-wrap: wrap;flex-direction: column;align-items: center;justify-content: center;background-position: center;background-size: cover;background-repeat: no-repeat;}
.sliderWrap.katWrap .katResim:after { content: ""; width: 100%; height: 100%; position: absolute; left: 0px; top: 0; background: rgb(7 38 37 / 41%) url(../images/slmsk.png) no-repeat center; background-size: cover; z-index: 20; }
.sliderWrap.katWrap .katResim .kapsa { width: 100%; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; justify-content: center; margin: 140px 0 0 0; }
.sliderWrap.katWrap .katResim .kapsa h1, .sliderWrap.katWrap .katResim .kapsa strong {width: 100%;float: left;position: relative;font-family: 'saira';font-size: 56px;line-height: 74px;color: #fff;font-weight: bold;text-align: center;z-index: 50;letter-spacing: 5px;}

.sliderWrap.katWrap .katResim .kapsa .linkler {width: auto;float: left;position: relative;margin-top: 28px;z-index: 90;}
.sliderWrap.katWrap .katResim .kapsa .linkler ul { width: auto; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; }
.sliderWrap.katWrap .katResim .kapsa .linkler ul li {width: auto;float: left;position: relative;margin: 0 40px 0 0;padding: 0 10px 0 0;display: flex;flex-wrap: wrap;flex-direction: row;align-items: center;justify-content: center;}
.sliderWrap.katWrap .katResim .kapsa .linkler ul li:after { content: ""; width: 1px; height: 70px; position: absolute; right: 0; background: #b0b8b8; transform: rotate(25deg); opacity: 0; }
.sliderWrap.katWrap .katResim .kapsa .linkler ul li:last-child { margin-right: 0 }
.sliderWrap.katWrap .katResim .kapsa .linkler ul li a {width: auto;float: left;position: relative;font-size: 16px;line-height: 16px;font-weight: 500;color: #fff;padding: 0 19px 0 0;border: solid 1px rgb(255 255 255 / 57%);padding: 18px 41px 18px 29px;transition: all .4s cubic-bezier(.645,.045,.355,1);}
.sliderWrap.katWrap .katResim .kapsa .linkler ul li a:hover {border-color: rgb(32 205 202 / 57%);}
.sliderWrap.katWrap .katResim .kapsa .linkler ul li a:after { content:""; width: 9px; height: 100%; position: absolute; right: 24px; top: 0; background: url(../images/ok2.svg) no-repeat center; transform: rotate(45deg); transition: all .4s cubic-bezier(.645,.045,.355,1); }
.sliderWrap.katWrap .katResim .kapsa .linkler ul li a:hover:after {transform: rotate(10deg);}



.slider {width: 100%;height: 100%;float: left;position: relative;display: flex;flex-wrap: wrap;flex-direction: row;align-items: center;justify-content: center;/* z-index: 100; */}
.slider .kapsa {width: 1017px;float: left;position: relative;display: flex;flex-wrap: wrap;flex-direction: column;align-items: center;justify-content: center;z-index: 50;margin: 100px 0 0 0;}
.slider .kapsa::after { content: ""; }
.slider .kapsa strong {font-family: 'saira';font-size: 60px;line-height: 53px;color: #fff;text-align: center;}
.slider .kapsa strong u {font-weight: 400;}
.slider .kapsa strong i {font-weight: 600;font-style: normal;}
.slider .kapsa .linkler {width: auto;float: left;position: relative;margin-top: 28px;}
.slider .kapsa .linkler ul { width: auto; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; }
.slider .kapsa .linkler ul li {width: auto;float: left;position: relative;margin: 0 40px 0 0;padding: 0 10px 0 0;display: flex;flex-wrap: wrap;flex-direction: row;align-items: center;justify-content: center;}
.slider .kapsa .linkler ul li:after { content: ""; width: 1px; height: 70px; position: absolute; right: 0; background: #b0b8b8; transform: rotate(25deg); opacity: 0; }
.slider .kapsa .linkler ul li:last-child { margin-right: 0 }
.slider .kapsa .linkler ul li a {width: auto;float: left;position: relative;font-size: 16px;line-height: 16px;font-weight: 500;color: #fff;padding: 0 19px 0 0;border: solid 1px rgb(255 255 255 / 57%);padding: 18px 41px 18px 29px;transition: all .4s cubic-bezier(.645,.045,.355,1);}
.slider .kapsa .linkler ul li a:hover {border-color: rgb(32 205 202 / 57%);background: rgb(32 205 202);}
.slider .kapsa .linkler ul li a:after { content:""; width: 9px; height: 100%; position: absolute; right: 24px; top: 0; background: url(../images/ok2.svg) no-repeat center; transform: rotate(45deg); transition: all .4s cubic-bezier(.645,.045,.355,1); }
.slider .kapsa .linkler ul li a:hover:after {transform: rotate(10deg);}
.slider .videom { z-index: 5; }
.slider .videom, .slider video { width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover; }
.slider .videom:before {content: "";width: 100%;height: 100%;position: absolute;left: 0px;top: 0;background: rgb(7 38 37 / 41%) url(../images/slmsk.png) no-repeat center;background-size: cover;z-index: 20;}



.kurumsal {width: 100%;float: left;position: relative;overflow: hidden;}
.kurumsal .inner {flex-direction: row;}
.kurumsal::before {content: "";width: 100%;height: 220px;position: absolute;left: 0;top: 0;background: rgb(255,255,255);background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);z-index: 100;}
.kurumsal .slot {width: 50%;float: left;position: relative;}
.kurumsal .slot.resmi {will-change: auto;padding-left: 90px;}
.kurumsal .slot.resmi img {width: 100%;float: left;position: relative;margin: -130px 0 0 0;}
.kurumsal .slot .kapsa {width: 650px;float: right;position: relative;display: flex;flex-wrap: wrap;flex-direction: column;align-items: flex-start;justify-content: flex-start;}
.kurumsal .slot .kapsa .anaBaslik { z-index: 99999; margin-left: -30px; }
.kurumsal .slot .kapsa .icon.genelListe { width: calc(100% + 40px); margin: 60px 0 0 -30px; }
.kurumsal .slot .kapsa .icon.genelListe ul:not(.swiper-wrapper) {justify-content: flex-start;align-items: center;}
.kurumsal .slot .kapsa .icon.genelListe li {width: auto;padding: 0 40px 0 0;margin: 0 40px 0 0;display: flex;flex-wrap: wrap;flex-direction: row;align-items: center;justify-content: center;}
.kurumsal .slot .kapsa .icon.genelListe li:after {content: "";width: 1px;height: 70px;position: absolute;right: 0;background: #b0b8b8;transform: rotate(25deg);}
.kurumsal .slot .kapsa .icon.genelListe li .resim { width: 40px; }
.kurumsal .slot .kapsa .icon.genelListe li h6 {width: auto;font-size: 18px;line-height: 18px;font-weight: 500;color: #515f5f;margin: 0 0 0 15px;}
.kurumsal .slot .kapsa .icon.genelListe li:last-child { padding-right: 0; margin-right: 0; }
.kurumsal .slot .kapsa .icon.genelListe li:last-child:after { display: none; }



.urunler.genelListe { will-change: auto; }
.urunler.genelListe li {width: calc(33.33% - 20px);padding: 0;}
.urunler.genelListe li a {display: flex;flex-wrap: wrap;flex-direction: row;align-items: center;justify-content: center;}
.urunler.genelListe li .kapsul {width: 100%;position: absolute;left: 0;display: flex;flex-wrap: wrap;flex-direction: column;align-items: center;justify-content: center;padding: 0 70px;}
.urunler.genelListe li .resim {overflow: hidden;/* border-radius: 20px; *//* mask-image: url('../images/urnmsk.svg'); *//* -webkit-mask-image: url('../images/urnmsk.svg'); */mask-repeat: no-repeat;/* -webkit-mask-repeat: no-repeat; *//* mask-size: cover; *//* -webkit-mask-size: cover; */display: flex;flex-wrap: wrap;flex-direction: row;align-items: center;justify-content: center;}
.urunler.genelListe li .resim:before {content: "";width: calc(100% - 70px);aspect-ratio: 1/1;position: absolute;border-radius: 19px;mask-image: url('../images/urnmsk_border.svg');-webkit-mask-image: url('../images/urnmsk_border.svg');mask-repeat: no-repeat;-webkit-mask-repeat: no-repeat;mask-size: cover;-webkit-mask-size: cover;z-index: 5;background: #20cdca;opacity: 0;}
.urunler.genelListe li .resim:after{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: #171a1a96;backdrop-filter: blur(0px);}
.urunler.genelListe li a:hover .resim:after {background: #156f73a8;backdrop-filter: blur(4px);}
.urunler.genelListe li h6 {font-size: 24px;line-height: 24px;font-weight: 500;color: #fff;text-align: center;}
.urunler.genelListe li p {font-size: 15px;line-height: 24px;font-weight: 400;color: #fff;text-align: center;margin: 22px 0 20px 0;}
.urunler.genelListe li .devami { width: auto; float: left; position: relative; font-size: 16px; line-height: 24px; font-weight: 400; color: #fff; text-decoration: underline; padding: 0 23px 0 0; }
.urunler.genelListe li .devami:after {content: "";width: 12px;height: 100%;position: absolute;right: 0;top: 0;background: url(../images/ok2.svg) no-repeat center;transform: rotate(45deg);}



.referans.genelListe .ust { width: 100%; float: left; position: relative; }
.referans.genelListe .ust .inner { flex-direction: row; align-items: center; justify-content: space-between; }
.referans.genelListe .alt { width: 100%; float: left; position: relative; }
.referans.genelListe li {width: 16.66%;padding: 0;overflow: hidden;}
.referans.genelListe li .resim {height: 100px;display: flex;flex-wrap: wrap;flex-direction: row;align-items: center;justify-content: center;transition: all .7s linear .3s;}
.referans.genelListe li .resim img {max-width: calc(100%);max-height: calc(100%);width: auto;height: auto;opacity: 0.6;}
.referans.genelListe .arrow {width: auto;float: right;position: relative;display: flex;flex-wrap: wrap;flex-direction: row;align-items: center;justify-content: space-between;}
.referans.genelListe .arr {width: auto;height: 36px;float: left;position: relative;z-index: 99;}
.referans.genelListe .arr:before {content: "";width: 5px;height: 10px;position: absolute;background: #156f73;clip-path: polygon(0 50%, 100% 100%, 100% 0);top: calc(50% - 5px);left: 16px;}
.referans.genelListe .arr:after {content: "";width: 36px;height: 36px;position: absolute;top: 0px;border: solid 1px #156f73;border-radius: 100%;}
.referans.genelListe .arr span {width: 64px;height: 15px;float: left;position: relative;font-size: 15px;line-height: 15px;color: #156f73;transition: all .4s;}
.referans.genelListe .arr span:after {content: "";width: 100%;height: 1px;position: absolute;bottom: 2px;background: #156f73;}
.referans.genelListe .arr.sol {margin-right: 8px;}
.referans.genelListe .arr.sol:after { left: 0; }
.referans.genelListe .arr.sol span:after { left: 0; }
.referans.genelListe .arr.sol span { padding: 0 0 0 30px; margin: 6px 0 0 20px; }
.referans.genelListe .arr.sol span:after { left: 0; }
.referans.genelListe .arr.sag { will-change: auto;}
.referans.genelListe .arr.sag span { padding: 0px 30px 0 0px; margin: 6px 20px 0 0px; }
.referans.genelListe .arr.sag span:after { right: 0; }
.referans.genelListe .arr.sag:after { right: 0; }
.referans.genelListe .arr.sag:before { clip-path: polygon(0 100%, 100% 50%, 0 0); left: initial; right: 16px; }
.referans.genelListe .arr.sag:hover span { padding-right: 40px; }
.referans.genelListe .arr.sol:hover span { padding-left: 40px; }
.referans.genelListe .arr:hover:before {background: #20cdca;}
.referans.genelListe .arr:hover span {color: #20cdca;}
.referans.genelListe .arr:hover span:after {background: #20cdca;}
.referans.genelListe .arr:hover:after { border-color: #20cdca; }



footer {width: 100%;float: left;position: relative;z-index: 465;margin: 100px 0 0 0;}
footer .cizgiler > div {background: #fff;z-index: 40;}
footer section {width: 100%;float: left;position: relative;z-index: 96;}
footer section:last-child {margin-bottom:0;}
footer section .inner {width: 100%;float: left;position: relative;display: flex;flex-wrap: wrap;flex-direction: column;align-items: center;justify-content: center;z-index: 40;}
footer section.ust {padding: 60px 0;background: url(../images/altbg.jpg) center no-repeat;background-size: cover;}
footer section.ust .msk {width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: #0e2a29ad url(../images/slmsk.png) no-repeat;background-size: cover;}
footer section.ust .msk:before {background-image: url(../images/solaltmsk.png); left: 0; }
footer section.ust .msk:after { background-image: url(../images/sagaltmsk.png); right: 0; }
footer section .beniAra {position: relative ;margin: -160px 0px 80px 0;}
footer section .beniAra .bg img {opacity: 1;}
footer section .logo {width: 211px;float: left;position: relative;margin: 0 0 41px 0;}
footer section .altMenu {width: auto;float: left;position: relative;margin: 0 0 50px 0;}
footer section .altMenu ul { width: auto; float: left; position: relative; }
footer section .altMenu ul li { width: auto; float: left; position: relative; border-right: solid 1px #fff; padding: 0 20px 0 0; margin: 0 20px 0 0; }
footer section .altMenu ul li:last-child {margin-right:0px; padding-right:0px; border-right:0}
footer section .altMenu ul li a { width: auto; float: left; position: relative; font-size: 15px; line-height: 15px; font-weight: 500; color: #fff; text-transform: uppercase; }
footer section .iletisim {width: auto;float: left;position: relative;display: flex;flex-wrap: wrap;flex-direction: column;margin: 0 0 50px 0;}
footer section .iletisim ul { width: auto; float: left; position: relative; }
footer section .iletisim ul.tam { margin: 0 0px 16px 0; }
footer section .iletisim ul li { width: auto; float: left; position: relative; margin: 0px 32px 0 0; }
footer section .iletisim ul li:last-child { margin-right: 0; }
footer section .iletisim ul li a { width: auto; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; }
footer section .iletisim ul li a img { width: 16px; }
footer section .iletisim ul.tam li a img { width: 24px; margin-right: 14px; margin-left: -39px; }
footer section .iletisim ul.tam li a span { margin: 0; }
footer section .iletisim ul li a span { font-size: 14px; line-height: 14px; font-weight: 400; color: #fff; margin: 0 0 0 6px; }
footer section .sosyal {width: auto;float: left;position: relative;}
footer section .sosyal a { width: auto; float: left; position: relative; font-size: 22px; line-height: 22px; font-weight: 400; color: #fff; margin: 0 30px 0 0; }
footer section .sosyal a:last-child { margin-right: 0; }
footer section.alt {padding: 22px 0;}
footer section.alt .inner { flex-direction: row; justify-content: space-between; }
footer section.alt .bilgi {width: auto;float: right;margin: 0;font-size: 15px;line-height: 15px;font-weight: 400;color: #404040;}
footer section.alt a.qBrand {width: 75px;float: left;position: relative;}
footer section.alt a.qBrand img { width: 100%; float: left; position: relative; }
footer section.alt a.qBrand i {display:none} 



main section.icerik.urunDetay .inner { justify-content: space-between; align-items: center; }
.urunDetay .solK { width: 500px; float: left; position: relative; }
.urunDetay .solK .resim { width: 100%; float: left; position: relative; overflow: hidden; border-radius: 20px; mask-image: url(../images/urnmsk.svg); -webkit-mask-image: url(../images/urnmsk.svg); mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; mask-size: cover; -webkit-mask-size: cover; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; }
.urunDetay .solK .resim img { width: 100%; float: left; position: relative; }
.urunDetay .sagK { width: calc(100% - 540px); float: left; position: relative; }
.urunDetay .sagK .anaBaslik h1 { font-size: 40px; line-height: 40px; }



.bizeUlasin { width: 100%; float: left; position: relative; box-sizing: border-box; margin-bottom: 0; margin: 0; display: flex; flex-wrap:wrap; flex-direction: row; align-items: center; justify-content: space-between}
.bizeUlasin strong { width: 100%; float: left; position: relative; font-size: 22px; line-height: 23px; font-weight: 400; color: #4a4a4a; letter-spacing: 1px; margin: 0 0px 19px 0; }
.bizeUlasin .solK { width: 400px; float: left; box-sizing: border-box; }
.bizeUlasin .solK iframe { width: 100%; height: 600px; float: left; }
.bizeUlasin .sagK { width: calc(100% - 420px); float: right; position: relative; box-sizing: border-box; padding: 0 0 0 40px; }
.bizeUlasin .sagK .slot { width: 100%; float: left; position: relative; box-sizing: border-box; margin: 0 0 30px 0; }
.bizeUlasin .sagK .slot:last-child { margin-bottom: 0; }
.bizeUlasin .sagK .sosyalBar { width: 100%; float: left; }
.bizeUlasin .sagK .sosyalBar a { width: auto; float: left; margin: 0 12px 0 0; }
.bizeUlasin .sagK .sosyalBar a:last-child { margin-right: 0px; }
.bizeUlasin .sagK .sosyalBar a i { width: auto; float: left; font-size: 28px; line-height: 28px; color: #595959; }
.bizeUlasin .sagK .bilgi ul { width: 100%; float: left; display: initial }
.bizeUlasin .sagK .bilgi ul li { width: calc(33.33% - 14px); float: left; margin-right: 21px; margin-bottom: 0 }
.bizeUlasin .sagK .bilgi ul li.tek { width: 100%; margin: 0 0 22px 0; }
.bizeUlasin .sagK .bilgi ul li:last-child { margin-right: 0px; }
.bizeUlasin .sagK .bilgi ul li a { width: 100%; float: left; position: relative; box-sizing: border-box; font-size: 15px; line-height: 20px; color: #4a4a4a; padding: 11px 0px 11px 65px; }
.bizeUlasin .sagK .bilgi ul li a strong { width: 100%; float: left; position: relative; box-sizing: border-box; font-size: 14px; line-height: 14px; color: #252525; margin: 0 0 4px 0; font-weight: 600; }
.bizeUlasin .sagK .bilgi ul li a span { width: 100%; float: left; }
.bizeUlasin .sagK .bilgi ul li a span br {content:"";}
.bizeUlasin .sagK .bilgi ul li a:before, .bizeUlasin .sagK .bilgi ul li a:after { content: ""; width: 54px; height: 54px; position: absolute; left: 0px; top: calc(50% - 27px); box-sizing: border-box; }
.bizeUlasin .sagK .bilgi ul li a:before { background-repeat: no-repeat; background-position: center; background-size: auto 22px; z-index: 45; }
.bizeUlasin .sagK .bilgi ul li a:after { border: solid 1px #dedede; border-radius: 100%; }
.bizeUlasin .sagK .bilgi ul li.adres a:before { background-image: url(../images/mapsy.svg); }
.bizeUlasin .sagK .bilgi ul li.telefon a:before { background-image: url(../images/telsy.svg); }
.bizeUlasin .sagK .bilgi ul li.fax a:before { background-image: url(../images/faxsy.svg); }
.bizeUlasin .sagK .bilgi ul li.mail a:before { background-image: url(../images/mailsy.svg); }
.bizeUlasin .basligi { width: 100%; float: left; position: relative; margin: 0px 0 20px 0; padding: 30px 0 0 0; border-top: solid 1px #d5d5d5; }
.bizeUlasin .basligi h2 { font-size: 22px; line-height: 22px; }
.bizeUlasin .genelForm ul li:before { content: ""; width: 25px; height: 100%; position: absolute; left: 24px; top: 0; background-repeat: no-repeat; background-position: center; background-size: contain; z-index: 45; }
.bizeUlasin .genelForm ul li.ad:before { background-image: url(../images/frm01.svg); }
.bizeUlasin .genelForm ul li.hizmet:before { background-image: url(../images/frm02.svg); }
.bizeUlasin .genelForm ul li.telefon:before { background-image: url(../images/frm03.svg); }
.bizeUlasin .sagK .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;}



.galeri.genelListe li {width: calc(50% - 20px);padding: 0;}
.galeri.genelListe li .resim {overflow: hidden;}
.galeri.genelListe.alt { background: none }
.galeri.genelListe.ucLu li { width: calc(33.33% - 16px); margin: 0 0 30px 0; }