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

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

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

.footer{font-family:Roboto-Regular, Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:11px; line-height:25px}
a:hover.footer{text-decoration:none}

.link{font-family:bodoni-mt-bold, Arial, Helvetica, sans-serif; color:#ffffff; font-size:16px; text-decoration:none; line-height: 30px}
a:hover.link{text-decoration:underline}

.link2{font-family:Roboto-Regular, Arial, Helvetica, sans-serif; color:#ffffff; font-size:14px; text-decoration:none; line-height: 25px}
a:hover.link2{text-decoration:underline}

.nav{font-family:Roboto-Regular, Arial, Helvetica, sans-serif; color:#999999; font-size:12px; text-decoration:none; line-height: 25px}
a:hover.nav{text-decoration:underline}

.p {font-family:Roboto-Regular, Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; line-height:26px}
a:link.p {font-family:Roboto-Regular, Arial, Helvetica, sans-serif; font-size: 14px; color: #562e36; line-height:26px; text-decoration:underline}
a:active.p {font-family:Roboto-Regular, Arial, Helvetica, sans-serif; font-size: 14px; color: #562e36; line-height:26px; text-decoration:underline}
a:visited.p {font-family:Roboto-Regular, Arial, Helvetica, sans-serif; font-size: 14px; color: #562e36; line-height:26px; text-decoration:underline}
a:hover.p {font-family:font-family:Roboto-Regular, Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; line-height:26px; text-decoration:none}

.p2 {font-family:Roboto-Bold, Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; line-height:26px; text-decoration:none}
.p3{font-family:Roboto-Regular, Arial, Helvetica, sans-serif; font-size: 18px; color: #000000; line-height:28px; text-decoration:none}
.p6 {font-family:Roboto-Bold, Arial, Helvetica, sans-serif; font-size: 12px; color: #0099cc; line-height:30px; text-decoration:none}
.p7 {font-family:Roboto-Regular, Arial, Helvetica, sans-serif; font-size: 14px; color: #ffffff; line-height:25px; text-decoration:none}
a:hover.p7{text-decoration:underline}
.p8 {font-family:Roboto-Regular, Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; line-height:25px; text-decoration:none}
.p9 {font-family:Roboto-Regular, Arial, Helvetica, sans-serif; font-size: 16px; color: #000000; line-height:25px}
a:hover.p9{text-decoration:none}
.p10 {font-family:Roboto-Bold, Arial, Helvetica, sans-serif; font-size: 14px; color: #000000}


.h1{font-family:bodoni-mt-bold, Arial, Helvetica, sans-serif; font-size: 24px; color: #000000;}

.title{font-family:bodoni-mt-bold, Arial, Helvetica, sans-serif; font-size: 30px; color: #000000; text-decoration:none}
.title2{font-family:Roboto-Bold, Arial, Helvetica, sans-serif; font-size: 18px; color: #000000; line-height:28px}
.title3{font-family:Roboto-Bold, Arial, Helvetica, sans-serif; font-size: 16px; color: #000000; line-height:26px; text-decoration:none}
.title4{font-family:bodoni-mt-bold, Arial, Helvetica, sans-serif; font-size: 18px; color: #000000;}
a:hover.title4{text-decoration:none}

.hidetext{display:none; visibility:hidden}
.form {font-family:Roboto-Regular, Arial, Helvetica, sans-serif; font-size: 16px; color: #000000; line-height:28px}
.registertext {font-family:Roboto-Regular, Arial, Helvetica, sans-serif; width:320px; height:50px; overflow:auto; font-size: 16px; color:#000000; border:none; background:#f1f1f1}
.registertext2 {font-family:Roboto-Regular, Arial, Helvetica, sans-serif; width:300px; height:40px; overflow:auto; font-size: 16px; color:#000000; border:1px solid #999999}
.registertext3 {font-family:Roboto-Regular, Arial, Helvetica, sans-serif; width:60px; height:50px; overflow:auto; font-size: 16px; color:#000000; border:none; background:#f1f1f1;}
.registertext4 {font-family:Roboto-Regular, Arial, Helvetica, sans-serif; width:320px; height:50px; overflow:auto; font-size: 16px; color:#000000; border:1px solid #999999}

.message{font-family:Roboto-Regular, Arial, Helvetica, sans-serif; width:320px; height:160px; overflow:auto; font-size:14px; color:#000000; border:none; background:#f1f1f1}
.message2{font-family:Roboto-Regular, Arial, Helvetica, sans-serif; width:320px; height:160px; overflow:auto; font-size:14px; color:#000000; border:1px solid #999999}

.button {width:320px; height:60px; background: #562e36; border:none; color: #ffffff; font-size: 18px; font-family: Roboto-Bold, Arial, Helvetica, sans-serif; text-decoration: none; cursor:pointer; -webkit-appearance: none; -webkit-border-radius: 0;}

.button2 {width:140px; height:40px; background: #562e36; border:none; color: #ffffff; font-size: 16px; font-family: Roboto-Regular, Arial, Helvetica, sans-serif; text-decoration: none; cursor:pointer; -webkit-appearance: none; -webkit-border-radius: 0;}

.button3 {width:160px; height:60px; background: #000000; border:none; color: #ffffff; font-size: 18px; font-family: Roboto-Regular, Arial, Helvetica, sans-serif; text-decoration: none; cursor:pointer; -webkit-appearance: none;
  -webkit-border-radius: 0;}

.button4 {width:200px; height:40px; background: #562e36; border:none; color: #ffffff; font-size: 14px; font-family: Roboto-Regular, Arial, Helvetica, sans-serif; text-decoration: none; cursor:pointer; -webkit-appearance: none;
  -webkit-border-radius: 0;}

.button5 {width:180px; height:60px; background: #000000; border:none; color: #ffffff; font-size: 18px; font-family: Roboto-Regular, Arial, Helvetica, sans-serif; text-decoration: none; cursor:pointer; -webkit-appearance: none;
  -webkit-border-radius: 0;}

.button6 {width:250px; height:60px; background: #000000; border:none; color: #ffffff; font-size: 18px; font-family: Roboto-Regular, Arial, Helvetica, sans-serif; text-decoration: none; cursor:pointer; -webkit-appearance: none;
  -webkit-border-radius: 0;}
  
.button7 {width:300px; height:60px; background: #562e36; border:none; color: #ffffff; font-size: 16px; font-family: Roboto-Regular, Arial, Helvetica, sans-serif; text-decoration: none; cursor:pointer; -webkit-appearance: none;
  -webkit-border-radius: 0;}
 
.button8 {width:60px; height:30px; background: #562e36; border:none; color: #ffffff; font-size: 14px; font-family: Roboto-Regular, Arial, Helvetica, sans-serif; text-decoration: none; cursor:pointer; -webkit-appearance: none; -webkit-border-radius: 0;}
 

#elevator_item {
width: 63px;
height: 63px;
position: fixed;
right: 0px;
bottom: 0px;
-webkit-transition: opacity .4s ease-in-out;
-moz-transition: opacity .4s ease-in-out;
-o-transition: opacity .4s ease-in-out;
opacity: 1;
z-index: 100020;
display: none;
}
#elevator_item.off {
opacity: 0;
visibility: hidden
}
#elevator {
display: block;
width: 63px;
height: 63px;
background: url(img/icon_top.webp) center center no-repeat;
background-color: #000000;
background-color: rgba(0,0,0,.6);
border-radius: 2px;
box-shadow: 0 1px 3px rgba(0,0,0,.2);
cursor: pointer;
margin-bottom: 10px
}
#elevator:hover {
background-color: rgba(0,0,0,.7)
}
#elevator:active {
background-color: rgba(0,0,0,.75)
}

/* Sticky Header */

#nav{z-index:0;}
#footer{display:run-in;}
/* Reset body padding and margins */
body { margin:0; padding:0;}

/* Make Header Sticky */
#header_container {border:0px; height:60px; left:0; position:fixed; width:100%; top:0; z-index:9999;}
#header_content{ line-height:0px; margin:0 auto; width:100%; text-align:center; z-index:9999;}

/* Sticky Footer CSS */

* {
  margin: 0;
}
html, body {
  height: 100%;
}
.page-wrap {
  min-height: 100%;
  /* equal to footer height */
  margin-bottom: 0px; 
}
.page-wrap:after {
  content: "";
  display: block;
}
.site-footer, .page-wrap:after {
  /* .push must be the same height as footer */
  height: 0px;
}