@import "https://fonts.googleapis.com/css?family=Lato:300,400,700|Droid+Serif:400,700";
*{margin:0;padding:0;border:0;outline:none}
h1,h1 a{font-size:27px;color:#125FA5;font-weight:700;font-family:'Quando',serif;padding:2px 0}
h1 a:hover { color:#333;}
.t2,.t2 a{text-align:left;text-decoration:none;color:#333;font-weight:400;font-size:23px;line-height:42px;font-weight:bold}
.tr{text-align:left;text-transform:uppercase;text-decoration:none;color:#eee;font-weight:400;font-size:27px;line-height:35px;padding:20px 0}
.h3{font-size:19px;color:#fff}
.t4,.t4 a{color:#FFCC00;font-size:19px;font-weight:700;margin:10px 0;text-decoration:none}
.t4 a:hover{color:#262626}
.h5{font-size:17px;font-weight:700;color:#333;text-decoration:none;margin-top:5px;line-height:26px}
.h5 a{text-decoration:none;color:#0e589d}
.h6,h6 a{text-align:left;text-decoration:none;background-color:#e2e2e2;font-weight:400;font-size:21px;line-height:35px;font-weight:bold;padding:10px 0;color:#063D7C;margin-bottom:20px}
.grey { color:#333; font-size:18px; line-height:28px; text-align:center; font-weight:bold;}
body{font-family:'Lato',sans-serif;font-size:15px}
#call{font-size:15px;color:#d0d0d0;font-weight:400;padding:15px 0 10px 25px;text-align:left;background:url(../images/ph.png) left no-repeat;width:34%;float:right}
#call a{color:#d0d0d0;text-decoration:none}
#call a:hover{color:#f21b48}
#smo{width:270px;float:left;margin:10px 0}
.social-icon{float:left;}
#topbg{background:rgba(75,71,75,0.8);width:100%;position:fixed;z-index:1000}
#top{width:90%;margin:0 auto}
#headbg{width:100%;margin:0 auto;padding-top:46px;position:fixed;z-index:100;background:rgba(0,0,0,0.4)}
#head{width:90%;margin:0 auto}
.logo{float:left;position:absolute;z-index:100}
#address{float:left;font-size:16px;color:#025a9f;margin:30px 0 14px 25px;width:270px;font-weight:400;font-family:'Quando',serif}
#room{float:right;margin:10px;font-size:17px;color:#fff;font-weight:400;text-align:center;background:#5e5e5e;padding:10px 18px;text-transform:uppercase;text-align:center}
#menu{float:right;width:75%}
#slide{width:100%;margin:0 auto; background:#ccc;}
#slide iframe { padding-top:120px;}
.reserve{float:left;color:#fff;font-size:19px;margin:12px 0}
#reserve{font-family:'Lato',sans-serif;width:45%;float:right}
.imenu{width:98%;margin:0 auto}
.check1{margin:6px 8px;float:left;width:18%}
#submit{float:left;margin-top:5px}
.message1{font-size:12px;font-family:'Lato',sans-serif;width:88%;padding:6px 8px;background:url(../images/cal.png) #fff no-repeat right;border:1px double #929292;overflow:hidden;margin:0 auto;color:#444;cursor:pointer}
.message1:hover{color:#FFF;background:url(../images/cal.png) #2e2e2e no-repeat right}
input[type="submit"]
.palace-button,input[type="submit"],input#searchsubmit{background-color:#125FA5;border:none;color:#fff;font-size:14px;font-family:'Lato',sans-serif;padding:8px 20px;font-weight:700}
::-webkit-input-placeholder{color:#333}
:-moz-placeholder{color:#333}
::-moz-placeholder{color:#333}
:-ms-input-placeholder{color:#333}
.map1{font-size:12px;padding:10px;width:50%;margin-right:15px;background:#fff;border:1px double #929292;color:#444;float:left}
.event{padding:9px 20px;font-size:15px;font-weight:400;color:#fff;text-decoration:none;background:#636363;text-align:center;float:right;margin:10px 0}
.event a{color:#fff;text-decoration:none}
#content{width:82%;margin:0 auto;padding:40px 0}
#content p{font-size:15px;color:#424242;text-align:left;font-weight:400;line-height:28px}
#content p a{color:#063D7C;text-decoration:none}
#content p a:hover{color:#C7281E}
#feature{width:100%;margin:0 auto;background:#393739;padding:10px 0}
.feat{width:90%;margin:0 auto}
.ft{width:12%;float:left;margin:0px 10px}
.ftimg{width:70px;height:70px;margin:0 auto;margin-bottom:15px;margin-top:8px}
.ft p{font-size:14px;color:#fff;text-align:center;font-weight:400;margin-bottom:12px;text-transform:uppercase;line-height:21px}
.ftt{width:14%;float:left;margin:15px 8px}
.fttimg{width:70px;height:70px;margin:0 auto;margin-bottom:15px;margin-top:8px}
.ftt p{font-size:14px;color:#fff;text-align:center;font-weight:400;margin-bottom:12px;text-transform:uppercase;line-height:21px}
#mainbg{width:90%;padding:5%;}
.video{float:left;width:46%}
.vid{float:left;width:66%;margin:25px 0}
.policy{width:40%;float:left;margin:50px 0 0 100px; color:#424242;}
.gal{width:25%;float:right;margin-left:12px}
.policy p{font-size:13px;line-height:26px;font-weight:400;text-align:left;color:#424242;border-bottom:dashed 1px #484848;margin:8px 0}
.trip{width:100%;float:left;margin-top:14px}
#attbg{width:100%}
ul.img-list{list-style-type:none;float:left;width:100%;text-align:center}
ul.img-list li{display:inline-block;float:left;width:33.3%;position:relative}
ul.img-list li img{width:100%}
ul.img-list li:hover span.text-content{opacity:1}
span.text-content{background:#393739;color:#fff;font-size:21px;padding:40px 20px;line-height:26px;font-weight:400;cursor:pointer;display:table;margin:0 auto;position:absolute;top:20%;left:10%;right:10%;width:70%;opacity:0;-webkit-transition:opacity 500ms;-moz-transition:opacity 500ms;-o-transition:opacity 500ms;transition:opacity 500ms}
.readmore{padding:6px 10px;font-size:15px;font-weight:400;color:#fff;text-decoration:none;background:#063D7C;text-align:center}
.readmore a{color:#fff;text-decoration:none}
#foot{width:100%;margin:0 auto;background:#125FA5;border-bottom:solid 30px #373737;}
#footer{width:90%;text-align:left;margin:0 auto;font-weight:580;padding:30px 0 12px;line-height:28px;color:#fff;font-size:15px;margin-bottom:30px}
#footer p a{text-decoration:none;color:#fff;font-size:15px}
#footer p a:hover{color:#ffcc00;}
.footer-col{float:left;width:35%;text-align:left;padding:15px 0; margin-right:10%;}
.at-gallery {float:right;width:32%;text-align:left; padding:15px 0;}
.footer-co{float:left;width:40%;text-align:left;padding:15px 0;margin-left:55px}
.footer-co ul{list-style:disc;margin:0 10px 0 20px;float:left; width:24%;}
.footer-co li a{font-size:15px;text-align:left;text-transform:none;color:#606060;text-decoration:none}
.footer-co li a:hover{color:#063D7C}
.footer-home{float:left;width:13%;text-align:left;padding:15px 0;}
.footer-home ul li{list-style:disc; margin:0 26px;float:left;}
.footer-home li a{font-size:15px; margin:0 5px;text-align:left;text-transform:none;color:#fff;text-decoration:none}
.footer-home li a:hover{color:#FFCC00;}
#w2b-StoTop{display:block;position:fixed;padding:12px 10px;color:#fff;font-size:13px;text-decoration:none;cursor:pointer;background:#4c4c4c;border-radius:50%!important;transition:transform 1s;text-transform:uppercase;bottom:14px;right:15px;text-align:center}
#w2b-StoTop:hover{transform:rotate(360deg);background:#b7b7b7;color:#000}
#w2b-StoTop a{color:#fff;text-decoration:none;font-size:13px}
#googleMap{width:100%;height:500px}
.col{width:28%;font-size:15px;color:#454545;margin:15px 25px;float:left;font-weight:700}
.col1{width:44%;font-size:15px;color:#454545;margin:15px 25px;float:left}
.col1 ul li,.col2 ul li,.col ul li{list-style:circle;line-height:34px}
.col1 ul li a,.col ul li a{color:#454545;text-decoration:none;list-style:circle}
.col1 ul li a:hover,.col ul li a:hover{color:#b20833}
.col2{width:80%;font-size:15px;color:#454545;margin:15px 25px;float:left}
input[type=text].c5{width:60%;padding:1%;margin:0 2% 0 0;border:1px solid #999;display:inline}
input[type=submit].c6{width:30%;font-size:1em;line-height:32px;padding:4px;background-color:#063D7C;color:#fff;display:inline}
a.toggleLink{font:bold 14px;border:none;color:#063D7C;border:solid 1px #063D7C;text-decoration:none;margin:15px 0;clear:both;padding:4px 8px}
.wth{margin-top:15px}
.container .box{float:left;width:38%;margin:24px}
.container .box .top{padding:10px;background-color:#49372d;color:#fff;font-size:19px;font-weight:400;cursor:pointer}
.container .box .bottom{padding:12px 10px;font-size:14px;color:#2e2e2e;display:none}
.cc_dialog.simple{left:0!important;top:auto;bottom:0;right:auto!important;max-width:87%!important;position:fixed}
.ada{width:100%;margin:0 auto;padding:12px 0;text-align:center;color:#fff;background:#125FA5;font-size:17px}
.ada a{color:#fff;text-decoration:none}
#cssmenu li:hover > ul > li{height:auto}
#cssmenu li:hover > ul.dropdown-content{left:auto;border-radius:10px 10px;-webkit-transform:perspective(400) rotate3d(1,0,0,0deg);-webkit-transform-origin:50% 0;-webkit-transition:500ms ease-in-out;-moz-transition:500ms;-o-transition:500ms;transition:500ms ease-in-out}
#cssmenu ul.dropdown-content{left:auto;background:rgba(56,56,56,0.8)!important;transition:500ms ease-in-out;-webkit-transform:perspective(400) rotate3d(1,0,0,-90deg);-webkit-transform-origin:50% 0;-moz-transition:500ms;-o-transition:500ms}
#cssmenu ul ul li{height:auto;-webkit-transition:all .25s ease;-moz-transition:all .25s ease;-ms-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease}
#cssmenu > ul > li.has-sub:hover > a.middle:hover:before{visibility:visible;transform:scaleX(1);top:30px}
#cssmenu > ul > li.has-sub > a.middle:before{content:"";position:absolute;z-index:1000;width:100%;height:4px;bottom:0;left:0;background-color:#fd8e24;visibility:hidden;transform:scaleX(0);transition:all .3s ease-in-out}
/* The Modal (background) */
.modal {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 90%;
  max-width: 1200px;
}

/* The Close Button */
.close {
  color: white;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

.mySlides {
  display: none;
}

.cursor {
  cursor: pointer;
}

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

img {
  margin-bottom: -4px;
}

.caption-container {
  text-align: center;
  background-color: black;
  padding: 2px 16px;
  color: white;
}

.demo {
  opacity: 0.6;
}

.active,
.demo:hover {
  opacity: 1;
}

img.hover-shadow {
  transition: 0.3s;border: 2px solid #ededed; margin:6px 6px; height:60px;
}

.hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.row > .column {
  padding: 0 8px;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

.column {
  float: left;
  width: 20%; 
}


/* The Modal (background) */
.modal {
  display: none;
  position: fixed;
  z-index: 1000;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
}

.fb{width:32px;height:32px;float:left;background:url(../images/facebook.png) no-repeat;display:inline-block;cursor:pointer;margin:5px 5px;}
.fb:hover{background:url(../images/facebook1.png) no-repeat}
.pi{width:32px;height:32px;float:left;background:url(../images/pinterest.png) no-repeat;display:inline-block;cursor:pointer;margin:5px 5px;}
.pi:hover{background:url(../images/pinterest1.png) no-repeat}
.yt{width:32px;height:32px;float:left;background:url(../images/youtube.png) no-repeat;display:inline-block;cursor:pointer;margin:5px 5px;}
.yt:hover{background:url(../images/youtube1.png) no-repeat}
.inst{width:32px;height:32px;float:left;background:url(../images/instagram.png) no-repeat;display:inline-block;cursor:pointer;margin:5px 5px;}
.inst:hover{background:url(../images/instagram1.png) no-repeat}
.ch{width:32px;height:32px;float:left;background:url(../images/ch.png) no-repeat;display:inline-block;cursor:pointer;margin:5px 5px;}
.ch:hover{background:url(../images/ch-gr.png) no-repeat}

a.middle{position:relative}
a.middle:before{content:"";position:absolute;z-index:1000;width:100%;height:2px;bottom:0;left:0;background-color:#fff;visibility:hidden;transform:scaleX(0);transition:all .3s ease-in-out}
a.middle:hover:before{visibility:visible;transform:scaleX(1)}
a.middlew{position:relative}
a.middlew:before{content:"";position:absolute;z-index:1000;width:100%;height:2px;bottom:0;left:0;background-color:#333;visibility:hidden;transform:scaleX(0);transition:all .3s ease-in-out}
a.middlew:hover:before{visibility:visible;transform:scaleX(1)}

#buss{width:100%;padding:150px 0 100px 0; background: url(../images/airport.jpg) top center fixed; }
.info{ width:1000px; line-height:30px; background: rgba(18,95,164,0.6); margin:0 auto; font-weight:normal;}
.info p{color:#fff; padding:0 50px; text-align:center; font-size:18px;}
.head1 {text-decoration: none;color:#fff;font-weight:normal;font-size:30px;font-weight: 500;text-align: center;text-transform: uppercase;padding:10px 0px 30px 0px;font-family:"Roboto Slab", Open Sans;}
.col-two {float:left;margin-left:70px;width:448px;margin-top:15px;}
.title2{font-size: 18px;margin-left:50px;font-weight: 900;color:#125FA5;}