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;
	vertical-align: baseline;
}

body {
    background-color: #fff;
}

	
#frame {
	border:0px solid #ccc;
	max-width:100%;
    background-color: white;
}
/* Navigation frame */
#navigation {
	left:0;
    width: auto;
    height: 80px;
    border: 0px solid red;
	background-color:rgba(0,0,0,1);
	z-index:10;
}
/* Logo */
#logo {
	border:0px solid red;
	position:relative;
	margin:0 auto;
	padding-left:10px;
	top:20px;
	color:white;
	font-size:24px;
	text-transform:uppercase;
	text-align:center;
	font-family: 'Poiret One', cursive;
	letter-spacing:0.5px;
}
/* Links */
#links {
	position:static;
	float:none;
	border: 0px solid white;
	margin:0 auto;
	margin-top:28px;
	padding:0;
	height:20px;
	z-index:2;
   	text-align:center;
}
#links li {
	display:inline-block;
   	padding:0;
   	width:32.5%;
   	border: 0px solid red;
   	text-align:center;
}
	
#links li a {
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	font-size:15px;
	letter-spacing:0.2px;
	color:#ccc;
	cursor: pointer;
	text-decoration:none;
}
#links li a:hover {
	color:#fff;
}
#links li a.selected {
	color:#fff;
}
/* Lang */
#lang {
	position:absolute;
    border: 0 solid green;
	padding:0;
	margin-right:10px;
	text-align:center;
	top:-30px;
	right:0px;
	height:20px;
    padding:0 0 0 0;
}
#lang li {
    list-style: none;
	display:inline-block;
	width:10px;
    margin:0;
    padding:0 0 0 10px;
    border: 0 solid orange;
    text-align:right;
}
#lang li a {
	font-family: 'Roboto', sans-serif;
	font-weight:500;
	font-size:10px;
	color:#888;
	cursor: pointer;
	text-decoration:none;
	text-transform:lowercase;
}
#lang li a.selected {
	color:white;
	cursor: pointer;
}
#title {
	font-size:32px;
	padding:30px 0 20px 0;
	width: 100%;
	text-align:center;
	color:#000;
	border:0px solid green;
	font-family: 'Roboto', sans-serif;
	font-weight:100;
}
#subtitle {
	border-bottom:1px solid #ccc;
	font-size:14px;
	text-transform:uppercase;
	text-align:center;
	margin:5px 3px 5px 3px;
	font-family: 'Roboto', sans-serif;
	font-weight:300;
}
/* Projects */
#projects {
	border: 0px solid red;
	margin-top:0px;
	background-color:white;
}
/* About */
#about {
	margin:auto;
	line-height:26px;
	font-family:sans-serif;
	font-size:13px;
	margin:10px auto 30px auto;
	text-align:center;
	padding:20px 8% 0 8%;
	color:#555;
	border:0px solid #ccc;
}
/* Swiper */
.swiper-container.s1 {
	border:0px solid red;
	font-size:0;
}
.swiper-wrapper.s1 {
	height: auto !important;
	padding:0;
}
.swiper-slide.s1 {
	text-align:center;
}
.swiper-slide.s1 img {
	width:auto;
	height:auto;
	max-width:100%;
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.pagination.s1 {
	position: absolute;
	left:0;
	text-align:center;
	bottom:10px;
	width:100%;
	z-index: 20;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 6px;
  background: rgba(0,0,0,0.2);
  margin-right: 5px;
  opacity: 0.8;
  border: 0px solid #fff;
  cursor: pointer;
}
.swiper-visible-switch {
  background: #efefef;
}
.swiper-active-switch {
  background: rgba(255,255,255,0.8);
}
.right {
	background-image: url("../images/next_white.png") ;
	right:0px;
    margin-right:5px;
}
.left {
	background-image: url("../images/prev_white.png") ;
    margin-left:5px;
}
.left,.right {

	position: absolute;
	top:50%; 
	margin-top:-44px;
	width:46px;
	height:90px;
	border:0px solid red;
	
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    cursor:pointer;
	
    -khtml-opacity:.60; 
 	-moz-opacity:.60; 
 	-ms-filter:"alpha(opacity=60)";
  	filter:alpha(opacity=60);
  	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.6);
  	opacity:0.6; 
}

