html, div, span, applet, object, iframe, /*h1, h2, h3, h4, h5, h6, p,*/ blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, em, 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: none;

font-size: 100%;

vertical-align: baseline;

}



@media only screen and (orientation: landscape)

{
html
{
margin: 0;
padding: 0;
}


body 

{ 

margin: 0; 

padding: 0;

font-size: 100%;
background-color: rgba(255,255,0,0.05);

overflow: auto;

}



a:link{text-decoration: none;}





/* LOGO */

/* LOGO */

#logo_div
{
width: 99%;
height: 10%;
position: absolute; left: 0; top: 0;

float: left;
margin-left: 0.5%;
padding: 0;
background-image: url('../signs/arch.svg');
background-size: contain;
background-repeat: no-repeat;
background-position: left center;

animation-name: /*logobeat*/;

animation-duration: 5s;

animation-iteration-count: infinite;

animation-timing-function: linear;

animation-delay: -2s;

-webkit-animation-name: /*logobeat*/;

-webkit-animation-duration: 5s;

-webkit-animation-iteration-count: infinite;

-webkit-animation-timing-function: linear;

-webkit-animation-delay: -2s;

}

@keyframes logobeat

{

0%{opacity: 1;}

45%{opacity: 1;}

46%{opacity: 0.1;}

50%{opacity: 0.7;}

54%{opacity: 0.1;}

55%{opacity: 1;}

100%{opacity: 1;}

}

@-webkit-keyframes logobeat

{

0%{opacity: 1;}

45%{opacity: 1;}

46%{opacity: 0.1;}

50%{opacity: 0.7;}

54%{opacity: 0.1;}

55%{opacity: 1;}

100%{opacity: 1;}

}

/* LOGO END */

/* LOGO END */





#menu_symbol_div{display: none;}





/* MENU */

/* MENU */

#menu_div

{

width: 24.5%;

height: 88%;

position: absolute; left: 0.5%; top: 12%;

margin: 0;

padding: 0;

border: none;

float: left;

overfow: hidden;

}

/* MENU END */

/* MENU END */



#menu_item_empty

{

line-height: 85%; 

margin: 0; 

padding: 0; 

display:  ;

}



#copyright

{

font-family: Akkurat Regular;

font-size: 0.7em;

color: rgba(0,0,0,0.9); 

line-height: 120%; 

margin-top: 1.5em; 

padding: 0; 

display: inline-block;

clear: left;

float: left;

text-align: left;

text-decoration: none;

}









/* SUB MENU */

/* SUB MENU */

#submenu_div

{

width: 33.333%;

height:  ;

position: relative; left: 0; top: 0;

margin: 0;

padding: 0;

border: none;

float: left;

background-image: url('../signs/menu_chapters.svg');

background-size:  100%;

background-repeat: no-repeat;

}



#sub_menu_arrow_div

{

width: 16.5%;

height: 2em;

position: relative; left: 0; top: 0;

margin: 0;

padding: 0;

border: none;

float: left;

/*background-image: url('../signs/menu_chapters.svg');

background-size:  100%;

background-repeat: no-repeat;

background-position: 0 94%;*/

}



.menu_chapters

{

width: 100%;

margin: 0;

padding: 0;

opacity: 0.875;

float: left;

overflow: hidden;

}

.menu_chapters_ghost

{

width: 100%;

margin: 0; padding: 0;

float: left;

}

.menu_chapters_ghost:hover

{background-color: /*rgba(255,175,0,0.5)*/rgba(0,175,255,0.4);}



.empty_menu_chapters

{

width: 100%;

margin: 0;

padding: 0;

opacity: 0.875;

float: left;

}

/* SUB MENU END */

/* SUB MENU END */








/* TITLE PICTURE TEXT BLOCK */

/* TITLE PICTURE TEXT BLOCK */
#picture-title-text_frame
{

width: 73.5%;
height: 88%;

position: absolute; left: 26.5%; top: 12%;
margin: 0;
padding: 0;

border: none;

/*float: left;*/
}

.list_div

{

width: 67%;

height:  ;

position: absolute; left: 0; top: 0;

margin: 0;

padding: 0;

background-size: 100%;

background-position: 0 0;

background-repeat: no-repeat;

}



#picture-title_div

{

width: 67%;

height:  ;

position: absolute; left: 0; top: 0;

margin: 0;

padding: 0;

/*float: left;*/

background-size: 100%;

background-position: 0 0;

background-repeat: no-repeat;

}

#picture_div
{
max-width: 100%;
height: 75%;
position: relative; left: 0; top: 0;
float: left;
margin-right: 1%;

margin-bottom: 2%;
padding: 0;
}



#installation_div, #storyboard_div, #multidisciplinary_div

{

width: 65%;

height: ;

position: relative; left: 0; top: 0;

float: left;

margin-right: 2%;

margin-bottom: 2%;

padding: 0;

}

#picture
{
max-height: /*100%*/20em;

max-width: 100%;
float: left;
margin: 0;
padding: 0;
}



.installation_picture, .storyboard_picture, .multidisciplinary_picture

{

max-width: 100%;

float: left;

margin: 0;

padding: 0;

}



.installation_picture_half, .book_cover_picture_half, .invitations_picture_half, .multidisciplinary_picture_half

{

width: 50%;

float: left;

margin: 0;

padding: 0;

}



#video_div

{width: 100%; background-color: /*rgba(0,0,0,0.9)*/; margin-bottom: 1em;}


#title_div
{
min-width: 33%;

max-width: 45%;
min-height: 15%;
float: left;
margin-right: 5%;

margin-bottom: 1%; 
padding: 0;
}



#title_installation_div, #title_multidisciplinary_div, #intro_title_multidisciplinary

{

width: 100%;

min-height:  ;

float: left;

margin-top: 1%; margin-bottom: 3%;

padding: 0;

}



/*

#intro_title_multidisciplinary

{

width: 100%; 

min-height:  ;

/*border-left: 1px dotted black; 

padding-left: 2%;*/

float: left;

margin-top: 1%; margin-bottom: 3%;

}

