File manager - Edit - /home/asiatechinc/public_html/asiatech-websites/raharesort.in/css/main.css
Back
@import url("2035-reset.css"); @import url("font-awesome.min.css"); @import url("slicknav.css"); @import url('https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500;600&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300;400;600&display=swap'); body { margin: 0; padding: 0; font-family: 'Source Sans Pro', sans-serif; font-size: 18px; font-weight: 400; color: #323232; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; line-height: 1.5; } /*-----------------------------------------------------------------------------------*/ /* Global Css /*-----------------------------------------------------------------------------------*/ .mb-60 { margin-bottom: 60px!important; } .mt-10 { margin-top: 10px; } .mt-15 { margin-top: 15px; } .mt-20 { margin-top: 20px; } .mt-30 { margin-top: 30px; } .mt-60 { margin-top: 60px; } .mt-80 { margin-top: 80px; } .mt-110 { margin-top: 110px; } .mb-60 { margin-bottom: 60px; } .mb-80 { margin-bottom: 80px; } .pt-60 { padding-top: 60px; } .pb-60 { padding-bottom: 60px; } #wrapper { width: 100%; height: auto; } .pos-center { text-align: center; } .pos-left { text-align: left; } .pos-right { text-align: right; } a { color: #000; } a:hover { color: #e4b248; text-decoration: none; } input:focus { outline: none; } textarea:focus { outline: none; } .rsp-img-center { margin: 0 auto; } .active-color { color: #e4b248; } h1 { font-family: 'Jost', sans-serif; font-size: 30px; line-height: 44px; color: #222; font-weight: 500; } h2 { font-family: 'Jost', sans-serif; font-size: 35px; line-height: 40px; color: #222; font-weight: 500; } h3 { font-family: 'Jost', sans-serif; font-size: 28px; line-height: 36px; color: #222; font-weight: 500; } h4 { font-family: 'Jost', sans-serif; font-size: 20px; line-height: 32px; color: #222; font-weight: 500; } h5 { font-family: 'Jost', sans-serif; font-size: 20px; line-height: 28px; color: #222; font-weight: 500; } h6 { font-family: 'Jost', sans-serif; font-size: 12px; line-height: 24px; color: #222; letter-spacing: 0.0825em; font-weight: 500; } .content { background: #fff; line-height: 25px; } .slicknav_menu { display: none; } /*-----------------------------------------------------------------------------------*/ /* Header /*-----------------------------------------------------------------------------------*/ .pre-header { background: #fff; padding: 10px 0; } .pre-header ul, .pre-header p { margin: 0; } .pre-header ul li a, .pre-header p { font-size: 16px; } .pre-header ul li { float: left; margin-right: 20px; } .pre-header i { padding-right: 5px; } .pre-link-box { line-height: 25px; } .pre-address-b { height: auto; } .language-box { height: 40px; border-left: 1px solid #f4f4f4; } .language-box ul { background: #fff; height: 40px; position: relative; z-index: 1; padding: 0; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; overflow: hidden; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .language-box ul:hover { height: 183px; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; } .language-box ul li { float: none; margin: 0; padding: 0; font-size: 11px; border-bottom: 1px solid #f4f4f4; line-height: 25px; } .language-box ul li:last-child { border-bottom: 0; } .language-box ul li a { display: inline-block; width: 100%; height: 100%; padding: 10px 20px; padding-bottom: 10px; } .language-box ul li img { margin-right: 8px; margin-top: -3px; } .main-header { background: #f4f4f4; height: auto; } .main-header .logo { padding: 8px 0; } .main-header .logo img { width: 160px; } .nav { position: relative; } /* SF Menu */ .sf-menu li a { font-family: 'Jost', sans-serif; font-weight: 600; } .sf-menu ul { position: absolute; display: none; top: 109px; left: 0px; z-index: 99; } .sf-menu ul li ul { position: absolute; display: none; top: 100%; left: 100%; z-index: 99; } .sf-menu li:hover>ul, .sf-menu li.sf-menuHover>ul { display: block; } .sf-menu ul li { width: 100%; min-width: 200px; } .sf-menu .parent-menu ul { float: none; } .sf-menu .parent-menu { position: relative; } .sf-menu .parent-menu:after { content: "\f078"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; color: #000 !important; font-size: 9px; padding-right: 0.5em; position: absolute; top: 42px; right: 16px; } .sf-menu .parent-menu:hover:after { content: "\f078"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; color: #fff !important; font-size: 9px; padding-right: 0.5em; position: absolute; top: 42px; right: 16px; } /* SF Menu */ .sf-menu .parent-menu.active:after { content: "\f078"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; color: #fff !important; font-size: 9px; padding-right: 0.5em; position: absolute; top: 47px; right: 16px; } .nav ul li { float: left; position: relative; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .nav ul li:last-child { margin-right: 20px; } .nav ul li.active { background: #323232; position: relative; } .nav ul li:hover { background: #323232; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; } .nav ul li:hover a { color: #fff; } .nav ul.sf-menu>li:before { content: ""; position: absolute; top: 73px; left: 50%; margin-left: -12px; height: 2px; width: 0px; background: #e4b248; border: none; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; } .nav ul.sf-menu>li:hover:before { content: ""; position: absolute; top: 73px; left: 50%; margin-left: -12px; height: 2px; width: 25px; background: #e4b248; border: none; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; } .nav ul.sf-menu>li.active:before { position: absolute; top: 73px; left: 50%; height: 2px; width: 25px; background: #e4b248; border: none; } .nav ul li.active a { color: #FFF; } .nav ul li a { font-size: 14px; letter-spacing: 0.1em; color: #222; padding: 37px 15px; display: inline-block; text-transform: uppercase; } .nav ul li.parent-menu a { padding-right: 32px; } .nav ul li ul li { background: #323232; line-height: 20px; border-bottom: 1px solid rgba(240, 240, 240, 0.05); } .nav ul li ul li:last-child { border-bottom: 0; } .nav ul li ul li a { display: inline-block; width: 100%; height: 100%; font-size: 14px; padding: 12px 20px; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; } .nav ul li ul li a:hover { background: #e4b248; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; } /* Alternative Menu */ #home .pre-header { background: url(../img/white-pattern.png) rgba(255, 255, 255, 0.2); } #home .main-header { background: url(../img/white-pattern.png); } #home .nav ul li.active { background: rgba(0, 0, 0, 0.6); } #home .nav ul li.active a { color: #e4b248; } #home .nav ul li a { color: #fff; } #home .sf-menu .parent-menu.active:after { color: #e4b248 !important; } #home .sf-menu .parent-menu:after { color: #fff !important; } #home .nav ul li:hover { background: rgba(0, 0, 0, 0.6); } #home .nav ul li:hover a { color: #e4b248; } #home .sf-menu .parent-menu:hover:after { color: #e4b248 !important; } #home .nav ul li ul li a { color: #fff !important; } #home .nav ul li ul li { background: rgba(0, 0, 0, 0.9); } #home .pre-header p { color: #C9C9CB; } #home .pre-header ul li a { color: #C9C9CB; } #home .language-box ul { background: transparent; } #home .language-box ul li { background: rgba(0, 0, 0, 0.8); border-bottom: 1px solid rgba(255, 255, 255, 0.1); line-height: 25px; } #home .language-box ul li:first-child { background: transparent; } #home .language-box ul:hover li:first-child { background: rgba(0, 0, 0, 0.8); } #home .language-box { border-left: 1px solid rgba(255, 255, 255, 0.1); } /* Alternative Menu */ .button-style-1 a { background: #e4b248; padding: 12px 20px; font-size: 14px; color: #FFF; letter-spacing: 0.0725em; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; } .button-style-1 i { padding-right: 12px; } .button-style-1 a:hover { background: #323232; } /*-----------------------------------------------------------------------------------*/ /* Slider /*-----------------------------------------------------------------------------------*/ .flex-direction-nav a:before { content: "\f104"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; color: #fff; font-size: 55px; padding-right: 0.5em; position: absolute; top: 10px; left: 0; opacity: 0.8; } .flex-direction-nav a.flex-next:before { content: "\f105"; } .flex-direction-nav a:before:hover { opacity: 1; } .falsenav .flex-control-paging { display: none; } .flexslider ul.slides li, .flexslider-thumb ul.slides li { position: relative; } .flexslider ul li .slider-textbox { position: absolute; top: 20%; width: 100%; height: 100%; left: 0; } /*.slider-home .flexslider {*/ /* height: 600px !important;*/ /*}*/ /*.slider-home .flex-viewport {*/ /* height: 600px;*/ /*}*/ .slider { position: relative; } .slider-loading { background: #fff; z-index: 99999999999999999999; } .slider-loading .slides { display: none; } .slider-loading:after { content: url(../img/progress.gif); position: absolute; top: 30%; left: 50%; background: #fff; } .slider-bar { color: #fff; width: auto; height: 70px; background: rgba(0, 0, 0, 0.7); font-size: 30px; padding: 14px 20px 0 20px; font-family: 'Jost', sans-serif; } .slider-triangle { width: 0; height: 0; border-top: 70px solid rgba(0, 0, 0, 0.7); border-right: 50px solid transparent; } .slider-bar-under { color: #fff; width: auto; height: 40px; background: #e4b248; font-size: 18px; padding: 6px 20px 0 20px; font-family: 'Jost', sans-serif; } .slider-triangle-under { width: 0; height: 0; border-top: 40px solid #e4b248; border-right: 26px solid transparent; } .book-slider { position: absolute; bottom: 60px; width: 100%; padding: 10px 0 10px; background: url(../img/slider-book-now.png); } .book-slider ul { display: inline-block; } .book-slider ul li label { text-align: left; } .book-slider ul li { float: left; margin-right: 30px; } .book-slider ul li.sec-input { margin-right: 40px; } .book-slider ul li:last-child { margin-right: 0; } .book-slider input, .book-slider select { height: 30px; border: solid 1px rgba(228, 178, 72, 0.6); background: transparent; color: #FFF; padding-left: 10px; } .sod_select { width: 100px; padding: 0; padding-left: 10px; border: solid 1px rgba(228, 178, 72, 0.6); height: 30px; background: transparent; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; color: #fff; padding-top: 6px; } .sod_select.open { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .sod_select .sod_list_wrapper { border: solid 1px rgba(228, 178, 72, 0.6); } .book-slider input, .book-slider ul li.li-input { width: 200px; } .book-slider select, .book-slider ul li.li-select { width: 100px; } label { width: 100%; color: #FFF; font-size: 12px; letter-spacing: 0.0725em; } ::-webkit-input-placeholder { color: #FFF; font-size: 11px; } .book-slider .button-style-1 { margin: 20px 0; } .bottom-book-slider { position: absolute; bottom: 0px; width: 100%; height: 60px; line-height: 60px; background: url(../img/bottom-slider-book-now.png); border-bottom: solid 3px #e4b248; } .bottom-book-slider { color: #FFF; font-size: 14px; letter-spacing: 0.0725em; } .bottom-book-slider ul li { float: left; width: 25%; border-right: solid 1px rgba(255, 255, 255, 0.1); } .bottom-book-slider ul li:last-child { border-right: none; } .bottom-book-slider i { font-size: 14px; color: #e4b248; padding-right: 15px; } .date-selector::-webkit-input-placeholder { color: #e4b248; } .date-selector:-moz-placeholder { color: #e4b248; } .date-selector::-moz-placeholder { color: #e4b248; } .date-selector:-ms-input-placeholder { color: #e4b248; } .reservation-confirm { max-width: 700px; padding: 0 20px; margin: 0 auto; margin-top: 20px; font-family: Varela Round; font-size: 16px; color: #fff; } .reserve-form-area ul { list-style: none; } /*-----------------------------------------------------------------------------------*/ /* About Info /*-----------------------------------------------------------------------------------*/ .title-shape { margin-top: 5px; margin-bottom: 5px; } .about-title p { font-size: 18px; color: #323232; width: 80%; margin: 0 auto; } .title-style-1 hr { width: 50px; height: 2px; background: #e4b248; float: left; margin: 0; margin-top: 13px; } .title-style-1 h5 { line-height: 15px; font-size: 24px; } .title-style-2 hr { width: 50px; height: 2px; background: #e4b248; margin: 5px auto 10px auto; } .flex-control-paging li a { width: 10px; height: 10px; background: #ccc; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; -o-box-shadow: none !important; box-shadow: none !important; } .flex-control-paging li a.flex-active { background: #e4b248; } /*-----------------------------------------------------------------------------------*/ /* News /*-----------------------------------------------------------------------------------*/ .news-box { padding-bottom: 10px; padding-top: 25px; border-bottom: solid 1px #f1f1f1; clear: both; } .news-box:first-child { padding-top: 0; } .news-box:last-child { border: none; } .news-date { font-size: 10px; } .date-day { background: #e4b248; border-radius: 5px; height: 40px; width: 50px; display: inline-block; position: relative; font-family: Verdana; font-size: 20px; color: #FFF; text-align: center; padding-top: 7px; } .date-day hr { position: absolute; top: 0px; height: 1px; width: 50px; background: #FFF; border: none; opacity: 0.2; } .news-date { width: 55px; } .news-time { width: 20%; } .news-content { width: 80%; } .home-news h6 { font-size: 13px; } /*-----------------------------------------------------------------------------------*/ /* Room /*-----------------------------------------------------------------------------------*/ .home-room-box { margin-bottom: 60px; } .home-room-details ul li { margin-top: 5px; float: left; margin-right: 17px; } .home-room-details a { color: #222; font-weight: 500; font-size: 24px; } .home-room-details i { color: #e4b248; } .room-rating ul li { float: left; margin-right: 5px; } .room-rating ul li i { color: #e4b248; font-size: 14px; } .room-rating ul li i.inactive { color: #c6c6c6; } .room-image { position: relative; overflow: hidden; } .home-room-box:hover .home-room-details { height: 80px; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s; transition: all .4s; } .home-room-details { position: absolute; bottom: 0px; padding: 10px; background: rgba(255, 255, 255, 0.9); width: 100%; height: 46px; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s; transition: all .4s; } .room-details { padding: 10px; } .room-details h5 a { color: #222; } .room-details p { font-size: 18px; } .room-bottom h4 { color: #e4b248; } .home-room-box .room-bottom { padding: 0 10px } .room-bottom-time { font-size: 12px; color: #323232; } .room-features { position: absolute; background: rgba(0, 0, 0, 0.8); padding: 1px 12px; color: #FFF; font-size: 9px; top: 9px; right: 10px; letter-spacing: 0.0725em; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; } .room-features i { padding-right: 5px; } .home-room-box:hover .room-features { background: rgba(0, 0, 0, 1); } .flexslider-thumb .flex-control-nav li { width: 126px; } .flexslider-thumb { margin-bottom: 30px; } @font-face { font-family: 'weather'; src: url('artill-clean-icons/artill_clean_icons-webfont.eot'); src: url('artill-clean-icons/artill_clean_icons-webfontd41dd41d.eot?#iefix') format('embedded-opentype'), url('artill-clean-icons/artill_clean_icons-webfont.woff') format('woff'), url('artill-clean-icons/artill_clean_icons-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } .icon-0:before { content: ":"; } .icon-1:before { content: "p"; } .icon-2:before { content: "S"; } .icon-3:before { content: "Q"; } .icon-4:before { content: "S"; } .icon-5:before { content: "W"; } .icon-6:before { content: "W"; } .icon-7:before { content: "W"; } .icon-8:before { content: "W"; } .icon-9:before { content: "I"; } .icon-10:before { content: "W"; } .icon-11:before { content: "I"; } .icon-12:before { content: "I"; } .icon-13:before { content: "I"; } .icon-14:before { content: "I"; } .icon-15:before { content: "W"; } .icon-16:before { content: "I"; } .icon-17:before { content: "W"; } .icon-18:before { content: "U"; } .icon-19:before { content: "Z"; } .icon-20:before { content: "Z"; } .icon-21:before { content: "Z"; } .icon-22:before { content: "Z"; } .icon-23:before { content: "Z"; } .icon-24:before { content: "E"; } .icon-25:before { content: "E"; } .icon-26:before { content: "3"; } .icon-27:before { content: "a"; } .icon-28:before { content: "A"; } .icon-29:before { content: "a"; } .icon-30:before { content: "A"; } .icon-31:before { content: "6"; } .icon-32:before { content: "1"; } .icon-33:before { content: "6"; } .icon-34:before { content: "1"; } .icon-35:before { content: "W"; } .icon-36:before { content: "1"; } .icon-37:before { content: "S"; } .icon-38:before { content: "S"; } .icon-39:before { content: "S"; } .icon-40:before { content: "M"; } .icon-41:before { content: "W"; } .icon-42:before { content: "I"; } .icon-43:before { content: "W"; } .icon-44:before { content: "a"; } .icon-45:before { content: "S"; } .icon-46:before { content: "U"; } .icon-47:before { content: "S"; } #weather { padding-top: 10px; } #weather i { color: #b4b4b4; font-family: weather; font-size: 130px; font-weight: normal; font-style: normal; line-height: 1.0; } #weather .pull-left { margin-top: -30px; } #weather h3 { font-size: 14px; padding-left: 10px; } #weather h3:first-child { margin-top: 40px; } /*-----------------------------------------------------------------------------------*/ /* Parallax /*-----------------------------------------------------------------------------------*/ .parallax { position: relative; width: 100%; background-attachment: fixed !important; background-size: cover !important; background-repeat: repeat-y; background-position: top center; } .parallax-one { background: url('../img/bg/1.jpg'); height: 380px; padding: 100px 0; background-size: cover; background-repeat: no-repeat; } /*-----------------------------------------------------------------------------------*/ /* Support /*-----------------------------------------------------------------------------------*/ .support-box { position: relative; background: rgba(255, 255, 255, 0.95); padding: 10px 50px; padding-top: 60px; } .support-box-title { position: absolute; background: rgb(228 178 72); width: 50px; height: 50px; text-align: center; border-radius: 50%; top: -25px; left: 50%; margin-left: -30px; } .support-box-title i { color: #FFF; font-size: 18px; padding-top: 18px; } /* Flip Card */ .flip-container { -webkit-perspective: 1000; -moz-perspective: 1000; -ms-perspective: 1000; perspective: 1000; transform-style: preserve-3d; -ms-transform: perspective(1000px); -moz-transform: perspective(1000px); -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; } .flip-container:hover .back { transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); -ms-transform: rotateY(0deg); } .flip-container:hover .front { transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); -ms-transform: rotateY(180deg); } /* END: Accommodating for IE */ .flip-container, .front, .back { width: 100%; height: 190px; } /* flip speed goes here */ .flipper { transition: 0.8s; transform-style: preserve-3d; position: relative; } /* hide back of pane during swap */ .front, .back { backface-visibility: hidden; transition: 0.8s; transform-style: preserve-3d; position: absolute; top: 0; left: 0; background: #fff !important; } /* UPDATED! front pane, placed above back */ .front { z-index: 2; transform: rotateY(0deg); } /* back, initially hidden pane */ .back { transform: rotateY(-180deg); } /*-----------------------------------------------------------------------------------*/ /* Newsletter /*-----------------------------------------------------------------------------------*/ .newsletter-wrapper { display: inline-block; } .newsletter-top { width: 60%; border-bottom: solid 1px #f1f1f1; margin: 0 auto; padding-bottom: 30px; } .newsletter-section { margin: 0 auto; } .newsletter-form h2 { color: #666666; margin-right: 40px; font-size: 24px; } .newsletter-form input { height: 40px; width: 280px; padding-left: 10px; } input[type="submit"] { margin-left: 20px; border: solid 1px #e4b248; background: #e4b248; padding: 6px 0; text-align: center; width: 120px; font-size: 14px; color: #FFF; letter-spacing: 0.0725em; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; } input[type="submit"]:hover { background: #323232; border: solid 1px #323232; } .newsletter-form ::-webkit-input-placeholder { color: #323232; font-size: 16px; font-weight: 400; line-height: 40px; } /*-----------------------------------------------------------------------------------*/ /* Footer /*-----------------------------------------------------------------------------------*/ .footer { background: #f4f4f4; line-height: 25px; } .main-footer { padding: 60px 0 20px; font-size: 16px; border-bottom: solid 1px #eeeeee; background: #323232; } .main-footer p { color: #eee; } .main-footer h6 { font-size: 20px; color: #eee; } .main-footer a { color: #eee; } ul.footer-links { margin-top: 30px; } ul.footer-links li i { color: #e4b248; padding-right: 10px; } .footer-logo img { width: 220px; } .footer-logo img { display: inline-block; } .pre-footer { padding: 12px 0; background: #323232; } .pre-footer ul li { float: left; margin-right: 5px; } .pre-footer p { color: #eee; margin-right: 10px; margin: 0; font-size: 16px; } .pre-footer li a i { margin-left: 8px; font-size: 16px; color: #eee; } /*-----------------------------------------------------------------------------------*/ /* Breadcrumb /*-----------------------------------------------------------------------------------*/ .breadcrumb { padding: 100px 0; border-radius: 0 !important; } .breadcrumb h2 { color: #fff; } .breadcrumb-1 { background: url(../temp/breadcrumb-1.jpg) no-repeat fixed; background-size: cover; } .breadcrumb-2 { background: url(../hotel-shreenathji/banner1.jpg) no-repeat fixed; background-size: cover; } .breadcrumb h1 { font-size: 45px; } /*-----------------------------------------------------------------------------------*/ /* Accordion /*-----------------------------------------------------------------------------------*/ .panel { margin-bottom: 10px; border: 0; border-radius: 0; -webkit-box-shadow: 0 0 0; box-shadow: 0 0 0; } .active .plus-box { border: 0; color: #fff; } .panel-style { padding: 7px 10px; border: solid 1px #e9e8e4; } .active-panel .panel-style { background: #e4b248; border: solid 1px #e4b248; } .panel-style a { margin-left: 10px; } .active-panel .panel-style a { color: #FFF; } .panel-style h4 { font-size: 12px; } .tabbed-area h4 { margin-bottom: 15px; } .tabbed-area li a { width: 100%; display: inline-block; line-height: 45px; } /*-----------------------------------------------------------------------------------*/ /* About Destination & Tab /*-----------------------------------------------------------------------------------*/ .about-destination-box { padding: 20px 0; padding-top: 30px; border-bottom: solid 1px #f1f1f1; } .about-destination-box:first-child { padding-top: 0; } .about-destination-box a p { color: #727272; } .tab-style .active-tab h6 { color: #e4b248; } /*-----------------------------------------------------------------------------------*/ /* Sidebar /*-----------------------------------------------------------------------------------*/ .blg-img { width: 20%; } .blg-txt { padding-left: 5%; width: 75%; } .blg-txt p { margin-top: 10px; font-size: 12px; line-height: 22px; } ul.sidebar-recent li { margin-bottom: 30px; } ul.sidebar-recent li:last-child { margin-bottom: 0; } ul.sidebar-recent li h5 { line-height: 22px; } .luxen-widget .title h4 { margin-bottom: 20px; } .luxen-widget { margin-bottom: 60px; } ul.social-links li { float: left; } ul.social-links li i { width: 30px; height: 30px; background: #e4b248; border-radius: 50%; color: #FFF; margin-right: 10px; text-align: center; padding-top: 9px; font-size: 12px; } ul.social-links li i:hover { background: #0c242e; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; } .luxen-widget.news-widget .footer-links { margin-top: 10px !important; } /*-----------------------------------------------------------------------------------*/ /* Gallery /*-----------------------------------------------------------------------------------*/ .gallery-box { margin-top: 30px; } .gallery-box h5 { margin-top: 20px; line-height: 12px; } .gallery-box h6 { font-size: 10px; color: #e4b248; } /*-----------------------------------------------------------------------------------*/ /* Room List /*-----------------------------------------------------------------------------------*/ .sortby { border-bottom: solid 1px #f1f1f1; padding-bottom: 20px; } select { border: solid 1px #f1f1f1; background: #FFF; padding: 5px 15px; } .sort-icon img { margin-left: 10px; } table tr.products-title { background: #f5f5f5; height: 50px; } table td.table-products-image { width: 10%; } .products-image-table { padding: 20px; } table td.table-products-name { width: 55%; } table td.table-products-price { width: 10%; } table td.table-products-total { width: 25%; } table tr.table-products-list { border-bottom: solid 1px #f0f0f0; } .table-products-list img { max-width: 150px; } .title-table { text-align: left !important; padding: 40px 0; } .list-room-icons { width: 100%; } .list-room-icons ul li { float: left; margin-right: 10px; } .list-room-icons ul li i { color: #e4b248; font-size: 10px; } .room-details-list .room-rating { margin-left: 10px; } /*-----------------------------------------------------------------------------------*/ /* Quick reservation /*-----------------------------------------------------------------------------------*/ .quick-reservation-container { background: url(../temp/quick-reservation.html); padding: 7px; margin-bottom: 60px; } .quick-reservation { border: solid 1px rgba(228, 178, 72, 0.6); padding: 10px; padding-bottom: 30px; } .quick-reservation h5 { color: #FFF; line-height: 15px; } .quick-reservation .title-quick .line { width: 23px; height: 2px; margin: 0 auto; display: inline-block; background: #e4b248; } .quick-reservation input, .quick-reservation select { height: 30px; border: solid 1px rgba(228, 178, 72, 0.6); background: transparent; color: #FFF; padding-left: 10px; width: 100%; } label { margin-top: 10px; width: 100%; color: #FFF; font-size: 12px; letter-spacing: 0.0725em; } .quick-reservation .children { width: 45%; } .quick-reservation .type { width: 45%; margin-left: 10%; } .quick-reservation .rooms { width: 45%; } .quick-reservation .search-button { width: 45%; margin-left: 10%; } .quick-reservation .button-style-1 { margin-top: 40px; width: 100%; } .quick-reservation .button-style-1 a { font-size: 14px !important; padding: 8px 15px; } /*-----------------------------------------------------------------------------------*/ /* Room Single /*-----------------------------------------------------------------------------------*/ ul.room-services { margin-top: 30px; } ul.room-services i { color: #e4b248; padding-right: 10px; } ul.room-services li { margin-bottom: 10px; } ul.tabbed-area li { float: left; width: 33%; border: solid 1px #f1f1f1; padding: 0 20px; } ul.tabbed-area li.active { background: #e4b248; border: solid 1px #e4b248; } ul.tabbed-area li.active a { color: #FFF; } /*-----------------------------------------------------------------------------------*/ /* Contact Form /*-----------------------------------------------------------------------------------*/ .contact-form input[type="text"] { width: 100%; margin-bottom: 10px; height: 44px; border: solid 1px #ddd; padding-left: 10px; } .contact-form textarea { width: 100%; border: solid 1px #ddd; height: 150px; padding-left: 10px; padding-top: 10px; } .contact-form ::-webkit-input-placeholder { color: #323232; font-size: 16px; font-weight: 500; } .error-page-container { margin-top: 15%; } /*-----------------------------------------------------------------------------------*/ /* Attraction Page /*-----------------------------------------------------------------------------------*/ .homepage-attraction { margin-top: 80px; } .homepage-attraction .attraction-text { margin-bottom: 30px; } .homepage-attraction .attraction-text .section-title h2 { color: #222; line-height: 45px; margin-bottom: 30px; margin-top: 16px; font-size: 35px; } .homepage-attraction .attraction-text p { letter-spacing: 0.2px; margin-bottom: 42px; } .homepage-attraction .primary-btn { display: inline-block; font-size: 16px; font-weight: 400; padding: 12px 28px; color: #ffffff; background: #e4b248; letter-spacing: 0.5px; } .homepage-attraction .attraction-img { margin-bottom: 30px; } .homepage-attraction .attraction-img img { width: 100%; } .attraction-item { margin-bottom: 45px; } .attraction-item .bi-pic img { width: 100%; } .attraction-item .bi-text { padding-top: 25px; } .attraction-item .bi-text .bi-title { margin-bottom: 20px; } .attraction-item .bi-text .bi-title h3 { color: #222; margin-bottom: 6px; font-size: 24px; } p { font-size: 18px; color: #323232; font-family: 'Source Sans Pro', sans-serif; line-height: 28px; margin: 0 0 15px 0; } /*-----------------------------------------------------------------------------------*/ /* Error Page /*-----------------------------------------------------------------------------------*/ .big-error-number { font-size: 180px; } .error-page-container .button-style-1 { margin-top: 100px; margin-bottom: 15%; } /*-----------------------------------------------------------------------------------*/ /* Blog /*-----------------------------------------------------------------------------------*/ .blog-post { margin-top: 60px; } .post-materials ul li { float: left; margin-right: 30px; } .post-materials ul li a { color: #333; } .post-materials ul li i { color: #e4b248; padding-right: 10px; } .post-materials h6 { font-size: 10px; } .blog-share-tags { padding-bottom: 35px; border-bottom: solid 2px #eaeaea; } .blog-tags ul li { float: left; position: relative; margin: 0 5px; } .blog-tags .title i { font-size: 15px; color: #e4b248; margin-right: 10px; } .blog-tags ul li.title { float: left; margin-left: 0; } .blog-tags ul li a { background: #f1f1f1; font-size: 11px; padding: 5px 10px; color: #666; border-radius: 15px; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; } .blog-tags ul li a:hover { background: #e4b248; color: #FFF; } .blog-tags ul li.title:after, .blog-tags ul li:last-child:after { display: none; } .blog-share ul li { float: left; position: relative; margin: 0 25px; } .blog-share ul li:last-child { margin-right: 0; } .blog-share ul li i.fa-facebook { color: #3B5998; } .blog-share ul li i.fa-twitter { color: #55ACEE; } .blog-share ul li i.fa-pinterest { color: #CC2127; } .blog-share ul li i.fa-google-plus { color: #DD4B39; } .blog-share ul li.title { float: left; margin-left: 0; margin-right: 15px; } .blog-share ul li a { color: #666; } .blog-share ul li:after { content: "|"; position: absolute; top: -3px; right: -25px; font-size: 7px; } .blog-share ul li.title:after, .blog-share ul li:last-child:after { display: none; } /*-----------------------------------------------------------------------------------*/ /* Comments /*-----------------------------------------------------------------------------------*/ .write-comment-box { padding: 40px; } .write-comment a { color: #666; } .comment-box { background: #f5f5f5; padding: 30px; } .comment-author-image img { width: 75px; } .write-comment-box input[type="submit"] { float: right; } .children li { margin-left: 15%; position: relative; height: auto !important; } .children li.comment-box:after { content: ''; position: absolute; left: -80px; top: -15px; height: 80px; width: 40px; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; } .children>.children li { margin-left: 30%; position: relative; height: auto !important; } .children>.children li:after { content: ''; position: absolute; left: -80px; top: -15px; height: 80px; width: 40px; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; } /*-----------------------------------------------------------------------------------*/ /* Under Construction /*-----------------------------------------------------------------------------------*/ #under-construction-page { background: url(../temp/slider-2.html) !important; height: 100%; } .mask { height: 100%; background: rgba(0, 0, 0, 0.6); } #under-construction-page .logo { max-width: 180px; margin: 0 auto; } #under-construction-page .cons-line { width: 50%; margin: 0 auto; height: 1px; background: rgba(255, 255, 255, 0.1); } #under-construction-page h1 { color: #FFF; } #under-construction-page p { color: #FFF; font-family: Varela Round; font-size: 12px; max-width: 50%; margin: 0 auto; } .breadcrumb { margin-bottom: 0; } .free-book { background: #162229; } .free-book .book-slider { position: relative; bottom: 0; width: 100%; height: auto; padding: 140px 0; background: transparent; } .light-book-form input[type="text"] { width: 100%; border: solid 1px #f0f0f0; height: 44px; padding-left: 10px; padding-right: 10px; color: #333; } .light-book-form ::-webkit-input-placeholder { color: #555; font-size: 11px; } .light-book-form label { color: #111; text-align: left; font-size: 13px; text-transform: none; margin-top: 40px; font-weight: normal; } .light-book-form .sod_select { color: #555; border: solid 1px #f0f0f0; border-radius: 0; height: 44px; width: 100%; } .light-book-form .li-select { float: left; width: 32%; margin-right: 2%; } .light-book-form .li-select.no-margin { margin-right: 0; } .reset-clearfix { clear: both; } .light-book-form .sod_label { padding-top: 5px; } .light-book-form .reservation-confirm { color: #333; } .white-title h2 { color: #FFF; } /*-----------------------------------------------------------------------------------*/ /* Added Version:1.3.2 /*-----------------------------------------------------------------------------------*/ .portfolio-filters { margin-top: 40px; margin-bottom: 30px; text-align: center; } .portfolio-filters ul { display: inline-block; } .portfolio-filters ul li { float: left; margin-right: 10px; } .portfolio-filters ul li a { background-color: #f9f9f9; color: #444; padding: 10px; text-decoration: none; } .portfolio-filters ul li a:hover { background-color: #F5B33C; color: #fff; } .portfolio-filters ul li a.active { background-color: #F5B33C; color: #fff; } .portfolio-box .item { margin-bottom: 20px; } .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; } .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } .fixed-error { -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; border: 1px solid red !important; } .hotel-info { display: flex; align-items: center; flex-wrap: wrap; }
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0.03 |
proxy
|
phpinfo
|
Settings