@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Open+Sans|Raleway);
html, body {width:100%; height:100%; background:#eff1f2; font-size:100%; font-family: 'Open Sans', sans-serif; margin:0; padding:0;}
.clearfix:before,
.clearfix:after {content: " "; display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}
.logo {text-align:center; padding:20px 10px; background:#fff;}
.nbutton {display:block; width:auto; background:#0b5380; padding:6px 12px; border-bottom:1px dotted #fff; }
nav {display:none; background:rgba(11, 83, 128, 1); }
nav ul {list-style:none; margin:0; padding:14px; font-family: 'Raleway', sans-serif; font-size:1em; font-weight:400; text-align:left;}
nav ul li {margin:0 0 10px 0;}
nav ul li:last-child {margin:0;}
nav ul li a {text-decoration:none; color:#fff; padding:4px 0; display:block;}
.selected {color:#889da7; padding:4px 0;}
.c-hamburger {display: block; position: relative; overflow: hidden; margin: 0; padding: 0; width: 56px; height: 32px; font-size: 0; text-indent: -9999px; appearance: none;
  box-shadow: none; border-radius: none; border: none; cursor: pointer; transition: background 0.3s; background:none;}
.c-hamburger:focus {outline: none;}
.c-hamburger span {display: block; position: absolute; top: 15px; left: 10px; right: 10px; height: 1px; background: white;}
.c-hamburger span::before, .c-hamburger span::after {position: absolute; display: block; left: 0; width: 100%; height: 1px; background-color: #fff; content: "";}
.c-hamburger span::before {top: -8px;}
.c-hamburger span::after {bottom: -8px;}
.c-hamburger--htx {background-color: none;}
.c-hamburger--htx span {transition: background 0s 0.3s;}
.c-hamburger--htx span::before, .c-hamburger--htx span::after {transition-duration: 0.3s, 0.3s; transition-delay: 0.3s, 0s;}
.c-hamburger--htx span::before {transition-property: top, transform;}
.c-hamburger--htx span::after {transition-property: bottom, transform;}
.c-hamburger--htx.is-active {background-color: none;}
.c-hamburger--htx.is-active span {background: none;}
.c-hamburger--htx.is-active span::before {top: 0; transform: rotate(45deg); background:#fff;}
.c-hamburger--htx.is-active span::after {bottom: 0;transform: rotate(-45deg); background:#fff;}
.c-hamburger--htx.is-active span::before,
.c-hamburger--htx.is-active span::after {transition-delay: 0s, 0.3s;}
h1, h2, h3 {font-family: 'Raleway', sans-serif; font-weight:normal;}
footer { padding:24px 12px 10px 12px; color:#817d7b; background-image:url(../../img/fishnets.png);}
footer h3 {margin:0 0 12px 0; padding:0; font-size:1.375em; letter-spacing:1px; color:#000;}
address {font-style:normal; line-height:26px; color:#817d7b; font-size:1em;}
.copyright {font-size:.875em; padding:20px 0 10px 0;}
.copyright2 {font-size:.875em; padding:0 0 0 12px;}
address a, .copyright a, .copyright2 a {color:#232323;}
.book { background:#5b6c74; text-align:center; padding:8px 2px; font-family: 'Raleway', sans-serif;  line-height:22px; width:auto; margin:0 auto;    }
.book a { text-align:center; color:#fff; text-decoration:none; padding:8px; display:block;}
.bnav {padding:1px 0 0 0;font-family: 'Raleway', sans-serif; clear:both!important; }
.bnav ul {padding:20px 0 0 0; margin:26px 0 0 0; border-top:1px dotted #232323;}
.bnav ul li {list-style:none; display:inline-block; margin:4px 6px;}
.bnav ul li a {display:block; padding:4px 2px; color:#232323; text-decoration:none;}
.bnav ul li a:hover {color:#0f6da7;}
.bselected {padding:4px 2px; color:#0f6da7;}
.langnav {position:absolute; z-index:112; right:10px; top:143px; margin:0; background:#0b5380; color:#ccc;  padding:2px 4px 2px 3px; } 
.langnav a { display:inline-block; padding:4px 6px; color:#fff; text-decoration:none; }
.langnav span {display:inline-block; padding:4px 6px;}
@media only screen 
and (min-width : 480px) {
address {float:left; width:50%; }
.copyright {float:right; padding:0 4px 0 0; line-height:24px; text-align:right;}
}
@media only screen 
and (min-width : 768px) {
.logo {position:fixed; z-index:14; top:0; width:100%; text-align:center; box-sizing:border-box; background:rgba(255, 255, 255, 1); padding:13px 0; box-shadow:0px 7px 7px -7px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 7px 7px -7px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 7px 7px -7px rgba(0, 0, 0, 0.5); }
.nbutton {z-index:111; position:fixed; left:0; top:25px; border-bottom:none; padding:0 3px;}		
.c-hamburger {width: 64px; height: 48px;}
.c-hamburger span {top: 23px; left: 12px; right: 12px; height: 2px; background: white;}
.c-hamburger span::before, .c-hamburger span::after {height: 2px; background-color: #fff; content: "";}
.c-hamburger span::before {top: -10px;}
.c-hamburger span::after {bottom: -10px;}
nav {width:100%; position:fixed; z-index:110; top:0;  }
nav ul {padding:30px 6px 30px 6px; width:250px; margin:0 auto;} 
nav ul li {display:block; margin:0 0 16px 0; border-bottom:1px dotted #a7a6a6;  text-align:center;}
nav ul li a {display:inline-block; padding:4px 6px;}
nav ul li a:hover {color:#889da7; }
.selected {color:#889da7; padding:4px 20px 4px 6px;}
.book {position:fixed; z-index:15; right:0; top:30px; padding:8px 8px; width:auto; border-bottom-left-radius:0; border-bottom-right-radius:0;}
.book a {padding:2px 0; display:block;}
.book a span { display:block; padding:0 6px;}
#mygallery {margin:122px 0 0 0;}
.langnav {position:fixed; left:0; right:auto; top:74px;} 
.langnav a {padding:2px 3px; }
.langnav span {display:inline-block; padding:2px 3px;}
}
@media only screen 
and (min-width : 1024px) {
.book {font-size:.9375em;}
nav {left:0; top:0; width:400px; height:100%;}
nav ul { font-size:.9375em; width:250px; }
.suitestag {background:none;}
.suitestag h2 {color:#706761;}
 
}
@media only screen 
and (min-width : 1224px) {
nav {left:0; top:0; width:400px; height:100%;  padding:0; background:none;}
nav div {height:100%; width:100%; background:rgba(11, 83, 128, 1); overflow:hidden;}
address {line-height:24px; font-size:.875em;}
footer h3 {font-size:1.25em; }
.copyright {font-size:.8125em; } 
.bnav {font-size:.875em;}
.langnav {font-size:.875em;} 
.langnav a {padding:2px 4px;}
.langnav span {padding:2px 4px;}
.nbutton {padding: 0 2px;}
}
@media only screen 
and (min-width : 1440px) {
.bnav ul li {margin:4px 14px;}
}
@media only screen 
and (min-width : 1600px) {
footer {padding:24px 30px 10px 30px;}
}