body, html {
width: 100%;
height: 100%;
font-size: 0;
font-family: Arial,Helvetica,sans-serif;
}

body{
overflow-y:scroll;
}

body,html,p,h1,h2,h3,h4,h5{
margin:0;
padding:0;
}

*::-webkit-input-placeholder {
color: #000;
}
*:-moz-placeholder {
color: #000;
opacity: 1;
}
*::-moz-placeholder {
color: #000;
opacity: 1;
}
*:-ms-input-placeholder {
color: #000;
}
*::-ms-input-placeholder {
color: #000;
}
*::placeholder {
color: #000;
}

input, select, option{
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
color:#000;
border-radius:0;
}

select:focus, input:focus{
outline: none;
border: solid 1px #cbcbcb;
}

#rekrdbosluk{
margin:40px 0;
}

#ilanlarBG{
display:none;
width:100%;
height:auto;
}

.noIlanInfo{
color:#0574a5;
font-weight:bold;
text-decoration:underline;
display:table;
}

#projelerTekWrap {
width: 900px;
margin: 0 auto;
background: #fff;
}

#projeTekFoto{
width:100%;
height:auto;
}

#projelerTekH1Wrap{
padding:30px;
}

#youtubeProje{
width: 533px;
height: 300px;
border: 0;
margin: 10px auto 0 auto;
border-radius: 16px
display:block;
}

#header{
width: calc(100% - 140px);
margin: 0 auto;
padding: 15px 70px;
background: #fff;
}

#logo{
display:inline-block;
vertical-align:middle;	
width:auto;
height:40px;
}

#ilanAraKapali{
display:none;
line-height:1;
padding:13px 0;
color:#fff;
background:#000;
text-align:center;
margin:0 0 30px 0;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

#ilanAraKapaliImg{
display:inline-block;
vertical-align:middle;
height:24px;
width: 24px;
}

#ilanAraKapaliText{
display: inline-block;
vertical-align: middle;
font-size: 16px;
margin: 0 0 0 8px;
font-weight: bold;
}

#headerRightWrap{
display:inline-block;
vertical-align:middle;	
text-align:right;
width:calc(100% - 127px);	
}

#headerMenuWrap{
display:inline-block;
vertical-align:middle;
padding-right:25px;	
}

.headerMenuText{
display: inline-block;
vertical-align: middle;
font-size: 16px;
color: #000;
font-weight: bold;
text-decoration: none;
margin: 0 22px;
line-height:1;
}

.headerMenuText:hover{
color:#e60e16;
}

#headerPhoneWrap{
display: inline-block;
vertical-align: middle;	
position:relative;
}

#headerPhoneAramakText{
display:none;
}

#headerTelTextWrap{
display:inline-block;
vertical-align:middle;
}

#headerPhoneImg{
height:30px;
width:auto;
display:inline-block;
vertical-align:middle;
margin-right:8px;	
}

#headerPhoneText{
font-size:16px;
font-weight:bold;
color:#000;
width: 100%;
text-align: center;
}

#bgimage{
background-size: cover;
background-image: url(/img/beyoglu.jpg);
background-position: center top 75%;
background-repeat: no-repeat;
width: 100%;
height: calc(100% - 70px);
}

#headerye{
color:#e60e16;
}

#mainSearchBarFullWrap{
background-image: linear-gradient(to bottom, #f3f3f3, #f6f6f6, #f9f9f9, #fcfcfc, #ffffff);
width:100%;
margin-bottom: -35px;
}

#mainSearchWrap{
position: relative;
top: -100px;
text-align:center;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

.mainSearchTitle{
background-color: rgb(10 135 193 / 75%);
color: #fff;
font-size: 16px;
display: inline-block;
vertical-align: bottom;
box-sizing: border-box;
font-weight: bold;
padding: 14px;
margin: 0 2px;
width: 100px;
text-align: center;
border-top-right-radius: 6px;
border-top-left-radius: 6px;
line-height: 1;
cursor:pointer;
}

#mainSearchTitle1{
color:#000;
background:#fff;
}

#mainSearchBar{
width: 900px;
background: #fff;
padding: 20px 0 30px 0;
margin: 0 auto;
border-radius: 6px;	
box-shadow: 0 3px 30px 0 rgb(0 0 0 / 15%);
}

.mainSearchBoxWrap{
display:inline-block;
vertical-align:bottom;
margin:0 6px;
}

