@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;}
.galleria {width:100%; margin:0; padding:0; overflow:hidden;}
.galleria img {max-width:100%; height:auto; vertical-align:top;} 
.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;}
.desription, .description {text-align:center; width:100%; background:#fff; margin:0 auto; padding:25px 0 0 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position:relative; max-width:2400px;}
h1, h2, h3 {font-family: 'Raleway', sans-serif; font-weight:normal;}
.desription h1 { text-align:center; letter-spacing:1px; font-size:1.875em;  color:#706761; padding:0 3px 5px 3px; margin:0 0 20px 0; border-bottom:5px solid #ded8c0; display:inline-block;}
.desription h1 span {font-size:.875em; }
.desription h2, .description h2 { letter-spacing:1px; font-size:1.375em; color:#978c60;}
.desription h2 span {font-size:.75em!important; display:block; line-height:24px;}
.desription p, .description p { text-align:left; color:#817d7b; line-height:24px;}
.s5 {position:absolute; z-index:2; left:10%; top:10%; width:80%; height:80%; box-sizing:border-box; border:10px solid #fff;}
.s5 h2, .s5 h3 {text-align:center; letter-spacing:1px; font-size:1.25em; color:#fff;  margin:0 auto; padding:0; width:80%;}	
.s5 a { text-decoration:none; color:#fff; position:absolute; z-index:3; left:5%; top:0; width:90%; height:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  padding-top:24px;}
footer { padding:24px 12px 10px 12px; color:#817d7b; background-image:url(../img/fishnets.png);}
.fsp {padding:12px 12px 10px 12px!important;} 
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:20px 0 6px 12px; border-top: 1px dotted #232323; margin:12px 0 0 0;}
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;}
.phgal { padding:0 4px 30px 4px;}
.phtag {clear:both;}
.phtag h2 { font-size:1.375em; letter-spacing:2px; margin:0; padding:14px 0 5px 14px;} 
.gmap {width:100%; height:300px; box-sizing:border-box;}
.empad {padding-top:30px!important;}
.empad2 {padding:0 20px!important;}
.suitestag {text-align:center; padding:40px 14px; background:#5b6c74; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.suitestag h2 {letter-spacing:2px; margin:0; padding:0 6px 4px 6px; font-size:1.5em;  color:#fff; border-bottom:3px solid #ded8c0; display:inline-block; }
.stpad {padding:15px 0 20px 0;}
.grid_cf {text-align:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:10px 20px 30px 20px;}
.grid_cf ul {list-style:none; margin:0; padding:0;}
.grid_cf ul li{margin: 0 0 24px 0;}
.formtext, .formtext2 {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:12px 6px; color:#2b2c2c; border:1px solid #052c5a; font-size:1em; font-family: 'Raleway', sans-serif; }
.formtext {width:100%;}
.formtext2 {width:45%;}
.cdh { color:#978c60; margin:0; padding:30px 0 0 0; font-size:1.375em; letter-spacing:1px; text-align:left;}
.cdl {color:#232323;}
.respond ul li {margin:0 0 4px 0!important;}
.formbutton {background:#000; border:0; color:#fff; cursor:pointer; padding:4px 8px; border-radius:4px; font-family: 'Raleway', sans-serif;  margin:0 10px 0 0; font-size:1em; vertical-align:middle; }
::-webkit-input-placeholder {color:#2b2c2c; font-size:1em; font-family: 'Raleway', sans-serif;}
:-moz-placeholder {color:#2b2c2c; font-size:1em; font-family: 'Raleway', sans-serif;}
::-moz-placeholder {color:#2b2c2c; font-size:1em; font-family: 'Raleway', sans-serif;}
:-ms-input-placeholder {color:#2b2c2c; font-size:1em; font-family: 'Raleway', sans-serif;}
.error_message {color:#fa3a50; padding:0 0 4px 0;}
.respond ul li:first-child {color:#000;}
.respond h3 {font-size:1.25em; letter-spacing:0!important;}
.gpuzzle, .gpuzzlecf {width:100%; position:relative;}
.gprep ul, .grid_3 ul, .grid_4 ul {padding:0; margin:0;}
.gprep ul li, .grid_3 ul li, .grid_4 ul li {list-style:none; margin:0; padding:1px 0 0 0;  position:relative;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.gprep img, .grid_3 img, .grid_4 img {max-width:100%; height:auto; vertical-align:middle;}
.rtitle {background:#354758; padding:6px 12px 12px 12px; text-align:left; color:#fff;}
.chbk {background:#79aebc; text-align:center;}
.rtitle a {color:#fff; text-decoration:none;}
.grid_op {display:none;}
.grid_op2, .grid_op3 { width:100%; position:relative; text-align:left; padding:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.grid_op2 ul, .grid_op3 ul, .grid_12 ul, .grid_12s ul {margin:0; padding:0 0 20px 20px; color:#817d7b;}
.grid_op2 ul li, .grid_op3 ul li, .grid_12 ul li, .grid_12s ul li { margin:0 0 2px 0;}
.grid_op img, .grid_op2 img, .grid_op3 img {max-width:100%; height:auto; vertical-align:middle;}
.pz1txt, .pz2txt {background:#fff;}
.pz2txt div, .pz1txt div {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:20px 20px;}
.grid_op4 div, .grid_op5 div {padding:0 20px 20px 20px;}
.grid_1, .grid_2 {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:0; margin:0; position:relative;}
.grid_1 img, .grid_2 img {max-width:100%; height:auto; vertical-align:middle;}
.grid_11 h2 {text-align:left;}
.grid_2 {text-align:left;}
.grid_12 div, .grid_12s div  {padding:10px 20px;}
.sln2 {padding:0!important;}
.grid_12, .grid_11 {padding:0 0 1px 0;}
.media {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.media img {max-width:100%; height:auto; vertical-align:middle;}
.media2 {display:none;}
.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;}
.bct { border-top:none!important; padding:0!important;}
.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 : 440px) {
.gprep ul li,  .grid_4 ul li {padding:1px 1px 0 0;  float:left; width:50%;}
}
@media only screen 
and (min-width : 480px) {
.rmore, .rmores {bottom:10px;}
address {float:left; width:50%; }
.copyright {float:right; padding:145px 0 4px 0; line-height:24px; text-align:right;}

}
@media only screen 
and (min-width : 560px) {
.grid_op2 {padding:0 50% 0 0;}
.grid_op2 ul, .grid_op3 ul {padding:0 0 0 20px;}
.grid_op3 {padding:0 0 0 50%;}
.pz1txt, .pz2txt {position:absolute; z-index:11; width:50%; height:100%!important;}
.pz1txt {left:50%; bottom:0;}
.pz2txt {left:0; top:0;}
.pz2txt div, .pz1txt div {position: absolute; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); width:100%; }
.grid_1, .grid_2 {width:100%; padding:0; margin:0;}
.grid_11, .grid_11s {width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position:relative; padding:0;}
.grid_11 { padding:0 0 0 50%;}
.grid_11s {padding:0 50% 0 0;}
.grid_12, .grid_12s {position:absolute; z-index:2; top:0; width:50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:0; height:100%!important;} 
.grid_12 {left:0;}
.grid_12s {left:50%; }
.grid_12 div, .grid_12s div  {position: absolute; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:20px; }
.sln1 {position:absolute; z-index:10; bottom:0; width:50%; height:1px; background:#fff;}
.sln2 {position:absolute; z-index:10; right:0; width:1px!important; height:100%;  background:#fff; padding:0!important; margin:0;}
.sln3 {position:absolute; z-index:10; top:0; width:50%; height:1px; background:#fff;}
.grid_op5 div {padding:0 40px 20px 40px;}
.grid_cf{padding:10px 40px 30px 40px;}

}
@media only screen 
and (min-width : 640px) {
.grid_3 ul li {padding:1px 1px 0 0;  float:left; width:50%;}	
}
@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;  }
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;}
.galleriawrap, .galleriawrap2 {padding:124px 0 0 0;}
.galleriawrap2 {height:auto; max-height:100%;  position:relative;}
.media1, .media2 {float:left; box-sizing:border-box; padding:0; width:50%; display:inline-block;}
.brdb {border-bottom:1px solid #fff;}
.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) {
.galleriawrap {width:100%; height:100%; margin:0; padding:0;}	
.galleriawrap2 {padding:0;}
.galleriawrap3 {width:100%; height:93%; margin:0; padding:0;}
.galleria {height:100%;}	
.nbutton {left:0; top:50%; padding:0 3px; margin-top:-27px; }
.book {top:50%; margin-top:-27px; font-size:.9375em;}
nav {left:0; top:0; width:400px; height:100%;}
nav ul { font-size:.9375em; width:250px; }
.logo { position:absolute; left:50%;  padding:10px 12px 4px 12px; margin-left:-99px; width:auto; 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); }
.desription, .description {width:86%;}
.gprep ul li {width:33.33%;}
.suitestag {background:none;}
.suitestag h2 {color:#706761;}
.grid_op {float:left!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:33.34%; display:inline-block; }
.grid_ops {float:right!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:33.34%; display:inline-block; }
.grid_op2, .grid_op3 {left:66.66%; width:33.33%; position:absolute; z-index:2; height:100%; text-align:left; padding:0; }
.op2rep {left:33.33%;}
.grid_op2 ul,  .grid_op3 ul {margin:0; padding:0 0 0 20px; color:#817d7b;}
.grid_op3 {left:33.33%;}
.op3rep {left:0;}
.pz1txt, .pz2txt {width:100%; height:50%!important; background:#fff;}
.pz1txt {left:0; top:50%; bottom:auto;}
.pz1 { position:absolute; left:0; top:50%; height:50%; z-index:3; width:100%;}
.desription h1 {font-size:1.75em;}
.phgal { padding:0 90px 30px 90px;}
.gmap {width:100%; height:100%; padding:0 0 0 0;}
.grid_cd, .grid_cf { float:left;}
.grid_cf {width:66.55%;  padding:0 10px;}
.grid_cf ul li{margin: 0 0 20px 0; float:left; width:46%; margin:0 2% 20px 2%;}
.formtext, .formtext2 {padding:8px 6px;}
.cdh {padding:30px 0 0 0; text-align:center;}
.cdp {text-align:center!important;}
.grid_op5 div {padding:0 40px 30px 40px;}
.grid_cf h2 {padding-left:2%!important;}
.respond ul li {float:none!important;}
.formbutton {margin:50px 0 0 0;}
.empad3 {padding:0 20px;}
.tag {position:absolute; z-index:109; bottom:0; background:rgba(255, 255, 255, 0); width:86%; left:7%; text-align:center; height:40px; transition:all 0.5s; }
.scrolled {background:rgba(255, 255, 255, 1);}
.fsp {border-top:none; margin:40px 0 0 0;}
.description {margin:0 auto 40px auto;}
.langnav {top:50%; margin:22px 0 0 0;} 
.respond {padding:0 0 12px 20px;}
}
@media only screen 
and (min-width : 1224px) {
.galleriawrap {padding:0; box-sizing:border-box;}
.desription, .description { width:88%;  }
.desription h1, .description h1 {font-size:1.75em;}
.desription p, .description p {font-size:.875em; line-height:22px;}
.tag {width:88%; left:6%;}
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; } 
.grid_1 {float:left; width:40%; margin:0 2.5%; padding:0; }
.grid_3 {float:left; width:100%; margin:0; padding:0; }
.grid_4 {float:right; width:33.33%; margin:0; padding:0; }
.grid_4 ul li {width:100%;}
.grid_1 ul {font-size:.875em;}
.grid_1 ul li {margin:0 0 2px 0;}
.grid_2 {float:left; width:50%; margin:0 2.5%; padding:0; }
.empad {padding-top:0!important;}
.empad3 {padding:0 40px;}
.grid_cf ul {font-size:.875em; }
.suitestag h2 {font-size:1.5em;}
.rtitle{font-size:.875em;}
.grid_op2 ul, .grid_op3 ul, .grid_12 ul, .grid_12s ul {font-size:.875em;}
.grid_12 ul li {margin:0 0 5px 0;}
.grid_1, .grid_2 {float:left; width:50%; padding:0; margin:0;}
.grid_11s {padding:0 0 0 50%;}
.grid_12s {left:0;}
.gpuzzlecf {width:75%; margin-left:25%;}
.grid_op5 { height:100%!important; position:absolute; width:25%; left:0; z-index:10; top:0; padding:0; margin:0; }
.grid_op5 div {position: absolute; width:100%;  top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  padding:20px ; }
.cdh {padding:30px 0 0 0; text-align:left;}
.cdp {text-align:left!important;}
.bnav {font-size:.875em;}
.nbutton {padding:0 2px;}
.langnav {font-size:.875em;} 
.langnav a {padding:2px 4px;}
.langnav span {padding:2px 4px;}
.copyright2 {font-size:.8125em;}
}
@media only screen 
and (min-width : 1440px) {
.tag {width:86%;}	
.desription, .description {width:86%; padding:40px 0 0 0;}	
.gpuzzle {width:75%; margin-left:25%;}
.gprep {margin-left:0;}	
.grid_3 {width:75%;}
.grid_4 {width:25%;}
.grid_op4 { height:100%!important; position:absolute; width:25%; left:0; z-index:10; top:0; padding:0; margin:0; }
.op4rep {left:75%; } 
.grid_op4 div {position: absolute; width:100%;  top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  padding:60px 20px 20px 20px ; }
.bnav ul li {margin:4px 14px;}
}
@media only screen 
and (min-width : 1600px) {
footer {padding:24px 30px 10px 30px;}

.grid_op4 div {padding: 20px ; }
.grid_op5 div {padding: 20px 50px; }
}
@media only screen 
and (min-width : 1780px) {	
.tag {width:80%; left:10%;} 
.desription, .description {width:80%;}
}