@font-face {
	font-family: 'klavika';
  font-family: 'Open Sans', "Trebuchet MS", Arial, Verdana;
	/*src: url(klavika-bold-webfont.ttf) format('truetype');*/
	font-weight: 700;
	font-style: normal;
}

@font-face {
	
  
  font-family: 'klavika';
	src: url(klavika-medium-webfont.ttf) format('truetype');
	font-weight: 500;
	font-style: normal;
}

* {
    margin: 0px;
    padding: 0px;
}

html, body, .background, .page {
    width: 1920px;
    height: 1080px;
    position: absolute;
}

.background {
    -webkit-filter: brightness(0.5) grayscale(1);
    overflow: hidden;
}

.background img {
	position: absolute;
	opacity: 0;
	-webkit-transition: opacity 1s linear;
}

.page {
    font-family: sans-serif;
/*     background: rgba(<?php echo $b["r"]; ?>, <?php echo $b["g"]; ?>, <?php echo $b["b"]; ?>, 0.5); */
}

h1 {
    font-size: 62px;
    padding: 15px 0px 0px 20px;
    line-height: 72px;
    font-family: 'klavika';    
    font-weight: 500;
    letter-spacing: -1px;
}

h2 {
    font-size: 170px;
    letter-spacing: -8px;
    font-family: 'klavika';
    
    text-align: center;
    line-height: 216px;
    font-weight: 500;
}

h3 {
    font-size: 45px;
    font-family: 'klavika';
    
    line-height: 80px;
    font-weight: 500;
    margin-left: 12px;
    margin-top: 32px;
}

p {
    font-family: 'Droid Sans';
    font-family: 'Open Sans', "Trebuchet MS", Arial, Verdana;
    font-size: 25px;
    padding: 10px 22px 4px;
    font-weight: bold;
}

.panel {
    position: absolute;
    background: rgba(250, 250, 250, 0.55);
    background: rgba(255, 255, 255, 0.7);
    border: 1px rgba(50, 50, 50, 0.5) solid;
}

.panel_header {
/*     background: rgba(255, 255, 255, 0.4); */
    background-color: #0A2850; /*#8C0A0A;*/
    color:#D7D7D2;/*white;*/
    border-bottom: 1px rgba(150, 150, 150, 0.4) solid;
    height: 72px;
    width: 100%;
}

.panel_left {
    width: 480px;
    left: 80px;
    height: 288px;
}

/*
#daychanges {
              
 
              height: 216px;
        
        animation:slide 10s infinite;
        -moz-animation:slide 10s infinite;
        -webkit-animation:slide 10s infinite;
        -o-animation: slide 10s infinite;   
}

@keyframes slide{
    0%   {-transform: translate(0px, 0px); }
        100% {-transform: translate(0px,216px); }
}    

@-moz-keyframes spin{
    0%   {-moz-transform: translate(0px, 0px); }
    100% {-moz-transform: translate(0px, 216px); }
}

@-webkit-keyframes slide{
         0%   {-webkit-transform: translate(0px, 0px); }
        100% {    -webkit-transform: translate(0px,216px); }
    }

@-o-keyframes slide{
    0%   {-o-transform: translate(0px, 0px); }
    100% {-o-transform: translate(0px, 500px); }
}
  */
.panel_left .panel_content{
	height: 216px;
                    
    overflow-y:-webkit-marquee;
    
    /*overflow-style: marquee;*/
        -webkit-marquee-direction: up;
    -webkit-marquee-style: alternate;
    -webkit-marquee-speed: 85;
    -webkit-marquee-increment: small;
    -webkit-marquee-repetition: infinite;
/*    marquee-direction	:up;

marquee-speed	:85;
marquee-style:alternate;
  */  

}

.panel_left img {
    width: 128px;
    margin: 22px 176px;
}

.panel_right {
    width: 1200px;
    left: 640px;
}

.panel_top {
    top: 72px
    
}

.panel_mid {
    top: 396px
}

.panel_bottom {
    top: 720px
}

.panel_big {
    height: 612px
}

.panel_big .panel_content {
	height: 540px;
    overflow-y:-webkit-marquee;
    -webkit-marquee-direction: up;
    -webkit-marquee-style: alternate;
    -webkit-marquee-speed: 50;
    -webkit-marquee-increment: small;
    -webkit-marquee-repetition: infinite;
}

.panel_big p {
    padding: 2px 22px 2px; /*was padding: 15px 22px 4px;*/
    font-weight: bold;
}

.panel_big .changed {
    font-style: italic;
    color: #005500;
}

.panel_big .cancelled {
    text-decoration: line-through;
    color: #cc0000;
}

.panel_big .left, .panel_big .center, .panel_big .right {
    width: 400px;
    float: left;
    height: 540px;
}

.panel_big .center {
    border-left: 1px rgba(50, 50, 50, 0.5) solid;
    border-right: 1px rgba(50, 50, 50, 0.5) solid;
    width: 398px;
}

.panel_big img {
    width: 128px;
    margin: 22px 136px;
}

.panel_big #year_1 .year_2_text, .panel_big #year_1 .year_3_text, .panel_big #year_2 .year_1_text, .panel_big #year_2 .year_3_text, .panel_big #year_3 .year_1_text, .panel_big #year_3 .year_2_text {
    display: none;
}


.panel_date {
    height: 216px;
    top: 792px;
/*     background: rgb(<?php echo $b["r"]; ?>, <?php echo $b["g"]; ?>, <?php echo $b["b"]; ?>); */
}

.panel_date .left, .panel_date .center, .panel_date .right {
    width: 400px;
    float: left;
    height: 216px;
    color: #8C0A0A;
    background-color:white;
}

.panel_date .left .left_left {
	width: 185px;
	float: left;
}

.panel_date .left .left_right {
    height: 216px;
    float: left;
    width: 215px;
}

.panel_date .center {
    border-left: 1px rgba(50, 50, 50, 0.5) solid;
    border-right: 1px rgba(50, 50, 50, 0.5) solid;
    width: 398px;
}

.panel_date .right {
	background-image: url(HG_logo_Blue.jpg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center; 
}

.frame {
    width: 80px;
    height: 72px;
    float: left;
    position: relative;
}