/*
Theme Name: Scopesoft
Theme URI: http://scopesoft.com/
Description: Theme designed for PN
Author: Scopesoft Team
Version: 1.0
License: GNU General Public License
License URI: license.txt
Tags: Scopesoft
*/
* {
	margin: 0px;
	padding: 0px;
	border: 0px;
	outline: 0px;
}
/******** RESET:CSS **********/ 
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/******* END OF RESET.CSS *************/

/*********** GLOBAL *************/
a,a:link,a:visited,a strong{
	transition:all linear .3s;
	-moz-transition:all linear .3s;
	-webkit-transition:all linear .3s;
	-o-transition:all linear .3s;
	text-decoration:none
}

@font-face {
    font-family: 'BebasNeue';
    src: url('fonts/bebasneue.eot');
    src: url('fonts/bebasneue.eot') format('embedded-opentype'),
         url('fonts/bebasneue.woff') format('woff'),
         url('fonts/bebasneue.ttf') format('truetype'),
         url('fonts/bebasneue.svg#BebasNeueRegular') format('svg');
}

h1{}
h2{}
h3{}
h4{}
h5{}
h6{}
p{}
a{}
a:hover{}
.clear{clear:both;}
ul li{}
.container{width:1000px; position:relative; margin:0px auto;}

/* sticky footer */
html {
    position: relative;
    min-height: 100%;
}
body {width:100%;height:1080px; background:url('images/bg-background.jpg') top center no-repeat; }
body.konsept {width:100%;height:1695px; background:url('images/bg-kp.png') top center no-repeat; }

/* header */
header{height:265px; width:100%; overflow:hidden; margin-bottom: 45px;}
	header #logo{display:block; margin:0px auto ;}
	#menu{text-align:center; margin-left:196px;}
		#menu li{  float:left;}
			#menu li.current{background:url('images/menuon.png') bottom center no-repeat; }
	#home-title{margin-bottom:33px;}
		#home-title h1{font-family:BebasNeue; text-align:center; font-size:76px; color:#3c3c3b;}
		
/* nav */
nav{position:fixed; left:0px; top:50%; margin-top:-83px;}
	nav ul{float:left; width:89px;}
		nav li{float:left; margin-bottom:2px; width:89px; height:33px; position:relative;}
			nav li img{position:absolute; left:-10px; top:0px; opacity:0.7;	transition:all linear .3s;
	-moz-transition:all linear .3s;
	-webkit-transition:all linear .3s;
	-o-transition:all linear .3s;}
			nav li:hover img{left:0px; opacity:1;}
			
/* home */
#home{height:auto;}
	#home-left{float:left; width:274px; background:url('images/sep-right.png') top right no-repeat; height:320px;  margin-left:230px; padding-right:24px;}
		#home-left img{margin-top:14px;}
	#home-right{float:right; width: 218px; margin-right: 224px;}
		#home-right h2{font-family:BebasNeue; text-align:left; font-size:50px; color:#f9b233; line-height: 52px; padding-top: 10px; margin-bottom: 8px;}
			#home-right h2 span{color:#3c3c3b;}
		#home-right img{margin-bottom:6px;}
		#home-right p{color:#3c3c3b; font-family:'Myriad Pro', Arial; font-size:13px; line-height:22px; margin-bottom:19px; text-align:justify;}
		
/* footer */
footer{height: 215px;
overflow: hidden;
position: absolute;
top: 865px;
width: 100%;}
.konsept footer{top:1480px;}
	#footerlogo{float: left; margin-left: 215px; margin-top: 91px;}
		#fmenu{text-align: center; margin-left: 79px; float: left; margin-top: 108px;}
			#fmenu li{ margin:0px; padding:0px; float:left;}
			#fmenu li.current{background:url('images/footeron.png') bottom right no-repeat; }
			
			
