@font-face {
    font-family: "intel-clear";
    src: url("http://www.vatanbilgisayar.com/images/lp/intel-optane1/fonts/intel-clear-latin.eot");
    src: url("http://www.vatanbilgisayar.com/images/lp/intel-optane1/fonts/intel-clear-latin.eot?#iefix") format("embedded-opentype"), url('http://www.vatanbilgisayar.com/images/lp/intel-optane1/fonts/intel-clear-latin.woff2') format('woff2'), url('http://www.vatanbilgisayar.com/images/lp/intel-optane1/fonts/intel-clear-latin.woff') format('woff'), url('http://www.vatanbilgisayar.com/images/lp/intel-optane1/fonts/intel-clear-latin.ttf') format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "intel-clear";
    src: url("http://www.vatanbilgisayar.com/images/lp/intel-optane1/fonts/intel-clear-latin-bold.eot");
    src: url("http://www.vatanbilgisayar.com/images/lp/intel-optane1/fonts/intel-clear-latin-bold.eot?#iefix") format("embedded-opentype"), url("http://www.vatanbilgisayar.com/images/lp/intel-optane1/fonts/intel-clear-latin-bold.woff2") format("woff2"), url("http://www.vatanbilgisayar.com/images/lp/intel-optane1/fonts/intel-clear-latin-bold.woff") format("woff"), url("http://www.vatanbilgisayar.com/images/lp/intel-optane1/fonts/intel-clear-latin-bold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal
}

@font-face {
    font-family: "intel-clear";
    src: url("http://www.vatanbilgisayar.com/images/lp/intel-optane1/fonts/intel-clear-latin-italic.eot");
    src: url("http://www.vatanbilgisayar.com/images/lp/intel-optane1/fonts/intel-clear-latin-italic.eot?#iefix") format("embedded-opentype"), url("http://www.vatanbilgisayar.com/images/lp/intel-optane1/fonts/intel-clear-latin-italic.woff2") format("woff2"), url("http://www.vatanbilgisayar.com/images/lp/intel-optane1/fonts/intel-clear-latin-italic.woff") format("woff"), url("http://www.vatanbilgisayar.com/images/lp/intel-optane1/fonts/intel-clear-latin-italic.ttf") format("truetype");
    font-weight: normal;
    font-style: italic
}

@font-face {
    font-family: "intel-clear";
    src: url("http://www.vatanbilgisayar.com/images/lp/intel-optane1/fonts/intel-clear-latin-bold-italic.eot");
    src: url("http://www.vatanbilgisayar.com/images/lp/intel-optane1/fonts/intel-clear-latin-bold-italic.eot?#iefix") format("embedded-opentype"), url("http://www.vatanbilgisayar.com/images/lp/intel-optane1/fonts/intel-clear-latin-bold-italic.woff2") format("woff2"), url("http://www.vatanbilgisayar.com/images/lp/intel-optane1/fonts/intel-clear-latin-bold-italic.woff") format("woff"), url("http://www.vatanbilgisayar.com/images/lp/intel-optane1/fonts/intel-clear-latin-bold-italic.ttf") format("truetype");
    font-weight: bold;
    font-style: italic
}

@font-face {
    font-family: "intel-clear";
    src: url("http://www.vatanbilgisayar.com/images/lp/intel-optane1/fonts/intel-clear-latin-lite.eot");
    src: url("http://www.vatanbilgisayar.com/images/lp/intel-optane1/fonts/intel-clear-latin-lite.eot?#iefix") format("embedded-opentype"), url("http://www.vatanbilgisayar.com/images/lp/intel-optane1/fonts/intel-clear-latin-lite.woff2") format("woff2"), url("http://www.vatanbilgisayar.com/images/lp/intel-optane1/fonts/intel-clear-latin-lite.woff") format("woff"), url("http://www.vatanbilgisayar.com/images/lp/intel-optane1/fonts/intel-clear-latin-lite.ttf") format("truetype");
    font-weight: 200;
    font-style: normal
}

@font-face {
    font-family: "intel-clear";
    src: url("http://www.vatanbilgisayar.com/images/lp/intel-optane1/fonts/intel-clear-latin-lite-italic.eot");
    src: url("http://www.vatanbilgisayar.com/images/lp/intel-optane1/fonts/intel-clear-latin-lite-italic.eot?#iefix") format("embedded-opentype"), url("http://www.vatanbilgisayar.com/images/lp/intel-optane1/fonts/intel-clear-latin-lite-italic.woff2") format("woff2"), url("http://www.vatanbilgisayar.com/images/lp/intel-optane1/fonts/intel-clear-latin-lite-italic.woff") format("woff"), url("http://www.vatanbilgisayar.com/images/lp/intel-optane1/fonts/intel-clear-latin-lite-italic.ttf") format("truetype");
    font-weight: 200;
    font-style: italic
}

@font-face {
    font-family: "intel-clear-headline";
    src: url("http://www.vatanbilgisayar.com/images/lp/intel-optane1/fonts/intel-clear-headline.eot");
    src: url("http://www.vatanbilgisayar.com/images/lp/intel-optane1/fonts/intel-clear-headline.eot?#iefix") format("embedded-opentype"), url("http://www.vatanbilgisayar.com/images/lp/intel-optane1/fonts/intel-clear-headline.woff2") format("woff2"), url("http://www.vatanbilgisayar.com/images/lp/intel-optane1/fonts/intel-clear-headline.woff") format("woff"), url("http://www.vatanbilgisayar.com/images/lp/intel-optane1/fonts/intel-clear-headline.ttf") format("truetype");
    font-weight: 300;
    font-style: normal
}


* {
  -webkit-box-sizing	: border-box;
  -moz-box-sizing		: border-box;
  box-sizing			: border-box;
  margin				: 0;
  padding				: 0;
}



@charset "utf-8";


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}

