/* Elements */

main, article
{
	display:block; /* For some previous browser's versions */
}

body
{
	padding: 0px;
	margin: 0px;
	background-color: white;
	font-family: 'futura_ltbook';
	font-size: 9pt;
}

img
{
	border-style: none;
	border: 0px;
	max-width: 90vw;
    height: auto;
}

div
{
	text-align: center;
}

table
{
	border-width: 0px;
	border-spacing: 0px;
	padding: 0px;
}

tr
{
	text-align: center;
	vertical-align: top;
}


td {
	font-size: 12pt;
	color: #7d7d7d;
	font-weight: normal;
}

a
{
	color: #7d829b;
	text-decoration: underline;
}

a:hover
{
	color: #7d829b;
	text-decoration: none;
}

p {
	font-family: 'futura_ltbook';
	font-weight: normal;
	font-style: normal;
}
 
strong {
	font-family: 'leaguespartan-bold';
	font-weight: normal;
	font-style: normal;
}

em {
	font-family: 'futura_ltbookoblique';
	font-weight: normal;
	font-style: normal;
}

strong > em {
	font-family: 'futura_ltboldoblique';
	font-weight: normal;
	font-style: normal;
}

/*
h1
{
  	font-family:'censcbk';
	font-size: 26pt;
	color: #dedfe4;
	letter-spacing:5px;
	font-weight:normal;
	text-align:center;
	padding:0px;
	margin:0px;
}
*/

/* Classes */

.active
{
	color: #b9d1f2;
}

.background-img
{
	background-image: url(bg.jpg);
	background-repeat: no-repeat;
	background-attachment: scroll;
}

.curriculum tr
{
	vertical-align: middle;
}

.curriculum td
{
	padding: 15px;
}

.portfolio
{
	max-width:680px;
}

.portfolioMitose th
{
	padding: 10px;
}

.portfolioMitose td
{
	padding: 10px;
}

.portfolio th
{
	padding: 20px;
}

.portfolio .infotitle
{
	text-align: left;
}

.portfolio .infolabel
{
	text-align: left;
}

a.switchlanguage:link
{
	text-decoration:none;
}

a.switchlanguage:hover
{
	color:#89cce5;
}

.compactmenu
{
	display: none;
	font-family: 'futura_ltregular';
	font-size: 9pt;
	color: #8e909c;
	font-weight:normal;
	width: 100%;
	background-color:rgba(255,255,255,0.8);
}

.compactmenuheader
{
	position: fixed;
	top: 0px;
	padding-top: 10px;
	width: 100%;
	text-align: center;
	z-index: 1;
	background-color:inherit;
}

.compactmenuelements
{
	position: fixed;
	top: 42px;
	z-index: 1;
	text-align: center;
	background-color:inherit;
	margin: auto;
	width: 100%;
	padding-bottom: 10px;
}

.compactmenuelement
{
	display:inline-block;	
}

.compactmenudropdown
{
	display: none;
	position: absolute;
	text-align: left;
	box-shadow: 0px 4px 14px 0px rgba(187,187,187,0.8);
	background-color:rgba(255,255,255,0.8);
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 3px;
	padding-top: 3px;
	width: 200px;
}

.menudropdown
{
	display: none;
	position: absolute;
	top: -146px;
	left: 0px;
	text-align: left;
	box-shadow: 0px 0px 14px 0px rgba(187,187,187,0.85);
	/*background-color:inherit;*/
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 3px;
	padding-top: 3px;
	width: 200px;
	background-color:rgba(255,255,255,0.8);
	font-family: 'futura_ltregular';
	font-size: 9pt;
	color: #8e909c;
	font-weight:normal;
	margin: 5px;
	height: 140px;
}

.compactmenudropdown a, .menudropdown a
{
	display: block;
	clear: both;
}

.compactmenudropdown a:hover, .menudropdown a:hover
{
	background: rgba(0,0,0,0.05);
}


.portfoliomenu:hover .compactmenudropdown
{
	display: block;
}

.portfoliomenu:hover .menudropdown
{
	display: block;
}


.compactmenudropdown:hover .compactmenudropdown
{
	display: block;
}

.menudropdown:hover .menudropdown
{
	display: block;
}

