body {font-family: "Urbanist", sans-serif; overflow-x: hidden; padding:0; background: #FAFAFA;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%; margin:0; }
textarea:focus, input:focus{outline: none;}
::-webkit-scrollbar {width: 10px;background-color: #fff;border-left: 1px solid #fff;}
::-webkit-scrollbar-thumb {background-color: #000101;}
::-webkit-scrollbar-thumb:hover {background-color: #000101;}


.container { max-width:1500px;}
.ustmenu {width: 100%; height: 80px; background:#fff; position:relative; overflow:visible; z-index:99;}
.ustmenu #header {width:100%; height:80px; float:left; position:relative;}
.ustmenu .logo {width:220px; height:80px; float:left; display:flex; align-items:center;}
.ustmenu .logo img {max-width:220px;}
.ustmenu .mobilmenubuton {display:none;}

.ustmenu nav {width:auto; height:80px; float:left; margin-left:190px;}
.ustmenu nav ul {margin:0; padding:0; list-style:none;}
.ustmenu nav ul li {float:left; position:relative;}
.ustmenu nav ul li a {height:80px; display:flex; align-items:center; font-size:15px; font-weight:500; color:#2F343B; text-decoration:none; padding:0 13px;}
.ustmenu nav ul li a i {font-size:11px; margin-left:6px; color:#2F343B;}
.ustmenu nav ul li a:hover {color:#F5A623; transition:all .35s;}

.ustmenu nav ul li .submenu {width:295px; position:absolute; left:0; top:80px; background:#fff; opacity:0; visibility:hidden; z-index:9999; padding:8px 0; border-radius: 0 0 5px 5px;}
.ustmenu nav ul li .submenu li {width:100%; float:left;}
.ustmenu nav ul li .submenu li a {width:100%; height:38px; display:flex; align-items:center; font-size:14px; font-weight:500; color:#2F343B; padding:0 15px; border-bottom:1px solid #F1F1F1;}
.ustmenu nav ul li .submenu li:last-child a {border-bottom:0;}
.ustmenu nav ul li .submenu li a:hover {color:#F5A623; transition:all .35s;}
.ustmenu nav ul li:hover .submenu {opacity:1; visibility:visible; transition:all .35s;}

.ustmenu .sagalan {width:436px; height:80px; position:absolute; right:0; top:0; background:#2F343B; display:flex; align-items:center; padding-left:17px; overflow:hidden; border-radius: 10px 0 0 0; text-decoration:none;}
.ustmenu .sagalan:before {content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:url("tema/img/ust-bg.jpg") right center no-repeat; background-size:cover; opacity:.08;}
.ustmenu .sagalan .telefonikon {width:42px; height:42px; float:left; background:linear-gradient(135deg,#F5A623 0%,#FFC35B 100%); display:flex; align-items:center; justify-content:center; position:relative; z-index:2; border-radius: 50%; box-shadow:0 10px 24px rgba(245,166,35,.32); transition:all .35s;}
.ustmenu .sagalan .telefonikon img {width:16px;}
.ustmenu .sagalan .telefonikon:before {content:""; width:54px; height:54px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); border:1px solid rgba(245,166,35,.48); border-radius:50%; animation:telefonIkonPulse 2.4s infinite;}
.ustmenu .sagalan .telefonikon i {font-size:18px; color:#2F343B; position:relative; z-index:2;}
.ustmenu .sagalan:hover .telefonikon {transform:translateY(-2px); box-shadow:0 14px 28px rgba(245,166,35,.40);}
@keyframes telefonIkonPulse {
0% {opacity:.75; transform:translate(-50%,-50%) scale(.82);}
70% {opacity:0; transform:translate(-50%,-50%) scale(1.18);}
100% {opacity:0; transform:translate(-50%,-50%) scale(1.18);}
}
.ustmenu .sagalan .usttelefon {width:auto; height:35px; float:left; display:flex; align-items:center; font-size:26px; font-weight:700; color:#fff; margin-left:13px; position:relative; z-index:2; letter-spacing:.5px;}
.ustmenu .sagalan .usttelefon span {display:inline-block; transform-style:preserve-3d; animation:telefonRakam 6s infinite;}
.ustmenu .sagalan .usttelefon em {width:9px; height:1px; display:inline-block; font-style:normal;}
.ustmenu .sagalan .usttelefon span:nth-of-type(1) {animation-delay:0s;}
.ustmenu .sagalan .usttelefon span:nth-of-type(2) {animation-delay:.16s;}
.ustmenu .sagalan .usttelefon span:nth-of-type(3) {animation-delay:.32s;}
.ustmenu .sagalan .usttelefon span:nth-of-type(4) {animation-delay:.48s;}
.ustmenu .sagalan .usttelefon span:nth-of-type(5) {animation-delay:.64s;}
.ustmenu .sagalan .usttelefon span:nth-of-type(6) {animation-delay:.80s;}
.ustmenu .sagalan .usttelefon span:nth-of-type(7) {animation-delay:.96s;}

@keyframes telefonRakam {
0% {transform:rotateY(0deg);}
5% {transform:rotateY(0deg);}
12% {transform:rotateY(360deg);}
18% {transform:rotateY(360deg);}
100% {transform:rotateY(360deg);}
}

/* Küçük cihazlar (telefonlar, dikey) */
@media only screen and (max-width: 767px) {
.ustmenu {width:100%; height:auto; min-height:80px; overflow:visible;}
.ustmenu #header {width:100%; height:auto; float:left;}
.ustmenu .logo {width:170px; height:80px; float:left;}
.ustmenu .logo img {max-width:170px;}
.ustmenu .mobilmenubuton {width:46px; height:46px; float:right; display:flex; align-items:center; justify-content:center; background:#F5A623; color:#fff; font-size:20px; margin-top:17px; cursor:pointer; border-radius:3px;}
.ustmenu nav {width:100%; height:auto; float:left; margin-left:0; display:none; background:#fff; position:relative; z-index:9999;}
.ustmenu nav ul {width:100%; float:left; margin:0; padding:0;}
.ustmenu nav ul li {width:100%; float:left;}
.ustmenu nav ul li a {width:100%; height:44px; display:flex; align-items:center; font-size:14px; font-weight:500; color:#2F343B; padding:0 15px; border-bottom:1px solid #eee;}
.ustmenu nav ul li .submenu {width:100%; position:relative; left:auto; top:auto; float:left; box-shadow:none; opacity:1; visibility:visible; padding:0 0; display:none;}
.ustmenu nav ul li.dropdown.acik > a {color:#F5A623;}
.ustmenu nav ul li .submenu li a {height:38px; font-size:13px; padding:0 25px; background:#F8F8F8;}
.ustmenu .sagalan {width:100%; height:80px; position:relative; right:auto; top:auto; float:left; padding-left:15px;}
.ustmenu .sagalan .telefonikon {width:38px; height:38px;}
.ustmenu .sagalan .telefonikon img {width:15px;} .ustmenu .sagalan .telefonikon:before {width:50px; height:50px;} .ustmenu .sagalan .telefonikon i {font-size:16px;}
.ustmenu .sagalan .usttelefon {height:32px; font-size:24px; margin-left:10px;}
.ustmenu .sagalan .usttelefon em {width:8px;}
}

/* Orta cihazlar (tabletler) */
@media only screen and (min-width: 768px) and (max-width: 991px) {
.ustmenu {width:100%; height:auto; min-height:160px; overflow:visible;}
.ustmenu #header {width:100%; height:auto; float:left;}
.ustmenu .logo {width:190px; height:80px; float:left;}
.ustmenu .logo img {max-width:190px;}
.ustmenu .mobilmenubuton {display:none;}
.ustmenu nav {width:100%; height:auto; float:left; margin-left:0;}
.ustmenu nav ul {width:100%; float:left;}
.ustmenu nav ul li {float:left;}
.ustmenu nav ul li a {height:48px; font-size:14px; padding:0 10px; color:#2F343B;}
.ustmenu nav ul li .submenu {top:48px;}
.ustmenu .sagalan {width:360px; height:80px; position:relative; right:auto; top:auto; float:right; padding-left:14px;}
.ustmenu .sagalan .usttelefon {font-size:25px;}
}

/* Büyük cihazlar (küçük laptoplar, büyük tabletler) */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.ustmenu {height:128px; min-height:128px; overflow:visible;}
.ustmenu #header {height:128px;}
.ustmenu .logo {width:200px; height:80px;}
.ustmenu .logo img {max-width:200px;}
.ustmenu nav {width:100%; height:48px; float:left; clear:both; margin-left:0; position:relative; z-index:5;}
.ustmenu nav ul {width:100%; float:left;}
.ustmenu nav ul li a {height:48px; font-size:14px; padding:0 10px;}
.ustmenu nav ul li .submenu {top:48px;}
.ustmenu .sagalan {width:330px;}
.ustmenu .sagalan .usttelefon {font-size:25px;}
}
/* Ekstra büyük cihazlar (masaüstü monitörleri) */
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
.ustmenu nav {margin-left:45px; position:relative; z-index:5;}
.ustmenu nav ul li a {font-size:14px; padding:0 8px;}
.ustmenu .sagalan {width:360px;}
.ustmenu .sagalan .usttelefon {font-size:25px;}
}

@media only screen and (min-width: 1200px) and (max-width: 1279px) {
.ustmenu {height:128px; min-height:128px; overflow:visible;}
.ustmenu #header {height:128px;}
.ustmenu nav {width:100%; height:48px; float:left; clear:both; margin-left:0; position:relative; z-index:5;}
.ustmenu nav ul {width:100%; float:left;}
.ustmenu nav ul li a {height:48px; font-size:14px; padding:0 10px;}
.ustmenu nav ul li .submenu {top:48px;}
.ustmenu .sagalan {width:360px;}
}


.anaslider {width:100%; height:700px; float:left; position:relative; overflow:hidden; border-bottom-left-radius:38px;}
.anaslider video {width:100%; height:100%; float:left; object-fit:cover;}
.anaslider .slidergolge {width:100%; height:100%; position:absolute; left:0; top:0; background:linear-gradient(90deg, rgba(15,25,38,.30) 0%, rgba(15,25,38,.12) 42%, rgba(15,25,38,.30) 100%); z-index:2;}
.anaslider .slidergolge:before {content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:repeating-linear-gradient(135deg, rgba(255,255,255,.06) 0px, rgba(255,255,255,.06) 1px, transparent 1px, transparent 7px); opacity:.50;}
.anaslider:before {content:""; width:100%; height:150px; position:absolute; left:0; top:0; background:linear-gradient(180deg, rgba(0,0,0,.30) 0%, rgba(0,0,0,0) 100%); z-index:3;}
.anaslider:after {content:""; width:100%; height:130px; position:absolute; left:0; bottom:0; background:linear-gradient(0deg, rgba(0,0,0,.12) 0%, rgba(0,0,0,0) 100%); z-index:3;}

.anaslider .slideryazi {width:100%; height:100%; position:absolute; left:0; top:0; z-index:5;}
.anaslider .slideryazi .slideryaziic {width:1500px; height:100%; margin:0 auto; position:relative; display:flex; flex-direction:column; justify-content:center;}
.anaslider .slideryazi .sliderustbaslik {width:auto; height:34px; float:left; display:flex; align-items:center; font-size:14px; font-weight:600; color:#F9AA31;}
.anaslider .slideryazi .sliderbaslik {width:650px; height:72px; float:left; position:relative; overflow:hidden;}
.anaslider .slideryazi .sliderbaslik span {width:100%; height:72px; position:absolute; left:0; top:0; display:flex; align-items:center; font-size:46px; font-weight:600; color:#fff; line-height:1.15; opacity:0; transform:translateY(35px); animation:sliderYaziGecis 12s infinite;}
.anaslider .slideryazi .sliderbaslik span:nth-child(1) {animation-delay:0s;}
.anaslider .slideryazi .sliderbaslik span:nth-child(2) {animation-delay:4s;}
.anaslider .slideryazi .sliderbaslik span:nth-child(3) {animation-delay:8s;}
.anaslider .slideryazi .slideraciklama {width:560px; float:left; font-size:17px; font-weight:400; color:#fff;}
.anaslider .slideryazi .sliderbuton {width:210px; height:50px; float:left; display:flex; justify-content:center; align-items:center; background:#F9AA31; color:#fff; font-size:15px; font-weight:600; text-decoration:none; margin-top:30px; border-radius:4px;}
.anaslider .slideryazi .sliderbuton:hover {background:#2F343B; color:#fff; transition:all .35s;}

@keyframes sliderYaziGecis {
0% {opacity:0; transform:translateY(35px);}
8% {opacity:1; transform:translateY(0);}
28% {opacity:1; transform:translateY(0);}
36% {opacity:0; transform:translateY(-35px);}
100% {opacity:0; transform:translateY(-35px);}
}

/* Küçük cihazlar (telefonlar, dikey) */
@media only screen and (max-width: 767px) {
.anaslider {width:100%; height:360px; border-bottom-left-radius:28px;}
.anaslider:before {height:120px;}
.anaslider:after {height:100px;}
.anaslider .slideryazi .slideryaziic {width:100%; padding:0 20px;}
.anaslider .slideryazi .sliderustbaslik {font-size:12px; letter-spacing:2px; margin-bottom:12px;}
.anaslider .slideryazi .sliderbaslik {width:100%; height:104px;}
.anaslider .slideryazi .sliderbaslik span {height:104px; font-size:32px; line-height:1.25;}
.anaslider .slideryazi .slideraciklama {width:100%; font-size:15px; line-height:1.6; margin-top:12px;}
.anaslider .slideryazi .sliderbuton {width:190px; height:46px; font-size:14px; margin-top:24px;}
}

/* Orta cihazlar (tabletler) */
@media only screen and (min-width: 768px) and (max-width: 991px) {
.anaslider {width:100%; height:430px; border-bottom-left-radius:32px;}
.anaslider:before {height:135px;}
.anaslider:after {height:115px;}
.anaslider .slideryazi .slideryaziic {width:100%; padding:0 35px;}
.anaslider .slideryazi .sliderbaslik {width:600px;}
.anaslider .slideryazi .sliderbaslik span {font-size:40px;}
.anaslider .slideryazi .slideraciklama {width:520px;}
}

/* Büyük cihazlar (küçük laptoplar, büyük tabletler) */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.ustmenu {height:128px; min-height:128px; overflow:visible;}
.ustmenu #header {height:128px;}
.ustmenu .logo {width:200px; height:80px;}
.ustmenu .logo img {max-width:200px;}
.ustmenu nav {width:100%; height:48px; float:left; clear:both; margin-left:0; position:relative; z-index:5;}
.ustmenu nav ul {width:100%; float:left;}
.ustmenu nav ul li a {height:48px; font-size:14px; padding:0 10px;}
.ustmenu nav ul li .submenu {top:48px;}
.ustmenu .sagalan {width:330px;}
.ustmenu .sagalan .usttelefon {font-size:25px;}
}
/* Ekstra büyük cihazlar (masaüstü monitörleri) */
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
.anaslider {height:560px;}
.anaslider .slideryazi .slideryaziic {width:1140px;}
}


.anasayfaurungrup {width:100%; float:left; padding:120px 0 60px 0; background:#fff url("../img/genel/anasayfaurungrupbg.jpg") left 34px no-repeat;}
.anasayfaurungrup .anasayfaurungrupsol {width:380px; float:left; padding-top:4px;}
.anasayfaurungrup .anasayfaurungrupsol .kucukbaslik {width:100%; float:left; font-size:14px; font-weight:600; color:#F9AA31; line-height:1; margin-bottom:8px;}
.anasayfaurungrup .anasayfaurungrupsol .baslik {width:100%; float:left; font-size:28px; font-weight:600; color:#2F343B; line-height:1.12; margin-bottom:29px;}
.anasayfaurungrup .anasayfaurungrupsol .aciklama {width:100%; float:left;}
.anasayfaurungrup .anasayfaurungrupsol .aciklama p {font-size:15px; font-weight:400; color:#2F343B; line-height:1.92; margin:0;}
.anasayfaurungrup .anasayfaurungrupsol .aciklama p strong {font-weight:600;}

.anasayfaurungrup .anasayfaurungrupsag {width:960px; float:right;}
.anasayfaurungrup .anasayfaurungrupsag .urungrupkutu {width:230px; height:330px; float:left; background:#fff; border:1px solid #EBEBEB; border-radius:5px; overflow:hidden; margin:0 10px 18px 0;}
.anasayfaurungrup .anasayfaurungrupsag .urungrupkutu:nth-child(4n) {margin-right:0;}
.anasayfaurungrup .anasayfaurungrupsag .urungrupkutu a {width:100%; height:100%; float:left; text-decoration:none;}
.anasayfaurungrup .anasayfaurungrupsag .urungrupkutu .urungrupresim {width:100%; height:238px; float:left; background:#000; overflow:hidden;}
.anasayfaurungrup .anasayfaurungrupsag .urungrupkutu .urungrupresim img {width:100%; height:100%; object-fit:cover; transition:all .35s;}
.anasayfaurungrup .anasayfaurungrupsag .urungrupkutu .urungrupalt {width:100%; height:92px; float:left; position:relative; padding:18px 46px 0 15px;}
.anasayfaurungrup .anasayfaurungrupsag .urungrupkutu .urungrupbaslik {width:100%; height:40px; float:left; font-size:16px; font-weight:600; color:#2F343B; line-height:1.25; overflow:hidden; display:flex; align-items:flex-start;}
.anasayfaurungrup .anasayfaurungrupsag .urungrupkutu .urungruplink {width:100%; float:left; font-size:13px; font-weight:400; color:#F9AA31; line-height:1; margin-top:8px;}
.anasayfaurungrup .anasayfaurungrupsag .urungrupkutu .urungrupikon {width:20px; height:20px; position:absolute; right:14px; bottom:14px; border:1px solid #F9AA31; border-radius:3px; display:flex; align-items:center; justify-content:center;}
.anasayfaurungrup .anasayfaurungrupsag .urungrupkutu .urungrupikon img {width:9px; height:9px;}
.anasayfaurungrup .anasayfaurungrupsag .urungrupkutu:hover {box-shadow:0 10px 30px rgba(47,52,59,.10); transition:all .35s;}
.anasayfaurungrup .anasayfaurungrupsag .urungrupkutu:hover .urungrupresim img {transform:scale(1.08); transition:all .35s;}
.anasayfaurungrup .anasayfaurungrupsag .urungrupkutu:hover .urungrupikon {background:#F9AA31; transition:all .35s;}
.anasayfaurungrup .anasayfaurungrupsag .urungrupkutu:hover .urungrupikon img {filter:brightness(0) invert(1); transition:all .35s;}

/* Küçük cihazlar (telefonlar, dikey) */
@media only screen and (max-width: 767px) {
.anasayfaurungrup {padding:34px 0 38px 0; background-size:100% auto; background-position:left top;}
.anasayfaurungrup .anasayfaurungrupsol {width:100%; padding-top:0; margin-bottom:22px;}
.anasayfaurungrup .anasayfaurungrupsol .kucukbaslik {font-size:13px; margin-bottom:6px;}
.anasayfaurungrup .anasayfaurungrupsol .baslik {font-size:24px; margin-bottom:12px;}
.anasayfaurungrup .anasayfaurungrupsol .aciklama p {font-size:13px; line-height:1.65;}
.anasayfaurungrup .anasayfaurungrupsag {width:100%; float:left;}
.anasayfaurungrup .anasayfaurungrupsag .urungrupkutu {width:48%;  margin:0 1% 16px 0; border-radius:6px;}
.anasayfaurungrup .anasayfaurungrupsag .urungrupkutu .urungrupresim {height:220px;}
.anasayfaurungrup .anasayfaurungrupsag .urungrupkutu .urungrupalt {height:92px; padding:18px 46px 0 15px;}
.anasayfaurungrup .anasayfaurungrupsag .urungrupkutu .urungrupbaslik {height:40px;}
}

/* Orta cihazlar (tabletler) */
@media only screen and (min-width: 768px) and (max-width: 991px) {
.anasayfaurungrup {padding:60px 0 60px 0;}
.anasayfaurungrup .anasayfaurungrupsol {width:100%; margin-bottom:35px;}
.anasayfaurungrup .anasayfaurungrupsag {width:100%; float:left;}
.anasayfaurungrup .anasayfaurungrupsag .urungrupkutu {width:48.5%; height:330px; margin:0 3% 20px 0;}
.anasayfaurungrup .anasayfaurungrupsag .urungrupkutu:nth-child(2n) {margin-right:0;}
.anasayfaurungrup .anasayfaurungrupsag .urungrupkutu:nth-child(4n) {margin-right:0;}
.anasayfaurungrup .anasayfaurungrupsag .urungrupkutu .urungrupresim {height:238px;}
.anasayfaurungrup .anasayfaurungrupsag .urungrupkutu .urungrupalt {height:92px;}
}

/* Büyük cihazlar (küçük laptoplar, büyük tabletler) */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.ustmenu {height:128px; min-height:128px; overflow:visible;}
.ustmenu #header {height:128px;}
.ustmenu .logo {width:200px; height:80px;}
.ustmenu .logo img {max-width:200px;}
.ustmenu nav {width:100%; height:48px; float:left; clear:both; margin-left:0; position:relative; z-index:5;}
.ustmenu nav ul {width:100%; float:left;}
.ustmenu nav ul li a {height:48px; font-size:14px; padding:0 10px;}
.ustmenu nav ul li .submenu {top:48px;}
.ustmenu .sagalan {width:330px;}
.ustmenu .sagalan .usttelefon {font-size:25px;}
}
/* Ekstra büyük cihazlar (masaüstü monitörleri) */
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
.anasayfaurungrup .anasayfaurungrupsol {width:315px;}
.anasayfaurungrup .anasayfaurungrupsag {width:875px;}
.anasayfaurungrup .anasayfaurungrupsag .urungrupkutu {width:211px; height:320px;}
.anasayfaurungrup .anasayfaurungrupsag .urungrupkutu .urungrupresim {height:220px;}
.anasayfaurungrup .anasayfaurungrupsag .urungrupkutu .urungrupalt {height:100px;}
.anasayfaurungrup .anasayfaurungrupsag .urungrupkutu .urungrupbaslik {height:42px;}
}



.anasayfabayilik {width:100%; float:left; padding:25px 0 55px 0; background:#fff;}
.anasayfabayilik .bayilikliste {width:100%; float:left;}
.anasayfabayilik .bayilikkutu {width:15.83%; height:156px; float:left; background:#fff; border:1px solid #E6EAF0; border-radius:5px; overflow:hidden; margin-right:1%;}
.anasayfabayilik .bayilikkutu:nth-child(6n) {margin-right:0;}
.anasayfabayilik .bayilikkutu a {width:100%; height:100%; float:left; display:flex; flex-direction:column; justify-content:center; align-items:center; text-decoration:none;}
.anasayfabayilik .bayilikkutu .bayiliklogo {width:100%; height:92px; float:left; display:flex; align-items:center; justify-content:center; padding:0 28px;}
.anasayfabayilik .bayilikkutu .bayiliklogo img {max-width:150px; max-height:58px; object-fit:contain; transition:all .35s;}
.anasayfabayilik .bayilikkutu .bayiliklink {width:100%; height:24px; float:left; display:flex; justify-content:center; align-items:center; font-size:13px; font-weight:400; color:#777; margin-top:6px;}
.anasayfabayilik .bayilikkutu .bayiliklink img {width:12px; height:12px; margin-left:7px;}
.anasayfabayilik .bayilikkutu:hover {border-color:#F9AA31; box-shadow:0 10px 28px rgba(47,52,59,.08); transition:all .35s;}
.anasayfabayilik .bayilikkutu:hover .bayiliklogo img {transform:scale(1.04); transition:all .35s;}
.anasayfabayilik .bayilikkutu:hover .bayiliklink {color:#F9AA31; transition:all .35s;}

/* Küçük cihazlar (telefonlar, dikey) */
@media only screen and (max-width: 767px) {
.anasayfabayilik {padding:35px 0 40px 0;}
.anasayfabayilik .bayilikkutu {width:48.5%; height:142px; margin:0 3% 12px 0;}
.anasayfabayilik .bayilikkutu:nth-child(2n) {margin-right:0;}
.anasayfabayilik .bayilikkutu:nth-child(6n) {margin-right:0;}
.anasayfabayilik .bayilikkutu .bayiliklogo {height:82px; padding:0 16px;}
.anasayfabayilik .bayilikkutu .bayiliklogo img {max-width:120px; max-height:50px;}
}

/* Orta cihazlar (tabletler) */
@media only screen and (min-width: 768px) and (max-width: 991px) {
.anasayfabayilik {padding:45px 0 48px 0;}
.anasayfabayilik .bayilikkutu {width:31.33%; height:154px; margin:0 3% 16px 0;}
.anasayfabayilik .bayilikkutu:nth-child(3n) {margin-right:0;}
.anasayfabayilik .bayilikkutu:nth-child(2n) {margin-right:0;}
.anasayfabayilik .bayilikkutu:nth-child(6n) {margin-right:0;}
}

/* Büyük cihazlar (küçük laptoplar, büyük tabletler) */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.ustmenu {height:128px; min-height:128px; overflow:visible;}
.ustmenu #header {height:128px;}
.ustmenu .logo {width:200px; height:80px;}
.ustmenu .logo img {max-width:200px;}
.ustmenu nav {width:100%; height:48px; float:left; clear:both; margin-left:0; position:relative; z-index:5;}
.ustmenu nav ul {width:100%; float:left;}
.ustmenu nav ul li a {height:48px; font-size:14px; padding:0 10px;}
.ustmenu nav ul li .submenu {top:48px;}
.ustmenu .sagalan {width:330px;}
.ustmenu .sagalan .usttelefon {font-size:25px;}
}
/* Ekstra büyük cihazlar (masaüstü monitörleri) */
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
.anasayfabayilik .bayilikkutu .bayiliklogo img {max-width:140px;}
}



.anasayfafabrika {width:100%; float:left; padding:55px 0 55px 0; background:#fff;}
.anasayfafabrika .fabrikakutu {width:100%; height:502px; float:left; position:relative; overflow:hidden; border-radius:5px; background:url("../img/genel/fabrika.jpg") center center no-repeat; background-size:cover;}
.anasayfafabrika .fabrikayazi {width:430px; height:100%; float:right; position:relative; z-index:3; display:flex; flex-direction:column; justify-content:center; align-items:flex-end; margin-right:50px;}
.anasayfafabrika .fabrikabaslik {width:100%; float:left; font-size:48px; font-weight:600; color:#fff; line-height:1.28; text-align:right; margin-bottom:28px;}
.anasayfafabrika .fabrikabuton {width:200px; height:40px; float:right; display:flex; justify-content:center; align-items:center; background:#fff; color:#2F343B; font-size:15px; font-weight:500; text-decoration:none; border-radius:4px;}
.anasayfafabrika .fabrikabuton img {width:17px; height:17px; margin-right:11px;}
.anasayfafabrika .fabrikabuton:hover {background:#F9AA31; color:#fff; transition:all .35s;}
.anasayfafabrika .fabrikabuton:hover img {filter:brightness(0) invert(1); transition:all .35s;}

/* Küçük cihazlar (telefonlar, dikey) */
@media only screen and (max-width: 767px) {
.anasayfafabrika {padding:35px 0 40px 0;}
.anasayfafabrika .fabrikakutu {height:360px; border-radius:5px; background-position:center center;}
.anasayfafabrika .fabrikayazi {width:100%; height:100%; float:left; margin-right:0; padding:0 25px; align-items:center;}
.anasayfafabrika .fabrikabaslik {font-size:34px; line-height:1.25; margin-bottom:24px; text-align:center;}
.anasayfafabrika .fabrikabuton {width:180px; height:40px; font-size:14px; float:none;}
}

/* Orta cihazlar (tabletler) */
@media only screen and (min-width: 768px) and (max-width: 991px) {
.anasayfafabrika {padding:45px 0 45px 0;}
.anasayfafabrika .fabrikakutu {height:420px;}
.anasayfafabrika .fabrikayazi {width:360px; margin-right:25px;}
.anasayfafabrika .fabrikabaslik {font-size:40px;}
}

/* Büyük cihazlar (küçük laptoplar, büyük tabletler) */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.ustmenu {height:128px; min-height:128px; overflow:visible;}
.ustmenu #header {height:128px;}
.ustmenu .logo {width:200px; height:80px;}
.ustmenu .logo img {max-width:200px;}
.ustmenu nav {width:100%; height:48px; float:left; clear:both; margin-left:0; position:relative; z-index:5;}
.ustmenu nav ul {width:100%; float:left;}
.ustmenu nav ul li a {height:48px; font-size:14px; padding:0 10px;}
.ustmenu nav ul li .submenu {top:48px;}
.ustmenu .sagalan {width:330px;}
.ustmenu .sagalan .usttelefon {font-size:25px;}
}
/* Ekstra büyük cihazlar (masaüstü monitörleri) */
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
.anasayfafabrika .fabrikakutu {height:500px;}
.anasayfafabrika .fabrikabaslik {font-size:46px;}
}



.anasayfaslogankutu {width:100%; float:left; padding:40px 0 55px 0; background:#fff;}
.anasayfaslogankutu .slogankutu {width:24.25%; height:274px; float:left; background:#E9ECEF; border-radius:4px; margin-right:1%; padding:53px 32px 0 32px;}
.anasayfaslogankutu .slogankutu:nth-child(4n) {margin-right:0;}
.anasayfaslogankutu .slogankutu .sloganikon {width:66px; height:66px; float:left; display:flex; align-items:center; justify-content:center; background:#fff; border-radius:5px; margin-bottom:22px;}
.anasayfaslogankutu .slogankutu .sloganikon img {width:32px; height:32px;}
.anasayfaslogankutu .slogankutu .sloganbaslik {width:100%; float:left; font-size:17px; font-weight:600; color:#2F343B; line-height:1.25; margin-bottom:10px;}
.anasayfaslogankutu .slogankutu .sloganaciklama {width:100%; float:left; font-size:14px; font-weight:400; color:#2F343B; line-height:1.55;}
.anasayfaslogankutu .slogankutu:hover {background:#2F343B; transition:all .35s;}
.anasayfaslogankutu .slogankutu:hover .sloganbaslik {color:#fff; transition:all .35s;}
.anasayfaslogankutu .slogankutu:hover .sloganaciklama {color:#fff; transition:all .35s;}

/* Küçük cihazlar (telefonlar, dikey) */
@media only screen and (max-width: 767px) {
.anasayfaslogankutu {padding:35px 0 35px 0;}
.anasayfaslogankutu .slogankutu {width:48.5%; height:auto; min-height:270px; margin:0 3% 14px 0; padding:24px 14px 22px 14px;}
.anasayfaslogankutu .slogankutu:nth-child(2n) {margin-right:0;}
.anasayfaslogankutu .slogankutu .sloganikon {width:52px; height:52px; margin-bottom:16px;}
.anasayfaslogankutu .slogankutu .sloganikon img {width:26px; height:26px;}
.anasayfaslogankutu .slogankutu .sloganbaslik {font-size:14px; line-height:1.25;}
.anasayfaslogankutu .slogankutu .sloganaciklama {font-size:12px; line-height:1.45;}
}

/* Orta cihazlar (tabletler) */
@media only screen and (min-width: 768px) and (max-width: 991px) {
.anasayfaslogankutu {padding:40px 0 45px 0;}
.anasayfaslogankutu .slogankutu {width:49%; height:250px; margin:0 2% 16px 0; padding:42px 28px 0 28px;}
.anasayfaslogankutu .slogankutu:nth-child(2n) {margin-right:0;}
.anasayfaslogankutu .slogankutu:nth-child(4n) {margin-right:0;}
}

/* Büyük cihazlar (küçük laptoplar, büyük tabletler) */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.ustmenu {height:128px; min-height:128px; overflow:visible;}
.ustmenu #header {height:128px;}
.ustmenu .logo {width:200px; height:80px;}
.ustmenu .logo img {max-width:200px;}
.ustmenu nav {width:100%; height:48px; float:left; clear:both; margin-left:0; position:relative; z-index:5;}
.ustmenu nav ul {width:100%; float:left;}
.ustmenu nav ul li a {height:48px; font-size:14px; padding:0 10px;}
.ustmenu nav ul li .submenu {top:48px;}
.ustmenu .sagalan {width:330px;}
.ustmenu .sagalan .usttelefon {font-size:25px;}
}
/* Ekstra büyük cihazlar (masaüstü monitörleri) */
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
.anasayfaslogankutu .slogankutu {height:274px;}
}



.altbilgi {width:100%; float:left; padding:65px 0 0 0; background:#fff;}
.altbilgi .altbilgiic {width:100%; float:left; background:#2F343B; border-radius:5px 5px 0 0; padding:76px 0 34px 0;}
.altbilgi .altust {width:100%; float:left; padding:0 0 0 0;}
.altbilgi .altblok {width:190px; float:left; margin-left:62px;}
.altbilgi .altlogoalan {width:520px; margin-left:0;}
.altbilgi .altlogo {width:220px; float:left; margin-bottom:28px;}
.altbilgi .altlogo img {max-width:220px;}
.altbilgi .altaciklama {width:470px; float:left; font-size:14px; font-weight:400; color:#fff; line-height:2; margin-bottom:76px;}
.altbilgi .altsosyal {width:100%; float:left;}
.altbilgi .altsosyal a {width:33px; height:33px; float:left; display:flex; align-items:center; justify-content:center; border:1px solid #fff; border-radius:4px; margin-right:7px;}
.altbilgi .altsosyal a img {width:15px; height:15px;}
.altbilgi .altsosyal a:hover {background:#F9AA31; border-color:#F9AA31; transition:all .35s;}
.altbilgi .altbaslik {width:100%; float:left; font-size:16px; font-weight:600; color:#fff; line-height:1; margin-bottom:27px;}
.altbilgi ul {width:100%; float:left; margin:0; padding:0; list-style:none;}
.altbilgi ul li {width:100%; float:left; margin-bottom:13px;}
.altbilgi ul li a {font-size:14px; font-weight:400; color:#fff; text-decoration:none;}
.altbilgi ul li a:hover {color:#F9AA31; transition:all .35s;}
.altbilgi .altiletisim {width:250px;}
.altbilgi .altiletisim p {width:100%; float:left; font-size:14px; font-weight:400; color:#fff; line-height:1.8; margin:0 0 7px 0;}
.altbilgi .altcizgi {width:100%; height:1px; float:left; background:rgba(255,255,255,.22); margin:66px 0 30px 0;}
.altbilgi .altalt {width:100%; float:left;}
.altbilgi .copyright {width:auto; float:left; font-size:13px; font-weight:400; color:#fff;}
.altbilgi .yedirenk {width:auto; float:right; display:flex; align-items:center; font-size:13px; font-weight:400; color:#fff;}
.altbilgi .yedirenk img:first-child {width:14px; height:14px; margin:0 8px;}
.altbilgi .yedirenk img:last-child {width:82px; height:auto;}

/* Küçük cihazlar (telefonlar, dikey) */
@media only screen and (max-width: 767px) {
.altbilgi {padding:35px 0 0 0;}
.altbilgi .altbilgiic {padding:42px 22px 28px 22px;}
.altbilgi .altblok {width:100%; margin-left:0; margin-bottom:35px;}
.altbilgi .altlogoalan {width:100%; margin-left:0;}
.altbilgi .altlogo {width:190px; margin-bottom:22px;}
.altbilgi .altlogo img {max-width:190px;}
.altbilgi .altaciklama {width:100%; font-size:14px; line-height:1.8; margin-bottom:28px;}
.altbilgi .altbaslik {margin-bottom:18px;}
.altbilgi .altiletisim {width:100%;}
.altbilgi .altcizgi {margin:10px 0 25px 0;}
.altbilgi .copyright {width:100%; text-align:center; margin-bottom:18px;}
.altbilgi .yedirenk {width:100%; justify-content:center;}
}

/* Orta cihazlar (tabletler) */
@media only screen and (min-width: 768px) and (max-width: 991px) {
.altbilgi .altbilgiic {padding:55px 35px 32px 35px;}
.altbilgi .altblok {width:30%; margin-left:5%; margin-bottom:35px;}
.altbilgi .altblok:nth-child(2) {margin-left:0;}
.altbilgi .altlogoalan {width:100%; margin-left:0;}
.altbilgi .altaciklama {width:520px; margin-bottom:35px;}
.altbilgi .altiletisim {width:30%;}
.altbilgi .altcizgi {margin:25px 0 28px 0;}
}

/* Büyük cihazlar (küçük laptoplar, büyük tabletler) */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.ustmenu {height:128px; min-height:128px; overflow:visible;}
.ustmenu #header {height:128px;}
.ustmenu .logo {width:200px; height:80px;}
.ustmenu .logo img {max-width:200px;}
.ustmenu nav {width:100%; height:48px; float:left; clear:both; margin-left:0; position:relative; z-index:5;}
.ustmenu nav ul {width:100%; float:left;}
.ustmenu nav ul li a {height:48px; font-size:14px; padding:0 10px;}
.ustmenu nav ul li .submenu {top:48px;}
.ustmenu .sagalan {width:330px;}
.ustmenu .sagalan .usttelefon {font-size:25px;}
}
/* Ekstra büyük cihazlar (masaüstü monitörleri) */
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
.altbilgi .altbilgiic {padding-left:0; padding-right:0;}
.altbilgi .altlogoalan {width:460px;}
.altbilgi .altaciklama {width:430px;}
.altbilgi .altblok {margin-left:48px;}
.altbilgi .altiletisim {width:230px;}
}



.icsayfahaust {width:100%; height:197px; float:left; background:url("../img/genel/icsayfaust.jpg") center center no-repeat; background-size:cover;}
.icsayfahaust .container {height:100%;}
.icsayfahaust .icsayfahaustyazi {width:100%; height:100%; float:left; display:flex; flex-direction:column; justify-content:center;}
.icsayfahaust .icsayfahaustbaslik {width:100%; float:left; font-size:20px; font-weight:600; color:#fff; line-height:1; margin-bottom:10px;}
.icsayfahaust .icsayfahaustlink {width:100%; float:left; font-size:13px; font-weight:400; color:#fff; line-height:1;}
.icsayfahaust .icsayfahaustlink a {color:#fff; text-decoration:none;}
.icsayfahaust .icsayfahaustlink a:hover {color:#F9AA31; transition:all .35s;}

/* Küçük cihazlar (telefonlar, dikey) */
@media only screen and (max-width: 767px) {
.icsayfahaust {height:160px; background-position:center center;}
.icsayfahaust .icsayfahaustbaslik {font-size:19px;}
.icsayfahaust .icsayfahaustlink {font-size:13px;}
}

/* Orta cihazlar (tabletler) */
@media only screen and (min-width: 768px) and (max-width: 991px) {
.icsayfahaust {height:180px;}
}

/* Büyük cihazlar (küçük laptoplar, büyük tabletler) */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.ustmenu {height:128px; min-height:128px; overflow:visible;}
.ustmenu #header {height:128px;}
.ustmenu .logo {width:200px; height:80px;}
.ustmenu .logo img {max-width:200px;}
.ustmenu nav {width:100%; height:48px; float:left; clear:both; margin-left:0; position:relative; z-index:5;}
.ustmenu nav ul {width:100%; float:left;}
.ustmenu nav ul li a {height:48px; font-size:14px; padding:0 10px;}
.ustmenu nav ul li .submenu {top:48px;}
.ustmenu .sagalan {width:330px;}
.ustmenu .sagalan .usttelefon {font-size:25px;}
}
/* Ekstra büyük cihazlar (masaüstü monitörleri) */
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
}



.icsayfahakkimizda {width:100%; float:left; padding:88px 0 85px 0; background:#fff;}
.icsayfahakkimizda .hakkimizdasol {width:670px; float:left; padding-top:28px;}
.icsayfahakkimizda .hakkimizdasol .kucukbaslik {width:100%; float:left; font-size:14px; font-weight:600; color:#F9AA31; line-height:1; margin-bottom:7px;}
.icsayfahakkimizda .hakkimizdasol .baslik {width:100%; float:left; font-size:28px; font-weight:600; color:#2F343B; line-height:1.12; margin-bottom:27px;}
.icsayfahakkimizda .hakkimizdasol .hakkimizdayazi {width:100%; float:left;}
.icsayfahakkimizda .hakkimizdasol .hakkimizdayazi p {font-size:15px; font-weight:400; color:#2F343B; line-height:1.85; margin:0 0 27px 0;}
.icsayfahakkimizda .hakkimizdasol .hakkimizdayazi p strong {font-weight:600;}

.icsayfahakkimizda .hakkimizdasag {width:635px; height:628px; float:right; overflow:hidden; border-radius:5px;}
.icsayfahakkimizda .hakkimizdasag img {width:100%; height:100%; object-fit:cover;}

/* Küçük cihazlar (telefonlar, dikey) */
@media only screen and (max-width: 767px) {
.icsayfahakkimizda {padding:45px 0 45px 0;}
.icsayfahakkimizda .hakkimizdasol {width:100%; padding-top:0;}
.icsayfahakkimizda .hakkimizdasol .kucukbaslik {font-size:13px;}
.icsayfahakkimizda .hakkimizdasol .baslik {font-size:25px; margin-bottom:20px;}
.icsayfahakkimizda .hakkimizdasol .hakkimizdayazi p {font-size:14px; line-height:1.8; margin-bottom:22px;}
.icsayfahakkimizda .hakkimizdasag {width:100%; height:360px; float:left; margin-top:20px;}
}

/* Orta cihazlar (tabletler) */
@media only screen and (min-width: 768px) and (max-width: 991px) {
.icsayfahakkimizda {padding:60px 0 60px 0;}
.icsayfahakkimizda .hakkimizdasol {width:100%; padding-top:0;}
.icsayfahakkimizda .hakkimizdasag {width:100%; height:480px; float:left; margin-top:25px;}
}

/* Büyük cihazlar (küçük laptoplar, büyük tabletler) */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.ustmenu {height:128px; min-height:128px; overflow:visible;}
.ustmenu #header {height:128px;}
.ustmenu .logo {width:200px; height:80px;}
.ustmenu .logo img {max-width:200px;}
.ustmenu nav {width:100%; height:48px; float:left; clear:both; margin-left:0; position:relative; z-index:5;}
.ustmenu nav ul {width:100%; float:left;}
.ustmenu nav ul li a {height:48px; font-size:14px; padding:0 10px;}
.ustmenu nav ul li .submenu {top:48px;}
.ustmenu .sagalan {width:330px;}
.ustmenu .sagalan .usttelefon {font-size:25px;}
}
/* Ekstra büyük cihazlar (masaüstü monitörleri) */
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
.icsayfahakkimizda .hakkimizdasol {width:600px;}
.icsayfahakkimizda .hakkimizdasag {width:545px; height:610px;}
}



.icsayfaurunlistele {width:100%; float:left; padding:58px 0 90px 0; background:#fff;}
.icsayfaurunlistele .urunlistesol {width:330px; float:left;}
.icsayfaurunlistele .urunlistesol .urunlistefiltre {width:100%; min-height:330px; float:left; background:#fff; border:1px solid #E2E7EE; border-radius:5px; padding:38px 27px 30px 27px; margin-bottom:20px;}
.icsayfaurunlistele .urunlistesol .urunlistefiltre .filtrebaslik {width:100%; float:left; font-size:18px; font-weight:600; color:#2F343B; line-height:1; margin-bottom:25px;}
.icsayfaurunlistele .urunlistesol .urunlistefiltre ul {width:100%; float:left; margin:0; padding:0; list-style:none;}
.icsayfaurunlistele .urunlistesol .urunlistefiltre ul li {width:100%; float:left;}
.icsayfaurunlistele .urunlistesol .urunlistefiltre ul li a {width:100%; height:38px; float:left; display:flex; align-items:center; font-size:15px; font-weight:500; color:#2F343B; text-decoration:none; border-bottom:1px solid #E5E5E5;}
.icsayfaurunlistele .urunlistesol .urunlistefiltre ul li a:hover {color:#F9AA31; padding-left:7px; transition:all .35s;}
.icsayfaurunlistele .urunlistesol .urunlistefiltre ul li a.aktif {color:#F9AA31; font-weight:600;}

.icsayfaurunlistele .urunlistesag {width:1100px; float:right;}
.icsayfaurunlistele .urunlistesag .urunlisteust {width:100%; height:36px; float:left; border-bottom:1px solid #E2E7EE; margin-bottom:36px;}
.icsayfaurunlistele .urunlistesag .urunlisteust .urunlistebaslik {width:auto; float:left; font-size:18px; font-weight:600; color:#2F343B; line-height:1;}
.icsayfaurunlistele .urunlistesag .urunlisteicerik {width:100%; float:left;}
.icsayfaurunlistele .urunlistesag .urunlisteicerik .urunlistekutu {width:31.95%; float:left; margin:0 2.075% 34px 0;}
.icsayfaurunlistele .urunlistesag .urunlisteicerik .urunlistekutu:nth-child(3n) {margin-right:0;}
.icsayfaurunlistele .urunlistesag .urunlisteicerik .urunlistekutu a {width:100%; float:left; text-decoration:none;}
.icsayfaurunlistele .urunlistesag .urunlisteicerik .urunlistekutu .urunlisteresim {width:100%; height:214px; float:left;  border-radius:6px; overflow:hidden; margin-bottom:13px;}
.icsayfaurunlistele .urunlistesag .urunlisteicerik .urunlistekutu .urunlisteresim img {width:100%; height:100%; object-fit:cover; transition:all .35s; border-radius:6px;}
.icsayfaurunlistele .urunlistesag .urunlisteicerik .urunlistekutu .urunlisteadi {width:100%; float:left; font-size:15px; font-weight:600; color:#2F343B; line-height:1.25;}
.icsayfaurunlistele .urunlistesag .urunlisteicerik .urunlistekutu:hover .urunlisteresim img {transform:scale(1.06); transition:all .35s;}
.icsayfaurunlistele .urunlistesag .urunlisteicerik .urunlistekutu:hover .urunlisteadi {color:#F9AA31; transition:all .35s;}
.icsayfaurunlistele .urunlistesag .urunlisteicerik.dortlu-liste {display:flex; flex-wrap:wrap; gap:34px 2%;}
.icsayfaurunlistele .urunlistesag .urunlisteicerik.dortlu-liste .urunlistekutu {width:23.5%; float:none; margin:0;}
.icsayfaurunlistele .urunlistesag .urunlisteicerik.dortlu-liste .urunlistekutu:nth-child(3n) {margin-right:0;}

/* Küçük cihazlar (telefonlar, dikey) */
@media only screen and (max-width: 767px) {
.icsayfaurunlistele {padding:40px 0 45px 0;}
.icsayfaurunlistele .urunlistesol {width:100%; float:left;}
.icsayfaurunlistele .urunlistesol .urunlistefiltre {min-height:auto; padding:0; margin-bottom:10px; overflow:hidden;}
.icsayfaurunlistele .urunlistesol .urunlistefiltre .filtrebaslik {height:48px; display:flex; align-items:center; justify-content:space-between; font-size:16px; margin-bottom:0; padding:0 18px; cursor:pointer;}
.icsayfaurunlistele .urunlistesol .urunlistefiltre .filtrebaslik:after {content:"\f078"; font-family:"Font Awesome 6 Free"; font-weight:900; font-size:12px; color:#F9AA31; transition:all .25s;}
.icsayfaurunlistele .urunlistesol .urunlistefiltre.acik .filtrebaslik:after {transform:rotate(180deg);}
.icsayfaurunlistele .urunlistesol .urunlistefiltre ul {display:none; padding:0 18px 16px 18px;}
.icsayfaurunlistele .urunlistesag {width:100%; float:left; margin-top:16px;}
.icsayfaurunlistele .urunlistesag .urunlisteust {height:auto; padding-bottom:15px; margin-bottom:20px;}
.icsayfaurunlistele .urunlistesag .urunlisteust .urunlistebaslik {font-size:18px;}
.icsayfaurunlistele .urunlistesag .urunlisteicerik {display:flex; flex-wrap:wrap; gap:22px 3%;}
.icsayfaurunlistele .urunlistesag .urunlisteicerik .urunlistekutu {width:48.5%; float:none; margin:0;}
.icsayfaurunlistele .urunlistesag .urunlisteicerik.dortlu-liste {gap:22px 3%;}
.icsayfaurunlistele .urunlistesag .urunlisteicerik.dortlu-liste .urunlistekutu {width:48.5%;}
.icsayfaurunlistele .urunlistesag .urunlisteicerik .urunlistekutu .urunlisteresim {height:130px; margin-bottom:10px;}
.icsayfaurunlistele .urunlistesag .urunlisteicerik .urunlistekutu .urunlisteadi {font-size:13px; line-height:1.25;}
}

/* Orta cihazlar (tabletler) */
@media only screen and (min-width: 768px) and (max-width: 991px) {
.icsayfaurunlistele {padding:50px 0 60px 0;}
.icsayfaurunlistele .urunlistesol {width:100%; float:left;}
.icsayfaurunlistele .urunlistesol .urunlistefiltre {width:49%; min-height:300px; margin-right:2%;}
.icsayfaurunlistele .urunlistesol .urunlistefiltre:nth-child(2n) {margin-right:0;}
.icsayfaurunlistele .urunlistesag {width:100%; float:left; margin-top:20px;}
.icsayfaurunlistele .urunlistesag .urunlisteicerik .urunlistekutu {width:31.95%;}
.icsayfaurunlistele .urunlistesag .urunlisteicerik.dortlu-liste {gap:30px 3%;}
.icsayfaurunlistele .urunlistesag .urunlisteicerik.dortlu-liste .urunlistekutu {width:48.5%;}
.icsayfaurunlistele .urunlistesag .urunlisteicerik .urunlistekutu .urunlisteresim {height:185px;}
}

/* Büyük cihazlar (küçük laptoplar, büyük tabletler) */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.ustmenu {height:128px; min-height:128px; overflow:visible;}
.ustmenu #header {height:128px;}
.ustmenu .logo {width:200px; height:80px;}
.ustmenu .logo img {max-width:200px;}
.ustmenu nav {width:100%; height:48px; float:left; clear:both; margin-left:0; position:relative; z-index:5;}
.ustmenu nav ul {width:100%; float:left;}
.ustmenu nav ul li a {height:48px; font-size:14px; padding:0 10px;}
.ustmenu nav ul li .submenu {top:48px;}
.ustmenu .sagalan {width:330px;}
.ustmenu .sagalan .usttelefon {font-size:25px;}
}
/* Ekstra büyük cihazlar (masaüstü monitörleri) */
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
.icsayfaurunlistele .urunlistesol {width:300px;}
.icsayfaurunlistele .urunlistesag {width:850px;}
.icsayfaurunlistele .urunlistesag .urunlisteicerik .urunlistekutu .urunlisteresim {height:190px;}
}




.icsayfaurundetay {width:100%; float:left; padding:58px 0 90px 0; background:#fff;}
.icsayfaurundetay .urundetaysol {width:300px; float:left;}
.icsayfaurundetay .urundetaysol .urunlistefiltre {width:100%; min-height:320px; float:left; background:#fff; border:1px solid #E2E7EE; border-radius:5px; padding:38px 27px 30px 27px; margin-bottom:20px;}
.icsayfaurundetay .urundetaysol .urunlistefiltre .filtrebaslik {width:100%; float:left; font-size:18px; font-weight:600; color:#2F343B; line-height:1; margin-bottom:25px;}
.icsayfaurundetay .urundetaysol .urunlistefiltre ul {width:100%; float:left; margin:0; padding:0; list-style:none;}
.icsayfaurundetay .urundetaysol .urunlistefiltre ul li {width:100%; float:left;}
.icsayfaurundetay .urundetaysol .urunlistefiltre ul li a {width:100%; height:38px; float:left; display:flex; align-items:center; font-size:14px; font-weight:400; color:#2F343B; text-decoration:none; border-bottom:1px solid #E5E5E5;}
.icsayfaurundetay .urundetaysol .urunlistefiltre ul li a:hover {color:#F9AA31; padding-left:7px; transition:all .35s;}
.icsayfaurundetay .urundetaysol .urunlistefiltre ul li a.aktif {color:#F9AA31; font-weight:600;}

.icsayfaurundetay .urundetaysag {width:1100px; float:right;}
.icsayfaurundetay .urundetaysag .urundetayust {width:100%; height:36px; float:left; border-bottom:1px solid #E2E7EE; margin-bottom:36px;}
.icsayfaurundetay .urundetaysag .urundetayust .urundetaybaslik {width:auto; float:left; font-size:18px; font-weight:600; color:#2F343B; line-height:1;}

.icsayfaurundetay .urundetaysag .urundetayicerik {width:100%; float:left; margin-bottom:44px;}
.icsayfaurundetay .urundetaysag .urundetayicerik .urundetayresim {width:530px; height:450px; float:left; background:#000; border-radius:6px; overflow:hidden;}
.icsayfaurundetay .urundetaysag .urundetayicerik .urundetayresim img {width:100%; height:100%; object-fit:cover; border-radius:6px;}
.icsayfaurundetay .urundetaysag .urundetayicerik .urundetaybilgi {width:530px; float:right; padding-top:4px;}
.icsayfaurundetay .urundetaysag .urundetayicerik .urundetaybilgi .urundetayadi {width:100%; float:left; font-size:28px; font-weight:600; color:#2F343B; line-height:1.2; margin-bottom:18px;}
.icsayfaurundetay .urundetaysag .urundetayicerik .urundetaybilgi .urundetayaciklama {width:100%; float:left; margin-bottom:22px;}
.icsayfaurundetay .urundetaysag .urundetayicerik .urundetaybilgi .urundetayaciklama p {font-size:15px; font-weight:400; color:#2F343B; line-height:1.75; margin:0;}
.icsayfaurundetay .urundetaysag .urundetayicerik .urundetaybilgi .urundetayozellikler {width:100%; float:left; border:1px solid #E2E7EE; border-radius:5px; overflow:hidden; margin-bottom:24px;}
.icsayfaurundetay .urundetaysag .urundetayicerik .urundetaybilgi .ozelliksatir {width:100%; min-height:42px; float:left; display:flex; align-items:center; border-bottom:1px solid #E2E7EE;}
.icsayfaurundetay .urundetaysag .urundetayicerik .urundetaybilgi .ozelliksatir:last-child {border-bottom:0;}
.icsayfaurundetay .urundetaysag .urundetayicerik .urundetaybilgi .ozelliksatir span {width:330px; height:100%; float:left; font-size:14px; font-weight:500; color:#2F343B; padding:0 14px;}
.icsayfaurundetay .urundetaysag .urundetayicerik .urundetaybilgi .ozelliksatir strong {width:calc(100% - 145px); float:left; font-size:14px; font-weight:600; color:#2F343B; padding:0 14px;}
.icsayfaurundetay .urundetaysag .urundetayicerik .urundetaybilgi .urundetaybuton {width:180px; height:42px; float:left; display:flex; align-items:center; justify-content:center; background:#F9AA31; color:#fff; font-size:14px; font-weight:600; text-decoration:none; border-radius:4px;}

.icsayfaurundetay .urundetaysag .urundetaymetin {width:100%; float:left; border-top:1px solid #E2E7EE; padding-top:28px;}
.icsayfaurundetay .urundetaysag .urundetaymetin .metinbaslik {width:100%; float:left; font-size:20px; font-weight:600; color:#2F343B; line-height:1; margin-bottom:18px;}
.icsayfaurundetay .urundetaysag .urundetaymetin p {font-size:15px; font-weight:400; color:#2F343B; line-height:1.8; margin:0 0 18px 0;}
.icsayfaurundetay .urundetaysag .urundetaymetin .detay-madde-listesi {width:100%; float:left; list-style:none; margin:0; padding:0;}
.icsayfaurundetay .urundetaysag .urundetaymetin .detay-madde-listesi li {position:relative; width:100%; float:left; font-size:15px; font-weight:400; color:#2F343B; line-height:1.75; margin:0 0 12px 0; padding:0 0 0 24px;}
.icsayfaurundetay .urundetaysag .urundetaymetin .detay-madde-listesi li:before {content:""; position:absolute; left:0; top:9px; width:8px; height:8px; border-radius:50%; background:#F9AA31; box-shadow:0 0 0 5px rgba(249,170,49,.14);}

/* Küçük cihazlar (telefonlar, dikey) */
@media only screen and (max-width: 767px) {
.icsayfaurundetay {padding:40px 0 45px 0;}
.icsayfaurundetay .urundetaysol {width:100%; float:left;}
.icsayfaurundetay .urundetaysol .urunlistefiltre {min-height:auto; padding:0; margin-bottom:10px; overflow:hidden;}
.icsayfaurundetay .urundetaysol .urunlistefiltre .filtrebaslik {height:48px; display:flex; align-items:center; justify-content:space-between; font-size:16px; margin-bottom:0; padding:0 18px; cursor:pointer;}
.icsayfaurundetay .urundetaysol .urunlistefiltre .filtrebaslik:after {content:"\f078"; font-family:"Font Awesome 6 Free"; font-weight:900; font-size:12px; color:#F9AA31; transition:all .25s;}
.icsayfaurundetay .urundetaysol .urunlistefiltre.acik .filtrebaslik:after {transform:rotate(180deg);}
.icsayfaurundetay .urundetaysol .urunlistefiltre ul {display:none; padding:0 18px 16px 18px;}
.icsayfaurundetay .urundetaysag {width:100%; float:left; margin-top:12px;}
.icsayfaurundetay .urundetaysag .urundetayust {height:auto; padding-bottom:15px; margin-bottom:25px;}
.icsayfaurundetay .urundetaysag .urundetayust .urundetaybaslik {font-size:18px;}
.icsayfaurundetay .urundetaysag .urundetayicerik .urundetayresim {width:100%; height:260px;}
.icsayfaurundetay .urundetaysag .urundetayicerik .urundetaybilgi {width:100%; float:left; padding-top:24px;}
.icsayfaurundetay .urundetaysag .urundetayicerik .urundetaybilgi .urundetayadi {font-size:24px;}
.icsayfaurundetay .urundetaysag .urundetayicerik .urundetaybilgi .ozelliksatir {display:block; padding:12px 0;}
.icsayfaurundetay .urundetaysag .urundetayicerik .urundetaybilgi .ozelliksatir span {width:100%; padding:0 14px 6px 14px;}
.icsayfaurundetay .urundetaysag .urundetayicerik .urundetaybilgi .ozelliksatir strong {width:100%; padding:0 14px;}
}

/* Orta cihazlar (tabletler) */
@media only screen and (min-width: 768px) and (max-width: 991px) {
.icsayfaurundetay {padding:50px 0 60px 0;}
.icsayfaurundetay .urundetaysol {width:100%; float:left;}
.icsayfaurundetay .urundetaysol .urunlistefiltre {width:49%; min-height:300px; margin-right:2%;}
.icsayfaurundetay .urundetaysol .urunlistefiltre:nth-child(2n) {margin-right:0;}
.icsayfaurundetay .urundetaysag {width:100%; float:left; margin-top:20px;}
.icsayfaurundetay .urundetaysag .urundetayicerik .urundetayresim {width:48%; height:300px;}
.icsayfaurundetay .urundetaysag .urundetayicerik .urundetaybilgi {width:48%;}
}

/* Büyük cihazlar (küçük laptoplar, büyük tabletler) */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.ustmenu {height:128px; min-height:128px; overflow:visible;}
.ustmenu #header {height:128px;}
.ustmenu .logo {width:200px; height:80px;}
.ustmenu .logo img {max-width:200px;}
.ustmenu nav {width:100%; height:48px; float:left; clear:both; margin-left:0; position:relative; z-index:5;}
.ustmenu nav ul {width:100%; float:left;}
.ustmenu nav ul li a {height:48px; font-size:14px; padding:0 10px;}
.ustmenu nav ul li .submenu {top:48px;}
.ustmenu .sagalan {width:330px;}
.ustmenu .sagalan .usttelefon {font-size:25px;}
}
/* Ekstra büyük cihazlar (masaüstü monitörleri) */
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
.icsayfaurundetay .urundetaysol {width:300px;}
.icsayfaurundetay .urundetaysag {width:850px;}
.icsayfaurundetay .urundetaysag .urundetayicerik .urundetayresim {width:405px; height:310px;}
.icsayfaurundetay .urundetaysag .urundetayicerik .urundetaybilgi {width:415px;}
}




.icsayfareferanslar {width:100%; float:left; padding:58px 0 90px 0; background:#fff;}
.icsayfareferanslar .referansliste {width:100%; float:left;}
.icsayfareferanslar .referansliste .referanskutu {width:23.5%; float:left; margin:0 2% 32px 0;}
.icsayfareferanslar .referansliste .referanskutu:nth-child(4n) {margin-right:0;}
.icsayfareferanslar .referansliste .referanskutu a {width:100%; float:left; text-decoration:none;}
.icsayfareferanslar .referansliste .referanskutu .referansresim {width:100%; height:230px; float:left; background:#000; border-radius:6px; overflow:hidden; margin-bottom:13px;}
.icsayfareferanslar .referansliste .referanskutu .referansresim img {width:100%; height:100%; object-fit:cover; transition:all .35s; border-radius:6px;}
.icsayfareferanslar .referansliste .referanskutu .referansadi {width:100%; float:left; font-size:15px; font-weight:600; color:#2F343B; line-height:1.25;}
.icsayfareferanslar .referansliste .referanskutu:hover .referansresim img {transform:scale(1.06); transition:all .35s;}
.icsayfareferanslar .referansliste .referanskutu:hover .referansadi {color:#F9AA31; transition:all .35s;}
.icsayfareferanslar .referansliste .referansbos {width:100%; float:left; border:1px solid #E2E7EE; border-radius:5px; padding:34px 28px; font-size:16px; font-weight:500; color:#2F343B; background:#fff;}

/* Küçük cihazlar (telefonlar, dikey) */
@media only screen and (max-width: 767px) {
.icsayfareferanslar {padding:40px 0 45px 0;}
.icsayfareferanslar .referansliste .referanskutu {width:100%; margin:0 0 25px 0;}
.icsayfareferanslar .referansliste .referanskutu .referansresim {height:220px;}
}

/* Orta cihazlar (tabletler) */
@media only screen and (min-width: 768px) and (max-width: 991px) {
.icsayfareferanslar {padding:50px 0 60px 0;}
.icsayfareferanslar .referansliste .referanskutu {width:48.5%; margin:0 3% 28px 0;}
.icsayfareferanslar .referansliste .referanskutu:nth-child(2n) {margin-right:0;}
.icsayfareferanslar .referansliste .referanskutu:nth-child(4n) {margin-right:0;}
.icsayfareferanslar .referansliste .referanskutu .referansresim {height:230px;}
}

/* Büyük cihazlar (küçük laptoplar, büyük tabletler) */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.ustmenu {height:128px; min-height:128px; overflow:visible;}
.ustmenu #header {height:128px;}
.ustmenu .logo {width:200px; height:80px;}
.ustmenu .logo img {max-width:200px;}
.ustmenu nav {width:100%; height:48px; float:left; clear:both; margin-left:0; position:relative; z-index:5;}
.ustmenu nav ul {width:100%; float:left;}
.ustmenu nav ul li a {height:48px; font-size:14px; padding:0 10px;}
.ustmenu nav ul li .submenu {top:48px;}
.ustmenu .sagalan {width:330px;}
.ustmenu .sagalan .usttelefon {font-size:25px;}
}
/* Ekstra büyük cihazlar (masaüstü monitörleri) */
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
.icsayfareferanslar .referansliste .referanskutu .referansresim {height:215px;}
}


.icsayfailetisim {width:100%; float:left; padding:70px 0 90px 0; background:#fff;}
.icsayfailetisim .iletisimsol {width:500px; float:left;}
.icsayfailetisim .iletisimsol .iletisimbaslikalan {width:100%; float:left; margin-bottom:34px;}
.icsayfailetisim .iletisimsol .kucukbaslik {width:100%; float:left; font-size:14px; font-weight:600; color:#F9AA31; line-height:1; margin-bottom:8px;}
.icsayfailetisim .iletisimsol .baslik {width:100%; float:left; font-size:28px; font-weight:600; color:#2F343B; line-height:1.12; margin-bottom:16px;}
.icsayfailetisim .iletisimsol .aciklama {width:440px; float:left; font-size:15px; font-weight:400; color:#2F343B; line-height:1.75;}
.icsayfailetisim .iletisimbilgiler {width:100%; float:left;}
.icsayfailetisim .iletisimbilgiler .iletisimbilgikutu {width:100%; min-height:92px; float:left; background:#fff; border:1px solid #E2E7EE; border-radius:5px; padding:20px 22px; margin-bottom:15px;}
.icsayfailetisim .iletisimbilgiler .iletisimbilgikutu .iletisimikon {width:54px; height:54px; float:left; display:flex; align-items:center; justify-content:center; background:#F4F5F7; border-radius:5px;}
.icsayfailetisim .iletisimbilgiler .iletisimbilgikutu .iletisimikon img {width:26px; height:26px;}
.icsayfailetisim .iletisimbilgiler .iletisimbilgikutu .iletisimikon i {font-size:24px; color:#2F343B; line-height:1; transition:all .35s;}
.icsayfailetisim .iletisimbilgiler .iletisimbilgikutu .iletisimyazi {width:calc(100% - 74px); float:right; padding-top:4px;}
.icsayfailetisim .iletisimbilgiler .iletisimbilgikutu .iletisimadi {width:100%; float:left; font-size:15px; font-weight:600; color:#2F343B; line-height:1; margin-bottom:9px;}
.icsayfailetisim .iletisimbilgiler .iletisimbilgikutu .iletisimdeger {width:100%; float:left; font-size:14px; font-weight:400; color:#2F343B; line-height:1.65;}
.icsayfailetisim .iletisimbilgiler .iletisimbilgikutu:hover {border-color:#F9AA31; transition:all .35s;}
.icsayfailetisim .iletisimbilgiler .iletisimbilgikutu:hover .iletisimikon {background:#F9AA31; transition:all .35s;}
.icsayfailetisim .iletisimbilgiler .iletisimbilgikutu:hover .iletisimikon img {filter:brightness(0) invert(1); transition:all .35s;}
.icsayfailetisim .iletisimbilgiler .iletisimbilgikutu:hover .iletisimikon i {color:#fff; transition:all .35s;}

.icsayfailetisim .iletisimsag {width:930px; float:right;}
.icsayfailetisim .iletisimsag .iletisimharita {width:100%; height:520px; float:left; overflow:hidden; border-radius:5px; border:1px solid #E2E7EE; position:relative;}
.icsayfailetisim .iletisimsag .iletisimharita .konuma-git-buton {height:46px; position:absolute; right:18px; bottom:18px; display:flex; align-items:center; gap:9px; padding:0 18px; background:#F9AA31; color:#2F343B; border-radius:5px; font-size:14px; font-weight:700; text-decoration:none; box-shadow:0 12px 28px rgba(47,52,59,.22); z-index:2;}
.icsayfailetisim .iletisimsag .iletisimharita .konuma-git-buton i {font-size:15px; color:#2F343B;}
.icsayfailetisim .iletisimsag .iletisimharita .konuma-git-buton:hover {background:#2F343B; color:#fff; transition:all .35s;}
.icsayfailetisim .iletisimsag .iletisimharita .konuma-git-buton:hover i {color:#fff; transition:all .35s;}

/* Küçük cihazlar (telefonlar, dikey) */
@media only screen and (max-width: 767px) {
.container {width:100%; max-width:100%; padding:0 15px;}
.icsayfailetisim {padding:40px 0 45px 0;}
.icsayfailetisim .iletisimsol {width:100%; float:left;}
.icsayfailetisim .iletisimsol .aciklama {width:100%; font-size:14px;}
.icsayfailetisim .iletisimbilgiler .iletisimbilgikutu {padding:16px 18px;}
.icsayfailetisim .iletisimsag {width:100%; float:left; margin-top:18px;}
.icsayfailetisim .iletisimsag .iletisimharita {height:310px;}
.icsayfailetisim .iletisimsag .iletisimharita .konuma-git-buton {height:42px; right:12px; bottom:12px; padding:0 14px; font-size:13px;}
}

/* Orta cihazlar (tabletler) */
@media only screen and (min-width: 768px) and (max-width: 991px) {
.container {width:720px; max-width:720px;}
.icsayfailetisim {padding:50px 0 60px 0;}
.icsayfailetisim .iletisimsol {width:100%; float:left;}
.icsayfailetisim .iletisimsol .aciklama {width:600px;}
.icsayfailetisim .iletisimsag {width:100%; float:left; margin-top:25px;}
.icsayfailetisim .iletisimsag .iletisimharita {height:360px;}
}

/* Büyük cihazlar (küçük laptoplar, büyük tabletler) */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.ustmenu {height:128px; min-height:128px; overflow:visible;}
.ustmenu #header {height:128px;}
.ustmenu .logo {width:200px; height:80px;}
.ustmenu .logo img {max-width:200px;}
.ustmenu nav {width:100%; height:48px; float:left; clear:both; margin-left:0; position:relative; z-index:5;}
.ustmenu nav ul {width:100%; float:left;}
.ustmenu nav ul li a {height:48px; font-size:14px; padding:0 10px;}
.ustmenu nav ul li .submenu {top:48px;}
.ustmenu .sagalan {width:330px;}
.ustmenu .sagalan .usttelefon {font-size:25px;}
}
/* Ekstra büyük cihazlar (masaüstü monitörleri) */
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
.container {width:1200px; max-width:1200px;}
.icsayfailetisim .iletisimsol {width:430px;}
.icsayfailetisim .iletisimsag {width:720px;}
}


.hvr-underline-from-left {display: inline-block;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);position: relative;overflow: hidden;}
.hvr-underline-from-left:before {content: "";position: absolute;z-index: -1;left: 0;right: 100%;bottom: 0;background: #8EC236;height: 1px;-webkit-transition-property: right;transition-property: right;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before {right: 0;}


.altwhatsapp { width:180px; height:50px; background:#48a91f; position:fixed; bottom:2%; left:1%; border-radius: 7px; color:#fff; font-size:13px; font-weight:600; display: flex;justify-content: center;align-items: center; text-align: center; padding-top:5px;  z-index:2;}
.altwhatsapp:hover { background:#fff; color:#48a91f; transition: all .35s;}
.altwhatsapp i { font-size:22px; margin-bottom:7px; margin-right:8px;}

.scrolltek {opacity:0; transform:translateY(45px); transition:all .75s ease;}
.scrolltek.gorundu {opacity:1; transform:translateY(0);}