/*------------------------------------------------------------------



Theme Name: HOTELIER



Version:	1.0



-------------------------------------------------------------------*/



/*------------------------------------------------------------------



[TABLE OF CONTENTS]







	1. Global Styles



	2. Extras Styles 



	3. Header 



	   3.1. Navmenu 



	   3.2. Registration popup 



	4. Slider 



	5. Page Styles 



	6. Gallery Styles 



	7. Dual Slider 



	8. Other Styles 



	9. Services 



	10. Testimonial 



	11. Google Map 



	12. Awards 



	13. Blog Styles 



	14. Calendar 



	15. Single Post 



	16. Tabs 



	17. Contact 



	18. About Page 



	19. 404 Page 



	20. Footer



	21. Responsive Styles 







-------------------------------------------------------------------*/







/* 1. Global Styles */







* { padding: 0; margin: 0; }
body { padding: 0; margin: 0; text-rendering: optimizelegibility; font-family: 'Roboto', sans-serif; font-weight: 400; }
li, ul, ol { list-style: none; }
h1, h2, h3, h4, h5, h6 { font-style: normal; font-weight: normal; margin: 0px; padding: 0px; }
p { font-family: 'Roboto', sans-serif; font-size: 15px; margin: 0; padding: 0; }
a, a:hover { transition: .4s; }
a, a img { text-decoration: none !important; border: 0; outline: none !important; }
a, a:hover, a:focus, a:active, button, button:focus, input, textarea { outline: 0; }
#wrapper { width: 100%; float: left; background: #f9f5ec; position: relative; overflow: hidden; }
/* 2. Extras Styles */