.mainSearchBoxText{
font-size: 14px;
text-align: left;
margin: 0 0 5px 1px;
color: #2a2a2a;
font-weight: bold;	
}

.mainSearchBoxInput{
width: 160px;
padding: 11px;
border: solid 1px #cbcbcb;
background:#fff;
}

#mainSearchBoxAra{
background: #0574a5;
color: #fff;
font-size: 16px;
display: inline-block;
vertical-align: bottom;
padding: 12px 28px 11px 28px;
line-height: 1;
font-weight: bold;
cursor:pointer;
margin:0 6px;
}

#underSearchBar{
background:#fff;
width:100%;	
}

#mainSonEklenenler{
width: 1000px;
margin: 0 auto;
}

#mainSonEklenenlerTitle{
font-size:20px;
font-weight:bold;
margin:0 0 20px 0;
}

#mainSonEklenenBoxWrap{
line-height:1;
}

.mainSonEklenenBox, .ilanSonEklenenBox{
width:calc(33.333333333333333333% - 24px);
display: inline-block;
vertical-align: top;
margin: 0 12px 40px 12px;
text-decoration:none;
}

.mainSonEklenenBoxImgWrap{
position:relative;
}

.mainSonEklenenBoxImgText1{
font-size: 13px;
color: #fff;
background: #2fa100;
position: absolute;
left: 10px;
top: 10px;
padding: 5px 8px;
border-radius: 14px;
min-width: 36px;
text-align: center;
}


.mainSonEklenenBoxImgText2{
font-size: 13px;
color: #fff;
background: #0574a5;
position: absolute;
right: 10px;
top: 10px;
padding: 5px 8px;
border-radius: 14px;
}

.mainSonEklenenBoxImg{
width: 100%;
height: auto;
border-radius: 14px;
}

.mainSonEklenenBoxFiyat{
color: #0574a5;
font-size: 15px;
font-weight: bold;
padding: 15px 0 10px 0;
}

.mainSonEklenenBoxTitle{
font-size: 14px;
font-weight: bold;
color: #222;
padding:0 0 5px 0;
line-height: 1.4;
}

.mainSonEklenenBoxInfo{
color:#5c727d;
word-break: break-word;
line-height: 1.4;
font-size:13px;
margin:0 0 10px 0;
}

.mainSonEklenenBoxIconWrap{

}

.mainSonEklenenBoxIconMiniWrap{
display:inline-block;
vertical-align:middle;
margin-right:13px;
}

.mainSonEklenenBoxIcon{
max-height:14px;
display:inline-block;
vertical-align:middle;
margin-right:4px;
}

.mainSonEklenenBoxIconText{
color:#5c727d;
font-size: 13px;
display:inline-block;
vertical-align:middle;
}

#mainIletisimeGecin{
background:#e5faff;
width: calc(1000px - 60px);
padding: 30px;
line-height:1;
margin: 0 auto 40px auto;
border-radius: 14px;
}

#mainIletisimeGecinBoxWrap{
display:inline-block;
vertical-align:middle;
}

#mainIletisimeGecinTitle{
font-size: 26px;
font-weight: bold;
display:inline-block;
vertical-align:middle;
width: 500px;
margin: 0 40px 0px 0;
line-height:1.3;
}

#ilanIletisimeGecinTitle{
font-size: 21px;
font-weight: bold;
display:inline-block;
vertical-align:middle;
width: 500px;
margin: 0 10px 0px 0;
line-height:1.3;
padding:0 30px 0 0;
}

.mainIletisimeGecinBox{
color: #fff;
font-size: 14px;
padding: 30px;
display: inline-block;
text-decoration: none;
font-weight: bold;
text-align: center;
line-height:1.3;
border-radius: 14px;
vertical-align: top;
}

#mainIletisimeGecinBoxWA{
background:#0d9b42;
margin:0 10px 0 0;
}

#mainIletisimeGecinBoxTel{
background:#0574a5;
margin:0 0 0 10px;
}

.mainIletisimeGecinBoxText{
width: 120px;
margin: 12px 0 0 0;
}

#mainKonutTicariPicWrap{
text-align:center;
margin:0 auto 40px auto;
width:1000px;
}

.mainKonutTicariHref{
display: inline-block;
vertical-align: top;
width: calc(50% - 10px);
}

#mainKonutHref{
margin:0 10px 0 0;
}

#mainTicariHref{
margin:0 0 0 10px;
}

.mainKonutTicariPic{
border-radius:14px;
width:100%;
height:auto;
}