.portfoliomenu
{
	/*background-color: inherit;*/
}

.portfolioseries
{
	position: relative;
	right: -170px;
	top: -4px;
	float: left;
	width: 10px;
}

.portfolioseries sub
{
	position: relative;
	left: -3pt;
	font-size: 7pt;
}

.portfolioseries sup
{
	position: relative;
	left: 1pt;
	font-size: 7pt;
}

.menu
{
	min-width: 390px;
    max-width: 390px;
	vertical-align: top;
	position: relative;
	left: 0px;
	top: 0px;
	display: block;
}

.content
{
	min-width: 320px;
	max-width: 680px;
	vertical-align: top;
	position: relative;
	left: 390px;

}

/* Responsive Content */

@media only screen and (max-width: 1080px) 
{
	.content 
	{
		left: 0px;
		top: 90px;
		margin: auto;
	}
	.menu
	{
		display: none;
	}
	.background-img
	{
		background-image: url(bg2.jpg);
		background-repeat: no-repeat;
		background-attachment: fixed;
	}
	.compactmenu
	{
		display: block;
	}
}
@media only screen and (max-width: 400px)
{
	#language
	{
		display: none;
	}
}


/* End of Responsive Content Section */

.border
{
	border:1px solid #bbbbbb;
	box-shadow: -3px 8px 14px #bbbbbb;
    min-width: 100px;
    height: auto;
}

.NoShadow
{
	border:0px;
	cursor:default;
}
	
.spacing
{
	font-size: 9pt;
	letter-spacing: 1.5px;
	line-height: 20px; 
}

.smalltext
{
	font-size: 7pt;
	line-height: 20px;
}

.infotitle
{
	font-family: 'futura_ltlight';
	/*font-family: 'futura_ltlightoblique';*/
	font-size: 10pt;
	letter-spacing: 5px;
	color: #9ea0ac;
	font-weight: 100;
	vertical-align: bottom;
}

.infotitlegreek
{
	font-family: 'gfs_neohellenicregular';
	font-size: 14pt;
	letter-spacing: 6px;
	color: #9ea0ac;
	font-weight:100;
}

.infolabel
{
	font-family: 'futura_ltregular';
	font-size: 8pt;
	letter-spacing: 0px;
	color: #c5c7d3;
	padding-top: 5px;
	line-height: 160%;
	/*white-space: nowrap;*/
}

.boitetexte {
	font-family: 'futura_ltregular';
	font-size:11pt;
	border:1px outset #91add5;
	color:#364963;
	width:180px;
}


.bouton {
	font-family: 'futura_ltregular';
	font-size:11pt;
	border: 1px outset #91add5;
	color: #ffffff;
	letter-spacing:1px;
	width: 100px;
	background:#364963;
}

.infosynopsis
{   
	font-weight: 100;
	font-family: 'futura_ltregular';
	font-size: 11pt;
	letter-spacing: 0px;
	color: #7d7d7d;
	text-align: justify;
	vertical-align: middle;
}

.infosynopsis em
{   
	font-family: 'futura_ltoblique';
	font-weight: normal;
	font-style: normal;
}

.infosynopsis strong
{   
	font-family: 'futura_ltheavy';
	font-weight: normal;
	font-style: normal;
}

.legal
{
	font-family: 'futura_ltregular';
	font-size: 9pt;
	color: #8e909c;
	font-weight:normal;
	/*letter-spacing: 1px;*/
}

.switchlanguage
{
	font-family: 'futura_ltregular';
	font-size: 9pt;
	font-weight: normal;
	height: 21px;
}

.texte
{
	font-family: 'futura_ltbook';
	font-size: 12pt;
	color: #7d7d7d;
	padding-left: 20px;
	padding-right: 20px;
	text-align: justify;
}

.center
{
	text-align: center;
}

.right
{
	text-align: right;
}

.left
{
	text-align: left;
}


.bibliography
{
	font-size: 10pt;
	line-height: 13pt;
	color: #8e909c;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 5px;
	text-indent: -4em;
	margin-left: 4em;
	text-align: left;
}

.citation
{
	font-size: 11pt;
	line-height: 15pt;
	color: #aeb0bc;
	padding-left:200px;
	padding-right:200px;
	font-style:italic;
	text-align:center;
}