/* Materials Links */
#materials #container {
	border:0px solid black;
	height:120px;
	margin-bottom:5px;
	width:98%;
	margin:auto;
}
#materials #left, #materials #right {
	font-size:14px;
	padding-bottom:5px;
	width:48%;
	text-align:center;
	color:#000;
	margin:10px 3px 0px 3px;
}
#left {
	float:left;
}
#right {
	float:right;
}
#materials #list a {
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	color:#444;
	cursor: pointer;
}
#materials #list a.selected {
	color:black;
	font-weight:400;
}
#clear  {
	clear:both;
}
/* Helpers */
#list {
	margin:0px;
	padding:0px;
	margin-bottom:12px;
}
#list li {
	line-height:36px;
	font-family:sans-serif;
	height: 32px;
	border:0px solid red;
    list-style: none;
	font-size:15px;
	padding-left:3px;
}
.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.img {
	width:24px;
    vertical-align: middle;
}
#list a {
	cursor:hand;
	padding-left:5px;
	color:black;
	text-decoration:underline;
}
/* Materials Gallery */
ul.gallery {
	position:relative;
	border:0px solid red;
	width:100%;
	padding:0px;
	margin:auto;
	text-align:center;
}
ul.gallery li {
	-webkit-box-shadow: 0px 2px 1px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 2px 1px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
	border:0px solid red;
	display:inline-block;
	height:190px;
	width:280px;
	padding:0px;
	margin:50px 20px 0px 20px;
	background: #fff;
}
ul.gallery img {
	display:inline;
	width:280px;
	height:190px;
}
ul.gallery li span {
	position:relative;
	display:inline-block;
	width:280px;
	color:#777;
	border:0px solid orange;
	text-align:center;
	font-size:13px;
	text-transform:uppercase;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
}
#description {
	font-family:sans-serif;
	line-height:26px;
	display:block;
	text-align:center;
	color:#555;
	font-size:13px;
	padding:3px;
	border:0px solid red;
	padding:10px 8% 10px 8%;
}
/* Contacts */
#wrap {
	min-height:600px;
	margin: 0 auto;
	border:0px solid red;
	width: 90%;
}
#a, #b, #c, #d {
	font-weight:300;
}
#a {
	border:0px solid red;
	width: 100%;
	height:200px;
}
#b {
	border:0px solid red;
	width: 100%;
	height:100px;
}
#c {
	padding-top:0;
	border:0px solid red;
	width: 100%;
	height:100px;
}
#d {
	padding-top:0;
	border:0px solid red;
	width: 100%;
	height:100px;
}
	
/* Footer */
#footer {
	padding:20px 0 20px 0;
	color:#555;
	text-align:center;
	border:0px solid red;
	font-size:11px;
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	-webkit-text-size-adjust: 100%;
	
	background: rgb(219,219,219); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMxJSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU5JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  rgba(219,219,219,1) 0%, rgba(241,241,241,1) 31%, rgba(255,255,255,1) 59%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(219,219,219,1)), color-stop(31%,rgba(241,241,241,1)), color-stop(59%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(219,219,219,1) 0%,rgba(241,241,241,1) 31%,rgba(255,255,255,1) 59%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(219,219,219,1) 0%,rgba(241,241,241,1) 31%,rgba(255,255,255,1) 59%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(219,219,219,1) 0%,rgba(241,241,241,1) 31%,rgba(255,255,255,1) 59%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(219,219,219,1) 0%,rgba(241,241,241,1) 31%,rgba(255,255,255,1) 59%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}