@font-face {
  font-family: 'Italianno';
  font-weight: 400;
  src: url(/files/fonts/italianno/Italianno-Regular.ttf);
}

	/* GENERAL */
	body, body *
	{
		margin: 0px;
		padding: 0px;
		box-sizing: border-box;
		color: #A89;
	}	
	
	.terminator
	{
		clear: both;
	}
	#main
	{
		width: 100%;
		overflow-x:hidden;
		overflow-y: auto;
		opacity: 0;
		transition: opacity 2s;
		-moz-transition: opacity 2s;
	}
    
    .color_white
    {
        color: #FFF;
    }
	#start_time_container,
	#cover_text,
	.section_title,
	.galery_title

	{
		font-family: 'Italianno', cursive;
	}

	#cover_text
	{
		font-size: 48pt;
		position:fixed;
		z-index: 101;
		text-align: center;
		font-weight: normal;
	}	
	
	.section_title
	{
		font-weight: normal;
		font-size: 38pt;
		text-align: left;
	}
	
	.deco,
	.jubilee_date,
	.jubilee_mark
	{
		vertical-align: top;
	}	
	
	/* COVER */

	#cover_box
	{
		height: 100vh;
		width: 100%;
		background-color: rgba(126,53,99, 1);
		display: table;
		position: fixed;
		z-index: 100;
		transition: all 2s;
		-moz-transition: all 2s;
	}
	
	#cover_container
	{
		display: table-cell;
		vertical-align: middle;
	}
	#cover_image_container
	{
		display: table;
		margin:auto;
		box-shadow: 0px 0px 50px 5px #FFF;
		position: relative;
	}	
	
	.cover_image_row
	{
		display: table-row;
		/*position: relative;*/
	}
	.cover_image_fragment
	{
    	display: table-cell;
    	width: 10%;
    	height: 10%;
    	position: absolute;
    	transition: all 5s;
    	-moz-transition: all 5s;
    	background-size:1100% 1100%;
	}	
	
	#cover_text
	{
		width: 80%;
		padding: 10px 0px;
		border-radius: 50%;
		box-shadow: 0px 0px 10px 10px rgba(255,255,255,0.8);
		background-color: rgba(255,255,255,0.8);
		text-align: center;
		margin: 30vh 0px 0px 10%;
		cursor: pointer;
		transition: all 1s;
		-moz-transition: all 1s;
	}

	#cover_text:hover
	{
		background-color: rgba(126,53,99, 0.8);
		color: #FFF;
		box-shadow: 0px 0px 10px 10px rgba(126,53,99, 0.8);
	}
	
	/* HEADER IMAGES */
	.header_img 
	{
		width: 100%;
		overflow: hidden;
		height: 40vh;
		background-position: center;
		background-size: 100% auto;
	}	
	.header_img img
	{
		width: 100%;
	} 
	
	/* START TIME */
	#start_time_container
	{
		width: 100%; 
	}
	
	#start_time,
	#galeries
	{
		box-shadow: 0px 15px 15px -15px #7E3563 inset, 0px -15px 15px -15px #7E3563 inset;
		padding: 25px;
	}
	
	#start_time
	{
		font-size: 32pt;
		position: relative;
	}
	
	#start_time_text
	{
		text-align: right;
	}
	
	#jubilee_alert
	{
    	display: none;
	   position: absolute;
    	font-weight: bold;
    	color: #FFF;
    	background-color: #7E3563;
    	width: 1.5em;
    	height: 1.5em;
    	line-height: 1.7em;
    	border-radius: 50%;
    	box-shadow: 0px 0px 15px 1px #FFF inset;
    	text-align: center;
    	padding-right: 10px;
    	top: 15px;
    	right: 15px;
    	transition: all 1s;
    	-moz-transition: all 1s;
}		
	
	.date_number
	{
		display: inline-block;
		width: 1em;
		text-align: right;
	}
	
	#other_date
	{
		width: 100%;
		font-size: 24pt;
		padding: 25px;
		position: relative;
		box-shadow: 0px 15px 15px -15px #FFF inset, 0px -15px 15px -15px #FFF inset;
		background-color: #7E3563;
	}

	#other_date *
	{
		color: #FFF;
	}

	.other_jubilee
	{
		width: calc(100% - 2em);
		margin-left: 2em;
	}

	.jubilee_name
	{
		display: inline-block;
		width: 45%;
		margin-right: 5%;
	}

	.jubilee_mark
	{
		display: inline-block;
    	transition: all 0.7s;
    	-moz-transition: all 0.7s;
    	color: #FFF;
    	background-color: #7E3563;
		width: 1.3em;
		height: 1.3em;
		line-height: 1.5em;
		text-align:center;
		padding-right: 7px;
    	box-shadow: 0px 0px 15px 1px #FFF inset;
		margin-left: 10px;
		border-radius: 50%;
		font-weight: bold;    	
	}
	
	.img_block
	{
		overflow: hidden;
		width:33%;
	}

	.img_block img
	{
		width: 100%;
	}
	
	.text_block
	{
		width:67%;
		padding: 0px 20px;
	}
	
	.block_left,
	.block_right
	{
		float:left;
	}
	
	.block_right
	{
	}
	
	/* GALERY THUMBS */
	
	.galery_thumbs
	{
		text-align: center;
	}	
	
	.galery_thumb
	{
		width: 150px;
		height: 150px;
		overflow: hidden;
		text-align: center;
		display: inline-block;
		margin: 10px;
		position: relative;
	}	
	
	.galery_thumb img
	{
		height: 100%;
	}
	
	.galery_title
	{
		position: absolute;
		line-height: 150px;
		text-align: center;
		width: 100%;
		cursor: pointer;
		color: #FFF;
		text-shadow: 2px 2px 3px #3C051B;
		background-color: rgba(48,0,16, 0.5);
		font-size: 24pt;
		transition: all 1s;
		-moz-transition: all 1s;
	}

	.galery_title:hover
	{
		background-color: rgba(255,255,255, 0.5);
		color: #3C051B;
	}
	

    /* VIDEOS */
   
   .video_container
   {
       position: relative;
       text-align: center;
       padding: 25px;
       background-color: #7E3563;
       box-shadow: 0px 15px 15px -15px #FFF inset, 0px -15px 15px -15px #FFF inset;
   }
   
   .video_inner_container
   {
       position: relative;
       display: inline-block;
       width: 400px;
       height: 225px;
       box-shadow: 0px 0px 10px 3px #FFF;
   }

   .video_inner_container:not(:nth-of-type(1))
   {
       margin-left: 25px;
   }

   
   .video_cover
   {
       width: 100%;
       height: 100%;
       position: absolute;
       transition: all 1s;
       background-color: rgba(255,255,255,0.1);
       cursor: pointer;
       top: 0px;
       left: 0px;
   }

   .video_cover:hover
   {
       background-color: rgba(126,53,99,0.8);
   }

    .video_cover_text
    {
        padding: 5px 5px;
        transition: all 1s;
        background-color: rgba(126,53,99,0.8);
        color: #FFF;
    }

    .video_cover:hover .video_cover_text
    {
        background-color: rgba(255,255,255,0.8);
        color: #7E3563;
    }
    
    .video_cover_activ
    {
       display: block;
    }

    .video_content
    {
        width: 100%;
    }

	/* FANCY BOX */
	#fancy_box
	{
		position: fixed;
		z-index: 5;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		display: none;
		transition: all 1s;		
	}
	#fancy_inner_box
	{
		display: table-cell;
		vertical-align: middle;
		text-align:center;
		background-color: rgba(126, 53, 99, 0.8);
	}
	
	#fancy_container
	{
		margin: auto;
		width: 100%;
		max-height: 90vh;
		display: table;
		position: relative;
	}
	
	#fancy_header,
	#fancy_content,
	#fancy_footer
	{
		display: table-row;
		position: relative;
	}

	#fancy_navigation
	{
		position:absolute;
		right: 15px;
		top: -20px;
		z-index: 10;
	}	

	#fancy_close
	{
		width: 41px;
		height: 41px;
		line-height: 35px;
		font-size: 37px;
		border-radius: 50%;
		border: 2px solid #FFF;
		color: #7E3563;
		background-color: #FFF;
		cursor: pointer;
		font-family: sans-serif;
	}
	
	#fancy_close:hover
	{
		border: 2px solid #FFF;
		color: #FFF;
		background-color: #7E3563;
	}
	
	#fancy_prev,
	#fancy_content_container,
	#fancy_next
	{
		display: table-cell;
		vertical-align: middle;
		font-family: sans-serif;
	}

	#fancy_content_container
	{
		text-align: center;
		width: 80%;
		border: 10px solid #FFF;
		background-color: #000;
	}

	#fancy_prev,
	#fancy_next
	{
		width: 10%;
		cursor: pointer;
		font-size: 36px;
	}


	#fancy_prev:hover #fancy_left_arrow,
	#fancy_next:hover #fancy_right_arrow
	{
		color: #FFF;
	}

	#fancy_content_container img
	{
		max-height: 80vh;
		max-width: 80vw;
	}

	#fancy_content_container img,
	#fancy_content_container video
	{
		max-height: 80vh;
		max-width: 100%;
	}

