File manager - Edit - /home/asiatechinc/public_html/asiatechinc-websites/panchachulihouse.com/css/style.css
Back
/*------------------------------------------------------------------ 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; } a, a:hover, a:active, a:focus, input, textarea, select, button , input:focus, textarea:focus, select:focus, button:focus { outline:0; } 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: #af9a5f; 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: 38px; 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: #00a39b; } .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: #00a39b; width: auto !important; border-radius: 0; text-wrap: none; padding: 0 14px; line-height: 44px; } .tooltip.right .tooltip-arrow { left: 0; border-right-color: #00a39b; } .at-share-close-control .at4-arrow.at-left { float: right; display: none; } header { height: 134px; width: 100%; position: absolute; margin-bottom: -20px; display: table; top: 0; left: 0; right: 0; } .logo { width: 16%; height: 89px; position: absolute; top: 0; left: 0; z-index: 999; } /* 3.1. Navmenu */ .menu-trigger { background: #8C6240 none repeat scroll 0% 0%; height: 134px; width: 86px; display: none; 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: rgba(51,51,51,0.6); border: none; border-radius: 0px; padding: 0; border-top: 7px solid #8B623B; height: 89px; position: relative; width: 100%; left: -100%; transition: .1s; } .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: -26px; line-height: 134px; text-align: center; color: #f6f0e4; font-size: 15px; text-transform: uppercase; width: 148px; position: relative; height: 112px; background-color: #00b2a9; -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: 148px; height: 27px; position: absolute; bottom: -27px; left: 0px; 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: none; color: #8B623B; 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: #03847e !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: #00A39B; 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: #00a39b; color: #f6f0e4; } .bw-cal .button:after { content: "\f0d7"; font-family: 'FontAwesome'; border: none; width: 47px; height: 50px; background: #00a39b; color: #f6f0e4; font-size: 30px; line-height: 50px; } .sm-share { background-color: #00a39b; margin-top: -118px; padding: 5px 0px; position: absolute; left: 50px; width: 54px; 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: #00a39b; 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: 100%; 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: #00a39b; } .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: 75%; 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; text-shadow:2px 2px 2px #000; 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; color: #fff; text-shadow:2px 2px 2px #000; /*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: #af9a5f; } .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% 24px; } /* 5. Page Styles */ .home-res-main { background-color: #f9f5ec; } .welcome { float: left; width: 100%; padding: 40px 0 50px 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 .btn { font-family: "TrajanProRegular"; font-weight: 700; font-size: 16px; line-height: 16px; color: #F6F0E4; border-radius: 20px; padding: 0 60px; background-color: #00A39B; text-transform: uppercase; border: medium none; display: inline-block; text-align: center; margin-bottom: 20px; line-height: 40px; float: left; padding: 0 37px; } .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: 15px; line-height: 24px; 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: #af9a5f; text-transform: uppercase; font-size: 22px; line-height: 22px; padding-bottom: 55px; } .room-offer .btn { font-family: "TrajanProRegular"; font-weight: 700; font-size: 16px; line-height: 16px; color: #F6F0E4; border-radius: 20px; padding: 0 60px; background-color: #00A39B; text-transform: uppercase; border: medium none; display: inline-block; text-align: center; margin-top: 52px; line-height: 40px; } /* 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 { 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: #00a39b; 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: -360px; 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: -423px; 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: 50%; 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: #00A39B; 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: #00A39B; 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/Homepage_Resort_INDEX/home-image-panel.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: 196px; background-color: rgba(246,240,228,0.8); border: 1px solid rgba(255,255,255,0.8); text-align: center; padding: 55px 48px 31px 40px; text-align: center; width: 360px; } .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: #00a39b; 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; display: block; 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: #00A39B; 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 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: #00a39b; 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: #709956; } .prom-offers .light-gold { bottom: 0; float: right; height: 100%; position: absolute; right: 0; top: 0; width: 50%; background-color: #7eaf5f; } .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: #00A39B; 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: 91px 0 134px 0; } .location .title { padding-bottom: 74px; } .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: 13px; line-height: 13px; text-transform: uppercase; color: #333333; } .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 86px 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(175, 154, 95, 0.9); 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: #00A39B; 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: 24px 0 30px 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: 33.33%; } .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: #af9a5f; } .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: #af9a5f; } .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 #af9a5f; } .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: #af9a5f; 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: #af9a5f; } .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: #00a39b; 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: #00A39B; 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: #00a39b; } #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: #af9a5f; 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: #af9a5f; font-weight: 400; text-align: center; padding-bottom: 29px; } .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: #8B623B; padding: 0; } .reservation .rate-from h1 { font-family: 'Roboto', sans-serif; font-size: 44px; line-height: 49px; color: #8B623B; 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: #8B623B; 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: #00A39B; 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: #af9a5f; } .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: #af9a5f; 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: #00A39B; 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: #00a39b; border: 1px solid #00a39b; } .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 #af9a5f; 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: #af9a5f; border: 1px solid #af9a5f; } .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: #00a39b; 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: #00A39B; 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: #00a39b; 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%; height: 100px; } .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 #af9a5f; 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 .reservation ul { display: block; padding-bottom: 20px; } .room-gallery .reservation ul li { display: inline-block; } .room-gallery .reservation ul li a { color: #af9a5f; font-size: 14px; line-height: 14px; } .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: #af9a5f; } .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: 70px 97px 0; text-align: left; } .main-review .review-block { display: block; padding: 0 0 50px 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: #af9a5f; } .main-review .review-block .title ul li a { color: #af9a5f; 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: #00a39b; 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: #af9a5f; 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: #af9a5f; } .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: #af9a5f; 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: #00A39B; 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: #af9a5f; 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: #8B623B; 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: #8B623B; 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: #af9a5f; 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: #8B623B; 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: #00A39B; 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: #8B623B; } .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: #8B623B; } .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: #af9a5f; 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: #00A39B; 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/bg.png); 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: #00a39b; 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 #af9a5f; } .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: #af9a5f; 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: 50%; text-align: left; padding: 20px 10px 15px; } .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: 50% !important; 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: #af9a5f; 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: #af9a5f; 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: #af9a5f; 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: #af9a5f; 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: #af9a5f; 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 #af9a5f; 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: #00a39b; 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: #af9a5f; } .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: #af9a5f; } .room-col .three-col .rm-item .item .figcaption .btn { background-color: #00A39B; 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: #00A39B; 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: #af9a5f; } .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: #00A39B; 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: #af9a5f; 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: 39px 30px; } .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; padding-bottom: 267px; */ } .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: #464646; 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%; border-top: 7px solid #7d6e43; position: absolute; width: 100%; top: 33.33333%; left: 0; } .db-image .dbi-inner:nth-child(3) { height: 33.33333%; border-top: 7px solid #7d6e43; 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; width: 100%; 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: #00A39B; border: medium none; float: right; position: absolute; top: 0px; right: 0px; opacity: 1; text-transform: uppercase; } .off-img { margin-bottom: -2px; } .off-img-active { display: none; margin: 0px 0px -4px; width: 100%; height: 300px; } .active .off-img-active { display: block; } .on-img-active { margin: 0; width: 100%; height: 300px; 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: #00a39b; 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: #00a39b; } .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: #00a39b; 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: #00a39b; 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: #00a39b; 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: #af9a5f; 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: 48px 0 0 0; background-color: #333333; border-top: 5px solid #af9a5f; } #footer .footer { float: left; width: 100%; padding-bottom: 14px; } #footer .footer h4.title { font-family: 'TrajanProBold'; font-size: 16px; line-height: 16px; color: #ffe499; 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: 15px; line-height: 18px; color: #ffffff; } #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: 15px; } #footer .footer .f-block1 ul li:first-child { padding-bottom: 25px; } #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: 15px; line-height: 18px; color: #ffffff; text-align: left; } #footer .footer .f-block1 ul li a { font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 15px; line-height: 18px; color: #ffffff; 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: #af9a5f; 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: 15px; line-height: 30px; color: #ffffff; 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: #00a39b; border-radius: 0; border: 1px solid #00a39b; 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; 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: #af9a5f; } #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: #00a39b; 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: 15px; line-height: 12px; color: #ffffff; } .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 #af9a5f; color: #af9a5f; } .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: #F6F0E4; font-weight: 400; } .sf-menu > li > a:hover { background: transparent !important; color: #B59E5C; } .sf-menu > li:hover { background: transparent !important; } .sf-menu { width: auto; display: table; margin: -19px 38px 0px 0px; float: left; z-index: 8888; } .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 #af9a5f; 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: 53px 14px 58px; font-size: 13px; } .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) { .logo img{ height: 108px !important; } .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: #00A39B; 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: 10000; } .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; width: 100px; font-size: 12px; } .bn-trigger:after { width: 100px; } .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; } .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) { .logo img{ height: 108px !important; } .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: #00A39B; 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: inline-block; 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: 490px) { .logo { width: 151px; } } @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%; } } input, textarea, select, button { outline:0; } .socialta .tback{ display:none; } .socialta:hover .tnormal{ display:none; } .socialta:hover .tback{ display:inline; } @media only screen and (max-width: 767px) { .top-slider { width: 100%; height: 68vh; overflow: hidden; position: relative; } .top-slider li img { width: 100%; height: 66vh; } .logo img { height: 90px !important; width: 160px; margin-top: 18px; } .logo img { height: 90px !important; width: 160px; margin-top: 18px; } .main-gallery .btn { padding: 0px 5px!important; } #footer .footer-bot p { float: right; font-family: 'Roboto', sans-serif; font-size: 15px; line-height: 20px; color: #ffffff; } .img .img-responsive, .mr-inner .img-responsive { width: 100%; height: 224px!important; } .img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img { display: block; max-width: 100%; height: auto!important; padding: 35px; } .bn-trigger { line-height: 91px; height: 79px; width: 79px; font-size: 10px; margin-left: 5px; } .mr-overlay h2 { font-size: 12px; line-height: 14px; margin-left: 12px; } #home-gallery .item img { height: 218px!important; width: 221px!important; } }
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0.02 |
proxy
|
phpinfo
|
Settings