@import url('https://fonts.googleapis.com/css?family=Montserrat');
*{margin:0;padding:0;border:0;outline:none;}
.tp { padding-top:4px;}
.title2{text-decoration: none; color:#00145f; font-weight: bold;  font-size:27px; }
h1, h1 a {text-decoration: none; color:#00558C; font-weight:bold;  font-size:31px;  line-height: 42px; text-transform:uppercase; text-align:center;}
.title3{ font-weight:bold; font-size:27px; line-height:28px; text-align:center; color:#073358; padding:10px 0; }
.title3 a {color:#073358; text-decoration:none;}
.title4{ margin:0 auto;margin-bottom:10px; font-weight:normal; font-size:26px; line-height:28px;  color:#FFF; padding:10px 0; }
.title5{font-size:19px; font-weight:normal;color:#fafafa; text-decoration:none; margin-top:15px; padding-bottom:4px; text-transform:uppercase;}
.title5 a{text-decoration:none; color:#fafafa;}
.title6{text-align:left; text-decoration: none; color: #303030; font-weight:bold;  font-size:21px;  line-height:34px; margin-top:6px;}
.title6 a {text-align:left; text-decoration: none; color: #303030; }
.tit{text-decoration: none; color:#0573bc; font-weight:bold;  font-size:19px;  line-height:26px;}
.wht {text-decoration:none; margin:0 auto; font-weight:bold; font-size:31px; color:#fff; margin-bottom:15px;}
.ct { text-align:center;}
body{ font-family: 'Montserrat', sans-serif; color:#939598; font-size:15px;}
#top{ float:none; width:100%; margin:0 auto; background:#193f56;}
#topin { float:none; width:90%; margin:0 auto; padding:10px 0;}
#call {font-size: 17px;
    background-color: #0660a0;
    color: #fff;
    font-weight: normal;
    float: right;
    padding: 8px 12px;} 
#call a{color:#fff; text-decoration:none;}

#slide{ width:100%;  margin:0 auto; }
#slide img { width:100%;}
#slide iframe { padding-top:100px; background:#f8f9fa;}
#headbg { margin:0 auto; width:100%; position:absolute; z-index:1000; background: linear-gradient(to top, rgba(0,20,95,0), rgba(250,252,252,1));}
#head {width:90%; margin:0 auto; }
.logo{width:319px; margin:0 auto; float:none; margin-top:12px;}
#reserve {margin:0 auto; position:absolute; z-index:100;font-family: 'Montserrat', sans-serif; width:100%; padding:25px 0; top:580px;}
.imenu { background-color: rgba(3,55,87,0.7); width:70%; margin:0 auto; padding:16px 10px; }
.check1{ margin:0px 12px; float:left; width:14%; font-size:14px; color:#fff; font-family: 'Montserrat', sans-serif; text-transform:uppercase; line-height:20px; }
#submit{float:left;  }
.message1{ font-size:12px;
width:88% !important; padding:8px !important;
border: 1px double #cecece;
overflow:hidden;
margin:0 auto; margin-top:5px;
color:#444; font-family: 'Montserrat', sans-serif;
}
.message{font-size:12px;
width:100%; padding:8px;
border: 1px double #cecece;
overflow:hidden;
margin:0 auto;  margin-top:5px;
color:#444; font-family: 'Montserrat', sans-serif;
}
.messagea{font-size:12px;
width:88% !important; padding:9px 8px 9px 8px !important;
border: 1px double #cecece;
overflow:hidden;
margin:0 auto;  margin-top:5px;
color:#444; font-family: 'Montserrat', sans-serif;
}
.map1{ font-size:12px; float:left;
width:60%; margin-right:12px;
border: 1px double #cecece;
overflow:hidden;
color:#444; font-family: 'Montserrat', sans-serif;
}
input[type="submit"]
.palace-button, input[type="submit"], input#searchsubmit {
background-color:#0660a0; border:none; color:#fff; font-size: 14px; font-family: 'Montserrat', sans-serif; padding:10px 30px; font-weight:bold; border:#fff solid 1px;}
::-webkit-input-placeholder {
   color: #333333;
}
input[type="submit"]
.palace-button, input a[type="submit"], input#searchsubmit {
background-color:#0660a0; border:none; color:#fff; font-size: 14px; font-family: 'Montserrat', sans-serif; padding:10px 30px; font-weight:bold; border:#fff solid 1px;}
::-webkit-input-placeholder {
   color: #333333;
}
input a:hover[type="submit"]
.palace-button, input[type="submit"], input#searchsubmit {
background-color:#333; border:none; color:#fff; font-size: 14px; font-family: 'Montserrat', sans-serif; padding:10px 30px; font-weight:bold; border:#fff solid 1px;}
::-webkit-input-placeholder {
   color: #333333;
}

:-moz-placeholder { /* Firefox 18- */
   color: #333333;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #333333;  
}

:-ms-input-placeholder {  
   color: #333333;  
}

#content {width:80%; margin:0 auto; padding:4% 0;}
#content p{font-size:16px; color:#333; font-weight:normal; line-height:28px; text-align:left;}
#content p a {color:#0573bc; text-decoration:none;}

.ft { width:19%;  margin:2px; float:left;}
.ftimg{ width:70px; height:65px; margin:0 auto;}
.ftp{font-size:15px; color:#333; text-align:center; font-weight:bold; line-height:24px;}
.atr { width:86%; margin:0 auto; padding:4% 0;}
.atpic { width:40%; float:left; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border:solid 4px #d1d1d1; }
.amtx { width:52%; float:right;   padding:1% 2%; }
.amtx p, p a {margin: 0 0 10px; font-size:16px; color:#111010; font-weight:normal; line-height:26px;}
.atpic img { width:100%; margin:0 auto;}
.atr {width:90%; margin:0 auto;}
.attx {width:60%; margin:0 auto; margin-top:38%; border:solid 1px #fff; padding:4% 7%; color:#000; line-height:26px; text-align:center; font-weight:normal; font-size:16px; background-color: rgba(255,255,255,0.8);}
.res{width:48%;float:left; background:url(../images/dining.jpg); margin:3% 0%; box-shadow: 0 0 4px 3px #ccc;
    border: 1px solid #c5c5c5;}
.san{width:48%;float:right; background:url(../images/room.jpg); margin:3% 0%; box-shadow: 0 0 4px 3px #ccc;
    border: 1px solid #c5c5c5;}
#atrbg { width:100%; margin:0 auto; background:url(../images/mustang-island.jpg) top center fixed; padding:7% 0; background-size:100%;}
.attrac_text {
    color: #fff; text-align:center; padding-bottom:14px;
    font-size: 80px!important;
    font-weight: bolder;
    text-transform: uppercase;
    letter-spacing: 5px;
    line-height: .8;
    margin: 0 auto;
    text-shadow: 5px 5px 10px #000;}
.atrtx { width:60%; margin:0 auto;  padding:2%; background:rgba(24,33,41,.7); float:none; margin-top:3%; }
.atrtx p {margin: 0 0 10px; font-size:18px; color:#dedede; font-weight:normal; line-height:28px; text-align:center;}
.readmore{padding:12px 0px;font-size:15px;font-weight:normal;color:#fff;text-decoration:none; text-align:center;  float:none; margin:0 auto; width:180px; margin-top:15px; border: #08accf solid 1px; margin-top:15px; background:#0660a0;}
.readmore a{color:#fff;text-decoration:none; background:#0660a0;}
.readmore a:hover{padding:12px 46px;font-size:15px;font-weight:normal;color:#fff;text-decoration:none; text-align:center;  float:none; margin:0 auto; width:180px; margin-top:15px; border: #49b0f9 solid 1px; margin-top:15px; background:#49b0f9;}

#foot{width:100%; margin:0 auto; background:#041349; }
#footer{width:80%; text-align:left; margin:0 auto; font-weight:normal; padding-top:30px; line-height:28px; font-size:14px; color:#cacaca; }
#footer p{line-height:26px;  color:#cacaca; }
#footer p a{text-decoration:none; line-height:26px; color:#cacaca; font-size:14px; }
#footer p a:hover{text-decoration:none; line-height:26px; color:#fff; font-size:14px; }
.footer-col{float:left; width:32%; text-align:left; padding:15px 0px;}
.footer-co {float:right; width:32%; text-align:left; padding:15px 0px;}
.footer-co ul { float:left; width:40%; margin-left:20px;}
.footer-co ul li, .footer-col ul li{list-style:circle; line-height:28px; }
.footer-co ul li a{ font-size:14px; font-weight:normal; text-decoration:none; color:#cacaca;}
.footer-link {float:left; width:18%; text-align:left; padding:15px 0px;}
.footer-link ul { float:left; width:98%; margin-left:20px;}
.footer-link ul li, .footer-col ul li{list-style:circle; line-height:28px; }
.footer-link ul li a{ font-size:14px; font-weight:normal; text-decoration:none; color:#cacaca;}
.footer-link ul li a:hover{ font-size:14px; font-weight:normal; text-decoration:none; color:#fff;}
.footer-hotel{float:left; width:32%; text-align:left; padding:15px 0px;}
.footer-hotel ul { float:left;  margin-left:20px;}
.footer-hotel ul li{list-style:circle; line-height:28px; }

.hotel { float:left; margin:4px 0; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border: solid 2px #d1d1d1; clear:both;}
#smo{ width:190px; float:left; margin-top:15px;}
.social-icon{float:left; padding:2px 6px;} 
#w2b-StoTop{display: block;position: fixed;top:90%;padding: 10px; color:#fff; font-size:14px; right:0; margin-right:20px; text-decoration:none; cursor:pointer; background:#4c4c4c;}
#w2b-StoTop a{color:#fff; text-decoration:none; font-size:14px;}
.col1{ width:28%; font-size:15px; color:#111010;  margin:15px 22px; float:left;}
.col1 ul li{list-style:circle; line-height:28px;}
.col1 ul li a{color:#111010; text-decoration:none; list-style:circle;}
.col2{ width:95%; font-size:15px; color:#111010;  margin:20px 20px; float:left;}
.col2 ul li{list-style:circle; line-height:28px;}
.col2 ul li a{color:#111010; text-decoration:none; list-style:circle;}
.video{ width:90%; border: solid 2px #ededed; -moz-box-shadow: 1px 1px 5px #999; 
	-webkit-box-shadow: 1px 1px 5px #999;
        box-shadow: 1px 1px 5px #999; clear:both; margin:0 auto;}
.video img { width:100%;}
a.toggleLink { font-size:14px;
color : #333; border:#0573bc solid 1px;
text-decoration : none; font-weight:bold;
margin:14px 0; float:left;
padding:2px 14px;} 

.rw {  width:260px; float:left; }
#contentp {width:86%; margin:0 auto; padding:4% 0;}
#contentp p{font-size:15px; color:#111010; font-weight:normal; line-height:28px; text-align:center;}
#contentp p a {color:#192e7c; text-decoration:none;}
.cc_dialog.simple {
    left: 0 !important;
    top: auto;
    bottom: 0;
    right: auto !important;
    max-width: 60% !important;
    position: fixed;
    padding: 0.8em !important;
    background: #f2f2f2a1 !important;
}
.light.cc_dialog .cc_dialog_headline {
    color: #111;
    text-align: left;
}
.ada { width:100%; margin:0 auto; padding:12px 0; text-align:center; color:#fff; font-size:19px; background:#0660a0; line-height:32px;}
.ada a { color:#fff; text-decoration:none;}
.fq{text-align:left; text-decoration: none; color:#041349; font-weight:bold;  font-size:18px;  line-height:34px; margin-top:6px; list-style:none;}
.fqa{font-size:16px; color:#424242; font-weight:normal; line-height:28px; text-align:left;}
.fqa a{font-size:16px; color:#0660a0; text-decoration:none;}
/* Style the buttons that are used to open and close the accordion panel */
.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover {
  background-color: #ccc;
}

/* Style the accordion panel. Note: hidden by default */
.panel {
  padding: 0 18px;
  background-color: white;
  display: none;
  overflow: hidden;
}
#more {display: none;}
.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}
.btn {
	display:inline-block;
	font-weight:400;
	color:#212529;
	text-align:center;
	vertical-align:middle;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	background-color:transparent;
	border:1px solid transparent;
padding:.375rem .75rem;
	font-size:1rem;
	line-height:1.5;
border-radius:.25rem;
	transition:color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
.btn-secondary {
	color:#fff;
	background-color:#6c757d;
	border-color:#6c757d
}
.btn-secondary:hover {
	color:#fff;
	background-color:#5a6268;
	border-color:#545b62
}
.btn-secondary.focus, .btn-secondary:focus {
box-shadow:0 0 0 .2rem rgba(130,138,145,.5)
}
.btn-secondary.disabled, .btn-secondary:disabled {
	color:#fff;
	background-color:#6c757d;
	border-color:#6c757d
}
.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {
	color:#fff;
	background-color:#545b62;
	border-color:#4e555b
}
.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-secondary.dropdown-toggle:focus {
box-shadow:0 0 0 .2rem rgba(130,138,145,.5)
}
.booknowtrack {cursor:pointer; margin-top:21px;}