/* qbrand.com.tr (~/^) */


@charset "utf-8";

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

input, .arrow a, .pages a, .pages span, ::after, ::before, .slider ul li, .slider .kapsa { transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; }

.projeDetay { width: 100%; float: left; position: relative; box-sizing: border-box; }
.projeDetay .ustKisim { width: 100%; float: left; position: relative; box-sizing: border-box; text-align: center; }
.projeDetay .ustKisim .resmi { width: 100%; float: left; box-sizing: border-box; }
.projeDetay .ustKisim .resmi a { width: 800px; max-width: 100%; float: none; display: inline-table; vertical-align: text-bottom; }
.projeDetay .ustKisim .resmi img { width: 100%; float: left; }
.projeDetay .ustKisim .baslik { width: 720px; display: inline-table; vertical-align: text-bottom; box-sizing: border-box; background: #1e5da9; padding: 30px 30px; margin: -60px 0 0px 0; }
.projeDetay .ustKisim .baslik h1 { font-size: 32px; line-height: 32px; color: #fff; }
.projeDetay .ustKisim .baslik h6 { font-size: 16px; margin: 10px 0 0 0; }
.projeDetay .altKisim { width: 100%; float: left; position: relative; }
.projeDetay .altKisim .slot { width: 100%; float: left; margin: 40px 0 0 0; padding: 40px 0 0 0; position: relative; }
.projeDetay .altKisim .slot h3 { text-align: center; margin: 0 0 20px 0; }
.projeDetay .altKisim .slot:after { content: ""; width: 186px; height: 2px; position: absolute; left: calc(50% - 93px); top: 0; background: #468cdb; }
.projeDetay .altKisim .slot:before { content: ""; width: 186px; height: 2px; position: absolute; left: calc(50% - 93px); top: 0; }
.projeDetay .altKisim .slot:last-child { margin-bottom: 0; }
.projeDetay .galeri { width: 100%; float: left; box-sizing: border-box; }
.projeDetay .galeri ul {width: 100%;float: left;display: flex;flex-direction: row;flex-wrap: wrap;align-items: end;justify-content: center;}
.projeDetay .galeri ul li { float: left; position: relative; box-sizing: border-box; }
.projeDetay .galeri ul li a { width: 100%; float: left; position: relative; box-sizing: border-box; }
.projeDetay .galeri ul li .resim { width: 100%; float: left; position: relative; box-sizing: border-box; }
.projeDetay .galeri.oIMG ul li .resim { overflow: hidden; height: 190px; z-index: 45; }
.projeDetay .galeri.oIMG ul li .resim img { width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.projeDetay .galeri ul li .resim:after { content: ""; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background: #0c335ab3; z-index: 440; opacity: 0; }
.projeDetay .galeri ul li .resim:before { content: ""; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background-position: center; background-repeat: no-repeat; background-size: 60px; z-index: 441; opacity: 0; }
.projeDetay .galeri ul li a:hover .resim:before, .projeDetay .galeri ul li a:hover .resim:after { opacity: 1; }
.projeDetay .galeri ul li img { width: 100%; float: left; box-sizing: border-box; }
.projeDetay .galeri ul li h6 {width: 100%;float: left;position: relative;box-sizing: border-box;color: #1b1b1b;text-align: center;margin: 17px 0 0 0;}

.projeDetay .galeri.ucLu ul li { width: calc(33.33% - 20px); margin-right: 30px; margin-bottom: 30px; }
.projeDetay .galeri.ucLu ul li:nth-child(3n) { margin-right: 0; }


.projeDetay .galeri.ucLu.ozel ul li { }
.projeDetay .galeri.ucLu.ozel ul li .resim { height: 130px; overflow: hidden; }
.projeDetay .galeri.ucLu.ozel ul li .resim img { max-width: calc(100% - 130px); max-height: calc(100% - 49px); width: auto; height: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.projeDetay .galeri.ucLu.ozel ul li a { border: solid 1px #e7e7e7; }
.projeDetay .galeri.ozel ul li a:before, .projeDetay .galeri.ozel ul li a:after { display: none; }


.projeDetay .galeri.ikiLi ul li { width: calc(50% - 15px); margin-right: 15px; }
.projeDetay .galeri.ikiLi ul li:nth-child(2n) { margin-right: 0; }


.projeDetay .galeri.foto ul li a .resim:before { background-image: url(../img/buyut.svg); }
.projeDetay .galeri.video ul li a .resim:before { background-image: url(../img/oynat.svg); }


.projeDetay .galeri.oIMG.marka ul li .resim {border: solid 1px #dcdcdc;height: 220px;}
.projeDetay .galeri.oIMG.marka ul li .resim img {
    max-width: calc(100% - 30px);
    max-height: calc(100% - 40px);
    width: auto;
    height: auto;
}



@media screen and (max-width: 1170px) {

	.projeDetay { }
	.projeDetay .ustKisim { }
	.projeDetay .ustKisim .resmi { }
	.projeDetay .ustKisim .resmi a { width: 100%; }
	.projeDetay .ustKisim .baslik { width: calc(100% - 40px); }
	.projeDetay .ustKisim .baslik h1 { font-size: 25px; line-height: 32px; }
	.projeDetay .ustKisim .baslik h6 { font-size: 14px; }
	.projeDetay .altKisim { }
	.projeDetay .altKisim .slot { }
	.projeDetay .altKisim .slot:before { }


	.projeDetay .galeri ul li { width: 50% !important; margin: 0 !important; padding: 10px 10px; }
	.projeDetay .galeri.oIMG ul li .resim { height: 120px; }
	.projeDetay .galeri.ikiLi ul li { }

	.projeKap .container { padding: 0; margin: 0; width: 100%; max-width: inherit; }
}

@media screen and (max-width: 1024px) {
}

@media screen and (max-width: 980px) {
}

@media screen and (max-width: 900px) {
}

@media screen and (max-width: 768px) {
}

@media screen and (max-width: 720px) {
}

@media screen and (max-width: 700px) {
}

@media screen and (max-width: 600px) {
}

@media screen and (max-width: 568px) {
}

@media screen and (max-width: 530px) {
}

@media screen and (max-width: 510px) {
}

@media screen and (max-width: 480px) {
}


@media screen and (max-width: 470px) {
	.projeDetay .galeri ul li { width: 100% !important; }
	.projeDetay .galeri.oIMG ul li .resim { height: inherit; }
	.projeDetay .galeri.oIMG ul li .resim img { position: relative; left: inherit; top: inherit; transform: inherit; }
}

@media screen and (max-width: 400px) {
}

@media screen and (max-width: 370px) {
}