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;}

html {scroll-behavior:smooth;}

.kaydiranim {opacity:0; transform:translateY(55px); transition:opacity 1.15s cubic-bezier(.22,.61,.36,1), transform 1.15s cubic-bezier(.22,.61,.36,1);}
.kaydiranim.aktif {opacity:1; transform:translateY(0);}
.kaydiranim.gecikme1 {transition-delay:.12s;}
.kaydiranim.gecikme2 {transition-delay:.24s;}
.kaydiranim.gecikme3 {transition-delay:.36s;}
.kaydiranim.gecikme4 {transition-delay:.48s;}



.container { max-width:1600px;}
.ustmenu {width:100%; height:90px; background:#fff; position:relative; z-index:99;}
.ustmenu #header {width:100%; height:90px; float:left; position:relative; display:flex; align-items:center;}
.ustmenu .logo {width:235px; height:90px; float:left; display:flex; align-items:center;}
.ustmenu .logo img {max-width:235px; transition:all .35s;}
.ustmenu .mobilmenubuton {display:none;}

.ustmenu .girislogo {animation:usttenGiris .85s ease both;}
.ustmenu .sagalan {animation:usttenGiris .85s ease both; animation-delay:.18s;}

@keyframes usttenGiris {
0% {opacity:0; transform:translateY(-24px);}
100% {opacity:1; transform:translateY(0);}
}

.ustmenu nav {width:auto; height:90px; float:left; margin-left:auto;}
.ustmenu nav ul {margin:0; padding:0; list-style:none;}
.ustmenu nav ul li {float:left; position:relative;}
.ustmenu nav ul li a {height:90px; display:flex; align-items:center; font-size:15px; font-weight:600; color:#15191F; text-decoration:none; padding:0 14px; position:relative; transition:color .35s;}
.ustmenu nav ul li > a:before {content:""; width:0; height:2px; position:absolute; left:14px; bottom:28px; background:#B99A5B; transition:all .35s;}
.ustmenu nav ul li > a:hover:before {width:calc(100% - 28px);}
.ustmenu nav ul li a:hover {color:#B99A5B;}

.ustmenu nav ul li .submenu {width:210px; position:absolute; left:0; top:90px; background:#fff; opacity:0; visibility:hidden; z-index:9999; padding:8px 0; border-radius:0 0 6px 6px; box-shadow:0 18px 38px rgba(0,0,0,.10); transition:all .35s;}
.ustmenu nav ul li .submenu li {width:100%; float:left;}
.ustmenu nav ul li .submenu li a {width:100%; height:40px; display:flex; align-items:center; font-size:14px; font-weight:500; color:#15191F; padding:0 15px; border-bottom:1px solid #F1F1F1;}
.ustmenu nav ul li .submenu li a:before {display:none;}
.ustmenu nav ul li .submenu li:last-child a {border-bottom:0;}
.ustmenu nav ul li .submenu li a:hover {color:#B99A5B;}
.ustmenu nav ul li:hover .submenu {opacity:1; visibility:visible;}

.ustmenu .sagalan {width:auto; height:90px; float:right; display:flex; align-items:center; margin-left:55px;}
.ustmenu .dilalan {width:auto; height:44px; position:relative; margin-right:22px;}
.ustmenu .dilsecili {width:auto; height:44px; display:flex; align-items:center; text-decoration:none;}
.ustmenu .dilsecili img {width:22px; height:22px; transition:all .35s;}
.ustmenu .dilsecili span {font-size:15px; font-weight:600; color:#15191F; margin-left:7px; transition:all .35s;}
.ustmenu .dilsecili .asagiikon {width:8px; height:auto; margin-left:5px;}
.ustmenu .dilalan:hover .dilsecili span {color:#B99A5B;}
.ustmenu .dilalan:hover .dilsecili img {filter:brightness(0) saturate(100%) invert(63%) sepia(19%) saturate(1039%) hue-rotate(2deg) brightness(92%) contrast(88%);}
.ustmenu .dilalan:hover .dilsecili .asagiikon {transform:rotate(180deg);}

.ustmenu .dilmenu {width:82px; position:absolute; right:0; top:44px; background:#fff; margin:0; padding:7px 0; list-style:none; opacity:0; visibility:hidden; z-index:9999; border-radius:0 0 5px 5px; box-shadow:0 18px 38px rgba(0,0,0,.10); transition:all .35s;}
.ustmenu .dilmenu li {width:100%; float:left;}
.ustmenu .dilmenu li a {width:100%; height:34px; display:flex; align-items:center; font-size:14px; font-weight:600; color:#15191F; text-decoration:none; padding:0 13px; transition:all .35s;}
.ustmenu .dilmenu li a:hover {color:#B99A5B;}
.ustmenu .dilalan:hover .dilmenu {opacity:1; visibility:visible;}

.ustmenu .telefonalan {width:auto; height:46px; display:flex; align-items:center; border:1px solid #15191F; border-radius:5px; padding:0 18px; text-decoration:none; position:relative; overflow:hidden; transition:all .35s;}
.ustmenu .telefonalan:before {content:""; width:0; height:100%; position:absolute; left:0; top:0; background:#15191F; z-index:1; transition:all .35s;}
.ustmenu .telefonalan img {width:21px; height:21px; margin-right:9px; position:relative; z-index:2; transition:all .35s;}
.ustmenu .telefonalan span {font-size:15px; font-weight:600; color:#15191F; white-space:nowrap; position:relative; z-index:2; transition:all .35s;}
.ustmenu .telefonalan:hover {border-color:#15191F; box-shadow:0 12px 25px rgba(21,25,31,.14);}
.ustmenu .telefonalan:hover:before {width:100%;}
.ustmenu .telefonalan:hover span {color:#fff;}
.ustmenu .telefonalan:hover img {filter:brightness(0) invert(1);}

.kaydiranim {opacity:0; transform:translateY(42px); transition:opacity .8s ease, transform .8s ease;}
.kaydiranim.aktif {opacity:1; transform:translateY(0);}
.kaydiranim.gecikme1 {transition-delay:.10s;}
.kaydiranim.gecikme2 {transition-delay:.20s;}
.kaydiranim.gecikme3 {transition-delay:.30s;}

@media only screen and (max-width: 767px) {
.ustmenu {height:auto; min-height:78px; overflow:visible;}
.ustmenu #header {height:auto; min-height:78px; float:left; display:block;}
.ustmenu .logo {width:190px; height:78px; float:left;}
.ustmenu .logo img {max-width:190px;}
.ustmenu .mobilmenubuton {width:44px; height:44px; float:right; display:flex; align-items:center; justify-content:center; margin-top:17px; cursor:pointer;}
.ustmenu .mobilmenubuton img {width:28px; transition:all .35s;}
.ustmenu .mobilmenubuton:hover img {filter:brightness(0) saturate(100%) invert(63%) sepia(19%) saturate(1039%) hue-rotate(2deg) brightness(92%) contrast(88%);}
.ustmenu nav {width:100%; height:auto; float:left; margin-left:0; display:none; background:#fff; border-top:1px solid #eee;}
.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; font-size:14px; padding:0 0; border-bottom:1px solid #eee;}
.ustmenu nav ul li > a:before {display:none;}
.ustmenu nav ul li a:hover {color:#B99A5B;}
.ustmenu nav ul li .submenu {width:100%; position:relative; left:auto; top:auto; float:left; box-shadow:none; opacity:1; visibility:visible; padding:0; display:none; border-radius:0;}
.ustmenu nav ul li .submenu li a {height:38px; font-size:13px; padding:0 20px; background:#F8F8F8;}
.ustmenu nav ul li .submenu li a:hover {color:#B99A5B;}
.ustmenu nav ul li.dropdown.acik > a {color:#B99A5B;}
.ustmenu .sagalan {width:100%; height:auto; float:left; display:flex; justify-content:space-between; margin-left:0; padding:12px 0 18px 0;}
.ustmenu .dilalan {height:42px; margin-right:0;}
.ustmenu .dilsecili {height:42px;}
.ustmenu .dilsecili img {width:23px; height:23px;}
.ustmenu .dilmenu {top:42px; right:auto; left:0;}
.ustmenu .telefonalan {height:42px; padding:0 12px;}
.ustmenu .telefonalan img {width:19px; height:19px;}
.ustmenu .telefonalan span {font-size:14px;}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.ustmenu {height:auto; min-height:135px;}
.ustmenu #header {height:auto; min-height:135px; display:block;}
.ustmenu .logo {width:215px; height:78px; float:left;}
.ustmenu .logo img {max-width:215px;}
.ustmenu nav {width:100%; height:57px; float:left; clear:both; margin-left:0;}
.ustmenu nav ul {width:100%; float:left;}
.ustmenu nav ul li a {height:57px; font-size:14px; padding:0 11px;}
.ustmenu nav ul li > a:before {left:11px; bottom:12px;}
.ustmenu nav ul li > a:hover:before {width:calc(100% - 22px);}
.ustmenu nav ul li .submenu {top:57px;}
.ustmenu .sagalan {height:78px; float:right; margin-left:0;}
.ustmenu .telefonalan {height:44px; padding:0 14px;}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
.ustmenu .logo {width:220px;}
.ustmenu .logo img {max-width:220px;}
.ustmenu nav ul li a {font-size:14px; padding:0 10px;}
.ustmenu nav ul li > a:before {left:10px;}
.ustmenu nav ul li > a:hover:before {width:calc(100% - 20px);}
.ustmenu .sagalan {margin-left:25px;}
.ustmenu .telefonalan {padding:0 13px;}
.ustmenu .telefonalan span {font-size:14px;}
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
.ustmenu .sagalan {margin-left:45px;}
}

.anaslider {width:100%; height:700px; float:left; position:relative; overflow:hidden; background:#777;}
.anaslider .carousel {width:100%; height:700px; float:left; position:absolute; left:0; top:0;}
.anaslider .carousel-inner {width:100%; height:700px; float:left;}
.anaslider .carousel-item {width:100%; height:700px;}
.anaslider .carousel-fade .carousel-item {opacity:0; transition-property:opacity; transform:none;}
.anaslider .carousel-fade .carousel-item.active, .anaslider .carousel-fade .carousel-item-next.carousel-item-left, .anaslider .carousel-fade .carousel-item-prev.carousel-item-right {opacity:1;}
.anaslider .carousel-fade .active.carousel-item-left, .anaslider .carousel-fade .active.carousel-item-right {opacity:0;}
.anaslider .carousel-fade .carousel-item-next, .anaslider .carousel-fade .carousel-item-prev, .anaslider .carousel-fade .carousel-item.active, .anaslider .carousel-fade .active.carousel-item-left, .anaslider .carousel-fade .active.carousel-item-prev {transform:none;}
.anaslider .slidergorsel {width:100%; height:700px; float:left; position:relative; background-position:center center; background-repeat:no-repeat; background-size:cover; transform:scale(1); transition:transform 6s ease;}
.anaslider .carousel-item.active .slidergorsel {transform:scale(1.035);}
.anaslider .slidergorsel:before {display:none;}

.anaslider .slidericerik {width:100%; height:700px; position:absolute; left:0; top:0; z-index:5;}
.anaslider .slidericerik .container {height:700px; position:relative;}
.anaslider .slideryazi {width:675px; height:auto; position:absolute; left:15px; top:50%; transform:translateY(-24%); animation:sliderYaziGiris .85s ease both;}
.anaslider .slideretiket {width:178px; height:31px; display:flex; align-items:center; justify-content:center; border:1px solid #fff; border-radius:5px; font-size:13px; font-weight:600; color:#fff; margin-bottom:21px; transition:all .35s;}
.anaslider .slideryazi h1 {width:100%; float:left; margin:0 0 11px 0; padding:0; font-size:38px; line-height:46px; font-weight:600; color:#fff;}
.anaslider .slideryazi p {width:640px; float:left; margin:0 0 24px 0; padding:0; font-size:15px; line-height:20px; font-weight:400; color:#fff;}
.anaslider .sliderbutonlar {width:100%; float:left; display:flex; align-items:center;}
.anaslider .sliderbutonlar a {width:178px; height:46px; display:flex; align-items:center; justify-content:center; border-radius:4px; font-size:14px; font-weight:600; color:#fff; text-decoration:none; margin-right:11px; position:relative; overflow:hidden; transition:all .35s;}
.anaslider .sliderbutonlar a:before {content:""; width:100%; height:100%; position:absolute; left:0; top:100%; background:rgba(255,255,255,.12); transition:all .35s; z-index:1;}
.anaslider .sliderbutonlar a:hover:before {top:0;}
.anaslider .sliderbutonlar a:hover {}
.anaslider .sliderbutonlar a {z-index:2;}
.anaslider .teklifbuton {background:#C7A565;}
.anaslider .teklifbuton:hover {background:#B89450; box-shadow:0 12px 28px rgba(199,165,101,.28);}
.anaslider .ulasinbuton {background:#11181C;}
.anaslider .ulasinbuton:hover {background:#C7A565; box-shadow:0 12px 28px rgba(199,165,101,.28);}

@keyframes sliderYaziGiris {
0% {opacity:0; transform:translateY(-16%);}
100% {opacity:1; transform:translateY(-24%);}
}

.anaslider .slidercizgi {width:1px; height:338px; position:absolute; right:160px; top:162px; background:rgba(255,255,255,.90); z-index:6; animation:cizgiGiris .95s ease both; animation-delay:.25s;}
@keyframes cizgiGiris {
0% {opacity:0; height:0;}
100% {opacity:1; height:338px;}
}

.anaslider .sosyalalan {width:30px; height:auto; position:absolute; right:144px; top:516px; z-index:7; animation:sosyalGiris .85s ease both; animation-delay:.35s;}
@keyframes sosyalGiris {
0% {opacity:0; transform:translateY(22px);}
100% {opacity:1; transform:translateY(0);}
}
.anaslider .sosyalalan a {width:30px; height:30px; float:left; display:flex; align-items:center; justify-content:center; border:1px solid #fff; border-radius:4px; margin-bottom:5px; transition:all .35s;}
.anaslider .sosyalalan a img {width:14px; height:14px; transition:all .35s;}
.anaslider .sosyalalan a:hover {background:#C7A565; border-color:#C7A565; transform:translateY(-2px);}
.anaslider .sosyalalan a:hover img {filter:brightness(0) invert(1);}

.anaslider .sliderindicators {width:auto; height:auto; position:absolute; left:50%; right:auto; bottom:38px; margin:0; transform:translateX(-50%); z-index:8;}
.anaslider .sliderindicators li {width:34px; height:7px; background:#fff; opacity:.55; margin:0 5px; border:0; border-radius:2px; transition:all .35s;}
.anaslider .sliderindicators li.active {width:46px; background:#C7A565; opacity:1;}
.anaslider .sliderindicators li:hover {background:#C7A565; opacity:1;}

.kaydiranim {opacity:0; transform:translateY(42px); transition:opacity .8s ease, transform .8s ease;}
.kaydiranim.aktif {opacity:1; transform:translateY(0);}

@media only screen and (max-width: 767px) {
.anaslider {height:540px;}
.anaslider .carousel {height:540px;}
.anaslider .carousel-inner {height:540px;}
.anaslider .carousel-item {height:540px;}
.anaslider .slidergorsel {height:540px;}
.anaslider .slidericerik {height:540px;}
.anaslider .slidericerik .container {height:540px;}
.anaslider .slideryazi {width:calc(100% - 30px); left:15px; top:50%; padding:0; transform:translateY(-32%); box-sizing:border-box;}
.anaslider .slideretiket {width:150px; height:30px; font-size:12px; margin-bottom:16px;}
.anaslider .slideryazi h1 {font-size:27px; line-height:34px; margin-bottom:11px; max-width:100%; overflow-wrap:break-word;}
.anaslider .slideryazi p {width:100%; max-width:100%; font-size:14px; line-height:20px; margin-bottom:20px; overflow-wrap:break-word;}
.anaslider .sliderbutonlar {display:block;}
.anaslider .sliderbutonlar a {width:100%; height:45px; margin-right:0; margin-bottom:10px; box-sizing:border-box;}
.anaslider .slidercizgi {display:none;}
.anaslider .sosyalalan {display:none;}
.anaslider .sosyalalan a {width:29px; height:29px;}
.anaslider .sliderindicators {bottom:28px;}
.anaslider .sliderindicators li {width:28px; height:4px; margin:0 4px;}
.anaslider .sliderindicators li.active {width:38px;}
@keyframes sliderYaziGiris {
0% {opacity:0; transform:translateY(-30%);}
100% {opacity:1; transform:translateY(-38%);}
}
@keyframes cizgiGiris {
0% {opacity:0; height:0;}
100% {opacity:1; height:190px;}
}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.anaslider {height:620px;}
.anaslider .carousel {height:620px;}
.anaslider .carousel-inner {height:620px;}
.anaslider .carousel-item {height:620px;}
.anaslider .slidergorsel {height:620px;}
.anaslider .slidericerik {height:620px;}
.anaslider .slidericerik .container {height:620px;}
.anaslider .slideryazi {width:600px; left:15px;}
.anaslider .slideryazi h1 {font-size:34px; line-height:42px;}
.anaslider .slideryazi p {width:560px;}
.anaslider .slidercizgi {right:70px; top:150px;}
.anaslider .sosyalalan {right:54px; top:500px;}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
.anaslider .slidercizgi {right:90px;}
.anaslider .sosyalalan {right:74px;}
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
.anaslider .slidercizgi {right:110px;}
.anaslider .sosyalalan {right:94px;}
}




.anasayfaurungrup {width:100%; float:left; padding:88px 0 95px 0; background:#fff; position:relative; overflow:hidden;}
.anasayfaurungrup .baslikalan {width:100%; float:left; position:relative; margin-bottom:35px;}
.anasayfaurungrup .baslikalan:after {content:""; width:calc(100% - 235px); height:1px; position:absolute; right:0; bottom:9px; background:#D7D7D7; transition:all .75s ease;}
.anasayfaurungrup .baslikalan span {width:100%; float:left; font-size:14px; line-height:20px; font-weight:500; color:#C7A565; margin-bottom:8px;}
.anasayfaurungrup .baslikalan h2 {width:auto; float:left; margin:0; padding:0; font-size:28px; line-height:36px; font-weight:600; color:#15191F;}

.anasayfaurungrup .urungruplar {width:100%; float:left; display:grid; grid-template-columns:repeat(4,1fr); gap:27px;}
.anasayfaurungrup .urungrup {width:100%; height:491px; float:left; position:relative; overflow:hidden; border-radius:8px; text-decoration:none; background:#15191F; box-shadow:0 15px 35px rgba(21,25,31,.08); transition:all .45s ease;}
.anasayfaurungrup .urungrup img {width:100%; height:100%; float:left; object-fit:cover; transition:all .65s ease;}
.anasayfaurungrup .urungrup:before {content:""; width:100%; height:60%; position:absolute; left:0; bottom:0; z-index:2; opacity:.95;}
.anasayfaurungrup .urungrup:after {content:""; width:100%; height:100%; position:absolute; left:0; top:0; opacity:0; z-index:2;}
.anasayfaurungrup .urungrupicerik {width:auto; height:auto; position:absolute; left:23px; bottom:48px; z-index:3; display:flex; align-items:flex-end; transition:all .45s ease;}
.anasayfaurungrup .urungrupcizgi {width:1px; height:115px; float:left; background:#fff; margin-right:14px; transition:all .45s ease;}
.anasayfaurungrup .urungrupyazi {width:auto; float:left; padding-bottom:2px;}
.anasayfaurungrup .urungrupyazi h3 {width:100%; float:left; margin:0 0 4px 0; padding:0; font-size:26px; line-height:32px; font-weight:600; color:#fff; transition:all .35s ease;}
.anasayfaurungrup .urungrupyazi p {width:100%; float:left; margin:0; padding:0; font-size:14px; line-height:20px; font-weight:400; color:#fff; transition:all .35s ease;}
.anasayfaurungrup .urungrup:hover {box-shadow:0 24px 45px rgba(21,25,31,.18);}
.anasayfaurungrup .urungrup:hover img {transform:scale(1.07);}
.anasayfaurungrup .urungrup:hover:before {height:72%; opacity:1;}
.anasayfaurungrup .urungrup:hover:after {opacity:1;}
.anasayfaurungrup .urungrup:hover .urungrupicerik {bottom:56px;}
.anasayfaurungrup .urungrup:hover .urungrupcizgi {height:135px; background:#fff;}
.anasayfaurungrup .urungrup:hover .urungrupyazi h3 {color:#fff;}
.anasayfaurungrup .urungrup:hover .urungrupyazi p {color:#fff;}

.kaydiranim {opacity:0; transform:translateY(45px); transition:opacity .85s ease, transform .85s ease;}
.kaydiranim.aktif {opacity:1; transform:translateY(0);}
.kaydiranim.gecikme1 {transition-delay:.08s;}
.kaydiranim.gecikme2 {transition-delay:.16s;}
.kaydiranim.gecikme3 {transition-delay:.24s;}
.kaydiranim.gecikme4 {transition-delay:.32s;}

@media only screen and (max-width: 767px) {
.anasayfaurungrup {padding:55px 0 60px 0;}
.anasayfaurungrup .baslikalan {margin-bottom:25px;}
.anasayfaurungrup .baslikalan:after {width:100%; bottom:-12px;}
.anasayfaurungrup .baslikalan span {font-size:13px; margin-bottom:5px;}
.anasayfaurungrup .baslikalan h2 {font-size:25px; line-height:32px;}
.anasayfaurungrup .urungruplar {grid-template-columns:repeat(2,1fr); gap:14px;}
.anasayfaurungrup .urungrup {height:240px;}
.anasayfaurungrup .urungrupicerik {left:12px; right:10px; bottom:22px;}
.anasayfaurungrup .urungrupcizgi {height:58px; margin-right:9px;}
.anasayfaurungrup .urungrupyazi h3 {font-size:18px; line-height:22px;}
.anasayfaurungrup .urungrupyazi p {font-size:12px; line-height:16px;}
.anasayfaurungrup .urungrup:hover {transform:translateY(-5px);}
.anasayfaurungrup .urungrup:hover .urungrupicerik {bottom:28px;}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.anasayfaurungrup {padding:70px 0 75px 0;}
.anasayfaurungrup .baslikalan:after {width:calc(100% - 225px);}
.anasayfaurungrup .urungruplar {grid-template-columns:repeat(2,1fr); gap:24px;}
.anasayfaurungrup .urungrup {height:420px;}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
.anasayfaurungrup .urungruplar {gap:20px;}
.anasayfaurungrup .urungrup {height:420px;}
.anasayfaurungrup .urungrupicerik {left:20px;}
.anasayfaurungrup .urungrupyazi h3 {font-size:23px; line-height:29px;}
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
.anasayfaurungrup .urungrup {height:455px;}
}




.anasayfaocaklar {width:100%; height:auto; float:left; padding:82px 0 82px 0; background-position:center center; background-repeat:no-repeat; background-size:cover; position:relative; overflow:hidden;}
.anasayfaocaklar .ocaklaralan {width:100%; float:left; display:flex; align-items:center; justify-content:space-between;}
.anasayfaocaklar .ocaklarsol {width:640px; float:left;}
.anasayfaocaklar .ocaklarbaslik {width:100%; float:left; margin-bottom:48px;}
.anasayfaocaklar .ocaklarbaslik span {width:100%; float:left; font-size:15px; line-height:22px; font-weight:500; color:#C7A565; margin-bottom:8px;}
.anasayfaocaklar .ocaklarbaslik h2 {width:100%; float:left; margin:0 0 10px 0; padding:0; font-size:28px; line-height:38px; font-weight:600; color:#fff;}
.anasayfaocaklar .ocaklarbaslik p {width:100%; float:left; margin:0; padding:0; font-size:15px; line-height:20px; font-weight:400; color:#fff;}

.anasayfaocaklar .ocaklartab {width:100%; float:left; display:block; margin:0; padding:0; border:0;}
.anasayfaocaklar .ocaklartab li {width:100%; float:left; margin-bottom:16px;}
.anasayfaocaklar .ocaklartab li:last-child {margin-bottom:0;}
.anasayfaocaklar .ocaklartab li a {width:100%; height:64px; float:left; display:flex; align-items:center; justify-content:space-between; border:1px solid #fff; border-radius:6px; padding:0 38px 0 34px; background:transparent; text-decoration:none; position:relative; overflow:hidden; transition:all .35s ease;}
.anasayfaocaklar .ocaklartab li a:before {content:""; width:100%; height:100%; position:absolute; left:0; top:100%; background:#C7A565; z-index:1; transition:all .35s ease;}
.anasayfaocaklar .ocaklartab li a span {font-size:16px; line-height:22px; font-weight:600; color:#fff; position:relative; z-index:2; transition:all .35s ease;}
.anasayfaocaklar .ocaklartab li a img {width:25px; height:auto; position:relative; z-index:2; transition:all .35s ease;}
.anasayfaocaklar .ocaklartab li a.active {background:#C7A565; border-color:#C7A565;}
.anasayfaocaklar .ocaklartab li a.active:before {top:0;}
.anasayfaocaklar .ocaklartab li a:hover {border-color:#C7A565; transform:translateY(-3px);}
.anasayfaocaklar .ocaklartab li a:hover:before {top:0;}
.anasayfaocaklar .ocaklartab li a:hover img {transform:translateX(5px);}

.anasayfaocaklar .ocaklarsag {width:895px; float:right;}
.anasayfaocaklar .ocaklartabicerik {width:100%; float:left;}
.anasayfaocaklar .ocaklartabicerik .tab-pane {display:none;}
.anasayfaocaklar .ocaklartabicerik .tab-pane.show.active {display:block;}
.anasayfaocaklar .ocakkutu {width:100%; float:left; background:rgba(255,255,255,.88); border-radius:10px; padding:24px 24px 38px 24px; text-align:center; transition:all .45s ease;}
.anasayfaocaklar .ocakkutu img {width:100%; height:360px; float:left; object-fit:cover; border-radius:8px; margin-bottom:29px; transition:all .55s ease;}
.anasayfaocaklar .ocakkutu h3 {width:100%; float:left; margin:0 0 11px 0; padding:0; font-size:28px; line-height:36px; font-weight:500; color:#15191F; transition:all .35s ease;}
.anasayfaocaklar .ocakkutu p {width:750px; display:inline-block; margin:0; padding:0; font-size:15px; line-height:20px; font-weight:400; color:#15191F;}
.anasayfaocaklar .ocakkutu:hover {transform:translateY(-6px); background:rgba(255,255,255,.94);}
.anasayfaocaklar .ocakkutu:hover img {transform:scale(.985);}
.anasayfaocaklar .ocakkutu:hover h3 {color:#C7A565;}

.kaydiranim {opacity:0; transform:translateY(45px); transition:opacity .85s ease, transform .85s ease;}
.kaydiranim.aktif {opacity:1; transform:translateY(0);}
.kaydiranim.gecikme1 {transition-delay:.08s;}
.kaydiranim.gecikme2 {transition-delay:.16s;}
.kaydiranim.gecikme3 {transition-delay:.24s;}
.kaydiranim.gecikme4 {transition-delay:.32s;}

@media only screen and (max-width: 767px) {
.anasayfaocaklar {padding:55px 0 60px 0;}
.anasayfaocaklar .ocaklaralan {display:block;}
.anasayfaocaklar .ocaklarsol {width:100%;}
.anasayfaocaklar .ocaklarbaslik {margin-bottom:28px;}
.anasayfaocaklar .ocaklarbaslik span {font-size:14px; margin-bottom:6px;}
.anasayfaocaklar .ocaklarbaslik h2 {font-size:26px; line-height:34px;}
.anasayfaocaklar .ocaklarbaslik p {font-size:14px; line-height:20px;}
.anasayfaocaklar .ocaklartab {margin-bottom:28px;}
.anasayfaocaklar .ocaklartab li {margin-bottom:10px;}
.anasayfaocaklar .ocaklartab li a {height:54px; padding:0 18px;}
.anasayfaocaklar .ocaklartab li a span {font-size:14px;}
.anasayfaocaklar .ocaklartab li a img {width:21px;}
.anasayfaocaklar .ocaklarsag {width:100%;}
.anasayfaocaklar .ocakkutu {padding:14px 14px 26px 14px;}
.anasayfaocaklar .ocakkutu img {height:230px; margin-bottom:21px;}
.anasayfaocaklar .ocakkutu h3 {font-size:24px; line-height:31px;}
.anasayfaocaklar .ocakkutu p {width:100%; font-size:14px; line-height:20px;}
.anasayfaocaklar .ocakkutu:hover {transform:translateY(-4px);}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.anasayfaocaklar {padding:65px 0 70px 0;}
.anasayfaocaklar .ocaklaralan {display:block;}
.anasayfaocaklar .ocaklarsol {width:100%;}
.anasayfaocaklar .ocaklarbaslik {margin-bottom:32px;}
.anasayfaocaklar .ocaklartab {margin-bottom:32px;}
.anasayfaocaklar .ocaklarsag {width:100%;}
.anasayfaocaklar .ocakkutu img {height:330px;}
.anasayfaocaklar .ocakkutu p {width:100%;}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
.anasayfaocaklar .ocaklarsol {width:430px;}
.anasayfaocaklar .ocaklarsag {width:510px;}
.anasayfaocaklar .ocakkutu img {height:300px;}
.anasayfaocaklar .ocakkutu p {width:100%;}
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
.anasayfaocaklar .ocaklarsol {width:520px;}
.anasayfaocaklar .ocaklarsag {width:690px;}
.anasayfaocaklar .ocakkutu img {height:330px;}
.anasayfaocaklar .ocakkutu p {width:620px;}
}


.anasayfaprojeler {width:100%; float:left; padding:78px 0 92px 0; background:#fff; position:relative; overflow:hidden; background:url("../img/proje/proje-bg.svg") left center no-repeat;}
.anasayfaprojeler .projeleralan {width:100%; float:left; display:flex; align-items:flex-start; position:relative; z-index:2;}
.anasayfaprojeler .projelersol {width:400px; float:left; padding-top:14px; flex:0 0 400px;}
.anasayfaprojeler .projelerbaslik {width:100%; float:left;}
.anasayfaprojeler .projelerbaslik span {width:100%; float:left; font-size:15px; line-height:22px; font-weight:500; color:#C7A565; margin-bottom:9px;}
.anasayfaprojeler .projelerbaslik h2 {width:100%; float:left; margin:0 0 13px 0; padding:0; font-size:28px; line-height:38px; font-weight:600; color:#15191F;}
.anasayfaprojeler .projelerbaslik p {width:100%; float:left; margin:0 0 28px 0; padding:0; font-size:15px; line-height:27px; font-weight:400; color:#15191F;}
.anasayfaprojeler .projelerbaslik a {width:180px; height:46px; float:left; display:flex; align-items:center; justify-content:center; background:#11181C; border-radius:5px; font-size:14px; font-weight:600; color:#fff; text-decoration:none; margin-top:23px; position:relative; overflow:hidden; transition:all .35s ease;}
.anasayfaprojeler .projelerbaslik a:before {content:""; width:100%; height:100%; position:absolute; left:0; top:100%; background:#C7A565; z-index:1; transition:all .35s ease;}
.anasayfaprojeler .projelerbaslik a:hover {transform:translateY(-3px); box-shadow:0 14px 28px rgba(199,165,101,.24);}
.anasayfaprojeler .projelerbaslik a:hover:before {top:0;}
.anasayfaprojeler .projelerbaslik a {z-index:2;}
.anasayfaprojeler .projelerbaslik a:after {content:"Bize Ulasin"; position:absolute; left:0; top:0; width:100%; height:100%; display:flex; align-items:center; justify-content:center; color:#fff; z-index:3; opacity:0; transition:all .35s ease;}
.anasayfaprojeler .projelerbaslik a:hover {color:transparent;}
.anasayfaprojeler .projelerbaslik a:hover:after {opacity:1;}

.anasayfaprojeler .projelersag {width:calc(100% - 430px); float:left; margin-left:50px; overflow:hidden;}
.anasayfaprojeler .projelerslider {width:100%; float:left; overflow:hidden;}
.anasayfaprojeler .projelerslider .slick-list {width:100%; overflow:hidden; margin:0 -13px;}
.anasayfaprojeler .projelerslider .slick-track {display:flex;}
.anasayfaprojeler .projelerslider .slick-slide {height:auto; outline:none;}
.anasayfaprojeler .projeitem {width:100%; float:left; padding:0 13px;}
.anasayfaprojeler .projekutu {width:100%; float:left; text-decoration:none; display:block; position:relative;}
.anasayfaprojeler .projekutu img {width:100%; height:500px; display:block; object-fit:cover; border-radius:8px; margin-bottom:17px; transition:all .55s ease;}
.anasayfaprojeler .projekutu h3 {width:100%; float:left; margin:0 0 4px 0; padding:0; font-size:18px; line-height:25px; font-weight:600; color:#15191F; transition:all .35s ease;}
.anasayfaprojeler .projekutu span {width:100%; float:left; font-size:14px; line-height:20px; font-weight:400; color:#C7A565; transition:all .35s ease;}
.anasayfaprojeler .projekutu:hover img {transform:scale(.985); box-shadow:0 18px 38px rgba(21,25,31,.18);}
.anasayfaprojeler .projekutu:hover h3 {color:#C7A565;}
.anasayfaprojeler .projekutu:hover span {letter-spacing:.3px;}

.anasayfaprojeler .slick-dots {width:100%; float:left; position:relative; bottom:auto; margin:28px 0 0 0; padding:0; list-style:none; text-align:center;}
.anasayfaprojeler .slick-dots li {width:auto; height:auto; display:inline-block; margin:0 4px;}
.anasayfaprojeler .slick-dots li button {width:30px; height:3px; background:#D8D8D8; border:0; padding:0; font-size:0; cursor:pointer; transition:all .35s ease;}
.anasayfaprojeler .slick-dots li button:before {display:none;}
.anasayfaprojeler .slick-dots li.slick-active button {width:42px; background:#C7A565;}
.anasayfaprojeler .slick-dots li button:hover {background:#C7A565;}

.kaydiranim {opacity:0; transform:translateY(45px); transition:opacity .85s ease, transform .85s ease;}
.kaydiranim.aktif {opacity:1; transform:translateY(0);}
.kaydiranim.gecikme1 {transition-delay:.08s;}
.kaydiranim.gecikme2 {transition-delay:.16s;}
.kaydiranim.gecikme3 {transition-delay:.24s;}
.kaydiranim.gecikme4 {transition-delay:.32s;}

@media only screen and (max-width: 767px) {
.anasayfaprojeler {padding:55px 0 62px 0;}
.anasayfaprojeler:before {width:360px; height:360px; left:-105px; top:40px;}
.anasayfaprojeler .projeleralan {display:block;}
.anasayfaprojeler .projelersol {width:100%; flex:0 0 100%; padding-top:0;}
.anasayfaprojeler .projelerbaslik span {font-size:14px; margin-bottom:6px;}
.anasayfaprojeler .projelerbaslik h2 {font-size:26px; line-height:34px; margin-bottom:10px;}
.anasayfaprojeler .projelerbaslik p {font-size:14px; line-height:24px; margin-bottom:18px;}
.anasayfaprojeler .projelerbaslik a {width:100%; height:45px; margin-top:5px; margin-bottom:30px;}
.anasayfaprojeler .projelersag {width:100%; margin-left:0;}
.anasayfaprojeler .projeitem {padding:0;}
.anasayfaprojeler .projekutu img {height:390px; margin-bottom:15px;}
.anasayfaprojeler .projelerslider .slick-list {margin:0;}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.anasayfaprojeler {padding:65px 0 75px 0;}
.anasayfaprojeler .projeleralan {display:block;}
.anasayfaprojeler .projelersol {width:100%; flex:0 0 100%; padding-top:0; margin-bottom:35px;}
.anasayfaprojeler .projelersag {width:100%; margin-left:0;}
.anasayfaprojeler .projekutu img {height:430px;}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
.anasayfaprojeler .projelersol {width:330px; flex:0 0 330px;}
.anasayfaprojeler .projelersag {width:calc(100% - 360px);}
.anasayfaprojeler .projekutu img {height:430px;}
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
.anasayfaprojeler .projelersol {width:360px; flex:0 0 360px;}
.anasayfaprojeler .projelersag {width:calc(100% - 390px);}
.anasayfaprojeler .projekutu img {height:465px;}
}




.anasayfaslogan {width:100%; height:447px; float:left; position:relative; background-position:center center; background-repeat:no-repeat; background-size:cover; border-radius:8px; overflow:hidden; display:flex; align-items:center; justify-content:center; text-align:center; transition:all .45s ease;}
.anasayfaslogan:before {content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,.08); z-index:1; transition:all .45s ease;}
.anasayfaslogan .sloganicerik {width:690px; height:auto; display:inline-block; position:relative; z-index:2;}
.anasayfaslogan .sloganlogo {width:100%; float:left; text-align:center; margin-bottom:24px;}
.anasayfaslogan .sloganlogo img {width:220px; transition:all .45s ease;}
.anasayfaslogan h2 {width:100%; float:left; margin:0 0 12px 0; padding:0; font-size:29px; line-height:32px; font-weight:600; color:#fff; transition:all .35s ease;}
.anasayfaslogan p {width:100%; float:left; margin:0; padding:0; font-size:15px; line-height:24px; font-weight:400; color:#fff;}
.anasayfaslogan:hover {transform:translateY(-5px);}
.anasayfaslogan:hover:before {background:rgba(0,0,0,.18);}
.anasayfaslogan:hover .sloganlogo img {transform:scale(1.045);}
.anasayfaslogan:hover h2 {color:#C7A565;}

.kaydiranim {opacity:0; transform:translateY(45px); transition:opacity .85s ease, transform .85s ease;}
.kaydiranim.aktif {opacity:1; transform:translateY(0);}
.kaydiranim.gecikme1 {transition-delay:.08s;}
.kaydiranim.gecikme2 {transition-delay:.16s;}
.kaydiranim.gecikme3 {transition-delay:.24s;}
.kaydiranim.gecikme4 {transition-delay:.32s;}

@media only screen and (max-width: 767px) {
.anasayfaslogan {height:auto; min-height:390px; padding:55px 20px; border-radius:6px;}
.anasayfaslogan .sloganicerik {width:100%;}
.anasayfaslogan .sloganlogo {margin-bottom:20px;}
.anasayfaslogan .sloganlogo img {width:180px;}
.anasayfaslogan h2 {font-size:24px; line-height:32px; margin-bottom:10px;}
.anasayfaslogan p {font-size:14px; line-height:22px;}
.anasayfaslogan:hover {transform:translateY(-4px);}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.anasayfaslogan {height:420px; padding:0 40px;}
.anasayfaslogan .sloganicerik {width:640px;}
.anasayfaslogan .sloganlogo img {width:200px;}
.anasayfaslogan h2 {font-size:27px; line-height:36px;}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
.anasayfaslogan {height:430px;}
.anasayfaslogan .sloganicerik {width:670px;}
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
.anasayfaslogan {height:440px;}
}


.anasayfaseoalan {width:100%; float:left; padding:78px 0 72px 0; position:relative;}
.anasayfaseoalan .seoic {width:100%; float:left;}
.anasayfaseoalan h2 {width:100%; float:left; margin:0 0 17px 0; padding:0; font-size:28px; line-height:38px; font-weight:600; color:#15191F;}
.anasayfaseoalan .seoyazi {width:100%; height:142px; float:left; overflow-y:auto; padding-right:18px;}
.anasayfaseoalan .seoyazi p {width:100%; float:left; margin:0 0 18px 0; padding:0; font-size:15px; line-height:21px; font-weight:400; color:#15191F;}
.anasayfaseoalan .seoyazi p:last-child {margin-bottom:0;}
.anasayfaseoalan .seoyazi::-webkit-scrollbar {width:4px;}
.anasayfaseoalan .seoyazi::-webkit-scrollbar-track {background:#F1F1F1; border-radius:10px;}
.anasayfaseoalan .seoyazi::-webkit-scrollbar-thumb {background:#C7A565; border-radius:10px;}
.anasayfaseoalan .seoyazi {scrollbar-width:thin; scrollbar-color:#C7A565 #F1F1F1;}

@media only screen and (max-width: 767px) {
.anasayfaseoalan {padding:50px 0 50px 0;}
.anasayfaseoalan h2 {font-size:26px; line-height:34px; margin-bottom:14px;}
.anasayfaseoalan .seoyazi {height:170px; padding-right:12px;}
.anasayfaseoalan .seoyazi p {font-size:14px; line-height:22px; margin-bottom:16px;}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.anasayfaseoalan {padding:60px 0 58px 0;}
.anasayfaseoalan .seoyazi {height:160px;}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
.anasayfaseoalan .seoyazi {height:150px;}
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
.anasayfaseoalan .seoyazi {height:145px;}
}



.altbilgi {width:100%; float:left; background:#11181C; padding:75px 0 36px 0; position:relative; overflow:hidden;}
.altbilgi .altust {width:100%; float:left; display:flex; justify-content:space-between; padding-bottom:54px; border-bottom:1px solid rgba(255,255,255,.28);}
.altbilgi .altlogoalan {width:520px; float:left;}
.altbilgi .altlogo {width:100%; float:left; margin-bottom:31px;}
.altbilgi .altlogo img {width:235px;}
.altbilgi .altlogoalan p {width:100%; float:left; margin:0 0 36px 0; padding:0; font-size:14px; line-height:28px; font-weight:400; color:#fff;}
.altbilgi .altlogoalan h3 {width:100%; float:left; margin:0 0 50px 0; padding:0; font-size:18px; line-height:28px; font-weight:500; color:#fff;}
.altbilgi .altsosyal {width:100%; float:left;}
.altbilgi .altsosyal a {width:34px; height:34px; float:left; display:flex; align-items:center; justify-content:center; border:1px solid #fff; border-radius:4px; margin-right:8px;}
.altbilgi .altsosyal a img {width:14px; height:14px;}
.altbilgi .altsosyal a:hover {background:#C7A565; border-color:#C7A565; transition:all .35s;}

.altbilgi .altmenualan {width:780px; float:right; display:flex; justify-content:space-between; padding-top:31px;}
.altbilgi .altmenu {width:170px; float:left;}
.altbilgi h4 {width:100%; float:left; margin:0 0 25px 0; padding:0; font-size:16px; line-height:24px; font-weight:600; color:#fff;}
.altbilgi ul {width:100%; float:left; margin:0; padding:0; list-style:none;}
.altbilgi ul li {width:100%; float:left; margin-bottom:12px; font-size:14px; line-height:22px; font-weight:400; color:#fff;}
.altbilgi ul li:last-child {margin-bottom:0;}
.altbilgi ul li a {font-size:14px; line-height:22px; font-weight:400; color:#fff; text-decoration:none;}
.altbilgi ul li a:hover {color:#C7A565; transition:all .35s;}
.altbilgi .altiletisim {width:310px; float:left;}

.altbilgi .altalt {width:100%; float:left; padding-top:32px; display:flex; align-items:center; justify-content:space-between;}
.altbilgi .copyright {width:auto; float:left; font-size:13px; line-height:20px; font-weight:400; color:#fff;}
.altbilgi .yedirenk {width:auto; float:right; display:flex; align-items:center;}
.altbilgi .yedirenk span {font-size:13px; line-height:20px; font-weight:400; color:#fff; margin-right:10px;}
.altbilgi .yedirenk img {width:14px; height:auto; margin-right:8px;}
.altbilgi .yedirenk a {font-size:17px; line-height:22px; font-weight:600; color:#fff; text-decoration:none;}
.altbilgi .yedirenk a:hover {color:#C7A565; transition:all .35s;}

@media only screen and (max-width: 767px) {
.altbilgi {padding:50px 0 30px 0;}
.altbilgi .altust {display:block; padding-bottom:35px;}
.altbilgi .altlogoalan {width:100%;}
.altbilgi .altlogo {margin-bottom:24px;}
.altbilgi .altlogo img {width:205px;}
.altbilgi .altlogoalan p {font-size:14px; line-height:24px; margin-bottom:25px;}
.altbilgi .altlogoalan h3 {font-size:18px; line-height:26px; margin-bottom:28px;}
.altbilgi .altsosyal {margin-bottom:35px;}
.altbilgi .altmenualan {width:100%; display:block; padding-top:0;}
.altbilgi .altmenu {width:100%; margin-bottom:28px;}
.altbilgi .altiletisim {width:100%;}
.altbilgi h4 {font-size:16px; margin-bottom:15px;}
.altbilgi ul li {font-size:14px; line-height:21px; margin-bottom:9px;}
.altbilgi ul li a {font-size:14px; line-height:21px;}
.altbilgi .altalt {display:block; padding-top:25px;}
.altbilgi .copyright {width:100%; margin-bottom:16px; font-size:13px;}
.altbilgi .yedirenk {float:left;}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.altbilgi {padding:60px 0 34px 0;}
.altbilgi .altust {display:block;}
.altbilgi .altlogoalan {width:100%; margin-bottom:40px;}
.altbilgi .altlogoalan p {width:560px;}
.altbilgi .altlogoalan h3 {margin-bottom:35px;}
.altbilgi .altmenualan {width:100%; padding-top:0;}
.altbilgi .altiletisim {width:290px;}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
.altbilgi .altlogoalan {width:430px;}
.altbilgi .altmenualan {width:520px;}
.altbilgi .altmenu {width:130px;}
.altbilgi .altiletisim {width:250px;}
.altbilgi .altlogoalan p {font-size:14px; line-height:25px;}
.altbilgi ul li {font-size:14px;}
.altbilgi ul li a {font-size:14px;}
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
.altbilgi .altlogoalan {width:500px;}
.altbilgi .altmenualan {width:650px;}
.altbilgi .altiletisim {width:285px;}
}



.icsayfaust {width:100%; height:140px; float:left; background:#11181C; position:relative; overflow:hidden;}
.icsayfaust .container {height:140px;}
.icsayfaust .icsayfaustalan {width:100%; height:140px; float:left; display:flex; align-items:center; justify-content:space-between;}
.icsayfaust .icsayfabaslik {width:auto; float:left;}
.icsayfaust .icsayfabaslik h1 {width:100%; float:left; margin:0 0 3px 0; padding:0; font-size:18px; line-height:26px; font-weight:600; color:#fff;}
.icsayfaust .breadcrumbalan {width:100%; float:left; display:flex; align-items:center;}
.icsayfaust .breadcrumbalan a {font-size:13px; line-height:20px; font-weight:400; color:#fff; text-decoration:none; transition:all .35s;}
.icsayfaust .breadcrumbalan span {font-size:13px; line-height:20px; font-weight:400; color:#fff; margin:0 4px;}
.icsayfaust .breadcrumbalan p {margin:0; padding:0; font-size:13px; line-height:20px; font-weight:400; color:#fff;}
.icsayfaust .breadcrumbalan a:hover {color:#C7A565;}
.icsayfaust .icsayfabuton {width:145px; height:40px; float:right; display:flex; align-items:center; justify-content:center; border:1px solid #fff; border-radius:5px; font-size:14px; line-height:20px; font-weight:500; color:#fff; text-decoration:none; position:relative; overflow:hidden; transition:all .35s;}
.icsayfaust .icsayfabuton:before {content:""; width:100%; height:100%; position:absolute; left:0; top:100%; background:#C7A565; z-index:1; transition:all .35s;}
.icsayfaust .icsayfabuton:hover {border-color:#C7A565;}
.icsayfaust .icsayfabuton:hover:before {top:0;}
.icsayfaust .icsayfabuton {z-index:2;}
.icsayfaust .icsayfabuton:after {content:"İletişim Bilgileri"; width:100%; height:100%; position:absolute; left:0; top:0; display:flex; align-items:center; justify-content:center; color:#fff; z-index:3; opacity:0; transition:all .35s;}
.icsayfaust .icsayfabuton:hover {color:transparent;}
.icsayfaust .icsayfabuton:hover:after {opacity:1;}

@media only screen and (max-width: 767px) {
.icsayfaust {height:auto; min-height:140px;}
.icsayfaust .container {height:auto; min-height:140px;}
.icsayfaust .icsayfaustalan {height:auto; min-height:140px; display:block; padding:35px 0;}
.icsayfaust .icsayfabaslik {width:100%; margin-bottom:22px;}
.icsayfaust .icsayfabaslik h1 {font-size:18px; line-height:25px;}
.icsayfaust .icsayfabuton {width:100%; height:40px; float:left;}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.icsayfaust .icsayfabuton {width:145px;}
}



.icsayfahakkimizda {width:100%; float:left; padding:85px 0 95px 0; background:#fff; position:relative; overflow:hidden;}
.icsayfahakkimizda .hakkimizdaust {width:100%; float:left; display:flex; align-items:center; justify-content:space-between; margin-bottom:55px;}
.icsayfahakkimizda .hakkimizdasol {width:600px; float:left;}
.icsayfahakkimizda .hakkimizdaetiket {width:100%; float:left; font-size:15px; line-height:22px; font-weight:500; color:#C7A565; margin-bottom:9px;}
.icsayfahakkimizda .hakkimizdasol h2 {width:100%; float:left; margin:0 0 18px 0; padding:0; font-size:30px; line-height:43px; font-weight:600; color:#15191F;}
.icsayfahakkimizda .hakkimizdasol p {width:100%; float:left; margin:0 0 18px 0; padding:0; font-size:15px; line-height:27px; font-weight:400; color:#15191F;}
.icsayfahakkimizda .hakkimizdabuton {width:210px; height:48px; float:left; display:flex; align-items:center; justify-content:center; background:#11181C; border-radius:5px; font-size:14px; font-weight:600; color:#fff; text-decoration:none; margin-top:18px; position:relative; overflow:hidden; transition:all .35s;}
.icsayfahakkimizda .hakkimizdabuton:before {content:""; width:100%; height:100%; position:absolute; left:0; top:100%; background:#C7A565; z-index:1; transition:all .35s;}
.icsayfahakkimizda .hakkimizdabuton:hover { box-shadow:0 14px 28px rgba(199,165,101,.24);}
.icsayfahakkimizda .hakkimizdabuton:hover:before {top:0;}
.icsayfahakkimizda .hakkimizdabuton {z-index:2;}
.icsayfahakkimizda .hakkimizdabuton:after {content:"Bizimle İletişime Geçin"; width:100%; height:100%; position:absolute; left:0; top:0; display:flex; align-items:center; justify-content:center; color:#fff; z-index:3; opacity:0; transition:all .35s;}
.icsayfahakkimizda .hakkimizdabuton:hover {color:transparent;}
.icsayfahakkimizda .hakkimizdabuton:hover:after {opacity:1;}

.icsayfahakkimizda .hakkimizdasag {width:640px; float:right; position:relative;}
.icsayfahakkimizda .hakkimizdasag img {width:100%; height:430px; float:left; object-fit:cover; border-radius:8px; transition:all .55s;}
.icsayfahakkimizda .hakkimizdasag:hover img {transform:scale(.985);}

.icsayfahakkimizda .hakkimizdasayilar {width:100%; float:left; display:grid; grid-template-columns:repeat(4,1fr); gap:22px; margin-bottom:55px;}
.icsayfahakkimizda .sayikutu {width:100%; height:135px; float:left; background:#F7F7F7; border-radius:8px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; transition:all .35s;}
.icsayfahakkimizda .sayikutu strong {width:100%; float:left; font-size:36px; line-height:42px; font-weight:600; color:#C7A565; margin-bottom:8px;}
.icsayfahakkimizda .sayikutu span {width:100%; float:left; font-size:15px; line-height:22px; font-weight:600; color:#15191F;}
.icsayfahakkimizda .sayikutu:hover {background:#11181C; transform:translateY(-6px);}
.icsayfahakkimizda .sayikutu:hover span {color:#fff;}

.icsayfahakkimizda .hakkimizdaalt {width:100%; float:left; display:grid; grid-template-columns:repeat(3,1fr); gap:26px;}
.icsayfahakkimizda .hakkimizdakutu {width:100%; float:left; border:1px solid #E8E8E8; border-radius:8px; padding:34px 30px 32px 30px; background:#fff; transition:all .35s;}
.icsayfahakkimizda .hakkimizdaikon {width:54px; height:54px; float:left; display:flex; align-items:center; justify-content:center; background:#F7F1E7; border-radius:50%; margin-bottom:22px; transition:all .35s;}
.icsayfahakkimizda .hakkimizdaikon img {width:25px; height:25px; transition:all .35s;}
.icsayfahakkimizda .hakkimizdakutu h3 {width:100%; float:left; margin:0 0 10px 0; padding:0; font-size:20px; line-height:28px; font-weight:600; color:#15191F;}
.icsayfahakkimizda .hakkimizdakutu p {width:100%; float:left; margin:0; padding:0; font-size:15px; line-height:25px; font-weight:400; color:#15191F;}
.icsayfahakkimizda .hakkimizdakutu:hover {border-color:#C7A565; transform:translateY(-6px); box-shadow:0 18px 38px rgba(21,25,31,.08);}
.icsayfahakkimizda .hakkimizdakutu:hover .hakkimizdaikon {background:#C7A565;}
.icsayfahakkimizda .hakkimizdakutu:hover .hakkimizdaikon img {filter:brightness(0) invert(1);}

@media only screen and (max-width: 767px) {
.icsayfahakkimizda {padding:55px 0 60px 0;}
.icsayfahakkimizda .hakkimizdaust {display:block; margin-bottom:35px;}
.icsayfahakkimizda .hakkimizdasol {width:100%; margin-bottom:30px;}
.icsayfahakkimizda .hakkimizdaetiket {font-size:14px; margin-bottom:6px;}
.icsayfahakkimizda .hakkimizdasol h2 {font-size:27px; line-height:35px; margin-bottom:14px;}
.icsayfahakkimizda .hakkimizdasol p {font-size:14px; line-height:24px; margin-bottom:15px;}
.icsayfahakkimizda .hakkimizdabuton {width:100%; height:46px; margin-top:10px;}
.icsayfahakkimizda .hakkimizdasag {width:100%;}
.icsayfahakkimizda .hakkimizdasag img {height:280px;}
.icsayfahakkimizda .hakkimizdasayilar {grid-template-columns:repeat(1,1fr); gap:14px; margin-bottom:35px;}
.icsayfahakkimizda .sayikutu {height:115px;}
.icsayfahakkimizda .sayikutu strong {font-size:32px; line-height:38px;}
.icsayfahakkimizda .hakkimizdaalt {grid-template-columns:repeat(1,1fr); gap:18px;}
.icsayfahakkimizda .hakkimizdakutu {padding:28px 24px 26px 24px;}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.icsayfahakkimizda {padding:65px 0 72px 0;}
.icsayfahakkimizda .hakkimizdaust {display:block;}
.icsayfahakkimizda .hakkimizdasol {width:100%; margin-bottom:35px;}
.icsayfahakkimizda .hakkimizdasag {width:100%;}
.icsayfahakkimizda .hakkimizdasayilar {grid-template-columns:repeat(2,1fr);}
.icsayfahakkimizda .hakkimizdaalt {grid-template-columns:repeat(1,1fr);}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
.icsayfahakkimizda .hakkimizdasol {width:455px;}
.icsayfahakkimizda .hakkimizdasag {width:485px;}
.icsayfahakkimizda .hakkimizdasag img {height:400px;}
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
.icsayfahakkimizda .hakkimizdasol {width:530px;}
.icsayfahakkimizda .hakkimizdasag {width:600px;}
}



.urunlistele {width:100%; float:left; padding:80px 0 90px 0; background:#fff; position:relative; overflow:hidden;}
.urunlistele .urungrupalan {width:100%; float:left; margin-bottom:55px;}

.urunlistele .urunlistegrid {width:100%; float:left; display:grid; grid-template-columns:repeat(3,1fr); gap:28px;}
.urunlistele .urunkutu {width:100%; float:left; background:#fff; border:1px solid #E8E8E8; border-radius:8px; overflow:hidden; text-decoration:none; transition:all .35s ease;}
.urunlistele .urungorsel {width:100%; height:285px; float:left; overflow:hidden; background:#F7F7F7;}
.urunlistele .urungorsel img {width:100%; height:100%; float:left; object-fit:cover; transition:all .55s ease;}
.urunlistele .urunicerik {width:100%; float:left; padding:22px 24px 24px 24px; position:relative;}
.urunlistele .urunicerik h3 {width:100%; float:left; margin:0 0 7px 0; padding:0; font-size:20px; line-height:28px; font-weight:600; color:#15191F; transition:all .35s ease;}
.urunlistele .urunicerik p {width:100%; float:left; margin:0; padding:0; font-size:14px; line-height:20px; font-weight:600; color:#C7A565; transition:all .35s ease;}
.urunlistele .urunkutu:hover {border-color:#C7A565; box-shadow:0 18px 38px rgba(21,25,31,.08);}
.urunlistele .urunkutu:hover .urungorsel img {transform:scale(1.06);}
.urunlistele .urunkutu:hover .urunicerik h3 {color:#C7A565;}
.urunlistele .urunkutu:hover .urunicerik p {color:#15191F;}

.urunlistele .urunseoalan {width:100%; float:left; padding-top:34px; border-top:1px solid #D7D7D7;}
.urunlistele .urunseoalan h2 {width:100%; float:left; margin:0 0 14px 0; padding:0; font-size:28px; line-height:36px; font-weight:600; color:#15191F;}
.urunlistele .urunseoyazi {width:100%; height:115px; float:left; overflow-y:auto; padding-right:18px;}
.urunlistele .urunseoyazi p {width:100%; float:left; margin:0 0 16px 0; padding:0; font-size:15px; line-height:24px; font-weight:400; color:#15191F;}
.urunlistele .urunseoyazi p:last-child {margin-bottom:0;}
.urunlistele .urunseoyazi::-webkit-scrollbar {width:4px;}
.urunlistele .urunseoyazi::-webkit-scrollbar-track {background:#F1F1F1; border-radius:10px;}
.urunlistele .urunseoyazi::-webkit-scrollbar-thumb {background:#C7A565; border-radius:10px;}
.urunlistele .urunseoyazi {scrollbar-width:thin; scrollbar-color:#C7A565 #F1F1F1;}

@media only screen and (max-width: 767px) {
.urunlistele {padding:55px 0 60px 0;}
.urunlistele .urungrupalan {margin-bottom:38px;}
.urunlistele .urunlistegrid {grid-template-columns:repeat(1,1fr); gap:18px;}
.urunlistele .urungorsel {height:245px;}
.urunlistele .urunicerik {padding:20px 20px 22px 20px;}
.urunlistele .urunicerik h3 {font-size:18px; line-height:26px;}
.urunlistele .urunseoalan {padding-top:26px;}
.urunlistele .urunseoalan h2 {font-size:25px; line-height:32px;}
.urunlistele .urunseoyazi {height:150px; padding-right:12px;}
.urunlistele .urunseoyazi p {font-size:14px; line-height:23px;}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.urunlistele {padding:65px 0 72px 0;}
.urunlistele .urunlistegrid {grid-template-columns:repeat(2,1fr); gap:24px;}
.urunlistele .urungorsel {height:260px;}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
.urunlistele .urunlistegrid {gap:22px;}
.urunlistele .urungorsel {height:255px;}
.urunlistele .urunicerik h3 {font-size:18px; line-height:26px;}
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
.urunlistele .urungorsel {height:270px;}
}


.urundetay {width:100%; float:left; padding:85px 0 95px 0; background:#fff; position:relative; overflow:hidden;}
.urundetay .urundetayust {width:100%; float:left; display:flex; align-items:center; justify-content:space-between; margin-bottom:70px;}
.urundetay .urundetaysol {width:610px; float:left;}
.urundetay .urundetayetiket {width:100%; float:left; font-size:15px; line-height:22px; font-weight:500; color:#C7A565; margin-bottom:9px;}
.urundetay .urundetaysol h2 {width:100%; float:left; margin:0 0 18px 0; padding:0; font-size:28px; line-height:40px; font-weight:600; color:#15191F;}
.urundetay .urundetaysol p {width:100%; float:left; margin:0 0 18px 0; padding:0; font-size:15px; line-height:27px; font-weight:400; color:#15191F;}

.urundetay .urundetayozellikler {width:100%; float:left; margin-top:8px; margin-bottom:10px; border-top:1px solid #E8E8E8;}
.urundetay .ozelliksatir {width:100%; float:left; display:flex; align-items:center; justify-content:space-between; padding:14px 0; border-bottom:1px solid #E8E8E8;}
.urundetay .ozelliksatir strong {width:180px; float:left; font-size:15px; line-height:22px; font-weight:600; color:#15191F;}
.urundetay .ozelliksatir span {width:calc(100% - 190px); float:right; font-size:15px; line-height:22px; font-weight:400; color:#15191F;}

.urundetay .urundetaybuton {width:165px; height:46px; float:left; display:flex; align-items:center; justify-content:center; background:#11181C; border:1px solid #11181C; border-radius:5px; font-size:14px; font-weight:600; color:#fff; text-decoration:none; margin-top:22px; transition:all .35s ease;}
.urundetay .urundetaybuton:hover {background:#C7A565; border-color:#C7A565; color:#fff; box-shadow:0 12px 26px rgba(199,165,101,.22);}

.urundetay .urundetaysag {width:640px; float:right; overflow:hidden; border-radius:8px; background:#F7F7F7;}
.urundetay .urundetaysag img {width:100%; height:480px; float:left; object-fit:cover; border-radius:8px; transition:all .55s ease;}
.urundetay .urundetaysag:hover img {transform:scale(1.035);}

.urundetay .digerurunler {width:100%; float:left;}
.urundetay .digerurunbaslik {width:100%; float:left; position:relative; margin-bottom:34px;}
.urundetay .digerurunbaslik:after {content:""; width:calc(100% - 330px); height:1px; position:absolute; right:0; bottom:9px; background:#D7D7D7;}
.urundetay .digerurunbaslik span {width:100%; float:left; font-size:14px; line-height:20px; font-weight:500; color:#C7A565; margin-bottom:8px;}
.urundetay .digerurunbaslik h2 {width:auto; float:left; margin:0; padding:0; font-size:28px; line-height:36px; font-weight:600; color:#15191F;}

.urundetay .digerurunslider {width:100%; float:left; overflow:hidden;}
.urundetay .digerurunslider .slick-list {width:100%; overflow:hidden; margin:0 -13px;}
.urundetay .digerurunslider .slick-track {display:flex;}
.urundetay .digerurunslider .slick-slide {height:auto; outline:none;}
.urundetay .digerurunitem {width:100%; float:left; padding:0 13px;}
.urundetay .digerurunkutu {width:100%; float:left; background:#fff; border:1px solid #E8E8E8; border-radius:8px; overflow:hidden; text-decoration:none; transition:all .35s ease;}
.urundetay .digerurungorsel {width:100%; height:235px; float:left; overflow:hidden; background:#F7F7F7;}
.urundetay .digerurungorsel img {width:100%; height:100%; float:left; object-fit:cover; transition:all .55s ease;}
.urundetay .digerurunicerik {width:100%; float:left; padding:20px 22px 22px 22px;}
.urundetay .digerurunicerik h3 {width:100%; float:left; margin:0 0 6px 0; padding:0; font-size:18px; line-height:25px; font-weight:600; color:#15191F; transition:all .35s ease;}
.urundetay .digerurunicerik p {width:100%; float:left; margin:0; padding:0; font-size:14px; line-height:20px; font-weight:600; color:#C7A565; transition:all .35s ease;}
.urundetay .digerurunkutu:hover {border-color:#C7A565; box-shadow:0 18px 38px rgba(21,25,31,.08);}
.urundetay .digerurunkutu:hover .digerurungorsel img {transform:scale(1.06);}
.urundetay .digerurunkutu:hover .digerurunicerik h3 {color:#C7A565;}
.urundetay .digerurunkutu:hover .digerurunicerik p {color:#15191F;}

.urundetay .slick-dots {width:100%; float:left; position:relative; bottom:auto; margin:28px 0 0 0; padding:0; list-style:none; text-align:center;}
.urundetay .slick-dots li {width:auto; height:auto; display:inline-block; margin:0 4px;}
.urundetay .slick-dots li button {width:30px; height:3px; background:#D8D8D8; border:0; padding:0; font-size:0; cursor:pointer; transition:all .35s ease;}
.urundetay .slick-dots li button:before {display:none;}
.urundetay .slick-dots li.slick-active button {width:42px; background:#C7A565;}
.urundetay .slick-dots li button:hover {background:#C7A565;}

@media only screen and (max-width: 767px) {
.urundetay {padding:55px 0 60px 0;}
.urundetay .urundetayust {display:block; margin-bottom:45px;}
.urundetay .urundetaysol {width:100%; margin-bottom:30px;}
.urundetay .urundetayetiket {font-size:14px; margin-bottom:6px;}
.urundetay .urundetaysol h2 {font-size:27px; line-height:35px; margin-bottom:14px;}
.urundetay .urundetaysol p {font-size:14px; line-height:24px; margin-bottom:15px;}
.urundetay .ozelliksatir {display:block; padding:13px 0;}
.urundetay .ozelliksatir strong {width:100%; margin-bottom:5px; font-size:14px;}
.urundetay .ozelliksatir span {width:100%; font-size:14px;}
.urundetay .urundetaybuton {width:100%; height:46px;}
.urundetay .urundetaysag {width:100%;}
.urundetay .urundetaysag img {height:280px;}
.urundetay .digerurunbaslik {margin-bottom:25px;}
.urundetay .digerurunbaslik:after {width:100%; bottom:-12px;}
.urundetay .digerurunbaslik span {font-size:13px; margin-bottom:5px;}
.urundetay .digerurunbaslik h2 {font-size:25px; line-height:32px;}
.urundetay .digerurunitem {padding:0;}
.urundetay .digerurungorsel {height:245px;}
.urundetay .digerurunslider .slick-list {margin:0;}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.urundetay {padding:65px 0 72px 0;}
.urundetay .urundetayust {display:block;}
.urundetay .urundetaysol {width:100%; margin-bottom:35px;}
.urundetay .urundetaysag {width:100%;}
.urundetay .urundetaysag img {height:390px;}
.urundetay .digerurunbaslik:after {width:calc(100% - 310px);}
.urundetay .digerurungorsel {height:240px;}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
.urundetay .urundetaysol {width:455px;}
.urundetay .urundetaysag {width:485px;}
.urundetay .urundetaysag img {height:430px;}
.urundetay .digerurungorsel {height:215px;}
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
.urundetay .urundetaysol {width:530px;}
.urundetay .urundetaysag {width:600px;}
.urundetay .digerurungorsel {height:225px;}
}


.projelistele {width:100%; float:left; padding:85px 0 95px 0; background:#fff; position:relative; overflow:hidden;}
.projelistele .projelistealan {width:100%; float:left; display:grid; grid-template-columns:repeat(3,1fr); gap:30px;}
.projelistele .projekart {width:100%; float:left; background:#fff; border:1px solid #E8E8E8; border-radius:8px; overflow:hidden; text-decoration:none; position:relative; transition:all .35s ease;}
.projelistele .projegorsel {width:100%; height:360px; float:left; overflow:hidden; background:#F7F7F7; position:relative;}
.projelistele .projegorsel:before {content:""; width:100%; height:55%; position:absolute; left:0; bottom:0; background:linear-gradient(to top,rgba(0,0,0,.52),rgba(0,0,0,0)); z-index:2; opacity:0; transition:all .35s ease;}
.projelistele .projegorsel img {width:100%; height:100%; float:left; object-fit:cover; transition:all .55s ease;}
.projelistele .projeicerik {width:100%; float:left; padding:24px 25px 27px 25px; position:relative; background:#fff;}
.projelistele .projeicerik span {width:100%; float:left; font-size:14px; line-height:20px; font-weight:500; color:#C7A565; margin-bottom:6px;}
.projelistele .projeicerik h2 {width:100%; float:left; margin:0 0 10px 0; padding:0; font-size:20px; line-height:29px; font-weight:600; color:#15191F; transition:all .35s ease;}
.projelistele .projeicerik p {width:100%; float:left; margin:0 0 18px 0; padding:0; font-size:15px; line-height:24px; font-weight:400; color:#15191F;}
.projelistele .projeincele {width:auto; float:left; font-size:14px; line-height:20px; font-weight:600; color:#C7A565; position:relative; padding-bottom:4px; text-decoration:none; transition:all .35s ease;}
.projelistele .projeincele:after {content:""; width:100%; height:1px; position:absolute; left:0; bottom:0; background:#C7A565; transition:all .35s ease;}
.projelistele .projekart:hover {border-color:#C7A565; box-shadow:0 18px 38px rgba(21,25,31,.08);}
.projelistele .projekart:hover .projegorsel:before {opacity:1;}
.projelistele .projekart:hover .projegorsel img {transform:scale(1.06);}
.projelistele .projekart:hover .projeicerik h2 {color:#C7A565;}
.projelistele .projekart:hover .projeincele {color:#15191F;}
.projelistele .projekart:hover .projeincele:after {background:#15191F;}

@media only screen and (max-width: 767px) {
.projelistele {padding:55px 0 60px 0;}
.projelistele .projelistealan {grid-template-columns:repeat(1,1fr); gap:20px;}
.projelistele .projegorsel {height:280px;}
.projelistele .projeicerik {padding:22px 20px 24px 20px;}
.projelistele .projeicerik h2 {font-size:19px; line-height:27px;}
.projelistele .projeicerik p {font-size:14px; line-height:23px;}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.projelistele {padding:65px 0 72px 0;}
.projelistele .projelistealan {grid-template-columns:repeat(2,1fr); gap:24px;}
.projelistele .projegorsel {height:300px;}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
.projelistele .projelistealan {gap:22px;}
.projelistele .projegorsel {height:310px;}
.projelistele .projeicerik h2 {font-size:19px; line-height:27px;}
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
.projelistele .projegorsel {height:330px;}
}



.projedetay {width:100%; float:left; padding:85px 0 95px 0; background:#fff; position:relative; overflow:hidden;}
.projedetay .projedetayust {width:100%; float:left; display:flex; align-items:center; justify-content:space-between; margin-bottom:68px;}
.projedetay .projedetaysol {width:610px; float:left;}
.projedetay .projedetayetiket {width:100%; float:left; font-size:15px; line-height:22px; font-weight:500; color:#C7A565; margin-bottom:9px;}
.projedetay .projedetaysol h2 {width:100%; float:left; margin:0 0 18px 0; padding:0; font-size:28px; line-height:40px; font-weight:600; color:#15191F;}
.projedetay .projedetaysol p {width:100%; float:left; margin:0 0 18px 0; padding:0; font-size:15px; line-height:27px; font-weight:400; color:#15191F;}

.projedetay .projedetaybilgiler {width:100%; float:left; margin-top:8px; margin-bottom:10px; border-top:1px solid #E8E8E8;}
.projedetay .bilgisatir {width:100%; float:left; display:flex; align-items:center; justify-content:space-between; padding:14px 0; border-bottom:1px solid #E8E8E8;}
.projedetay .bilgisatir strong {width:180px; float:left; font-size:15px; line-height:22px; font-weight:600; color:#15191F;}
.projedetay .bilgisatir span {width:calc(100% - 190px); float:right; font-size:15px; line-height:22px; font-weight:400; color:#15191F;}

.projedetay .projedetaybuton {width:165px; height:46px; float:left; display:flex; align-items:center; justify-content:center; background:#11181C; border:1px solid #11181C; border-radius:5px; font-size:14px; font-weight:600; color:#fff; text-decoration:none; margin-top:22px; transition:all .35s ease;}
.projedetay .projedetaybuton:hover {background:#C7A565; border-color:#C7A565; color:#fff; box-shadow:0 12px 26px rgba(199,165,101,.22);}

.projedetay .projedetaysag {width:640px; float:right; overflow:hidden; border-radius:8px; background:#F7F7F7;}
.projedetay .projedetaysag img {width:100%; height:480px; float:left; object-fit:cover; border-radius:8px; transition:all .55s ease;}
.projedetay .projedetaysag:hover img {transform:scale(1.035);}

.projedetay .projegaleri {width:100%; float:left; margin-bottom:68px;}
.projedetay .projegaleribaslik {width:100%; float:left; position:relative; margin-bottom:34px;}
.projedetay .projegaleribaslik:after {content:""; width:calc(100% - 285px); height:1px; position:absolute; right:0; bottom:9px; background:#D7D7D7;}
.projedetay .projegaleribaslik span {width:100%; float:left; font-size:14px; line-height:20px; font-weight:500; color:#C7A565; margin-bottom:8px;}
.projedetay .projegaleribaslik h2 {width:auto; float:left; margin:0; padding:0; font-size:28px; line-height:36px; font-weight:600; color:#15191F;}
.projedetay .projegalerigrid {width:100%; float:left; display:grid; grid-template-columns:repeat(3,1fr); gap:26px;}
.projedetay .galerikutu {width:100%; height:300px; float:left; overflow:hidden; border-radius:8px; background:#F7F7F7;}
.projedetay .galerikutu img {width:100%; height:100%; float:left; object-fit:cover; transition:all .55s ease;}
.projedetay .galerikutu:hover img {transform:scale(1.06);}

.projedetay .digerprojeler {width:100%; float:left;}
.projedetay .digerprojebaslik {width:100%; float:left; position:relative; margin-bottom:34px;}
.projedetay .digerprojebaslik:after {content:""; width:calc(100% - 265px); height:1px; position:absolute; right:0; bottom:9px; background:#D7D7D7;}
.projedetay .digerprojebaslik span {width:100%; float:left; font-size:14px; line-height:20px; font-weight:500; color:#C7A565; margin-bottom:8px;}
.projedetay .digerprojebaslik h2 {width:auto; float:left; margin:0; padding:0; font-size:28px; line-height:36px; font-weight:600; color:#15191F;}

.projedetay .digerprojeslider {width:100%; float:left; overflow:hidden;}
.projedetay .digerprojeslider .slick-list {width:100%; overflow:hidden; margin:0 -13px;}
.projedetay .digerprojeslider .slick-track {display:flex;}
.projedetay .digerprojeslider .slick-slide {height:auto; outline:none;}
.projedetay .digerprojeitem {width:100%; float:left; padding:0 13px;}
.projedetay .digerprojekutu {width:100%; float:left; background:#fff; border:1px solid #E8E8E8; border-radius:8px; overflow:hidden; text-decoration:none; transition:all .35s ease;}
.projedetay .digerprojegorsel {width:100%; height:235px; float:left; overflow:hidden; background:#F7F7F7;}
.projedetay .digerprojegorsel img {width:100%; height:100%; float:left; object-fit:cover; transition:all .55s ease;}
.projedetay .digerprojeicerik {width:100%; float:left; padding:20px 22px 22px 22px;}
.projedetay .digerprojeicerik h3 {width:100%; float:left; margin:0 0 6px 0; padding:0; font-size:18px; line-height:25px; font-weight:600; color:#15191F; transition:all .35s ease;}
.projedetay .digerprojeicerik p {width:100%; float:left; margin:0; padding:0; font-size:14px; line-height:20px; font-weight:600; color:#C7A565; transition:all .35s ease;}
.projedetay .digerprojekutu:hover {border-color:#C7A565; box-shadow:0 18px 38px rgba(21,25,31,.08);}
.projedetay .digerprojekutu:hover .digerprojegorsel img {transform:scale(1.06);}
.projedetay .digerprojekutu:hover .digerprojeicerik h3 {color:#C7A565;}
.projedetay .digerprojekutu:hover .digerprojeicerik p {color:#15191F;}

.projedetay .slick-dots {width:100%; float:left; position:relative; bottom:auto; margin:28px 0 0 0; padding:0; list-style:none; text-align:center;}
.projedetay .slick-dots li {width:auto; height:auto; display:inline-block; margin:0 4px;}
.projedetay .slick-dots li button {width:30px; height:3px; background:#D8D8D8; border:0; padding:0; font-size:0; cursor:pointer; transition:all .35s ease;}
.projedetay .slick-dots li button:before {display:none;}
.projedetay .slick-dots li.slick-active button {width:42px; background:#C7A565;}
.projedetay .slick-dots li button:hover {background:#C7A565;}

@media only screen and (max-width: 767px) {
.projedetay {padding:55px 0 60px 0;}
.projedetay .projedetayust {display:block; margin-bottom:45px;}
.projedetay .projedetaysol {width:100%; margin-bottom:30px;}
.projedetay .projedetayetiket {font-size:14px; margin-bottom:6px;}
.projedetay .projedetaysol h2 {font-size:27px; line-height:35px; margin-bottom:14px;}
.projedetay .projedetaysol p {font-size:14px; line-height:24px; margin-bottom:15px;}
.projedetay .bilgisatir {display:block; padding:13px 0;}
.projedetay .bilgisatir strong {width:100%; margin-bottom:5px; font-size:14px;}
.projedetay .bilgisatir span {width:100%; font-size:14px;}
.projedetay .projedetaybuton {width:100%; height:46px;}
.projedetay .projedetaysag {width:100%;}
.projedetay .projedetaysag img {height:280px;}
.projedetay .projegaleri {margin-bottom:45px;}
.projedetay .projegaleribaslik, .projedetay .digerprojebaslik {margin-bottom:25px;}
.projedetay .projegaleribaslik:after, .projedetay .digerprojebaslik:after {width:100%; bottom:-12px;}
.projedetay .projegaleribaslik span, .projedetay .digerprojebaslik span {font-size:13px; margin-bottom:5px;}
.projedetay .projegaleribaslik h2, .projedetay .digerprojebaslik h2 {font-size:25px; line-height:32px;}
.projedetay .projegalerigrid {grid-template-columns:repeat(1,1fr); gap:18px;}
.projedetay .galerikutu {height:250px;}
.projedetay .digerprojeitem {padding:0;}
.projedetay .digerprojegorsel {height:245px;}
.projedetay .digerprojeslider .slick-list {margin:0;}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.projedetay {padding:65px 0 72px 0;}
.projedetay .projedetayust {display:block;}
.projedetay .projedetaysol {width:100%; margin-bottom:35px;}
.projedetay .projedetaysag {width:100%;}
.projedetay .projedetaysag img {height:390px;}
.projedetay .projegalerigrid {grid-template-columns:repeat(2,1fr);}
.projedetay .galerikutu {height:260px;}
.projedetay .digerprojegorsel {height:240px;}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
.projedetay .projedetaysol {width:455px;}
.projedetay .projedetaysag {width:485px;}
.projedetay .projedetaysag img {height:430px;}
.projedetay .galerikutu {height:260px;}
.projedetay .digerprojegorsel {height:215px;}
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
.projedetay .projedetaysol {width:530px;}
.projedetay .projedetaysag {width:600px;}
.projedetay .galerikutu {height:280px;}
.projedetay .digerprojegorsel {height:225px;}
}



.madenocaklar {width:100%; float:left; padding:85px 0 95px 0; background:#fff; position:relative; overflow:hidden;}
.madenocaklar .madenocaklaralan {width:100%; float:left; display:grid; grid-template-columns:repeat(4,1fr); gap:30px;}
.madenocaklar .ocakkart {width:100%; float:left; text-decoration:none;}
.madenocaklar .ocakgorsel {width:100%; height:250px; float:left; overflow:hidden; border-radius:8px; background:#F7F7F7; margin-bottom:16px;}
.madenocaklar .ocakgorsel img {width:100%; height:100%; float:left; object-fit:cover; transition:all .55s ease;}
.madenocaklar .ocakicerik {width:100%; float:left;}
.madenocaklar .ocakicerik h2 {width:100%; float:left; margin:0; padding:0; font-size:16px; line-height:20px; font-weight:500; color:#15191F; transition:all .35s ease;}
.madenocaklar .ocakkart:hover .ocakgorsel img {transform:scale(1.06);}
.madenocaklar .ocakkart:hover .ocakicerik h2 {color:#C7A565;}

@media only screen and (max-width: 767px) {
.madenocaklar {padding:55px 0 60px 0;}
.madenocaklar .madenocaklaralan {grid-template-columns:repeat(1,1fr); gap:26px;}
.madenocaklar .ocakgorsel {height:260px; margin-bottom:14px;}
.madenocaklar .ocakicerik h2 {font-size:20px; line-height:28px;}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.madenocaklar {padding:65px 0 72px 0;}
.madenocaklar .madenocaklaralan {grid-template-columns:repeat(2,1fr); gap:26px;}
.madenocaklar .ocakgorsel {height:260px;}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
.madenocaklar .madenocaklaralan {gap:22px;}
.madenocaklar .ocakgorsel {height:220px;}
.madenocaklar .ocakicerik h2 {font-size:18px; line-height:26px;}
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
.madenocaklar .ocakgorsel {height:235px;}
}


.iletisim {width:100%; float:left; padding:85px 0 95px 0; background:#fff; position:relative; overflow:hidden;}
.iletisim .iletisimalan {width:100%; float:left; display:flex; align-items:flex-start; justify-content:space-between; margin-bottom:55px;}
.iletisim .iletisimsol {width:540px; float:left;}
.iletisim .iletisimbaslik {width:100%; float:left; margin-bottom:34px;}
.iletisim .iletisimbaslik span {width:100%; float:left; font-size:15px; line-height:22px; font-weight:500; color:#C7A565; margin-bottom:9px;}
.iletisim .iletisimbaslik h2 {width:100%; float:left; margin:0 0 14px 0; padding:0; font-size:30px; line-height:40px; font-weight:600; color:#15191F;}
.iletisim .iletisimbaslik p {width:100%; float:left; margin:0; padding:0; font-size:15px; line-height:27px; font-weight:400; color:#15191F;}

.iletisim .iletisimbilgileri {width:100%; float:left;}
.iletisim .iletisimbilgi {width:100%; float:left; display:flex; align-items:flex-start; padding:24px 0; border-bottom:1px solid #E8E8E8;}
.iletisim .iletisimbilgi:first-child {border-top:1px solid #E8E8E8;}
.iletisim .iletisimikon {width:54px; height:54px; float:left; display:flex; align-items:center; justify-content:center; background:#F7F1E7; border-radius:50%; margin-right:18px; transition:all .35s ease;}
.iletisim .iletisimikon img {width:24px; height:24px; transition:all .35s ease;}
.iletisim .iletisimyazi {width:calc(100% - 72px); float:left;}
.iletisim .iletisimyazi h3 {width:100%; float:left; margin:0 0 6px 0; padding:0; font-size:18px; line-height:26px; font-weight:600; color:#15191F;}
.iletisim .iletisimyazi p {width:100%; float:left; margin:0; padding:0; font-size:15px; line-height:24px; font-weight:400; color:#15191F;}
.iletisim .iletisimyazi a {width:auto; float:left; font-size:15px; line-height:24px; font-weight:400; color:#15191F; text-decoration:none; transition:all .35s ease;}
.iletisim .iletisimbilgi:hover .iletisimikon {background:#C7A565;}
.iletisim .iletisimbilgi:hover .iletisimikon img {filter:brightness(0) invert(1);}
.iletisim .iletisimbilgi:hover .iletisimyazi a {color:#C7A565;}

.iletisim .iletisimsosyal {width:100%; float:left; margin-top:28px;}
.iletisim .iletisimsosyal a {width:36px; height:36px; float:left; display:flex; align-items:center; justify-content:center; border:1px solid #15191F; border-radius:4px; margin-right:8px; transition:all .35s ease;}
.iletisim .iletisimsosyal a img {width:14px; height:14px; filter:brightness(0) saturate(100%) invert(7%) sepia(10%) saturate(1016%) hue-rotate(161deg) brightness(95%) contrast(92%); transition:all .35s ease;}
.iletisim .iletisimsosyal a:hover {background:#C7A565; border-color:#C7A565;}
.iletisim .iletisimsosyal a:hover img {filter:brightness(0) invert(1);}

.iletisim .iletisimsag {width:640px; float:right;}
.iletisim .iletisimform {width:100%; float:left; background:#F7F7F7; border-radius:8px; padding:38px 38px 40px 38px;}
.iletisim .formbaslik {width:100%; float:left; margin-bottom:24px;}
.iletisim .formbaslik h3 {width:100%; float:left; margin:0 0 7px 0; padding:0; font-size:26px; line-height:34px; font-weight:600; color:#15191F;}
.iletisim .formbaslik p {width:100%; float:left; margin:0; padding:0; font-size:15px; line-height:24px; font-weight:400; color:#15191F;}
.iletisim .formgrup {width:100%; float:left; margin-bottom:14px;}
.iletisim .formgrup input {width:100%; height:52px; float:left; border:1px solid #E1E1E1; background:#fff; border-radius:5px; padding:0 17px; font-size:14px; font-weight:400; color:#15191F; outline:none; transition:all .35s ease;}
.iletisim .formgrup textarea {width:100%; height:130px; float:left; border:1px solid #E1E1E1; background:#fff; border-radius:5px; padding:16px 17px; font-size:14px; font-weight:400; color:#15191F; outline:none; resize:none; transition:all .35s ease;}
.iletisim .formgrup input:focus, .iletisim .formgrup textarea:focus {border-color:#C7A565;}
.iletisim .iletisimform button {width:170px; height:48px; float:left; display:flex; align-items:center; justify-content:center; background:#11181C; border:1px solid #11181C; border-radius:5px; font-size:14px; font-weight:600; color:#fff; cursor:pointer; transition:all .35s ease;}
.iletisim .iletisimform button:hover {background:#C7A565; border-color:#C7A565; color:#fff; box-shadow:0 12px 26px rgba(199,165,101,.22);}

.iletisim .iletisimharita {width:100%; height:390px; float:left; border-radius:8px; overflow:hidden; background:#F7F7F7;}
.iletisim .iletisimharita iframe {width:100%; height:390px; float:left; border:0;}

@media only screen and (max-width: 767px) {
.iletisim {padding:55px 0 60px 0;}
.iletisim .iletisimalan {display:block; margin-bottom:38px;}
.iletisim .iletisimsol {width:100%; margin-bottom:35px;}
.iletisim .iletisimbaslik {margin-bottom:26px;}
.iletisim .iletisimbaslik span {font-size:14px; margin-bottom:6px;}
.iletisim .iletisimbaslik h2 {font-size:27px; line-height:35px; margin-bottom:12px;}
.iletisim .iletisimbaslik p {font-size:14px; line-height:24px;}
.iletisim .iletisimbilgi {padding:20px 0;}
.iletisim .iletisimikon {width:48px; height:48px; margin-right:14px;}
.iletisim .iletisimikon img {width:21px; height:21px;}
.iletisim .iletisimyazi {width:calc(100% - 62px);}
.iletisim .iletisimyazi h3 {font-size:17px; line-height:25px;}
.iletisim .iletisimyazi p, .iletisim .iletisimyazi a {font-size:14px; line-height:23px;}
.iletisim .iletisimsag {width:100%;}
.iletisim .iletisimform {padding:28px 22px 30px 22px;}
.iletisim .formbaslik h3 {font-size:23px; line-height:31px;}
.iletisim .formbaslik p {font-size:14px; line-height:23px;}
.iletisim .iletisimform button {width:100%; height:46px;}
.iletisim .iletisimharita {height:300px;}
.iletisim .iletisimharita iframe {height:300px;}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.iletisim {padding:65px 0 72px 0;}
.iletisim .iletisimalan {display:block;}
.iletisim .iletisimsol {width:100%; margin-bottom:40px;}
.iletisim .iletisimsag {width:100%;}
.iletisim .iletisimharita {height:340px;}
.iletisim .iletisimharita iframe {height:340px;}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
.iletisim .iletisimsol {width:430px;}
.iletisim .iletisimsag {width:510px;}
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
.iletisim .iletisimsol {width:500px;}
.iletisim .iletisimsag {width:600px;}
}



.bloglistele {width:100%; float:left; padding:85px 0 95px 0; background:#fff; position:relative; overflow:hidden;}
.bloglistele .bloglistealan {width:100%; float:left; display:grid; grid-template-columns:repeat(3,1fr); gap:30px;}
.bloglistele .blogkart {width:100%; float:left; background:#fff; border:1px solid #E8E8E8; border-radius:8px; overflow:hidden; text-decoration:none; transition:all .35s ease;}
.bloglistele .bloggorsel {width:100%; height:300px; float:left; overflow:hidden; background:#F7F7F7; position:relative;}
.bloglistele .bloggorsel img {width:100%; height:100%; float:left; object-fit:cover; transition:all .55s ease;}
.bloglistele .blogicerik {width:100%; float:left; padding:24px 25px 27px 25px; background:#fff;}
.bloglistele .blogicerik span {width:100%; float:left; font-size:14px; line-height:20px; font-weight:500; color:#C7A565; margin-bottom:7px;}
.bloglistele .blogicerik h2 {width:100%; float:left; margin:0 0 10px 0; padding:0; font-size:21px; line-height:29px; font-weight:700; color:#15191F; transition:all .35s ease;}
.bloglistele .blogicerik p {width:100%; float:left; margin:0 0 18px 0; padding:0; font-size:15px; line-height:24px; font-weight:400; color:#15191F;}
.bloglistele .blogincele {width:auto; float:left; font-size:14px; line-height:20px; font-weight:600; color:#C7A565; position:relative; padding-bottom:4px; transition:all .35s ease;}
.bloglistele .blogincele:after {content:""; width:100%; height:1px; position:absolute; left:0; bottom:0; background:#C7A565; transition:all .35s ease;}
.bloglistele .blogkart:hover {border-color:#C7A565; box-shadow:0 18px 38px rgba(21,25,31,.08);}
.bloglistele .blogkart:hover .bloggorsel img {transform:scale(1.06);}
.bloglistele .blogkart:hover .blogicerik h2 {color:#C7A565;}
.bloglistele .blogkart:hover .blogincele {color:#15191F;}
.bloglistele .blogkart:hover .blogincele:after {background:#15191F;}

@media only screen and (max-width: 767px) {
.bloglistele {padding:55px 0 60px 0;}
.bloglistele .bloglistealan {grid-template-columns:repeat(1,1fr); gap:20px;}
.bloglistele .bloggorsel {height:260px;}
.bloglistele .blogicerik {padding:22px 20px 24px 20px;}
.bloglistele .blogicerik h2 {font-size:19px; line-height:27px;}
.bloglistele .blogicerik p {font-size:14px; line-height:23px;}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.bloglistele {padding:65px 0 72px 0;}
.bloglistele .bloglistealan {grid-template-columns:repeat(2,1fr); gap:24px;}
.bloglistele .bloggorsel {height:280px;}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
.bloglistele .bloglistealan {gap:22px;}
.bloglistele .bloggorsel {height:275px;}
.bloglistele .blogicerik h2 {font-size:19px; line-height:27px;}
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
.bloglistele .bloggorsel {height:285px;}
}


.blogdetay {width:100%; float:left; padding:85px 0 95px 0; background:#fff; position:relative; overflow:hidden;}
.blogdetay .blogdetayust {width:100%; float:left; display:flex; align-items:center; justify-content:space-between; margin-bottom:55px;}
.blogdetay .blogdetaysol {width:610px; float:left;}
.blogdetay .blogdetayetiket {width:100%; float:left; font-size:15px; line-height:22px; font-weight:500; color:#C7A565; margin-bottom:9px;}
.blogdetay .blogdetaysol h2 {width:100%; float:left; margin:0 0 18px 0; padding:0; font-size:34px; line-height:43px; font-weight:700; color:#15191F;}
.blogdetay .blogdetaysol p {width:100%; float:left; margin:0 0 18px 0; padding:0; font-size:15px; line-height:27px; font-weight:400; color:#15191F;}

.blogdetay .blogdetaysag {width:640px; float:right; overflow:hidden; border-radius:8px; background:#F7F7F7;}
.blogdetay .blogdetaysag img {width:100%; height:480px; float:left; object-fit:cover; border-radius:8px; transition:all .55s ease;}
.blogdetay .blogdetaysag:hover img {transform:scale(1.035);}

.blogdetay .blogdetaymetin {width:920px; display:block; margin:0 auto 68px auto;}
.blogdetay .blogdetaymetin h3 {width:100%; float:left; margin:0 0 14px 0; padding:0; font-size:24px; line-height:32px; font-weight:700; color:#15191F;}
.blogdetay .blogdetaymetin p {width:100%; float:left; margin:0 0 18px 0; padding:0; font-size:15px; line-height:28px; font-weight:400; color:#15191F;}
.blogdetay .blogdetaymetin blockquote {width:100%; float:left; margin:10px 0 28px 0; padding:25px 30px; background:#F7F1E7; border-left:4px solid #C7A565; border-radius:6px; font-size:18px; line-height:30px; font-weight:500; color:#15191F;}

.blogdetay .digerbloglar {width:100%; float:left;}
.blogdetay .digerblogbaslik {width:100%; float:left; position:relative; margin-bottom:34px;}
.blogdetay .digerblogbaslik:after {content:""; width:calc(100% - 280px); height:1px; position:absolute; right:0; bottom:9px; background:#D7D7D7;}
.blogdetay .digerblogbaslik span {width:100%; float:left; font-size:14px; line-height:20px; font-weight:500; color:#C7A565; margin-bottom:8px;}
.blogdetay .digerblogbaslik h2 {width:auto; float:left; margin:0; padding:0; font-size:28px; line-height:36px; font-weight:700; color:#15191F;}

.blogdetay .digerblogslider {width:100%; float:left; overflow:hidden;}
.blogdetay .digerblogslider .slick-list {width:100%; overflow:hidden; margin:0 -13px;}
.blogdetay .digerblogslider .slick-track {display:flex;}
.blogdetay .digerblogslider .slick-slide {height:auto; outline:none;}
.blogdetay .digerblogitem {width:100%; float:left; padding:0 13px;}
.blogdetay .digerblogkutu {width:100%; float:left; background:#fff; border:1px solid #E8E8E8; border-radius:8px; overflow:hidden; text-decoration:none; transition:all .35s ease;}
.blogdetay .digerbloggorsel {width:100%; height:235px; float:left; overflow:hidden; background:#F7F7F7;}
.blogdetay .digerbloggorsel img {width:100%; height:100%; float:left; object-fit:cover; transition:all .55s ease;}
.blogdetay .digerblogicerik {width:100%; float:left; padding:20px 22px 22px 22px;}
.blogdetay .digerblogicerik span {width:100%; float:left; font-size:13px; line-height:19px; font-weight:500; color:#C7A565; margin-bottom:6px;}
.blogdetay .digerblogicerik h3 {width:100%; float:left; margin:0 0 6px 0; padding:0; font-size:18px; line-height:25px; font-weight:700; color:#15191F; transition:all .35s ease;}
.blogdetay .digerblogicerik p {width:100%; float:left; margin:0; padding:0; font-size:14px; line-height:20px; font-weight:600; color:#C7A565; transition:all .35s ease;}
.blogdetay .digerblogkutu:hover {border-color:#C7A565; box-shadow:0 18px 38px rgba(21,25,31,.08);}
.blogdetay .digerblogkutu:hover .digerbloggorsel img {transform:scale(1.06);}
.blogdetay .digerblogkutu:hover .digerblogicerik h3 {color:#C7A565;}
.blogdetay .digerblogkutu:hover .digerblogicerik p {color:#15191F;}

.blogdetay .slick-dots {width:100%; float:left; position:relative; bottom:auto; margin:28px 0 0 0; padding:0; list-style:none; text-align:center;}
.blogdetay .slick-dots li {width:auto; height:auto; display:inline-block; margin:0 4px;}
.blogdetay .slick-dots li button {width:30px; height:3px; background:#D8D8D8; border:0; padding:0; font-size:0; cursor:pointer; transition:all .35s ease;}
.blogdetay .slick-dots li button:before {display:none;}
.blogdetay .slick-dots li.slick-active button {width:42px; background:#C7A565;}
.blogdetay .slick-dots li button:hover {background:#C7A565;}

@media only screen and (max-width: 767px) {
.blogdetay {padding:55px 0 60px 0;}
.blogdetay .blogdetayust {display:block; margin-bottom:35px;}
.blogdetay .blogdetaysol {width:100%; margin-bottom:30px;}
.blogdetay .blogdetayetiket {font-size:14px; margin-bottom:6px;}
.blogdetay .blogdetaysol h2 {font-size:27px; line-height:35px; margin-bottom:14px;}
.blogdetay .blogdetaysol p {font-size:14px; line-height:24px; margin-bottom:15px;}
.blogdetay .blogdetaysag {width:100%;}
.blogdetay .blogdetaysag img {height:280px;}
.blogdetay .blogdetaymetin {width:100%; margin-bottom:45px;}
.blogdetay .blogdetaymetin h3 {font-size:22px; line-height:30px;}
.blogdetay .blogdetaymetin p {font-size:14px; line-height:24px; margin-bottom:15px;}
.blogdetay .blogdetaymetin blockquote {padding:22px 22px; font-size:16px; line-height:26px;}
.blogdetay .digerblogbaslik {margin-bottom:25px;}
.blogdetay .digerblogbaslik:after {width:100%; bottom:-12px;}
.blogdetay .digerblogbaslik span {font-size:13px; margin-bottom:5px;}
.blogdetay .digerblogbaslik h2 {font-size:25px; line-height:32px;}
.blogdetay .digerblogitem {padding:0;}
.blogdetay .digerbloggorsel {height:245px;}
.blogdetay .digerblogslider .slick-list {margin:0;}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.blogdetay {padding:65px 0 72px 0;}
.blogdetay .blogdetayust {display:block;}
.blogdetay .blogdetaysol {width:100%; margin-bottom:35px;}
.blogdetay .blogdetaysag {width:100%;}
.blogdetay .blogdetaysag img {height:390px;}
.blogdetay .blogdetaymetin {width:100%;}
.blogdetay .digerbloggorsel {height:240px;}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
.blogdetay .blogdetaysol {width:455px;}
.blogdetay .blogdetaysag {width:485px;}
.blogdetay .blogdetaysag img {height:430px;}
.blogdetay .blogdetaymetin {width:820px;}
.blogdetay .digerbloggorsel {height:215px;}
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
.blogdetay .blogdetaysol {width:530px;}
.blogdetay .blogdetaysag {width:600px;}
.blogdetay .blogdetaysag img {height:450px;}
.blogdetay .digerbloggorsel {height:225px;}
}

.urundetay .urundetaysag .urunanaresim {width:100%; float:left; display:block; overflow:hidden; border-radius:8px; background:#F7F7F7;}
.urundetay .urundetaysag .urunanaresim img {width:100%; height:480px; float:left; object-fit:cover; border-radius:8px; transition:all .55s ease;}
.urundetay .urundetaysag:hover .urunanaresim img {transform:scale(1.035);}
.urundetay .urundetaysag .urungalerithumbs {width:100%; float:left; display:flex; gap:10px; overflow-x:auto; padding:12px; background:#fff;}
.urundetay .urundetaysag .urungalerithumb {width:88px; min-width:88px; height:68px; float:none; display:block; overflow:hidden; border:1px solid #E8E8E8; border-radius:6px; background:#F7F7F7;}
.urundetay .urundetaysag .urungalerithumb img {width:100%; height:100%; float:none; object-fit:cover; border-radius:0; transition:all .35s ease;}
.urundetay .urundetaysag:hover .urungalerithumb img {transform:none;}
.urundetay .urundetaysag .urungalerithumb:hover img {transform:scale(1.06);}
.projedetay .projedetaysag a {width:100%; float:left; display:block; overflow:hidden; border-radius:8px;}

@media only screen and (max-width: 767px) {
.urundetay .urundetaysag .urunanaresim img {height:280px;}
.urundetay .urundetaysag .urungalerithumb {width:76px; min-width:76px; height:58px;}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.urundetay .urundetaysag .urunanaresim img {height:390px;}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
.urundetay .urundetaysag .urunanaresim img {height:430px;}
}