ul{ margin: 0; padding: 0; }
li{ list-style: none; }

a:hover, a:active, a:focus{ text-decoration: none; outline: none; }

.pdy{ padding: 0; }
.pdy-sol{ padding-left: 0 !important; }
.pdy-sag{ padding-right: 0 !important; }
.pdy-sol-m{ padding-left: 0; }
.pdy-sag-m{ padding-right: 0; }
.padding-yok{ padding: 0 !important; }

.mw100{ max-width: 100%; }
.w100{ width: 100%; }

.mons{ font-family: 'Montserrat', sans-serif; }
.kr{ font-family: 'Krona One', sans-serif; }

.fancybox-skin{ padding: 0 !important; }

.col5{ float: left; width: 20%; padding-left: 5px; padding-right: 5px; }

.baslik{ float: left; width: 100%; letter-spacing: .7em; color: #222; margin-bottom: 5px; }
.baslik a{ padding: 3px 15px; background: #c1ab91; color: #fff; border-radius: 10px; font-size: 10px !important; letter-spacing: 0 !important; }
.alt-baslik{ float: left; width: 100%; font-style: italic; font-size: 12px; letter-spacing: .3em; color: #c1ab91; }
.beyaz{ color: #fff; }
.kalin{ font-weight: bold; }

header{ float: left; width: 100%; //padding: 20px 0; height: 75px; border-bottom: 3px solid #c1ab91; }
.acik{ background-image: url(../img/top-bg.jpg); background-size: cover; background-position: 140px; }
.antrasit{ background: #1e1e1e; }
.logo{ float: left; width: 100%; padding: 20px 0; }
.menu{ float: left; width: 100%; }
.menu ul li{ float: none; display: inline-block; margin-right: 20px; position: relative; }
.menu ul li:last-child{ margin-right: 0; }
.menu ul li a{ display: inline-block; padding: 28px 0; transition: all ease .7s; letter-spacing: .8em; font-size: 10px; }
.acik .menu ul li a{ color: #2f2f2f; }
.antrasit .menu ul li a{ color: #fff; }
.menu ul li a:hover{ color: #c1ab91; }
.alt-menu{ opacity: 0; visibility: hidden; position: absolute; left: -50px; top: 75px; padding: 15px 30px; background: rgba(193,171,145,.8); transition: all ease .7s; transform: translateY(-10px); width: 200px; z-index: 9; }
.alt-menu li{ float: left !important; width: 100%; margin-right: 0 !important; padding-bottom: 3px; margin-bottom: 8px; border-bottom: 1px solid #fff; }
.alt-menu li a{ padding: 0 0 5px 0 !important; letter-spacing: .3em !important; color: #fff !important; font-size: 11px !important; }
.alt-menu li:last-child{ margin-bottom: 0; border-bottom: none; }
.alt-menu:before{ position: absolute; left: calc(50% - 10px); top: -3px; content: ''; border: 10px solid; }
.acik .alt-menu:before{ border-color: #fff transparent transparent transparent; }
.antrasit .alt-menu:before{ border-color: #1e1e1e transparent transparent transparent; }
.menu ul li:hover .alt-menu{ opacity: 1; transform: translateY(0); visibility: visible; }
.sosyal{ float: left; width: 100%; margin-top: 22px; }
.sosyal a{ display: inline-block; margin-right: 3px; color: #c1ab91; transition: all ease .7s; font-size: 11px; }
.sosyal a:last-child{ margin-right: 0; }
//.sosyal a:hover{ color: #222; }
.mobil-menu{ float: left; width: 100%; }
.mobil-menu .navbar-default{ background-color: #c1ab91; border-color: #af977c; margin-bottom: 0; }
.mobil-menu .navbar-default a{ color: #fff; }
.mobil-menu .navbar-default .navbar-toggle{ border-color: #fff; border-radius: 0; }
.mobil-menu .navbar-default .navbar-toggle .icon-bar{ background-color: #fff; }
.mobil-menu .navbar-default .navbar-nav > li > a{ color: #fff; }

.slider{ float: left; width: 100%; overflow: hidden; }
.slider .owl-controls{ margin: 0; }
.slider .owl-controls .owl-buttons div{ background: #c1ab91 !important; top: calc(50% - 65px); padding: 5px; border-radius: 0; }
.slider .owl-prev{ position: absolute; left: -11px;  opacity: 1 !important; background: transparent !important; color: #fff; font-size: 30px !important; }
.slider .owl-next{ position: absolute; right: -11px; opacity: 1 !important; background: transparent !important; color: #fff; font-size: 30px !important; }
.slider .owl-controls div i{ padding: 10px; border: 1px solid #fff; }

.proje-hakkimizda{ float: left; width: 100%; background-image: url(../img/proje-bg.jpg); background-repeat: no-repeat; background-position: top center; height: 980px; padding: 100px 0; }
.projeler{ float: left; width: 100%; }
.projeler-liste{ float: left; width: 100%; margin-top: 60px; padding: 0 40px; }
.proje-box-wrapper{ float: left; width: 100%; padding: 7px; border: 2px solid transparent; transition: all ease .7s; }
.proje-box-wrapper:hover{ border-color: #222; }
.proje-box{ float: left; width: 100%; }
.proje-img{ float: left; width: 100%; background-size: cover; background-position: center; height: 210px; filter: grayscale(100%); transition: all ease .3s; opacity: .85; }
.proje-box-wrapper:hover .proje-img{ filter: grayscale(0); border-bottom: 10px solid #222; opacity: 1; }
.proje-info{ float: left; width: 100%; background-image: url(../img/proje-box-bg.jpg); background-size: cover; background-position: bottom right; height: 200px; padding: 25px 20px; color: #fff; }
.proje-baslik-idx{ float: left; width: 70%; font-size: 16px; }
.proje-baslik-idx a{ color: #fff; transition: all ease .7s; letter-spacing: .4em; }
.proje-baslik-idx a:hover{ color: #222; }
.proje-yer-idx{ float: left; width: 100%; margin-top: 15px; font-size: 11px; color: #fff; letter-spacing: .4em; }
.proje-detay-btn-idx{ float: left; width: 100%; margin-top: 25px; }
.proje-detay-btn-idx a{ display: inline-block; padding: 5px 15px; border: 1px solid #fff; border-radius: 10px; font-size: 12px; color: #fff; transition: all ease .7s; }
.proje-detay-btn-idx a:hover{ color: #222; border-color: #222; }
.hakkimizda{ float: left; width: 100%; margin-top: 100px; }
.hakkimizda-txt{ float: left; width: 100%; margin-top: 50px; padding-bottom: 50px; padding: 0 150px; font-size: 13px; }

.duvar{ float: left; width: 100%; padding: 50px 0; background-image: url(../img/duvar-bg.jpg); background-repeat: no-repeat; background-color: #1f1f1f; background-position: bottom right; height: 600px; }
.video{ float: left; width: 100%; margin-top: 40px; }

.iletisim{ float: left; width: 100%; padding: 60px 0 0px; }
.iletisim-wrapper{ float: left; width: 100%; padding: 60px 0; border-top: 2px solid #c1ab91; border-bottom: 2px solid #c1ab91; }
.adres{ display: table; width: 100%; height: 400px; }
.adres span.adres-row{ display: table-cell; vertical-align: middle; }
.adres-txt{ float: left; width: 100%; padding-left: 15px; padding-top: 10px; padding-bottom: 10px; border-left: 20px solid transparent; border-image: linear-gradient(to bottom, #dbbd9a, #c1ab91) 3 100%; }
.maps{ float: left; width: 100%; }
.maps iframe{ filter: grayscale(100%); }

.iletisim-logo{ float: left; width: 100%; margin: 30px 0; }

footer{ float: left; width: 100%; background: #c1ab91; height: 50px; }

.detay{ float: left; width: 100%; padding: 80px 0; color: #4f4f4f; }
.detay-wrapper{ float: left; width: 100%; }
.detaylar{ float: left; width: 100%; margin-bottom: 30px; }
.proje-detay{ float: left; width: 100%; margin-bottom: 30px; }
.proje-breadcrumb{ float: left; width: 100%; font-size: 12px; margin-bottom: 125px; letter-spacing: .2em; }
.proje-konum{ float: left; width: 100%; font-size: 12px; margin-bottom: 5px; font-style: italic; letter-spacing: .2em; }
.proje-baslik{ float: left; width: 100%; font-size: 18px; letter-spacing: .4em; margin-bottom: 150px; }
.proje-ozellikler{ float: left; width: 100%; font-size: 12px; margin-bottom: 100px; }
.proje-ozellikler table tr td{ letter-spacing: .2em; border: none; padding: 5px 0; }
.proje-fiyat{ float: left; width: 100%; font-size: 18px; letter-spacing: .4em; }
.proje-resimler{ float: left; width: 100%; }
.ana-resim{ float: left; width: 100%; background-size: cover; background-position: top center; height: 450px; //filter: grayscale(100%); }
.thumb-resimler{ float: left; width: 100%; margin-top: 10px; }
.thumb-img{ float: left; width: 100%; background-size: cover; background-position: center; height: 100px; margin-bottom: 5px; filter: grayscale(100%); }
.thumb-img a{ display: block; height: 100%; }
.thumb-img:hover{ filter: none; }
.proje-tablar{ float: left; width: 100%; margin-top: 40px; }
.proje-tablar .nav-tabs{ border: none; }
.proje-tablar .nav-tabs > li{ float: none; display: inline-block; }
.proje-tablar .nav-tabs > li > a{ border: 1px solid #777; border-bottom: none; padding: 5px 10px; border-radius: 0; color: #666; }
.preje-tablar .nav > li > a:focus, .nav > li > a:hover{ background: transparent; }
.proje-tablar .nav-tabs > li.active > a{ border-color: #999; }
.proje-tablar .tab-content{ margin-top: 10px; border: 1px solid #777; border-bottom: none; }
.proje-tablar .tab-content .tab-pane{ padding: 40px 80px; color: #777; font-size: 13px; }
.proje-iletisim{ margin-top: 80px; border: none; }
.proje-iletisim .adres-txt{ border-color: #dfdfdf; border-image: none; }

.hakkimizda-detay{ float: left; width: 100%; background-image: url(../img/proje-bg.jpg); //background-size: cover; background-repeat: no-repeat; background-position: top center; height: 980px; padding: 300px 0 100px; }
.hakkimizda-detay-txt{ float: left; width: 100%; margin-top: 40px; color: #666; font-size: 13px; }
.hakkimizda-btn{ float: left; width: 100%; margin-top: 20px; }
.hakkimizda-btn a{ padding: 5px 25px; font-size: 13px; background: #000; color: #fff; border-radius: 10px; }

.iletisim-detay{ float: left; width: 100%; }
.maps-detay{ margin-bottom: 30px; }
.iletisim-detay-wrapper{ float: left; width: 100%; background: #fff; margin-top: -100px; padding: 40px; position: relative; box-shadow: 0px -2px 14px -6px rgba(0,0,0,.5) }
.infolar{ float: left; width: 100%; }
.infolar .col-md-4{ margin-bottom: 30px; }
.border-sag{ border-right: 1px solid #ddd; }
.info-box{ float: left; width: 100%; line-height: 30px; font-size: 13px; }
.info-box i{ font-size: 35px; color: #999; }
.iletisim-formu{ float: left; width: 100%; margin-top: 60px; }
.form{ float: left; width: 100%; }
.form-row{ float: left; width: 100%; margin-bottom: 30px; }
.form-row input{ float: left; width: 100%; padding: 20px 0; height: 55px; background: transparent; border: none; border-bottom: 1px solid #999; }
.form-row textarea{ float: left; width: 100%; padding: 20px 0; background: transparent; border: none; border-bottom: 1px solid #999; }
.form-row button{ display: inline-block; padding: 10px 25px; background: transparent; border: none; border-top: 2px solid transparent; border-bottom: 2px solid transparent; color: #999; letter-spacing: .3em; position: relative; transition: all ease .7s; }
.form-row button:before{ position: absolute; content: ''; top: 0; left: -5px; width: 1px; height: 100%; background: #999; transition: all ease .7s; }
.form-row button:after{ position: absolute; content: ''; top: 0; right: -5px; width: 1px; height: 100%; background: #999; transition: all ease .7s; }
.form-row button:hover:before{ left: 0; }
.form-row button:hover:after{ right: 0; }
.form-row button:hover{ background: #999; color: #fff; border-color: #999; }

.duvar-txt ul li{ list-style: disc inside; padding-left: 10px; margin-bottom: 10px; }
.duvar-txt p:last-child{ text-align: center; }
.duvar-txt a{ font-weight: bold; font-size: 16px; color: #000; }

.kat-planlari{ float: left; width: 100%; padding: 50px 0; }
.kat-wrapper{ float: left; width: 100%; margin-top: 40px; }
.kat-box{ float: left; width: 100%; padding: 20px; box-shadow: 0 0 15px #ddd; margin-bottom: 10px; transition: all ease .7s; }
.kat-box:hover{ box-shadow: 0 0 15px #999; }

.galeri-box{ float: left; width: 100%; margin-bottom: 20px; }
.galeri-box img{ object-fit: cover; height: 350px; }

























































/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px){
  
}

/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px){
	.menu ul li a{ letter-spacing: .4em; }
}

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px){
	header{ height: auto; padding-bottom: 10px; }
	.logo{ text-align: center; }
	.menu ul li a{ letter-spacing: .4em; }
	.sosyal{ text-align: center !important; }
}

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px){
	header{ height: auto; padding-bottom: 10px; }
	.logo{ text-align: center; margin-bottom: 20px; }
	.sosyal{ text-align: center !important; }
	.slider .owl-controls .owl-buttons div{ top: calc(50% - 40px); }
	.proje-hakkimizda{ height: auto; }
	.proje-box-wrapper{ margin-bottom: 20px; }
	.projeler-liste{ padding: 0; }
	.proje-info{ height: auto; }
	.hakkimizda-txt{ padding: 20px; }
	.duvar{ background-position: center; height: auto; }
	.hakkimizda-detay{ padding-top: 50px; }
	.info-box{ margin-bottom: 40px; }
	.video iframe{ width: 100%; }
}

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px){
	header{ height: auto; padding-bottom: 10px; }
	.logo{ text-align: center; margin-bottom: 20px; }
	.sosyal{ text-align: center !important; }
	.slider .owl-controls .owl-buttons div{ top: calc(50% - 40px); }
	.proje-hakkimizda{ height: auto; }
	.proje-box-wrapper{ margin-bottom: 20px; }
	.projeler-liste{ padding: 0; }
	.proje-info{ height: auto; }
	.hakkimizda-txt{ padding: 20px; }
	.duvar{ background-position: center; height: auto; }
	.hakkimizda-detay{ padding-top: 50px; }
	.info-box{ margin-bottom: 40px; }
	.video iframe{ width: 100%; }
}