*/



#title_storyboard_div

{

width: 100%;

float: left;

margin-bottom: 3%;

padding: 0;

}



#title_tipography

{

font-family: DINPro Bold;

font-size: 0.8em;

line-height: 120%;

margin-right: 1.5%; margin-left: 0%; margin-bottom: 2%;

padding; 0;

color: rgba(0,0,0,0.9);

letter-spacing: 1px;

display: block;
}



#description_tipography

{

font-family: DINPro Regular;

font-size: 0.8em;

line-height: 120%;

margin: 0;

padding; 0;

color: rgba(0,0,0,0.9);

letter-spacing: 1px;

display: block;

text-align: left;

}


#picture_details_div
{
width: 50%;
height: 23%;
float: left;

margin: 0;

padding; 0;

clear: left;
}

#picture_details
{
/*height*/max-height: 49%;
max-width: 33%;

float: left;
margin-right: 1%; 

margin-bottom: 1%;
padding: 0;
}



#arrow_div

{

position: absolute; left: 67%; top: 0;

width: 33%;

height: 10%;

margin: 0;

padding: 0;

display: block;

}

#top_arrow_div

{

position: fixed; left: 75%; bottom: 1%;

width: 25%;

height: 10%;

margin: 0;

padding: 0;

display: block;

}

#left_arrow

{

height: 100%;

width: 30%;

float: left;

margin-left: 2%;

padding: 0;

background-image: url('../signs/left_arrow.svg');

background-size: contain;

background-repeat: no-repeat;

background-position: center left;

opacity: 0.9;

}

#right_arrow

{

height: 100%;

width: 30%;

float: left;

margin-left: 2%;

padding: 0;

background-image: url('../signs/right_arrow.svg');

background-size: contain;

background-repeat: no-repeat;

background-position: center left;

opacity: 0.9;

}

#top_arrow

{

height: 100%;

width: 30%;

float: left;

margin-left: 4%;

padding: 0;

background-image: url('../signs/top_arrow.svg');

background-size: contain;

background-repeat: no-repeat;

background-position: center left;

opacity: 0.333;

}


#text_div, #installation_text_div, #storyboard_text_div
{
width: 33%;
height:  ;
position: absolute; left: 67%; top: 10%;
margin: 0;
padding: 0;
overflow: visible;

float: left;
text-align: justify;
}


#text
{

font-family: /*Akkurat Regular*/DINPro Regular;

font-size: 0.85em;

line-height: 130%;
margin-top: 2%;
margin-left: 2%;
margin-right: 5%;

/*margin-bottom: 7.5%;*/
height: 98%;
width: 93%;

float: left;
}

/* TITLE PICTURE TEXT BLOCK END */

/* TITLE PICTURE TEXT BLOCK END */











/* LIST SPECS */

/* LIST SPECS */

.list_thumbnail

{

width: 20%;

margin: 0; 

padding: 0; 

border-radius: 0 30% 30% 30%;  

float: left;

background-size: 500% 1100%;

background-repeat: repeat;

}

.list_thumbnail:hover

