/* ---------------------------- */ /* Google Fonts /* ---------------------------- */ /*@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,500,700);*/ @import url(http://fonts.googleapis.com/css?family=Raleway:400,300,500,600,700,800,900,200,100); @import url(http://fonts.googleapis.com/css?family=Alegreya+Sans:100,300,400); /* ---------------------------- */ /* General /* ---------------------------- */ body { font-family: 'Raleway', sans-serif; font-size: 15px; line-height: 22px; color: #505050; background: #FFF; overflow-x: hidden; } img { max-width:100%; } a { color:inherit; text-decoration:none; -webkit-transition:all .2s ease-in; -moz-transition:all .2s ease-in; -o-transition:all .2s ease-in; transition:all .2s ease-in; } a:hover, a:visited, a:active, a:link{text-decoration: none;} h1, h2, h3, h4, h5, h6{ font-family: 'Raleway', sans-serif; font-weight: 700;} input.error, textarea.error, select.error { border: 1px dotted red !important; } label.error{font-size: 12px;} ul{ margin: 0px; padding: 0px; list-style: none; } .numaric-font{ font-family: sans-serif; } .vertical-text { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); /* also accepts left, right, top, bottom coordinates; not required, but a good idea for styling */ -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; } .thumb_overlay{background-color: rgba(0,0,0,.4); width: 100%; height: 100%; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; position: absolute; z-index: 2;} .thumb_overlay:hover{opacity: 0;} #latest-events {margin-top: 20px;} #latest-events h3 {position: relative; padding-bottom: 10px; margin-bottom: 25px; color: #2B4726; font-size: 28px;} #latest-events h3::after { background: #2b4726 none repeat scroll 0 0; bottom: 0; content: ""; display: block; height: 4px; left: 0; position: absolute; width: 80px; } #event-thumb .th_ovlay{background-color: rgba(0,0,0,.4); width: 360px; height: 270px; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; position: absolute; z-index: 2;} #event-thumb .th_ovlay:hover{opacity: 0;} #latest-events h5 {color: #ab8619; font-size: 20px;} #latest-events h5 a:hover {color: #505050;} #latest-events h6 {color: #505050; font-size: 14px; font-family: serif;} /* ---------------------------- */ /* Custom CSS /* ---------------------------- */ /* body-box-container Start */ #body-box-container{ position: relative; display:block; padding: 10px 10px; background:#FFF; } /* body-box-container End */ /* home-banner-container Start */ #home-banner-container{ position: relative; display:block; /*background: #FFF;*/ color: #FFF; overflow: hidden; } #home-banner-container.inner-detail-container{ z-index: 4; } .inner-detail-container img{background-color: rgb(36, 113, 9);} #home-banner-container #home-banner{ position: relative; display:block; margin: 0px 0px 10px; /*min-height: 600px;*/ /*background-color: #247109;*/ background-color: #000; overflow: hidden; z-index: 9; } #home-banner-container #home-banner .loading-container { position: absolute; width: 100%; height: 100%; min-height: 500px; background: #000 url(../images/preloader.gif) no-repeat center center; z-index: 999999; /*display: none;*/ } #home-banner-container #home-weather { display: block; position: absolute; left: 0px; bottom: 0px; z-index: 5; } #home-banner-container #home-weather ul{ position: relative; display: block; } #home-banner-container #home-weather ul > li{ display: inline-block; padding: 0px 30px 20px; margin: 0px; font-size: 18px; color: #FFF; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.6); } #home-banner-container #home-weather ul > li:not(.last-child){ border-right: 1px solid #FFF; } #home-banner-container #home-weather ul > li span{ /*color: #a8996e;*/ display: block; font-size: 24px; margin-bottom: 5px; font-family: sans-serif;} /* caption */ #home-banner-container #caption { display: block; position: absolute; left: 0px; right: 0px; bottom: 180px; z-index: 5; } #home-banner-container #caption h2{ font-size: 40px; line-height: 45px; font-weight: 400; color: #FFF; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6); } #home-banner-container #caption h2 span { display: block; font-size: 80%; font-weight: 200;} #home-banner-container #goto-next { display: block; position: absolute; left: 0px; right: 0px; bottom: 80px; z-index: 5; } #home-banner-container #goto-next a{ position: relative; display: block; height: 60px; width: 60px; border: 2px solid #FFF; color: #FFF; margin: 0 auto; text-align: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } #home-banner-container #goto-next a:before{ font: normal normal normal 30px/1 FontAwesome; line-height: 60px; content: "\f107"; display: inline-block; position: relative; } #home-banner-container #goto-next a:hover{ color: #ffde7e; border-color: #ffde7e; } /* reservation-social-nav */ #home-banner-container .reservation-social-nav { position: absolute; display: block; right: 0px; top: 130px; z-index: 7; } #home-banner-container .reservation-social-nav ul.social{ display: block; text-align: right; list-style: none; margin: 0 12px 10px 0px; } #home-banner-container .reservation-social-nav ul.social li{ display: inline-block; padding: 0px 7px; } #home-banner-container .reservation-social-nav ul.social li.first-child{ padding-left: 0px; } #home-banner-container .reservation-social-nav ul.social li.last-child{ padding-right: 0px; } #home-banner-container .reservation-social-nav ul.social li a{ font-size: 17px; color: #FFF; font-weight: bold;} #home-banner-container .reservation-social-nav ul.social li a.fb:hover{ color: #0063c8; } #home-banner-container .reservation-social-nav ul.social li a.tw:hover{ color: #2fb9ed; } #home-banner-container .reservation-social-nav ul.social li a.gplus:hover{ color: #ed6848; } #home-banner-container .reservation-social-nav ul.social li a.pin:hover{ color: #ef3838; } #home-banner-container .reservation-social-nav ul.social li a.youtube:hover{ color: #ef3838; } #home-banner-container .reservation-social-nav ul.social li a.tripadvisor:hover{ color: #4B7E37; } #home-banner-container .reservation-social-nav ul.social li a.ln:hover{ color: #0077B5; } #home-banner-container .reservation-social-nav > a{ display: block; color: #FFF; font-size: 15px; line-height: 25px; text-transform: uppercase; text-align: center; text-decoration: none; } #home-banner-container .reservation-social-nav > a:before{ font: normal normal normal 22px/1 FontAwesome; line-height: 25px; content: "\f104"; display: inline-block; position: relative; padding: 7px 10px; margin-right: 1px; background-color: #938048; vertical-align: top; } #home-banner-container .reservation-social-nav > a > span{ display: inline-block; padding: 7px 22px; background-color: #938048; vertical-align: top; } /* Mobile Slider */ #home-banner-container .flexslider{ position: relative; display: none; margin: 0 auto; } /* Specials */ #home-banner-container .specials-nav { position: absolute; display: block; right: -48px; bottom: 75px; z-index: 8;} #body-box-container.inner-page #home-banner-container .specials-nav{ z-index: 19; } #home-banner-container .specials-nav > a{ position: relative; display: block; color: #FFF; font-size: 15px; line-height: 25px; text-transform: uppercase; text-align: center; text-decoration: none; } #home-banner-container .specials-nav > a:after{ font: normal normal normal 22px/1 FontAwesome; line-height: 25px; content: "\f106"; display: inline-block; position: relative; padding: 7px 10px; margin-left: 1px; background-color: #938048; } #home-banner-container .specials-nav > a > span{ display: inline-block; padding: 7px 15px; background-color: #938048; vertical-align: top; } /* Specials | Slide Content | Display None */ #home-banner-container .specials { display: block; position: absolute; right: 0px; bottom: 20px; background: #FFF; text-align: center; color: #000; overflow: visible !important; z-index: 8; } #body-box-container.inner-page #home-banner-container .specials{ z-index: 20; } #home-banner-container .specials > h2{ display: block; position: relative; padding: 7px 10px; color: #FFF; background: #247109; margin: 0px 0px ; font-size: 20px; font-weight: 400; } #home-banner-container .specials > a{ display: block; position: absolute; top: 0px; left: -21px; text-decoration: none; } #home-banner-container .specials > a:before{ content: "\f105"; font: normal normal normal 22px/1 FontAwesome; line-height: 25px; display: block; line-height: 36px; width: 20px; color: #FFF; background: #247109; } #home-banner-container .specials > a:hover:before{ background: #FFF; color: #247109; } #home-banner-container .specials > div { display: block; position: relative; padding: 30px; } #home-banner-container .specials > div ul.bx-home-special > li{ text-align: center; } #home-banner-container .specials > div ul.bx-home-special > li > a { display: block; position: relative; } #home-banner-container .specials > div ul.bx-home-special > li img{ position: relative; display: block; margin: 0 auto 20px; max-height: 132px; } #home-banner-container .specials > div ul.bx-home-special > li h5{ font-size: 16px; font-weight: 500; color: #247109; line-height: 22px; margin: 0 auto; } /* Specials | Slide Content | Display None */ #home-banner-container .reservation { display: none; position: absolute; right: 0px; top: 0px; bottom: 10px; min-width: 300px; /*background: #938048;*/ background: #247109; text-align: center; color: #000; overflow: visible !important; z-index: 8; } #home-banner-container .reservation > h2{ display: block; position: relative; padding: 7px 10px; color: #FFF; background: #938048; margin: 0px 0px ; font-size: 16px; line-height: 22px; font-weight: 400; } #home-banner-container .reservation > a{ display: block; position: absolute; top: 0px; left: -21px; text-decoration: none; } #home-banner-container .reservation > a:before{ content: "\f105"; font: normal normal normal 22px/1 FontAwesome; line-height: 25px; display: block; line-height: 36px; width: 20px; color: #FFF; background: #938048; } #home-banner-container .reservation > a:hover:before{ background: #FFF; color: #938048; } #home-banner-container .reservation > div { display: block; position: relative; text-align: left; padding: 30px; font-size: 13px; } #home-banner-container .reservation > div .btn{ display: block; width: 100%; background: #FFF; -webkit-transition:all .2s ease-in; -moz-transition:all .2s ease-in; -o-transition:all .2s ease-in; transition:all .2s ease-in; } #home-banner-container .reservation > div .btn:hover{ color: #FFF; background: #938048; } #home-banner-container .reservation > div h5{ display: block; position: relative; font-size: 16px; line-height: 24px; color: #FFF; font-family: Arial; font-weight: normal; margin: 30px 0 0px; } #home-banner-container .reservation > div h5 span{ display: block; font-weight: 300; font-size: 90%; } /* home-banner-container End */ /* Mobile Menu */ #header a.mobilemenu{ position: absolute; display: none; top: 55px; left: 20px; text-indent: -999999px; width: 30px; height: 26px; margin-top: -23px; background: url(../images/icons/mobile-nav.png) no-repeat center center; z-index: 99;} /* Mobile Menu end */ /* Header Start */ #header{ position: absolute; left: 0px; right: 0px; top: 0px; display:block; padding: 10px 0px; text-align: center; z-index: 99999; background: -moz-linear-gradient(top, rgba(0,0,0,0.95) 0%, rgba(0,0,0,0.5) 70%, rgba(0,0,0,0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.95)), color-stop(70%,rgba(0,0,0,0.5)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,0.95) 0%,rgba(0,0,0,0.5) 70%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,0,0,0.95) 0%,rgba(0,0,0,0.5) 70%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,0,0,0.95) 0%,rgba(0,0,0,0.5) 70%,rgba(0,0,0,0) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0,0,0,0.95) 0%,rgba(0,0,0,0.5) 70%,rgba(0,0,0,0) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */ } #header.inner-header{ top: 52px; } #header .logo{ position: relative; display: block; margin: 0 auto 10px; } #header .logo img{ max-height: 145px; } #header .main-nav{ position: relative; display: block; text-align: center; } #header .main-nav > li{ display: inline-block; padding: 0px; margin: 0px; } #header .main-nav > li > a{ position: relative; display: block; padding: 5px 15px; font-size: 14px; color: #ffde7e; text-transform: uppercase; text-decoration: none; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6); } #header .main-nav > li.active > a, #header .main-nav > li > a:hover{ color: #FFF; } /* Header End */ /* nav-holder Start */ /* full-body Start */ #full-body{ display:block; padding: 0px 0px; min-height:420px;} #full-body .wc-text{} #full-body .wc-text h1{ display: block; font-size: 35px; line-height: 25px; font-weight: 300; color: #a76127; } #full-body .wc-text h1 span{ display: block; font-size: 24px; color: #000; margin-bottom: 13px;} #full-body .wc-text p.quote{ display: block; padding: 5px 0px 14px; } #full-body .wc-text p.welcome-detail{ line-height: 26px; text-align: justify;} #full-body .wc-text p.quote:after{ content: ''; display: block; position: relative; width: 100px; border-top: 2px solid #a76127; margin-top: 20px; } #full-body h3.page-title{ display: block; font-size: 35px; line-height: 40px; font-weight: 300; color: #000; text-align: center; margin-bottom: 30px; margin-top: 50px;} #full-body h3.page-title:after{ content: ''; display: block; position: relative; height: 10px; background: url(../images/page-title-after-shadow.png) no-repeat center center; margin-top: 10px; } /* Award */ #full-body .hotel-award{ position: relative; display: table; table-layout: fixed; text-align: center; margin: 30px auto; padding: 10px; border: 1px solid #f0f0f0; } #full-body .hotel-award > div{ position: relative; display: table-cell; vertical-align: top; } #full-body .hotel-award > div > div.desc{ position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; background: rgba(0, 0, 0, 0.5); color: #FFF; } #full-body .hotel-award > div > div.desc h3 { font-size: 25px; line-height: 30px; font-weight: 400; margin: 70px 0px 50px; } #full-body .hotel-award > div > div.desc h3:after{ content: ""; display: block; position: relative; max-width: 80px; border: 1px solid #e8c542; margin: 20px auto 0px; } #full-body .hotel-award > div > div.desc p{ position: relative; margin-bottom: 40px; } #full-body .hotel-award > div > div.desc a{ color: #FFF; text-decoration: none; } #full-body .hotel-award > div > div.desc a:after{ font: normal normal normal 16px/1 FontAwesome; content: "\f0da"; display: inline-block; position: relative; color: #e8c542; margin-left: 10px; } #full-body .hotel-award > div > div.desc a:hover{ color: #e8c542; } /*#full-body .hotel-award > div.award{ width: 150px; }*/ /*#full-body .hotel-award > div.award img{ max-height: 80%; }*/ #full-body .hotel-award > div.award h3{ display: block; position: absolute; left: 10px; right: 0px; bottom: 0px; margin: 0px; padding: 7px 0; font-size: 18px; line-height: 22px; color: #000; border: 1px solid #000; border-left: none; border-right: none; } #full-body .custaward{border: none !important; margin-bottom: 0px !important;} #full-body .customtitle{margin-top:5px !important;} /* Specials | For Mobile */ #full-body .specials { display: block; position: relative; text-align: center; color: #000; z-index: 8; } #full-body .specials > h2{ display: block; position: relative; padding: 7px 10px; color: #FFF; background: #247109; margin: 0px 0px ; font-size: 20px; font-weight: 400; } #full-body .specials > a{ display: block; position: absolute; top: 0px; left: -21px; text-decoration: none; } #full-body .specials > a:before{ content: "\f105"; font: normal normal normal 22px/1 FontAwesome; line-height: 25px; display: block; line-height: 36px; width: 20px; color: #FFF; background: #247109; } #full-body .specials > a:hover:before{ background: #FFF; color: #247109; } #full-body .specials > div { display: block; position: relative; padding: 0px 0 20px; } #full-body .specials h5{ font-size: 15px; font-weight: 500; color: #247109; line-height: 18px; margin: 10px auto 0; } /* At A Glance Features | Home Page */ #full-body ul#at-a-glance-features{ position: relative; display: block; margin: 0px -5px 30px; list-style: none; } #full-body ul#at-a-glance-features > li{ float: left; display: block; width: 50%; padding: 0px; margin: 0px; } #full-body ul#at-a-glance-features > li.li1{ width: 67%; } #full-body ul#at-a-glance-features > li.li2{ width: 33%; } #full-body ul#at-a-glance-features > li.li3{ width: 33%; } #full-body ul#at-a-glance-features > li.li6{ width: 67%; } #full-body ul#at-a-glance-features > li.li7{ width: 33%; } #full-body ul#at-a-glance-features > li.li8{ width: 33%; } #full-body ul#at-a-glance-features > li > div { display: block; position: relative; background: #000 url(../images/preloader-small.gif) no-repeat center center; margin: 5px; overflow: hidden; } #full-body ul#at-a-glance-features > li > div a { text-decoration: none; } #full-body ul#at-a-glance-features > li > div > a > img { position: relative; display: block; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -ms-transition: all .5s ease-out; -o-transition: all .5s ease-out; transition: all .5s ease-out; } #full-body ul#at-a-glance-features > li > div > a:hover > img { -webkit-transform: rotate(0deg) scale(1.1); -moz-transform: rotate(0deg) scale(1.1); -ms-transform: rotate(0deg) scale(1.1); -o-transform: rotate(0deg) scale(1.1); transform: rotate(0deg) scale(1.1); } #full-body ul#at-a-glance-features > li > div .desc{ position: absolute; left: 20px; bottom: 20px; color: #FFF; } #full-body ul#at-a-glance-features > li > div .desc h2{ font-size: 32px; line-height: 30px; font-weight: 400; color: #FFF; margin-bottom: 0px 0 0px; /*text-transform: uppercase;*/ } #full-body ul#at-a-glance-features > li > div .small-desc h2{ font-size: 27px;} #full-body ul#at-a-glance-features > li > div .desc .explore{ position: relative; display: inline-block; font-size: 15px; color: #FFF; padding: 5px 10px; background: rgba(9, 39, 9, 0.6); } #full-body ul#at-a-glance-features > li > div:hover .desc .explore{ background: rgba(9, 39, 9, 1); } #full-body ul#at-a-glance-features > li > div .desc .explore:after{ font: normal normal normal 16px/1 FontAwesome; content: "\f105"; display: inline-block; position: relative; margin-left: 30px; } /* full-body End */ /* footer Start */ #footer{ display: block; padding: 50px 0px 20px; background: #090909; font-size: 14px; color: #FFF;} #footer h2{ font-size: 22px; line-height: 26px; font-weight: 400; color: #ab8619; padding-bottom: 15px; border-bottom: 1px solid #999; margin: 0px 0 50px; } #footer p.info{ margin-bottom: 0px; } #footer p.info span{ /*color: #ab8619;*/ } #footer ul.links{ position: relative; display: block; margin: 0px 0; list-style: none; } #footer ul.links > li{ display: inline-block; width: 50%; padding: 7px 0px; margin: 0px; float: left;} #footer ul.links > li:before{ font: normal normal normal 12px/1 FontAwesome; line-height: 20px; content: "\f1db"; display: inline-block; position: relative; margin-right: 10px; } #footer ul.links > li a{ color: #FFF; text-decoration: none; } #footer ul.links > li a:hover{ color: #ab8619; } #footer .stay-in-touch{ position: relative; display: block; } #footer .stay-in-touch h2{ text-align: right; margin-bottom: 20px; } #footer .stay-in-touch ul.social{ display: block; text-align: right; list-style: none; margin-bottom: 20px; } #footer .stay-in-touch ul.social li{ display: inline-block; padding: 0px 15px; } #footer .stay-in-touch ul.social li.first-child{ padding-left: 0px; } #footer .stay-in-touch ul.social li.last-child{ padding-right: 0px; } #footer .stay-in-touch ul.social li a{ font-size: 25px; color: #767676; font-weight: bold;} #footer .stay-in-touch ul.social li a.fb:hover{ color: #0063c8; } #footer .stay-in-touch ul.social li a.tw:hover{ color: #2fb9ed; } #footer .stay-in-touch ul.social li a.gplus:hover{ color: #ed6848; } #footer .stay-in-touch ul.social li a.pin:hover{ color: #ef3838; } #footer .stay-in-touch ul.social li a.youtube:hover{ color: #ef3838; } #footer .stay-in-touch ul.social li a.tripadvisor:hover{ color: #4B7E37; } #footer .stay-in-touch ul.social li a.ln:hover{ color: #0077B5; } #footer .googlemap{ position: relative; display: block; min-height: 150px; } #footer .copyright{ position: relative; display: block; padding-top: 20px; margin-top: 30px; border-top: 1px solid #ab8619; text-align: left; font-size: 13px; color: #f0f0f0; } #footer .copyright a:hover{ color: #ab8619; } #footer .copyright ul.appsdown{display: block; text-align: right; list-style: none; margin-bottom: 0px; } #footer .copyright ul.appsdown li {display: inline-block; padding: 0px 5px;} #footer .copyright ul.appsdown li a {font-size: 14px; color: #E3E3E3; font-weight: normal;} #footer .copyright ul.appsdown li a img{border: 1px solid #353535;} #footer .copyright ul.appsdown li.first-child {padding-left: 0px;} #footer .copyright ul.appsdown li.last-child {padding-right: 0px;} /* footer End */ /* Inner Top */ #inner-top{/*height: 50px;*/ background-color: #000; /*padding-top: 12px;*/ padding: 10px;} #inner-top .contact-p{margin: 0px; color: #fff; float: left; margin-top: 8px; vertical-align: top; font-family: 'PT Sans', sans-serif; font-size: 16px;} #inner-top .contact-p span{background-image: url('../images/inner-header/icons/phone.png'); display: inline-block; width: 24px; height: 24px; margin-right: 10px; margin-top: -3px; float: left;} #inner-top ul{float: right;} #inner-top ul li{display: inline-block; color: #fff; margin-right: 18px; font-family: 'PT Sans', sans-serif; font-size: 15px;} #inner-top ul li.book-now{padding: 5px 25px 5px 20px; background-color: #938048;} #inner-top ul li.book-now:hover{cursor: pointer;} #inner-top ul li.book-now span{background-image: url('../images/inner-header/icons/calendar.png'); display: inline-block; width: 16px; height: 15px; margin-right: 20px;} #inner-top ul li i{color: #707070; font-size: 22px; vertical-align: middle;} #inner-top ul li i:hover{color: #938048;} /* Inner Top End */ /*----- Inner Header Start -----*/ .inner-header .logo{display: inline-block !important; float: left;} .inner-header .main-nav{display: inline-block !important; float: right; margin-top: 57px;} #inner-banner-caption{color: #fff;position: absolute; bottom: 20px; left: 20%;} #inner-banner-caption h2{font-size: 45px; text-transform: uppercase; font-family: 'Alegreya Sans', sans-serif; font-weight: normal;text-shadow: 1px 1px #000;} #inner-banner-caption h2.room-detail-title{font-size: 70px;text-transform: uppercase;font-family: 'Alegreya Sans', sans-serif;font-weight: normal;position: absolute;bottom: 100px;/*left: 37%;*/ line-height: 140px; left: 0; right: 0; text-align: center; display: none;} #inner-banner-caption hr{width: 10%; margin-left: 0; border: 1px solid #fff; margin-top: 0px;} #inner-banner-caption h2.room-detail-title hr{margin-left: auto; width: 10%;} /*.room-detail-container{padding-bottom: 10px;}*/ #home-banner-container .rooms-nav{position: absolute; bottom: 25px; left: 0; z-index: 7; } #home-banner-container .rooms-nav a{position: relative;display: block; color: #FFF; font-size: 15px; line-height: 25px; text-transform: uppercase;text-align: center;text-decoration: none;} #home-banner-container .rooms-nav a span{display: inline-block; padding: 7px 15px; background-color: #938048; vertical-align: top;} #home-banner-container .rooms-nav > a:after{ font: normal normal normal 22px/1 FontAwesome; line-height: 25px; content: "\f105"; display: inline-block; position: relative; padding: 7px 10px; margin-left: 1px; background-color: #938048; } #home-banner-container .rooms-list {display: none; position: absolute; left: 0px; bottom: 20px; background: #FFF; text-align: center; color: #000; overflow: visible !important; z-index: 7;} #home-banner-container .rooms-list > h2{ display: block; position: relative; padding: 7px 10px; color: #FFF; background: #247109; margin: 0px 0px ; font-size: 20px; font-weight: 400; } #home-banner-container .rooms-list > a{ display: block; position: absolute; top: 0px; right: -21px; text-decoration: none; } #home-banner-container .rooms-list > div { display: block; position: relative; padding: 30px; } #home-banner-container .rooms-list > a:before{ content: "\f104"; font: normal normal normal 22px/1 FontAwesome; line-height: 25px; display: block; line-height: 36px; width: 20px; color: #FFF; background: #247109; } #home-banner-container .rooms-list ul li{margin-bottom: 10px;} /*----- Inner Header End -------*/ /*----- Rooms & Suites Start -------*/ .rooms-and-suites-header{text-align: center; margin: 55px auto 70px;} .rooms-and-suites-header h3{color: #88898a;font-weight: 300;font-family: 'Alegreya Sans', sans-serif; font-size: 40px; margin-bottom: 0px;} .rooms-and-suites-header h1{font-weight: 300;font-family: 'Alegreya Sans', sans-serif; font-size: 50px; margin-top: 0px;} .rooms-and-suites-header p{color: #212020; font-size: 17px; line-height: 26px; margin: 30px auto; max-width: 800px;} ul.rooms-and-suites{ position: relative; display: block; margin: 0px -5px 30px; list-style: none; } ul.rooms-and-suites > li{ float: left; display: block; width: 50%; padding: 0px; margin: 0px; } ul.rooms-and-suites > li img{ -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -ms-transition: all .5s ease-out; -o-transition: all .5s ease-out; transition: all .5s ease-out; } ul.rooms-and-suites > li > div { display: block; position: relative; margin: 5px; overflow: hidden; } ul.rooms-and-suites > li > div a { text-decoration: none; } ul.rooms-and-suites > li > div .title-div{ width: 80%; background-color: rgba(35,40,24,0.9); position: absolute; text-align: center; bottom: 5px; left: 10%;} ul.rooms-and-suites > li > div .title-div .content{ border: 1px solid #a87b22; width: 93%; margin: 15px auto;} ul.rooms-and-suites > li > div .title-div h3{color: #fff; font-weight: normal; font-size: 16px; margin: 0px; padding: 8px; letter-spacing: 1px;} ul.rooms-and-suites > li > div .title-div hr{border-top: 1px solid #a87b22; width: 50%; margin: 20px auto;} ul.rooms-and-suites > li > div .title-div .content p{color: #af7f46;} ul.rooms-and-suites > li > div .title-div .content h3 span{background-image: url('../images/icons/arrow.png'); display: inline-block; width: 20px; height: 13px; margin-left: 23px;} ul.rooms-and-suites > li > div .title-div-small{width: 58%; left: 25%;} ul.rooms-and-suites > li > div .title-div-small h3{margin: 0px; font-size: 16px; letter-spacing: 1px;} ul.rooms-and-suites > li > div .title-div-small hr{margin: 10px auto;} ul.rooms-and-suites > li > div .title-div-small p{margin-bottom: 5px;} ul.rooms-and-suites li .thumb-title{font-size: 32px; font-weight: normal; color: #fff; z-index: 3; position: absolute; bottom: 0px; left: 10px;} ul.rooms-and-suites li .thumb-title span{font-size: 32px; font-weight: bold;} ul.rooms-and-suites > li .view-detai{ position: absolute; bottom: 0px; right: 0; color: #fff; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; background-color: #938048; padding: 7px 10px; font-size: 15px; font-weight: normal; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out; } ul.rooms-and-suites li .view-detai span{background-image: url('../images/icons/arrow.png'); display: inline-block; width: 20px; height: 13px; margin-left: 5px;} ul.rooms-and-suites li:hover .view-detai{-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; right: 20px;} /*----- Rooms & Suites End -------*/ /*----- Room Detail -------*/ .room-detail-text{min-height: 410px; background-color: #fff;/*#f2efea*/ padding-top: 20px; padding-bottom: 20px;} .room-detail-text h1{color: #000; font-weight: 300;/*font-family: 'Alegreya Sans', sans-serif;*/ font-size: 20px;/* margin-top: 35px;*/border-bottom: #e8e8e8 1px solid; padding: 0 0 12px 0; margin: 35px 0 30px 0;} .room-detail-text h1 span{font-weight: bold;} .room-detail-text h1 i{font-style: normal; font-size: 25px;} .room-detail-text h1 span.bracket{font-weight: normal; font-size: 18px;} .room-detail-text h1.header{font-size: 32px; color: #386230;} .room-detail-text h1 span.title-block { width: 100px; height: 3px; display: block; position: relative; left: 0; bottom: -14px; background: #2b4726;} .room-detail-text p{margin-top: 35px; /*font-size: 16px;*/ line-height: 25px;} .room-detail-text p span{font-size: 22px; margin-bottom: 35px; display: block;} .room-detail-text .price-div{background: #fff; padding: 20px; margin-top: 25px;-webkit-box-shadow: 0 10px 3px -11px #777; -moz-box-shadow: 0 10px 3px -11px #777;box-shadow: 0 10px 3px -11px #777;} .room-detail-text .price-div p{margin-top: 5px; margin-bottom: 0px; font-weight: 500;} .room-detail-text .price-div p span{font-size: 36px;font-family: serif; margin-bottom: 10px; font-weight: 400;} .room-detail-text .virtual-tour-div{background-color: #fff; padding: 20px 20px 1px 20px; margin-top: 10px; text-align: center; -webkit-box-shadow: 0 10px 6px -6px #777;-moz-box-shadow: 0 10px 6px -10px #777;box-shadow: 0 10px 6px -10px #777; width: 360px;margin: 10px auto 0px;} .room-detail-text .virtual-tour-div a{position: relative;display: block;} .room-detail-text .virtual-tour-div a p{font-family: sans-serif; font-size: 20px; margin-top: 10px;} .room-detail-text .virtual-tour-div a:hover{text-decoration: none;} .room-detail-text .virtual-tour-div a img{margin-bottom: 5px; display: block;} .room-detail-text .virtual-tour-div a span{background-image: url('../images/icons/play.png'); display: block; width: 59px; height: 59px; position: absolute; top: 25%; left: 40%;} .room-detail-text .cost-container{max-height: 165px; background-color: rgba(239,232,221,0.3); margin-top: 80px;} .room-detail-text .cost-container ul{width: 80%; margin: 0px auto; padding-top: 15px;} .room-detail-text .cost-container .std{ font-size: 12px; padding: 0px; margin-top: 2px; font-weight: 500; color: #000; } /*.room-detail-text .cost-container ul li{font-family: sans-serif; display: inline-block; font-size: 15px; margin-right: 65px; vertical-align: top;}*/ .room-detail-text .cost-container ul li{font-family: sans-serif; display: inline-block; font-size: 15px !important; padding-right: 30px; margin-right: 35px; vertical-align: top;} /*.room-detail-text .cost-container ul li span{display: block; font-size: 28px; margin-top: 15px; margin-bottom: 10px;}*/ .room-detail-text .cost-container ul li span{display: block; font-size: 19px; margin-top: 15px; margin-bottom: 10px;} /*.room-detail-text .cost-container ul li.first{color: #000;}*/ .room-detail-text .cost-container ul li.first{color: #000; border-right: 1px solid #ccc;} /*.room-detail-text .cost-container ul li.second{color: #908e8e;}*/ .room-detail-text .cost-container ul li.second{color: #676666; font-size: 19px;} .room-detail-text .cost-container ul li.second span{color: #676666; font-size: 19px;} /*=========================Promotional Offers================================*/ .room-detail-text .cost-container ul.promo {width: 95%;} .room-detail-text .cost-container ul li.promo-first {margin-right: 25px;} .room-detail-text .cost-container ul li .ratetitle span {font-size: 12px; display: inline-block; margin: 0;} .room-detail-text .cost-container ul li .weekdays-offer {float: left; padding-right: 20px; margin-right: 20px; margin-top: 15px; line-height: 12px; border-right: 1px solid #ccc;} .room-detail-text .cost-container ul li .weekdays-offer span {font-size: 19px; margin-top: 4px;} .room-detail-text .cost-container ul li .weekdays-offer span.offer-days {font-size: 9px; line-height: 15px; margin-top: 6px; margin-bottom: 0px;} .room-detail-text .cost-container ul li .weekend-offer {float: left; margin-right: 5px; margin-top: 15px; line-height: 12px;} .room-detail-text .cost-container ul li .weekend-offer span {font-size: 19px; margin-top: 4px;} .room-detail-text .cost-container ul li .weekend-offer span.offer-days {font-size: 9px; line-height: 15px; margin-top: 6px; margin-bottom: 0px;} /*====================End Promotional Offers================================*/ .room-detail-text .room-detail-virtual-tour{margin-top: 30px !important;} .room-detail-text .room-details-ul li{display: block;background-color: rgba(239,232,221,0.3); margin-bottom: 10px; padding: 10px 15px; color: #000; font-size: 15px;} .room-detail-text .room-details-ul li span{display: inline-block; width: 16px; height: 16px; margin-right: 5px; margin-bottom: 8px; vertical-align: top;} .room-detail-text .room-details-ul li i{ font-style: normal;} .room-detail-text h2.small-header{color: #000; font-weight: 300;/*font-family: 'Alegreya Sans', sans-serif;*/ font-size: 20px;/* margin-top: 35px;*/border-bottom: #e8e8e8 1px solid; padding: 0 0 12px 0; margin: 35px 0 30px 0;} .room-detail-text h2.small-header{font-size: 22px; color: #386230;} .room-detail-text h2 span.title-block { width: 100px; height: 3px; display: block; position: relative; left: 0; bottom: -14px; background: #2b4726;} .room-detail-text .room-complementary-ul li{display: inline-block; width: 47%;margin-bottom: 10px;margin-bottom: 10px; background-color: rgba(239,232,221,0.3); padding: 10px; margin-right: 5px; color: #000;} .room-detail-text .room-complementary-ul li.swimmingpool span{background-image: url('../images/icons/swimmingpool.png'); display: inline-block; width: 16px; height: 16px; margin-right: 5px; vertical-align: top;} .room-detail-text .room-complementary-ul li.jucuzzi span{background-image: url('../images/icons/jucuzzi.png'); display: inline-block; width: 16px; height: 16px; margin-right: 5px; vertical-align: top;} .room-detail-text .room-complementary-ul li.wifi span{background-image: url('../images/icons/wifi.png'); display: inline-block; width: 16px; height: 16px; margin-right: 5px; vertical-align: top;} .room-detail-text .room-complementary-ul li.playing-zone span{background-image: url('../images/icons/playing-zone.png'); display: inline-block; width: 16px; height: 16px; margin-right: 5px; vertical-align: top;} .room-detail-text .room-complementary-ul li.fruits-basket span{background-image: url('../images/icons/fruits-basket.png'); display: inline-block; width: 16px; height: 16px; margin-right: 5px; vertical-align: top;} .room-detail-text .room-complementary-ul li.gymnasium span{background-image: url('../images/icons/gymnasium.png'); display: inline-block; width: 16px; height: 16px; margin-right: 5px; vertical-align: top;} .guestpol ul li {padding-bottom: 10px;font-size: 0.948em;font-weight: bold;font-family:'tahoma', sans-serif;} .guestpol ul li span {text-decoration: underline;font-weight: bold;} .guestpol ul li ul {padding-left: 0px;} .guestpol ul li ul li{padding-top: 1px;padding-bottom: 0px;font-weight:normal;} .guestpol ul li ul li.lizspace{margin-bottom: 8px;} .guestpol ul li ul li.loneli{padding-left: 42px;} .guestpol ul li ul li ul {margin-left: 42px;margin-bottom:10px;} .guestpol ul li ul li ul li{padding-top: 3px;padding-bottom: 0px;list-style: none;font-weight:normal;} .guestpol ul li ul li ul li a{text-decoration: none;color: #13330d;font-size: 1.0em !important;font-weight: 600;} .guestpol ul li ul li ul li a:hover{color: #5d4e24;} .guestpol ul li ul li ul li .addrzz{width: 634px;margin-bottom: 12px;text-align: center;} .guestpol ul li ul li ul li span{font-weight: 400;text-decoration:none;} /*## carousel start ##*/ .image-carousel-container{padding: 50px 0px;} .customNavigation .relatedprev{background-image: url('../images/icons/arrow-prev.png'); width: 33px; height: 50px; display: block; position: absolute; top: 40%; left: 20px; z-index: 9;} .customNavigation .relatednext{background-image: url('../images/icons/arrow-next.png'); width: 33px; height: 50px; display: block;position: absolute; top: 40%; right: 40px; z-index: 9;} .customNavigation .relatedprev1{background-image: url('../images/icons/arrow-prev.png'); width: 33px; height: 50px; display: block; position: absolute; top: 50%; left: 20px; z-index: 9;} .customNavigation .relatednext1{background-image: url('../images/icons/arrow-next.png'); width: 33px; height: 50px; display: block;position: absolute; top: 50%; right: 20px; z-index: 9;} .customNavigation .relatedprev2{background-image: url('../images/icons/arrow-prev.png'); width: 33px; height: 50px; display: block; position: absolute; top: 50%; left: 20px; z-index: 9;} .customNavigation .relatednext2{background-image: url('../images/icons/arrow-next.png'); width: 33px; height: 50px; display: block;position: absolute; top: 50%; right: 20px; z-index: 9;} .customNavigation .relatedprev3{background-image: url('../images/icons/arrow-prev.png'); width: 33px; height: 50px; display: block; position: absolute; top: 50%; left: 20px; z-index: 9;} .customNavigation .relatednext3{background-image: url('../images/icons/arrow-next.png'); width: 33px; height: 50px; display: block;position: absolute; top: 50%; right: 20px; z-index: 9;} .customNavigation .relatedprev4, .customNavigation .relatednext4{ width: 33px; height: 50px; display: block; position: absolute; top: 50%; z-index: 9; margin-top: -25px; } .customNavigation .relatedprev4{ background-image: url('../images/icons/arrow-prev.png'); left: 20px; } .customNavigation .relatednext4{ background-image: url('../images/icons/arrow-next.png'); right: 20px; } .customNavigation .relatedprev5{background-image: url('../images/icons/arrow-prev.png'); width: 33px; height: 50px; display: block; position: absolute; top: 50%; left: 20px; z-index: 9;} .customNavigation .relatednext5{background-image: url('../images/icons/arrow-next.png'); width: 33px; height: 50px; display: block;position: absolute; top: 50%; right: 20px; z-index: 9;} .related-carousel{width: 100% !important; float: left;} .related-carousel .owl-item .item{margin-right: 15px;} .related-carousel .owl-item .item > a{ display: block; position: relative; } .related-carousel .owl-item .item > a:after{ content: ""; display: block; position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2) url(../images/icons/camera.png) no-repeat center center; top: 100%; -webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out; transition:all .2s ease-in-out; } .related-carousel .owl-item .item > a:hover:after{ top: 0px; } /*## carousel end ##*/ /* .room-specifications{min-height: 400px; background-color: #efe8dd;} .room-specifications h1{color: #a58350; text-transform: uppercase; font-family: 'Alegreya Sans', sans-serif; font-size: 38px; font-weight: normal;} .room-specifications ul{margin-top: 35px; margin-bottom: 25px;} .room-specifications ul li{display: inline-block; width: 30%; border-bottom: 1px solid #d4cdc3; margin-bottom: 20px; margin-right: 20px; padding-bottom: 15px;} .room-specifications ul li.li-1 span{background-image: url('../images/rooms-and-suites/icons/bed.png'); width: 15px; height: 16px; display: inline-block; margin-right: 20px;} .room-specifications ul li.li-2 span{background-image: url('../images/rooms-and-suites/icons/digital-safe.png'); width: 21px; height: 21px; display: inline-block; margin-right: 20px;} .room-specifications ul li.li-3 span{background-image: url('../images/rooms-and-suites/icons/bathrobe.png'); width: 19px; height: 19px; display: inline-block; margin-right: 20px;} .room-specifications ul li.li-4 span{background-image: url('../images/rooms-and-suites/icons/arm-chairs.png'); width: 20px; height: 12px; display: inline-block; margin-right: 20px;} .room-specifications ul li.li-5 span{background-image: url('../images/rooms-and-suites/icons/dial-phone.png'); width: 20px; height: 15px; display: inline-block; margin-right: 20px;} .room-specifications ul li.li-6 span{background-image: url('../images/rooms-and-suites/icons/pillow-menu.png'); width: 18px; height: 20px; display: inline-block; margin-right: 20px;} .room-specifications ul li.li-7 span{background-image: url('../images/rooms-and-suites/icons/tv.png'); width: 18px; height: 15px; display: inline-block; margin-right: 20px;} .room-specifications ul li.li-8 span{background-image: url('../images/rooms-and-suites/icons/minibar.png'); width: 21px; height: 21px; display: inline-block; margin-right: 20px;} .room-specifications ul li.li-9 span{background-image: url('../images/rooms-and-suites/icons/complimentary.png'); width: 19px; height: 14px; display: inline-block; margin-right: 20px;} .room-specifications ul li.li-10 span{background-image: url('../images/rooms-and-suites/icons/writing-desk.png'); width: 16px; height: 23px; display: inline-block; margin-right: 20px;} .room-specifications ul li.li-11 span{background-image: url('../images/rooms-and-suites/icons/writing-desk.png'); width: 16px; height: 23px; display: inline-block; margin-right: 20px;} .room-specifications ul li.li-12 span{background-image: url('../images/rooms-and-suites/icons/dressing-room.png'); width: 22px; height: 14px; display: inline-block; margin-right: 20px;} .room-specifications ul li.li-13 span{background-image: url('../images/rooms-and-suites/icons/parquet-floors.png'); width: 20px; height: 20px; display: inline-block; margin-right: 20px;} .room-specifications ul li.li-14 span{background-image: url('../images/rooms-and-suites/icons/iron.png'); width: 20px; height: 11px; display: inline-block; margin-right: 20px;} .room-specifications ul li.li-15 span{background-image: url('../images/rooms-and-suites/icons/wifi.png'); width: 22px; height: 14px; display: inline-block; margin-right: 20px;}*/ /*----- Room Detail End -------*/ /*----- Contact Us Start -------*/ .address_div,.contact_enquiry_div{margin-top: 35px;} .address_div h3{color: #938048; font-weight: normal;} .address_div ul li{font-weight: 400; color: #747373; font-size: 14px; font-family: sans-serif;} .contact_enquiry_div label{font-weight: 400;} .contact_enquiry_div h3{color: #938048; font-weight: normal;} .contact_enquiry_div .submit-button{color: #fff; background-color: #938048; border: 0; padding: 5px 10px;} .contact_enquiry_div .captcha-label{text-align: right; display: block; font-size: 13px; margin-right: 14px;} /*----- Contact Us End -------*/ /*----- Reservation Start -------*/ .reservation_container{width: 80%;} .reservation_container h3{color: #fff; font-weight: normal; background-color: #938048; padding: 10px 15px; border-radius: 15px 0px; margin-bottom: 30px;} .reservation_container h1{font-weight: normal; margin-bottom: 20px;} .reservation_container .form-horizontal .control-label{text-align: left;} .reservation_container .form-horizontal .control-label > span{ font-size: 28px; color: #E60D0D; line-height: 2px; vertical-align: middle; } /*----- Reservation End -------*/ /*----- Restaurant Detail Start -------*/ .restaurant-detail-ul{margin-top: 30px;} .restaurant-detail-ul li{margin-bottom: 20px; border-bottom: 1px solid #fff;background-color: rgba(239,232,221,0.3); padding: 10px 5px; font-size: 16px; color: #000; font-weight: 500;} .restaurant-detail-ul li div{display: table-cell;} .restaurant-detail-ul li span{font-size: 14px; display: block; font-weight: normal; color: #383535;} .restaurant-detail-ul li i{margin-right: 15px;} .restaurant-detail-ul li i.item-1{background-image: url('../images/icons/cuisine.png'); display: inline-block; width: 24px; height: 24px; float: left;} .restaurant-detail-ul li i.item-2{background-image: url('../images/icons/atmosphere.png'); display: inline-block; width: 24px; height: 24px; float: left;} .restaurant-detail-ul li i.item-3{background-image: url('../images/icons/service.png'); display: inline-block; width: 24px; height: 24px; float: left;} .restaurant-detail-ul li i.item-4{background-image: url('../images/icons/opening-hours.png'); display: inline-block; width: 24px; height: 24px; float: left;} .restaurant-detail-ul li i.item-5{background-image: url('../images/icons/location.png'); display: inline-block; width: 24px; height: 24px; float: left;} .restaurant-detail-carousel-container{margin-top: 35px;} .room-detail-text .restaurant-detail-virtual-tour{margin-top: 70px; display: block; position: relative;} .room-detail-text .restaurant-detail-virtual-tour span.play-icon{background-image: url('../images/icons/play.png'); display: block; width: 59px; height: 59px; position: absolute; top: 40%; left: 45%; z-index: 2;} .restaurant-detail-carousel-container .restaurant-customNavigation .relatedprev{top: 75%;} .restaurant-detail-carousel-container .restaurant-customNavigation .relatednext{top: 75%;} .restaurant-detail-carousel-container .restaurant-customNavigation .roomprev{top: 80%; border: none;} .restaurant-detail-carousel-container .restaurant-customNavigation .roomnext{top: 80%;} .restaurant-detail-carousel-container .related-carousel .owl-item .item{margin-right: 0px;} .restaurant-detail-virtual-tour > .view-detai{ position: absolute; bottom: 0px; right: 0; color: #fff; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; background-color: #938048; padding: 7px 10px; font-size: 15px; font-weight: normal; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out; } .restaurant-detail-virtual-tour .view-detai span{background-image: url('../images/icons/arrow.png'); display: inline-block; width: 20px; height: 13px; margin-left: 5px;} .restaurant-detail-virtual-tour:hover .view-detai{-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; right: 20px; font-family: sans-serif;} #home-banner-container .restaurant-list a{left: 198px;} /*----- Restaurant Detail End -------*/ /*----- Wellness Start -------*/ .wellness-virtual-tour{/*background-color: #2b4726;*/ display: inline-block; /*color: #fff;*/ padding: 8px 15px; margin-top: 10px; width: 205px; border: 1px solid gray; font-family: sans-serif;} .wellness-virtual-tour span{background-image: url('../images/icons/vt.png'); display: inline-block; width: 32px; height: 32px; vertical-align: middle; margin-right: 12px; margin-top: -4px;} .wellness-virtual-tour:hover{color: #fff; background-color: #386230;} /*----- Wellness End -------*/ /*----- Photo Gallery Start -------*/ #gallery-thumbs .magnet-filter.gallery-tab-nav{ display: block; list-style: none; margin: 20px 0; padding: 0px;} #gallery-thumbs .magnet-filter.gallery-tab-nav li{ display: inline-block; list-style: none; margin: 0px 15px 0 0; padding: 10px 15px; font-size: 14px; font-weight: normal; color: #4d4d4d; border: 1px solid #ccc; cursor: pointer; -webkit-transition:all .2s ease-in; -moz-transition:all .2s ease-in; -o-transition:all .2s ease-in; transition:all .2s ease-in; } #gallery-thumbs .magnet-filter.gallery-tab-nav li:hover, #gallery-thumbs .magnet-filter.gallery-tab-nav li.active{ background: #386230; border-color: #3C962B; color: #FFF;} /* Gallery Thumbnil Image */ .photo-gallery-container ul.photo-gallery { display: block; position: relative; margin: -10px -10px 0; } .photo-gallery-container ul.photo-gallery li{position: relative; display: inline-block; width: 25%; overflow: hidden; margin: 0px; padding: 0px;} .photo-gallery-container ul.photo-gallery > li > div{ display: block; position: relative; margin: 10px 10px; } .photo-gallery-container ul.photo-gallery > li > div > a{ display: block; position: relative; } .photo-gallery-container ul.photo-gallery > li > div > a > h4{ display: block; position: relative; margin: 0px; padding: 7px 10px; font-size: 16px; line-height: 22px; color: #000; background: #f0f0f0; } .photo-gallery-container ul.photo-gallery > li > div > a:hover > h4{ color: #ab8619; } .photo-gallery-container ul.photo-gallery > li > div > a > div{ display: block; position: relative; overflow: hidden; } .photo-gallery-container ul.photo-gallery > li > div > a > div:after{ content: ""; display: block; position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2) url(../images/icons/camera.png) no-repeat center center; top: 100%; -webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out; transition:all .2s ease-in-out; } .photo-gallery-container ul.photo-gallery > li > div > a:hover > div:after{ top: 0px; } .photo-gallery-container ul.photo-gallery > li > div > ul{ display: none; } h1.resheader {margin-bottom: 20px;} ul.respage-gallery li {display: inline-block; float: left; width: 130px;} ul.respage-gallery li div {padding-right: 2px;} ul.respage-gallery li div a h6{text-align: center; font-size: 0.7em; font-weight: 700;} h1.rsvtours {margin-bottom: 20px; margin-top: 5px;} ul.respage-vtz li div a.restaurant-detail-virtual-tour {margin-top: 0px;} /*----- Virtual Tour Start -------*/ .virtual-tour-container .virtual-tour-ul { display: block; position: relative; margin: 0px -5px 0; } .virtual-tour-container .virtual-tour-ul > li{position: relative; display: inline-block; width: 20%; z-index: 3; overflow: hidden; margin: 0px; padding: 0px;} .virtual-tour-container .virtual-tour-ul > li > a { display: block; position: relative; margin: 0px 5px 10px; overflow: hidden; } .virtual-tour-container .restaurant-detail-virtual-tour{margin-top: 0px !important;} .virtual-tour-container .virtual-tour-ul li img{position: relative; display: block; z-index: 3;} .virtual-tour-container .virtual-tour-ul li span.vt-icon{background: rgba(0, 0, 0, 0.3); z-index: 4; position: absolute; width: 100%; height: 100%; top: 0; background-image: url('../images/icons/vt-3.png'); background-repeat: no-repeat; background-position: center; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .virtual-tour-container .virtual-tour-ul li:hover span.vt-icon{top: 100%;} .virtual-tour-container .virtual-tour-ul li span.vt-title{color: #fff; background-color: #000; height: 40px; width: 100%; display: block; position: absolute; z-index: 4; bottom: 0; padding-top: 9px; text-align: center; bottom: -40px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .virtual-tour-container .virtual-tour-ul li:hover span.vt-title{bottom: 0;} /*----- Virtual Tour End -------*/ /*----- Photo Gallery Start -------*/ .photo-gallery-container .virtual-tour-ul li span.vt-icon{background-image: url('../images/icons/photo.png');} /*----- Photo Gallery End -------*/ .mauticform_wrapper {} .mauticform-innerform {} .mauticform-post-success {} .mauticform-name { font-weight: bold; font-size: 1.5em; margin-bottom: 3px; } .mauticform-description { margin-top: 2px; margin-bottom: 10px; } .mauticform-error { margin-bottom: 10px; color: red; } .mauticform-message { margin-bottom: 10px;color: green; } .mauticform-row { display: block; margin-bottom: 20px; } .mauticform-label { /*font-size: 1.1em; display: block; font-weight: bold; margin-bottom: 5px;*/font-size: 15px;padding-top: 4px;margin-bottom: 0;text-align: right;display: block; } .mauticform-row.mauticform-required .mauticform-label:after { color: #e32; content: " *"; display: inline; } .mauticform-helpmessage { display: block; font-size: 0.9em; margin-bottom: 3px; } .mauticform-errormsg { display: block; color: red; margin-top: 2px; } .mauticform-selectbox, .mauticform-input, .mauticform-textarea { /*width: 50%; padding: 0.2em 0.2em; border: 1px solid #CCC; box-shadow: 0px 1px 3px #DDD inset; border-radius: 4px; box-sizing: border-box;*/ width: 70%; padding: 0.3em 0.2em; border: 1px solid #CCC; box-shadow: 0px 1px 3px #DDD inset; box-sizing: border-box; display: block; height: 34px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .mauticform-checkboxgrp-row {} .mauticform-checkboxgrp-label { font-weight: normal; } .mauticform-checkboxgrp-checkbox {} .mauticform-radiogrp-row {} .mauticform-radiogrp-label { font-weight: normal; } .mauticform-radiogrp-radio {} .mauticform-button-wrapper{margin-left: 25%;} .mauticform-button-wrapper button{color: #fff;background-color: #938048;border: 0;padding: 5px 10px;}