.citation2
{
	font-size: 11pt;
	line-height: 15pt;
	color: #aeb0bc;
	padding-left:100px;
	padding-right:100px;
	font-style:italic;
	text-align:justify;
}

.citationNormal
{
	font-size: 11pt;
	line-height: 15pt;
	color: #aeb0bc;
	padding-left:100px;
	padding-right:100px;
	font-style:normal;
	text-align:justify;
}

.citationNoPadding
{
	font-size: 11pt;
	line-height: 15pt;
	color: #aeb0bc;
	font-style:italic;
	text-align:justify;
}

.textedroit
{
  	font: 18px/18px;
	font-size: 11pt;
	letter-spacing: 0px;
	color: #8e909c;
	/*text-shadow: #cccccc -2px 1px 10px;*/
	text-align:right;
    /*text-shadow: #999999 1px 1px 1px;*/
	padding-left:20px;
	padding-right:20px;
}

.textegras
{
  	font-family: 'futura_ltbold';
	font-size: 20pt;
	color: #5e7796;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin-bottom: 0px;
	text-align: left;
	padding-left: 5px;
	padding-right: 5px;
}

.textegras em {
	font-family: 'futura_ltboldoblique';
	font-weight: normal;
	font-style: normal;
}

.textegras strong {
	font-family: 'futura_ltextrabold';
	font-weight: normal;
	font-style: normal;
}

.textegrasreduit
{
  	font-family: 'leaguespartan-bold';
	font-size: 14pt;
	letter-spacing: 0px;
	color: #5e7796;
	text-transform:uppercase;
	margin-bottom:0px;
	margin-top:0px;
	text-align:left;
}

.textegras2
{
	font: 15px/15px 'leaguespartan-bold';
	font-size: 11pt;
	letter-spacing: 0px;
	color: #7e808c;
	text-align:justify;
}

.date
{
  	font-family: 'futura_ltcondensedlight';
	font-size: 12pt;
	letter-spacing: 1pt; 
	color: #8f919a;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;	
}

.columns 
{
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;	
}

/* font-face section */

/*
@font-face {
    font-family: 'censcbk';
    src: url('censcbk-webfont.eot');
    src: url('censcbk-webfont.eot?#iefix') format('embedded-opentype'),
         url('censcbk-webfontt.woff') format('woff'),
         url('censcbk-webfont.ttf') format('truetype'),
    font-weight: normal;
    font-style: normal;
}
*/

/*
@font-face {
    font-family: 'futura_ltcondensedbold';
    src: url('futuralt-condensedbold-webfont.eot');
    src: url('futuralt-condensedbold-webfont.eot?#iefix') format('embedded-opentype'),
         url('futuralt-condensedbold-webfont.woff2') format('woff2'),
         url('futuralt-condensedbold-webfont.woff') format('woff'),
         url('futuralt-condensedbold-webfont.ttf') format('truetype'),
         url('futuralt-condensedbold-webfont.svg#futura_ltcondensedbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
*/