{

opacity: 0.5;

}

.list_thumbnail_ghost, .list_thumbnail_ghost_no-hover

{

width: /*100%;*/20%;

margin: 0; 

padding: 0;

/*display: block;*/

float: left;

}

.list_thumbnail_ghost:hover

{

background-color: rgba(0,0,255,0.33);

border-radius: 0 30% 30% 30%;

}

.list_thumbnail_empty

{

width: 20%;

margin: 0; 

padding: 0; 

border-radius: 0 30% 30% 30%;  

float: left;

}





/*.complete_paintings_gallery_tipography

{

font-family: DINPro Bold;

font-size: 0.75em;

line-height: 100%;

font-style: normal;

color: black;

margin-left: 4%;

margin-top: 5%;

float: left;

display: inline;

}*/

/* LIST SPECS END */

/* LIST SPECS END */





/* LIST TITLE */

/* LIST TITLE */

#list_title_div

{

width: 33%;

height: 100%;

position: absolute; left: 67%; top: 10%;

margin: 0;

padding: 0;

}

/* LIST TITLE END */

/* LIST TITLE END */







/* GALLERY & LIST TITLE TIPOGRAPHY */

/* GALLERY & LIST TITLE TIPOGRAPHY */

#series_title_tipography

{

font-family: DINPro Bold;

font-size: 1em;

line-height: 100%;

font-style: normal;

color: white;

background-color: rgba(0,0,200,0.7); 

margin: 0;

padding-bottom: 6px; padding-right: 6px;

text-align: left;

vertical-align: top;

display: inline;

float: left;

position: absolute; 

z-index: 1;

top: 0; left: 0;

}

#gallery_single-title_tipography

{

font-family: DINPro Bold;

font-size: 1.1em;

line-height: 100%;

font-style: normal;

color: white;

/*background-color: rgba(0,0,0,0.9);*/

margin: 0;

padding-right: 15px;

padding-left: 5px;

padding-top: 2px;

padding-bottom: 15px;

text-align: left;

vertical-align: top;

display: inline;

float: left;

border-radius: 0 0px 7px 0px;

}



.red_background-color {background-color: rgba(200,0,0,0.9);}

.black_background-color {background-color: rgba(0,0,0,0.9);}



.gallery_multi-title_tipography

{

font-family: DINPro Bold;

font-size: 0.8em;

line-height: 100%;

font-style: normal;

color: rgba(0,0,0,0.9); 

margin-bottom: 1px;

padding: 1px;

text-align: left;

vertical-align: top;

display: inline;

float: left;

}

/* GALLERY & LIST TITLE TIPOGRAPHY END */

/* GALLERY & LIST TITLE TIPOGRAPHY END */









/*CONTACT TIPOGRAPHY*/

/*CONTACT TIPOGRAPHY*/

#contact_title_tipography

{

font-family: DINPro Bold;

font-size: 1em;

line-height: 120%;

margin-right: 1.5%; margin-left: 10%; margin-bottom: 3%;

padding; 0;

color: rgba(0,0,0,0.9);

letter-spacing: 1px;

display: block;

text-decoration: underline;

}

#contact_description_tipography

{

font-family: DINPro Regular;

font-size: 1em;

line-height: 120%;

margin-right: 1.5%; margin-left: 10%;

padding; 0;

color: rgba(0,0,0,0.9);

letter-spacing: 1px;

display: block;

text-align: left;

}

/*CONTACT TIPOGRAPHY END*/

/*CONTACT TIPOGRAPHY END*/








/* FONTS CATALOGUE */

/* FONTS CATALOGUE */



@font-face

{

font-family: DINPro Bold;

src: url('DINPro/DINPro-Bold.otf');

}

@font-face

{

font-family: DINPro Regular;

src: url('DINPro/DINPro-Regular.otf');

}

@font-face

{

font-family: Akkurat Regular;

src: url('akkurat/FontsFree-Net-Akkurat.ttf');

}

@font-face

{

font-family: Akkurat Bold;

src: url('akkurat/FontsFree-Net-Akkurat-Bold.ttf');

}

@font-face

{

font-family: Britannic Bold;

src: url('britannic/BRITANIC.TTF');

}

@font-face

{

font-family: Agency Regular;

src: url('agency/AGENCYR.TTF');

AGENCYR.TTF

}

@font-face

{

font-family: Forte;

src: url('forte/FORTE.TTF');

AGENCYR.TTF

}

@font-face

{

font-family: Baskerville Old face;

src: url('baskerville/BASKVILL.TTF');

AGENCYR.TTF

}


}