#mainProjeler{
display: block;
text-decoration: none;
line-height: 1;
color: #fff;
font-size: 14px;
width: 1000px;
margin: 0 auto 60px auto;
border-radius: 14px;
position:relative;
}

#mainProjeTextBlackWrap{
background:#000;
height:280px;
width:calc(100% - 512px);
display:inline-block;
vertical-align:top;
border-top-right-radius: 14px;
border-bottom-right-radius: 14px;
}

#mainProjePic{
display:inline-block;
vertical-align:top;
border-top-left-radius: 14px;
border-bottom-left-radius: 14px;
width:512px;
}

#mainProjeTextWrap{
display:inline-block;
vertical-align:top;
width: 400px;
padding: 30px;
}

#mainProjeTitle{
margin:0 0 20px 0;
font-size: 20px;
font-weight: bold;	
}

#mainProjelerButton{
padding:20px;
font-size:15px;
color:#000;
background:#fff;
border-radius:14px;
bottom:20px;
right:20px;
width:60px;
position:absolute;
text-decoration:none;
line-height:1;
text-align:center;
font-weight:bold;
}

#mainProjeDesc{
line-height:1.3;
}

#mainh1{
font-size: 18px;
color: #fff;
margin: 0 0 8px 0;
}

#infoBanner {
background: #0c0c0c;
padding: 30px 0;
line-height:1;
text-align: center;
}

.footerTxt {
color: #fff;
font-size: 18px;
margin: 0 20px;
text-decoration:none;
}

#footerBottom {
background: #000;
color: grey;
font-size: 14px;
padding: 10px;
text-align:center;
}

.ilcemah1,.ilcemah2,.ilcemah3,.ilcemah4,.ilcemah5{
display:none;
}

#ilanlarSearchBarWrap{
width: 90%;
border-top: solid 2px;
border-bottom: solid 2px;
margin: 8px auto 30px auto;
padding: 14px 0;
line-height:1;
}

.ilanlarSearchBoxInput{
display: inline-block;
vertical-align: middle;
padding: 10px;
font-size: 16px;
font-weight: bold;
border:solid 1px white;	
width:165px;
background:#fff;
}

.ilanlarSearchBoxInput:focus{
border:solid 1px white;	
}

#ilanlarSearchBoxFiyatWrap{
display:inline-block;
vertical-align:middle;
}

.ilanlarSearchBoxFiyatInput{
display: inline-block;
vertical-align: middle;
width: 125px;
padding: 10px;
border: solid 1px gray;
font-weight:bold;
}

.ilanlarSearchBoxFiyatInput:focus{
border: solid 1px gray;
}

#ilanlarSearchBoxFiyatInput1{
border-right: none;
}

#underSearchBarIlanlar{
min-height:400px;
}

.ilanlarSearchBoxInputSeperator{
display: inline-block;
vertical-align: middle;
border-right: solid 1px #cfcfcf;
height: 44px;
margin: 0 20px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

#ilanlarSearchBoxAra{
display: inline-block;
vertical-align: middle;
padding: 13px 0;
width: 100px;
color: #fff;
background: #000;
font-size: 15px;
text-align: center;
font-weight: bold;
line-height: 1;
cursor:pointer;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

#yeniekletumu{
color:#0574a5;
text-decoration:none;
font-size:20px;
font-weight:bold;
}

#yeniekletumu:hover{
text-decoration:underline;
}

#ekipWrap{
width: 1000px;
margin: 0 auto 40px auto;
}

#ekipIMG{
display:inline-block;
vertical-align:top;
width:calc(39% - 30px);
margin: 0 30px 0 0;
}

#ekipData{
display:inline-block;
vertical-align:top;
font-size:16px;
width:61%;
line-height:1.3;
}

#mainH1{
font-size: 20px;
margin: 0 0 18px 0;
font-weight:bold;
}

#iletisimTel{
text-decoration:none;
display:none;
font-size: 14px;
background: #000;
color: #fff;
text-align: center;
padding: 13px 0;
width: 80%;
margin: 0 auto;
font-weight:bold;
line-height:1;
}

#iletisimTelIcon{
display:inline-block;
vertical-align:middle;
margin:0 10px 0 0;
}

#iletisimTelText{
display:inline-block;
vertical-align:middle;
line-height:1.5;
}

#headerMenuLineWrap{
display:none;
}

.ilanlarSearchBoxInput{
width: calc(15% - 27px);	
}

#ilanlarSearchBoxFiyatWrap{
width: 20%;	
}