/********** GUEST BOOK **********/

	#guestbook
	{
		width: 100%;
		font-size: 24pt;
		padding: 25px;
		position: relative;
		box-shadow: 0px 15px 15px -15px #FFF inset, 0px -15px 15px -15px #FFF inset;
		background-color: #7E3563;
	}

	#guestbook_text
	{
		padding: 10px;
		margin: auto;
		font-size: 12pt;
		width: 100%;
		max-height:70vh;
		overflow: hidden;
		background-color: #FFF;
	}
	
	.guestbook_entry
	{
		padding: 0px 10%;
	}

	.guestbook_entry_counter,
	#guestbook_entry .button
	{
		font-size: 12pt;
	}
	
	.guestbook_entry_counter
	{
		width: 100%;
		text-align: right;
		margin-bottom: 10px;
	}
	
	#new_guestbook_entry
	{
		font-size: 12pt;
		height: 150px;
		width: 100%;
		background-color: #FFF;
		color: #7E3563;
		padding: 10px;
	}
	#guestbook_entry .button
	{
		width: 100px;
		margin: 10px 0px 10px auto;
		text-align:center;
		border: 1px solid #A89;
		border-radius: 5px;
		cursor: pointer;
	}
	
	#guestbook_entry .button:hover
	{
		color: #FFF;
	}
   
   .guestbook_date
   {
   	font-size: 10pt;
   }