@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=latin,latin-ext);
*{margin:0px; padding:0px; border:none; outline:none; list-style:none; text-decoration:none; font-family:'Open Sans', sans-serif;}
.bx{box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;}
.fl div, .fl a, .fl span, .fl samp, .fl img, .fl ul, .fl li, .fl h1, .fl h2, .fl h3, .fl h4{float:left;}
.fln div, .fln a, .fln span, .fln samp, .fln img, .fln ul, .fln li, .fln h1, .fln h2, .fln h3, .fln h4{float:none;}
body{background:#FFF;}
.or{width:980px; margin:0px auto;}
.anagovde{width:100%;}
.govde{width:100%;}
/*--[ HEADER ]-- */
	.header{float:left; width:100%;}
	.header .logo{width:235px; height:70px;}
	.header .logo a{width:235px; height:50px; margin-bottom:20px; background:url(../tasarim/sprite.png) no-repeat 0px 0px;}
	.header .dilsosyal{width:100%; height:20px;}
	.header .dil{float:right !important; width:20px; height:20px; display:inline; margin-left:45px; position:relative;}
	.header .dil a{height:20px; width:20px; line-height:20px; position:absolute; top:5px; text-align:center; color:#FFF; background:#93736B; font-size:11px; font-weight:300; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -o-border-radius:2px; -ms-border-radius:2px;}
	.header .dil a:hover{background:#333;}
	.header .sosyal{width:120px; height:20px; float:right  !important; margin-top:5px; position:relative;}
	.header .sosyal a{width:20px; height:20px; float:right !important; margin-left:10px;}
	.header .sosyal1{background:url(../tasarim/sprite.png) no-repeat 0px -50px;}
	.header .sosyal2{background:url(../tasarim/sprite.png) no-repeat -40px -50px;}
	.header .sosyal3{background:url(../tasarim/sprite.png) no-repeat -20px -50px;}
	.header .sosyal4{background:url(../tasarim/sprite.png) no-repeat -60px -50px;}
	.header .menu{padding-left:100px; position:relative;}
	.header .mobilmenu{width:30px; height:30px; display:none; float:right !important; margin-top:20px;}
	.header .mobilmenu a{width:30px; height:30px; background:url(../tasarim/micon.png) no-repeat center;}
	.header .menu ul{margin-top:45px;}
	.header .menu ul li{display:inline; margin:0px 15px; position:relative;}
	.header .menu ul li a{color:#222; font-size:14px; line-height:20px; font-weight:300;}
	.header .menu .aktif a, .header .menu li a:hover{color:#D2A397;}
	.header .menu .aktif{border-bottom:solid 5px #93736B;}
/*--[ ANASAYFA ]-- */
	.slayt{float:left; width:100%; overflow:hidden; position:relative;}
	.s1{width:100%; position:absolute; left:0px; top:0px; z-index:1;}
	.s1 li{width:100%; position:absolute; top:0px; left:0px; display:none;}
	.s1 li:first-child{display:block;}
	.s1 li img{width:100%; }
	.s2{width:100%; position:absolute; z-index:10; top:10px; overflow:hidden;}
	.s2 ul{position:relative; left:50%; text-align:center;}
	.s2 ul li{position:relative; right:50%;}
	.s2 ul li a{background:#93736B; border:solid 1px #93736B; width:14px; height:14px; display:inline; margin:4px; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; -o-border-radius:8px; -ms-border-radius:8px;}
	.s2 .aktif a, .s2 li:hover a{background:#FFF;}
/*--[ İÇERİK ]--*/
	.icerik{width:100%; height:465px; position:relative;}
	.icerik1{width:100%; height:465px; position:absolute; z-index:1;}
	.icerik2{width:100%; height:465px; position:absolute; z-index:2;}
	.icerik21{width:480px; background:#93736B; margin:0px 230px; padding:20px; font-size:16px; color:#FFF; font-weight:300; position:relative; overflow:auto;}
	.icerik211{width:100%; max-height:300px; font-size:16px; color:#FFF; font-weight:300;}
	.icerik211 h2{width:100%; font-size:20px; color:#FFF; font-weight:300;}
/*--[ İLETİŞİM ]--*/
	.iletisim{width:100%; height:465px; position:relative;}
	.iletisim1{width:100%; height:465px; position:absolute; z-index:1;}
	.iletisim2{width:100%; height:465px; position:absolute; z-index:2;}
	.iletisim21{width:480px; background:#93736B; margin:0px 230px; padding:20px;}
	.iletisim211{width:100%; font-size:16px; color:#FFF; margin-bottom:20px; font-weight:300;}
	.iletisim211 a{color:#FFF;}
	.iletisim212{color:#FFF; font-size:12px; font-weight:300; float:right !important;}
	.iletisim213{width:100%;}
	.iletisim213 form{float:left; width:100%;}
	.iletisim2131{width:100%; margin-bottom:10px;}
	.iletisim2131 span, .iletisim2132 span{width:80px; font-size:16px; font-weight:300; line-height:20px; color:#FFF;}
	.iletisim2131 input{float:left; width:250px; padding:0px 5px; font-size:16px; line-height:20px; font-weight:300; color:#000;}
	.iletisim2132 textarea{float:left; width:300px; padding:0px 5px; height:125px; font-size:16px; font-weight:300; color:#000;}
	.iletisim2132 input{float:right; color:#93736B; font-size:14px; background:#FFF; display:inline; margin:100px 0px 0px 10px; text-align:center; line-height:25px; cursor:pointer; padding:0px 10px;} 
	.iletisim2132 input:hover{color:#FFF; background:#93736B;} 
	.iletisim2133{width:100%; font-size:14px; color:#F00;}
/*--[ PROJE ]--*/
	.proje{width:100%;}
	.proje1{width:100%; height:65px; margin:30px 0px 20px; background:url(../tasarim/plogo.png) no-repeat center;}
	.proje2{width:100%; position:relative; overflow:hidden; margin-bottom:10px;}
	.proje2 ul{position:relative; left:50%; text-align:center;}
	.proje2 ul li{position:relative; right:50%;}
	.proje2 ul li a{color:#222; font-size:15px; font-weight:300; display:inline; margin:0px 15px;}
	.proje2 ul .aktif a{color:#93736B;}
	.proje3{width:900px; margin:0px 40px;}
	.proje4{width:900px; margin:20px 40px; font-size:20px; line-height:25px; color:#222; text-align:center;}
	.proje5{width:900px; margin:0px 40px; font-size:14px; font-weight:300px; line-height:20px;}
/*--[ GÖRSELLER ]--*/
	.gorsel{width:100%;}
	.gorsel1{width:100%; margin:20px 0px; font-size:20px; font-weight:300; color:#222; text-align:center;}
	.gorsel2{width:100%;}
	.gorsel2 a{width:226px; margin:0px 50px 20px 50px; display:inline;}
	.gorsel2 span{width:226px; height:220px;}
	.gorsel2 samp{width:226px; height:20px; color:#00ADEF; font-size:12px; font-weight:300; text-align:center; margin-top:10px;}
/*--[ VİDEO ]--*/
	.video{width:100%;}
	.video1{width:900px; height:465px; display:inline; margin:0px 40px;}
	.video1 iframe{width:100%; height:465px;}
	.video2{width:900px; margin:0px 40px; font-size:14px; font-weight:300px;}
/*--[ FOOTER ]--*/
	.footer{width:100%; font-size:12px; color:#333; padding:10px 0px; margin-top:10px; text-align: center; border-top:solid 1px #CCC;}

@media only screen and (max-width:980px){
	.or{width:100%;}
/*--[ HEADER ]-- */
	.header .logo{width:255px; height:60px;}
	.header .logo a{display:inline; margin:0px 0px 20px 10px;}
	.header .dilsosyal{padding-right:10px;box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;}
	.header .sosyal{display:none;}
/*--[ ANASAYFA ]-- */
	.s2{width:auto; position:absolute; right:0px;}
	.s2 ul{left:0px;}
	.s2 ul li{right:0px;}
/*--[ İÇERİK ]--*/
	.icerik{height:auto;}
	.icerik1{display:none;}
	.icerik2{height:auto; position:absolute; z-index:2; position:relative;}
	.icerik21{width:100%; margin:0px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;}
	.icerik211{height:auto; max-height:1000px;}
/*--[ İLETİŞİM ]--*/
	.iletisim{height:auto;}
	.iletisim1{width:100%; height:300px; position:relative;}
	.iletisim2{width:100%; height:auto; position:relative;}
	.iletisim21{width:100%; margin:0px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;}
/*--[ PROJE ]--*/
	.proje{width:100%;}
	.proje1{height:50px; margin:20px 0px; background:url(../tasarim/plogom.png) no-repeat center;}
	.proje2{width:100%; position:relative; overflow:hidden; margin-bottom:10px;}
	.proje2 ul li a{margin:10px 15px;}
	.proje3{width:90%; margin:0px 5%;}
	.proje3 img{width:100%;}
	.proje4{width:90%; margin:20px 5%; }
	.proje5{width:90%; margin:0px 5%;}
	.proje5 img{max-width:100%;}
/*--[ GÖRSELLER ]--*/
	.gorsel2 a{margin:0px 10px 20px 10px;}
/*--[ VİDEO ]--*/
	.video{width:100%;}
	.video1{width:100%; margin:0px;}
	.video2{width:90%; margin:0px 5%;}
}

@media only screen and (max-width:768px){
	.header .mobilmenu{display:block;}
	.header .menu{float:right !important; padding-left:0px; margin-right:10px;}
	.header .menu ul{width:160px; background:#8F746A; padding:10px; position:absolute; right:30px; margin-top:19px; z-index:10001; border:solid 1px #FFF; display:none;}
	.header .menu ul li{margin:5px 0px; width:100%;}
	.header .menu ul li a{color:#FFF; font-size:14px; line-height:20px; font-weight:300;}
	.header .menu .aktif a, .header .menu li a:hover{color:#D2A397;}
	.header .menu .aktif{border-bottom:none;}
}	
@media only screen and (min-width:738px) and (max-width:980px){.gorsel2{width:738px; margin:0px auto; float:none !important;}}
@media only screen and (min-width:492px) and (max-width:738px){.gorsel2{width:492px; margin:0px auto; float:none !important;}}
@media only screen and (max-width:496px){.gorsel2{width:246px; margin:0px auto; float:none !important;}}