.ilanlarSearchBoxInputSeperator{
margin-left: calc(2% - 1px);
margin-right: 2%;	
}

.ilanlarSearchBoxFiyatInput{
width: 50%;	
}

#projelerWrap{
width:100%;
border-top:solid 1px #ebebeb;
background:#ebebeb;
}

#projelerInWrap{
width:840px;
margin:0 auto;
padding:30px;
background:#fff;
}

#projelerH1{
font-size:20px;
margin:0 0 12px 0;
}

#projelerH1desc{
color: #333;
font-size: 14px;
line-height: 1.4;
margin:0 0 30px 0;
}

#projeElemWrap{
text-align:justify;	
}

.projeBox{
width:410px;
display:inline-block;
vertical-align:top;
text-decoration:none;
color:#000;
margin:0 0 40px 0;
}

.projeBoxImg{
width:100%;
margin:0 0 20px 0;
}

.projelerBoxTitle{
font-size:16px;
margin:0 0 6px 0;
text-align:left;
}

.projelerBoxDesc{
color: #606060;
font-size: 13px;
line-height: 1.4;
text-align:left;
margin:0 0 12px 0;
}

.projeBoxIncele{
font-size: 14px;
line-height: 1;
color: gray;
background: #ebebeb;
padding: 10px 0;
text-align: center;
text-decoration:none;
display:block;
}

.projeBoxIncele:hover{
background:#000;
color:#fff;
}

.mainHizmetWrap {
margin-bottom: 30px;
}

.mainHizmetImg {
height: auto;
width: 290px;
margin: 0 20px 0 0;
display: inline-block;
vertical-align: top;
}

.mainHizmetTitle {
font-size: 17px;
font-weight: 700;
margin-bottom: 3px;
}

.mainHizmetText {
font-size: 14px;
line-height: 1.5;
}

#tumHizmetler {
width: 800px;
margin: 0 auto;
}

.mainHizmetTextWrap {
width: calc(100% - 310px);
display: inline-block;
vertical-align: top;
}

@media (min-width:0px) and (max-width:1100px){
.headerMenuText{
margin: 0 16px;
}

#header {
width: calc(100% - 60px);
padding: 15px 30px;
}

#ekipWrap {
width: calc(100% - 60px);
padding: 0 30px;
}

#underSearchBar {
width: calc(100% - 60px);
padding: 0 30px;
}

#mainSonEklenenler{
width:100%;
}

.mainSonEklenenBoxFiyat{
font-size:14px;
}

#mainIletisimeGecin{
border-radius:0;
width:calc(100% - 60px);
text-align:center;
}

#mainKonutTicariPicWrap{
width: calc(100% - 60px);
padding: 0 30px;
}

#mainProjeler{
width: calc(100% - 60px);
}

#mainProjeTextWrap {
width: calc(100% - 60px);
}

.mainIletisimeGecinBox{
padding:25px;
}

#mainIletisimeGecinTitle{
width:433px;
font-size:24px;
text-align:left;
}

#ilanIletisimeGecinTitle{
width:433px;
font-size:20px;
text-align:left;
}

#mainSearchBar{
width:100%;
border-radius:0;
}
}

@media (min-width:0px) and (max-width:1000px){
#ekipIMG{
width:calc(46% - 30px);
}

#ekipData {
font-size: 14px;
width: 54%;
line-height: 1.3;
}
}

@media (min-width:0px) and (max-width:900px){
#headerPhoneAramakText{
display:block;
font-size: 12px;
width: 100%;
text-align: center;
color: #000;
}

#ilanlarBG{
display:block;
}

.mainHizmetTitle {
font-size: 17px;
}
	
.mainHizmetTextWrap {
width: 100%;
display: block;
}

.mainHizmetWrap {
margin-bottom: 30px;
border-bottom: 1px solid #ebebeb;
padding-bottom: 26px;
}

.mainHizmetImg {
width: calc(100% - 2px);
margin: 0 0 10px;
display: block;
}

#mainSearchBoxWrapMainFiyat{
display:none;
}

#projelerTekWrap{
width:100%;
}

#projelerTekH1Wrap {
padding: 20px;
}

#youtubeProje{
width: 100%;
height: 300px;
border: 0;
margin: 10px auto 0 auto;
border-radius: 16px
display:block;
}	

#projelerInWrap{
width:calc(100% - 40px);
padding:20px;
}

.projeBox {
width: 100%;
display: block;
margin: 0 0 40px 0;
}

