@charset "utf-8";
/* CSS Document */

body {font-family: 'Open Sans', sans-serif;}

ul{ padding:0px; margin:0px; list-style:none;}
.top-wpr { background:#005599; height:50px; padding:13px 0px 0px;}
.top-wpr ul li { display:inline-block; color:#fff; margin-right:25px; font-size:13px;}
.top-wpr ul li img { margin-right:10px;}

.header-wpr { padding:30px 0px;}
.header-wpr ul { margin-top:20px;}
.header-wpr ul li { display:inline-block;}
.header-wpr ul li a { padding:10px 20px; color:#686868;text-decoration:none;}
.header-wpr ul li a:hover { color:#fff; background:#008f9c;}
.header-wpr ul li a.active { color:#fff;  background:#008f9c;}

.banner-wpr { position:relative;}
.chat { position:fixed; right:0px; background:url(../../images/chat.png) center no-repeat #fccf06; z-index:999999 ; padding:20px;-webkit-border-top-left-radius: 4px;-webkit-border-bottom-left-radius: 4px;-moz-border-radius-topleft: 4px;
-moz-border-radius-bottomleft: 4px;border-top-left-radius: 4px;border-bottom-left-radius: 4px; padding:10px; height:60px; margin-top:-30px; top:50%; width:55px;}
.banner-wpr ul li.sub-ban { background:url(../../images/about-bg.jpg) no-repeat; height:300px; width:100%; background-size:cover
;}

.booking-wpr { background:#738996; height:70px; padding:20px 0px; margin-top:1px;}
.booking-wpr input { height:34px; width:20%; border:1px solid #fff; padding:0px 0px 0px 10px; background:none; color:#fff;margin-right:10px;}
.booking-wpr input.vector { background:url(../../images/vector.png) right no-repeat;}
.booking-wpr input.adult { background:url(../../images/smily.png) right no-repeat;}
.booking-wpr input.room { background:url(../../images/star.png) right no-repeat;}
.booking-wpr button { font-size:16px; color:#fff; background:#ffa800; padding:6px 15px; font-weight:700; border:0px none; }

.booking-wpr ::-webkit-input-placeholder {
   color: white;opacity:1;
}
.booking-wpr :-moz-placeholder { /* Firefox 18- */
   color: white; opacity:1; 
}

.booking-wpr ::-moz-placeholder {  /* Firefox 19+ */
   color: white;  
   opacity:1;
}

.booking-wpr :-ms-input-placeholder {  
   color: white;opacity:1;  
}



.introduction-wpr { padding:50px 0px 30px; text-align:center;}
.introduction-wpr h1 { color:#00a6b5; font-weight:700;}
.introduction-wpr h1 span { display:block; font-size:24px; color:#8b8b8b; font-weight:300;}
.introduction-wpr p {color:#838b90; font-size:16px; line-height:170%; margin-top:15px;}


.gallery-wpr { background:url(../../images/gal-bg.jpg) top repeat-x; border-bottom:1px solid #fff; padding:40px 0px 50px; height:420px;}
.gallery-wpr ul { margin:0px -15px;}
.gallery-wpr ul li { float:left; margin:0px 15px;}
.gallery-wpr ul li h2,h3,h4 { font-weight:600; font-size:30px; color:#fff; margin-top:0px;}
.gallery-wpr ul li img { border:5px solid #fff; margin:10px 0px;}
.gallery-wpr ul li p { color:#fff;  line-height:170%; margin-bottom:15px;}
.gallery-wpr ul li a { color:#fff; font-size:18px; font-weight:600; background:url(../../images/arrow.png) right no-repeat #fdb900; padding:5px 45px 5px 15px; display:inline-block;}

.comments { padding:35px 0px;}
.comments h5 { font-weight:600; color:#545454; font-size:18px;}
.comments p { color:#7f7f7f; line-height:160%;}
.comments img { float:left; margin-right:20px;}
.comments ul { margin:0px auto; width:60%;position:relative;}
.comments ul li span.invert-left { position:absolute; background:url(../../images/invert-left.png) left no-repeat; width:22px; height:18px; display:block; top:-20px; left:-30px;}
.comments ul li span.invert-right { position:absolute; background:url(../../images/invert-right.png) left no-repeat; width:22px; height:18px; display:block; bottom:-20px; right:-30px;}




.footer-wpr { background:#5d706f; padding:70px 0px;}
.footer-wpr ul li { display:inline-block;}
.footer ul li { padding:0px -10px; margin-bottom:3px;}
.footer ul li:last-child a { border:0px none;} 
.footer ul:last-child { margin-top:15px;}
.footer ul li a { color:#fff; border-right:1px solid #fff; padding:0px 10px;font-family: 'PT Sans Narrow', sans-serif; }

.socail ul { margin-top:15px;}
.socail ul li:last-child  { margin-right:0px;}
.socail ul li { margin:0px 15px 0px 0px;}
.links { padding:25px 0px;}
.links p { margin:0px; color:#9d9d9d;font-family: 'PT Sans Narrow', sans-serif;}

/*========about========*/

.about ,.things ,.rooms-wpr ,.details-wpr { padding:40px 0px;}
.about h2 ,.things h2  { font-size:30px; font-weight:700; color:#00a6b5; margin-top:0px;}
.about p ,.things p { line-height:170%; color:#738996; font-size:13px; font-weight:300; margin-bottom:20px;}
.about ul { margin:30px -12px;}
.about ul li { display:inline-block; background:#ffa800; text-align:center; padding:3px; margin:0px 12px;}
.about ul li span { display:block; font-size:16px; color:#fff; font-weight:600; font-style:italic; padding:10px 0px;}
.about img.about-bg { padding:3px; background:#ffa800; margin-top:50px;}


/*========things========*/


.things-item ul li { background:#fafafa; padding:4px; min-height:185px; margin-bottom:20px;}
.things-item ul li img { margin-right:20px;}
.things-item ul li strong { color:#ffa800; margin:10px 0px; font-size:24px; display:block;}
.things-item ul li p { color:#738996; font-size:13px; font-weight:600; padding-right:20px; margin-bottom:20px; line-height:160%;}
.things-item ul li a { background:#fff; color:#3b3838; font-size:13px; font-weight:700;-webkit-border-radius: 3px;
-moz-border-radius: 3px;border-radius: 3px; padding:6px 15px; box-shadow:1px 1px 1px #6e6e6e; text-decoration:none;}
.things-item ul li a:hover { background:#ccc; color:#fff;}

.suggest { background:#fafafa;}
.suggest ul li a { color:#2d2d2d;  text-decoration:none; font-weight:600; width:100%;}
.suggest ul li { padding:15px 0px 15px 15px; border-bottom:1px solid #ccc;}
.suggest ul li:hover a { color:#fff;}
.suggest ul li:hover { background:#ccc;color:#fff;}
.suggest ul li:last-child { border:0px none;}
.suggest ul li span { display:inline-block; margin-right:10px;}

.subscribe { background:#fafafa; padding:15px; margin:20px 0px;}
.subscribe h3 { font-size:20px; color:#282828;}
.subscribe input { background:#ededed; border:0px none; height:30px; width:100%; margin-bottom:15px; color:#9b9f9f; font-style:italic; padding:0px 0px 0px 10px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;;}
.subscribe button { font-size:16px; color:#fff; background:#ffa800; padding:4px 15px; border:0px none; font-weight:600;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}


/*========rooms===========*/

.banner-wpr { position:relative;}
.banner-wpr h1 { color:#fff; font-weight:700; margin:0px; position:absolute; bottom:30px;}
.banner-wpr h1 span { font-size:14px; font-weight:300; display:block;}

.rooms-wpr p { color:#545454; font-size:18px; font-weight:300; margin-bottom:30px;}
.rooms-wpr h2 { font-size:24px; font-weight:700;color:#545454;}
.rooms-wpr span { color:#545454; line-height:170%;}

.rooms { background:url(../../images/rooms_ban.jpg) no-repeat fixed; height:580px; background-size:cover; padding-top:95px;}
.room-detail { background:rgba(255,255,255,0.9); padding:30px 25px;}
.room-detail span { color:#4c4c4c;}
.room-detail h3 { font-size:24px; color:#006d99; font-weight:300; margin-bottom:15px;}
.room-detail p { color:#444444; font-weight:300;}
.room-detail ul li { color:#444444; font-weight:300; line-height:180%;}
.room-detail ul li span { color:#ff0000; margin-right:10px; font-size:11px;}
.room-detail a { color:#fff; font-weight:300; font-size:18px; background:#008f9c; padding:7px 30px; margin-top:58px; display:inline-block; margin-right:15px; text-decoration:none;}
.room-detail a.clr { background:none; color:#ff4800; font-weight:700; font-size:14px;}

.rooms-none { padding:95px 0px;}
.rooms-none .room-detail { background:#dfdfdf;}

/*========rooms-details===========*/

.details-wpr p { font-weight:300; color:#545454; line-height:160%;}
.details-wpr a { color:#fff; font-size:18px; background:#008e9b; padding:8px 25px; margin-top:10px; display:inline-block; text-decoration:none; transition:all 4s ease 2s;}
.details-wpr a:hover { background:#02b4c4;}
.details-gal { background:#fff; padding:5px; position:absolute; top:-270px; right:0px; height:452px;}
.shw { position:absolute; bottom:-26px; height:26px; width:100%;}

.detailes { background:url(../../images/room_details_bg.jpg) no-repeat fixed; height:550px; background-size:cover; margin:30px 0px 0px; padding:105px 0px 0px 0px;}

.feature { background:rgba(255,255,255,0.9); padding:35px; width:383px; text-align:center; position:relative;}
.feature h3 { font-size:24px; color:#545454; font-weight:300;}
.feature h3 span { width:25%; height:3px; background:#008e9b; display:block; margin:5px auto;} 
.feature ul { margin-top:20px;}
.feature ul li { color:#626262; font-weight:300; line-height:230%;}
.arr-top { background:url(../../images/arrow-top.png) top no-repeat; width:69px; height:24px; position:absolute; top:-24px; left:50%; margin-left:-34.5px;}
.sh-lft { background:url(../../images/sh-left.png) no-repeat; height:29px; width:242px; position:absolute; bottom:-29px; left:0px;}
.sh-rgt { background:url(../../images/sh-right.png) no-repeat; height:29px; width:242px; position:absolute; bottom:-29px; right:0px;}

.butt { background:#008e9b; text-align:center; padding:50px 0px;}
.butt a { color:#fff; font-size:24px; font-weight:300; padding:6px 30px; border:1px solid #fff;-webkit-border-radius: 2px;
-moz-border-radius: 2px;border-radius: 2px; box-shadow:0px 0px 3px #fff; text-decoration:none; transition:all 0.6s ease 0s;}
.butt a:hover { background:#02b4c4;}

.advice-wpr { background:#1a262e; padding:40px 0px; position:relative; display:none; }
.close { background:url(../../images/close.png) no-repeat; width:32px; height:32px; position:absolute; right:80px; opacity: 1;}

.advice-wpr ul li label ,span { color:#fff;}
.advice-wpr ul { padding:0px; margin:0px;}
.advice-wpr ul li { display:inline-block; margin-bottom:20px;}
.advice-wpr ul li label { width:160px; color:#bfbfbf; font-weight:600;}
.advice-wpr ul li input { border:0px none; background:#edece9; height:35px;-webkit-border-radius: 3px;-moz-border-radius: 3px;
border-radius: 3px; width:350px;}
.advice-wpr ul li select {border:0px none; background:#edece9; height:35px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; width:50px; margin-right:20px;}
.advice-wpr ul li.room select {width: 350px;}
.advice-wpr ul li.slct input { width:280px;}
.advice-wpr ul li span { margin-left:15px;}
.advice-wpr ul li.date input { width:102px;}
.advice-wpr ul li.wdth label { width:110px; margin:0px 15px;}
.advice-wpr ul li textarea { border:0px none;background:#edece9; height:35px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; width:350px; resize:none; height:120px;float:left;}
.advice-wpr ul li span.txt { float:left;}
.advice-wpr ul li.mr-top label { float:left; margin:-70px 0px 0px 0px;}
.advice-wpr a.submit { margin-left:160px;}
.advice-wpr button { margin-left:160px; background:#ffa200; padding:6px 20px; border:0px none; color:#fff; font-size:18px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.advice-wpr h4 { color:#fff; font-size:30px; margin-bottom:40px;}

/*========contact-wpr======*/

.contact-wpr { padding:40px 0px;}
.contact-wpr h4 { font-size:24px; color:#545454; font-weight:400;}
.contact-wpr p { font-size:16px; color:#626262; font-weight:300;}
.contact-wpr label { font-size:13px; display:block; color:#626262;}
.contact-wpr input { height:35px; border:1px solid #dadada; width:100%; margin-bottom:15px;}
.contact-wpr textarea { width:100%; height:120px; border:1px solid #dadada; resize:none; margin-bottom:15px;}
.contact-wpr button { color:#fff; font-size:16px; padding:6px 15px; background:#21c4d3;-webkit-border-radius: 3px;
-moz-border-radius: 3px;border-radius: 3px; border:0px none}
.contact-wpr img { padding:5px; background:#fff; border:1px solid #dadada; margin-bottom:20px;}

.address ul { border:1px solid #dadada; padding:20px;}
.address ul li { color:#626262; line-height:170%;}
.address ul li a { color:#626262;}