.col-centered { float: none; margin: 0 auto; }
ul.speci { display: block; }
ul.specific li { display: block; float: left; padding: 0 0 25px 34px; position: relative; font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 15px; line-height: 15px; color: #333333; }
ul.specific li:before { content: ""; position: absolute; top: 0; left: 0; background-image: url(../images/point-cap.png); background-position: center left; height: 11px; width: 14px; }
.title { float: left; width: 100%; text-align: center; padding-bottom: 50px; }
.title h6 { font-family: 'Roboto', sans-serif; font-size: 14px; line-height: 14px; color: #105189; font-weight: 400; text-transform: uppercase; padding-bottom: 22px; }
.title h3 { font-family: 'TrajanProRegular'; font-size: 38px; line-height: 38px; color: #333333; font-weight: 700; padding-bottom: 28px; }
.title h1 { font-family: 'TrajanProRegular'; font-size: 31px; line-height: 38px; color: #333333; font-weight: 700; padding-bottom: 28px; }
.cap { display: block; overflow: hidden; text-align: center; white-space: nowrap; padding-bottom: 25px; }
.cap > span::before, .cap > span::after { border-top: 1px solid #464646; }
.cap span::before { margin-right: 5px; right: 100%; }
.cap > span::before, .cap > span::after { content: ""; position: absolute; top: 50%; width: 9999px; }
.cap > span::before, .cap > span::after { border-top: 1px solid #464646; }
.cap span::after { left: 100%; margin-left: 5px; }
.cap > span::before, .cap > span::after { content: ""; position: absolute; top: 50%; width: 9999px; }
.cap > span { display: inline-block; position: relative; }
.title p { font-family: 'Vollkorn', serif; font-size: 18px; line-height: 30px; color: #333333; font-style: italic; font-weight: 400; padding: 0 28px; }
#content { float: left; width: 100%; }
.common-bg { background-color: #f9f5ec; }
.title-color { padding: 43px 0px 38px; background-color: #E3DED3; display: table; width: 100%; }
.title-color h2 { color: #333; float: left; font-family: "TrajanProBold"; font-size: 24px; line-height: 19px; font-weight: 400; margin: 0; }
.title-color .breadcrumb { background-color: transparent; margin: 0; padding: 0; float: right; }
.title-color .breadcrumb li a { font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 12px; line-height: 12px; color: #5b5c5e; }
.title-color .breadcrumb > .active { color: #5b5c5e; font-family: "Roboto", sans-serif; font-size: 12px; font-weight: 400; line-height: 12px; }
.title-color .breadcrumb li + li::before { color: #5b5c5e; padding: 0 4px 0 6px; }
.title-color .breadcrumb > .active { color: #5b5c5e; }
/* 3. Header */







.sticky-menu { position: fixed; top: 25%; left: 0; z-index: 999999; }
.sticky-menu ul { display: block; }
.sticky-menu ul li { font-family: 'Roboto', sans-serif; display: block; position: relative; width: 50px; height: 50px; background-color: #ffffff; border-bottom: 1px solid #f3ebd7; }
.sticky-menu ul li:hover { background-color: #0d406e; }
.sticky-menu ul li:hover a { color: #ffffff; }
.sticky-menu ul li:last-child { border-bottom: none; }
.sticky-menu ul li a { font-size: 16px; line-height: 47px; text-transform: uppercase; color: #000; text-align: center; width: 50px; display: table; cursor: pointer; }
.tooltip-inner { background-color: #0d406e; width: auto !important; border-radius: 0; text-wrap: none; padding: 0 14px; line-height: 44px; }
.tooltip.right .tooltip-arrow { left: 0; border-right-color: #0d406e; }
.at-share-close-control .at4-arrow.at-left { float: right; display: none; }
header { height: 134px; width: 100%; position: relative; margin-bottom: -24px; display: table; top: 0; left: 0; right: 0; transition: all 0.3s; }
.logo { width: 276px; position: absolute; top: 0; left: 0; padding: 15px; background: #ddd; z-index: 999; }
/* 3.1. Navmenu */







.menu-trigger { background: #AF9A5F none repeat scroll 0% 0%; height: 134px; width: 86px; display: table; position: absolute; top: 0px; left: 164px; line-height: 134px; color: #FFF; text-align: center; font-size: 35px; z-index: 777; transition: all 0.4s ease 0s; cursor: pointer; }
.menu-trigger.mt-hide { left: 63px; transition: .4s; }
.navheader { opacity: 0; visibility: hidden; transition: .4s; }
.nav-active .navheader { opacity: 1; visibility: visible; transition: .4s; transition-delay: .5s; }
.navheader { opacity: 0; visibility: hidden; transition: .4s; }
.navbar-default { background-color: #0d406e; border: none; border-radius: 0px; padding: 0; /*border-top: 7px solid #7d6e43;*/



height: 110px; position: relative; width: 100%; left: -100%; transition: .7s; }
.navbar-default.nav-active { left: 0%; transition: .7s; }
.head-search { display: inline-block; float: left; width: 74px; height: 134px; line-height: 134px; position: relative; top: -7px; padding-left: 20px; }
.head-search i { color: #F6F0E4; }
/* 3.2. Registration popup */







.book-nw { display: inline-block; float: left; }
.bn-trigger { cursor: pointer; font-family: "TrajanProBold"; display: table; position: relative; /*top: -7px;*/



line-height: 110px; text-align: center; color: #0d1a41; font-size: 16px; text-transform: uppercase; width: 166px; position: relative; height: 112px; background-color: #ddd; -webkit-box-shadow: 0 1px 4px rgba(48,47,47,.25); -moz-box-shadow: 0 1px 4px rgba(48,47,47,.25); box-shadow: 0 1px 4px rgba(48,47,47,.25); }
.bn-trigger:after { content: ""; background: url(../images/bt-bubble.png) no-repeat center; width: 172px; height: 37px; position: absolute; bottom: -27px; left: -3px; right: 0px; z-index: 999; }
.bn-reserve { background: #DED9CF none repeat scroll 0% 0%; position: fixed; width: 1000px; left: 50%; top: 200% !important; z-index: 9999999999; transition: 1s; padding: 50px; height: 456px; margin-top: 0; transform: translate(-50%, -50%); }
.bn-reserve-act { background: #DED9CF none repeat scroll 0% 0%; position: fixed; width: 1000px; left: 50%; top: 50% !important; z-index: 9999999999; transition: .5s; padding: 50px; height: 456px; margin-top: 0; transform: translate(-50%, -50%); }
.menu-close { float: left; width: 60px; height: 134px; text-align: center; display: inline-block; color: #C9B16D; padding-top: 32px; font-size: 18px; position: relative; top: -7px; cursor: pointer; }
.bw-cal { display: table; margin: 0 auto; }
.btn { transition: .4s; }
.btn:hover { background: #0b365b !important; transition: .4s; }
.people-count h5,  .arrive-date h5 { font-family: 'TrajanProBold'; font-weight: 400; text-align: center; text-transform: uppercase; font-size: 14px; margin: 0 0 14px; }
.bw-cal .btn-availble { font-family: "TrajanProBold"; font-weight: 400; font-size: 16px; line-height: 40px; color: #F6F0E4; border-radius: 20px; padding: 0px 52px; background-color: #0d406e; text-transform: uppercase; border: medium none; text-align: center; margin: -7px auto 0px; display: table; }
.bw-cal .label { width: 442px; height: 50px; line-height: 50px; padding: 0 20px; text-align: left; background: #f3ebd7; font-size: 14px; text-transform: uppercase; font-weight: 400; font-family: "TrajanProBold"; font-weight: 400; border-radius: 0; margin: 0; }
.bw-cal .selectric { border: none; background: none; position: relative; display: table; width: 442px; height: 50px; margin: 0 auto 42px; }
.bw-cal .button { width: 47px; height: 50px; background: #0d406e; color: #f6f0e4; }
.bw-cal .button:after { content: "\f0d7"; font-family: 'FontAwesome'; border: none; width: 47px; height: 50px; background: #0d406e; color: #f6f0e4; font-size: 30px; line-height: 50px; }
.sm-share { background-color: #0d406e; margin-top: -106px; padding: 5px 0px; position: absolute; left: 50px; width: 54px; height: 170px; border-radius: 3px; opacity: 0; visibility: hidden; transition: .4s; }
#sm-share:hover .sm-share { left: 67px; opacity: 1; visibility: visible; transition: .4s; }
.sm-share a { position: relative; top: 0px; left: 0px; right: 0px; width: 100% !important; height: 40px; text-align: center; line-height: 40px !important; color: #fff !important; }
.sm-share:before { background-color: #0d406e; content: ""; display: block; height: 8px; left: -4px; position: absolute; top: 50%; transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); width: 8px; z-index: -1; margin-top: -4px; }
.sm-share a { color: #fff; }
.sm-share a:hover { background: #03928b; }
/* 4. Slider */







.top-slider { width: 100%; height: 100vh; overflow: hidden; position: relative; }
#top-slider { height: 100vh; }
.top-slider li img { width: auto; height: 100vh; }
.top-slider .flex-control-nav { bottom: 30px; }
.top-slider .flex-control-nav li { border-right: none; }
.top-slider .flex-control-paging li a { border: none; border-radius: 0; box-shadow: none; background: #f6f0e4; width: 48px; height: 4px; }
.top-slider .flex-control-paging li a.flex-active { background: #0d406e; }
.top-slider .flex-direction-nav { position: absolute; top: 50%; }
.top-slider .flex-direction-nav a { text-indent: 999999 !important; font-size: 0; }
.top-slider .flex-direction-nav a.flex-prev { left: 34px; }
.flex-direction-nav a { margin: -5px 0px 0px; }
.top-slider .flex-direction-nav i { font-size: 40px; line-height: 40px; color: #f6f0e4; display: block !important; }
.top-slider .flex-direction-nav a.flex-next { right: 34px; }
.top-slider .slides li { position: relative; }
.top-slider .slides li .flex-caption { position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); text-align: center; }
.top-slider .slides li .flex-caption h1 { font-family: 'TrajanProBold'; font-size: 33px; line-height: 35px; color: #f6f0e4; padding: 25px 67px 22px; max-width: 868px; width: 100%; max-width: 1040px; margin: 0 auto; background-color: rgba(51,51,51,0.8); }
.top-slider .slides li .flex-caption p { font-family: 'Vollkorn', serif; font-weight: 400; font-style: italic; font-size: 18px; line-height: 25px; padding: 23px 25px; background-color: rgba(246,240,228,0.8); max-width: 640px; width: 100%; margin: 0 auto; max-width: 765px; }
.slider-footer { float: left; width: 100%; padding: 58px 0 52px; text-align: center; background-color: #105189; }
.slider-footer .cap { padding-bottom: 0; }
.slider-footer p { font-family: 'Vollkorn', serif; font-size: 24px; line-height: 34px; color: #2c2c2c; font-weight: 400; font-style: italic; padding: 0 5%; }
/* 5. Page Styles */







.home-res-main { background-color: #f9f5ec; }
.welcome { float: left; width: 100%; padding: 40px 0; text-align: center; background: #f9f5ec; }
.welcome .left-welcome { float: left; width: 100%; text-align: left; }
.welcome .left-welcome h2 { font-family: "TrajanProBold"; font-size: 24px; line-height: 40px; color: #333; font-weight: normal; padding-bottom: 17px; margin: 0; }
.welcome .left-welcome p { font-size: 15px; line-height: 30px; color: #333333; font-weight: 400px; padding-bottom: 30px; }
.welcome .right-welcome { float: right; width: 100%; }
.accomodation { float: left; width: 100%; padding: 68px 0 31px 0; background-color: #ece7dd; }
.main-room { float: left; width: 100%; padding: 0 15px; }
.main-room ul { display: block; }
.main-room ul li { float: left; display: block; }
.main-room ul li { display: block; }
.mr-inner { position: relative; }
.img .img-responsive,  .mr-inner .img-responsive { width: 100%; }
.mr-inner:after { content: ""; height: 1px; background: #fff; opacity: 0.5; width: 100%; position: absolute; bottom: 5%; left: 0px; right: 0px; }
.mr-inner:before { content: ""; height: 1px; background: #fff; opacity: 0.5; width: 100%; position: absolute; top: 5%; margin-top: -1px; left: 0px; right: 0px; }
.mr-overlay { background: transparent; position: absolute; bottom: 5%; left: 0; width: 100%; height: 107px; padding: 32px 32px 0; transition: .4s; -moz-transition: .4s; -webkit-transition: .4s; -ms-transition: .4s; cursor: pointer; }
.mr-inner:hover .mr-overlay { background: rgba(175, 154, 95, 0.9); position: absolute; bottom: 5%; left: 0; width: 100%; height: 90%; padding: 32px; transition: .4s; -moz-transition: .4s; -webkit-transition: .4s; -ms-transition: .4s; cursor: pointer; }
.mr-overlay h2 { font-family: 'TrajanProRegular'; font-size: 24px; line-height: 31px; color: #fff; font-weight: 400; transition: .4s; -moz-transition: .4s; -webkit-transition: .4s; -ms-transition: .4s; text-transform: uppercase; margin: 0px 0 0px; }
.mr-head { background: #E7E1D6; position: absolute; top: 10%; left: 10%; right: 0; padding: 50px 18px; width: 80%; height: 80%; }
.mr-inner:hover .mr-overlay h2 { margin: 70px 0 10px; }
.mr-overlay p { font-size: 12px; line-height: 17px; color: #ffffff; display: block; padding-right: 15%; opacity: 0; visbility: hidden; transition: .4s; -moz-transition: .4s; -webkit-transition: .4s; -ms-transition: .4s; }
.mr-inner:hover .mr-overlay p { opacity: 1; visbility: visible; transition: .4s; -moz-transition: .4s; -webkit-transition: .4s; -ms-transition: .4s; transition-delay: .2s; }
.room-detail { font-family: "TrajanProBold"; font-weight: 400; font-size: 11px; line-height: 11px; color: #FFF; position: absolute; bottom: 64px; left: 32px; transition: .4s; -moz-transition: .4s; -webkit-transition: .4s; -ms-transition: .4s; opacity: 0; visbility: hidden; }
.mr-inner:hover .room-detail { opacity: 1; visbility: visible; transition: .4s; -moz-transition: .4s; -webkit-transition: .4s; -ms-transition: .4s; transition-delay: .2s; }
.room-detail i { padding-left: 6px; }
.room-offer { float: left; width: 100%; text-align: center; padding: 57px 0 93px 0; background: #f9f5ec; }
.room-offer h3 { font-family: 'TrajanProBold'; font-weight: 400; color: #105189; text-transform: uppercase; font-size: 22px; line-height: 22px; padding-bottom: 55px; }
/* 6. Gallery Styles */







.home-gal { background-color: #e3ded3; }
.home-gal .flex-direction-nav { display: none; }
.padding-right-none { padding-right: 0px; }
.padding-left-none { padding-left: 0px; }
/* 7. Dual Slider */







.dual-slider { background: #e3ded3; }
.dual-slider .gal-nav1 li.flex-active,  .dual-slider .gal-nav2 li.flex-active,  .dual-slider .gal-nav3 li.flex-active { display: block; }
.dual-slider .gal-nav1 li,  .dual-slider .gal-nav2 li,  .dual-slider .gal-nav3 li { float: left; display: none; }
.dual-slider .gal-nav1 li .btn,  .dual-slider .gal-nav2 li .btn,  .dual-slider .gal-nav3 li .btn, .btn { font-family: 'TrajanProRegular'; font-weight: 700; font-size: 14px; line-height: 14px; color: #f6f0e4; border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -webkit-border-radius: 15px; padding: 0 28px; background-color: #0d406e; text-transform: uppercase; border: none; line-height: 30px; }
.dual-slider .gal-nav1 h2,  .dual-slider .gal-nav2 h2,  .dual-slider .gal-nav3 h2 { font-family: 'TrajanProBold'; font-size: 27px; line-height: 28px; color: #333333; padding-bottom: 40px; }
.dual-slider .gal-nav1 p,  .dual-slider .gal-nav2 p,  .dual-slider .gal-nav3 p { font-family: 'Roboto', sans-serif; font-size: 13px; line-height: 25px; color: #333333; font-weight: 400; padding-bottom: 25px; }
.dual-slider #gal-slider1,  .dual-slider #gal-slider2,  .dual-slider #gal-slider3 { position: relative; }
.dual-slider #gal-slider1 a.flex-prev1,  .dual-slider #gal-slider2 a.flex-prev2,  .dual-slider #gal-slider3 a.flex-prev3 { position: absolute; border-left: 1px solid #bab6ae; border-top: 1px solid #bab6ae; border-bottom: 1px solid #bab6ae; padding: 15px 25px; background-color: #f0ebdf; display: table; }
.dual-slider #gal-slider1 a.flex-next1,  .dual-slider #gal-slider2 a.flex-next2,  .dual-slider #gal-slider3 a.flex-next3 { position: absolute; border-left: 1px solid #bab6ae; border-right: 1px solid #bab6ae; border-top: 1px solid #bab6ae; border-bottom: 1px solid #bab6ae; padding: 15px 25px; background-color: #f0ebdf; display: table; }
.dual-slider #gal-slider1 a i,  .dual-slider #gal-slider2 a i,  .dual-slider #gal-slider3 a i { color: #464646; font-size: 16px; line-height: 16px; }
.dual-slider .home-gal .flex-direction-nav { display: none; }
.dual-slider .gal-nav1,  .dual-slider .gal-nav2,  .dual-slider .gal-nav3 { text-align: left; padding: 55px 70px 105px; display: table; }
.dual-slider #gal-slider1 a.flex-prev1,  .dual-slider #gal-slider3 a.flex-prev3 { right: -132px; bottom: 20px; }
.dual-slider #gal-slider2 a.flex-prev2 { right: auto; left: -195px; bottom: 20px; }
.dual-slider #gal-slider1 a.flex-next1,  .dual-slider #gal-slider3 a.flex-next3 { right: -195px; bottom: 20px; }
.dual-slider #gal-slider2 a.flex-next2 { right: auto; left: -132px; bottom: 20px; }
.dual-slider .col-md-7 { width: 60%; }
.dual-slider .col-md-5 { width: 40%; }
#go-block1 .flex-control-nav,  #go-block2 .flex-control-nav,  #go-block3 .flex-control-nav,  #go-block4 .flex-control-nav { bottom: 3px !important; }
.footer-nl { font-family: "TrajanProRegular"; font-size: 12px; border-right: 0px !important; }
.footer-nl:focus { color: #fff; }
/* 8. Other Styles */







.spa-block .gal-nav { text-align: right; }
.spa-block a.flex-prev { left: 20px; bottom: 83px; }
.spa-block a.flex-next { left: 82px; bottom: 83px; }
.activ-eve { float: left; width: 100%; padding: 88px 0 0 0; text-align: left; }
.activ-eve h3 { font-family: 'TrajanProRegular'; font-weight: 700; font-size: 30px; line-height: 30px; color: #333333; padding-bottom: 32px; }
.activ-eve p { font-family: 'Roboto', sans-serif; font-size: 14px; line-height: 28px; color: #333333; font-weight: 400; padding-bottom: 41px; }
.activ-eve ul { display: block; list-style-type: disc !important; }
.activ-eve ul li:before { content: ""; background-image: url(../images/list-dot.png); height: 4px; width: 4px; position: absolute; top: 3px; left: 0; }
.activ-eve .learn-more { float: left; width: 100%; position: relative; padding-top: 76px; }
.activ-eve .learn-more ul { display: block; }
.activ-eve .learn-more ul li { display: block; float: left; width: 50%; }
.activ-eve .learn-more ul li img { width: 100%; }
.activ-eve .learn-more .btn { position: absolute; top: 76px; left: 48.5%; margin-right: -50%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); font-family: "TrajanProRegular"; font-weight: 700; font-size: 16px; line-height: 16px; color: #F6F0E4; border-radius: 30px; padding: 0 32px; background-color: #0d406e; text-transform: uppercase; border: medium none; line-height: 60px; }
/* 9. Services */







.main-service { float: left; width: 100%; text-align: center; padding: 68px 0 88px 0; }
.main-service .btn { font-family: "TrajanProRegular"; font-weight: 700; font-size: 16px; line-height: 16px; color: #F6F0E4; border-radius: 20px; padding: 0 60px; background-color: #0d406e; text-transform: uppercase; border: medium none; display: inline-block; text-align: center; margin-top: 52px; line-height: 40px; }
.home-img-panel { float: left; width: 100%; background-image: url(../images/bg.jpg); background-position: 0 0; background-repeat: no-repeat; background-size: cover; position: relative; padding: 124px 0 117px 0; margin: 0 0 -2px; }
.panel-img-detail { position: relative; left: 70px; background-color: rgba(246,240,228,0.8); border: 1px solid rgba(255,255,255,0.8); text-align: center; padding: 30px; text-align: center; width: 400px; }
.panel-img-detail h2 { font-family: 'TrajanProBold'; font-weight: 400; font-size: 26px; line-height: 26px; color: #333333; padding-bottom: 32px; }
.panel-img-detail p { font-family: 'Vollkorn', serif; font-size: 18px; line-height: 28px; color: #333333; font-style: italic; }
.panel-img-detail .btn { font-family: 'TrajanProBold'; font-weight: 700; font-size: 14px; line-height: 14px; color: #f6f0e4; border-radius: 18px; -moz-border-radius: 18px; -ms-border-radius: 18px; -o-border-radius: 18px; -webkit-border-radius: 18px; padding: 11px 29px; background-color: #0d406e; text-transform: uppercase; border: none; display: inline-block; text-align: center; margin-top: 36px; }
.main-gallery { float: left; width: 100%; background-color: #343434; padding: 59px 0 40px 0; text-align: center; position: relative; }
.main-gallery .title h1 { color: #f6f0e4; }
.main-gallery .cap > span::before, .main-gallery .cap > span::after { border-top: 1px solid #f6f0e4; }
.main-gallery .cap > span::before, .main-gallery .cap > span::after { border-top: 1px solid #f6f0e4; }
.main-gallery .title p { color: #f6f0e4; }
.main-gallery .main-gal-slider { float: left; width: 100%; background: url(../images/Homepage_Resort_INDEX/gal-shadow-bg.png) no-repeat; background-position: center center; background-size: cover; border-top: 3px solid #9c8954; border-bottom: 3px solid #9c8954; padding: 102px 42px 0 42px; position: relative; }
.main-gallery .main-gal-slider .item { margin: 0px 19px; position: relative; }
.main-gallery .main-gal-slider .item img { width: 100%; -webkit-transition: -webkit-transform 0.4s; -moz-transition: -moz-transform 0.4s; transition: transform 0.4s; z-index: 10; }
.main-gallery .main-gal-slider .item:hover img { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); }
.main-gallery .main-gal-slider .item .figcaption { height: auto; left: 0; right: 0; top: 0; bottom: auto; position: absolute; opacity: 0; padding: 17px 20px; text-align: center; transition: .4s; }
.main-gallery .main-gal-slider .item:hover .figcaption { opacity: 1; transition: .4s; transition-delay: .5s; }
.main-gallery .main-gal-slider .item .figcaption h3 { font-family: 'TrajanProBold'; font-weight: 400px; font-size: 17px; line-height: 24px; color: #f6f0e4; text-transform: uppercase; padding-bottom: 22px; }
.main-gallery .main-gal-slider .item .figcaption .cap > span::before, .main-gallery .main-gal-slider .item .figcaption .cap > span::after { border-top: 1px solid #f6f0e4; }
.main-gallery .main-gal-slider .item .figcaption .cap > span::before, .main-gallery .main-gal-slider .item .figcaption .cap > span::after { border-top: 1px solid #f6f0e4; }
.main-gallery .main-gal-slider .item .figcaption .cap img { transform: none; }
.main-gallery .main-gal-slider .item .figcaption ul { display: table; padding: 0; margin: 0 auto -15px; width: 90%; }
.main-gallery .main-gal-slider .item .figcaption ul li { float: none; margin-bottom: 12px; display: table; width: 100%; }
.main-gallery .main-gal-slider .item .figcaption ul li span.des { width: 50%; float: left; font-family: 'TrajanProBold'; font-weight: 400px; font-size: 13px; line-height: 13px; color: #f6f0e4; text-transform: uppercase; text-align: left; }
.main-gallery .main-gal-slider .item .figcaption ul li span.detail { width: 50%; font-family: 'TrajanProBold'; font-weight: 400px; font-size: 13px; line-height: 13px; color: #f6f0e4; text-align: left; float: right; }
.main-gallery .main-gal-slider .item .figcaption .btn { font-family: "TrajanProBold"; font-weight: 700; font-size: 13px; line-height: 14px; color: #F6F0E4; border-radius: 14px; padding: 0 21px; background-color: #0d406e; text-transform: uppercase; border: medium none; display: inline-block; text-align: center; margin: 36px 0 0px; line-height: 30px; font-weight: 400; }
.main-gallery .main-gal-slider .owl-controls { display: none !important; }
.main-gallery .main-gal-slider a.prev { position: absolute; top: 50%; left: 20px; cursor: pointer; }
.main-gallery .main-gal-slider a.prev i { font-size: 30px; line-height: 30px; color: #f6f0e4; cursor: pointer; }
.main-gallery .main-gal-slider a.next { position: absolute; top: 50%; right: 20px; cursor: pointer; }
.main-gallery .main-gal-slider a.next i { font-size: 30px; line-height: 30px; color: #f6f0e4; cursor: pointer; }
.main-gallery .btn { font-family: 'TrajanProBold'; font-weight: 700; font-size: 16px; line-height: 16px; color: #f6f0e4; border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; -webkit-border-radius: 20px; padding: 0 64px; background-color: #0d406e; text-transform: uppercase; border: none; display: inline-block; text-align: center; margin: 41px 0 0 0; line-height: 40px; }
/* 10. Testimonial */







.testimonial { float: left; width: 100%; padding: 60px 0 0 0; background-color: #e3ded3; position: relative; }
.testimonial2 { padding: 75px 0 110px; background-color: #f9f5ec; }
.testimonial .title { padding-bottom: 61px; }
.testimonial .cap { padding-bottom: 0; }
.testimonial .testi-block { margin-top: -7px; }
.testimonial .testi-detail { padding: 20px 25px; width: 100%; border: 1px solid #bab6ae; position: relative; background-color: #f0ebdf; }
.testimonial .testi-detail:after, .testimonial .testi-detail:before { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.testimonial .testi-detail:after { border-color: rgba(240, 235, 223, 0); border-right-color: #f0ebdf; border-width: 8px; margin-top: -8px; }
.testimonial .testi-detail:before { border-color: rgba(186, 182, 174, 0); border-right-color: #bab6ae; border-width: 9px; margin-top: -9px; }
.testimonial .testi-detail p { font-family: 'Roboto', sans-serif; font-size: 13px; line-height: 22px; color: #464646; padding-bottom: 14px; }
.testimonial .testi-detail h6 { font-family: 'Roboto', sans-serif; font-size: 13px; line-height: 13px; color: #9c8954; display: block; }
.testimonial .testi-block img { margin-top: 30px; margin-left: 15px; }
.prom-offers { float: left; width: 100%; padding: 25px 0 50px 0; position: relative; margin-top: 66px; }
.prom-offers .dark-gold { bottom: 0; float: left; height: 100%; left: 0; position: absolute; top: 0; width: 50%; background-color: #9c8954; }
.prom-offers .light-gold { bottom: 0; float: right; height: 100%; position: absolute; right: 0; top: 0; width: 50%; background-color: #105189; }
.prom-offers h1 { font-family: "TrajanProBold"; font-weight: 400; font-size: 30px; line-height: 30px; color: #F3EBD7; padding: 0px 0px 26px; margin: 32px 0 0; }
.prom-offers h3 { font-family: "TrajanProBold"; font-weight: 400; font-size: 30px; line-height: 30px; color: #F3EBD7; padding: 0px 0px 26px; margin: 32px 0 0; }
.prom-offers p { font-family: 'Roboto', sans-serif; font-size: 13px; line-height: 22px; color: #f3ebd7; }
.prom-offers .prom-block { text-align: right; padding: 0 43px 0 0; }
.prom-offers .offer-block { text-align: left; padding: 0 0 0 43px; }
.prom-offers .btn { font-family: "TrajanProBold"; font-weight: 700; font-size: 16px; line-height: 16px; color: #F6F0E4; border-radius: 20px; padding: 0 64px; background-color: #0d406e; text-transform: uppercase; border: medium none; display: inline-block; text-align: center; position: absolute; bottom: -39px; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); line-height: 40px; }
/* 11. Google Map */







.location { float: left; width: 100%; padding: 50px 0 70px 0; }
.location .title { padding-bottom: 30px; }
.location .cap { padding-bottom: 0; }
.location .map { float: left; position: relative; width: 100%; }
.location #map { display: block; /*height: 490px;*/



margin: 0 auto; position: relative; width: 100%; }
.location ul { display: block; }
.location ul li { display: block; padding: 0 0 20px 0; }
.location ul li span.specific { font-family: 'TrajanProBold'; font-size: 17px; line-height: 28px; text-transform: uppercase; color: #333333; border-bottom: 2px solid #105189; }
.location ul li p { font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 13px; line-height: 18px; color: #464646; }
.location ul li a { font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 13px; line-height: 18px; color: #9c8954; }
.packages { float: left; width: 100%; padding: 84px 0 0 0; }
.packages ul { display: block; }
.packages ul li { display: block; float: left; position: relative; cursor: pointer; transition: all 1s linear 0s; }
.packages ul li .img { overflow: hidden; position: relative; text-align: center; cursor: pointer; float: left; }
.packages ul li .img .mask { background-color: rgba(70, 70, 70, 0.8); opacity: 0; top: 0; left: 0; overflow: hidden; position: absolute; right: 0; bottom: 0; height: auto; width: auto; transform: translate(460px, -100px) rotate(180deg); transition: all 0.2s ease-in-out 0.4s; }
.packages ul li .img:hover .mask { opacity: 1; transform: translate(0px, 0px); transition-delay: 0s; }
.packages ul li .img .mask h2 { font-family: 'TrajanProBold'; font-size: 20px; line-height: 20px; color: #f9f5ec; text-transform: uppercase; margin: 50px 0 0 0; transform: translateY(-100px); transition: all 0.2s ease-in-out 0s; }
.packages ul li .img:hover .mask h2 { transform: translateY(0px); transition-delay: 0.5s; }
.packages ul li .img .mask p { padding: 22px 31px 40px; font-family: 'Roboto', sans-serif; font-size: 13px; line-height: 24px; color: #f9f5ec; font-weight: 400; position: relative; transform: translateX(300px) rotate(90deg); transition: all 0.2s ease-in-out 0s; }
.packages ul li .img:hover p { transform: translateX(0px) rotate(0deg); transition-delay: 0.4s; }
.packages ul li .img .mask .btn { font-family: "TrajanProBold"; font-weight: 400; font-size: 14px; line-height: 14px; color: #F6F0E4; border-radius: 15px; padding: 0 45px; background-color: #0d406e; text-transform: uppercase; border: medium none; display: inline-block; text-align: center; transform: translateY(400px); transition: all 0.2s ease-in-out 0s; line-height: 30px; }
.packages ul li .img:hover .mask .btn { transform: translateX(0px) rotate(0deg); transition-delay: 0.4s; }
.packages ul li .img img { width: 100%; }
.packages ul li .img .detail { position: absolute; bottom: 0; left: 0; right: 0; background-color: #fdfaf5; padding: 10px 0 10px 0; text-align: center; border-bottom: 1px solid #a9a59e; border-left: 1px solid #a9a59e; border-right: 1px solid #a9a59e; opacity: 1; }
.packages ul li .img .detail h4 { font-family: 'TrajanProBold'; font-size: 20px; line-height: 20px; color: #333333; }
.packages ul li .img:hover .detail { opacity: 0; }
.spa-glance { float: left; width: 100%; padding: 72px 0 145px 0; background-color: #ece7dd; }
.spa-glance .title { padding-bottom: 80px; }
.spa-glan-tab { float: left; width: 100%; border: 1px solid #c5c1ba; background-color: #fdfaf5; }
.spa-glan-tab .tab-content { padding: 0 97px 68px 97px; }
.spa-glan-tab .nav-tabs > li > a:hover { border-bottom: none; }
.spa-glan-tab .nav { background-color: #464646; padding: 0; }
.spa-glan-tab .nav > li { text-align: center; width: 25%; }
.spa-glan-tab .nav > li > a { padding: 18px 0 24px 0; font-family: 'TrajanProBold'; font-size: 15px; line-height: 15px; color: #c5c1ba; text-align: center; display: block; }
.spa-glan-tab .nav > li > a i { display: block; padding-bottom: 11px; color: #c5c1ba; font-size: 16px; line-height: 16px; }
.spa-glan-tab .nav > li > a:hover i,  .spa-glan-tab .nav > li > a:focus i { color: #105189; }
.spa-glan-tab .nav-tabs > li.active > a i,  .spa-glan-tab .nav-tabs > li.active > a:hover i,  .spa-glan-tab .nav-tabs > li.active > a:focus i { color: #105189; }
.spa-glan-tab .nav-tabs > li > a { border-radius: 0; margin-right: 0; }
.spa-glan-tab .nav > li > a:hover,  .spa-glan-tab .nav > li > a:focus { border-left: 1px solid #c5c1ba; border-right: 1px solid #c5c1ba; background-color: #fdfaf5; color: #333333; }
.spa-glan-tab .nav-tabs > li.active > a,  .spa-glan-tab .nav-tabs > li.active > a:hover,  .spa-glan-tab .nav-tabs > li.active > a:focus { border: none; background-color: #fdfaf5; color: #333333; }
.spa-glan-tab .nav-tabs { border-bottom: 5px solid #105189; }
.spa-glan-tab .nav-tabs > li { margin-bottom: -7px; }
.spa-glan-tab .tab-content .title { padding-top: 66px; padding-bottom: 46px; }
.spa-glan-tab .tab-content .title .cap { padding-bottom: 0; }
.spa-glan-tab .tab-content p { font-family: 'Roboto', sans-serif; font-size: 14px; line-height: 30px; color: #333333; padding-bottom: 27px; }
.spa-glan-tab .tab-content p:last-child { padding-bottom: 0; }
.spa-glan-tab .tab-content .title h1 { font-size: 24px; line-height: 28px; color: #333333; padding-bottom: 30px; }
.spa-glan-tab .tab-content h3 { color: #105189; font-family: "TrajanProBold"; font-weight: 400; font-size: 20px; line-height: 20px; padding-bottom: 43px; text-transform: uppercase; text-align: center; }
.spa-glan-tab .tab-content .img { text-align: center; float: left; width: 100%; padding: 22px 0 0 0; }
.spa-glan-tab .tab-content .img img { display: inline-block; }
.spa-glan-tab .table-bordered > thead > tr > th,  .spa-glan-tab .table-bordered > thead > tr > td { font-family: 'TrajanProRegular'; font-size: 16px; line-height: 16px; color: #464646; padding: 10px 0 10px 20px; border-bottom: 1px solid #c5c1ba; background-color: #f8f4ee; width: 90%; }
.spa-glan-tab .table-bordered tbody tr td { font-family: 'Roboto', sans-serif; font-size: 15px; line-height: 32px; color: #464646; padding: 10px 0 10px 20px; }
.spa-glan-tab .table-bordered tbody tr td.price { padding: 10px 5px 10px 5px; }
.expert-tip { float: left; width: 100%; padding: 81px 0 0 0; position: relative; }
.expert-tip .title { padding-bottom: 80px; }
.expert-tip .title h1 { font-size: 36px; }
.expert-tip .slider-block { float: left; width: 100%; }
.expert-tip .slider-block .gal-nav li { display: none; float: left; }
.expert-tip .slider-block .gal-nav li.flex-active { display: block; }
.expert-tip .expert-slid-con { float: left; width: 100%; position: relative; }
.expert-tip .expert-slid-con .custom-navigation { position: relative; float: left; width: 100%; padding: 25px 0; background-color: #464646; margin-top: 98px; }
.expert-tip .expert-slid-con .custom-navigation .flex-control-nav { bottom: 0; }
.image-panel { background-image: url(../images/homePage-Spa/packages-img13.jpg); background-position: 0 0; background-repeat: no-repeat; background-size: cover; float: left; padding: 163px 0 396px; position: relative; width: 100%; }
.spa-content .testimonial { background-color: transparent; padding-bottom: 108px; }
/* 12. Awards */







.awards { float: left; width: 100%; padding: 66px 0 63px 0; background-color: #ece7dd; }
.awards h3 { font-family: 'TrajanProRegular'; font-size: 36px; line-height: 36px; color: #333333; font-weight: 400; padding: 44px 41px 47px 0; border-right: 1px solid #a9a59e; }
.awards ul { float: left; display: block; }
.awards ul li { float: left; display: block; padding: 0 16px; }
.awards ul li img { display: block; }
.sign-us { float: left; width: 100%; padding: 39px 0; background-color: #105189; }
.sign-us h2 { font-family: "TrajanProRegular"; font-size: 28px; line-height: 28px; color: #F3EBD7; padding: 33px 0px 18px 0; margin-left: 240px; }
.sign-us p { font-family: 'Roboto', sans-serif; font-size: 13px; line-height: 22px; color: #f3ebd7; margin-left: 240px; padding-right: 2px; }
.sign-us .btn { font-family: 'TrajanProBold'; font-weight: 400; font-size: 14px; line-height: 14px; color: #f6f0e4; border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -webkit-border-radius: 20px; padding: 0 29px; background-color: #0d406e; text-transform: uppercase; border: none; margin-top: 70px; line-height: 40px; float: right; }
.su-inner img { float: left; }
.featured-villa { float: left; width: 100%; padding: 100px 0 102px 0; }
.featured-villa .title { padding-bottom: 72px; }
.featured-villa .title .cap { padding-bottom: 0; }
.featured-villa .title h1 { font-size: 40px; }
.featured-villa img { width: 100%; }
.featured-villa .detail { float: left; width: 100%; }
.featured-villa .detail h2 { font-family: 'TrajanProRegular'; font-size: 24px; line-height: 24px; color: #333333; }
.featured-villa .detail h6 { font-family: 'Vollkorn', serif; font-size: 18px; line-height: 28px; color: #333333; font-style: italic; padding-bottom: 15px; }
.featured-villa .detail p { font-family: 'Roboto', sans-serif; font-size: 15px; line-height: 28px; color: #333333; padding-bottom: 30px; }
.featured-villa .detail .table { border: 1px solid #c5c1ba; margin-bottom: 0; }
.featured-villa .detail .table thead tr { background-color: #e3ded3; }
.featured-villa .detail .table-bordered > thead > tr > th,  .featured-villa .detail .table-bordered > tbody > tr > th,  .featured-villa .detail .table-bordered > tfoot > tr > th,  .featured-villa .detail .table-bordered > thead > tr > td,  .featured-villa .detail .table-bordered > tbody > tr > td,  .featured-villa .detail .table-bordered > tfoot > tr > td { border: 1px solid #c5c1ba; }
.featured-villa .detail .table tbody tr td { padding: 18px 0; text-align: center; font-family: 'Roboto', sans-serif; font-size: 36px; line-height: 36px; color: #9c8954; font-weight: 700; }
.featured-villa .detail .table thead tr th { width: 33.33%; font-family: 'TrajanProRegular'; font-size: 12px; line-height: 12px; color: #464646; text-align: center; font-weight: 700; }
.featured-villa .detail .btn { font-family: "TrajanProBold"; font-weight: 400; font-size: 16px; color: #F6F0E4; border-radius: 20px; padding: 0px 53px; background-color: #0d406e; text-transform: uppercase; border: medium none; margin: 40px auto 0; line-height: 40px; display: table; }
.custom-th { position: relative; cursor: pointer; }
.custom-th:after { content: ""; background: url(../images/play-btn.png) no-repeat center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; }
.gallery-villa { float: left; width: 100%; padding: 70px 0 35px 0; background-color: #ece7dd; }
.gallery-villa .owl-carousel { display: block; }
#gallery-villa .item { margin: 0 15px; }
#gallery-villa h2 span { font-size: 16px; display: block; }
#gallery-villa { padding: 0 0 0 30px; margin: 0 -15px; }
.villas .gallery-villa .owl-carousel .owl-item { padding: 0 30px 0 0; }
#gallery-villa .owl-controls .owl-page span { height: 8px; width: 8px; background: #3f3f3f; border-radius: 20px; opacity: 1; }
#gallery-villa .owl-controls .owl-page.active span,  #gallery-villa .owl-controls.clickable .owl-page:hover span.owl-theme .owl-controls .owl-page.active span,  #gallery-villa .owl-controls.clickable .owl-page:hover span { background: #0d406e; }
#gallery-villa .owl-buttons { display: none; }
.gallery-villa .customNavigation { width: 100%; float: left; }
.gallery-villa .customNavigation a.prev { cursor: pointer; color: #3f3f3f; float: left; margin: -30px 0 0; }
.gallery-villa .customNavigation a.prev i { font-size: 30px; line-height: 30px; }
.gallery-villa .customNavigation a.next { cursor: pointer; color: #3f3f3f; float: right; margin: -30px 0 0; }
.gallery-villa .customNavigation a.next i { font-size: 30px; line-height: 30px; }
.gallery-villa .owl-pagination { padding: 35px 0 0; }
.villas .testimonial { background-color: transparent; padding: 93px 0 162px 0; }
.business .accomodation h3 { font-family: 'TrajanProRegular'; font-size: 22px; line-height: 22px; color: #105189; font-weight: 700; text-align: center; padding-bottom: 55px; }
/* 13. Blog Styles */







.blog { float: left; width: 100%; }
.blog-bg { background: url(../images/blog-page/blog-bg.jpg) repeat; }
.blog .container { width: 100%; max-width: 1595px; }
.blog .title-bar { padding: 43px 0 47px 0; float: left; width: 100%; }
.blog .title-bar h2 { font-family: "TrajanProBold"; font-size: 24px; line-height: 24px; color: #A5A297; float: left; }
.blog .title-bar .breadcrumb { background-color: transparent; margin: 0; padding: 10px 0 0 0; float: right; }
.blog .title-bar .breadcrumb li,  .blog .title-bar .breadcrumb li a { font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 12px; line-height: 12px; color: #a5a297; }
.blog .title-bar .breadcrumb li + li::before { color: #a5a297; padding: 0 4px 0 6px; }
.blog .title-bar .breadcrumb > .active { color: #a5a297; }
.blog .top-blog-post { float: left; width: 100%; }
.blog .top-blog-post .img { float: left; width: 100%; }
.blog .top-blog-post .img img { width: 100%; }
.blog .top-blog-post .img .text { position: absolute; bottom: 32px; right: 15px; text-align: right; }
.blog .top-blog-post .img .text h2 { font-family: 'TrajanProBold'; font-size: 28px; line-height: 28px; color: #f6f0e4; }
.blog .main-grid { padding-top: 60px; float: left; width: 100%; }
.blog .left-grid-sidebar { float: left; width: 100%; padding-left: 138px; }
.blog .main-grid ul { display: block; }
.blog .main-grid ul li { display: block; float: left; text-align: center; margin-bottom: 12px; }
.blog .main-grid .selectric-wrapper ul li { float: none; text-align: left; margin-bottom: 0; padding: 10px 10px; }
.blog .main-grid .reservation .selectric { margin-bottom: 15px; }
.blog .main-grid ul li img { width: 100%; }
#masonry-feed { margin-bottom: 120px; }
.masonry-item .blog-detail,  .blog .main-grid ul li .blog-detail { background-color: #e3ded3; float: left; width: 100%; padding: 32px 40px 30px; }
.masonry-item .blog-detail h3,  .blog .main-grid ul li .blog-detail h3 { font-family: 'TrajanProBold'; font-size: 22px; line-height: 28px; color: #333333; height: 78px; overflow: hidden; text-align: center; width: 100%; }
.masonry-item .blog-detail .cap,  .blog .main-grid ul li .blog-detail .cap { padding-bottom: 30px; }
.masonry-item .blog-detail p,  .blog .main-grid ul li .blog-detail p { font-family: "Roboto", sans-serif; font-weight: 400; font-size: 14px; line-height: 30px; color: #333; padding: 0px; margin: 0 0 12px; }
.masonry-item .blog-detail a,  .blog .main-grid ul li .blog-detail a { font-family: 'TrajanProBold'; font-weight: 400; text-transform: uppercase; font-size: 12px; line-height: 12px; color: #9c8954; }
.visitor { padding: 12px 37px 12px 41px; float: left; width: 100%; text-align: center; background-color: #d1cdc3; }
.visitor span { font-family: 'Roboto', sans-serif; font-size: 12px; line-height: 12px; color: #333333; position: relative; padding-left: 12px; text-transform: uppercase; }
.visitor span.calender { float: left; }
.visitor span.comment { text-align: center; position: relative; top: -3px; }
.visitor span.views { float: right; }
.visitor i { color: #000000; font-size: 14px; line-height: 14px; margin-right: 8px; position: absolute; left: -10px; top: -1px; }
.main-sidebar { float: left; width: 100%; }
.blog .imaginary_container { margin-bottom: 31px; }
.blog .stylish-input-group .input-group-addon { background: white !important; color: #464646; }
.blog .stylish-input-group .form-control { box-shadow: none; border: medium none; background-color: #E3DED3; font-family: "TrajanProRegular"; font-weight: 400; font-size: 13px; line-height: 43px; border-radius: 0; height: 43px; color: #000; padding: 0 18px; opacity: 1; }
.blog .input-group-addon { border-radius: 0; }
.blog .input-group-addon input[type="text"] { opacity: 1; text-transform: uppercase; }
.blog .stylish-input-group .input-group-addon { background-color: #e3ded3 !important; }
.blog .stylish-input-group button { border: 0; background: transparent; }
.reservation { float: left; width: 100%; border-top: 21px solid #e3ded3; border-right: 17px solid #e3ded3; border-bottom: 21px solid #e3ded3; border-left: 18px solid #e3ded3; padding: 25px 13px 28px; text-align: center; background-color: #333333; margin-bottom: 31px; }
.reservation h2 { font-family: 'TrajanProBold'; font-size: 28px; line-height: 28px; color: #105189; font-weight: 400; text-align: center; padding-bottom: 39px; }
.reservation .rate-from { padding: 28px 74px 21px 55px; display: inline-block; position: relative; border: 1px solid #727272; }
.reservation .rate-from h5 { font-family: 'TrajanProBold'; font-size: 14px; line-height: 14px; color: #e3ded3; text-transform: uppercase; position: absolute; top: 0; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); padding: 0 15px 0 19px; background-color: #333333; }
.reservation #datetimepicker1 .form-control:focus,  .reservation #datetimepicker2 .form-control:focus { box-shadow: none; }
.reservation #datetimepicker1 .form-control,  .reservation #datetimepicker2 .form-control { background-color: transparent; border: 1px solid #727272; border-radius: 0; text-transform: uppercase; font-family: 'TrajanProRegular'; font-size: 12px; line-height: 12px; color: #f6f0e4; }
.date-picker.row { margin: 0 -5px; }
.date-picker .col-md-6 { padding: 0 5px; }
 .reservation #datetimepicker2 input[type="text"]::-webkit-input-placeholder,  .reservation #datetimepicker1 input[type="text"]::-webkit-input-placeholder {
 opacity: 1;
}
.reservation .input-group-addon { background-color: transparent; border: none; position: absolute; right: 23px; top: 9px; z-index: 999; color: #c9b16d; padding: 0; }
.reservation .rate-from h1 { font-family: 'Roboto', sans-serif; font-size: 49px; line-height: 49px; color: #c9b16d; font-weight: 700; padding-bottom: 10px; }
.reservation .rate-from h1 sup { top: 0.5px; }
.reservation .rate-from h1 span { font-size: 28px; line-height: 28px; color: #c9b16d; vertical-align: super; }
.reservation .rate-from h6 { font-family: 'TrajanProBold'; font-size: 11px; line-height: 11px; color: #e3ded3; text-align: center; text-transform: uppercase; }
.reservation .cap { padding: 25px 0; }
.reservation .cap > span::before, .blog .reservation .cap > span::after { border-top: 1px solid #727272; }
.reservation .btn-availble { font-family: "TrajanProBold"; font-weight: 700; font-size: 16px; line-height: 40px; color: #F6F0E4; border-radius: 20px; padding: 0 52px; background-color: #0d406e; text-transform: uppercase; border: medium none; display: inline-block; text-align: center; margin: 29px 0px 0px; }
.reservation .selectric { background: none; border: 1px solid #727272; text-align: left; }
.reservation .selectric .label { font-family: 'TrajanProRegular'; font-size: 12px; text-transform: uppercase; color: #f6f0e4; height: 33px; line-height: 33px; text-align: left; padding: 0; font-weight: 400; }
.reservation .selectric-items li { float: none; display: block; margin: 0; font-family: 'TrajanProRegular'; font-size: 12px; text-align: left; }
.selectric-items li { padding: 10px 15px !important; }
.reservation .selectric .button { height: 33px; line-height: 33px; }
.reservation .selectric .button::after { border-width: 7px 7px medium; border-color: #d3be83 transparent -moz-use-text-color; }
.blog .sidebar-contact { float: left; width: 100%; background-color: #e3ded3; margin-bottom: 31px; }
.blog .sidebar-contact .map { float: left; position: relative; width: 100%; }
.blog .sidebar-contact #map { display: block; height: 184px; margin: 0 auto; position: relative; width: 100%; text-align: center; }
.blog .sidebar-contact .detail { padding: 21px 38px 17px 29px; float: left; width: 100%; }
.blog .main-sidebar h3.title { font-family: 'TrajanProRegular'; font-size: 20px; line-height: 20px; color: #9c8954; text-align: center; padding-bottom: 21px; font-weight: 700; }
.blog .sidebar-contact .detail h3.title { padding-bottom: 25px; }
.blog .sidebar-contact .detail ul { float: left; width: 100%; }
.blog .sidebar-contact .detail ul li { float: left; display: block; position: relative; width: 100%; padding: 23px 0 24px 0; border-bottom: 1px solid #c1bdb6; text-align: left; margin: 0; }
.blog .sidebar-contact .detail ul li:last-child { border-bottom: none; }
.blog .sidebar-contact .detail ul li a { font-family: 'Roboto', sans-serif; font-size: 14px; line-height: 14px; color: #9c8954; text-align: left; }
.blog .sidebar-contact .detail ul li span.category { padding-left: 49px; font-family: 'TrajanProBold'; font-size: 13px; line-height: 13px; color: #9c8954; text-transform: uppercase; text-align: left; }
.blog .sidebar-contact .detail ul li p { font-family: 'Roboto', sans-serif; font-size: 14px; line-height: 18px; color: #464646; font-weight: 400px; }
.blog .sidebar-contact .detail ul li .img { position: absolute; top: 16px; left: 0; height: 32px; width: 32px; border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; padding: 7px 0; text-align: center; background-color: #105189; }
.blog .sidebar-contact .detail ul li .img img { display: inline-block; }
.blog .sidebar-contact .detail ul li .img i { color: #f6f0e4; font-size: 16px; line-height: 16px; position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }
.blog .title-block { float: left; width: 100%; padding: 17px 0 21px 0; text-align: center; background-color: #d1cdc3; }
.blog .title-block h3.title { padding-bottom: 0; }
.blog .upcoming { float: left; width: 100%; background-color: #e3ded3; margin-bottom: 31px; }
.blog .upcoming .activites { float: left; width: 100%; padding: 16px 17px 16px 17px; }
.blog .upcoming .activites ul { display: block; }
.blog .upcoming .activites ul li { float: left; display: block; padding: 3px; margin: 0px; width: 33.3333%; }
.blog .upcoming .activites ul li .img { width: 100%; position: relative; }
.blog .upcoming .activites ul li .img img { width: 100%; }
.blog .upcoming .activites ul li .img .icon { background-image: url(../images/blog-page/upcoming-icon.png); position: absolute; top: 50%; right: 0; height: 32px; width: 32px; display: block; left: 0; margin: -16px auto 0; }
.blog .soc-calendar { float: left; width: 100%; background-color: #e3ded3; margin-bottom: 28px; }
/* 14. Calendar */







.main-cal { float: left; width: 100%; }
.main-cal .cal { width: 100%; border: 1px solid #C5C1BA; box-shadow: none; margin-top: 5px; }
.main-cal .cal caption { background: #464646; font-family: 'TrajanProBold'; font-size: 18px; line-height: 18px; color: #fdfaf5; text-transform: uppercase; padding: 18px 0 19px 0; font-weight: 400; }
.main-cal .cal th, .main-cal .cal td { }
.cal td a:hover { background: #ece2c7; }
.main-cal .cal td a { width: 100%; height: 45px; background-image: none; line-height: 45px; font-family: 'Roboto', sans-serif; font-size: 13px; color: #727272; font-weight: 400; }
.main-cal .cal td.active a, .main-cal .cal td a:active { background-color: #ece2c7; border: none; box-shadow: none; color: #727272; margin: 0; }
.main-cal .cal thead tr { width: 100%; display: table; }
.main-cal .cal th { font-family: 'TrajanProBold'; font-size: 12px; line-height: 12px; color: #727272; text-transform: uppercase; width: 14.27%; }
.main-sidebar .main-cal .cal thead { padding: 5px 0 6px 0; background: #e1ddd7; display: block; }
.main-sidebar .main-cal { display: block !important; }
.main-cal .cal thead th { background: none; border: none; text-shadow: none; }
.main-cal .cal tbody { background-color: #FDFAF5; width: 100%; display: table; }
.main-cal .cal td.off a { display: none; }
.timepicker { display: none !important; }
.blog .categories { float: left; width: 100%; margin-bottom: 28px; }
.blog .categories .cat-detail { float: left; width: 100%; padding: 0px 19px 3px 23px; background-color: #E3DED3; }
.blog .categories .cat-detail ul { display: block; }
.blog .categories .cat-detail ul li { display: block; float: left; padding: 3px 0; border-bottom: 1px solid #c9cacb; position: relative; width: 100%; margin: 0; }
.blog .categories .cat-detail ul li:last-child { border: none; }
.blog .categories .cat-detail ul li a { text-align: left; width: 100%; float: left; font-family: 'TrajanProRegular'; font-size: 13px; line-height: 13px; color: #464646; text-transform: uppercase; padding: 16px 0 14px 0; transition: all 0.2s ease 0s; font-weight: 400; }
.blog .categories .cat-detail ul li a span.plus { position: absolute; right: 4px; top: 13px; opacity: 1; background-image: url(../images/blog-page/cat-plus-img1.png); height: 22px; width: 22px; opacity: 1; }
.blog .categories .cat-detail ul li:hover a { background-color: #105189; color: #f6f0e4; padding: 16px 0 14px 12px; font-family: 'TrajanProBold'; font-weight: 400; }
.blog .categories .cat-detail ul li:hover span.plus { opacity: 0; }
.blog .categories .cat-detail ul li a span.count { font-family: 'TrajanProBold'; font-size: 13px; line-height: 13px; color: #f6f0e4; position: absolute; top: 18px; right: 40px; opacity: 0; transition: all 0.2s ease 0s; }
.blog .categories .cat-detail ul li:hover span.count { opacity: 1; right: 12px; }
.blog .subscribe { float: left; width: 100%; background-color: #e3ded3; }
.blog .subscribe .sub-detail { float: left; width: 100%; padding: 22px 52px 13px 50px; text-align: center; }
.blog .subscribe .sub-detail p { font-family: 'Roboto', sans-serif; font-size: 13px; line-height: 20px; color: #333333; }
.blog .subscribe .sub-detail .form-inline { float: left; width: 100%; padding: 24px 0 20px 0; }
.blog .subscribe .sub-detail .form-inline .form-group { float: left; text-align: left; width: 100%; }
.blog .subscribe .sub-detail .form-inline .form-control { background-color: transparent; border-radius: 0; border: 1px solid #a9a59e; box-shadow: none; height: 33px; font-family: 'TrajanProRegular'; font-size: 12px; line-height: 12px; color: #464646; opacity: 1; width: 100%; padding-right: 90px; }
.blog .subscribe .sub-detail input[type="email"] { width: 226px; opacity: 1; }
.blog .subscribe .sub-detail .form-inline .btn { float: left; background-color: #0d406e; font-family: "TrajanProBold"; font-size: 12px; line-height: 33px; color: #F6F0E4; text-transform: uppercase; padding: 0px 8px; border: medium none; border-radius: 0px; width: 74px; float: right; margin-top: -33px; }
.blog .subscribe .sub-detail span.promise { font-family: "Roboto", sans-serif; font-size: 11px; line-height: 10px; color: #333; text-align: left; font-weight: 400; float: left; }
.main-blog-grid { float: left; width: 100%; padding-bottom: 94px; }
.main-blog-grid .blog-grid { float: left; }
.main-blog-grid .blog-grid ul { display: block; margin: 0 0 0 -29px; }
.main-blog-grid .blog-grid ul li { padding: 0 0 0 29px; }
.main-blog-grid .pagination-block { float: left; width: 100%; padding: 53px 0 0 0; }
.main-blog-grid .pagination-block .pagination { display: inline-block; margin: 0; }
.main-blog-grid .pagination-block .pagination > li { margin-right: 5px; margin-bottom: 0; }
.main-blog-grid .pagination-block .pagination > li > a,  .main-blog-grid .pagination-block .pagination > li > span { background-color: transparent; border: 1px solid #727272; font-family: 'TrajanProRegular'; font-size: 16px; line-height: 32px; color: #f6f0e4; padding: 0 10px; text-transform: uppercase; }
.main-blog-grid .pagination-block .pagination > li:first-child > a,  .main-blog-grid .pagination-block .pagination > li:first-child > span,  .main-blog-grid .pagination-block .pagination > li:last-child > a,  .main-blog-grid .pagination-block .pagination > li:last-child > span { border-radius: 0; margin: 0; }
.main-blog-grid .pagination-block .pagination > li:hover a { background-color: #0d406e; border: 1px solid #0d406e; }
.main-blog-mesonry { float: left; width: 100%; }
.main-blog-mesonry .blog-mesonry { float: left; width: 100%; padding-bottom: 80px; }
.main-blog-mesonry .blog-mesonry ul { display: block; margin: 0 0 0 -29px; }
.main-blog-mesonry .blog-mesonry ul li { width: 33.3333%; padding: 0 0 0 29px; }
.masonry-feed { padding-left: 0; list-style: none; }
.masonry-feed:before,  .masonry-feed:after { content: " "; display: table; }
.masonry-feed:after { clear: both; }
.masonry-feed > .masonry-item { margin-bottom: 30px; max-width: 100%; }
/* 15. Single Post */







.post-main-sidebar { float: left; width: 100%; background-color: #e3ded3; margin-bottom: 124px; }
.post-main-sidebar .post-head { float: left; width: 100%; }
.post-main-sidebar .post-head img { width: 100%; }
.post-main-sidebar .post-head .visitor { text-align: right; }
.post-main-sidebar .post-head .visitor span.calender { float: right; }
.post-main-sidebar .post-head .visitor span.comment { float: right; }
.post-main-sidebar .post-head .visitor span.views { float: right; }
.post-main-sidebar .post-content { float: left; width: 100%; padding: 32px 50px 0px; }
.post-main-sidebar .post-content .title { padding-bottom: 50px; }
.post-main-sidebar .post-content .title h1 { font-size: 28px; line-height: 28px; }
.post-main-sidebar .post-content .title .cap { padding-bottom: 0; }
.post-main-sidebar .post-content p { font-family: 'Roboto', sans-serif; font-size: 14px; line-height: 30px; color: #333333; margin-bottom: 30px; }
.post-main-sidebar .post-content p img { float: left; margin-right: 15px; }
.post-main-sidebar .post-content .pull-quot { float: left; width: auto; position: relative; padding-bottom: 30px; }
.post-main-sidebar .post-content .pull-quot p { margin-bottom: 0; margin: 0 0 0 158px; border-left: 5px solid #105189; padding: 0 0 0 30px; }
.post-main-sidebar .post-content .pull-quot .left-quot { position: absolute; left: -22%; top: 18px; margin: 0; padding: 0; text-align: right; }
.post-main-sidebar .post-content .pull-quot .left-quot p { font-family: 'Vollkorn', serif; font-size: 18px; line-height: 30px; color: #464646; font-style: italic; margin: 0; border: none; }
.post-main-sidebar .post-content .post-img { float: left; width: 100%; margin-bottom: 46px; }
.post-main-sidebar .post-content .post-img ul { display: block; margin: 0 0 0 -11px; }
.post-main-sidebar .post-content .post-img ul li { float: left; display: block; margin: 0 0 10px 0; }
.post-main-sidebar .post-content .post-img ul li img { width: 100%; }
.post-footer { float: left; width: 100%; padding: 28px 0 75px 0; }
.post-footer .social { float: left; width: 100%; position: relative; padding: 0 0 64px 0; text-align: center; }
.post-footer .social:before { position: absolute; content: ""; border-top: 1px solid #a9a59e; left: 0; right: 0; bottom: 0; top: 24px; }
.post-footer .social ul { display: inline-block; text-align: center; }
.post-footer .social ul li { display: inline-block; float: none; margin: 0; padding: 0 14px; }
.post-footer .social ul li:hover a { background-color: #105189; border: 1px solid #105189; }
.post-footer .social ul li:hover a i { color: #f6f0e4; }
.post-footer .social ul li a { height: 46px; width: 46px; border-radius: 50%; border: 1px solid #aba79f; position: relative; background-color: #e3ded3; display: block; }
.post-footer .social ul li a i { font-size: 20px; line-height: 20px; color: #9c8954; position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); }
.post-footer .comment { float: left; width: 100%; }
.post-main-sidebar h3.title { font-family: 'TrajanProBold'; font-size: 20px; line-height: 20px; color: #9c8954; font-weight: 400; padding-bottom: 33px; text-align: left; }
.post-footer .comment .commentlist { list-style: outside none none; padding-left: 0; }
.post-footer .comment .commentlist .children { display: inline-block; margin-left: 100px; list-style: outside none none; padding-left: 0; }
.post-footer .comment .commentlist li.comm { float: left; display: block; }
.post-footer .comment .comment-block { float: left; width: 100%; padding-bottom: 48px; }
.post-footer .comment .comment-block .title-comment { float: left; width: 100%; padding-bottom: 13px; }
.post-footer .comment .comment-block .title-comment h6 { font-family: 'TrajanProRegular'; font-size: 14px; line-height: 14px; color: #333333; text-transform: uppercase; float: left; font-weight: 700; }
.post-footer .comment .comment-block .title-comment ul { float: right; width: auto; }
.post-footer .comment .comment-block .title-comment ul li { float: left; font-family: 'Roboto', sans-serif; padding-right: 9px; border-right: 1px solid #333333; font-size: 12px; line-height: 12px; color: #333333; margin-right: 12px; margin-bottom: 0; }
.post-footer .comment .comment-block .title-comment ul li:last-child { border: none; padding: 0; margin: 0; }
.post-footer .comment .comment-block .title-comment ul li a { font-family: 'TrajanProBold'; font-size: 12px; line-height: 12px; color: #0d406e; text-transform: uppercase; }
.post-footer .comment .comment-block p { padding: 0 43px 0 0; font-family: 'Roboto', sans-serif; font-size: 14px; line-height: 24px; color: #333333; }
.post-footer .comment .comment-block img { margin: 0 0 0 13px; }
.post-footer .have-say { float: left; width: 100%; }
.post-footer .have-say .form-group { width: 90%; }
.post-footer .have-say label { font-family: "TrajanProBold"; font-size: 14px; line-height: 14px; color: #464646; text-transform: uppercase; font-weight: 400; margin-bottom: 7px; }
.post-footer .have-say .form-group .form-control { background-color: #e3ded3; border: 1px solid #a9a59e; box-shadow: none; border-radius: 0; margin-bottom: 28px; }
.post-footer .have-say .form-group input [type="text"] { height: 38px; }
.post-footer .have-say textarea.form-control { width: 100%; height: 147px; width: 100%; background-color: #e3ded3; border: 1px solid #a9a59e; margin-bottom: 28px; resize: vertical; border-radius: 0; }
.post-footer .have-say .form-control:focus { box-shadow: none; }
.post-footer .have-say .btn { font-family: "TrajanProBold"; font-weight: 400; font-size: 14px; line-height: 30px; color: #F6F0E4; border-radius: 15px; padding: 0px 18px; background-color: #0d406e; text-transform: uppercase; border: medium none; margin-bottom: 27px; }
.post-footer .have-say .checkbox label { font-family: 'Roboto', sans-serif; font-size: 13px; line-height: 13px; color: #333333; padding-left: 15px; text-transform: lowercase; float: left; padding-bottom: 14px; clear: both; }
.post-footer .have-say .checkbox input[type="checkbox"] { margin-top: 0; }
.post-footer h3.title { font-family: 'TrajanProBold'; font-size: 20px; line-height: 20px; color: #9c8954; font-weight: 400; padding-bottom: 33px; text-align: left; }
.right-grid-sidebar { float: left; padding-right: 138px; width: 100%; }
.blogpost-single { float: left; width: 100%; padding: 0 102px; margin: 0 0 189px 0; }
.blogsingle-cont { float: left; width: 100%; background-color: #e3ded3; padding: 0 124px; }
.blogsingle-cont .title { padding-bottom: 0; }
.blogsingle-cont .title h1 { font-size: 28px; line-height: 28px; padding-bottom: 25px; }
.blogsingle-cont .title h6 { padding-bottom: 24px; }
.blogsingle-cont .video-block { float: left; width: 100%; padding: 51px 0 47px 0; }
video { width: 100%; }
.video { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.video iframe,  .video object,  .video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; }
.blogsingle-cont h6.spons { font-family: 'TrajanProRegular'; font-size: 11px; line-height: 11px; color: #9c8954; text-transform: uppercase; padding-bottom: 37px; }
.blogsingle-cont .cap { padding-bottom: 55px; }
.blogsingle-cont .title p { font-family: 'Vollkorn', serif; font-size: 18px; line-height: 36px; color: #333333; padding-bottom: 54px; font-style: italic; }
.blogsingle-cont p { font-family: 'Roboto', sans-serif; font-size: 14px; line-height: 30px; color: #333333; padding-bottom: 45px; }
.blogsingle-cont h3.sub-title { color: #9c8954; font-family: "TrajanProBold"; font-size: 18px; font-weight: 400; line-height: 30px; text-align: left; padding-bottom: 30px; }
.blogsingle-cont .visitor { margin-bottom: 58px; }
.blogsingle-cont .visitor span.calender { float: left; }
.blogsingle-cont .visitor span.comment { float: right; }
.blogsingle-cont .visitor span.views { float: right; }
.blogsingle-cont .single-post-f { float: left; width: 100%; }
.might-like { float: left; width: 100%; padding: 54px 0 0 0; }
.might-like ul { display: block; padding: 0 0 0 -30px; }
.might-like ul li { float: left; display: block; padding: 0 30px 0 0; }
.might-like ul li img { width: 100%; }
.might-like ul li .detail { float: left; width: 100%; position: relative; margin: 16px 0; padding: 0 40px 0 0; }
.might-like ul li .detail a { margin: 0px 40px 0px 0px; font-family: "TrajanProBold"; font-size: 14px; line-height: 20px; color: #464646; font-weight: 400; }
.might-like ul li .detail a span { position: absolute; font-family: 'Roboto', sans-serif; font-size: 20px; line-height: 20px; color: #0d406e; top: 0; right: 0; }
.bloggal-slider { float: left; width: 100%; padding-bottom: 51px; }
.bloggal-slider #gal-slider { float: left; width: 100%; position: relative; }
.bloggal-slider .flex-direction-nav { top: 50%; }
.bloggal-slider .flex-control-paging { display: block; }
.bloggal-slider .flex-direction-nav li a { font-size: 0; }
.bloggal-slider .flex-direction-nav li a i { font-size: 30px; line-height: 30px; color: #f6f0e4; }
.bloggal-slider .gal-nav { float: left; display: table; width: 100%; margin-top: 2px; }
.bloggal-slider .gal-nav li { float: left; width: 25%; padding: 0; cursor: pointer; padding: 0 4px 0 0; }
.bloggal-slider .gal-nav li:last-child { padding: 0; }
.bloggal-slider .gal-nav li img { width: 100%; }
.bloggal-slider .flex-prev { color: #999; font-size: 30px; position: absolute; bottom: -95px; z-index: 99999; left: 20px; }
.bloggal-slider .flex-prev:hover,  .bloggal-slider .flex-next:hover { color: #fff; }
.bloggal-slider .flex-next { color: #999; font-size: 30px; position: absolute; right: 20px; bottom: -95px; z-index: 99999; }
.blogpost-single .specific { padding-bottom: 20px; float: left; width: 100%; }
.blogsingle-cont .image-block { float: left; width: 100%; }
.blogsingle-cont .image-block img { width: 100%; }
.blogsingle-cont .img1 { float: right; margin: 24px 0 0 33px; }
.blogsingle-cont .img2 { float: right; margin: -85px 0 0 33px; }
.blogsingle-cont .speach { float: left; width: 100%; margin: 12px 0 40px 0; border-left: 5px solid #105189; padding: 0 0 0 20px; }
.blogsingle-cont .speach p { font-family: 'Vollkorn', serif; font-size: 18px; line-height: 36px; color: #333333; padding-bottom: 0; font-weight: 400; font-style: italic; }
.delux-city-view { float: left; width: 100%; padding: 72px 0px 68px; }
.delux-city-view h1 { font-family: 'TrajanProBold'; font-size: 36px; line-height: 36px; color: #333333; font-weight: 400; }
.delux-city-view p { font-family: 'Roboto', sans-serif; font-size: 15px; line-height: 30px; color: #333333; padding-top: 26px; }
.room-gallery .reservation { border: none; }
.room-gallery .spa-glan-tab { margin-bottom: 164px; }
.room-gallery .spa-glan-tab .nav > li > a { padding: 18px 91px 21px 91px; }
.room-gallery .spa-glan-tab .tab-content { padding: 0; }
.room-gallery .spa-glan-tab .tab-content .style-comfort { float: left; width: 100%; padding: 73px 55px 68px 97px; }
.room-gallery .spa-glan-tab .tab-content h2 { font-family: 'TrajanProRegular'; font-size: 24px; line-height: 28px; color: #333333; padding-bottom: 32px; }
.room-gallery .spa-glan-tab .tab-content img { width: 100%; }
.room-gallery .spa-glan-tab .tab-content .review-block img { width: auto; }
.post-footer .comment .commentlist .children { margin-left: 40px; }
.room-gallery .spa-glan-tab .tab-content p { font-family: 'Roboto', sans-serif; font-size: 14px; line-height: 30px; color: #333333; padding-bottom: 40px; }
.room-gallery .spa-glan-tab .tab-content ul { display: block; }
.room-gallery .spa-glan-tab .tab-content ul li { display: block; padding-bottom: 15px; }
.room-gallery .spa-glan-tab .tab-content ul li span.des { color: #333333; display: inline-block; font-family: 'TrajanProRegular'; font-size: 13px; line-height: 13px; font-weight: 700; text-align: left; text-transform: uppercase; width: 30%; float: left; }
.room-gallery .spa-glan-tab .tab-content ul li a i { font-size: 14px; line-height: 14px; color: #105189; }
.room-gallery .spa-glan-tab .tab-content ul li span.detail { color: #333333; display: inline-block; font-family: 'Roboto', sans-serif; font-size: 14px; line-height: 14px; text-align: left; width: 70%; }
.room-gallery .spa-glan-tab .tab-content .aminities { float: left; width: 100%; padding: 75px 98px 92px 98px; }
.room-gallery .spa-glan-tab .tab-content .availability { float: left; width: 100%; padding: 56px 18px 20px; text-align: center; }
.room-gallery .spa-glan-tab .tab-content .availability p { padding: 0 80px 0 77px; }
.room-gallery .spa-glan-tab .tab-content .title { padding-top: 0; }
.room-gallery .spa-glan-tab .tab-content .main-cal { padding: 0 5px; }
.room-gallery .spa-glan-tab .tab-content .cal tbody tr td.unavailable { background-color: #ece2c7; }
.room-gallery .spa-glan-tab .tab-content .owl-pagination { display: none; }
.room-gallery .spa-glan-tab .tab-content .customNavigation { float: left; width: 100%; position: relative; }
.room-gallery .spa-glan-tab .tab-content .customNavigation a.prev { cursor: pointer; font-size: 30px; line-height: 30px; color: #333333; float: left; }
.room-gallery .spa-glan-tab .tab-content .customNavigation a.prev i { cursor: pointer; }
.room-gallery .spa-glan-tab .tab-content .customNavigation a.next { cursor: pointer; font-size: 30px; line-height: 30px; color: #333333; float: right; }
.room-gallery .spa-glan-tab .tab-content .customNavigation a.next i { cursor: pointer; }
.room-gallery .spa-glan-tab .tab-content .availability .owl-carousel { padding-top: 30px; }
.room-gallery .spa-glan-tab .tab-content .availability ul { display: block; margin-top: 72px; }
.room-gallery .spa-glan-tab .tab-content .availability ul li { display: block; float: left; padding: 0 0 0 40px; position: relative; font-family: 'TrajanProRegular'; font-size: 13px; line-height: 26px; color: #727272; text-transform: uppercase; margin: 0 37px 0 0; font-weight: 700; }
.room-gallery .spa-glan-tab .tab-content .availability ul li span { width: 25px; height: 25px; position: absolute; top: 0; left: 0; border: 1px solid #acaaa7; }
.room-gallery .spa-glan-tab .tab-content .availability ul li span.avail { background-color: #ece2c7; }
.room-gallery .spa-glan-tab .tab-content .availability ul li span.unavail { background-color: #ece2c7; }
.main-review { float: left; width: 100%; padding: 58px 97px 0; text-align: left; }
.main-review .review-block { display: block; padding: 0 0 80px 95px; float: left; width: 100%; position: relative; }
.main-review .review-block img { position: absolute; top: 0; left: 0; width: auto; }
.main-review .review-block .title { float: left; width: 100%; padding: 0; text-align: left; }
.main-review .review-block .title h4 { font-family: 'TrajanProRegular'; font-size: 16px; line-height: 20px; color: #333333; text-transform: uppercase; font-weight: 700; }
.main-review .review-block .title ul { float: right; display: block; }
.main-review .review-block .title ul li { float: left; display: block; }
.main-review .review-block .title ul li.active a { color: #105189; }
.main-review .review-block .title ul li a { color: #105189; font-size: 14px; line-height: 14px; }
.main-review .review-block span.days { display: block; font-family: 'Roboto', sans-serif; font-size: 13px; line-height: 13px; color: #9c8954; }
.main-review .review-block h3 { font-family: 'Vollkorn', serif; font-size: 20px; line-height: 20px; color: #333333; font-style: italic; padding: 22px 0 25px 0; float: left; text-transform: none; }
.main-review .review-block p { font-family: 'Roboto', sans-serif; font-size: 14px; line-height: 24px; color: #333333; float: left; padding-bottom: 0; }
.special-offer { float: left; width: 100%; background-color: #F0ECE2; padding: 76px 0px 0; }
.special-offer .title { padding-bottom: 48px; }
.special-offer .title h1 { font-size: 36px; line-height: 36px; }
.special-offer .title .cap { padding-bottom: 0; }
.special-offer .panel-group { padding: 0 43px; }
.special-offer .panel { background-color: transparent; border: none; box-shadow: none; border-radius: 0; }
.collapse.in { display: block; margin-top: -10px; }
.special-offer .panel-default > .panel-heading { background-color: transparent; padding: 0; }
.special-offer .panel-default > .panel-heading h4 { padding: 38px 6px; position: relative; z-index: 9999; }
.special-offer .panel-default { border-top: 1px solid #c5c2bb; }
.special-offer .panel-default:first-child { border-top: none; }
.special-offer .panel-group .panel-heading + .panel-collapse > .panel-body,  .special-offer .panel-group .panel-heading + .panel-collapse > .list-group { border-top: none; }
.special-offer .panel-heading h4 { font-family: 'TrajanProRegular'; font-size: 20px; line-height: 20px; color: #464646; position: relative; }
.special-offer .panel-heading span.viewdetail1 { float: right; font-family: "TrajanProRegular"; font-size: 12px; line-height: 12px; color: #9C8954; position: absolute; top: 42px; right: 0px; opacity: 1; z-index: -1; }
.special-offer .panel-heading span.viewdetail2 { float: right; font-family: 'TrajanProRegular'; font-size: 12px; line-height: 12px; color: #9c8954; position: absolute; top: 0; right: 0; opacity: 0; }
show.bs.collapse > .panel-heading span.viewdetail1 { opacity: 0; }
show.bs.collapse > .panel-heading span.viewdetail2 { opacity: 1; }
.special-offer .panel-title > a,  .special-offer .panel-title > small,  .special-offer .panel-title > .small,  .special-offer .panel-title > small > a,  .special-offer .panel-title > .small > a { width: 100%; display: block; }
.special-offer .panel-body p { font-family: 'Roboto', sans-serif; font-size: 13px; line-height: 23px; color: #333333; padding-bottom: 20px; }
.special-offer .panel-body h3 { font-family: "TrajanProRegular"; font-size: 18px; line-height: 18px; color: #9C8954; padding-bottom: 20px; text-transform: uppercase; font-weight: 700; padding-top: 8px; }
.special-offer .panel-body ul { display: block; float: left; }
.special-offer .panel-body ul li { display: block; float: left; position: relative; padding: 0 0 13px 16px; font-family: 'Roboto', sans-serif; font-size: 13px; line-height: 17px; color: #333333; }
.special-offer .panel-body ul li:before { position: absolute; content: ""; top: 5px; left: 0; width: 4px; height: 4px; background-color: #333333; border-radius: 50%; }
.special-offer .panel-body .btn { font-family: 'TrajanProBold'; font-weight: 400; font-size: 14px; line-height: 30px; color: #f6f0e4; border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -webkit-border-radius: 15px; padding: 0 34px; background-color: #0d406e; text-transform: uppercase; border: none; margin-top: 10px; }
.special-offer .panel-heading:last-child { border-bottom: none; }
.special-offer .panel-group .panel + .panel { margin: 0; }
.special-offer .panel-group { margin-bottom: 110px; }
.special-offer .panel-body { padding: 0 0 47px 0; }
.delux-city-view .col-sm-7,  .delux-city-view .col-md-7 { padding: 0 0 0 15px; }
.room-images { float: left; width: 100%; }
.room-images img { width: 100%; }
.room-video { float: left; width: 100%; padding: 86px 0 0 0; }
.reservation-img { float: left; width: 100%; padding: 60px 0 35px 0; }
.room-gallery .reservation-img img { width: 100%; }
/* 16. Tabs */







.reser-tab { float: left; width: 100%; padding: 56px 0 166px 0; }
.reser-tab .tabs-left > .nav-tabs { border-bottom: 0; }
.tab-content > .tab-pane,  .pill-content > .pill-pane { display: none; }
.tab-content > .active,  .pill-content > .active { display: block; }
.tabs-left > .nav-tabs > li { float: none; }
.tabs-left > .nav-tabs > li > a { min-width: 74px; margin-right: 0; margin-bottom: 3px; }
.tabs-left > .nav-tabs { float: left; margin-right: 0; }
.tabs-left > .nav-tabs > li > a { margin-right: -1px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.tabs-left > .nav-tabs > li > a:hover,  .tabs-left > .nav-tabs > li > a:focus { border-color: #eeeeee #dddddd #eeeeee #eeeeee; }
.tabs-left > .nav-tabs .active > a,  .tabs-left > .nav-tabs .active > a:hover,  .tabs-left > .nav-tabs .active > a:focus { border-color: #ddd transparent #ddd #ddd;  *border-right-color: #ffffff;
}
.tl-nav { padding: 0 60px 0 0; }
.reser-tab .nav { padding: 0; }
.reser-tab .nav > li a { border-radius: 0px; }
.reser-tab .easy-step { width: 100%; background-color: #3f3f3f; padding: 18px 0 23px 0; text-align: center; font-weight: 700; }
.reser-tab .easy-step img { display: inline-block; }
.reser-tab .easy-step h3 { font-family: 'TrajanProRegular'; font-size: 18px; line-height: 18px; color: #c5c1ba; text-transform: uppercase; }
.reser-tab .nav > li { position: relative; width: 100%; }
.reser-tab .nav > li.active:after { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(175, 154, 95, 0); border-left-color: #105189; border-width: 34px 26px; margin-top: -35px; }
.reser-tab .nav-tabs > li.active > a,  .reser-tab .nav-tabs > li.active > a:hover,  .reser-tab .nav-tabs > li.active > a:focus { background-color: #105189; }
.reser-tab .nav > li > a { margin-bottom: 0px; font-family: "TrajanProBold"; font-size: 13px; line-height: 13px; line-height: 22px; color: #464646; font-weight: 400; text-transform: uppercase; border: medium none; padding: 26px 32px 13px; display: table; width: 100%; border: 1px solid #cecac3; }
.tabs-left > .nav-tabs > li { }
.tabs-left .nav-tabs > li.active > a,  .tabs-left .nav-tabs > li.active > a:hover,  .tabs-left .nav-tabs > li.active > a:focus { border: none; }
.tabs-left .nav-tabs > li:hover a { background-color: #ddd9d2; border: 1px solid #cecac3; }
.reser-tab .nav > li.active a { color: #f6f0e4; }
.reser-tab .nav > li.active a .number { background-color: #464646; }
a .number,  .tabs-left > .nav-tabs > li a .number { background-color: #105189; width: 38px; height: 38px; border-radius: 50%; margin-right: 16px; position: relative; float: left; margin-top: -8px; }
a .number span,  .tabs-left > .nav-tabs > li a .number span { position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); font-family: 'TrajanProRegular'; font-size: 20px; line-height: 20px; color: #f6f0e4; }
.reser-tab .tab-content .input-group-addon { background-color: transparent; border: medium none; color: #464646; padding: 0; position: absolute; right: 23px; top: 9px; z-index: 999; }
.reser-tab .tab-content .input-group.date { width: 100%; }
.reser-tab .tab-content .input-group .form-control { background-color: #fdfaf5; border: 1px solid #c5c1ba; border-radius: 0; box-shadow: none; font-family: 'Roboto', sans-serif; font-size: 13px; line-height: 13px; color: #727272; }
.reser-tab .tab-content .main-cal { padding: 0; }
.reser-tab .tab-content .main-cal thead { display: table; width: 100%; }
.reser-tab .tab-content .cal tbody tr td.unavailable { background-color: #ece2c7; }
.reser-tab .tab-content h6 { font-family: "TrajanProBold"; font-size: 13px; line-height: 30px; color: #464646; font-weight: 400; text-transform: uppercase; }
.reser-tab .tab-content .selectric { background-color: #fdfaf5; border: 1px solid #c5c1ba; }
.reser-tab .tab-content .selectric .label { text-align: left; font-family: 'Roboto', sans-serif; font-size: 13px; height: 37px; color: #727272; font-weight: 400; line-height: 34px; }
.reser-tab .tab-content .selectric .button { content: "/xf0d7"; }
.reser-tab .tab-content .selectric .button::after { border-width: 6px 6px medium; border-color: #464646 transparent -moz-use-text-color; }
.reser-tab .tab-content .form-control { background-color: #fdfaf5; border-radius: 0; border: 1px solid #c5c1ba; box-shadow: none; color: #3f3f3f; height: 35px; width: 100%; }
.nrooms { width: 40%; float: left; }
.rbudget input,  .nrooms input { height: 39px !important; letter-spacing: 37px; }
.rbudget { width: 60%; float: left; padding-left: 20px; }
.rbudget label { float: left; font-weight: 400 !important; line-height: 39px !important; }
.rbudget input { width: 77% !important; float: right; }
.detail-type .row { margin-left: -15px !important; padding-right: 42px; }
.detail-type .row input { height: 39px !important; letter-spacing: 37px; }
.reser-tab .tab-content .form-inline .form-group label { font-family: 'Roboto', sans-serif; font-size: 13px; line-height: 13px; color: #3f3f3f; }
.reser-tab .tab-content .adult .row { margin-left: 0; padding-bottom: 0; }
.reser-tab .tab-content .detail-type { padding-bottom: 32px; }
.reser-tab .tab-content .desired label { font-family: 'TrajanProRegular'; font-size: 13px; line-height: 20px; color: #464646; font-weight: 700; text-transform: uppercase; }
.reser-tab .tab-content .desired .radio-inline { font-family: 'Roboto', sans-serif; font-size: 13px; line-height: 13px; color: #3f3f3f; font-weight: 400; text-transform: capitalize; }
.reser-tab .tab-content input[type="radio"] { margin-top: 0; }
.reser-tab .tab-content .desired .radio-inline { padding-left: 42px; }
.reser-tab .tab-content .detail-type label { font-family: 'TrajanProRegular'; font-size: 13px; line-height: 20px; color: #464646; font-weight: 700; text-transform: uppercase; }
.reser-tab .tab-content .detail-type textarea { font-family: "Roboto", sans-serif; font-size: 13px; line-height: 13px; color: #727272; height: 103px; margin-top: 5px; }
.reser-tab .tab-content ul { display: block; }
.reser-tab .tab-content ul li { display: block; padding-bottom: 20px; }
.reser-tab .tab-content .selectric-items li { background-color: #f3efe9; padding: 13px 8px; border-bottom: 1px solid #cecac3; font-family: 'Roboto', sans-serif; font-size: 15px; line-height: 15px; color: #3f3f3f; }
.detail-type2 { margin-top: -10px; margin-bottom: 25px; }
.reser-tab .tab-content .selectric-items li:hover { background-color: #ddd9d2; }
.reser-tab .tab-content ul li:nth-child(5) { padding-bottom: 40px; }
.reser-tab .tab-content ul li span.des { color: #333333; display: inline-block; float: left; font-family: "TrajanProRegular"; font-size: 13px; font-weight: 700; line-height: 18px; text-align: right; text-transform: uppercase; width: 30%; padding-right: 20px; }
.reser-tab .tab-content ul li span.detail { color: #333333; display: inline-block; font-family: "Roboto", sans-serif; font-size: 14px; line-height: 14px; text-align: left; width: 70%; }
.reser-tab .tab-content .btn { font-family: "TrajanProBold"; font-weight: 400; font-size: 16px; line-height: 16px; color: #F6F0E4; border-radius: 15px; padding: 0px 45px; background-color: #0d406e; text-transform: uppercase; border: medium none; margin-top: 28px; margin-left: 130px; line-height: 30px; }
.banner-accommo { height: 100vh; display: block; position: relative; }
.banner-accommo img { width: auto; height: 100vh; }
.banner-accommo .flex-caption { left: 50%; margin-right: -50%; position: absolute; text-align: center; top: 50%; transform: translate(-50%, -50%); }
.banner-accommo .flex-caption h1 { background-color: rgba(51, 51, 51, 0.8); color: #f6f0e4; font-family: "TrajanProBold"; font-size: 40px; line-height: 40px; padding: 31px 47px; }
.banner-accommo .flex-caption p { background-color: rgba(246, 240, 228, 0.8); font-family: "Vollkorn", serif; font-size: 21px; font-style: italic; font-weight: 400; line-height: 30px; padding: 29px 27px; }
.luxury-sec { float: left; width: 100%; padding: 62px 0 0 0; }
.luxury-sec .title ul { display: inline-block; text-align: center; }
.luxury-sec .title ul li { display: inline-block; color: #105189; font-family: "Roboto", sans-serif; font-size: 14px; font-weight: 400; line-height: 14px; text-transform: uppercase; border-right: 1px solid #9c8954; padding-right: 10px; margin-right: 10px; }
.luxury-sec .title ul li:last-child { border: none; }
#sidepanel, .b-slider { position: relative; }
.no-margin { margin: 0 !important; }
.no-padding { padding: 0px; }
.sp-info { background: #2C2C2C; padding: 60px 75px 110px; position: absolute; width: 45%; right: 0; height: 100%; }
.sp-info h3 { font-family: TrajanProBold; font-size: 36px; font-weight: 400; color: #c9b16d; line-height: 40px; margin: 0 0 30px; }
.sp-info p { font-size: 14px; color: #f3ebd7; line-height: 23px; margin-bottom: 30px; }
.sp-inner h4 { font-family: TrajanProRegular; font-size: 18px; color: #c9b16d; font-weight: 400; margin: 0 0 22px; text-transform: uppercase; }
.sp-inner ul li { color: #f3ebd7; padding-left: 18px; width: 100%; font-size: 14px; margin-bottom: 18px; line-height: 18px; position: relative; }
.sp-inner ul li:after { content: ""; background: #105189; width: 4px; height: 4px; border-radius: 50%; position: absolute; top: 7px; left: 0px; }
.sp-amount { margin: 20px 0 20px; }
.sp-amount h6 span { font-size: 14px; display: block; color: #a6a29a; font-family: TrajanProBold; font-weight: 400; text-transform: uppercase; }
.sp-amount h6 { font-size: 50px; color: #c9b16d; font-family: Roboto; font-weight: 700; text-transform: uppercase; display: table; float: left; }
.sp-amount h6 em { font-size: 24px; vertical-align: top; position: relative; top: 6px; margin-right: 2px; }
.sp-amount a { font-family: "TrajanProBold"; font-weight: 400; font-size: 16px; line-height: 40px; color: #F6F0E4; border-radius: 20px; padding: 0px 52px; background-color: #0d406e; text-transform: uppercase; border: medium none; display: inline-block; text-align: center; margin: 17px 0px 0px; float: right; }
ul.sp-meta { background: #1F1F1F none repeat scroll 0% 0%; padding: 20px 67px; display: table; width: 100%; position: absolute; bottom: 0; left: 0; right: 0; }
ul.sp-meta li { display: block; float: left; font-family: "Roboto", sans-serif; font-size: 14px; line-height: 14px; color: #f6f0e4; padding: 0px 35px 0px 24px; position: relative; }
ul.sp-meta:before { content: "\f104"; font-family: 'FontAwesome'; font-family: "FontAwesome"; color: #F6F0E4; font-size: 18px; position: absolute; top: 50%; left: 30px; height: 20px; line-height: 20px; margin-top: -10px; }
ul.sp-meta:after { content: "\f105"; font-family: "FontAwesome"; color: #F6F0E4; font-size: 18px; position: absolute; top: 50%; right: 30px; height: 20px; line-height: 20px; margin-top: -10px; }
ul.sp-meta li:last-child { padding-right: 0; }
ul.sp-meta li i { position: absolute; top: 0px; left: 0px; color: #AF9A5F; }
.bungalow { background-color: #e3ded3; display: table; }
.bungalow .bung-block-left { float: left; width: 100%; margin-bottom: -2px; }
.bungalow .bung-block-left .flex-direction-nav { max-width: 390px; }
.bungalow .bung-block-left .flex-direction-nav .flex-next { opacity: 1; right: 20px; }
.bungalow .bung-block-left .flex-control-nav { background-color: #464646; bottom: 2px; display: block; left: 0; padding: 14px 0 18px; position: absolute; right: auto; text-align: center; width: 390px; }
.bungalow .bung-block-left .flex-control-nav li { position: relative; z-index: 99; border: none; padding: 0 11px; margin: 0; top: 4px; }
.bungalow .bung-block-left .flex-direction-nav a { font-size: 0; }
.bungalow .bung-block-left .flex-direction-nav i { color: #f6f0e4; display: block !important; font-size: 40px; line-height: 40px; }
.bungalow .bung-block-left .flex-direction-nav a.flex-next i { position: absolute; left: 20px; bottom: 0; }
.bungalow .bung-block-left .flex-direction-nav a.flex-prev .fa.fa-angle-left { bottom: -12px; left: 20px; position: absolute; }
.bungalow .bung-block-left .flex-control-paging li a { border: none; height: 8px; width: 8px; background: #f3ebd7 none repeat scroll 0 0; box-shadow: none; line-height: 10px; }
.bungalow .bung-block-left .flex-control-paging li a.flex-active { background: #c9b16d; }
.bungalow .bung-block-left .flex-direction-nav a.flex-next .fa.fa-angle-right { bottom: -10px; right: 0; position: absolute; }
.bungalow .bung-block-right .flex-direction-nav a { position: absolute; right: 0; left: auto; }
.bungalow .bung-block-right { float: left; width: 100%; margin-bottom: -2px; }
.bungalow .bung-block-right .flex-control-nav { background-color: #464646; bottom: 2px; display: block; left: auto; padding: 14px 0 18px; position: absolute; right: 0; text-align: center; width: 390px; }
.bungalow .bung-block-right .flex-control-nav li { position: relative; z-index: 99; border: medium none; padding: 0px 11px; margin: 0px; top: 4px; }
.bungalow .bung-block-right .flex-direction-nav a { font-size: 0; }
.bungalow .bung-block-right .flex-direction-nav i { color: #f6f0e4; display: block !important; font-size: 40px; line-height: 40px; }
.bungalow .bung-block-right .flex-direction-nav a.flex-next i { position: absolute; left: 20px; bottom: 0; }
.bungalow .bung-block-right .flex-direction-nav a.flex-prev .fa.fa-angle-left { bottom: -10px; left: auto; position: absolute; right: 358px; }
.bungalow .bung-block-right .flex-control-paging li a { border: none; height: 8px; width: 8px; background: #f3ebd7 none repeat scroll 0 0; box-shadow: none; line-height: 10px; }
.bungalow .bung-block-right .flex-control-paging li a.flex-active { background: #c9b16d; }
.bungalow .bung-block-right .flex-direction-nav a.flex-next .fa.fa-angle-right { bottom: -12px; left: auto; position: absolute; right: 20px; }
.bungalow .bungalow-detail { float: left; width: 100%; padding: 46px 0 0; text-align: center; }
.bungalow .bungalow-detail .title h1 { font-size: 28px; line-height: 28px; color: #333333; }
.bungalow .bungalow-detail .breadcrumb { display: inline-block; background-color: transparent; padding: 0; margin-bottom: 50px; }
.bungalow .bungalow-detail .breadcrumb li a { font-family: 'TrajanProBold'; font-size: 14px; line-height: 14px; color: #333333; font-weight: 700px; }
.bungalow .bungalow-detail .breadcrumb > li + li::before { color: #333333; padding: 0px 0; }
.bungalow .bungalow-detail .breadcrumb > .active { font-family: 'TrajanProBold'; color: #333333; }
.bungalow .bungalow-detail p { font-family: "Roboto", sans-serif; font-size: 14px; line-height: 26px; color: #333; padding-bottom: 33px; }
.bungalow .bungalow-detail .title { padding-bottom: 0; }
.bungalow .bungalow-detail ul { display: block; }
.bungalow .bungalow-detail ul li { display: block; padding-bottom: 15px; }
.bungalow .bungalow-detail ul li span.des { color: #333333; display: inline-block; float: left; font-family: "TrajanProRegular"; font-size: 13px; font-weight: 700; line-height: 13px; text-align: left; text-transform: uppercase; width: 50%; }
.bungalow .bungalow-detail ul li span.detail { color: #333333; display: inline-block; font-family: "Roboto", sans-serif; font-size: 14px; line-height: 14px; text-align: left; width: 50%; }
.bungalow .bungalow-detail ul li a i { color: #105189; font-size: 14px; line-height: 14px; }
.bungalow .bungalow-detail .btn { font-family: "TrajanProBold"; font-weight: 400; font-size: 14px; line-height: 30px; color: #F6F0E4; border-radius: 15px; padding: 0 21px; background-color: #0d406e; text-transform: uppercase; border: medium none; display: inline-block; margin: 25px 50px 0px 16px; }
.bungalow .bungalow-detail a.block-down { display: inline-block; text-align: center; margin-top: 39px; }
.bungalow .bungalow-detail a.block-down i { font-size: 16px; line-height: 16px; color: #464646; }
/* 17. Contact */







.main-contact { float: left; width: 100%; background: url(../images/contact/contact-bg.jpg) no-repeat; background-size: cover; padding: 100px 0 168px 0; }
.main-contact .detail-cont { float: left; width: 100%; background-color: rgba(246,240,228,0.9); padding: 56px 45px 108px 35px; border: 1px solid #fdfdfd; }
.main-contact .detail-cont h3 { font-family: 'TrajanProRegular'; font-size: 20px; line-height: 20px; color: #9c8954; font-weight: 700; padding-bottom: 35px; }
.main-contact .detail-cont h6 { color: #464646; font-family: "TrajanProRegular"; font-size: 13px; font-weight: 700; line-height: 30px; text-transform: uppercase; }
.main-contact .detail-cont .left-detail .detail-type { padding-bottom: 30px; }
.main-contact .detail-cont .left-detail .form-control { background-color: #fdfaf5; border: 1px solid #c5c1ba; border-radius: 0; box-shadow: none; color: #3f3f3f; height: 35px; }
.main-contact .detail-cont .left-detail textarea { height: 173px; background-color: #fdfaf5; border: 1px solid #c5c1ba; border-radius: 0; box-shadow: none; color: #3f3f3f; resize: vertical; width: 100%; padding: 15px; font-size: 13px; }
.main-contact .detail-cont .left-detail .detail-type span.req { font-family: "TrajanProRegular"; font-size: 11px; line-height: 30px; color: #464646; display: block; }
.main-contact .detail-cont .left-detail .btn { font-family: 'TrajanProBold'; font-weight: 400; font-size: 14px; line-height: 14px; color: #f6f0e4; border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -webkit-border-radius: 15px; padding: 10px 45px; background-color: #0d406e; text-transform: uppercase; border: none; margin-bottom: 22px; }
.main-contact .detail-cont .left-detail .direct-inq { float: left; width: 100%; padding-bottom: 82px; }
.main-contact .detail-cont .left-detail .map-direction { float: left; width: 100%; }
.main-contact .detail-cont .left-detail .map { float: left; position: relative; width: 100%; }
.main-contact .detail-cont .left-detail #map { display: block; height: 317px; margin: 0 auto; position: relative; width: 100%; }
.main-contact .detail-cont .left-detail ul { display: block; }
.main-contact .detail-cont .left-detail ul li { display: block; float: left; padding-top: 24px; }
.main-contact .detail-cont .left-detail ul li h4 { font-family: 'TrajanProRegular'; font-size: 16px; line-height: 30px; color: #9c8954; padding-bottom: 22px; text-transform: uppercase; }
.main-contact .detail-cont .left-detail ul li p { font-family: "Roboto", sans-serif; font-size: 14px; line-height: 24px; color: #333333; font-weight: 400; }
.main-contact .detail-cont .right-detail .sidebar-contact { background-color: transparent; }
.main-contact .detail-cont .right-detail .subscribe .title-block { background-color: #464646; }
.main-contact .detail-cont .right-detail .subscribe .title-block h3 { color: #d3be83; }
.main-contact .detail-cont .right-detail .subscribe { background-color: #f6f0e4; }
.villadetail { float: left; width: 100%; background-color: #f6f0e4; position: relative; }
.villadetail .ocean-right { background-color: #ece7db; bottom: 0; float: right; height: 100%; position: absolute; right: 0; top: 0; width: 39%; }
.villadetail .main-villa { float: left; width: 100%; position: relative; padding: 0 0 0 0; }
.villadetail .left-villa { float: left; width: 65%; padding: 30px 22px 0 15px; }
.villadetail .left-villa .villas-panel { display: block; float: left; width: 100%; }
.villadetail .left-villa .villas-panel li { float: left; display: block; padding: 0 9px 0 0; margin: 0 9px 0 0; border-right: 1px solid #105189; }
.villadetail .left-villa .villas-panel li:last-child { border-right: none; }
.villadetail .left-villa .villas-panel li a { font-family: 'TrajanProBold'; font-size: 11px; line-height: 16px; color: #105189; text-transform: uppercase; font-weight: 400; }
.villadetail .left-villa .ocean-breeze { float: left; width: 100%; }
.villadetail .left-villa .ocean-breeze h1 { font-family: 'TrajanProBold'; font-size: 36px; line-height: 36px; color: 333333; font-weight: 400; padding: 22px 0 30px 0; float: left; width: 100%; }
.villadetail .left-villa .ocean-breeze .spa-glan-tab .nav-tabs > li { margin-bottom: -1px; }
.villadetail .left-villa .ocean-breeze .spa-glan-tab { background-color: transparent; border: none; padding-bottom: 43px; }
.villadetail .left-villa .ocean-breeze .spa-glan-tab .nav { padding: 0; background-color: transparent; border-top: 1px solid #c5c1ba; border-right: 1px solid #c5c1ba; border-left: 1px solid #c5c1ba; }
.villadetail .left-villa .ocean-breeze .spa-glan-tab .nav li { width: 20%; }
.villadetail .left-villa .ocean-breeze .spa-glan-tab .nav { }
.villadetail .left-villa .ocean-breeze .spa-glan-tab .nav li:first-child a { border-left: none; border-right: none; border-top: none; }
.villadetail .left-villa .ocean-breeze .spa-glan-tab .nav li a { padding: 0; line-height: 67px; border-left: 1px solid #c5c1ba; }
.villadetail .left-villa .ocean-breeze .spa-glan-tab .nav li.active > a { background-color: #464646; color: #f9f5ec; }
.villadetail .left-villa .ocean-breeze .spa-glan-tab .tab-content { padding: 0; }
.villadetail .left-villa .ocean-breeze .spa-glan-tab .bloggal-slider { padding: 0 0 43px 0; }
.villadetail .left-villa .ocean-breeze .overview { float: left; width: 100%; }
.villadetail .left-villa .ocean-breeze h2 { font-family: 'TrajanProRegular'; font-size: 24px; line-height: 24px; color: #333333; text-transform: uppercase; padding-bottom: 40px; font-weight: 700; }
.villadetail .left-villa .ocean-breeze .detail { float: left; width: 100%; }
.villadetail .left-villa .ocean-breeze .detail p { font-family: 'Vollkorn', serif; font-size: 18px; line-height: 30px; color: #333333; font-style: italic; }
.villadetail .left-villa .ocean-breeze .overview p { font-family: "Roboto", sans-serif; font-size: 15px; line-height: 30px; color: #333333; font-weight: 400; padding-bottom: 27px; }
.villadetail .left-villa .ocean-breeze h3 { font-family: 'TrajanProRegular'; font-size: 18px; line-height: 30px; color: #9c8954; text-align: left; }
.villadetail .left-villa .ocean-breeze .detail-breeze { float: left; width: 100%; padding: 53px 0 0 0; }
.villadetail .left-villa .ocean-breeze .detail-breeze ul { display: block; }
.villadetail .left-villa .ocean-breeze .detail-breeze ul li { display: block; float: left; padding: 0 0 12px 30px; font-family: "Roboto", sans-serif; font-size: 15px; line-height: 24px; color: #333333; position: relative; text-align: left; }
.villadetail .left-villa .ocean-breeze .detail-breeze ul li:before { background-image: url(../images/point-cap.png); background-position: left center; content: ""; height: 11px; left: 0; position: absolute; top: 6px; width: 14px; }
.villadetail .left-villa .ocean-breeze .title { float: left; width: 100%; border-bottom: 1px solid #c5c1ba; padding: 20px 0 10px 0; margin-bottom: 26px; }
.villadetail .left-villa .ocean-breeze .title h3 { font-family: 'TrajanProRegular'; font-size: 18px; line-height: 18px; color: #333333; text-transform: uppercase; font-weight: 700; padding: 0; }
.villadetail .left-villa .ocean-breeze .rates { float: left; width: 100%; }
.villadetail .left-villa .ocean-breeze .rates .table { margin-bottom: 50px; }
.villadetail .left-villa .ocean-breeze .rates .table > thead > tr > th { border-bottom: none; }
.villadetail .left-villa .ocean-breeze .rates .table > thead > tr > th:first-child { width: 40%; text-align: left; }
.villadetail .left-villa .ocean-breeze .rates .table > thead > tr > th:nth-child(2) { width: 30%; text-align: center; }
.villadetail .left-villa .ocean-breeze .rates .table > thead > tr > th:nth-child(3) { width: 15%; text-align: right; }
.villadetail .left-villa .ocean-breeze .rates .table > thead > tr > th:last-child { width: 15%; text-align: right; padding: 8px 10px 8px 8px; }
.villadetail .left-villa .ocean-breeze .rates .table thead tr { margin-bottom: 37px; }
.villadetail .left-villa .ocean-breeze .rates .table tbody tr td { padding: 20px 10px 15px; font-family: "Roboto", sans-serif; font-size: 15px; line-height: 15px; color: #464646; }
.villadetail .left-villa .ocean-breeze .rates .table tbody tr td:first-child { text-align: left; }
.villadetail .left-villa .ocean-breeze .rates .table tbody tr td:nth-child(2) { text-align: center; }
.villadetail .left-villa .ocean-breeze .rates .table tbody tr td:nth-child(3) { text-align: center; }
.villadetail .left-villa .ocean-breeze .rates .table tbody tr td:last-child { text-align: right; }
.villadetail .left-villa .ocean-breeze .rates .table-striped > tbody > tr:nth-of-type(2n+1) { background-color: #e3ded3; border: 1px solid #c5c1ba; box-shadow: none; }
.villadetail .left-villa .ocean-breeze .rates .table thead tr th { font-family: 'TrajanProRegular'; font-size: 14px; line-height: 14px; color: #464646; text-transform: uppercase; font-weight: 700; }
.villadetail .left-villa .ocean-breeze .rates p { font-family: 'Vollkorn', serif; font-size: 13px; line-height: 24px; color: #333333; padding-bottom: 23px; font-style: italic; }
.villadetail .left-villa .ocean-breeze .map-ocean { float: left; width: 100%; padding: 53px 0 0 0; }
.villadetail .left-villa .ocean-breeze .map-ocean .map { float: left; width: 100%; position: relative; padding: 0 30px 54px 0; }
.villadetail .left-villa .ocean-breeze .map-ocean #map { display: block; height: 400px; margin: 0 auto; position: relative; width: 100%; }
.villadetail .left-villa .ocean-breeze .map-ocean .detail p { padding-bottom: 34px; }
.villadetail .left-villa .ocean-breeze .review-title { float: left; width: 100%; padding: 53px 0 0 0; }
.villadetail .left-villa .ocean-breeze .review-title h2 { float: left; }
.villadetail .left-villa .ocean-breeze .review-title .avg { float: right; }
.villadetail .left-villa .ocean-breeze .review-title .avg h6 { font-family: 'TrajanProRegular'; font-size: 14px; line-height: 14px; color: #333333; display: inline-block; padding: 0 16px 0 0; }
.villadetail .left-villa .ocean-breeze .review-title .avg ul { float: right; display: inline-block; }
.villadetail .left-villa .ocean-breeze .review-title .avg ul li { display: inline-block; float: left; }
.villadetail .left-villa .ocean-breeze .review-title .avg ul li a { color: #105189; font-size: 14px; line-height: 14px; }
.villadetail .left-villa .ocean-breeze .main-review { padding: 78px 0 0 0; }
.villadetail .left-villa .ocean-breeze .main-review .title { border: none; padding: 0; }
.villadetail .left-villa .ocean-breeze .main-review h3 { color: #333333; float: left; font-family: "Vollkorn", serif; font-size: 20px; font-style: italic; line-height: 20px; padding: 22px 0 25px; text-transform: none; }
.villadetail .left-villa .ocean-breeze .main-review p { padding-bottom: 26px; }
.villadetail .left-villa .ocean-breeze .main-review a.read-more { font-family: 'TrajanProRegular'; font-size: 13px; line-height: 13px; color: #9c8954; text-transform: uppercase; float: left; width: auto; }
.villadetail .right-villa { float: left; width: 35%; padding: 136px 15px 400px 30px; background: #ece7db; position: relative; }
.villadetail .right-villa::after { content: ""; background: #ece7db; position: absolute; top: 0px; left: 100%; width: 1000%; height: 100%; }
.villadetail .right-villa .reservation { border: none; }
.villadetail .right-villa .reservation .rate-from { padding: 28px 29px 21px 26px; }
.villadetail .right-villa .reservation .btn-availble { padding: 0 54px; }
.villadetail .right-villa .reservation ul { display: block; padding-bottom: 20px; }
.villadetail .right-villa .reservation ul li { display: inline-block; }
.villadetail .right-villa .selectric-scroll ul li { display: inline-block; width: 100%; }
.villadetail .right-villa .selectric-scroll ul { display: block; padding-bottom: 0; }
.villadetail .right-villa .reservation ul li a { color: #105189; font-size: 14px; line-height: 14px; }
.villadetail .right-villa .reservation .rate-from h6 { margin-right: -50%; padding: 0 15px 0 19px; position: absolute; text-transform: uppercase; top: 100%; left: 50%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); font-family: 'TrajanProRegular'; font-size: 12px; line-height: 12px; color: #f6f0e4; text-transform: uppercase; background-color: #333333; }
.villadetail .right-villa .hotel-rooms { float: left; width: 100%; padding-bottom: 30px; }
.villadetail .right-villa .hotel-rooms .table-bordered { border: 1px solid #c5c1ba; }
.villadetail .right-villa .hotel-rooms .table-bordered > thead > tr > th,  .villadetail .right-villa .hotel-rooms .table-bordered > thead > tr > td { width: 33.33%; text-align: center; font-family: 'TrajanProRegular'; font-size: 12px; line-height: 26px; color: #464646; text-transform: uppercase; font-weight: 700; }
.villadetail .right-villa .hotel-rooms .table-bordered > thead > tr > th,  .villadetail .right-villa .hotel-rooms .table-bordered > thead > tr > td { border-bottom: none; }
.villadetail .right-villa .hotel-rooms .table-bordered > thead > tr > th,  .villadetail .right-villa .hotel-rooms .table-bordered > tbody > tr > th,  .villadetail .right-villa .hotel-rooms .table-bordered > tfoot > tr > th,  .villadetail .right-villa .hotel-rooms .table-bordered > thead > tr > td,  .villadetail .right-villa .hotel-rooms .table-bordered > tbody > tr > td,  .villadetail .right-villa .hotel-rooms .table-bordered > tfoot > tr > td { border: 1px solid #c5c1ba; }
.villadetail .right-villa .hotel-rooms .table { margin: 0; }
.villadetail .right-villa .hotel-rooms .table thead { background-color: #e3ded3; }
.villadetail .right-villa .hotel-rooms .table tbody tr td { font-family: "Roboto", sans-serif; font-weight: 700; font-size: 40px; line-height: 60px; text-align: center; color: #9c8954; background-color: #faf6f0; }
.villadetail .right-villa .feature-part { float: left; width: 100%; background-color: #faf6f0; padding: 14px 0 20px 0; text-align: center; border: 1px solid #cdc9c1; }
.villadetail .right-villa .feature-part h6 { font-family: 'TrajanProRegular'; font-size: 16px; line-height: 16px; color: #9c8954; text-transform: uppercase; font-weight: 700; padding-bottom: 19px; }
.villadetail .right-villa .feature-part ul { float: left; width: 100%; display: inline-block; text-align: center; }
.villadetail .right-villa .feature-part ul li { display: inline-block; font-family: "Roboto", sans-serif; font-size: 14px; line-height: 14px; color: #333333; padding: 0 6px 0 0; margin: 0 7px 0 0; border-right: 1px solid #333333; }
.villadetail .right-villa .feature-part ul li:last-child { padding: 0; margin: 0; border: none; }
.villadetail .right-villa .stay-night { float: left; width: 100%; padding: 40px 0 0 0; }
.villadetail .right-villa .stay-night ul { display: block; }
.villadetail .right-villa .stay-night ul li { display: block; float: left; font-family: 'TrajanProRegular'; font-size: 14px; line-height: 14px; color: #464646; font-weight: 700; padding: 0 0 30px 0; }
.villadetail .right-villa .social { float: left; width: 100%; padding: 22px 0 18px 0; position: relative; background-color: #faf6f0; margin-bottom: 30px; }
.villadetail .right-villa .social:before { border-left: 1px solid #cdc9c1; content: ""; top: 0; left: 106px; right: auto; bottom: 0; position: absolute; }
.villadetail .right-villa .social h5 { font-family: 'TrajanProRegular'; font-size: 14px; line-height: 14px; color: #464646; text-transform: uppercase; float: left; padding: 6px 0 0 27px; }
.villadetail .right-villa .social ul { display: block; float: right; }
.villadetail .right-villa .social ul li { display: block; float: left; padding: 0 30px 0 0; }
.villadetail .right-villa .social ul li a { display: block; }
.villadetail .right-villa .social ul li a i { font-size: 22px; line-height: 22px; color: #9c8954; }
.villadetail .right-villa .inquire { float: left; width: 100%; }
.villadetail .right-villa .inquire h2 { font-family: 'TrajanProRegular'; font-size: 28px; line-height: 28px; color: #105189; font-weight: 700; padding-bottom: 0; }
.villadetail .right-villa .inquire .cap { padding: 12px 0 25px 0; }
.villadetail .right-villa .inquire .form-control { background-color: transparent; border-radius: 0; box-shadow: none; border: 1px solid #888479; text-transform: uppercase; font-family: 'TrajanProRegular'; font-size: 12px; line-height: 12px; color: #f6f0e4; height: 33px; }
.villadetail .right-villa .inquire .row .col-md-6:first-child { padding: 0 5px 0 15px; }
.villadetail .right-villa .inquire .row .col-md-6:last-child { padding: 0 15px 0 5px; }
.villadetail .right-villa .inquire .reservation .input-group-addon { color: #f6f0e4; }
.villadetail .right-villa .inquire .reservation .selectric .label { color: #f6f0e4; font-weight: 400; }
.villadetail .right-villa .inquire .reservation .selectric .button::after { border-color: #f6f0e4 transparent -moz-use-text-color; }
.villadetail .right-villa .inquire .reservation textarea { background-color: transparent; border-radius: 0; box-shadow: none; border: 1px solid #888479; text-transform: uppercase; font-family: 'TrajanProRegular'; font-size: 12px; line-height: 12px; color: #f6f0e4; height: 107px; width: 100%; margin-top: 27px; padding: 13px 10px; }
.villadetail .right-villa .questions { float: left; width: 100%; text-align: center; }
.villadetail .right-villa .questions .title { float: left; width: 100%; padding: 27px 0 28px 0; background-color: #333333; }
.villadetail .right-villa .questions .title h2 { font-family: 'TrajanProRegular'; font-size: 24px; line-height: 24px; color: #105189; font-weight: 700; }
.villadetail .right-villa .questions .que-detail { float: left; width: 100%; background-color: #faf6f0; padding: 23px 30px 25px; border-left: 1px solid #cdc9c1; border-right: 1px solid #cdc9c1; border-bottom: 1px solid #cdc9c1; }
.villadetail .right-villa .questions .que-detail p { font-family: 'Roboto', sans-serif; font-size: 14px; line-height: 20px; color: #333333; text-align: center; }
.villadetail .right-villa .questions .que-detail span.tollfree { font-family: 'TrajanProRegular'; font-size: 12px; line-height: 30px; color: #464646; text-transform: uppercase; padding: 14px 0 0 0; display: block; }
.villadetail .right-villa .questions .que-detail h2 { font-family: 'Roboto', sans-serif; font-size: 24px; line-height: 24px; color: #105189; text-align: center; font-weight: 700; }
.villadetail .might-like { background-color: #D9D6CE; padding: 67px 0 75px !important; border-bottom: 3px solid #f6f0e4; }
.villadetail .might-like h3.title { font-family: 'TrajanProRegular'; font-size: 20px; line-height: 20px; color: #3f3f3f; font-weight: 700; text-align: left; padding-bottom: 35px; }
/* 18. About Page */







.about-content { position: relative; display: table; }
.about-main .title-color { float: left; width: 100%; padding: 43px 0 38px 0; }
.about-main .title-color h2 { padding: 0 0 0 163px; }
.about-main .title-color .breadcrumb { padding: 0 112px 0 0; }
.about-main .left-about { float: left; width: 100%; padding: 0 49px 0 0; }
.about-main .left-about ul { display: block; }
.about-main .left-about ul li { display: block; float: left; }
.about-main .left-about ul li img { width: 100%; }
.about-main .right-about { float: left; width: 100%; padding: 70px 65px 50px; }
.about-main .right-about h1 { font-family: 'TrajanProRegular'; font-size: 28px; line-height: 28px; color: #333333; padding-bottom: 25px; }
.about-main .right-about h6 { font-family: "Vollkorn", serif; font-size: 18px; line-height: 18px; color: #333333; font-style: italic; padding-bottom: 20px; }
.about-main .right-about p { font-family: 'Roboto', sans-serif; font-size: 14px; line-height: 30px; color: #333333; padding-bottom: 29px; }
.about-main .right-about .highlights { float: left; width: 100%; }
.about-main .right-about .highlights h6 { font-family: 'TrajanProRegular'; font-size: 16px; line-height: 16px; color: #9c8954; text-transform: uppercase; font-style: normal; font-weight: 700; }
.about-main .right-about .highlights ul.specific li { display: block; float: none; padding: 0 0 20px 32px; }
.about-main .right-about .img { float: left; width: auto; padding: 45px 0; text-align: left; }
.about-main .right-about .img img { display: inline-block; }
.about-main .right-about h2 { font-family: 'TrajanProRegular'; font-size: 24px; line-height: 24px; color: #333333; padding-bottom: 30px; float: left; }
.about-main .right-about p { font-family: 'Roboto', sans-serif; font-size: 14px; line-height: 30px; color: #333333; padding-bottom: 23px; clear: both; }
.room-col .title { padding: 70px 0 97px 0; }
.room-col .sort-select { float: left; width: 100%; padding: 0 0 15px 0; }
.room-col .sort-select .sort-left { float: left; padding: 0 0 0 15px; }
.room-col .sort-select .sort-left h6 { font-family: 'TrajanProRegular'; font-size: 13px; line-height: 13px; color: #464646; text-transform: uppercase; float: left; padding: 8px 9px 0 0; }
.room-col .sort-select .sort-left .selectric-wrapper { float: right; }
.room-col .sort-select .sort-left .selectric { border: 1px solid #105189; background: #f9f5ec; }
.room-col .sort-select .sort-left .selectric .button { height: 22px; width: 15px; margin-right: 5px; }
.room-col .sort-select .sort-left .selectric .button::after { border-color: #464646 transparent -moz-use-text-color; }
.room-col .sort-select .sort-left .selectric .label { height: 22px; margin: 0px 40px 0px 5px; font-family: "TrajanProBold"; font-size: 12px; line-height: 20px; color: #9C8954; font-weight: 400; }
.room-col .sort-select .select-right { float: right; }
.room-col .sort-select .select-right ul { float: right; display: block; }
.room-col .sort-select .select-right ul li { float: left; display: block; padding: 0 10px 0 0; margin: 0 10px 0 0; border-right: 1px solid #464646; }
.room-col .sort-select .select-right ul li:last-child { border-right: none; }
.room-col .sort-select .select-right ul li a { font-family: 'TrajanProRegular'; font-size: 13px; line-height: 13px; color: #464646; text-transform: uppercase; font-weight: 700; }
.room-col .sort-select .select-right ul li.active a { color: #9c8954; }
.room-col .room-block { float: none; width: 100%; margin-bottom: 3px; overflow: hidden; }
.room-col .rm-item:first-child { margin-bottom: -3px; }
.room-col .rm-item:nth-child(odd) { }
.room-col .rm-item:nth-child(even) { }
.room-col .room-block .flexslider .flex-direction-nav a { font-size: 0; }
.room-col .room-block .flex-direction-nav a { height: auto; width: auto; }
.room-col .room-block .flex-direction-nav a i { font-size: 24px; line-height: 24px; color: #f6f0e4; }
.room-col .room-block .flex-direction-nav a.flex-prev { position: absolute; bottom: 0; right: 50px; font-size: 0px; }
.room-col .room-block .flex-direction-nav a.flex-next { position: absolute; bottom: 0; right: 17px; font-size: 0px; }
.rb-slider .flex-direction-nav { height: 43px; position: absolute; bottom: 11px; left: 0px; right: 15px; }
.room-col .room-block h2 { font-family: "TrajanProBold"; font-size: 21px; line-height: 36px; color: #333; font-weight: 400; margin-top: 21px; margin-bottom: 10px; }
.room-col .room-block p { font-family: "Roboto", sans-serif; font-size: 14px; line-height: 24px; color: #333; margin-bottom: 8px; }
.room-col .room-block h6 { float: left; width: 100%; font-family: "TrajanProBold"; font-size: 11px; line-height: 30px; text-transform: uppercase; font-weight: 400; }
.room-col .room-block .price-book { float: left; width: 100%; }
.room-col .room-block .price-book span.price { float: left; font-family: 'Roboto', sans-serif; font-size: 50px; line-height: 50px; color: #9c8954; font-weight: bold; padding: 0 43px 0 0; }
.room-col .room-block .price-book span.price sup { font-size: 24px; line-height: 24px; top: -1.1em; }
.room-col .room-block .price-book .btn { font-family: 'TrajanProBold'; font-weight: 400; font-size: 14px; line-height: 30px; color: #f6f0e4; border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -webkit-border-radius: 15px; padding: 0 24px; background-color: #0d406e; text-transform: uppercase; border: none; margin-top: 3px; display: inline-block; float: left; margin-right: 24px; }
.room-col .room-block .total-des { float: left; width: 100%; border-top: 1px solid #a9a59e; border-bottom: 1px solid #a9a59e; padding: 20px 0; margin-top: 20px; }
.room-col .room-block .total-des ul { display: block; }
.room-col .room-block .total-des ul li { display: block; float: left; font-family: 'Roboto', sans-serif; font-size: 14px; line-height: 14px; color: #464646; padding: 0 46px 0 24px; position: relative; }
.room-col .room-block .total-des ul li a { color: #464646; }
.room-col .room-block .total-des ul li:last-child { padding: 0 0px 0 24px; }
.room-col .room-block .total-des ul li i { position: absolute; top: 0px; left: 0px; color: #105189; }
.slider-wrap img { line-height: 0; margin: 0; }
.room-one { display: table; padding-bottom: 123px; width: 100%; }
.room-one .rm-item { width: 100%; padding: 0; left: 0 !important; }
.flex-viewport { overflow: hidden; }
.room-col .title { padding: 70px 0px 77px; }
.room-twocol .sort-select { float: left; width: 100%; padding: 0 0 15px 0; }
.room-col .three-col { float: left; width: 100%; padding: 0 0 108px 0; }
.room-col .three-col #rooms-mason { display: block; position: relative; }
.room-col .three-col .rm-item { display: block; float: left; position: relative; overflow: hidden; margin-bottom: 50px; padding: 0 15px; width: 50%; }
.rm-mason-3col .rm-item { width: 33.3333% !important; }
.room-col .three-col .rm-mason-3col .rm-item .item .figcaption h3 { font-size: 16px; line-height: 22px; }
.room-col .three-col .rm-mason-3col .rm-item .item .figcaption { padding: 30px 15px 0 !important; }
.room-col .three-col .rm-mason-3col .rm-item .item .figcaption ul li span.des { font-size: 10px; line-height: 16px; }
.room-col .three-col .rm-mason-3col .rm-item .item .figcaption ul li span.detail { font-size: 12px; line-height: 16px; position: relative; top: -1px; }
.room-col .three-col .rm-mason-3col .rm-item .item .figcaption ul { padding: 0px; display: table; margin: -12px auto -23px; width: 245px; }
.room-col .three-col .rm-mason-3col .rm-item .item:hover img { transform: translateY(115%); }
.room-col .three-col .rm-item .item { float: left; width: 100%; background-color: #E3DED3; position: relative; }
.room-col .three-col .rm-item .item img { transition: transform 0.4s ease 0s; width: 100%; z-index: 10; }
.room-col .three-col .rm-item .item .figcaption .cap { padding-bottom: 20px; }
.room-col .three-col .rm-item .item .figcaption .cap img { transform: none; }
.room-col .three-col .rm-item .item:hover img { transform: translateY(100%); }
.room-col .three-col .rm-item .item .figcaption { bottom: auto; height: auto; left: 0; opacity: 0; padding: 46px 15px 0; position: absolute; right: 0; text-align: center; top: 0; transition: .4s; }
.room-col .three-col .rm-item .item:hover .figcaption { opacity: 1; transition: .4s; transition-delay: .3s; }
.room-col .three-col .rm-item .item:hover+.single-detail span,  .room-col .three-col .rm-item .item:hover+.single-detail h3 { opacity: 0; transition: .4s; }
.room-col .three-col .rm-item .item .figcaption h3 { color: #333333; font-family: 'TrajanProRegular'; font-size: 22px; line-height: 22px; padding-bottom: 15px; text-transform: uppercase; font-weight: 700; }
.room-col .three-col .rm-item .item .figcaption .cap > span::before,  .room-col .three-col .rm-item .item .figcaption .cap > span::after { border-top: 1px solid #464646; }
.room-col .three-col .rm-item .item .figcaption .cap > span::before,  .room-col .three-col .rm-item .item .figcaption .cap > span::after { border-top: 1px solid #464646; }
.room-col .three-col .rm-item .item .figcaption ul { padding: 0px; display: table; margin: 0px auto; width: 245px; }
.room-col .three-col .rm-item .item .figcaption ul li { display: block; float: none; padding: 0 0 2% 0; margin-bottom: 0; }
.room-col .three-col .rm-item .item .figcaption ul li:nth-child(odd),  .room-col .three-col .rm-item .item .figcaption ul li:nth-child(even) { margin: 0; }
.room-col .three-col .rm-item .item .figcaption ul li span.des { color: #333333; float: left; font-family: "TrajanProBold"; font-size: 12px; line-height: 18px; text-align: left; text-transform: uppercase; width: 50%; }
.room-col .three-col .rm-item .item .figcaption ul li span.detail { color: #333333; float: right; font-family: 'Roboto', sans-serif; font-size: 13px; line-height: 18px; text-align: left; width: 50%; }
.room-col .three-col .rm-item .item .figcaption ul li a { font-size: 14px; line-height: 14px; color: #105189; }
.room-col .three-col .rm-item .item .figcaption .btn { background-color: #0d406e; border: medium none; border-radius: 14px; color: #F6F0E4; font-family: "TrajanProBold"; font-size: 12px; font-weight: 700; line-height: 14px; margin: 36px 13px 0px; padding: 0 19px; text-align: center; text-transform: uppercase; line-height: 30px; }
.room-col .three-col .rm-item .single-detail { text-align: center; padding: 20px 0 37px 0; background-color: #e3ded3; }
.room-col .three-col .rm-item .single-detail span.plus { text-align: center; font-family: "TrajanProRegular"; font-size: 31px; line-height: 23px; color: #0d406e; font-weight: 700; margin-bottom: 15px; position: relative; top: 10px; }
.room-col .three-col .rm-item .single-detail h3 { font-family: "TrajanProBold"; font-size: 15px; line-height: 25px; color: #333; text-transform: uppercase; font-weight: 400; padding: 20px 0px 0px; margin-bottom: -10px; }
.room-three .three-col { float: left; width: 100%; }
.room-three .three-col ul li .item .figcaption h3 { font-size: 16px; line-height: 24px; }
.room-three .three-col ul li .item:hover img { transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); -webkit-transform: translateY(100%); }
.room-three .three-col ul li .item .figcaption { padding: 42px 27px 20px; }
.room-three .three-col ul li.col-md-6 .item .figcaption .btn { margin: 27px 30px 0px; }
.room-three .three-col ul li .item .figcaption .btn { margin: 27px 7px 0px; }
.dual-btns { display: table; margin: 0 auto; }
.gallery-main { float: left; width: 100%; background-color: #f9f5ec; }
.gallery-main .title { padding: 72px 0 122px 0; }
.gallery-main .title-color { float: left; width: 100%; padding: 43px 0 38px 0; }
.gallery-main .title-color h2 { padding: 0 0 0 163px; }
.gallery-main .title-color .breadcrumb { padding: 0 112px 0 0; }
.gallery-main .gallery-block { float: left; width: 100%; }
.gallery-main .gallery-block ul { display: block; }
.gallery-main .gallery-block ul li { display: block; float: left; position: relative; }
.gallery-main .gallery-block .main-room { padding: 0 0 120px 0; }
.gallery-main .gallery-block .main-room .img p { line-height: 20px; right: 84px; }
.gallery-main .gallery-block .main-room .room-detail { font-family: 'TrajanProRegular'; font-size: 14px; line-height: 40px; color: #f6f0e4; padding: 0 26px; border: 2px solid #f6f0e4; border-radius: 20px; }
.gallery-main .gallery-block .main-room .img:hover::before { border: none; top: 0; bottom: 0; }
.gallery-main .gallery-block .main-room .img:hover { overflow: hidden; }
.gallery-main .gallery-block .main-room ul li:first-child { position: relative; }
.gallery-main .gallery-block .main-room ul li:first-child .img:hover::before { background-color: none; }
.mr-head h3 { font-family: "TrajanProRegular"; font-size: 22px; line-height: 30px; color: #333; margin-bottom: 25px; }
.mr-head .cap { }
.mr-head .open-hot { }
.mr-head .open-hot h3 { font-family: 'TrajanProRegular'; font-size: 26px; line-height: 26px; color: #333333; }
.mr-head p { opacity: 1; font-family: "Vollkorn", serif; font-size: 16px !important; line-height: 22px !important; color: #333; transform: none; transition: none 0s ease 0s; font-style: italic; padding: 0 6px; margin-bottom: 19px; }
.mr-head p.second { color: #333333; font-family: "Vollkorn", serif; font-size: 18px; font-style: italic; left: 90px; line-height: 28px; opacity: 1; text-align: center; transform: none; transition: none; }
.gallery-main .gallery-block .main-room ul li:first-child .img { text-align: center; }
.gallery-main .gallery-block .main-room ul li:first-child:before { border-top: 1px solid rgba(153,148,140,0.7); border-bottom: 1px solid rgba(153,148,140,0.7); position: absolute; top: 15px; content: ""; left: 15px; opacity: 1; position: absolute; right: 15px; top: 15px; transition: none; z-index: 9999; bottom: 15px; }
.gallery-main .gallery-block .main-room .first-block { background: url(../images/Gallery/1.jpg) no-repeat; background-size: cover; padding: 30px; }
.gallery-main .gallery-block .main-room .first-block .img-detail { background-color: #f6f0e4; padding: 20px; }
.gallery-main .gallery-block .main-room .first-block .img-detail h3 { color: #333333; font-family: "TrajanProRegular"; font-size: 26px; left: 7%; line-height: 26px; right: 7%; top: 124px; }
.gallery-main .gallery-block .main-room .first-block .img-detail p { color: #333333; font-family: "Vollkorn", serif; font-size: 18px; font-style: italic; left: 77px; line-height: 28px; opacity: 1; position: absolute; right: 77px; top: 220px; transform: none; transition: none 0s ease 0s; }
.gallery-main .gallery-block .opening-pan { float: left; width: 100%; }
.find-room { float: left; width: 100%; padding: 29px 0px 16px; background-color: #105189; }
.find-room h2 { font-family: 'TrajanProBold'; font-size: 24px; line-height: 24px; color: #3f3f3f; font-weight: 400; padding-bottom: 30px; }
.find-room .form label { font-family: 'TrajanProBold'; font-size: 14px; line-height: 14px; color: #3f3f3f; text-align: left; padding-bottom: 6px; font-weight: 400; }
.find-room .input-group.date .input-group-addon { background-color: transparent; border: medium none; color: #3f3f3f; padding: 0; position: absolute; right: 23px; top: 9px; z-index: 999; }
.find-room .input-group { width: 100%; }
.find-room .form .form-control { height: 35px; border: 1px solid #a9a59e; border-radius: 0; margin-bottom: 0; }
.find-room .form .col-md-3,  .find-room .form .col-sm-3,  .find-room .form .col-md-2,  .find-room .form .col-sm-2 { padding: 0 15px 0 0; }
.find-room .form .btn { background-color: #0d406e; border: medium none; border-radius: 18px; color: #F6F0E4; display: inline-block; font-family: "TrajanProBold"; font-size: 14px; font-weight: 700; line-height: 16px; margin: 21px 0px 0px; padding: 0 30px; text-align: center; text-transform: uppercase; line-height: 36px; }
.business-main { float: left; width: 100%; background-color: #f9f5ec; }
.business-main .title-color h2 { padding: 0 0 0 163px; }
.business-main .title-color .breadcrumb { padding: 0 112px 0 0; }
.business-main .title { padding: 60px 0 79px 0; }
.business-main .business-detail { float: left; width: 100%; }
.business-main .business-detail p { font-family: 'Roboto', sans-serif; font-size: 15px; line-height: 30px; color: #333333; font-weight: normal; padding-bottom: 30px; font-weight: 400; }
.business-main .business-images { float: left; width: 100%; }
.business-main .business-images .business-block { float: left; width: 100%; background-color: #ddd5be; padding: 20px 20px 19px; position: relative; }
.business-main .business-images .business-block h2 { font-family: 'TrajanProRegular'; font-size: 26px; line-height: 26px; color: #333333; font-weight: 700; }
.business-main .business-images .business-block .inn-detail { float: left; width: 100%; border: 1px solid #CFC3A1; background-color: #E5DECC; text-align: center; padding: 40px 18px 42px; }
.business-main .business-images .business-block .inn-detail h2 { font-family: 'TrajanProBold'; font-size: 20px; line-height: 26px; color: #333333; font-weight: 400; }
.business-main .business-images .business-block .inn-detail .cap { padding: 31px 0 30px; }
.business-main .business-images .business-block .inn-detail p { font-family: "Vollkorn", serif; font-size: 14px; line-height: 21px; color: #333; font-style: italic; padding-bottom: 25px; }
.spa-main { float: left; width: 100; background-color: #f9f5ec; }
.spa-main .title-color h2 { padding: 0 0 0 163px; }
.spa-main .title-color .breadcrumb { padding: 0 112px 0 0; }
.spa-main .spa-block { float: left; width: 100%; position: relative; }
.spa-main .spa-block .spa-right { float: left; width: 100%; padding: 60px 55px; }
.spa-main .spa-block .spa-right h1 { font-family: 'TrajanProRegular'; font-size: 28px; line-height: 32px; color: #333333; padding-bottom: 20px; }
.spa-main .spa-block .spa-right h6 { font-family: "Vollkorn", serif; font-size: 18px; line-height: 18px; color: #333333; font-style: italic; padding-bottom: 39px; }
.spa-main .spa-block .spa-right p { font-family: 'Roboto', sans-serif; font-size: 14px; line-height: 30px; color: #333333; padding-bottom: 30px; }
.spa-main .spa-block .spa-right h3 { font-family: 'TrajanProRegular'; font-size: 20px; line-height: 20px; color: #105189; font-weight: 700; text-align: center; text-transform: uppercase; padding-bottom: 42px; }
.spa-main .spa-block .spa-right .sample-spa { float: left; width: 100%; padding: 228px 0 0 0; position: relative; }
.spa-main .spa-block .spa-right .sample-spa h3 { font-family: 'TrajanProRegular'; font-size: 20px; line-height: 20px; color: #333333; font-weight: 700; padding-bottom: 50px; text-align: left; }
.spa-main .spa-block .spa-right .sample-spa .table-bordered { border: 1px solid #ddd5be; }
.spa-main .spa-block .spa-right .sample-spa .table-bordered > thead { background-color: #ece7dd; }
.spa-main .spa-block .spa-right .sample-spa .table-bordered > thead > tr > th,  .spa-main .spa-block .spa-right .sample-spa .table-bordered > thead > tr > td { font-size: 16px; line-height: 16px; color: #464646; background-color: #ece7dd; border-bottom: 1px solid #c5c1ba; font-family: "TrajanProRegular"; padding: 10px 0 10px 20px; width: 90%; font-weight: 700; }
.spa-main .spa-block .spa-right .sample-spa .table-bordered > thead > tr > th,  .spa-main .spa-block .spa-right .sample-spa .table-bordered > tbody > tr > th,  .spa-main .spa-block .spa-right .sample-spa .table-bordered > tfoot > tr > th,  .spa-main .spa-block .spa-right .sample-spa .table-bordered > thead > tr > td,  .spa-main .spa-block .spa-right .sample-spa .table-bordered > tbody > tr > td,  .spa-main .spa-block .spa-right .sample-spa .table-bordered > tfoot > tr > td { border: 1px solid #ddd5be; }
.spa-main .spa-block .spa-right .sample-spa .table-bordered tbody tr td { color: #464646; font-family: "Roboto", sans-serif; font-size: 15px; line-height: 40px; padding: 0 0 0 20px; }
.spa-main .spa-block .spa-right .sample-spa img { position: absolute; top: 135px; right: 0; }
.spa-main .spa-img-bot { float: left; width: 100%; position: relative; background: url("../images/spa/7.jpg") no-repeat center; height: 622px; }
.spa-main .spa-img-bot img { max-width: inherit; width: 100%; }
.spa-main .spa-img-bot .spa-natural { display: block; position: absolute; top: 67px; left: 265px; width: 451px; background-color: rgba(246,240,220,0.8); text-align: center; padding: 55px 48px 70px; z-index: 9; border: 1px solid #fcfbf9; }
.spa-main .spa-img-bot .spa-natural h2 { font-family: 'TrajanProRegular'; font-size: 26px; line-height: 26px; color: #333333; font-weight: 700; }
.spa-main .spa-img-bot .spa-natural .cap { padding: 32px 0 46px 0; }
.spa-main .spa-img-bot .spa-natural p { font-family: "Vollkorn", serif; font-size: 18px; line-height: 28px; color: #333333; padding-bottom: 25px; font-style: italic; }
.dining-main { float: left; width: 100; background-color: #f9f5ec; }
.dining-main .title-color h2 { padding: 0 0 0 163px; }
.dining-main .title-color .breadcrumb { padding: 0 112px 0 0; }
.dining-main .dining-block { width: 100%; display: table; }
.dining-main .dining-block ul { display: block; }
.dining-main .dining-block ul li { padding: 0; display: block; }
.dining-main .dining-block ul li a { display: block; }
.dining-main .dining-block ul li a img { width: auto; }
.dining-main .dining-block .dining-right { float: left; width: 100%; padding: 55px 25px; }
.dining-main .dining-block .dining-right h1 { font-family: 'TrajanProRegular'; font-size: 28px; line-height: 32px; color: #333333; padding-bottom: 20px; }
.dining-main .dining-block .dining-right h6 { font-family: "Vollkorn", serif; font-size: 18px; line-height: 18px; color: #333333; font-style: italic; padding-bottom: 39px; }
.dining-main .dining-block .dining-right p { font-family: 'Roboto', sans-serif; font-size: 14px; line-height: 30px; color: #333333; padding-bottom: 30px; }
.dining-main .dining-block .dining-right h2 { font-family: 'TrajanProRegular'; font-size: 24px; line-height: 24px; color: #333333; font-weight: 700; }
.dining-main .dining-block .dining-right .menu-sample { float: left; width: 100%; padding-top: 36px; }
.dining-main .dining-block .dining-right .menu-sample .nav-tabs { background-color: #9c8954; }
.dining-main .dining-block .dining-right .menu-sample .nav-tabs > li > a { font-family: "TrajanProBold"; font-size: 13px; line-height: 14px; color: #FFF; font-weight: 400; }
.dining-main .dining-block .dining-right .menu-sample .nav > li > a { padding: 22px 9px; position: relative; }
.dining-main .dining-block .dining-right .menu-sample .nav-tabs > li.active > a,  .dining-main .dining-block .dining-right .menu-sample .nav-tabs > li.active > a:hover,  .dining-main .dining-block .dining-right .menu-sample .nav-tabs > li.active > a:focus { background-color: transparent; border: 1px solid #9c8954; border-image: none; color: #ffffff; border-bottom: none; }
.dining-main .dining-block .dining-right .menu-sample .nav-tabs > li.active > a:after,  .dining-main .dining-block .dining-right .menu-sample .nav-tabs > li.active > a:hover:after,  .dining-main .dining-block .dining-right .menu-sample .nav-tabs > li.active > a:focus:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(156, 137, 84, 0); border-top-color: #9c8954; border-width: 16px; margin-left: -16px; z-index: 99; }
.tab-content .nav-tabs > li.active > a:after { display: none; }
.dining-main .dining-block .dining-right .menu-sample .nav > li > a:hover,  .dining-main .dining-block .dining-right .menu-sample .nav > li > a:focus { background-color: transparent; border: 1px solid #9c8954; border-bottom: none; }
.dining-main .dining-block .dining-right .menu-sample .inside-menu { float: left; width: 100%; }
.dining-main .dining-block .dining-right .menu-sample .nav-tabs { border-bottom: none; }
.dining-main .dining-block .dining-right .menu-sample .inside-menu .nav-tabs { background-color: transparent; }
.dining-main .dining-block .dining-right .menu-sample .inside-menu .nav-tabs > li > a { font-family: 'TrajanProRegular'; font-size: 14px; line-height: 14px; color: #464646; font-weight: 700; text-transform: uppercase; }
.dining-main .dining-block .dining-right .menu-sample .inside-menu .nav-tabs > li.active > a,  .dining-main .dining-block .dining-right .menu-sample .inside-menu .nav-tabs > li.active > a:hover,  .dining-main .dining-block .dining-right .menu-sample .inside-menu .nav-tabs > li.active > a:focus { color: #464646; border-color: #F9F5EC; }
.dining-main .dining-block .dining-right .menu-sample .inside-menu .nav > li > a:hover,  .dining-main .dining-block .dining-right .menu-sample .inside-menu .nav > li > a:focus { color: #464646; border-color: #F9F5EC; }
.dining-main .dining-block .dining-right .menu-sample .inside-menu .nav > li > a { padding: 49px 18px 8px; position: relative; }
#starters { padding: 0 25px; }
.dining-block { position: relative; }
.db-image { position: absolute; top: 0; left: 0px; width: 50%; height: 100%; }
.dbi-inner .col-md-6 { height: 100%; }
.db-image .dbi-inner { height: 33.33333%; position: absolute; width: 100%; top: 0; left: 0; background-size: cover !important; }
.db-image .dbi-inner:nth-child(2) { height: 33.33333%; position: absolute; width: 100%; top: 33.33333%; left: 0; }
.db-image .dbi-inner:nth-child(3) { height: 33.33333%; position: absolute; width: 100%; top: 66.66666%; left: 0; }
.db-image li .col-md-6 { height: 100vh; }
.db-image li img { }
.dining-main .dining-block .dining-right .menu-sample .inside-menu .nav-tabs > li.active > a:after,  .dining-main .dining-block .dining-right .menu-sample .inside-menu .nav-tabs > li.active > a:hover:after,  .dining-main .dining-block .dining-right .menu-sample .inside-menu .nav-tabs > li.active > a:focus:after { content: inherit; }
.dining-main .dining-block .dining-right .menu-sample .inside-menu .nav-tabs > li.active > a:before,  .dining-main .dining-block .dining-right .menu-sample .inside-menu .nav-tabs > li.active > a:hover:before,  .dining-main .dining-block .dining-right .menu-sample .inside-menu .nav-tabs > li.active > a:focus:before { position: absolute; bottom: 0; left: 40%; right: 40%; top: auto; border-bottom: solid; border-color: #9c8954; content: ""; }
.dining-main .dining-block .dining-right .menu-sample .inside-menu .nav-tabs { margin-bottom: 51px; }
.dining-main .dining-block .dining-right .menu-sample .inside-menu p { font-family: "Vollkorn", serif; font-size: 16px; line-height: 20px; color: #464646; text-align: left; font-style: italic; width: 100%; float: left; padding: 0 150px 0 0; }
.dining-main .dining-block .dining-right .menu-sample .inside-menu p.title { text-align: center; float: none; padding: 0 0 47px 0; }
.dining-main .dining-block .dining-right .menu-sample .inside-menu ul.detail { display: block; }
.dining-main .dining-block .dining-right .menu-sample .inside-menu ul.detail li { display: block; text-align: left; float: left; padding-bottom: 30px; }
.dining-main .dining-block .dining-right .menu-sample .inside-menu ul.detail li h3 { float: left; font-family: 'TrajanProRegular'; font-size: 18px; line-height: 30px; color: #464646; font-weight: 700; }
.dining-main .dining-block .dining-right .menu-sample .inside-menu ul.detail li span.price { float: right; font-family: 'TrajanProRegular'; font-size: 16px; line-height: 16px; color: #464646; font-weight: 700; text-align: right; text-transform: uppercase; }
.dining-main .dining-block .dining-right .menu-sample .inside-menu .sauce-steak { text-align: center; padding: 25px 0 0 0; }
.dining-main .dining-block .dining-right .menu-sample .inside-menu .sauce-steak h6 { font-family: 'TrajanProRegular'; font-size: 12px; line-height: 12px; color: #9c8954; text-transform: uppercase; font-style: normal; }
.dining-main .dining-block .dining-right .menu-sample .inside-menu .sauce-steak ul.sauce { display: block; }
.dining-main .dining-block .dining-right .menu-sample .inside-menu .sauce-steak ul.sauce li { font-family: "Vollkorn", serif; font-size: 16px; line-height: 20px; color: #464646; text-align: center; display: block; }
.dining-right h5 { font-family: TrajanProbold; font-size: 24px; font-weight: 400; color: #333; margin-top: 25px; }
/* 19. 404 Page */







.error-page { float: left; width: 100%; padding: 144px 101px; }
.error-page .error-bg { float: left; width: 100%; background-color: #e3ded3; position: relative; }
.error-page .error-bg .error-detial { float: left; width: 100%; text-align: center; padding: 95px 40px; }
.error-page .error-bg .error-detial h1.error { font-family: 'TrajanProRegular'; font-size: 90px; line-height: 90px; color: #464646; font-weight: 700; }
.error-page .error-bg .error-detial .title { padding: 30px 0 67px 0; }
.error-page .error-bg .error-detial .cap { padding: 0; }
.error-page .error-bg .error-detial h1.top-line { font-family: 'TrajanProRegular'; font-size: 30px; line-height: 30px; color: #333333; font-weight: 700; text-transform: uppercase; padding-bottom: 65px; }
.error-page .error-bg .error-detial p { font-family: 'Roboto', sans-serif; font-size: 15px; line-height: 30px; color: #333333; font-weight: 400; padding: 0 0 50px; }
.error-page .error-bg .error-detial ul { display: table; border: 2px solid #a9a59e; float: none; margin-right: auto; margin-left: auto; margin-bottom: 9px; min-width: 85%; max-width: 100%; }
.error-page .error-bg .error-detial ul li { display: block; float: left; line-height: 42px; border-right: 1px solid #a9a59e; padding: 0; }
.error-page .error-bg .error-detial ul li a { font-family: 'TrajanProRegular'; font-size: 13px; color: #464646; text-transform: uppercase; padding: 0 15px; }
.error-page .error-bg .error-detial ul li:last-child { border: none; }
.error-page .error-bg .error-detial .links { float: left; width: 100%; padding: 0px; }
.error-page .error-bg .error-detial .links-second { float: left; width: 100%; }
.error-img { background: url(../images/404/1.jpg) no-repeat; background-size: cover; background-position: left center; position: absolute; top: 0; left: 0px; width: 50%; height: 100%; }
.sidepanel { float: left; width: 100%; background-color: #f9f5ec; }
.sidepanel .special-offer { background-color: #f9f5ec; }
.promotion-main { float: left; width: 100%; background-color: #f9f5ec; }
.promotion-main .title-color h2 { padding: 0 0 0 163px; }
.promotion-main .title-color .breadcrumb { padding: 0 112px 0 0; }
.promotion-block { float: left; width: 100%; padding: 71px 0 108px 0; }
.promotion-block .title { padding-bottom: 102px; }
.promotion-block .title p { padding: 0 123px; }
.promotion-block .offers { float: left; width: 100%; border: 1px solid #a9a59e; position: relative; margin-bottom: 54px; }
.promotion-block .offer-side { float: left; width: 100%; padding: 30px 50px 32px 0; }
.promotion-block .offer-side .top-pan { float: left; width: 100%; padding-bottom: 25px; position: relative; }
.promotion-block .offer-side .top-pan h2 { font-family: 'TrajanProRegular'; font-size: 24px; line-height: 24px; color: #333333; font-weight: 700; float: left; padding-top: 1px; }
.promotion-block .offer-side .top-pan .btn { font-family: "TrajanProBold"; font-weight: 400; font-size: 14px; line-height: 30px; color: #F6F0E4; border-radius: 15px; padding: 0 23px; background-color: #0d406e; border: medium none; float: right; position: absolute; top: 0px; right: 0px; opacity: 1; text-transform: uppercase; }
.off-img { margin-bottom: -2px; }
.off-img-active { margin: 32px; display: none; }
.active .off-img-active { display: block; }
.on-img-active { margin: 0; width: 100%; margin-bottom: -4px; }
.active .on-img-active { display: none; }
.btn-hidden,  .active .btn-active,  .offer-content { display: none; cursor: pointer; }
.active .btn-hidden,  .active .offer-content { display: block; }
.offer-expand { cursor: pointer; }
.promotion-block .offer-side .top-pan .book-btn { font-family: 'TrajanProBold'; font-weight: 400; font-size: 14px; line-height: 14px; color: #f6f0e4; border-radius: 14px; -moz-border-radius: 15px; -ms-border-radius: 15px; -webkit-border-radius: 15px; padding: 11px 23px; background-color: #0d406e; text-transform: uppercase; border: none; float: right; position: absolute; top: 0; right: 0; opacity: 0; text-transform: uppercase; }
.promotion-block .offer-side p { font-family: 'Roboto', sans-serif; font-size: 14px; line-height: 28px; color: #423329; font-weight: 400; }
.promotion-block a.toggle-btn { padding: 0 16px; display: block; border: 1px solid #ABA7A0; text-align: center; right: 82px; border-radius: 50%; background-color: #F9F5EC; position: absolute; bottom: -27px; z-index: 777; height: 55px; width: 54px; line-height: 67px; }
.promotion-block a.toggle-btn i { font-size: 36px; color: #0d406e; }
.promotion-block .offer-side h4 { font-family: 'TrajanProRegular'; font-size: 16px; line-height: 16px; color: #9c8954; font-weight: 700; padding-top: 26px; padding-bottom: 14px; }
.promotion-block .offer-side ul { display: block; }
.promotion-block .offer-side ul li { display: block; float: left; background-color: #ece7dd; padding: 13px 38px 9px 38px; font-family: 'Roboto', sans-serif; font-size: 14px; line-height: 14px; color: #333333; position: relative; width: 100%; margin-bottom: 7px; }
.promotion-block .offer-side ul li:before { background-image: url(../images/point-cap.png); background-position: left center; content: ""; height: 11px; left: 12px; position: absolute; top: 12px; width: 14px; }
.promotion-block .offer-side .valid-box { float: left; width: 100%; border: 1px solid #a9a59e; margin-bottom: 37px; margin-top: 30px; }
.promotion-block .offer-side .valid-box .left-valid { float: left; width: 60%; padding: 32px 0; text-align: center; }
.promotion-block .offer-side .valid-box .left-valid h5 { font-family: 'TrajanProRegular'; font-size: 14px; line-height: 30px; color: #9c8954; font-weight: 700; text-transform: uppercase; }
.promotion-block .offer-side .valid-box .left-valid h3 { font-family: 'TrajanProRegular'; font-size: 20px; line-height: 20px; color: #9c8954; font-weight: 700; }
.promotion-block .offer-side .valid-box .right-valid { padding: 32px 0; float: right; width: 30%; background-color: #333333; text-align: center; }
.promotion-block .offer-side .valid-box .right-valid h6 { font-family: 'TrajanProRegular'; font-size: 12px; line-height: 30px; color: #a5a297; text-transform: uppercase; font-weight: 700; }
.promotion-block .offer-side .valid-box .right-valid h3 { font-family: 'TrajanProRegular'; font-size: 20px; line-height: 20px; color: #d3be83; font-weight: 700; text-transform: uppercase; }
.activitie-main { float: left; width: 100%; background-color: #f9f5ec; }
.activitie-main .title-color h2 { padding: 0 0 0 163px; }
.activitie-main .title-color .breadcrumb { padding: 0 112px 0 0; }
.activitie-block { float: left; width: 100%; padding: 71px 0 108px 0; }
.activitie-block .title { padding-bottom: 102px; }
.activitie-block .title p { padding: 0 123px; }
.activities { float: left; width: 100%; border: 1px solid #a9a59e; margin-bottom: 21px; }
.activities .row .col-md-6:first-child { padding-right: 0; }
.activities .row .col-md-6:nth-child(2) { padding-left: 0px; padding-top: 21px; padding-bottom: 60px; height: 83.4vh; }
.activities .row { margin: 0px; }
.activities .row .col-md-6:nth-child(2) .visitor { position: absolute; bottom: -26px; left: 0px; right: 0px; width: 100%; float: none; display: table; }
.activities .img { float: left; width: 100%; position: relative; }
.activities .img img { width: 100%; position: relative; }
.activities .img:hover:after { content: ""; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(70,70,70,0.2); position: absolute; }
.activities .img .btn { font-family: 'TrajanProBold'; font-weight: 400; font-size: 14px; line-height: 14px; color: #f6f0e4; border-radius: 14px; -moz-border-radius: 15px; -ms-border-radius: 15px; -webkit-border-radius: 15px; padding: 10px 30px; background-color: #0d406e; text-transform: uppercase; border: none; float: right; position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); opacity: 0; text-transform: uppercase; }
.activities .img:hover .btn { font-family: 'TrajanProBold'; font-weight: 400; font-size: 14px; line-height: 14px; color: #f6f0e4; border-radius: 14px; -moz-border-radius: 15px; -ms-border-radius: 15px; -webkit-border-radius: 15px; padding: 10px 30px; background-color: #0d406e; text-transform: uppercase; border: none; float: right; position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); opacity: 1; text-transform: uppercase; }
.activities .right-activ { float: left; width: 100%; padding: 28px 26px 12px 30px; }
.activities .right-activ h2 { font-family: 'TrajanProRegular'; font-size: 24px; line-height: 24px; color: #333333; padding-bottom: 19px; text-align: left; }
.activities .right-activ .star { float: left; width: 100%; }
.activities .right-activ .star ul { display: block; }
.activities .right-activ .star ul li { display: block; float: left; }
.activities .right-activ .star ul li a i { font-size: 15px; line-height: 14px; color: #9C8954; margin-right: 2px; margin-bottom: 7px; }
.activities .right-activ .review { float: left; width: 100%; padding-bottom: 30px; }
.activities .right-activ .review ul { display: block; }
.activities .right-activ .review ul li { display: block; float: left; padding-right: 3px; margin-right: 4px; border-right: 2px solid #423329; font-size: 11px; line-height: 11px; font-family: 'Roboto', sans-serif; }
.activities .right-activ .review ul li:last-child { border: none; }
.activities .right-activ .review ul li a { color: #423329; }
.activities .right-activ p { font-family: 'Roboto', sans-serif; font-size: 14px; line-height: 28px; color: #423329; font-weight: 400; padding-bottom: 23px; text-align: left; }
.activities .right-activ .include { float: left; width: 100%; }
.activities .right-activ .include h4 { font-family: 'TrajanProRegular'; font-size: 16px; line-height: 16px; color: #9c8954; text-transform: uppercase; padding-bottom: 19px; font-weight: 400; }
.activities .right-activ .include ul { display: block; }
.activities .right-activ .include ul li { display: block; font-family: 'Vollkorn', serif; font-size: 17px; line-height: 28px; font-style: italic; color: #333333; position: relative; padding: 0 0 0 26px; }
.activities .right-activ .include ul li:before { background-image: url(../images/point-cap.png); background-position: left center; content: ""; height: 11px; left: 0; position: absolute; top: 8px; width: 14px; }
.activities .right-activ .activ-botpan { float: left; width: 100%; padding-top: 48px; }
.activities .right-activ .activ-botpan .active-left { float: left; }
.activities .right-activ .activ-botpan .active-left ul { display: block; }
.activities .right-activ .activ-botpan .active-left ul li { display: block; float: left; padding-right: 24px; }
.activities .right-activ .activ-botpan .active-left ul li a { display: block; font-size: 24px; line-height: 24px; color: #9c8954; }
.activities .right-activ .activ-botpan .active-right { float: right; }
.activities .visitor { background-color: #e1ddd4; }
.activitie-block .button { float: left; width: 100%; text-align: center; }
.activitie-block .button .btn { font-family: 'TrajanProBold'; font-weight: 400; font-size: 14px; line-height: 30px; color: #f6f0e4; border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -webkit-border-radius: 15px; padding: 0 28px; background-color: #0d406e; text-transform: uppercase; border: none; float: none; text-transform: uppercase; margin-top: 29px; text-align: center; display: inline-block; }
.activitie-cal { float: left; width: 100%; padding: 115px 0 0 0; }
.activitie-cal .main-cal { background: #ece7dd; padding-bottom: 44px; border: 1px solid #C5C1BA; margin-top: 0; }
.activitie-cal .main-cal .cal tbody { background-color: #ece7dd; }
.activitie-cal .main-cal .cal tbody tr td { display: inline-block; float: left; margin: 5px; position: relative; }
.activitie-cal .main-cal .cal tbody td { border: none; background-color: #f4f3ef; }
.activitie-cal .main-cal .cal th { width: 14.28%; height: 14.28%; }
.activitie-cal .main-cal .cal td { width: 13.28%; }
.activitie-cal .main-cal .cal thead { float: left; width: 100%; }
.activitie-cal .main-cal .cal thead tr { float: left; width: 100%; }
.activitie-cal .main-cal .cal thead tr th { width: 13.28%; display: inline-block; }
.activitie-cal .main-cal .cal tbody { float: left; width: 100%; padding: 5px 0 5px 5px; }
.activitie-cal .main-cal .cal tbody tr { float: left; width: 100%; padding: 19px 12px 0px 20px !important; margin-bottom: -18px; }
.activitie-cal .main-cal .cal td a { height: 150px; line-height: 28px; text-align: left; padding-left: 16px; font-family: 'TrajanProRegular'; font-weight: 700; font-size: 24px; line-height: 44px; color: #333333; }
.activitie-cal .main-cal .cal td.off a { display: block; font-size: 0; }
.activitie-cal .main-cal .cal td.mc-tooltip .detail { position: absolute; left: 6px; bottom: 16px; }
.activitie-cal .main-cal .cal td.mc-tooltip .detail h6 { font-family: "TrajanProBold"; font-size: 13px; line-height: 17px; color: #5C4739; text-transform: uppercase; font-weight: 400; padding: 0 5px; }
.activitie-cal .main-cal .cal td.mc-tooltip .detail h6 span { display: block; font-family: 'Roboto', sans-serif; font-size: 14px; line-height: 14px; color: #9c8954; font-weight: 400; margin-top: 4px; }
.activitie-cal .main-cal .cal td a:hover,  .activitie-cal .main-cal .cal td.off a { background-color: #f4f3ef; }
.activitie-cal .main-cal .cal caption { position: relative; }
.activitie-cal .main-cal .cal caption a { background-color: #105189; color: #ffffff; font-size: 24px; line-height: 32px; border-radius: 50%; position: absolute; }
.activitie-cal .main-cal .cal caption a.prev { top: 10px; left: 12px; padding: 0 14px 0 10px; }
.activitie-cal .main-cal .cal caption a.next { top: 10px; right: 12px; padding: 0 10px 0 14px; }
/* 20. Footer */







#footer { float: left; width: 100%; text-align: center; padding: 30px 0 18px 0px; background-color: #333333; border-top: 5px solid #105189; }
#footer .footer { float: left; width: 100%; padding-bottom: 14px; }
#footer .footer h4.title { font-family: 'TrajanProBold'; font-size: 16px; line-height: 16px; color: #105189; text-transform: uppercase; padding-bottom: 21px; text-align: left; }
#footer .footer ul { display: block; float: left; }
#footer .footer ul li { display: block; text-align: left; font-family: 'Roboto', sans-serif; font-size: 13px; line-height: 18px; color: #a5a299; }
#footer .footer .f-block1 { float: left; width: 100%; text-align: center; }
#footer .footer .f-block1 ul { padding: 0 0 0 17px; }
#footer .footer .f-block1 ul li { padding-bottom: 10px; }
#footer .footer .f-block1 ul li:first-child { padding-bottom: 20px; }
#footer .footer .f-block1 img { display: inline-block; text-align: center; margin-bottom: 43px; }
#footer .footer .f-block1 ul li span.specific { font-family: 'TrajanProBold'; font-size: 13px; line-height: 13px; text-transform: uppercase; text-align: left; }
#footer .footer .f-block1 ul li p { font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 13px; line-height: 18px; color: #a5a299; text-align: left; }
#footer .footer .f-block1 ul li a { font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 13px; line-height: 18px; color: #a5a299; text-align: left; }
#footer .footer .f-block2 { float: left; width: 100%; padding: 0 54px 0 29px; text-align: left; }
#footer .footer .f-block2 .links { float: left; width: 100%; padding-bottom: 28px; }
#footer .footer .f-block2 .links ul li a { color: #a5a299; }
#footer .footer .f-block2 .tweet { float: left; width: 100%; }
#footer .footer .f-block2 .tweet ul li { }
#footer .footer .f-block2 .tweet ul li a { color: #105189; padding-right: 6px; }
#footer .footer .f-block3 { float: left; width: 100%; padding: 0; margin: 0 0 0 -30px; }
#footer .footer .f-block3 .date { float: left; width: 100%; padding: 0 0 40px 0; }
#footer .footer .f-block3 p { font-family: "Roboto", sans-serif; font-size: 13px; line-height: 30px; color: #A5A299; float: left; margin-top: -8px; margin-bottom: 5px; }
.enjoy p { position: relative; top: -12px; margin-top: 0px !important; }
#footer .footer .f-block3 .date .input-group { clear: both; float: left; width: 100%; }
#footer .footer .f-block3 .date .form-control { background-color: transparent; border: 1px solid #727272; border-radius: 0; }
#footer .footer .f-block3 .date .form-control:focus { box-shadow: none; }
#footer .footer .f-block3 .date .btn-default { background-color: #0d406e; border-radius: 0; border: 1px solid #0d406e; color: #fff; }
#footer .footer .f-block3 .date .btn-default i { color: #fff; font-size: 16px; }
#footer .footer .f-block3 .social { float: left; width: 100%; padding-bottom: 43px; }
#footer .footer .f-block3 .social ul { display: block; float: left; }
#footer .footer .f-block3 .social ul li { float: left; display: block; margin-right: 10px; position: relative; }
#footer .footer .f-block3 .social ul li:last-child { margin-right: 0; }
#footer .footer .f-block3 .social ul li a { height: 34px; width: 34px; font-size: 18px; line-height: 32px; border: 1px solid #727272; text-align: center; color: #a5a297; display: table; }
#footer .footer .f-block3 .social ul li a i { position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }
#footer .footer .f-block3 .social ul li:hover a { border: 1px solid #9c8954; color: #105189; }
#footer .footer .f-block3 .enjoy { float: left; width: 100%; position: relative; }
#footer .footer .f-block3 .enjoy img { margin: 0px 0px 0px 20px; position: relative; top: -1px; float: right; }
#footer .footer .f-block4 { float: left; width: 100%; }
#footer .footer .f-block4 .form { float: left; width: 100%; clear: both; }
#footer .footer .f-block4 .form-control { box-shadow: none; background-color: transparent; border-radius: 0; border: 1px solid #727272; font-family: 'TrajanProRegular'; font-size: 12px; line-height: 15px; padding: 9px 8px; text-transform: uppercase; width: 100%; margin-bottom: 9px; }
#footer .footer .f-block4 input[type="text"] { height: 33px; }
#footer .footer .f-block4 input[type="email"]:focus,  #footer .footer .f-block4 input[type="text"]:focus,  #footer .footer .f-block4 textarea:focus { color: #fff; }
#footer .footer .f-block4 textarea { height: 107px; width: 100%; resize: vertical; }
.btn { font-weight: 400 !important; }
#footer .footer .f-block4 .btn { font-family: 'TrajanProBold'; font-weight: 700; font-size: 14px; color: #f6f0e4; border-radius: 14px; -moz-border-radius: 14px; -ms-border-radius: 14px; -o-border-radius: 14px; -webkit-border-radius: 14px; padding: 0px 23px; background-color: #0d406e; text-transform: uppercase; border: none; display: block; text-align: left; margin-top: 4px; line-height: 28px; }
#footer .cap { padding-bottom: 0; }
#footer .cap > span::before, #footer .cap > span::after { border: 1px solid #6c6b66; }
#footer .footer-bot { float: left; width: 100%; padding: 14px 0 18px; }
#footer .footer-bot ul { float: left; display: block; }
#footer .footer-bot ul li { display: block; float: left; padding-right: 6px; margin-right: 6px; font-size: 12px; line-height: 11px; border-right: 2px solid #A5A299; padding-bottom: 1px; }
#footer .footer-bot ul li:last-child { border: none; }
#footer .footer-bot ul li a { font-family: 'Roboto', sans-serif; color: #a5a299; }
#footer .footer-bot p { float: right; font-family: 'Roboto', sans-serif; font-size: 12px; line-height: 12px; color: #a5a299; }
.pages #wrapper { padding-top: 134px; }
.main-cal.cal-big .cal caption { background: #464646 none repeat scroll 0% 0%; font-family: "TrajanProBold"; font-size: 30px; line-height: 18px; color: #FDFAF5; text-transform: uppercase; padding: 0; font-weight: 400; height: 130px; line-height: 130px; }
.activitie-cal .main-cal.cal-big .cal caption { margin: -6px -1px 0px; }
.activitie-cal .main-cal.cal-big .cal caption a { background-color: #AF9A5F; color: #FFF; font-size: 24px; line-height: 32px; border-radius: 50%; position: absolute; text-shadow: none; margin-top: 40px; }
.activitie-cal .main-cal.cal-big .cal caption a.prev { left: 20px; }
.activitie-cal .main-cal.cal-big .cal caption a.next { right: 20px; }
.activitie-cal .main-cal.cal-big .cal thead { float: left; width: 100%; height: 50px; line-height: 50px; background: #d0ccc2; }
.activitie-cal .main-cal.cal-big .cal thead th { font-size: 20px; color: #423329; }
.activitie-cal .main-cal.cal-big .cal tbody { float: left; width: 100%; padding: 5px 10px 20px 15px; }
.mc-tooltip { height: 150px; text-align: left !important; }
.mc-popup { -webkit-box-shadow: 0 12px 12px rgba(0,0,0,.2); -moz-box-shadow: 0 12px 12px rgba(0,0,0,.2); box-shadow: 0 12px 12px rgba(0,0,0,.2); width: 360px; height: 236px; background: #f4f3ef; border: 1px solid #bbb5ae; padding: 22px; position: absolute; z-index: 9999; bottom: 175px; opacity: 0; visibility: hidden; transition: .4s; }
.mc-popup-right { right: 0; }
.mc-tooltip:hover .mc-popup { bottom: 160px; opacity: 1; visibility: visible; transition: .4s; }
.mc-popup:after { content: ""; background: url(../images/mc-bubble.png) no-repeat; width: 29px; height: 15px; position: absolute; bottom: -15px; left: 25px; }
.mc-popup.mc-popup-right:after { bottom: -15px; left: auto; right: 25px; }
.mc-popup img { float: left; }
.mcp-inner { margin-left: 180px; }
.mcp-inner h2 { font-family: TrajanProBold; font-size: 16px; font-weight: 400; color: #5c4739; margin: 0 0 15px; }
.mcp-inner h4 { font-family: TrajanProBold; font-size: 15px; font-weight: 400; color: #5c4739; margin: 0 0 10px; line-height: 17px; }
.mcp-inner span { font-family: Roboto; font-size: 14px; color: #9c8954; font-weight: 400; margin: 0 0 12px; display: table; }
.mcp-inner p { font-family: Roboto; font-size: 13px; color: #5C4739; margin: 0px; font-weight: 400; line-height: 17px; word-break: break-all; word-spacing: 2px; }
.welcome,  .accomodation,  .room-offer { position: relative; z-index: 9999; }
#content.blog { float: none; width: 100%; max-width: 1500px; margin: 0 auto; }
#wrapper.wrapper-dark { background: url(../images/pattern-bg.png); }
.main-grid .col-md-8 { width: 72%; }
.main-grid .col-md-4 { width: 28%; }
.main-blog-grid .col-md-4 { width: 33.33333%; }
.post-img .col-md-5,  .post-img .col-md-7,  .post-img .col-md-12 { padding: 0 5px; }
.reservation .row .col-md-6:first-child { padding: 0px 7px 0px 15px; }
.reservation .row .col-md-6:nth-child(2) { padding: 0px 15px 0px 7px; }
/* 6. ========== Footer End Here==========*/







.pre-header { position: absolute; top: 20px; right: 20px; z-index: 8888; transition: .4s; opacity: 1; visibility: visible; transition-delay: .3s; }
.ph-hide { transition: .4s; opacity: 0; visibility: hidden; }
.pre-header ul li { float: left; font-family: 'TrajanProBold'; font-weight: 400; font-size: 14px; line-height: 30px; }
.ph-tel { margin-right: 38px; color: #a5a297; }
.ph-tel img { margin-right: 15px; position: relative; top: 5px; }
.ph-chat { margin-right: 38px; text-transform: uppercase; color: #a5a297; }
.ph-chat img { margin-right: 9px; position: relative; top: 5px; }
.ph-weather { margin-right: 24px; font-size: 20px !important; color: #a5a297; }
.ph-weather img { margin-right: 8px; position: relative; top: 2px; }
.ph-search { margin-left: 20px; }
.ph-social div a { width: 36px; height: 36px; line-height: 34px; border: 1px solid #a5a297; font-size: 18px; color: #a5a297; text-align: center; }
.ph-social div a:hover { border: 1px solid #105189; color: #105189; }
.ph-search span { padding: 10px 10px 10px 5px; display: inline-block; color: #a5a297; font-size: 16px; }
#mobnav-btn { display: none; font-size: 25px; font-weight: 400; text-transform: uppercase; letter-spacing: 3px; /*background-color: #464646;*/



color: #FFF; padding: 25px 0; cursor: pointer; width: 80%; }
#mobnav-btn i { float: right; position: relative; top: 2px; }
.mobnav-subarrow { display: none; }
.sf-menu,  .sf-menu li.sf-mmenu { position: static !important; }
.sf-mega { width: 100%; padding: 25px; box-shadow: none; background: #f9f5ec; border-top: 5px solid #a28e58; -webkit-box-shadow: 0 3px 5px rgba(0,0,0,.25); -moz-box-shadow: 0 3px 5px rgba(0,0,0,.25); box-shadow: 0 3px 5px rgba(0,0,0,.25); }
.sf-mega-section { float: left; margin-right: 0px; border-right: 1px solid rgba(125,110,67,0.1); width: 25%; padding: 0 35px; }
.sf-menu .sf-mega { position: absolute; display: none; top: 100%; left: 0px; z-index: 99; max-width: 1130px; margin: 0 auto; right: 0; }
.sf-mega-section:last-child { border-right: none; }
.sf-menu ul { box-shadow: none; background: #f9f5ec; border-top: 5px solid #a28e58; padding-top: 13px; padding-bottom: 27px; -webkit-box-shadow: 0 3px 5px rgba(0,0,0,.25); -moz-box-shadow: 0 3px 5px rgba(0,0,0,.25); box-shadow: 0 3px 5px rgba(0,0,0,.25); }
.sf-menu ul li { background: transparent !important; border: none; }
.sf-menu ul li a { color: #3f3f3f; font-size: 16px; border: none; padding: 19px 33px; font-family: 'TrajanProBold'; font-weight: 400; text-transform: uppercase; }
.sf-menu ul li a:hover { background: #e3ded3; color: #3f3f3f; }
.sf-menu ul li:last-child { border: none; }
.sf-menu ul li:hover { }
.sf-mega-section span a { border: medium none; color: #3F3F3F; padding: 11px 20px; display: block; font-family: "TrajanProBold"; font-weight: 400; text-transform: uppercase; font-size: 12px; }
.sf-mega-section span a:hover { color: #3F3F3F; background: #e3ded3; }
.sf-mega-section h2 { font-size: 17px; margin: 0 0 15px; color: #fff; font-weight: 400; }
.menu-wrap { }
.sf-menu > li { background: transparent !important; }
.sf-menu > li:first-child:after { display: none; }
.sf-menu > li > a { border-left: none; border-top: none; padding: 53px 21px 58PX; text-decoration: none; text-transform: uppercase; font-family: TrajanPro; font-size: 16px; color: #fff; font-weight: 400; }
.sf-menu > li > a:hover { background: transparent !important; color: #eeeeee; }
.sf-menu > li:hover { background: #363636 !important; }
.sf-menu { float: none; width: auto; display: table; margin: 0; float: left; }
.ss-content { background: rgba(255,255,255,0.8); position: fixed; height: 100%; width: 100%; z-index: 999999999; top: 0; left: 0; right: 0; visibility: hidden; opacity: 0; transition: .4s; }
.ss-content-act { visibility: visible; opacity: 1; }
.ssc-inner { height: 100vh; display: table; margin: 0 auto; width: 50%; }
.ssc-inner form { display: table-cell; vertical-align: middle; margin: auto; position: relative; font-family: "TrajanProBold"; font-weight: 400; }
.ssc-inner form input { background: transparent; border: none; width: 100%; height: 90px; color: #000; line-height: 88px; font-size: 30px; border-bottom: 4px solid #105189; font-weight: 300; padding-right: 60px; }
.ssc-inner form button { border: medium none; background: transparent; color: #AF9A5F !important; position: absolute; right: 3px; margin-top: 31px !important; font-size: 35px !important; line-height: 35px; }

@media screen and (-webkit-min-device-pixel-ratio:0) {
.ssc-inner form button { margin-top: -100px !important; }
}
.head-search .ssc-inner form button i { color: #AF9A5F !important; line-height: 64px; }
.ss-close { font-size: 25px !important; position: absolute; top: 0; right: 0; padding: 15px !important; opacity: 0.3; transition: .4s; cursor: pointer; }
.ss-close:hover { opacity: 1; transition: .4s; }
.ss-trigger { cursor: pointer; }
.bn-overlay { opacity: 0; visibility: hidden; background: #000; position: fixed; height: 100%; width: 100%; z-index: 99999999; transition: .4s; }
.bn-overlay.active { opacity: 0.6; visibility: visible; transition: .4s; }
.bn-close { width: 35px; height: 35px; background: #000; line-height: 35px; text-align: center; color: #fff; position: absolute; top: 0; right: 0; opacity: 0.2; cursor: pointer; transition: .4s; }
.bn-close:hover { opacity: 0.5; transition: .4s; }
.bn-reserve .selectric-wrapper { width: 442px; margin: 0 auto; position: relative; z-index: 988899; }
.bn-reserve .selectric-items { box-shadow: none; background: #f9f5ec; -webkit-box-shadow: 0 3px 5px rgba(0,0,0,.25); -moz-box-shadow: 0 3px 5px rgba(0,0,0,.25); box-shadow: 0 3px 5px rgba(0,0,0,.25); }
.selectric-items li { display: block; padding: 10px 0; text-align: center; border-top: none; border-bottom: none; color: #3f3f3f; cursor: pointer; font-family: "TrajanProBold"; font-weight: 400; text-transform: uppercase; font-size: 14px; }
.sort-select .selectric-items li { display: block; padding: 10px 0px; text-align: center; border-top: medium none; border-bottom: medium none; color: #3F3F3F; cursor: pointer; font-family: "TrajanProBold"; font-weight: 400; text-transform: uppercase; font-size: 9px; text-align: left; padding: 7px 10px; }
.selectric-items li.selected,  .selectric-items li:hover { color: #3f3f3f; background: #e3ded3; }
.reser-tab .main-cal .cal thead tr { width: 100%; display: table; }
.reser-tab .main-cal .cal thead tr th { width: 14.2857%; padding: 10px 0; }
.light-title { color: #f6f0e4 !important; }
.main-gallery .title { padding-bottom: 65px; }
.sidepanel .slides li img.img-responsive { width: auto; height: 100%; max-width: none; }
.tweets_txt { color: #b2b2b2; font-size: 13px; }
.tweets_txt a { color: #2991D6; font-size: 13px; }
.tweets_txt span { color: #b2b2b2; display: block; position: relative; font-size: 11px; margin-top: 3px; line-height: 18px; }
.tweets_txt span:after { content: "-"; float: left; position: relative; }
.tweet-info { }
#tweetcool ul li { margin-bottom: 10px; }
.table-bordered.tb-table { margin-bottom: -1px; }
.statusMessage, .successmessage, .errormessage { display: none; margin: auto; width: 100%; height: auto; left: 0px; right: 0px; top: 0px; border: 1px solid #727272; margin: 0 auto 25px auto; color: #A5A299; }
.statusMessage p,  .successmessage p,  .errormessage p,  #incompleteMessage p { margin: 0; padding: 20px; color: #A5A299; font-size: 14px; line-height: 20px; }
.statusMessage2, .successmessage2, .errormessage2 { display: none; margin: auto; width: 100%; height: auto; left: 0px; right: 0px; top: 0px; border: 1px solid #ccc; margin: 0 auto 25px auto; color: #464646; }
.statusMessage2 p,  .successmessage2 p,  .errormessage2 p,  #incompleteMessage2 p { margin: 0; padding: 20px; color: #464646; font-size: 14px; line-height: 20px; }

/* 21. Responsive Styles */







@media only screen and (max-width: 950px) {
.bn-reserve-act { width: 90%; overflow: scroll; overflow-x: hidden; }
}

@media (min-width:1750px) {
.dual-slider .gal-nav { padding: 100px; }
.dual-slider #gal-slider a.flex-prev { right: -162px; bottom: 100px; }
.dual-slider #gal-slider a.flex-next { right: -224px; bottom: 100px; }
}

@media only screen and (min-width: 1750px) and (max-width: 2700px) {
.business-main .business-images .business-block .inn-detail { padding: 77px 18px 98px; }
.business-main .business-images .business-block .inn-detail p { font-size: 16px; line-height: 23px; }
}

@media only screen and (min-width: 1501px) and (max-width: 2700px) {
.spa-block a.flex-prev { left: -198px; bottom: 83px; }
.spa-block a.flex-next { left: -135px; bottom: 83px; }
.dual-slider .gal-nav h2 { font-size: 28px; }
.dual-slider .gal-nav p { font-size: 14px; line-height: 28px; }
.dining-main .dining-block .dining-right .menu-sample .nav > li > a { padding: 22px 22px; }
.dining-main .dining-block .dining-right .menu-sample .inside-menu .nav > li > a { padding: 49px 27px 8px; }
.dining-main .dining-block .dining-right { float: left; width: 100%; padding: 55px 55px; }
.activities .row .col-md-6:nth-child(2) { padding-left: 0px; padding-top: 21px; padding-bottom: 60px; height: auto; }
.activities .row .col-md-6:nth-child(2) .visitor { position: absolute; bottom: -19px; }
}

@media only screen and (min-width: 1280px) and (max-width: 1500px) {
.activities .row .col-md-6:nth-child(2) { padding-left: 0px; padding-top: 21px; padding-bottom: 60px; height: auto; }
.activities .row .col-md-6:nth-child(2) .visitor { position: absolute; bottom: -19px; }
.error-page .error-bg .error-detial .links { padding: 0px 0px; }
.error-page .error-bg .error-detial p { padding: 0px 0px 50px; }
.sf-menu > li > a { padding: 47.5px 16px; font-size: 15px; }
.mr-overlay h2 { font-size: 16px; line-height: 25px; }
.mr-inner:hover .mr-overlay h2 { margin: 20px 0 10px; }
.dual-slider .gal-nav { text-align: left; padding: 40px 40px 30px; display: table; }
.dual-slider #gal-slider a.flex-prev { right: 83px; bottom: 20px; z-index: 9999; }
.dual-slider #gal-slider a.flex-next { right: 20px; bottom: 20px; z-index: 9999; }
}

@media only screen and (min-width: 1151px) and (max-width: 1279px) {
.room-col .room-block .price-book .btn { padding: 0px 17px; font-size: 10px; }
.room-col .room-block .total-des ul li { display: block; float: left; font-family: "Roboto", sans-serif; font-size: 12px; line-height: 14px; color: #464646; padding: 0px 23px 0px 18px; position: relative; }
.room-col .room-block p { font-size: 13px; line-height: 22px; margin-bottom: 8px; }
.activities .row .col-md-6:nth-child(2) { padding-left: 0px; padding-top: 21px; padding-bottom: 60px; height: auto; }
.activities .row .col-md-6:nth-child(2) .visitor { position: absolute; bottom: -0; }
.dual-slider .gal-nav { text-align: left; padding: 40px 40px 30px; display: table; }
.dual-slider #gal-slider a.flex-prev { right: 83px; bottom: 20px; z-index: 9999; }
.dual-slider #gal-slider a.flex-next { right: 20px; bottom: 20px; z-index: 9999; }
.dual-slider .gal-nav h2 { padding-bottom: 15px; }
.dual-slider .gal-nav p { font-size: 13px; line-height: 24px; padding-bottom: 10px; }
.mr-overlay h2 { font-size: 16px; line-height: 25px; }
.mr-inner:hover .mr-overlay h2 { margin: 20px 0 10px; }
.error-page .error-bg .error-detial ul li a { font-size: 11px; }
.error-page .error-bg .error-detial ul { min-width: 100%; max-width: 100%; }
.sf-menu > li > a { padding: 53px 9px 58px; font-size: 12px; }
.bn-trigger { width: 126px; font-size: 13px; }
.bn-trigger::after { width: 126px; left: 0px; }
.mr-head h3 { font-size: 15px; line-height: 25px; margin-bottom: 12px; }
.mr-head { padding: 23px 18px; }
.gallery-main .gallery-block ul li { width: 33.3333%; }
.room-detail { bottom: 20px; }
}

@media only screen and (min-width: 993px) and (max-width: 1150px) {
.off-img-active { width: 100%; }
.promotion-block .offer-side .valid-box .left-valid { float: left; width: 70%; padding: 29px 15px 32px; text-align: center; }
.promotion-block .offer-side .valid-box .left-valid h3 { font-size: 15px; line-height: 20px; color: #9c8954; font-weight: 700; }
.promotion-block .offer-side .valid-box .right-valid { padding: 29px 0 32px; }
.promotion-block .offer-side .top-pan .btn { position: relative; top: 0; right: 0px; float: right; margin-left: 15px; margin-top: 17px; }
.room-col .room-block .price-book .btn { font-size: 10px; margin-right: 15px; }
.room-col .room-block .total-des ul li { padding: 0px 13px 0px 24px; }
.room-col .room-block .price-book span.price { font-size: 43px; }
.room-col .room-block p { font-family: "Roboto", sans-serif; font-size: 14px; line-height: 21px; color: #333; margin-bottom: 3px; }
.bungalow .bungalow-detail p { font-size: 13px; line-height: 23px; color: #333; padding-bottom: 33px; }
.room-three .col-sm-10 { width: 75%; }
.room-col .three-col .rm-item .item:hover img { transform: translateY(115%) !important; }
.rm-item, .rb-slider { overflow: hidden; }
.sp-info { padding: 60px 50px 110px; }
.sp-info { width: 55%; }
ul.sp-meta li { float: left; font-size: 11px; padding: 0px 18px 0px 18px; }
ul.sp-meta li:last-child { padding: 0px 0px 0px 18px; }
.bungalow .bung-block-left .flex-control-nav { bottom: 0; width: 100%; max-width: 390px; }
.bungalow .bung-block-left .flex-direction-nav a.flex-prev .fa.fa-angle-left,  .bungalow .bung-block-left .flex-direction-nav a.flex-next .fa.fa-angle-right { bottom: -14px; }
.visitor span { font-family: "Roboto", sans-serif; font-size: 9px; line-height: 12px; color: #333; position: relative; padding-left: 12px; text-transform: uppercase; top: 0px !important; }
.visitor span.views, .visitor span.calender { top: 3px !important; position: relative; }
.visitor span.comment { top: -2px !important; position: relative; }
.main-grid.right-sidebar .col-md-4.col-sm-6 { width: 35% !important; }
.visitor { padding: 12px 15px 12px 23px; }
.main-grid.right-sidebar .col-md-3 { width: 35% !important; }
.main-grid.right-sidebar .col-md-9 { width: 65% !important; }
.main-grid.right-sidebar .post-main-sidebar .post-head .visitor span { float: none !important; text-align: center; display: table; margin: 0 auto; top: 0 !important; }
.main-grid.right-sidebar .post-main-sidebar .post-head .visitor .col-md-4 { width: 33.3333% !important; }
.main-grid.right-sidebar .col-md-8 { width: 65% !important; }
.main-grid.right-sidebar .post-content .col-md-8,  .main-grid.right-sidebar .post-footer .col-md-8 { width: 100% !important; }
.main-grid.right-sidebar .post-footer .col-md-8 { padding: 0 60px; }
.post-main-sidebar .post-content .pull-quot p { margin: 0 0 0 240px; }
.post-main-sidebar .post-content .pull-quot .left-quot { left: 0px; }
.blog .left-grid-sidebar { padding-left: 15px; }
.villadetail .right-villa .reservation .btn-availble { padding: 0px 25px; }
.reservation .rate-from h1 { font-size: 39px; }
.villadetail .right-villa .social ul li a i { font-size: 12px; }
.room-col .three-col ul li .item img { transform: translate(0%) !important; }
.room-three .three-col ul li .item .figcaption { padding: 42px 27px 20px; display: none; }
.room-detail { bottom: 20px; }
.mr-head { padding: 23px 18px; }
.gallery-main .gallery-block ul li { width: 33.3333%; }
.mr-head h3 { font-size: 15px; line-height: 25px; margin-bottom: 12px; }
.blogsingle-cont .visitor .col-md-8,  .blogsingle-cont .visitor .col-md-2 { width: 33.333% !important; }
.blogsingle-cont .visitor span.comment { top: 0; }
.blogsingle-cont { padding: 0px 50px; }
.bungalow .bungalow-detail .btn { margin: 25px 10px 0px 16px; }
header { height: 90px; }
.pages #wrapper { padding-top: 90px; }
.dual-slider .gal-nav { text-align: left; padding: 40px 40px 30px; display: table; }
.dual-slider #gal-slider a.flex-prev { right: 83px; bottom: 20px; z-index: 9999; }
.dual-slider #gal-slider a.flex-next { right: 20px; bottom: 20px; z-index: 9999; }
.dual-slider .gal-nav h2 { padding-bottom: 15px; }
.dual-slider .gal-nav p { font-size: 12px; line-height: 18px; padding-bottom: 16px; }
.dual-slider .gal-nav { text-align: left; padding: 30px 30px 30px; display: table; }
.dual-slider .col-md-7 { width: 60%; }
.dual-slider .col-md-5 { width: 40%; }
.dual-slider .gal-nav h2 { font-size: 25px; }
.mr-inner:hover .mr-overlay h2 { margin: 0px 0 10px; }
.room-detail { bottom: 20px; left: 20px; }
.mr-overlay { padding: 32px 20px 0px !important; }
.mr-overlay p { padding-right: 0; }
.bn-trigger { width: 126px; font-size: 13px; }
.bn-trigger::after { width: 126px; left: 0px; }
.error-page .error-bg .error-detial ul li { width: 50%; border-bottom: 1px solid #A9A59E; }
.error-page .error-bg .error-detial ul li:nth-child(2) { border-right: none; }
.error-page .error-bg .error-detial ul li:nth-child(3),  .error-page .error-bg .error-detial ul li:nth-child(4) { border-bottom: none; }
.error-page .error-bg .error-detial ul li a { font-size: 11px; }
.sf-menu > li > a { padding: 35px 7px 35px; font-size: 10px; }
.navbar-default { height: 90px; }
.bn-trigger { line-height: 90px; height: 90px; }
.logo { height: 90px; overflow: hidden; }
.logo a { margin-top: -18px; display: table; }
.menu-trigger { height: 90px !important; line-height: 90px; }
.head-search { height: 90px; line-height: 90px; }
.bungalow .bungalow-detail .breadcrumb { margin-bottom: 30px; }
}

@media only screen and (min-width: 500px) and (max-width: 1050px) {
.banner-accommo .flex-caption h1 { font-size: 23px; line-height: 30px; padding: 31px 25px; }
.banner-accommo .flex-caption p { font-size: 17px; line-height: 24px; padding: 20px 27px; }
.banner-accommo .flex-caption .hidden-xs { display: block !important; }
}

@media only screen and (min-width: 768px) and (max-width: 1150px) {
.villadetail .right-villa { background: transparent; }
.villadetail .left-villa .ocean-breeze .spa-glan-tab .nav li a { padding: 8px 15px; line-height: 67px; border-left: 1px solid #C5C1BA; }
.villadetail .left-villa { float: none; width: 100%; display: table; clear: both; }
.villadetail .right-villa { float: none; width: 100%; display: table; clear: both; }
.rm-mason-3col .rm-item { width: 50% !important; }
.promotion-block .offer-side { padding: 30px 50px 32px 50px; }
.promotion-block .offer-side .top-pan .btn { position: relative; top: 0; right: 0px; float: right; margin-left: 15px; }
.db-image { position: relative; top: 0px; left: 0px; width: 100%; height: 100%; }
.db-image .dbi-inner { height: 100%; position: relative !important; height: 550px !important; }
.dining-main .dining-block .dining-right .menu-sample .inside-menu .sauce-steak { text-align: center; display: table; width: 100%; }
.dining-main .dining-block .dining-right .menu-sample .inside-menu ul.detail li { width: 100%; }
.nav-tabs > li { float: left; margin-bottom: 0; width: auto !important; }
.business-images .col-md-3 { display: none; }
.business-images .col-md-9 { width: 100%; }
.business-images .col-md-9 .col-md-3 { display: block; }
.business-images img { width: 100%; }
.detail-cont .col-lg-7 { width: 45%; }
.detail-cont .col-lg-5 { width: 55%; }
#content.blog { padding: 0 15px; }
.main-grid .col-md-4 { width: 50% !important; }
.masonry-item .blog-detail h3, .blog .main-grid ul li .blog-detail h3 { font-size: 20px; line-height: 26px; height: auto; }
.activities .right-activ h2 { font-size: 21px; line-height: 22px; padding-bottom: 19px; margin-top: -15px; }
.activities .right-activ .review { padding-bottom: 16px; }
.activities .row .col-md-6:nth-child(2) .visitor { bottom: 0; }
.activities .row .col-md-6:nth-child(2) { height: auto; }
.activities .right-activ .include ul li { font-size: 15px; line-height: 25px; }
.activities .right-activ .activ-botpan { padding-top: 20px; }
.activities .right-activ p { font-size: 12px; line-height: 23px; }
.activitie-cal .main-cal .cal tbody tr td { width: 15.5%; margin: 0.5%; }
.activitie-cal .main-cal .cal td.mc-tooltip .detail h6 { font-size: 9px; }
.mc-popup-right { right: auto; }
.mc-popup.mc-popup-right::after { bottom: -15px; left: 25px; right: auto; }
.mc-popup-right.mc-popup-right-mob { right: 0; }
.mc-popup.mc-popup-right.mc-popup-right-mob:after { bottom: -15px; left: auto; right: 25px; }
}

@media only screen and (max-width: 500px) {
.visitor .comment { display: none; }
}

@media (max-width: 991px) {
.masonry-feed > .masonry-item { width: 100%; }
}

@media only screen and (max-width: 992px) {
.main-grid.right-sidebar .col-md-4.col-sm-6 { width: 40% !important; }
.main-grid.right-sidebar .post-main-sidebar .post-head .visitor span { float: none !important; text-align: center; display: table; margin: 0 auto; top: 0 !important; }
.main-grid.right-sidebar .post-main-sidebar .post-head .visitor .col-md-4 { width: 33.3333% !important; }
.main-grid.right-sidebar .post-content .col-md-8,  .main-grid.right-sidebar .post-footer .col-md-8 { width: 100% !important; }
.main-grid.right-sidebar .post-footer .col-md-8 { padding: 0 60px; }
.post-main-sidebar .post-content .pull-quot p { margin: 0 0 0 240px; }
.post-main-sidebar .post-content .pull-quot .left-quot { position: relative; left: 0; top: 18px; margin: 0px; padding: 0px; text-align: none; width: 100%; }
.post-main-sidebar .post-content .pull-quot p { margin: 0; }
.main-grid.right-sidebar .post-main-sidebar .post-head .visitor span.comment { float: none; }
.sticky-menu { display: none; }
.error-img { background-position: center center; position: relative; top: 0px; left: 0px; width: 100%; height: 600px; }
.room-col .three-col .rm-item .item .figcaption h3 { font-size: 14px; line-height: 19px; padding-bottom: 15px; margin-top: -22px; }
.room-col .three-col .rm-item .item .figcaption ul li span.des { float: left; font-size: 10px; line-height: 15px; }
.room-col .three-col .rm-item .item .figcaption .btn { font-size: 9px; }
.room-col .three-col .rm-item .item .figcaption ul li span.detail { font-size: 11px; line-height: 15px; }
.room-col .three-col .rm-item .item:hover img { transform: translateY(200%) !important; }
.room-col .three-col .rm-item .item:hover .figcaption img { transform: translateY(0%) !important; }
.room-col .three-col .rm-item .item .figcaption .btn { background-color: #0d406e; border: medium none; border-radius: 14px; color: #F6F0E4; font-family: "TrajanProBold"; font-size: 8px; font-weight: 700; line-height: 14px; margin: 10px 3px 0px; padding: 0 19px; text-align: center; text-transform: uppercase; line-height: 30px; }
.room-col .three-col .rm-item .single-detail h3 { font-size: 13px; padding: 20px 10px 0px; }
.room-col .three-col .rm-mason-3col .rm-item .item .figcaption ul { margin: -12px auto 0px; }
.visitor { padding: 12px 15px 12px 23px; }
.visitor i { top: -1px !important; left: -6px; }
.activities .right-activ .activ-botpan .active-left ul li { padding-right: 8px; }
.villadetail .left-villa { float: left; width: 100%; }
.villadetail .right-villa::after { display: none; }
.villadetail .right-villa { float: left; width: 400px; padding: 136px 15px 400px 30px; position: relative; margin: 0 auto; float: none; }
.spa-main .spa-block .spa-right .sample-spa .table-bordered tbody tr td { padding: 0px 20px 0px 20px; }
.room-col .three-col ul li .item img { transform: translate(0%) !important; }
.room-three .three-col ul li .item .figcaption { padding: 42px 27px 20px; display: none; }
.room-block img,  .rb-slider img { width: 100%; }
header { z-index: 9999; }
.blog .title-bar .breadcrumb,  .title-bar h2 { float: none !important; }
.blog .top-blog-post .img .text h2 { display: none; }
.main-blog-grid .col-md-4 { width: 50%; }
.activities .row .col-md-6:nth-child(2) { padding-left: 0px; padding-top: 21px; padding-bottom: 60px; height: auto; }
.activities .row .col-md-6:nth-child(2) .visitor { position: absolute; bottom: -0px; }
.bungalow { background-color: #E3DED3; display: block; }
.bungalow .bungalow-detail { float: left; width: 100%; padding: 46px 0px 30px; text-align: center; }
.bungalow .bungalow-detail .btn { margin: 25px 10px 0px 16px; }
.testimonial .testi-block img { width: 100%; }
.testimonial .testi-detail::after, .testimonial .testi-detail::before { right: 100%; top: 44px; }
.custom-th img { width: 100%; }
#footer .footer .f-block3 .social ul li { margin-bottom: 10px; }
#footer .footer .f-block2 { padding: 0px; }
#footer .footer .f-block3 { padding: 0px; margin: 0; }
header { height: 90px; }
.pages #wrapper { padding-top: 90px; }
footer .container { max-width: 100%; width: 90%; }
.container { max-width: 700px; width: 90%; }
ul.specific li { font-size: 12px; line-height: 18px; width: 50%; text-align: left; }
.dual-slider .col-md-7 { width: 100%; float: none; }
.dual-slider .col-md-5 { width: 100%; float: none; }
.home-gal { background-color: #E3DED3; display: table; }
.sf-menu ul li a { font-size: 13px; padding: 13px 21px; }
.sf-menu ul ul { top: 0px; left: 100%; border-top: none; margin-top: 0; padding-top: 0; padding-bottom: 0; box-shadow: none; }
.blog .container { width: 100%; max-width: 735px; }
.navbar-default { height: 90px; }
.bn-trigger { line-height: 90px; height: 90px; }
.logo { height: 90px; width: 200px; overflow: hidden; }
.logo a { margin-top: 0px; display: table; }
.menu-trigger { height: 90px !important; line-height: 90px; }
.head-search { height: 90px; line-height: 90px; }
.pre-header { display: none; }
.sf-menu > li::after { display: none; }
.sf-menu, .sf-menu li.sf-mmenu { position: relative !important; }
#mobnav-btn { display: block !important; }
.sf-menu { width: 100%!important; display: none; }
.sf-menu.xactive { display: block!important; }
.sf-menu li { float: none!important; display: block!important; width: 100%!important; }
.sf-menu li a { float: none!important; }
.sf-menu .sf-mega { display: none!important; position: static !important; }
.sf-menu ul { position: static!important; display: none!important; }
.xpopdrop .sf-mega,  .xpopdrop ul { display: block!important; }
.sf-menu { width: 100% !important; position: absolute !important; background: #464646; max-height: 61vh; overflow: auto; overflow-x: hidden !important; }
.sf-mega-section { float: none; border-right: none; width: 100%; padding: 0; }
.sf-menu > li > a { padding: 10px 15px; font-size: 13px; }
.menu-wrap { position: relative; }
.sf-menu.xactive { display: block !important; width: 275px !important; right: 0px; padding: 15px; max-height: 81vh; top: 78px; }
.mobnav-subarrow { display: block; }
.mobnav-subarrow { display: block; position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; cursor: pointer; }
.mobnav-subarrow i { color: #FFF; float: right; margin: 7px 0; opacity: 0.4; }
.top-slider .slides li .flex-caption h1 { padding: 25px 40px 22px; width: 90%; max-width: 90%; margin: 0 5%; }
.top-slider .slides li .flex-caption p { padding: 23px 25px; width: 90%; max-width: 90%; margin: 0 5%; }
.sf-menu ul { padding-bottom: 8px; margin-bottom: 7px; }
.location ul { display: table; margin: 25px 0 -90px; }
.title-color h2 { float: none; }
.title-color .breadcrumb { padding: 10px 25px 5px; float: left; }
.title-color .breadcrumb,  .title-color h2 { padding: 0 25px !important; }
.title p { padding: 0px 25px !important; }
.blog .subscribe { margin-bottom: 30px; }
.blog .left-grid-sidebar { float: left; width: 100%; padding-left: 30px; }
.main-blog-mesonry .blog-mesonry ul li { width: 50%; }
.masonry-item .blog-detail h3, .blog .main-grid ul li .blog-detail h3 { margin-bottom: 25px; }
.blogsingle-cont { float: left; width: 100%; background-color: #E3DED3; padding: 0px 30px; }
.might-like ul li { float: left; display: block; padding: 0; width: 100%; }
.blogpost-single { padding: 0px 50px; }
.main-grid .col-md-4 { width: 40%; }
.main-grid .col-md-8 { width: 60%; }
.reservation .btn-availble { font-size: 12px; padding: 0px 15px; text-align: center; }
.main-grid.right-sidebar .visitor span.comment { top: 0; }
.post-main-sidebar .post-content { float: left; width: 100%; padding: 32px 25px 0px; }
.main-grid .post-footer .col-md-8 { padding: 32px 40px 0px; width: 100%; }
.main-grid .post-content .col-md-8 { width: 100%; }
.post-main-sidebar .post-content .pull-quot .left-quot { left: -15px; }
.post-footer .comment .comment-block img { margin: 0px 0px 0px 13px; width: 100%; }
.right-grid-sidebar { float: left; padding-right: 0; width: 100%; }
.main-contact .detail-cont h6 { font-size: 11px; }
.blog .sidebar-contact .detail ul li span.category { padding-left: 39px; font-family: "TrajanProBold"; }
.blog .sidebar-contact .detail ul li p { padding-left: 16px; }
.right-grid-sidebar #masonry-feed .visitor span,  .left-grid-sidebar #masonry-feed .visitor span { font-size: 9px; }
.right-grid-sidebar #masonry-feed .visitor span.comment,  .left-grid-sidebar #masonry-feed .visitor span.comment { top: -4px; }
.dining-main .dining-block .dining-right .menu-sample .nav > li > a { border: none !important; }
.nav-tabs > li { float: left; margin-bottom: 0; width: 50%; }
.spa-glan-tab .nav-tabs > li { margin-bottom: 0; }
.spa-glan-tab .nav-tabs > li > a { height: 90px; }
.spa-glan-tab .tab-content { padding: 0px 40px 68px; }
.awards ul li { float: left; display: block; padding: 0px 16px; width: 14.2857%; }
.awards ul li img { display: block; width: 100%; }
.featured-villa .detail h2 { margin-top: 25px; }
.off-img { margin-bottom: -2px; width: 100%; }
.off-img-active { margin: 32px; width: 80%; }
.promotion-block .offer-side .valid-box .left-valid { width: 100%; padding: 32px 25px; }
.promotion-block .offer-side .valid-box .right-valid { padding: 32px 25px; width: 100%; }
.promotion-block .offer-side .top-pan .btn { position: relative; top: 0px; right: 0px; float: right; }
.reser-tab .tab-content { display: table; float: left; padding: 25px; }
.reser-tab .tab-content ul li span.detail,  .reser-tab .tab-content ul li span.des { width: 50%; }
.reser-tab .main-cal { display: block; }
.reser-tab .tab-content h6 { margin-top: 15px; }
.tabs-left > .nav-tabs > li { width: 100%; }
.room-gallery .spa-glan-tab .tab-content .style-comfort { padding: 73px 30px 68px 30px; }
.room-gallery .spa-glan-tab .tab-content ul li span.detail,  .room-gallery .spa-glan-tab .tab-content ul li span.des { width: 50%; }
.sp-info { display: none; }
#sidepanel .bungalow .bung-block-left .flex-control-nav { background-color: #464646; bottom: 0px; }
.villadetail .right-villa .reservation .btn-availble { padding: 0px 25px; }
}

@media only screen and (max-width: 767px) {
.dining-main .dining-block { width: 100%; display: block; }
.title-color .breadcrumb, .title-color h2 { padding: 0 !important; }
.room-col .room-block h2 { font-family: "TrajanProBold"; font-size: 18px; line-height: 28px; }
.room-col .room-block .price-book .btn { font-size: 10px; padding: 0px 15px; }
.room-col .room-block .total-des { margin-bottom: 30px; }
.villadetail .right-villa { background: transparent; }
.villadetail .left-villa .ocean-breeze .spa-glan-tab .nav li a { padding: 8px 15px; line-height: 67px; border-left: 1px solid #C5C1BA; }
.villadetail .left-villa { float: none; width: 100%; display: table; clear: both; }
.villadetail .right-villa { float: none; width: 100%; display: table; clear: both; }
.villadetail .left-villa .ocean-breeze .spa-glan-tab .nav li { width: 50%; }
.left-villa .ocean-breeze .spa-glan-tab .nav li a { padding: 15px 15px; line-height: 20px !important; border-left: 1px solid #C5C1BA; height: auto !important; font-size: 13px; border: none !important; }
.room-gallery .spa-glan-tab .nav > li { text-align: center; width: 25%; overflow: hidden; }
.room-gallery .spa-glan-tab .nav > li > a { padding: 36px 0px 21px; }
.room-gallery .spa-glan-tab .tab-content .aminities { float: left; width: 100%; padding: 30px 15px 30px; }
.room-gallery .spa-glan-tab .tab-content .availability p { padding: 0px; }
.room-gallery .main-cal { display: block; }
.room-gallery .spa-glan-tab .tab-content h2 { font-size: 21px; padding-bottom: 20px; }
.room-gallery .main-cal .cal th { font-size: 12px; width: 14.27%; padding: 15px 3px; font-size: 10px; }
.room-gallery .main-review { float: left; width: 100%; padding: 25px 15px 0px; text-align: left; }
.main-review .review-block { padding: 80px 0px 0px 0px; }
.spa-glan-tab .nav > li > a { font-size: 0px; }
.spa-glan-tab .nav > li > a i { font-size: 15px; }
.spa-glan-tab .nav-tabs > li > a { padding-top: 37px; }
.db-image { position: relative; top: 0px; left: 0px; width: 100%; height: 100%; }
.db-image .dbi-inner { height: 100%; position: relative !important; background: none; }
.dining-main .dining-block .dining-right .menu-sample .inside-menu .sauce-steak { text-align: center; display: table; width: 100%; }
.dining-main .dining-block .dining-right .menu-sample .inside-menu ul.detail li { width: 100%; }
.reservation .rate-from { padding: 28px 0px 21px 0px; display: inline-block; position: relative; border: 1px solid #727272; width: 100%; }
.title h1 { font-size: 32px; }
.room-col .three-col .rm-item { width: 100% !important; padding: 0px; }
.bungalow .bung-block-left .flex-control-nav,  .bungalow .bung-block-right .flex-control-nav { width: 100%; max-width: 390px; }
.detail-cont .col-lg-7 { margin-bottom: 35px; }
.mr-head h3 { font-size: 15px; line-height: 27px; margin-bottom: 10px; margin-top: -35px; }
.mr-head p { font-size: 13px !important; line-height: 16px !important; padding: 0px 0; margin-bottom: 19px; }
.mr-inner:hover .mr-overlay h2 { margin: 20px 0px 10px; }
.blog .main-grid { padding: 90px 15px 0; }
.villadetail .right-villa { float: left; width: 100%; padding: 136px 15px 400px 15px; position: relative; margin: 0 auto; float: none; }
.spa-main .spa-block .spa-right { float: left; width: 100%; padding: 60px 15px; }
.spa-main .spa-img-bot .spa-natural { display: block; position: absolute; top: 67px; left: 30px; }
.room-col .sort-select .select-right { display: none; }
.room-col .room-block .total-des ul li { font-size: 14px; line-height: 14px; padding: 4px 46px 4px 24px; width: 100%; }
.room-col .three-col ul li .item img { transform: translate(0%) !important; }
.room-three .three-col ul li .item .figcaption { padding: 42px 27px 20px; display: none; }
.room-col .room-block .total-des ul li i { top: 3px; }
.special-offer .panel-heading span.viewdetail1 { float: right; font-family: "TrajanProRegular"; font-size: 12px; line-height: 12px; color: #9C8954; position: relative; top: 0; right: 0px; opacity: 1; z-index: -1; margin-top: 15px; margin-bottom: 11px; }
.delux-city-view .col-sm-7, .delux-city-view .col-md-7 { padding: 0px 0px 40px 15px; }
.special-offer .panel-group { padding: 0px 15px; }
.promotion-block .offer-side { float: left; width: 100%; padding: 30px 50px 32px 40px; }
.awards h3 { padding: 0px 41px 25px 0px; border-right: none; border-bottom: 1px solid #A9A59E; margin-bottom: 33px; }
.spa-glan-tab .nav-tabs > li { margin-bottom: 0; }
.spa-glan-tab .tab-content { padding: 0px 30px 40px; }
.su-inner img { float: none; }
.sign-us h2 { padding: 30px 0px 18px; margin-left: 0; }
.sign-us p { margin-left: 0; }
.sign-us .btn { font-family: "TrajanProBold"; font-weight: 400; font-size: 14px; color: #F6F0E4; border-radius: 20px; padding: 0px 29px; background-color: #0d406e; text-transform: uppercase; border: medium none; margin-top: 40px; line-height: 40px; float: none; }
.nav-tabs > li { float: left; margin-bottom: -1px; width: 100%; }
.packages ul li .img { width: 100%; }
.dining-main .dining-block .dining-right .menu-sample .inside-menu p { padding: 0px 50px 0px 0px; }
.right-grid-sidebar #masonry-feed .visitor span,  .left-grid-sidebar #masonry-feed .visitor span { font-size: 12px; width: 100%; display: table; top: 0 !important; padding: 10px 15px; text-align: left; }
.blog .subscribe .sub-detail .form-inline .btn { margin-top: -48px; }
.main-contact .detail-cont { padding: 56px 45px 25px 35px; }
.business-images img { width: 100%; }
.blogsingle-cont .img2 { float: none; margin: 0px; display: table; width: 100%; }
.blogsingle-cont .img1 { float: none; margin: 24px 0px 0px 0px; width: 100%; }
.post-main-sidebar .post-head .visitor span { float: none !important; display: table; padding: 10px 15px; }
.post-main-sidebar .post-content .pull-quot .left-quot { position: relative; }
.post-main-sidebar .post-content .pull-quot p { margin: 0px 0px 0px 0; padding: 0px 0px 0px 30px; }
.main-grid .col-md-4 { width: 100%; }
.main-grid .col-md-8 { width: 100%; }
.blogsingle-cont .visitor span { float: none !important; padding: 10px 15px; display: table; }
.visitor i { top: 11px; }
.visitor span.comment { text-align: center; position: relative; top: 0; }
.blogpost-single { float: left; width: 100%; padding: 0px 15px; margin: 0px 0px 0; }
.main-blog-mesonry .blog-mesonry ul li { width: 100%; }
.masonry-item .blog-detail h3, .blog .main-grid ul li .blog-detail h3 { margin-bottom: 0px; }
.date { position: relative; width: 100%; }
.blog .left-grid-sidebar { padding-left: 0; }
.reservation .row .col-md-6 { padding: 0px 15px !important; }
.main-blog-grid .col-md-4 { width: 100%; }
.main-cal { display: none; }
.activitie-cal { margin-bottom: -120px; }
#footer .footer-bot ul { float: none; display: table; margin: 0 auto 5px; }
.about-main .right-about { float: left; width: 100%; padding: 50px 40px 50px; }
#footer .footer .f-block1 img { display: block; text-align: center; margin-bottom: 43px; }
footer .container { max-width: 500px; }
.main-gallery .main-gal-slider .item .figcaption ul li span.detail { font-size: 11px; }
.main-gallery .main-gal-slider .item .figcaption ul li span.des { font-size: 11px; }
.main-gallery .main-gal-slider .item .figcaption ul { width: 100%; }
ul.specific { display: table; margin: 0 auto; }
.panel-img-detail { left: 36px; max-width: 300px; }
ul.specific li { display: block; float: left; padding: 0px 0px 25px 34px; position: relative; font-family: "Roboto", sans-serif; font-weight: 400; font-size: 12px; line-height: 18px; color: #333; width: 100%; text-align: left; }
.top-slider .slides li .flex-caption { display: none; }
.blog .container { width: 100%; max-width: 500px; }
.error-page .error-bg .error-detial ul { width: 100%; max-width: 100%; }
.error-page .error-bg .error-detial ul li { width: 100%; border-bottom: 1px solid #A9A59E; }
.error-page .error-bg .error-detial ul li:last-child { border-bottom: none; }
.error-page { float: left; width: 100%; padding: 144px 0; }
.error-img { background-position: left center; height: 450px; }
.error-page .error-bg .error-detial { padding: 50px 40px; }
#footer .footer .f-block2 { float: left; width: 100%; padding: 0px 0px 0px 0; text-align: left; }
#footer .footer .f-block3 { margin: 0px; }
#footer .footer .f-block1 ul { padding: 0; }
.testimonial .testi-detail::after, .testimonial .testi-detail::before { display: none; }
.testimonial .testi-block img { margin-top: 30px; margin-left: auto; margin-right: auto; margin-bottom: 15px; width: 50px; display: block; }
.main-service .btn { font-size: 14px; padding: 0px 25px; }
.prom-offers .prom-block { text-align: center; padding: 0 0 30px; }
.prom-offers .offer-block { text-align: center; padding: 0; }
.prom-offers img { display: block; margin: 0 auto; }
.prom-offers .dark-gold { background-color: #AF9A5F; }
.testimonial .testi-detail { margin-bottom: 25px; }
.blog .title-bar { padding: 43px 15px 47px; }
.blog .top-blog-post,  .main-blog-grid .blog-grid { padding: 0 15px; }
.masonry-item .blog-detail h3, .blog .main-grid ul li .blog-detail h3 { font-size: 18px; line-height: 25px; height: auto; padding-bottom: 19px; }
.masonry-item .blog-detail, .blog .main-grid ul li .blog-detail { padding: 32px 20px 30px; }
.blog .top-blog-post { margin-bottom: -60px; }
.dining-main .dining-block ul li { padding: 0; display: block; width: auto; }
.dining-main .dining-block .dining-right .menu-sample .nav-tabs > li > a { font-size: 12px; }
.dining-main .dining-block .dining-right .menu-sample .inside-menu .nav-tabs > li > a { font-size: 13px; }
.dining-main .dining-block .dining-right .menu-sample .nav-tabs > li.active > a:after, .dining-main .dining-block .dining-right .menu-sample .nav-tabs > li.active > a:hover:after, .dining-main .dining-block .dining-right .menu-sample .nav-tabs > li.active > a:focus:after { top: 85%; }
}

@media only screen and (max-width: 600px) {
.bungalow .bung-block-left .flex-direction-nav .flex-next { right: 25px; }
.room-gallery .spa-glan-tab .tab-content ul li span.des { font-size: 11px; }
.room-gallery .spa-glan-tab .nav > li { text-align: center; width: 25%; overflow: hidden; }
.room-gallery .spa-glan-tab .nav > li > a { padding: 36px 0px 21px; }
.gallery-villa .mr-inner:hover .mr-overlay h2 { margin: 0px 0px 10px; }
#tweetcool ul li { margin-bottom: 20px; }
.room-gallery .title-color .breadcrumb, .title-color h2 { padding: 0px 0px 5px !important; }
.reservation .selectric { margin-bottom: 15px; }
.featured-villa .detail .btn { font-size: 15px; padding: 0px 5px; width: 100%; text-align: center; }
.testimonial .testi-block img { margin: 0px auto 15px; width: 42px; display: block; }
.awards ul li { float: left; display: block; padding: 0px 16px; width: 50%; margin-bottom: 30px; }
.awards ul li:last-child { margin-bottom: 0px; }
.mr-overlay h2 { font-size: 16px; line-height: 25px; }
.mr-overlay h2 br { display: none; }
.room-detail { bottom: 35px; }
.title h3 { font-size: 28px; }
.packages ul li .img:hover p { display: none; }
.packages ul li .img:hover .mask h2 { margin-bottom: 16px; font-size: 17px; }
.packages ul li .img .mask { padding: 0 15px; }
.dining-main .dining-block ul li { padding: 0; display: block; width: 100%; }
.dining-main .dining-block .dining-right .menu-sample .inside-menu .nav > li > a { padding: 20px 0px 20px; position: relative; }
.dining-main .dining-block .dining-right .menu-sample .nav-tabs > li.active > a:after, .dining-main .dining-block .dining-right .menu-sample .nav-tabs > li.active > a:hover:after, .dining-main .dining-block .dining-right .menu-sample .nav-tabs > li.active > a:focus:after { display: none; }
.dining-main .dining-block .dining-right .menu-sample .inside-menu .nav-tabs > li.active > a:before, .dining-main .dining-block .dining-right .menu-sample .inside-menu .nav-tabs > li.active > a:hover:before, .dining-main .dining-block .dining-right .menu-sample .inside-menu .nav-tabs > li.active > a:focus:before { position: absolute; bottom: 0; left: 0; right: auto; top: auto; border-bottom: solid; border-color: #9c8954; content: ""; width: 30%; }
.mr-overlay { height: 60%; }
.main-contact .detail-cont { padding: 0; }
.main-contact .detail-cont .col-lg-7 { padding: 35px 35px; }
.main-contact .detail-cont .reservation .rate-from { padding: 28px 0px 21px 0px; width: 100%; }
.main-contact .detail-cont .selectric-wrapper { position: relative; cursor: pointer; margin-bottom: 15px; }
.main-contact .detail-cont .reservation .btn-availble { font-size: 12px; padding: 0px 5px; width: 100%; text-align: center; }
.sidebar-contact .col-xs-6 { width: 100%; padding: 5px; }
.sidebar-contact .col-xs-6 .row { margin: 0; }
.blog .sidebar-contact .detail ul li p { padding-left: 0; }
.detail ul li p { padding-left: 0; }
.detail ul li span.category { position: relative; top: -6px; }
.main-contact .detail-cont .blog .subscribe .sub-detail { padding: 22px 15px 13px 15px; }
.spa-main .spa-img-bot .spa-natural { left: 0; width: 100%; }
.main-gal-slider { display: none; }
.book-nw { display: none; float: left; }
.menu-wrap { position: static; }
.sf-menu.xactive { right: 0px; left: 0px; margin: 0 auto; }
.head-search { float: left; width: 60px; }
.menu-trigger { left: 63px; transition: all 0.4s ease 0s; }
.navbar-default { left: 0%; opacity: 1; visibility: visible; z-index: 99; }
.menu-close { display: none; }
.navheader { opacity: 1; visibility: visible; }
.main-gallery .btn { padding: 0px 25px; }
}

@media only screen and (max-width: 400px) {
.spa-main .spa-img-bot .spa-natural { left: 0px; width: 100%; }
.panel-img-detail { left: 0; max-width: 100%; }
}
#map { width: 100%; min-height: 400px; }
#map .map-description { max-width: 160px; float: left; text-align: center; font-size: 15px; background: #fff; }
#map .map-description .title { font-size: 17px; text-align: center; padding-bottom: 0; margin-bottom: 10px; font-weight: bold; color: #198DBE; font-style: italic; }
#map .map-description a { font-size: 13px; color: #198DBE; color: #fff !important; font-weight: normal; border-radius: 0; /* text-align: center; */

background: #0d406e; padding: 0px 15px; text-decoration: underline; }
.websites { background: #fff; padding: 30px 0; float: left; width: 100%; }
.websites .inner-box { padding: 0 30px 15px 30px; background: #ddd; text-align: center; border: 1px solid #BBBBBB; }
.websites .inner-box .logo-web img { margin: 0 auto; }
.websites .inner-box .web-btn { max-width: 200px; display: block; margin: 0 auto; margin-top: 15px; font-size: 17px; padding: 4px; background: #0d406e; color: #fff; text-transform: uppercase; }
.websites .inner-box .web-btn span { display: block; padding: 4px; border: 1px solid #ddd; }