#iletisimTel{
display: block;
width: 90%;
padding: 10px 0;
margin: 30px auto 60px auto;
}

#header {
width: calc(100% - 30px);
padding: 15px 10px 15px 20px;
}

#headerMenuWrap{
display:none;
vertical-align: middle;
padding: 0;
position: absolute;
background: #fff;
width: 210px;
right: 0;
top: 75px;
border: solid 1px #dbd7d7;
border-right:0;
border-top:0;
z-index: 1;
}

.headerMenuText{
width: 100%;
text-align: center;
padding: 18px 0;
border-top: solid 1px #dbd7d7;
display: block;
margin: 0;
}

#headerye{
color:#000;
}

#headerMenuLineWrap{
display:none;
padding:10px;
}

.headerMenuLine{
width: 30px;
height: 5px;	
background:#000;
}

#headerMenuLine2{
margin:5px 0;
}

.headerMenuText:hover{
color:#000;
}

.mainSearchBoxWrap{
display:block;	
margin: 0 auto 15px auto;
width: 90%;
}

.mainSearchBoxText{
display:block;
margin:0 0 8px 0;
}

.mainSearchBoxInput{
display:block;
margin:0;
width:100%;
}

#mainSearchBoxAra{
display: block;
margin: 0 auto 0 auto;
width: 50%;
}

#underSearchBar {
width: 90%;
padding: 0;
margin: 0 auto;
}

.mainSonEklenenBox, .ilanSonEklenenBox {
width: calc(50% - 10px);
margin: 0 5px 40px 5px;
}

#ekipWrap {
width: 90%;
padding:0;
margin:0 auto;
}

#ekipIMG{
display:block;
margin:0 0 15px 0;
width:100%;
}

#ekipData{
display:block;
margin:0;
width:100%;
}

#mainKonutHref, #mainTicariHref{
margin:0 auto;
}

.mainKonutTicariHref{
display:block;
margin:0 auto;
width:90%;
}

#mainProjePic{
display:block;
margin:0;
width:100%;
border-radius: 0;
border-top-left-radius: 14px;
border-top-right-radius: 14px;
}

#mainProjeTextBlackWrap{
display: block;
margin: 0;
padding:0 0 20px 0;
width: 100%;
border-radius: 0;
border-bottom-left-radius: 14px;
border-bottom-right-radius: 14px;
height:auto;
}

#mainKonutTicariPicWrap{
padding:0;
margin:0;
width:100%;
}

#mainTicariPic{
margin:30px 0;	
}

#mainProjeler{
width:90%;
margin:0 auto 60px auto;
}

#mainIletisimeGecinTitle{
margin: 0 0 30px 0;
width:100%;
display:block;
font-size:20px;
}

#ilanIletisimeGecinTitle{
margin: 0 0 30px 0;
width:100%;
display:block;
font-size:19px;
}

#mainIletisimeGecinBoxWrap{
display:block;
}

.mainIletisimeGecinBoxText{
width:100%;
}

.mainIletisimeGecinBox {
padding: 20px;
width: calc(50% - 80px);
text-align: center;
}

#mainProjelerButton {
bottom: unset;
right: unset;
display: block;
position: relative;
margin: auto 20px auto auto;
}

.mainSonEklenenBoxIconText{
font-size:12px;	
}

.mainSonEklenenBoxIconMiniWrap {
margin-right: 7px;
}

#bgimage{
background-position: 54% 50%;
height:450px;	
}

.ilanlarSearchBoxInputSeperator{
display:block;
border: 0;
width: 100%;
height: 1px;
background: #dbd7d7;
margin: 0 auto 0 auto;
}

.ilanlarSearchBoxInput{
display:block;
width:100%;
padding: 16px 0;
}

#ilanlarSearchBoxAra{
display: block;
width: 100%;
padding: 13px 0;
margin: 26px 0 0 0;
}

#ilanlarSearchBoxFiyatWrap {
display: inline-block;
vertical-align: middle;
padding: 15px 0;
text-align: center;
width: 100%;
}

.ilanlarSearchBoxFiyatInput {
width: calc(50% - 13px);
}

#mainSonEklenenlerTitle{
text-align:center;
}

#mainSonEklenenBoxWrap {
width: 96%;
margin: 0 auto;
}

#mainH1{
text-align:center;
}

#ilanlarSearchBarWrap{
display:none;
}

#ilanAraKapali{
display:block;
}

#tumHizmetler{
width:90%;
}
}