@font-face {
    font-family: 'futura_ltbook';
    src: url('futuralt-book-webfont.eot');
    src: url('futuralt-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('futuralt-book-webfont.woff2') format('woff2'),
         url('futuralt-book-webfont.woff') format('woff'),
         url('futuralt-book-webfont.ttf') format('truetype'),
         url('futuralt-book-webfont.svg#futura_ltbook') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*
@font-face {
    font-family: 'futura_ltcondensedboldoblique';
    src: url('futuralt-condensedboldoblique-webfont.eot');
    src: url('futuralt-condensedboldoblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('futuralt-condensedboldoblique-webfont.woff2') format('woff2'),
         url('futuralt-condensedboldoblique-webfont.woff') format('woff'),
         url('futuralt-condensedboldoblique-webfont.ttf') format('truetype'),
         url('futuralt-condensedboldoblique-webfont.svg#futura_ltcondensedboldoblique') format('svg');
    font-weight: normal;
    font-style: normal;
}
*/

/*
@font-face {
    font-family: 'futura_ltcondextraboldobl';
    src: url('futuralt-condextraboldobl-webfont.eot');
    src: url('futuralt-condextraboldobl-webfont.eot?#iefix') format('embedded-opentype'),
         url('futuralt-condextraboldobl-webfont.woff2') format('woff2'),
         url('futuralt-condextraboldobl-webfont.woff') format('woff'),
         url('futuralt-condextraboldobl-webfont.ttf') format('truetype'),
         url('futuralt-condextraboldobl-webfont.svg#futura_ltcondextraboldobl') format('svg');
    font-weight: normal;
    font-style: normal;
}
*/

/*
@font-face {
    font-family: 'futura_ltcondensedextrabold';
    src: url('futuralt-condensedextrabold-webfont.eot');
    src: url('futuralt-condensedextrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('futuralt-condensedextrabold-webfont.woff2') format('woff2'),
         url('futuralt-condensedextrabold-webfont.woff') format('woff'),
         url('futuralt-condensedextrabold-webfont.ttf') format('truetype'),
         url('futuralt-condensedextrabold-webfont.svg#futura_ltcondensedextrabold') format('svg');
    font-weight: normal;
    font-style: normal;
}
*/

@font-face {
    font-family: 'futura_ltheavy';
    src: url('futuralt-heavy-webfont.eot');
    src: url('futuralt-heavy-webfont.eot?#iefix') format('embedded-opentype'),
         url('futuralt-heavy-webfont.woff2') format('woff2'),
         url('futuralt-heavy-webfont.woff') format('woff'),
         url('futuralt-heavy-webfont.ttf') format('truetype'),
         url('futuralt-heavy-webfont.svg#futura_ltheavy') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*
@font-face {
    font-family: 'futura_ltheavyoblique';
    src: url('futuralt-heavyoblique-webfont.eot');
    src: url('futuralt-heavyoblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('futuralt-heavyoblique-webfont.woff2') format('woff2'),
         url('futuralt-heavyoblique-webfont.woff') format('woff'),
         url('futuralt-heavyoblique-webfont.ttf') format('truetype'),
         url('futuralt-heavyoblique-webfont.svg#futura_ltheavyoblique') format('svg');
    font-weight: normal;
    font-style: normal;
}
*/

@font-face {
    font-family: 'futura_ltlight';
    src: url('futuralt-light-webfont.eot');
    src: url('futuralt-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('futuralt-light-webfont.woff2') format('woff2'),
         url('futuralt-light-webfont.woff') format('woff'),
         url('futuralt-light-webfont.ttf') format('truetype'),
         url('futuralt-light-webfont.svg#futura_ltlight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'futura_ltbookoblique';
    src: url('futuralt-bookoblique-webfont.eot');
    src: url('futuralt-bookoblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('futuralt-bookoblique-webfont.woff2') format('woff2'),
         url('futuralt-bookoblique-webfont.woff') format('woff'),
         url('futuralt-bookoblique-webfont.ttf') format('truetype'),
         url('futuralt-bookoblique-webfont.svg#futura_ltbookoblique') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'futura_ltlightoblique';
    src: url('futuralt-lightoblique-webfont.eot');
    src: url('futuralt-lightoblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('futuralt-lightoblique-webfont.woff2') format('woff2'),
         url('futuralt-lightoblique-webfont.woff') format('woff'),
         url('futuralt-lightoblique-webfont.ttf') format('truetype'),
         url('futuralt-lightoblique-webfont.svg#futura_ltlightoblique') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*
@font-face {
    font-family: 'futura_ltextraboldoblique';
    src: url('futuralt-extraboldoblique-webfont.eot');
    src: url('futuralt-extraboldoblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('futuralt-extraboldoblique-webfont.woff2') format('woff2'),
         url('futuralt-extraboldoblique-webfont.woff') format('woff'),
         url('futuralt-extraboldoblique-webfont.ttf') format('truetype'),
         url('futuralt-extraboldoblique-webfont.svg#futura_ltextraboldoblique') format('svg');
    font-weight: normal;
    font-style: normal;
}
*/

@font-face {
    font-family: 'futura_ltboldoblique';
    src: url('futuralt-boldoblique-webfont.eot');
    src: url('futuralt-boldoblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('futuralt-boldoblique-webfont.woff2') format('woff2'),
         url('futuralt-boldoblique-webfont.woff') format('woff'),
         url('futuralt-boldoblique-webfont.ttf') format('truetype'),
         url('futuralt-boldoblique-webfont.svg#futura_ltboldoblique') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'futura_ltoblique';
    src: url('futuralt-oblique-webfont.eot');
    src: url('futuralt-oblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('futuralt-oblique-webfont.woff2') format('woff2'),
         url('futuralt-oblique-webfont.woff') format('woff'),
         url('futuralt-oblique-webfont.ttf') format('truetype'),
         url('futuralt-oblique-webfont.svg#futura_ltoblique') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'futura_ltbold';
    src: url('futuralt-bold-webfont.eot');
    src: url('futuralt-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('futuralt-bold-webfont.woff2') format('woff2'),
         url('futuralt-bold-webfont.woff') format('woff'),
         url('futuralt-bold-webfont.ttf') format('truetype'),
         url('futuralt-bold-webfont.svg#futura_ltbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*
@font-face {
    font-family: 'futura_ltcondensedoblique';
    src: url('futuralt-condensedoblique-webfont.eot');
    src: url('futuralt-condensedoblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('futuralt-condensedoblique-webfont.woff2') format('woff2'),
         url('futuralt-condensedoblique-webfont.woff') format('woff'),
         url('futuralt-condensedoblique-webfont.ttf') format('truetype'),
         url('futuralt-condensedoblique-webfont.svg#futura_ltcondensedoblique') format('svg');
    font-weight: normal;
    font-style: normal;
}
*/

@font-face {
    font-family: 'futura_ltextrabold';
    src: url('futuralt-extrabold-webfont.eot');
    src: url('futuralt-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('futuralt-extrabold-webfont.woff2') format('woff2'),
         url('futuralt-extrabold-webfont.woff') format('woff'),
         url('futuralt-extrabold-webfont.ttf') format('truetype'),
         url('futuralt-extrabold-webfont.svg#futura_ltextrabold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'futura_ltcondensed';
    src: url('futuralt-condensed-webfont.eot');
    src: url('futuralt-condensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('futuralt-condensed-webfont.woff2') format('woff2'),
         url('futuralt-condensed-webfont.woff') format('woff'),
         url('futuralt-condensed-webfont.ttf') format('truetype'),
         url('futuralt-condensed-webfont.svg#futura_ltcondensed') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'futura_ltregular';
    src: url('futuralt-webfont.eot');
    src: url('futuralt-webfont.eot?#iefix') format('embedded-opentype'),
         url('futuralt-webfont.woff2') format('woff2'),
         url('futuralt-webfont.woff') format('woff'),
         url('futuralt-webfont.ttf') format('truetype'),
         url('futuralt-webfont.svg#futura_ltregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'futura_ltcondensedlight';
    src: url('futuralt-condensedlight-webfont.eot');
    src: url('futuralt-condensedlight-webfont.eot?#iefix') format('embedded-opentype'),
         url('futuralt-condensedlight-webfont.woff2') format('woff2'),
         url('futuralt-condensedlight-webfont.woff') format('woff'),
         url('futuralt-condensedlight-webfont.ttf') format('truetype'),
         url('futuralt-condensedlight-webfont.svg#futura_ltcondensedlight') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*
@font-face {
    font-family: 'futura_ltcondensedlightobl';
    src: url('futuralt-condensedlightobl-webfont.eot');
    src: url('futuralt-condensedlightobl-webfont.eot?#iefix') format('embedded-opentype'),
         url('futuralt-condensedlightobl-webfont.woff2') format('woff2'),
         url('futuralt-condensedlightobl-webfont.woff') format('woff'),
         url('futuralt-condensedlightobl-webfont.ttf') format('truetype'),
         url('futuralt-condensedlightobl-webfont.svg#futura_ltcondensedlightobl') format('svg');
    font-weight: normal;
    font-style: normal;
}
*/

@font-face {
    font-family: 'leaguespartan-bold';
    src: url('leaguespartan-bold.eot');
    src: url('leaguespartan-bold.eot?#iefix') format('embedded-opentype'),
         url('leaguespartan-bold.woff2') format('woff2'),
         url('leaguespartan-bold.woff') format('woff'),
         url('leaguespartan-bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gfs_neohellenicregular';
    src: url('gfsneohellenic-webfont.eot');
    src: url('gfsneohellenic-webfont.eot?#iefix') format('embedded-opentype'),
         url('gfsneohellenic-webfont.woff2') format('woff2'),
         url('gfsneohellenic-webfont.woff') format('woff'),
         url('gfsneohellenic-webfont.ttf') format('truetype'),
         url('gfsneohellenic-webfont.svg#gfs_neohellenicregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* END of font-face section */

/* animations */

@keyframes smoothzoomout
{
    0% 
	{
	  transform: scale3d(1 ,1, 1) translate3d(-245px, -123px, 0px);
      /*opacity: 0;*/
    }
    /*
	10% 
	{
      opacity: 1;
    }
    95% 
	{
      transform: scale3d(1.5, 1.5, 1.5) translate3d(-190px, -120px, 0px);
      animation-timing-function: ease-in;
      opacity: 1;
    }
	
    100% 
	{
      transform: scale3d(2, 2, 2) translate3d(-170px, -100px, 0px);
      opacity: 0;
    }
	*/
	100%
	{
		transform: scale3d(.5, .5, .5) translate3d(-489px, -245px, 0px);
	}
}

@keyframes contrasting
{
	0%
	{
		-webkit-filter: blur(0px) contrast(100%);
		filter: blur(0px) contrast(100%);
	}
	100%
	{
		-webkit-filter: blur(1px) contrast(130%);
		filter: blur(1px) contrast(130%);
	}
}

@-webkit-keyframes fadein
{
	0%
	{
		opacity: 0;
		visibility: visible;
	}
	100%
	{
		opacity: 1;
		visibility: visible;
	}
}

@keyframes fadein
{
	0%
	{
		opacity: 0;
		border:0px solid #bbbbbb;
		box-shadow: -3px 8px 0px #ffffff;
		visibility: visible;
	}
	100%
	{
		opacity: 1;
		border:1px solid #bbbbbb;
		box-shadow: -3px 8px 14px #bbbbbb;
		visibility: visible;
	}
}



.caroussel 
{
	width: 300px;
	height: 150px;
	/*overflow: hidden;*/
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-top: 20px;
}

.caroussel img
{
	visibility: hidden;
}

#architextura
{
	-webkit-animation: fadein 2s ease-out 0.5s 1;
	-webkit-animation-fill-mode: forwards;
	animation: fadein 2s ease-out 0.5s 1;
	animation-fill-mode: forwards;
}

#mitose
{
	-webkit-animation: fadein 2s ease-out 1.0s 1;
	-webkit-animation-fill-mode: forwards;
	animation: fadein 2s ease-out 1.0s 1;
	animation-fill-mode: forwards;
}

#scene
{
	-webkit-animation: fadein 2s ease-out 1.4s 1;
	-webkit-animation-fill-mode: forwards;
	animation: fadein 2s ease-out 1.4s 1;
	animation-fill-mode: forwards;
}

#memoires
{
	-webkit-animation: fadein 2s ease-out 1.7s 1;
	-webkit-animation-fill-mode: forwards;
	animation: fadein 2s ease-out 1.7s 1;
	animation-fill-mode: forwards;
}

#cyborg
{
	-webkit-animation: fadein 2s ease-out 2.0s 1;
	-webkit-animation-fill-mode: forwards;
	animation: fadein 2s ease-out 2.0s 1;
	animation-fill-mode: forwards;
}
#dual
{
	-webkit-animation: fadein 2s ease-out 2.3s 1;
	-webkit-animation-fill-mode: forwards;
	animation: fadein 2s ease-out 2.3s 1;
	animation-fill-mode: forwards;
}

.portfolioselection:hover .caroussel
{
	-webkit-animation: contrasting 1.7s ease-in-out 0s infinite alternate;
	animation: contrasting 1.7s ease-in-out 0s infinite alternate;
	visibility: visible;
}

.portfolioselection
{
	height: 200px;
	padding: 10px;
}

.portfolioselection:hover
{
	box-shadow: -3px 8px 14px #eeeeee;
	border-radius: 5px;
	background: rgba(0,0,0,0.03);
}

/* END of animations section*/