@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200..500&family=Roboto&display=swap');
html, body {width: 100%; height: 100%; background: #fff; font-size: 100%; padding: 0; margin: 0 auto;}
.clearfix:before,
.clearfix:after {content: " "; display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}
.galleria {width:100%; margin:0; padding:0; overflow:hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.galleria img, .logo img, .logo2 img, .grid1 img, .grid3 img, .grid4 img, .grid6 img, .grid_4 img, .slimg img, .slimg2 img, .deswrap2 img, .deswrap1 img, .media2 img {max-width:100%; height:auto; vertical-align:middle;}
nav {font-family: "Montserrat", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; letter-spacing:1px; font-size:1em; max-height:0; overflow:hidden; }
nav ul {margin:0; padding:20px 6px 10px 6px; text-align:left; transition:all 0.5s ease-out; color:#ccc;}
nav ul li { margin:0 0 10px 0; list-style:none; line-height:26px;}
nav ul li a {text-decoration:none; color:#fff; display:inline-block; padding:4px 6px;}
nav ul li a:hover {color:#ccc;}
.selected, .subselected {color:#8d8c8b; padding:4px 6px!important;}
.smore {padding: 4px 18px 0 6px; color:#fff; cursor:pointer; background: url(../images/arrow14wh.png) no-repeat 160px 7px; cursor:default;}
.suitesnav {margin:4px 0 0 0;  padding:10px 0 0 6px;  } 
header {background:#000;}
.logo {display:block; width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background:#000; text-align:center; padding:20px 12px;}
.logo2 {display:none;}
.tag {text-align:center; -webkit-box-sizing:border-box;-moz-box-sizing:border-box; box-sizing:border-box; width:100%;  margin:0; padding:50px 0 20px 0;}	
.tag form { display:block;  vertical-align:middle;}
.tag form ul {list-style:none;  text-align:center; margin:0 auto; padding:0; max-width:260px;   }
.tag form ul li {border-bottom:1px dotted #000; padding:6px 10px;  -webkit-box-sizing:border-box;-moz-box-sizing:border-box; box-sizing:border-box; }
.tag form ul li:first-child {font-family: "Montserrat", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; border-bottom:none; margin:0 0 6px 0; font-size:1em;}
.tag form label {color:#6997a6; display:block; font-family: "Montserrat", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal;  font-size:1em; padding:6px 0 6px 0; }
.tag form input { border:none; text-align:center; background:none; font-size:1em; color:#000; font-family: "Montserrat", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; cursor:pointer; max-width:180px; outline: none; }
.tag form ul li:last-child { border-right:none; padding:20px 12px; border-bottom:none;}
.resubmit {border:none; text-align:center; font-size:1.0625em; background:#000;  color:#fff; font-family: "Montserrat", sans-serif; font-optical-sizing: auto; font-weight: 400; line-height:26px; font-style: normal; cursor:pointer; letter-spacing:0; padding:8px 12px; }
.rbfr {letter-spacing:0!important;}
.tag form img {cursor:pointer; vertical-align:middle; margin-left:0; margin-bottom:8px;}
h1 {font-family: "Montserrat", sans-serif; font-optical-sizing: auto; font-weight: 280; font-style: normal; letter-spacing:1px; font-size:2em; line-height:60px; text-align:center;}
h2 {font-family: "Montserrat", sans-serif; font-optical-sizing: auto; font-weight: 280; font-style: normal; letter-spacing:1px; font-size:2em; line-height:50px; text-align:left;}
.description h1 {padding-left:12px; padding-right:12px;} 
.deswrap1 {display:flex;  flex-wrap: wrap; align-items:center; -webkit-box-sizing:border-box;-moz-box-sizing:border-box; box-sizing:border-box; width:100%; overflow:hidden;}
.grid1, .grid2, .grid3, .grid4, .grid5 { display:block;  -webkit-box-sizing:border-box;-moz-box-sizing:border-box; box-sizing:border-box; flex:100%; max-width:100%; }
.grid5 {order:1; padding:10px 12px;}
.grid3 {order:2;}
.grid4 {order:0;}
.grid1 { margin:0 0 10px 0;}
.grid2 p, .grid5 p, .grid7 p, .grid13 p {font-family: "Roboto", sans-serif; font-weight: 400; line-height:26px; color: #7d7d7d; text-align:justify;}
.gridin {display:block;  -webkit-box-sizing:border-box;-moz-box-sizing:border-box; box-sizing:border-box; padding:0 0 5px 0;}
.gridin2 {display:block;  -webkit-box-sizing:border-box;-moz-box-sizing:border-box; box-sizing:border-box; padding:5px 0 0 0;}
.grid_4 {display:block; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; margin:0 0 10px 0;}
.grid_4 p {margin-top:30px; position:relative; font-size:1.5em; color:#707070; text-align:center; font-family: "Montserrat", sans-serif; font-optical-sizing: auto; font-weight: 320; font-style: normal;  line-height:40px; letter-spacing:1px; padding-left:12px; padding-right:12px;}
.owl-carousel {padding:0 1px!important; box-sizing:border-box; margin-bottom:20px!important; margin-top:20px!important;}
.item {position:relative; display:flex; flex-wrap: wrap;     align-items: center;   -webkit-box-sizing:border-box;-moz-box-sizing:border-box; box-sizing:border-box; width:100%;} 
.item2 {-webkit-box-sizing:border-box;-moz-box-sizing:border-box; box-sizing:border-box; margin:20px 0 20px 0; flex:100%; max-width:100%;} 


/*.item a {color:#fff; text-decoration:none;}*/
.slimg { flex:100%; max-width:100%;}
.slimg2 {display:block; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; width:100%; }
.rnav-title {flex:100%; max-width:100%; background:#f2ebe2; -webkit-box-sizing:border-box;-moz-box-sizing:border-box; box-sizing:border-box; padding:1px 12px; font-family: "Montserrat", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; margin:1px auto 0 auto;} 
.rnav-title2 {background:#f2ebe2; -webkit-box-sizing:border-box;-moz-box-sizing:border-box; box-sizing:border-box; padding:1px 12px; font-family: "Montserrat", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; margin:1px auto 0 auto;} 

.rnav-title h3, .rnav-title2 h3  { font-size:1.125em; color:#000; font-weight:300; line-height:30px;}
.roompr {display:flex;  flex-wrap: wrap; align-items: center; padding:0 0 14px 0; margin:0 0 0 0;}
.roompr li{list-style:none; color:#7d7d7d;}
.roompr li:first-child {margin:0 10px 0 0;}
.roompr li:nth-child(2) {margin:0 10px 0 0 ;}
.roompr li:nth-child(3) {margin:0 10px 0 0 ;}
.roompr li:nth-child(4) {margin:0 10px 0 0 ; display:flex; flex-wrap: wrap; align-items: center;}
.roompr li:nth-child(4) div { margin-right:6px;}
.roompr li img {width:20px; height:20px; }
.roompr li:nth-child(5) {margin:10px 0 0 0 ; flex:100%; max-width:100%; line-height:24px;}
.roompr li:nth-child(6) {margin:10px 0 0 0 ; flex:100%; max-width:100%; line-height:24px;}

.roombk {padding:10px 0 ; margin:0;}
.roombk li {list-style:none; margin:10px 0;}
.roombk a {display:block; color:#fff; background:#8a8a8a; padding:6px 12px; text-decoration:none; font-family: "Montserrat", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; transition:all 1s ease-out; width:130px; text-align:center;}
.btr {background:#000!important;} 
.roombk a:hover {background:#fff!important; color:#000; border:1px solid #000;}
.deswrap2 {display:flex;  flex-wrap: wrap; align-items:center; -webkit-box-sizing:border-box;-moz-box-sizing:border-box; box-sizing:border-box; width:100%; max-width:1280px; margin:0 auto; padding:10px 0 40px 0;}
.puzhead {flex:100%; max-width:100%; padding:20px 12px; }
.pz {flex:50%; max-width:50%;  -webkit-box-sizing:border-box;-moz-box-sizing:border-box; box-sizing:border-box; padding:0 1px 2px 1px;}
.pz2 {flex:50%; max-width:50%;  -webkit-box-sizing:border-box;-moz-box-sizing:border-box; box-sizing:border-box; padding:0 1px 2px 1px;}
.pz1 {flex:100%; max-width:100%;  -webkit-box-sizing:border-box;-moz-box-sizing:border-box; box-sizing:border-box; padding:0 1px 2px 1px;}
footer {display:flex; flex-wrap: wrap; align-items:center; -webkit-box-sizing:border-box;-moz-box-sizing:border-box; box-sizing:border-box; padding:20px 12px; background:#000;}
.gridft1 { flex:100%; max-width:100%; text-align:center; }
.gridft2 { flex:600px; max-width:600px; margin:0 auto; text-align:center; border-top:1px dotted #fff; border-bottom: 1px dotted #fff; padding:20px 0;}
.gridft2 p {font-family: "Montserrat", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; color:#fff; line-height:28px;}
.gridft3 {flex:100%; max-width:100%; text-align:center; padding:20px;}
.gridft3 img {margin:0 10px;}
.slidehead {display:block; -webkit-box-sizing:border-box;-moz-box-sizing:border-box; box-sizing:border-box; width:100%; padding:40px 12px 10px 12px; margin:0 auto; max-width:1280px;}
.slidehead p {font-family: "Roboto", sans-serif; font-weight: 400; line-height:26px; color: #7d7d7d; text-align:justify;}
.slidehead h3 {font-family: "Montserrat", sans-serif; font-optical-sizing: auto; font-weight: 280; font-style: normal; letter-spacing:1px; font-size:1.75em; line-height:40px; text-align:left;}
.puzhead h3 {font-family: "Montserrat", sans-serif; font-optical-sizing: auto; font-weight: 280; font-style: normal; letter-spacing:1px; font-size:1.75em; line-height:40px; text-align:center;}
.puzhead p {font-family: 'Qwigley', cursive; font-weight: normal; text-align: center; font-size:2em; letter-spacing:2px; color: #7d7d7d;}
.nbutton {text-align:center; padding:1px 12px 20px 12px; width:80px; box-sizing:border-box; margin:0 auto; background:#000;} 
.c-hamburger {display: block; position: relative; overflow: hidden; margin:0; padding: 0; width: 56px; height: 36px; 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: 18px; left: 8px; right: 8px; height: 2px; background: #fff;}
.c-hamburger span::before, .c-hamburger span::after {position: absolute; display: block; left: 0; width: 100%; height: 2px; background-color: #fff; content: "";}
.c-hamburger span::before {top: -12px;}
.c-hamburger span::after {bottom: -12px;}
.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;}
.bookbt {font-family: "Montserrat", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; letter-spacing:1px;  font-size:1.0625em; color:#fff; padding:10px 0 0 0;  }
.bookm {padding:12px 20px; width:auto; text-align:center; color:#000;   display:block;  text-decoration:none; background:#fff;}
.grid7, .grid8, .grid9, .grid10, .grid11, .grid12, .grid13, .grid14, .grid15, .map {-webkit-box-sizing:border-box;-moz-box-sizing:border-box; box-sizing:border-box; flex:100%; max-width:100%; display:block;} 
.grid7 {padding:30px 12px 25px 12px; }
.gridins {display:block;  -webkit-box-sizing:border-box;-moz-box-sizing:border-box; box-sizing:border-box; padding:0 0 2.5px 0; width:100%;}
.gridn2s {display:block;  -webkit-box-sizing:border-box;-moz-box-sizing:border-box; box-sizing:border-box; padding:2.5px 0 0 0; width:100%;}
.grid9 {padding:5px 0;}

.roompr2 {display:flex;  flex-wrap: wrap; align-items: center; padding:0 0 14px 0; margin:0 0 0 0; font-family: "Montserrat", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal;}
.roompr2 li{list-style:none; color:#000;}
.roompr2 li:first-child {margin:0 10px 20px 0; flex:140px; max-width:140px;}
.roompr2 li:nth-child(2) {flex:calc(100% - 150px); max-width:calc(100% - 150px); display:flex; flex-wrap: wrap; align-items: center; margin:0 0 20px 0; }
.roompr2 li:nth-child(2) div { margin-right:6px;}
.roompr2 li:nth-child(3) {margin:0 20px 0 0 ;}
.roompr2 li img {width:20px; height:20px; }
.mask {position:absolute; width:100%; height:100%; z-index:2; background:rgba(0, 0, 0, .6); top:0;  top:0; left:-100%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.mask img {display:block;  margin:0;  position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width:32px; height:32px;}
.mask2 {position:absolute; width:100%; height:100%; z-index:3;  top:0;  top:0; left:0; }
.mask2 img {display:block;  margin:0;  position: absolute; bottom: 20px; left: 20px;  width:32px; height:32px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.roomg_3 a {display:block; position:relative; overflow:hidden;}
.gridin a {display:block; position:relative; overflow:hidden;}
.emml {display:block; position:relative; overflow:hidden;}
.gridn2 a {display:block; position:relative; overflow:hidden;}
.gridins a {display:block; position:relative; overflow:hidden;}
.gridn2s a {display:block; position:relative; overflow:hidden; }
.grid9 a {display:block; position:relative; overflow:hidden;}
.emml:hover .mask {left:0;}
.roomg_3 a:hover .mask   {left:0;}
.grid9 a:hover .mask   {left:0;}
.gridin a:hover .mask   {left:0;}
.gridins a:hover .mask   {left:0;}
.gridn2 a:hover .mask   {left:0;}
.gridn2s a:hover .mask   {left:0;}
.grid9 a:hover .mask2 img  {display:block;  margin:0;  position: absolute;  opacity:0; }
.gridin a:hover .mask2 img  {display:block;  margin:0;  position: absolute;  opacity:0; }
.gridn2s a:hover .mask2 img  {display:block;  margin:0;  position: absolute;  opacity:0; }
.gridn2 a:hover .mask2 img  {display:block;  margin:0;  position: absolute;  opacity:0; }
.gridins a:hover .mask2 img  {display:block;  margin:0;  position: absolute;  opacity:0; }
.media {display:block; width:100%; -webkit-box-sizing:border-box;-moz-box-sizing:border-box; box-sizing:border-box; padding:1px 0;}
.extmed {padding:15px 0 0 0;}
.media2 {display:block; width:100%; -webkit-box-sizing:border-box;-moz-box-sizing:border-box; box-sizing:border-box; padding:0;}
.roomg_3 {float:left; box-sizing:border-box; width:100%; padding:0 0 1px 0; position:relative;}
.roomg_3 img {max-width:100%; vertical-align:middle; height:auto;}
.roomg_3  {float:left; width:50%; padding:0 1px 1px 0;}
.facil {margin:0; padding:0 0 0 0; font-family: "Roboto", sans-serif; font-weight: 400;  color: #7d7d7d;}
.facil li {list-style:none; margin:0 0 8px 0;}
.facil li:before {content:url(../images/list-12.png); margin-right:10px;}
.grid12, .grid13 {padding:1px 12px;}
.ch11marg {margin:20px 0 0 0;}
.map {height:300px;}
#map-canvas {width:100%; height:100%;}
.grid14 {padding:10px 0;}
.grid15 {padding:0 12px 30px 12px;}
.gridft2 a {color:#fff;}
.bnav, .copyright {display:block; width:100%; -webkit-box-sizing:border-box;-moz-box-sizing:border-box; box-sizing:border-box; padding:10px 12px; background:#f2ebe2; font-family: "Montserrat", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; color:#8e8f8e;}
.bnav ul {padding:10px 0; margin:0;}
.bnav ul li {list-style:none; margin:0 0 4px 0;}
.bnav ul li a {color:#000; text-decoration:none; display:block; padding:4px 6px;}
.bnav ul li a:hover {color:#8e8f8e;}
.bselected {padding:4px 6px;}
.copyright { border-top:1px dotted #000; padding:20px 12px; line-height:26px; font-size:.9375em;}
.copyright span {margin:0 10px;}
.copyright a {color:#000; text-decoration:none; }
.gm-svpc div img {position: relative !important; left:34px;}
.gm-svpc div { height: 40px; width:40px;}
.lang { font-family: "Montserrat", sans-serif;  font-optical-sizing: auto; font-weight: 300; font-style: normal;  color:#ccc; text-align:center; padding:12px 12px 20px 12px;}
.lang a {display:inline-block; margin:0 0 0 6px; color:#fff; text-decoration:none; border-left:1px solid #ccc; padding:2px 0 2px 10px;} 
.prpol {display:block; -webkit-box-sizing:border-box;-moz-box-sizing:border-box; box-sizing:border-box; padding:10px 12px; max-width:1800px; margin:0 auto;} 
.prpol p {font-family: "Roboto", sans-serif; font-weight: 400; line-height:26px; color: #7d7d7d; text-align:justify;}
.prpol ul {font-family: "Roboto", sans-serif; font-weight: 400; line-height:26px; color: #7d7d7d; text-align:justify; margin:0; padding:20px 0 10px 14px;}
.prpol h2 { font-size:1.625em; line-height:40px;}
.prpol h3 {font-family: "Montserrat", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; letter-spacing:0; font-size:1.375em; line-height:32px; text-align:left;}
.femnote { padding:6px 12px 12px 12px; font-style:italic; font-size:.9375em; font-family: "Roboto", sans-serif; font-weight: 400; line-height:24px; color: #7d7d7d; text-align:justify;} 
@media only screen 
and (min-width : 320px) {
.logo {padding:15px 12px 75px 12px;}	
.nbutton {position:absolute; top:136px; left:6px; display:block; width:auto; padding:0; z-index:110;} 
.c-hamburger {width: 84px; height: 46px; box-sizing:border-box;     }
.c-hamburger span {top: 24px; left: 12px; right: 12px; height: 1px; background: #fff; width:50px;  }
.c-hamburger span::before, .c-hamburger span::after {height: 1px; background-color: #fff; content: "";}
.c-hamburger span::before {top: -10px;  width:56px; }
.c-hamburger span::after {bottom: -10px; width:44px; }
.c-hamburger--htx.is-active span::before { background:#fff; padding:0; width:50px;}
.c-hamburger--htx.is-active span::after { background:#fff; padding:0; width:50px;}
.bookbt {position:absolute; top:132px; right:0; margin:0; z-index:100;}
.bookm {padding:10px 8px; letter-spacing:0;}	
.owl-carousel {margin-bottom:30px!important; padding:0 10px!important;}
.roombk li {list-style:none; margin:5px 10px 5px 0; display:inline-block;}
.rnav-title, .rnav-title2 {padding:1px 20px;}
.rnav-title h3, .rnav-title2 h3 { font-size:1.25em; ; line-height:40px;}
.grid1 { margin:0 0 10px 0; padding:1px 10px;}
.grid5 { padding:10px 20px;}
.slidehead {padding:40px 20px 10px 20px;}
.description h1 {padding-left:20px; padding-right:20px;} 
.grid7 {padding:30px 20px 25px 20px; }
.grid8 {flex:50%; max-width:50%; padding:0 5px 0 0; overflow:hidden;}
.grid9 {flex:50%; max-width:50%; padding:0;}
.grid10 {margin:5px 0 0 0; overflow:hidden;}
.gridins {display:inline-block;  -webkit-box-sizing:border-box;-moz-box-sizing:border-box; box-sizing:border-box; padding:0 0.5px 0 0; width:calc(50% - 2px);}
.gridn2s {display:inline-block;  -webkit-box-sizing:border-box;-moz-box-sizing:border-box; box-sizing:border-box; padding:0 0 0 0.5px; width:calc(50% - 2px);}
.grid12, .grid13 {padding:1px 20px;}
.grid14 {padding:10px ;}
.grid15 {padding:0 20px 30px 20px;}
.map {height:400px;}
.chpades1 {padding:1px 12px;}
.lang { position:absolute; z-index:109; top:140px; left:85px;}
.lang span {display:none;}
.lang a {border-left:none; margin:0; padding:2px 6px;}
.prpol {padding:10px 20px;}
.femnote { padding:6px 20px 12px 20px;}

}


@media only screen 
and (min-width : 450px) {
.grid_4 { position:relative; padding:0 10px;}
.grid_4 p {color:#fff; font-size:1.75em; font-weight:400; line-height:50px;}
.slog {position: absolute; bottom:20px; padding:0 20px; width:calc(100% - 60px); }
.owl-carousel {padding:0 15px!important;}
.rnav-title {padding:1px 40px;}
.grid3 {order:2; padding:0 10px;}
.grid4 {order:0; padding: 0 10px;}
.pz {flex:33.33%; max-width:33.33%;   padding:0 1px 2px 1px;}
.pz1, .pz2 {flex:50%; max-width:50%;   padding:0 1px 2px 1px;}
.grid7 {padding:30px 40px 25px 40px; }
.grid12, .grid13 {padding:1px 30px;}
.grid11 {padding:0 12px;}
.slidehead {padding:40px 30px 10px 30px;}
.grid14 {padding:10px ;}
.grid15 {padding:0 30px 30px 30px;}
.map {height:400px; padding:0 10px;}
.bnav ul li {display:inline-block;  margin:4px 5px;}
.copyright { padding:20px 22px;}
.bookm {letter-spacing:1px;}
.lang {top:140px; left:95px;}
.lang span {display:inline-block;}
.lang a {margin:0 0 0 6px; border-left:1px solid #ccc; padding:2px 0 2px 10px;} 
nav ul li { margin:0 0 12px 0; line-height:normal;}
.prpol {padding:20px 40px;}
}

@media only screen and (min-width: 550px) {
.owl-carousel {padding:0 25px!important;}	
}
@media only screen and (min-width: 600px) {
.owl-carousel {padding:0 84px!important;}
.grid3 {order:2; padding:0 0 0 5px; flex:50%; max-width:50%;}
.grid4 {order:1; padding: 0 5px 0 0; flex:50%; max-width:50%;}
.grid5 {order:0; padding:10px 40px;}
.logo {padding:15px 12px 20px 12px;}	
.nbutton {top:72px; left:6px; }
.bookbt {top:42px; }
.grid8 {flex:33.33%; max-width:33.33%;}
.grid9 {flex:33.33%; max-width:33.33%;}
.grid10 {flex:33.33%; max-width:33.33%; padding:0 0 0 5px; margin:0;}
.gridins {display:block;  -webkit-box-sizing:border-box;-moz-box-sizing:border-box; box-sizing:border-box; padding:0 0 2.5px 0; width:100%;}
.gridn2s {display:block;  -webkit-box-sizing:border-box;-moz-box-sizing:border-box; box-sizing:border-box; padding:2.5px 0 0 0; width:100%;}
.grid12, .grid13 {padding:1px 50px;}
.grid11 {padding:0 20px;}
.slidehead {padding:40px 50px 10px 50px;}
.grid14 {padding:20px ;}
.grid15 {padding:0 50px 30px 50px;}
.map {height:500px; padding:0 20px;}
.item2 {margin:20px 10px 20px 10px; flex:calc(50% - 20px); max-width:calc(50% - 20px); align-self: stretch; background:#f2ebe2;} 
.rnav-title2 {border-top:1px solid #fff;}
.lang {top:75px; left:95px;}
}

@media only screen 
and (min-width : 768px) {
.tag form ul {max-width:700px; display:flex;  flex-wrap: wrap; align-items:center;  }	
.tag form ul li:first-child {flex:100%; max-width:100%; border-right:none;}	
.tag form ul li:nth-child(2), .tag form ul li:nth-child(3) {flex:30%; max-width:30%; border-bottom:none; border-right:1px dotted #000;}
.tag form ul li:nth-child(4){flex:40%; max-width:40%;}
.tag form input {max-width:120px; }	
.grid_4 p span {display:block;}
.owl-carousel {padding:0 10px!important;}
.item {background:#f2ebe2;}
.slimg { flex:60%; max-width:60%;}
.rnav-title {flex:40%; max-width:40%; padding:1px 20px; }
.pz, .pz1, .pz2 {flex:20%; max-width:20%;}
h1 span {display:block;}
.roomg_3  {float:left; width:33.33%; padding:0 1px 1px 0;}
.grid12, .grid13 {padding:1px 60px;}
.slidehead {padding:40px 60px 10px 60px;}
.grid14 {flex:50%; max-width:50%; padding:20px 0 40px 20px;}
.grid15 {flex:50%; max-width:50%; padding:1px 30px 30px 30px;}
.femnote { padding:6px 40px 12px 40px;}
}


@media only screen 
and (min-width : 1024px) {
.nbutton {display:none;}
.bookbt {display:none; }
.galleria {height:100%;}
nav {position:absolute; z-index:10; top:30px; right:55px; transition:all 0.5s ease-out; display:block; max-height:none; overflow:visible; letter-spacing:0;}
.scrollednav {top:5px;}
nav ul li { display:inline-block; margin:0 0 0 8px; text-transform:uppercase; color:#fff;}
nav ul li a {color:#fff;  display:block; padding:4px 6px; text-decoration:none; }
nav ul li a:hover {color:#e0d4c2;}
.selected {padding:4px 6px; border-bottom:1px dotted #fff; color:#e0d4c2; }
.smore {padding: 4px 20px 4px 6px; color:#fff; cursor:pointer; background: url(../images/arrow14w.png) no-repeat right 7px;}
.suitesnav {position:absolute; font-size:1em; margin:4px 0 0 0;  padding:0 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-transform:none; max-height: 0; overflow: hidden; z-index:100; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-transition: max-height 0.4s ease-in; -moz-transition: max-height 0.4s ease-in;  -o-transition: max-height 0.4s ease-in; -ms-transition: max-height 0.4s ease-in; transition: max-height 0.4s ease-in;
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); }	
.suitesnav div {padding:18px 0 0 0;}
nav ul li:hover ul{max-height:379px;}
nav ul li ul li {padding:0!important; margin:0; display:block!important;  text-transform:none!important;}
.sublink{ background:#fff; color:#303030; margin:1px 0 0 0; padding:12px 12px;  text-align:left; display:inline-block; 	-webkit-transition: background-color 0.8s ease;
-moz-transition: background-color 0.8s ease; -o-transition: background-color 0.8s ease; -ms-transition: background-color 0.8s ease; transition: background-color 0.8s ease; }
.sn ul li a {width:275px;}	
.sn2 ul li a {width:150px;}	
.subselected {background:#303030; color:#fff;  padding:12px 12px!important; margin:1px 0 0 0!important; text-align:left; display:block;}
nav ul li ul li a:hover {background:#303030; color:#fff;}
.logo {position:absolute; z-index:12; left:0; top:10px; width:auto; padding:0; background:none; transition:all 0.5s ease-out;}
.scrolledl {opacity:0;}
.logo2 {position:absolute; z-index:11; left:10px; top:8px; width:auto; padding:0; opacity:0; transition:all 0.5s ease-out; display:block;}
.scrolledl2 {opacity:1;}
header {position:fixed; z-index:20; left:0; top:0; height:70px; width:100%; transition:all 0.5s ease-out; background:none;}
.scrolledh {background:#000;}
.tag {position:absolute; z-index:1; left:0; bottom:0; background:rgba(255, 255, 255, .8); padding:0; width:100%;}
.tag form ul {max-width:1000px; padding:4px 0 2px 0;}
.tag form label {display:inline-block; padding:0 4px 0 0;}
.tag form input {max-width:100px; text-align:left;  }
.tag form ul li:first-child {flex:260px; max-width:260px; border-right:none;  text-align:left; border-right:1px dotted #000;}	
.tag form ul li:nth-child(2), .tag form ul li:nth-child(3) {flex:250px; max-width:250px; }
.tag form ul li:nth-child(4){flex:240px; max-width:240px;}
.tag form ul li:last-child {padding:0 6px;}
.resubmit { background:none; color:#000; padding:1px 4px;}
.tag form img {margin-bottom:4px;}
.scrolled {position:fixed; top:70px; bottom:auto; border-bottom:1px solid #000;  background:#f2ebe2; padding:8px 0; z-index:10; width:100%; }
.schp {transition:all 0.3s ease-in;}
.scrolled2 {padding-top:80px;}
.grid1 {flex:80%; max-width:80%; margin:0 auto; }
.grid2 {flex:50%; max-width:50%; padding:0 40px;}
.grid3 {flex:33.33%; max-width:33.33%; order:1; padding:0 5px 0 0;}
.grid4 {flex:33.33%; max-width:33.33%; order:2; padding:0 0 0 5px;}
.grid5 {flex:33.33%; max-width:33.33%; padding:0 20px; order:0;}
.grid6 {flex:70%; max-width:70%; }
.grid_4 p {color:#fff; font-size:2em; font-weight:400; line-height:60px;}
.slog {bottom:30px;}
.owl-carousel {padding:0 50px!important;}
.media{ margin:130px 0 0 0;}
.extmed {padding:30px 20px; max-width:1800px; margin:130px auto 0 auto;}
.roomg_3  {float:left; width:25%; padding:0 1px 1px 0;}
.grid11 { flex:55%; max-width:55%; padding:0;}
.grid12 {flex:45%; max-width:45%; padding:1px 40px;}
.facil {margin:0; padding:0 0 30px 0; }
.ch11marg, .ch11marg2 {margin:40px 0 0 0;}
.grid15 {flex:50%; max-width:50%; padding:1px 50px 30px 50px;}
.bnav {display:none;}
.copyright {border-top:none; padding:10px 22px; text-align:center;}
.lang {top:40px; left:auto; right:0; transition:all 0.5s ease-out; color:#e0d4c2;}
.scrolledlang {top:15px;}
.lang span {display:none;}
.lang a {border-left:none; margin:0; padding:2px 6px;}
.prpol {padding:150px 60px 50px 60px;}
}
@media only screen 
and (min-width : 1100px) {
nav {right:65px;}	
nav ul li {margin:0 0 0 12px; }
nav ul li a {padding:4px 8px;  }
.selected {padding:4px 8px!important;}	
.smore {padding: 4px 20px 4px 8px;}
.slimg { flex:65%; max-width:65%;}
.rnav-title {flex:35%; max-width:35%; padding:1px 20px; }	
}

@media only screen 
and (min-width : 1170px) {
.tag form ul {max-width:1130px; }
.tag form ul li:first-child {flex:270px; max-width:270px; }	
}

@media only screen 
and (min-width : 1224px) {
nav {position:absolute; z-index:10; top:30px; right:110px; letter-spacing:1px;}	
nav {font-size:.875em;}	
.smore {background: url(../images/arrow14w.png) no-repeat right 6px;}
.suitesnav div {padding:20px 0 0 0;}
.tag {padding:4px 0; transition:all 1s ease-out;}	
.scrolledtag {position:fixed; top:79px; bottom:auto; border-bottom:1px solid #89adb9;  background:#fff; padding:8px 0; z-index:10; width:100%; }
.tag form ul li:last-child {padding:0 0 0 12px; }
.resubmit { font-size:.875em;}
.tag form input, .tag form label, .tag form ul li:first-child {font-size:.875em;}
.tag form ul {max-width:1010px;}	
.deswrap1 {padding:30px 20px;}
.grid2 p, .grid5 p, .slidehead p, .grid7 p, .grid13 p {font-size:.875em; line-height:24px;}
.grid2 { flex:40%; max-width:40%;}
.grid_4 {background-image:url(../images/home/09.jpg); background-attachment:fixed; background-position:center; background-repeat:no-repeat; background-size:cover; height:900px; width:100%; position:relative!important; margin:50px auto;}
.grid_4 p {font-size:2.5em; letter-spacing:3px; text-align:center; color:rgba(255, 255, 255, 1); line-height:70px;}
.slog {position:absolute; z-index:2; left:5%; width:90%; bottom:50px;  padding:0; }
.chdsp {display:none;}
.owl-carousel {padding:0 80px!important;}
.roompr, .roombk {font-size:.875em;}
.gridft2 p { font-size:.875em;}
.grid8 {flex:25%; max-width:25%; order:0; padding:0 5px 0 0;}
.grid9 {flex:25%; max-width:25%; order:1;}
.grid10 {flex:25; max-width:25%; order:3; padding:0 0 0 5px;}
.grid7 {flex:25%; max-width:25%; order:2; padding:0 30px;}
.ch11marg, .ch11marg2 {margin:0;}
.facil {font-size:.875em;}
.grid12, .grid13 {padding:1px 80px;}
.slidehead {padding:40px 100px 10px 100px;}
.grid13 {max-width:1280px; margin:-40px auto -20px auto;}
.logo {left:10px; }
.grid14 {flex:35%; max-width:35%; padding:0;}
.grid15 {flex:30%; max-width:30%; padding:1px 40px; align-self: center;}
.map {flex:35%; max-width:35%;  height:auto!important; align-self: stretch; padding:0;}
.item2 {margin:20px 10px 20px 10px; flex:calc(33.33% - 20px); max-width:calc(33.33% - 20px); align-self: stretch;} 
.copyright {font-size:.8125em; position:absolute; z-index:10; bottom:10px; right:10px; background:none; width:auto; color:#ccc; }
.copyright a {color:#fff;}
.js-slidein {opacity: 0; transform: translateX(350px); -webkit-transition: all 600ms ease-in-out; transition: all 900ms ease-in-out;}
.js-slidein-visible {opacity: 1 !important; transform: translateX(0) !important;}
.js-slidein2 {opacity: 0; transform: translateX(-350px); -webkit-transition: all 600ms ease-in-out; transition: all 900ms ease-in-out;}
.js-slidein-visible2 {opacity: 1 !important; transform: translateX(0) !important;}
.js-slidein3 {opacity: 0; transform: translateY(150px); -webkit-transition: all 600ms ease-in-out; transition: all 900ms ease-in-out; transition-delay:300ms;}
.js-slidein-visible3 {opacity: 1 !important; transform: translateY(0) !important;}
.js-slidein4 {opacity: 0; transform: translateY(-150px); -webkit-transition: all 600ms ease-in-out; transition: all 900ms ease-in-out; }
.js-slidein-visible4 {opacity: 1 !important; transform: translateY(0) !important;}
.lang span {display:inline-block;}
.lang a {margin:0 0 0 6px; border-left:1px solid #ccc; padding:2px 0 2px 10px;} 
.lang {right:10px; font-size:.875em; }
.scrolledlang {top:15px;}
.prpol p, .prpol ul { font-size:.875em; line-height:24px;}
.femnote { font-size:.8125em;}
}
@media only screen 
and (min-width : 1600px) {
nav {right:130px;}
.deswrap1 {padding:30px 20px;}
.grid2, .grid5 {padding:0 100px;}
.grid_4 p {letter-spacing:5px; }
.slimg { flex:70%; max-width:70%;}
.rnav-title {flex:30%; max-width:30%; padding:1px 60px; }
.owl-carousel {padding:0 100px!important;}
.grid7 {padding:0 80px;}
.roomg_3 {width:11.50%; margin:10px 0.5%;}
.grid12 {padding:1px 140px;}
.copyright {right:40px;}
.lang {right:30px; }

}
@media only screen 
and (min-width : 2000px) {
nav {font-size:.9375em; right:150px;}	
.deswrap1 {padding:30px 100px;}
.grid2, .grid5 {padding:0 150px;}
.grid2 p, .grid5 p, .slidehead p, .grid7 p, .grid13 p, .facil {font-size:1em; line-height:26px;}
.grid_4 {background-image:url(../images/home/09lg.jpg); height:1200px; }
.grid_4 p {letter-spacing:10px;}
.slimg { flex:75%; max-width:75%;}
.rnav-title {flex:25%; max-width:25%; }
.roompr, .roombk {font-size:1em;}
.rnav-title h3 { font-size:1.375em; ; line-height:55px;}
.grid12 {flex:45%; max-width:45%; padding:1px 200px;}
.slidehead, .grid13 {max-width:1440px;}
.tag {padding:4px 0; transition:all 1s ease-out;}	
.scrollednav {top:5px;}
.scrolledtag {position:fixed; top:79px; bottom:auto; border-bottom:1px solid #89adb9;  background:#fff; padding:8px 0; z-index:10; width:100%; }
.tag form ul li:last-child {padding:0 0 0 12px; }
.resubmit { font-size:1em;}
.tag form input, .tag form label, .tag form ul li:first-child {font-size:1em;}
.tag form img {margin-bottom:5px;}
.tag form ul {max-width:1090px; }
.tag form ul li:first-child {flex:280px; max-width:280px; border-right:none;  text-align:left; border-right:1px dotted #000;}	
.tag form ul li:nth-child(2), .tag form ul li:nth-child(3) {flex:270px; max-width:270px; }
.tag form ul li:nth-child(4){flex:260px; max-width:260px;}
.gridft2 p { font-size:1em; line-height:28px;}
.grid14 {flex:38%; max-width:38%; }
.grid15 {flex:24%; max-width:24%; padding:1px 80px; }
.map {flex:38%; max-width:38%; }
.copyright {font-size:.875em; right:50px; bottom:20px;}
.extmed {padding:30px 50px; max-width:2500px; margin:130px auto 0 auto;}
.item2 {margin:20px 15px 20px 15px; flex:calc(33.33% - 30px); max-width:calc(33.33% - 30px); } 
.lang {font-size:.9375em; right:40px;}
.prpol p, .prpol ul { font-size:1em; line-height:26px;}
.femnote { padding:6px 120px 12px 120px; font-size:.9375em;}
}
@media only screen 
and (min-width : 2561px) {
.media{ margin:170px 0 30px 0;}	
.deswrap1 {padding:30px 5%;}
.gridin {padding:0 0 10px 0;}
.gridin2 {display:block; padding:10px 0 0 0;}
.grid3 {padding:0 10px 0 0;}
.grid4 {padding:0 0 0 10px;}
.grid_4 {background-image:url(../images/home/09fk.jpg); height:1500px; }
.grid_4 p {font-size:3em;  line-height:80px; letter-spacing:10px;}
.grid2 p, .grid5 p, .slidehead p, .grid7 p, .grid13 p, .facil {font-size:1.1875em; line-height:30px;}
h1 {font-size:2.5em; line-height:70px; }
h2 {font-size:2.5em; line-height:60px; text-align:left;}
.scrolled2 {padding-top:80px;}
header {height:100px;}
.logo2 {top:6px;}
.logo {left:20px; top:20px; }
nav {font-size:1.125em; top:40px; right:190px;}
nav ul li { margin:0 0 0 18px; }
.smore {background: url(../images/arrow14w.png) no-repeat right 8px;}
.scrollednav {top:20px;}
.sn ul li a {width:340px;}
.suitesnav div {padding:30px 0 0 0;}
.scrolled {top:100px;}
.tag form ul li:last-child {padding:0 0 0 12px; }
.resubmit { font-size:1.1875em;}
.tag form input, .tag form label, .tag form ul li:first-child {font-size:1.1875em;}
.tag form img {margin-bottom:7px; width:24px; height:24px;}
.tag form ul {max-width:1240px;  }
.tag form ul li:first-child {flex:320px; max-width:320px; border-right:none;  text-align:left; border-right:1px dotted #000;}	
.tag form ul li:nth-child(2), .tag form ul li:nth-child(3) {flex:310px; max-width:310px; }
.tag form ul li:nth-child(4){flex:280px; max-width:280px;}
.tag form input {max-width:120px;   }
.gridft2 p { font-size:1.1875em; line-height:38px;}
.slidehead h3 {font-size:2.25em; line-height:50px;}
.gridft3 {flex:100%; max-width:100%; text-align:center; padding:30px 20px 0 20px;}
.gridft3 img {margin:0 20px; width:36px; height:36px}
.rnav-title h3 { font-size:1.5em; ; line-height:60px;}
.roompr, .roombk {font-size:1.1875em; line-height:30px;}
.roombk a {width:180px;}
.roompr li img {width:24px; height:24px;}
.copyright {font-size:1em; right:50px; bottom:20px;}
.extmed {padding:30px 50px; max-width:3000px; margin:160px auto 0 auto;}
.puzhead h3 {font-size:2.25em; line-height:60px; text-align:center;}
.puzhead p {font-family: 'Qwigley', cursive; font-weight: normal; text-align: center; font-size:2.5em; letter-spacing:2px; color: #7d7d7d;}
.roompr2 {font-size:1.1875em;}
.roompr2 li:first-child {margin:0 10px 20px 0; flex:170px; max-width:170px;}
.roompr2 li:nth-child(2) {flex:calc(100% - 180px); max-width:calc(100% - 180px);}
.roompr2 li img {width:24px; height:24px;}
.lang {font-size:1.1875em; right:40px; top:50px;}
.scrolledlang {top:30px;}
.prpol {padding:200px 60px 80px 60px;}
.prpol p, .prpol ul { font-size:1.1875em; line-height:30px;}
.prpol h2 { font-size:2em; line-height:50px;}
.prpol h3 {font-size:1.5em; line-height:36px; }
.femnote { padding:6px 160px 12px 160px; font-size:1.125em;}
}
@media only screen 
and (min-width : 3073px) {
.deswrap1 {padding:30px 10%;}
.grid_4 { height:1700px; }
.grid_4 p {font-size:3.5em;  line-height:100px; letter-spacing:10px;}
.owl-carousel {padding:0 10%!important;}
.femnote { padding:6px calc(10% + 30px) 12px calc(10% + 30px); font-size:1.275em;}
}