body
{
	background		: #00153E url(http://www.vatanbilgisayar.com/images/lp/intel-optane1/img/Section_1_BG.png) no-repeat center top;
	background-size	: cover;
}



hr
{
	height:1px; border:none; color:#008bd6; background-color:#008bd6; margin: 0px auto; width: 90%; clear: both;
}


section#Header
{
	width			: 100%;
	height			: 60px;
	position		: fixed;
	top				: 0px;
	background		: #0170c5 url(http://www.vatanbilgisayar.com/images/lp/intel-optane1/img/Logo_0.png) no-repeat center center;
	background-size	: contain; 
	display			: block;
	z-index			: 100; 
}
footer
{
	clear			: both; 
}

footer section#Legal
{
	width			: 100%;
	padding			: 20px 10%;
	background-color: #FFF;
}

footer section#Legal span
{
	font-family		: "intel-clear", tahoma, helvetica, sans-serif;
	font-size		: .6em;
	color			: #515151;
	font-weight		: lighter; 
}

footer section#Legal strong
{
	font-family		: "intel-clear", tahoma, helvetica, sans-serif;
	font-size		: .8em;
	color			: #515151;
	font-weight		: lighter;
	display			: block;
	line-height		: 2em;
}


	
	.SectionContent-1
	{
		background		: none; 
		width			: 100vw;
		
		max-height		: 600px; 
		height			: 50vw; 
		
		position		: relative; 
		margin			: 0;
	}
	
	.Section1-1
	{
		width			: 70%;
		max-width		: 900px;
		height			: 100%;
		background		: transparent url(http://www.vatanbilgisayar.com/images/lp/intel-optane1/img/Section_1-1.png) no-repeat right top;
		background-size	: 120%;
		position		: absolute;
		top				: 60px;
		right 			: 0;   
	}
	.Section1-2
	{
		width			: 50%;
		max-width		: 700px; 		
		height			: 100%;
		background		: transparent url(http://www.vatanbilgisayar.com/images/lp/intel-optane1/img/Section_1-2.png) no-repeat 5vw 3vw;
		background-size	: 80% auto;
		position		: absolute; 
		top				: 60px;
		left			: 0;
	}
	
	.SectionContent-2,
	.SectionContent-3
	{
		background		: none; 
		width			: 90vw;
		min-height		: 35vw; 
		margin			: 0 5vw;
		margin-bottom	: 30px;
		padding-bottom	: 30px;
		border-bottom	: 1px solid #008bd6;
		display			: table;
	}
	.Section2-1
	{
		width			: 45vw;
		background-size	: 100%;
		display			: table-cell;
		vertical-align	: middle;  
		cursor			: pointer;
	}
	.Section2-2
	{
		width			: 40vw;
		text-align		: left;
		 
		display			: table-cell;
		vertical-align	: middle;  
		padding-left	: 5vw; 
	}
	
	#Video
	{
		width			: 100%; 
		height			: auto; 
	}
	
	.SectionContent-3
	{
		min-height		: 20vw;
		height			: auto;  
	}
	.Section3-1
	{
		width			: 50vw;
		height			: 30vw; 
		background		: transparent url(http://www.vatanbilgisayar.com/images/lp/intel-optane1/img/Section_5-1.png) no-repeat center -3vw;
		background-size	: 120%;
		display			: table-cell;
	}
	
	.Section3-2
	{
		width			: 39vw;
		text-align		: left;
		display			: inline-block; 
		display			: table-cell;
		vertical-align	: middle;
	}
	
	.Section2-2 h2,
	.Section3-2 h2
	{
		font-family		: "intel-clear-headline", tahoma, helvetica, sans-serif;
		font-size		: 2.8em;
		color			: #FFF;  
		margin			: 0;
		padding			: 10px 0;
		font-weight		: 300;
		font-weight		: lighter; 
	}
	
	.Section2-2 h3,
	.Section3-2 h3
	{
		font-family		: "intel-clear", tahoma, helvetica, sans-serif;
		font-size		: 1.1em;
		color			: #FFF;
		font-weight		: lighter; 
		font-weight		: lighter; 
		margin			: 0;
		padding			: 0;  
	}
	
	@media only screen and (max-width:1200px)
	{
		.SectionContent-3
		{
			min-height		: 20vw!important; 
		}
	}
	
	@media only screen and (max-width:1400px)
	{
		.Section2-2 h2,
		.Section3-2 h2
		{
			font-size		: 3em;
		}
		
		.Section2-2 h3,
		.Section3-2 h3
		{
			font-size		: 1.1em;
		}
	}
	
	.SectionContent-4,
	.SectionContent-5,
	.SectionContent-6,
	.SectionContent-7
	{
		text-align		: center; 
		width			: 90vw;
		margin			: 0 auto;
		margin-bottom	: 30px;
		padding-bottom	: 30px;
		border-bottom	: 1px solid #008bd6;
		display			: table; 
	}
	.SectionContent-4
	{
		margin-bottom	: 0;
		padding-bottom	: 50px; 
	}
	.SectionContent-7
	{
		background-color: #FFF; 
		width			: 100vw;
		padding			: 0 5vw;  
		margin-bottom	: 0; 
	}
	.SectionContent-Tab
	{
		margin			: 0 5vw auto;
		text-align		: center; 
		width			: 90vw;
		margin			: 0 auto;
		margin-bottom	: 30px;
		padding-bottom	: 30px;
		border-bottom	: 1px solid #008bd6;
	}
	
	a.Button
	{
		display			: inline-block;
		line-height		: 2em;
		padding			: 0px 15px;
		background-color: #f3d54e;
		color			: #003c71;
		text-decoration	: none; 
		font-family		: "intel-clear", tahoma, helvetica, sans-serif;
		font-size		: 1em;
		margin			: 10px 0; 
	}

	.SectionContent-4 h2,
	.SectionContent-5 h2,
	.SectionContent-6 h2,
	.SectionContent-7 h2
	{
		font-family		: "intel-clear", tahoma, helvetica, sans-serif;
		font-size		: 2.1em;
		font-weight		: normal; 
		color			: #FFF;  
		margin			: 0 ;
		padding			: 10px 0;
	}
	
	.SectionContent-4 h3,
	.SectionContent-5 h3,
	.SectionContent-6 h3,
	.SectionContent-7 h3
	{
		font-family		: "intel-clear", tahoma, helvetica, sans-serif;
		font-size		: 1.1em;
		color			: #FFF;
		font-weight		: lighter; 
		margin			: 0;
		padding			: 0;
		
	}
	
	
	.SectionContent-4 div.Section4-1,
	.SectionContent-4 div.Section4-2,
	.SectionContent-4 div.Section4-3
	{
		width			: 20%;
		display			: table-cell;
		flex-direction	: row;
		text-align		: left;
		vertical-align	: top; 
	}
	.SectionContent-4 div.Section4-1 span.img,
	.SectionContent-4 div.Section4-2 span.img,
	.SectionContent-4 div.Section4-3 span.img
	{
		width			: 20%; 
		height			: auto; 
		text-align		: center;
		float			: left; 
	}
	.SectionContent-4 div.Section4-1 span.txt,
	.SectionContent-4 div.Section4-2 span.txt,
	.SectionContent-4 div.Section4-3 span.txt
	{
		width			: 70%;
		height			: auto; 
		text-align		: left;
		float			: left;
	}
	.SectionContent-4 div.Section4-2 span.txt
	{
		margin-left	: 5%; 
	}
	.SectionContent-4 div.Section4-1 span.img img,
	.SectionContent-4 div.Section4-2 span.img img,
	.SectionContent-4 div.Section4-3 span.img img
	{
		width			: 100%;
		height			: 100%;  
	}

	.SectionContent-5 div.Section5-1,
	.SectionContent-5 div.Section5-2,
	.SectionContent-5 div.Section5-3,
	.SectionContent-6 div.Section6-1,
	.SectionContent-6 div.Section6-2,
	.SectionContent-6 div.Section6-3,
	.SectionContent-7 div.Section7-1,
	.SectionContent-7 div.Section7-2,
	.SectionContent-7 div.Section7-3
	{
		width			: 25vw;
		display			: table-cell;
		text-align		: left;
		padding 		: 0 2.5vw;
		margin			: 0px; 
	}

	
	
	.SectionContent-5 span.img,
	.SectionContent-6 span.img,
	.SectionContent-7 span.img
	{
		width			: 25vw;
		display			: block;
		padding			: 2.5vw; 
	}
	
	.SectionContent-6 span.img img,
	.SectionContent-7 span.img img
	{
		width			: 100%;
	}
	.SectionContent-5 span.img img
	{
		width			: 120%;
	}
	
	
	
	.SectionContent-4 span.txt,
	.SectionContent-5 span.txt,
	.SectionContent-6 span.txt,
	.SectionContent-7 span.txt
	{
		text-align		: left;
		font-family		: "intel-clear", tahoma, helvetica, sans-serif;
		font-size		: 1em;
		color			: #FFF;
		font-weight		: lighter; 
	}
	
	.SectionContent-4 span.txt b,
	.SectionContent-5 span.txt b,
	.SectionContent-6 span.txt b,
	.SectionContent-7 span.txt b
	{
		display			: block;
		font-size		: 1.2em;
		font-weight		: 400;
		padding			: 3px 0; 
	}
	
	
	.SectionContent-4 a.Link,
	.SectionContent-5 a.Link,
	.SectionContent-6 a.Link,
	.SectionContent-7 a.Link
	{
		display			: block; 
		text-align		: left;
		font-family		: "intel-clear", tahoma, helvetica, sans-serif;
		font-size		: 1em;
		color			: #70ccff;
		text-decoration	: none; 
		font-weight		: lighter; 
		margin			: 0;
		padding			: 3px 0; 
	}

	





@media only screen and (max-width:420px)
{
	
	body{overflow-x: hidden;}
	
	.SectionContent-1
	{
		background		: none; 
		width			: 90vw;
		height			: 140vw; 
		margin			: 0 5vw auto;
		margin-bottom	: 30px;
		padding-bottom	: 30px;
		border-bottom	: 1px solid #008bd6;	
	}
	.Section1-1
	{
		width			: 95vw;
		height			: 100vw; 
		background		: transparent url(http://www.vatanbilgisayar.com/images/lp/intel-optane1/img/Section_1-1.png) no-repeat right 10vw;
		background-size	: 150%;
		position		: absolute;
		top				: 5vw;
		left			: 0;   
	}
	.Section1-2
	{
		width			: 90vw;
		height			: 100vw;
		background		: transparent url(http://www.vatanbilgisayar.com/images/lp/intel-optane1/img/Section_1-2.png) no-repeat center top;
		background-size	: 90vw;
		position		: absolute; 
		top				: 60vw;
		left			: 0vw;
		right			: 0vw;
	}
	
	.SectionContent-2
	{
		background		: none; 
		width			: 90vw;
		margin			: 0 5vw;
		margin-bottom	: 30px;
		padding-bottom	: 30px;
		border-bottom	: 1px solid #008bd6;
		display			: block; 
	}
	.Section2-1
	{
		width			: 90vw;
		height			: 60vw; 
		background-size	: 100%;
		display			: block;
		cursor: pointer;
	}
	.Section2-2
	{
		width			: 90vw;
		text-align		: left;
		padding			: 0; 
		display			: block; 
	}
	
	
	.SectionContent-3
	{
		background		: none; 
		margin			: 0px ;
		width			: 90vw;
		height			: 150vw; 
		margin			: 0px auto;
		margin-bottom	: 30px;
		padding-bottom	: 30px;
		border-bottom	: 1px solid #008bd6;
		display			: block; 
	}
	
	.Section3-1
	{
		width			: 90vw;
		height			: 50vw;
		background		: transparent url(http://www.vatanbilgisayar.com/images/lp/intel-optane1/img/Layer-5.png) no-repeat center center;
		background-size	: 100%;	
		display			: block; 
	}
	
	.Section3-2
	{
		width			: 90vw;
		text-align		: left; 
		display			: block; 
	}
	
	.Section2-2 h2,
	.Section3-2 h2
	{
		font-family		: "intel-clear-headline", tahoma, helvetica, sans-serif;
		font-size		: 2.8em;
		color			: #FFF;  
		margin			: 0;
		padding			: 10px 0;
		font-weight		: 300;
		font-weight		: lighter; 
	}
	
	.Section2-2 h3,
	.Section3-2 h3
	{
		font-family		: "intel-clear", tahoma, helvetica, sans-serif;
		font-size		: 1.1em;
		color			: #FFF;
		font-weight		: lighter; 
		font-weight		: lighter; 
		margin			: 0;
		padding			: 0;  
	}
	
	
	.SectionContent-4,
	.SectionContent-5,
	.SectionContent-6,
	.SectionContent-7,
	.SectionContent-Tab
	{
		text-align		: center; 
		width			: 90vw;
		margin			: 0 auto;
		margin-bottom	: 30px;
		padding-bottom	: 30px;
		border-bottom	: 1px solid #008bd6;
	}
	.SectionContent-Tab
	{
		width			: 90vw;
		margin			: 0 5vw auto; 
	}
	
	a.Button
	{
		display			: inline-block;
		line-height		: 2em;
		padding			: 0px 15px;
		background-color: #f3d54e;
		color			: #003c71;
		text-decoration	: none; 
		font-family		: "intel-clear", tahoma, helvetica, sans-serif;
		font-size		: 1em;
		margin			: 10px 0; 
	}

	
	.SectionContent-4 h2,
	.SectionContent-5 h2,
	.SectionContent-6 h2,
	.SectionContent-7 h2
	{
		font-family		: "intel-clear", tahoma, helvetica, sans-serif;
		font-size		: 1.8em;
		font-weight		: normal; 
		color			: #FFF;  
		margin			: 0 ;
		padding			: 10px 0;
	}
	
	.SectionContent-4 h3,
	.SectionContent-5 h3,
	.SectionContent-6 h3,
	.SectionContent-7 h3
	{
		font-family		: "intel-clear", tahoma, helvetica, sans-serif;
		font-size		: 1em;
		color			: #FFF;
		font-weight		: lighter; 
		margin			: 0;
		padding			: 0;
		
	}
	
	
	.SectionContent-4 div.Section4-1,
	.SectionContent-4 div.Section4-2,
	.SectionContent-4 div.Section4-3
	{
		width			: 100vw;
		min-height		: 30vw; 
		display			: table; 
		text-align		: left;
		padding-bottom	: 20px;
		border-bottom	: 1px dotted rgba(255,255,255, .3);
		margin-bottom	: 20px;
		clear			: both; 
	}
	.SectionContent-4 div.Section4-3
	{
		border			: none;
		padding-bottom	: 0;  
	}
	
	.SectionContent-5 div.Section5-1,
	.SectionContent-5 div.Section5-2,
	.SectionContent-5 div.Section5-3,
	.SectionContent-6 div.Section6-1,
	.SectionContent-6 div.Section6-2,
	.SectionContent-6 div.Section6-3,
	.SectionContent-7 div.Section7-1,
	.SectionContent-7 div.Section7-2,
	.SectionContent-7 div.Section7-3
	{
		width			: 90vw;
		text-align		: left;   
		display			: block;
		padding-top		: 20px;
		border-top 		: 1px dotted rgba(255,255,255, .3);
		margin-top		: 20px;  
	}
	
	
	
	.SectionContent-4 span.img
	{
		width			: 50vw;
		height			: 30vw; 
		display			: table-cell;
		padding-top		: 10px; 
	}
	.SectionContent-5 span.img,
	.SectionContent-6 span.img,
	.SectionContent-7 span.img
	{
		text-align		: center;
		width			: 90vw;
		height			: 60vw; 
		display			: block;
		overflow		: hidden;
	}
	
	.SectionContent-4 span.img img
	{
		width			: 100%;
		height			: 100%; 
	}
	.SectionContent-5 span.img img,
	.SectionContent-6 span.img img,
	.SectionContent-7 span.img img
	{
		
		width			: auto; 
		height			: 100%;
	}
	
	
	
	.SectionContent-4 span.txt
	{
		height			: auto;
		padding			: 0;   
		padding-left	: 2vw; 
		font-family		: "intel-clear", tahoma, helvetica, sans-serif;
		font-size		: 1.1em;
		font-weight		: lighter; 
		color			: #FFF; 
		margin			: 0;
	}
	.SectionContent-5 span.txt,
	.SectionContent-6 span.txt,
	.SectionContent-7 span.txt
	{
		text-align		: left;
		font-family		: "intel-clear", tahoma, helvetica, sans-serif;
		font-size		: 1.1em;
		color			: #FFF;
		font-weight		: lighter; 
		margin			: 0;
		padding			: 0;
	}
	
	.SectionContent-4 span.txt b,
	.SectionContent-5 span.txt b,
	.SectionContent-6 span.txt b,
	.SectionContent-7 span.txt b
	{
		display			: block;
		font-size		: 1.2em;
		font-weight		: 400;
		padding			: 3px 0; 
	}
	
	
	.SectionContent-4 a.Link,
	.SectionContent-5 a.Link,
	.SectionContent-6 a.Link,
	.SectionContent-7 a.Link
	{
		display			: block; 
		text-align		: left;
		font-family		: "intel-clear", tahoma, helvetica, sans-serif;
		font-size		: 1em;
		color			: #70ccff;
		text-decoration	: none; 
		font-weight		: lighter; 
		margin			: 0;
		padding			: 3px 0; 
	}

	hr
	{display: none;}

}

.SectionContent-Tab
{
	height		: auto;
	
}


.carousel
{
	position		: relative;
	overflow		: hidden;
	width			: 90vw;
	margin			: 0 auto; 
}
.roll
{
	position		: relative;
	white-space		: nowrap;
	font-size		: 0;
	left			:  0px;
}
.project
{
	
	width			: 25vw;
	height			: 30vw; 
	display			: inline-block;
	overflow		: hidden;
	margin-left		: -5px; 
	margin			: 0 3vw 0 2vw ; 
}

.project img
{
	width			: 100%;
	height			: auto;  
}
.sections
{
	text-align		: center;
	color			: #b4fdc0;
	font-size		: 12px;
}	

.sections i
{
	margin: 0 2px;
	cursor: pointer;
}

.navigation {
	position:  absolute;
	border: none;
	padding: 0;
	background-color: rgba(35,35,35,0.8);
	height: 34px;
	width: 34px;
	color:  #FFF;
	font-size: 20px;
	text-align: center;
	top: 176px;
	z-index: 10;
}
.navigation:visited  {
	text-decoration: none;
}
.navigation-hover {
	height: 50px;
	width: 50px;
	top:  168px;
}
.navigation:active {
	text-decoration: none;
}
.navigation:focus {
	outline: none;
}
.navigation:first-of-type {
	left: 0px;
}
.navigation:last-of-type {
	right: 10px;
}