/* konsept */ 
#konsept .container{width:676px;}
.inner-title h2{font-family:BebasNeue; text-align:left; font-size:50px; color:#3c3c3b; line-height: 52px; padding-top: 10px; margin-bottom: 8px;}
	.inner-title h2 span{color:#f9b233;}
	
	#konsept-left{width:48%; float:left;}
	#konsept-right{width:48%; float:right;}
	
	#konsept p{color:#3c3c3b; font-family:'Myriad Pro', Arial; font-size:12px; line-height:18px; margin-bottom:16px; text-align:justify}
	p strong{font-weight:700; font-isze:13px;}
	#konsept .right-text{text-align:right;}
	
	
/* subeler */ 
	
	
/* menu */
#menusec{width:430px; height:550px; margin:0px auto; position:relative;}
	#menucover{width:430px; height:550px; overflow:hidden; margin:0px auto;position: relative;}
	#menupanel{width:430px; height:550px; position:absolute;top:0px;left:0px; 
	transition:all linear .7s;
	-moz-transition:all linear .7s;
	-webkit-transition:all linear .7s;
	-o-transition:all linear .7s;}
#left{position:absolute; left:-100px; top:200px;}
#right{position:absolute; right:-100px; top:200px;}
	.menuleft{width:430px; float:left; height:110px;}
	.urun-img{width:430px; height:280px; float:left;}
		.urun-img img{width:430px; float:left;}
		.menuleft h2{font-family:BebasNeue; text-align:left; font-size:26px; color:#f9b233;  padding-top: 10px; margin-bottom: 8px; text-align:center;}
			.menuleft h2 span{color:#3c3c3b;}
			.menuleft p{font-family:Calibri; font-size:13px; color:#414142; line-height:18px; margin-bottom:18px; text-align:justify; text-align:center;}
			.menuleft p.motto{font-family:BebasNeue; font-size:21px; color:#414142; line-height:18px; margin-bottom:18px; text-align:justify; text-align:center; margin-bottom:70px;}
	.menuright{width:430px; float:right;}
	.menu{width:430px; height:450px; position:absolute; opacity:0; transition:all linear .8s;
	-moz-transition:all linear .8s;
	-webkit-transition:all linear .8s;
	-o-transition:all linear .8s;}
		.cmenu{opacity:1;}
	
	
/* contact */
#contact{height:503px; width:100%; background:url('images/bg-iletisim2.png') top center no-repeat;}
#contact .container{width:664px; height:503px;}
	#mapframe{width:401px; height:503px; position:absolute; top:0px; right:0px; background:url('images/mapframe.png') top center no-repeat; z-index:10; pointer-events:none;}
	#mapcover{width:401px; height:503px; position:absolute; top:43px; right:0px; }
	#mapcover iframe{position: absolute; z-index: 1; top: 103px; right: 11px; height: 269px;}
		#iframe1{z-index:1;}
	
	#contact form{width:226px; float:left; margin-top:150px;}
		#contact form input[type="text"]{width: 192px; float: left; background: none; margin-bottom: 43px; margin-left: 30px;}
		#contact form #textcover{width: 192px; float: left; background: none; height:100px; margin-left: 30px; overflow:hidden;}
		#contact form textarea{width: 192px; float: left; background: none; height:100px; 	}
			#gonder{position:absolute; top: 390px; left: 170px; z-index:20;}
				.adres{position:absolute; width:290px; text-align:Center; font-family:calibri; color:#3c3c3b; font-size:15px; bottom: 0px; right: 50px; font-weight:700; display:none;}
				.cadres{display:block;}
				.adres a{color:#f9b233;}
	
	
	
	
	
	
	
.fancybox{float:right; margin-left:12px; margin-bottom:53px;}

#link2{position:absolute; width:195px; height:47px; z-index:2;  top:0px; left:80px; z-index:100; }
#link3{position:absolute; width:195px; height:47px; z-index:2;  top:60px; left:124px; z-index:100;}
#link1{position:absolute; width:195px; height:47px; z-index:2;  top:-44px; left:80px; z-index:100;}


#iframe1{width:360px; heighT:270px; position:absolute; top: 102px;left: 20px;}
#iframe2{width:360px; heighT:270px; position:absolute; top: 102px; left: 20px;}
#iframe3{width:360px; heighT:270px; position:absolute; top: 102px; left: 20px;}