body {font-family:'Rajdhani',Arial; background:#f7f7f7; color:#000; line-height:normal;}

.w1272 {width:1272px; margin:0 auto;}

a {text-decoration:none; color:#000;}
    a:hover, a:active, a:focus {text-decoration:none; color:#000;}
#header {background:#fff; height:68px; position:fixed; width:1272px; z-index:100;}
#header .container {position:relative;}
#header .logo {position:absolute; width:260px; padding-bottom:29px; background:url('logobg.png') no-repeat center bottom; top:8px; left:455px; text-align:center; z-index:5;}
.toppadding {padding-top:68px;}
.shadow {height:10px; background:url('shadow.png') repeat-x center center; margin-top:13px;}

.odabg {background:url('fark.png') no-repeat right top; min-height:517px;}
.gmimari {background:url('gunumuzdemimari.png') no-repeat right top; min-height:484px;}
.kalite {background:url('kalitebg.png') no-repeat right top; min-height:524px;}
.magaza {background:url('magaza2.png') no-repeat right center; min-height:562px;}
.ofisbg {background:url('ofisbg.png') no-repeat left top;}
.ofis {background:url('ofiss.png') no-repeat right center; min-height:570px;}
.cafe {background:url('cafebg.png') no-repeat right center; min-height:560px;}
.saglik {background:url('saglikbg.png') no-repeat right center; min-height:562px;}
.otel {background:url('otelbg.png') no-repeat right center; min-height:560px;}
.ozelalan .col-md-3 {width:263px;}
.ozelalan h3 {font-weight:bold;}
.ozelalan h3.yellowcontent {font-weight:normal;}

.p500 {width:500px;}

.bgwhite {background:#fff;}

.yellowborder {border-bottom:3px solid #ffdd00; display:inline-block;}

#ozelalan2 {padding: 20px 0;}
.yellowcontent {margin:0; display:inline-block; width:174px; }
.yellowcontent2 {margin:0; display:inline-block; width:210px; }
    .yellowcontent span {display:block; padding:28px 10px 0 15px;}
.yic {background:#ffdd00;}
    .yic ul {padding:0;margin:0; list-style-position:inside; padding:28px 10px 0 10px; font-size:17px; font-weight:normal;}
.ybottom {background:url('ybg.png') no-repeat left top; width:184px; height:48px;}
.ybottom2 {background:url('ybg2.png') no-repeat left top; width:220px; height:48px; display:block;}

#iconmenu {padding-left:32px; background-image:url('menu.png'); background-position:left center; background-repeat:no-repeat; line-height:40px; height:40px; display:inline-block; float:left; text-decoration:none; margin-top:15px; margin-right:15px;}
    #iconmenu.closebtn {background-image:url('closebtn.png'); }  

#mainmenu {display:none; margin-top:15px;}
.navbar-nav {margin:0;}
.navbar-nav > li {float:left;}
.openmenu {list-style-type:none; position:absolute; padding-left:0; width:200px; padding:5px 10px; background:#fff; display:none;}
    .openmenu li a {display:block; padding:4px;}
        .openmenu li a:hover {background:#eee;}
#mainmenu ul li.submenu {position:relative;}


.bgline {background:#fff url('bgline.png') repeat left center;}
#banner {}
#banner .rslides li {position:relative; min-height:528px;}    
#banner .rslides li a {display:block;}
    #banner .rslides li h3 {margin:0; position:absolute; left:0; bottom:0; display:inline-block;}

.centered-btns_tabs {list-style-type:none; float:right; padding-left:0; margin-bottom:0; margin-top:-56px; z-index:4; position:relative;}
    .centered-btns_tabs:after {clear:both;}
.centered-btns_tabs li {float:left; margin-left:5px;}
.centered-btns_tabs li a {color:#ffdd00; background:#ffdd00; height:9px; width:9px; border-radius:20px; display:inline-block; font-size:0; line-height:normal;}
.centered-btns_tabs li.centered-btns_here a {color:#000; background:#000;}

.toparrow {display:inline-block; padding-top:30px; background:url('ok.png') no-repeat center top; text-align:center; text-transform:uppercase;}
.cetvel {clear:both; text-align:center; height:30px; background:#fff url('cetvel.png') no-repeat left top;}

#referanslar {background:#ffdd00; padding:95px 0 20px 0; height:800px;}
#referanslar ul {list-style-type:none; padding-left:0; margin-bottom:0;}
    #referanslar ul li {float:left; width:262px; margin-left:30px; margin-bottom:30px;}
        #referanslar ul li a {display:block; position:relative;}
		#referanslar ul li a:hover:before {position:absolute;width:100%;height:100%; content:' '; background:rgba(0,0,0,0.3); z-index:1;}
            #referanslar ul li a img {position:relative; height:175px;}
            #referanslar ul li a span {position:absolute; right:10px; bottom:0; font-weight:bold; font-size:30px; color:#ffdd00; font-size:100px; line-height:58px;}
        #referanslar ul li p {margin-bottom:0; font-size:16px;}
     #referanslar ul li:nth-child(4n+1) {clear:both; margin-left:0;}

#iletisim {background:#575656 url('dottedbg.png') repeat left top;font-size:15px;}
    #iletisim .col-md-3 {margin:45px 0 0px 0;}
    #iletisim .bilgi {color:#fff;}
        #iletisim .bilgi a {color:#fff;}
        #iletisim .bilgi p {margin-bottom:0; }
    #iletisim .btn {margin-top:6px;}

.form-control {border-radius:0; border:none; color:#000;}

.btn {line-height:30px; padding:0 20px; display:inline-block; background:#ffdd00; font-weight:bold; border-radius:0; border:0;}

.lasticon {color:#ffdd00; text-decoration:underline; font-weight:bold; background:url('arr.png') no-repeat center top; padding-top:14px; display:inline-block;}


.prolist {list-style-type:none; padding-left:0; margin-top:20px;}
    .prolist li {display:inline-block;}
        .prolist li a {display:block; text-align:center; background:#ffdd00; font-weight:bold; font-size:20px; padding:5px 0; width:150px; position:relative; margin-right:15px;}
            .prolist li a:before {content:" "; position:absolute; width:130px; left:10px; top:-10px; height:10px; background:#000;}


#ozelalan11 .col-md-4 {margin-bottom:25px;}
#ozelalan11 .col-md-4 a {display:block; position:relative; background-size:cover; background-repeat:no-repeat; height:220px;}   
#ozelalan11 .col-md-4 a:hover:before {position:absolute; width:100%; height:100%; content:' '; background:rgba(0,0,0,0.3);}
#ozelalan11 .col-md-4 a span {font-size:18px; display:inline-block; padding:5px; background:#222; color:#fff; position:absolute; left:0; bottom:0;}

.armargin {margin:20px 0 0 0;}
.mgpop {cursor:pointer;}
.pu .ozelalan {position:relative;}

.pu .ozelalan .popimages {position:absolute;right:0;top:0;}
.pu #ozelalan6 .popimages {right:51px; top:40px; width:910px;} 
.pu .ozelalan .popimages a {display:inline-block; position:relative;z-index:1; min-height:100px;min-width:100px; float:left;}

.pu #ozelalan7 .popimages {right:51px; top:40px; width:731px;}
.pu #ozelalan8 .popimages {right:51px; top:40px; width:910px;} 


.pu #ozelalan9 .popimages {right:51px; top:40px; width:731px;}
.pu #ozelalan10 .popimages {right:51px; top:40px; width:910px;}