File manager - Edit - /home/asiatechinc/public_html/asiatech-websites/hotelishankatra.in/css/style.css
Back
@charset "UTF-8"; @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap'); #loading { background-color: #333; height: 100%; width: 100%; position: fixed; z-index: 99999; margin-top: 0; top: 0; overflow: hidden; } #loading-center { width: 100%; height: 100%; position: relative; } #loading-center-absolute { position: absolute; left: 50%; top: 50%; height: 100px; width: 50px; margin-top: -50px; margin-left: -25px; } .object { width: 50px; height: 8px; margin-bottom: 15px; background-color: #fff; -webkit-animation: animate .8s infinite; animation: animate .8s infinite; } #object_two { -webkit-animation-delay: .2s; animation-delay: .2s; } #object_four { -webkit-animation-delay: .2s; animation-delay: .2s; } @-webkit-keyframes animate { 50% { -ms-transform: translate(50%, 0); -webkit-transform: translate(50%, 0); transform: translate(50%, 0); } } @keyframes animate { 50% { -ms-transform: translate(50%, 0); -webkit-transform: translate(50%, 0); transform: translate(50%, 0); } } body { font-family: 'Poppins', sans-serif; line-height: 1.5em; } .text-block { padding: 50px 0; } .room-img { height: 100%; } img>.center-image { position: relative; top: 0; right: 0; bottom: 0; left: 0; } .white p { color: #fff; } .no-gutter>[class*=col-] { padding: 0; } .no-padding { padding: 0; } .white-bg { background-color: #fff; } .gray-bg { background-color: #f2f1f1; } .turq-bg { background-color: #2aa5ab; } .turqdark-bg { background-color: #115e61; } .outlinedark-bg { border: 1px solid #333; } .charq-bg { background-color: #3f3f3f; } .charqdark-bg { background-color: #333; } ul.avara-ul { list-style: none; display: block; margin: 0; padding: 0; } .row-eq-height { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .container-full { margin: 0 auto; width: 100%; } .avara-brand h1 { font-family: 'Poppins', sans-serif; font-weight: 500; color: #fff; text-align: center; font-size: 2.5em; padding: 20px 0; width: 100%; white-space: nowrap; } .avara-brand img { text-align: center; padding: 10px 0; margin: 0 auto; } .logo { position: absolute; left: 10px; padding: 20px; } .logo-basic-nav { position: absolute; z-index: 999; top: -6px; left:0; padding: 10px; width: 264px; } header { width: 100%; height: 75px; position: fixed; top: 0; left: 0; z-index: 888; background: 0 0; -webkit-transition: height .3s; -moz-transition: height .3s; -ms-transition: height .3s; -o-transition: height .3s; transition: height .3s; } header .logo { display: inline-block; width: 105px; float: left; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; } header nav { display: inline-block; float: right; } header nav a { color: #9fdbfc; font-weight: 700; font-size: 18px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; } header nav a:hover { color: #fff; } header.smaller { height: 75px; background: #333; } header.smaller .logo { width: 85px; padding: 13px 20px; } header.smaller nav a { line-height: 75px; } a.reserve { font-size: 2.1rem; font-weight: 500; position: relative; color: #fff; float: right; padding: 27px 21px; top: -1px; right: 80px; cursor: pointer; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; transition: all .2s; } header.smaller a.reserve { background-color: #2aa5ab; } a.reserve-classic:after, a.reserve:after { content: "\f073"; font-family: FontAwesome; padding-left: 10px; } a.reserve:hover { text-decoration: none; } .btn-global, .btn-large, .btn-medium, .btn-small { font-weight: 500; padding: 10px 30px; cursor: pointer; display: block; margin: 10px; text-align: center; opacity: 1; } .btn-global { border: 2px solid #323232; color: #fff; font-weight: 700; } .btn-global:before { background-color: #333; } .btn-small { padding: 12px 15px; } .btn-medium { font-size: .9em; } .btn-large { padding: 20px 25px; } .btn-featured { font-size: .9em; position: relative; left: 40px; font-weight: 700; } .btn-black { background: #333; color: #fff; } .btn-aqua { background: #158ab2; color: #fff; border: 0; } .btn-aqua, .btn-black, .btn-global, .btn-white { font-family: 'Poppins', sans-serif; font-size: .9em; text-transform: uppercase; border-radius: 0; cursor: pointer; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; } .btn-aqua:hover, .btn-black:hover, .btn-global:hover, .btn-white:hover { text-decoration: none; color: #f2f1f1; } .btn-black:hover { opacity: .9; } .overlay.overlay-hugeinc.open { z-index: 1001 !important; position: fixed; height: 100%; } section.section-reservation-modal .overlay { z-index: -1 !important; } .section-reservation-exposed, .section-reservation-modal { z-index: auto !important; } .exposed { background-color: #333; border: 10px solid #232323; padding: 25px; } .exposed-footer { background-color: #474747; border: 10px solid #3d3c3c; padding: 25px; } header { z-index: 1001 !important; } .ps_control_bsquare .carousel-control { z-index: 1000 !important; } .section-reservation-modal { position: relative; } .section-reservation-exposed h1, .section-reservation-modal h1 { font-family: 'Poppins', sans-serif; font-size: 1.4em; font-weight: 500; color: #fff; text-transform: none; padding: 5px 0; } .section-reservation-exposed h1:after, .section-reservation-modal h1:after { background: 0 0; content: ""; height: 2px; left: 0; margin: 0 auto; position: absolute; right: 0; top: 43%; width: 4%; } .section-reservation-exposed h2, .section-reservation-modal h2 { font-size: 1.1em; font-weight: 500; color: #484848; line-height: 1.5em; padding: 35px 50px 150px 50px; } .section-reservation-exposed h1 { position: relative; bottom: 25px; } .section-reservation-modal h3 { font-size: .3em; font-weight: 500; color: #999; padding: 10px 0; text-transform: uppercase; letter-spacing: .2em; text-align: left; } .section-reservation-exposed h3 { font-size: .4em; font-weight: 500; color: #999; padding: 10px 0; text-transform: uppercase; letter-spacing: .2em; text-align: left; position: relative; bottom: 35px; } .section-reservation-exposed .questions-wrapper { top: -10px; position: relative; } .simform { position: relative; margin: 0 auto; padding: 2em 0; max-width: 860px; width: 100%; text-align: left; font-size: 2.5em; text-indent: 0; } .simform .submit { display: none; } .simform ol { margin: 0; padding: 0; list-style: none; position: relative; -webkit-transition: height .4s; transition: height .4s; } .simform ol:before { content: ''; background-color: rgba(0, 0, 0, .1); position: absolute; left: 0; bottom: 0; width: 100%; height: 2.35em; } .questions-wrapper { position: relative; top: 10px; } .questions li { z-index: 100; position: relative; visibility: hidden; height: 0; -webkit-transition: visibility 0s .4s, height 0s .4s; transition: visibility 0s .4s, height 0s .4s; } .no-js .questions li, .questions li.current { visibility: visible; height: auto; -webkit-transition: none; transition: none; } .questions li>span { display: block; overflow: hidden; } .questions li>span label { font-family: 'Poppins', sans-serif; font-weight: 500; color: #fafafa; font-size: .57em; display: block; padding: 10px 0; letter-spacing: .1em; text-transform: uppercase; -webkit-transition: -webkit-transform .4s; transition: transform .4s; -webkit-transform: translateY(-100%); transform: translateY(-100%); } .no-js .questions li>span label, .questions li.current>span label { -webkit-transition: none; transition: none; -webkit-transform: translateY(0); transform: translateY(0); } .show-next .questions li.current>span label { -webkit-animation: moveUpFromDown .4s both; animation: moveUpFromDown .4s both; } @-webkit-keyframes moveUpFromDown { from { -webkit-transform: translateY(100%); } to { -webkit-transform: translateY(0); } } @keyframes moveUpFromDown { from { -webkit-transform: translateY(100%); transform: translateY(100%); } to { -webkit-transform: translateY(0); transform: translateY(0); } } .questions input { display: block; font-weight: 500; margin: .3em 0 0 0; padding: .5em 1em .5em .7em; width: calc(100% - 2em); border: none; background: 0 0; color: #cecece; font-size: 1em; line-height: 1; letter-spacing: .05em; opacity: 0; -webkit-transition: opacity .3s; transition: opacity .3s; z-index: 1; position: relative; } .no-js .questions input, .questions .current input { opacity: 1; } .questions input:focus, .simform button:focus { outline: 0; } .section-reservation-modal .fa-calendar-check-o { font-size: 2.2em; width: 100%; padding-bottom: 15px; } .section-reservation-modal button { float: right; display: inline-block; background-color: #333; color: #fff; font-weight: 500; position: absolute; right: 0; top: 120px; z-index: 999; border-radius: 0; letter-spacing: 1px; border: none; padding: 17px 7px; outline: 0; text-transform: uppercase; } .res-next { position: absolute; right: 0; bottom: 2.15em; display: block; padding: 0; width: 2em; height: 2em; border: none; background: 0 0; color: rgba(0, 0, 0, .4); text-align: center; opacity: 0; z-index: 100; cursor: pointer; -webkit-transition: -webkit-transform .3s, opacity .3s; transition: transform .3s, opacity .3s; -webkit-transform: translateX(-20%); transform: translateX(-20%); pointer-events: none; -webkit-tap-highlight-color: transparent; } .res-next:hover { color: rgba(255, 255, 255, .5); } .res-next::after { font-family: FontAwesome; content: "\f061"; position: absolute; bottom: 60px; left: 0; width: 100%; height: 100%; text-transform: none; font-weight: 500; font-style: normal; font-variant: normal; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .section-reservation-exposed .res-next::after { font-family: FontAwesome; content: "\f061"; position: absolute; bottom: -70px; color: #fff; left: 0; width: 100%; height: 100%; text-transform: none; font-weight: 500; font-style: normal; font-variant: normal; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .res-next.show { opacity: 1; -webkit-transform: translateX(0) translateY(20px); transform: translateX(0) translateY(20px); pointer-events: auto; background: 0 0; } .simform .progress { width: 0%; height: .15em; background: rgba(0, 0, 0, .3); -webkit-transition: width .4s ease-in-out; transition: width .4s ease-in-out; } .simform .progress::before { position: absolute; top: auto; width: 100%; height: inherit; background: rgba(0, 0, 0, .05); content: ''; } .simform .number { color: #e0dede; position: absolute; right: 0; overflow: hidden; margin: .4em 0; width: 3em; font-weight: 700; font-size: .4em; } .simform .number:after { position: absolute; left: 50%; content: '/'; opacity: .4; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .simform .number span { float: right; width: 40%; text-align: center; } .simform .number .number-current { float: left; } .simform .number-next { position: absolute; left: 0; } .simform.show-next .number-current { -webkit-transition: -webkit-transform .4s; transition: transform .4s; -webkit-transform: translateY(-100%); transform: translateY(-100%); } .simform.show-next .number-next { -webkit-animation: moveUpFromDown .4s both; animation: moveUpFromDown .4s both; } .simform .error-message, .simform .final-message { font-family: 'Poppins', sans-serif; position: absolute; visibility: hidden; opacity: 0; -webkit-transition: opacity .4s; transition: opacity .4s; } .simform .error-message { padding: .4em 3.5em 0 0; width: 100%; color: rgba(0, 0, 0, .7); font-style: italic; font-size: .4em; } .final-message { font-weight: 500; top: 50%; color: #fafafa; left: 0; padding: .5em; font-size: 1em; width: 100%; text-align: center; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .error-message.show, .final-message.show { visibility: visible; opacity: 1; } .final-message.show { -webkit-transition-delay: .5s; transition-delay: .5s; } .simform-inner.hide { visibility: hidden; opacity: 0; -webkit-transition: opacity .3s, visibility 0s .3s; transition: opacity .3s, visibility 0s .3s; } .no-js .simform { font-size: 1.75em; } .no-js .questions li { padding: 0 0 2em; } .no-js .simform .submit { display: block; float: right; padding: 10px 20px; border: none; background: rgba(0, 0, 0, .3); color: rgba(0, 0, 0, .4); } .no-js .simform .controls { display: none; } input[type=text]::-ms-clear { display: none; } @media screen and (max-width:44.75em) { .simform { font-size: 1.8em; } } @media screen and (max-width:33.5625em) { .simform { font-size: 1.2em; } } .overlay { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: #333; z-index: 999; } .overlay .overlay-close { width: 80px; height: 80px; position: absolute; right: 20px; top: 20px; overflow: hidden; border: none; background: url(../images/cross.png) no-repeat center center; text-indent: 200%; color: transparent; outline: 0; z-index: 100; } .overlay nav { text-align: center; position: relative; top: 50%; height: 60%; font-size: 54px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .overlay ul { list-style: none; padding: 0; margin: 0 auto; display: inline-block; height: 100%; position: relative; } .overlay ul li { display: block; height: 20%; height: calc(100% / 5); min-height: 54px; } .overlay ul li a { font-weight: 500; display: block; color: #fff; -webkit-transition: color .2s; transition: color .2s; } .overlay ul li a:focus, .overlay ul li a:hover { color: #e3fcb1; } .overlay-hugeinc { opacity: 0; visibility: hidden; -webkit-transition: opacity .5s, visibility 0s .5s; transition: opacity .5s, visibility 0s .5s; } .overlay-hugeinc.open { opacity: 1; visibility: visible; -webkit-transition: opacity .5s; transition: opacity .5s; } .overlay-hugeinc nav { -webkit-perspective: 1200px; perspective: 1200px; } .overlay-hugeinc nav ul { opacity: .4; -webkit-transform: translateY(-25%) rotateX(35deg); transform: translateY(-25%) rotateX(35deg); -webkit-transition: -webkit-transform .5s, opacity .5s; transition: transform .5s, opacity .5s; } .overlay-hugeinc.open nav ul { opacity: 1; -webkit-transform: rotateX(0); transform: rotateX(0); } .overlay-hugeinc.close nav ul { -webkit-transform: translateY(25%) rotateX(-35deg); transform: translateY(25%) rotateX(-35deg); } @media screen and (max-height:30.5em) { .overlay nav { height: 70%; font-size: 34px; } .overlay ul li { min-height: 34px; } } .hero-brand { margin: 0 auto; text-align: center; width: 10%; } .section-intro { background: #fff; } .section-intro h1 { font-size: 50px; font-weight: 600; color: #333; padding: 5px 15px; position: relative; } .section-intro h1:after { background: #333; content: ""; height: 2px; left: 0; margin: 0 auto; position: absolute; right: 0; top: 120%; width: 4%; } .section-intro h2 { font-size: 1.1em; font-weight: 500; color: #484848; line-height: 1.5em; padding: 35px 50px 35px 50px; } .section-intro h3 { font-size: .9em; font-weight: 500; color: #999; padding: 60px 50px 0 50px; text-transform: uppercase; letter-spacing: .2em; } .room-slider h1, .room-slider h2, .room-slider p { text-align: left; padding: 5px 0px; text-transform: none; } .room-slider a { font-family: 'Poppins', sans-serif; font-size: 14px; font-weight: 500; color: #fff; position: relative; padding: 10px 30px; text-transform: uppercase; text-align: left; line-height: 1.1em; letter-spacing: 1px; text-decoration: none; top: 25px; border: 2px solid #323232; background-color: #158ab2; } .room-slider a:hover { color: #fff; border-color: #999; } .room-slider p { font-family: 'Poppins', sans-serif; font-weight: 500; color: #000; font-size: 16px; position: relative; top: 3px; } .price { font-family: 'Poppins', sans-serif; color: #333; font-size: 1.4em; padding-left: 2px; } .room-slider h1 { font-size: 40px; font-weight: 600; color: #333; position: relative; left: 0; } .room-slider h1:before { background: 0 0; content: "/"; height: 2px; left: -11px; margin: 0 auto; position: absolute; display: none; } .room-slider h1:after { background: 0 0; content: ""; height: 2px; left: 0; margin: 0 auto; position: absolute; right: 0; width: 4%; } .room-slider h2 { font-size: 1.1em; font-weight: 500; color: #484848; line-height: 1.5em; } #fw_il_019 { overflow: hidden; max-height: 800px; position: relative; background: #000; } #fw_il_019:hover { cursor: -moz-grab; cursor: -webkit-grab; } #fw_il_019:active { cursor: -moz-grabbing; cursor: -webkit-grabbing; } #fw_il_019>.carousel-inner>.item { width: 100%; } .ps_control_bradiustrans .carousel-control { top: 47%; opacity: 0; width: 45px; height: 45px; z-index: 100; color: #000; display: block; font-size: 14px; cursor: pointer; overflow: hidden; line-height: 45px; text-shadow: none; position: absolute; font-weight: 500; background: 0 0; border: 1px solid #000; -webkit-border-radius: 5px; border-radius: 5px; -webkit-transition: all .5s cubic-bezier(.23, 1, .32, 1); transition: all .5s cubic-bezier(.23, 1, .32, 1); } .ps_control_bradiustrans:hover .carousel-control { opacity: 1; } .ps_control_bradiustrans .carousel-control.left { left: 1%; } .ps_control_bradiustrans .carousel-control.right { right: 1%; } .ps_control_bradiustrans .carousel-control.left:hover, .ps_control_bradiustrans .carousel-control.right:hover { color: #fff; background: #333; border: 1px solid #333; } .ps_control_bradiustrans .carousel-control.left span:nth-child(1) { margin-right: 0; } .ps_control_bradiustrans .carousel-control.right>span:nth-child(1) { margin-left: 0; } #fw_il_019>.carousel-inner>.item img { width: 100%; } #fw_il_019>.carousel-inner>.item>.row { margin: 0; background-color: #fbfbfb; } #fw_il_019>.carousel-inner>.item>.row>div>img { -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-timing-function: cubic-bezier(.23, 1, .32, 1); animation-timing-function: cubic-bezier(.23, 1, .32, 1); } .fw_il_019_slide { padding: 75px; margin-top: 15%; text-align: left; } .fw_il_019_slide_right { text-align: right; } .fw_il_019_slide_center { text-align: center; } .featured-block { background-color: #f2f1f1; position: relative; } .featured-block>.container-fluid .col-md-6 { padding-left: 0; padding-right: 0; } .featured-block>.container-fluid .col-md-6>img { padding: 0; } .featured-block>.container-fluid .col-md-6>.img-right>img { padding: 0; } .featured-block h1, .featured-block h2 { position: relative; padding: 1px 50px; text-align: left; } .featured-block p{ position: relative; padding: 10px 50px; font-size: 1.1em; font-weight: 500; color: #484848; line-height: 1.5em; } .featured-block h1 { font-size: 2.6em; text-transform: none; } .featured-block h1:after { content: ""; background: 0 0; } .featured-block h2 { font-size: 1.1em; color: #484848; } #bg-paralax { background: url(../new/bg.webp) no-repeat; color: #fff; padding: 10% 0; } #bg-paralax { background-size: cover; background-position: center center; background-attachment: fixed; width: 100%; } #bg-paralax p { margin-bottom: 25px; color: #fff; } #bg-paralax h2 { font-size: 48px; } .attraction-block { background: 0 0; position: relative; } .attraction-block>.container-fluid .col-md-6 { padding-left: 0; padding-right: 0; } .attraction-block>.container-fluid .col-md-6>img { padding: 0; } .attraction-block>.container-fluid .col-md-6>.img-right>img { padding: 0; } .attraction-block h1, .attraction-block h2 { position: absolute; text-align: center; transform: translateY(-50%); width: 100%; } .attraction-block h1 { color: #fdfefe; font-size: 3em; text-transform: none; top: 34%; } .attraction-block h1:after { content: ""; background: 0 0; } .attraction-block h2 { font-size: 1.1em; color: #b9b9b9; top: 53%; } .attraction-block a:hover { text-decoration: none; } .attraction-block p { padding: 10px; } .attr-title { background-color: #333; } .attr-description { background-color: #3f3f3f; } .attr-img { background: 0 0; } .panel-block { background: 0 0; position: relative; } .panel-block>.container-fluid .col-md-6, .panel-block>.container-fluid .col-md-6>.img-right>img, .panel-block>.container-fluid .col-md-6>img { padding: 0; border: 0; } .panel-featured img { margin-left: -1px; } .panel-block a, .panel-block h1, .panel-block h2, .panel-block p { font-family: 'Poppins', sans-serif; } .panel-block h1 { color: #fff; font-weight: 500; font-size: 8rem; text-transform: uppercase; position: absolute; width: 100%; text-align: center; bottom: 0; } .panel-block h1:after { content: ""; background: 0 0; } .panel-block h2 { font-size: 1.1em; color: #b9b9b9; top: 53%; } .panel-block a, .panel-block p { color: #333; text-align: center; text-transform: uppercase; position: relative; display: block; margin: 0 auto; } .panel-block p { font-size: 1.5rem; padding-top: 33%; } .panel-block a { font-size: 1.2rem; padding-top: 2%; -webkit-transition: color .25s ease-in-out; -moz-transition: color .25s ease-in-out; -ms-transition: color .25s ease-in-out; -o-transition: color .25s ease-in-out; transition: color .25s ease-in-out; } .panel-block a:hover { color: #2aa5ab; text-decoration: none; } .panel-description, .panel-title { background-color: #fff; position: relative; } .panel-img { background: 0 0; } .box { text-align: center; position: relative; } .box li, .box ul { margin: 0; } .attr-link { outline: 0; text-decoration: none; position: absolute; font-size: 3em; line-height: 1; color: #9e9ba4; display: inline-block; width: 50%; text-align: center; top: 34%; } .link--swift { font-family: 'Poppins', sans-serif; font-style: italic; font-weight: 500; padding: 0 10px 30px; -webkit-transition: color .5s; transition: color .5s; } .link--swift:hover { color: #1e1a1b; } .link--swift span { font-size: 50%; font-weight: 500; position: absolute; right: 0; left: 0; color: #2aa5ab; bottom: 0; opacity: 0; line-height: 1.3em; top: 55px; -webkit-transform: translate3d(-10px, -10px, 0); transform: translate3d(-10px, -10px, 0); -webkit-transition: -webkit-transform .5s, opacity .5s; transition: transform .5s, opacity .5s; } .link--swift:hover span { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .section-testimonial { background-image: url(../images/bg-testimonials.jpg); padding: 60px; } .testimonial-wrapper { background: #fff; position: relative; } .section-testimonial h1 { font-family: great vibes; font-size: 45px; font-weight: 500; color: #333; padding: 5px 15px; position: relative; } .section-testimonial h1:after { background: #333; content: ""; height: 2px; left: 0; margin: 0 auto; position: absolute; right: 0; top: 120%; width: 4%; } .section-testimonial h2 { font-size: 1.1em; font-weight: 500; color: #484848; line-height: 1.5em; padding: 35px 50px 150px 50px; } .section-testimonial h3 { font-size: .9em; font-weight: 500; color: #999; padding: 60px 50px 0 50px; text-transform: uppercase; letter-spacing: .2em; } .testimonial_094_slide>h5>a { color: #115e61; font-size: 16px; } .testimonial_094_indicators>.carousel-indicators { height: 105px; } .testimonial_094_indicators>.carousel-indicators li img { border-radius: 50%; border: none; } .testimonial_094_indicators>.carousel-indicators .active img { border: none; } .testimonial_094_slide { padding: 40px; } .section-about { padding: 20px; } .section-about h1, .section-about h2 { position: relative; text-align: center; } .section-about h1 { font-family: great vibes; font-size: 45px; font-weight: 500; padding: 1px 50px; color: #333; } .section-about h1:after { background: #333; content: ""; height: 2px; left: 0; margin: 0 auto; position: absolute; right: 0; top: 120%; width: 12%; } .section-about h2 { font-size: 1.1em; padding: 10px 50px 1px; font-weight: 500; color: #484848; line-height: 1.5em; } .section-about h3 { font-size: .9em; font-weight: 500; color: #999; padding: 60px 50px 0 50px; text-transform: uppercase; letter-spacing: .2em; } #owl-demo .item img { display: block; width: 100%; height: auto; padding-bottom: 25px; } .owl-theme .owl-controls .owl-page { display: inline-block; zoom: 1; } .owl-theme .owl-controls .owl-page span { display: block; width: 12px; height: 12px; margin: 5px 7px; filter: Alpha(Opacity=50); opacity: .5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #869791; } .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span { filter: Alpha(Opacity=100); opacity: 1; } .owl-theme .owl-controls .owl-page span.owl-numbers { height: auto; width: auto; color: #fff; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .owl-item.loading { min-height: 150px; background: url(AjaxLoader.html) no-repeat center center; } .section-contact { background-color: #fff; padding: 20px; } .section-contact h1, .section-contact h2 { position: relative; text-align: center; } .section-contact h1 { font-family: 'Poppins', sans-serif; font-size: 2.9em; font-weight: 500; padding: 1px 50px; color: #333; text-transform: uppercase; } .section-contact h1:after { background: #333; content: ""; height: 2px; left: 0; margin: 0 auto; position: absolute; right: 0; top: 120%; width: 12%; } .section-contact h2 { font-size: 1.1em; padding: 10px 50px 1px; font-weight: 500; color: #484848; line-height: 1.5em; } .section-contact h3 { font-size: .9em; font-weight: 500; color: #999; padding: 60px 50px 0 50px; text-transform: uppercase; letter-spacing: .2em; } .rooms-interior { background-image: url(../images/rooms-header-01.jpg); height: 530px; background-position: center bottom; background-size: cover; background-repeat: no-repeat; } .rooms-interior h1 { font-family: 'Poppins', sans-serif; font-size: 4.2rem; font-weight: 500; color: #fff; text-transform: uppercase; padding: 35px 15px; text-align: center; position: relative; } .rooms-interior h1:after { background: #333; content: ""; height: 2px; left: 0; margin: 0 auto; position: absolute; right: 0; top: 43%; width: 4%; } .rooms-interior h2 { font-size: 1.1em; font-weight: 500; color: #484848; line-height: 1.5em; padding: 35px 50px 150px 50px; } .rooms-interior h3 { font-size: .9em; font-weight: 500; color: #999; padding: 60px 50px 0 50px; text-transform: uppercase; letter-spacing: .2em; } #bg-paralax-inside { background: url(../images/inside-header-01.jpg) no-repeat; } #bg-paralax-rooms { background: url(../images/inside-header-02.jpg) no-repeat; } #bg-paralax-rooms-alt { background: url(../new/about-parallax.webp) no-repeat; } #bg-paralax-about { background: url(../images/inside-header-09.jpg) no-repeat; } #bg-paralax-gallery { background: url(../images/inside-header-08.jpg) no-repeat; } #bg-paralax-about, #bg-paralax-gallery, #bg-paralax-inside, #bg-paralax-rooms, #bg-paralax-rooms-alt { color: #fff; height: 360px; } #bg-paralax-about, #bg-paralax-gallery, #bg-paralax-inside, #bg-paralax-rooms, #bg-paralax-rooms-alt { background-size: cover; background-position: center bottom; background-attachment: fixed; width: 100%; display: flex; flex-direction: column; justify-content: center; } #bg-paralax-rooms-alt { background-size: cover; background-position: center top; background-attachment: fixed; width: 100%; display: flex; flex-direction: column; justify-content: center; } #bg-paralax-about h1, #bg-paralax-gallery h1, #bg-paralax-inside h1, #bg-paralax-rooms h1, #bg-paralax-rooms-alt h1 { font-family: 'Poppins', sans-serif; font-size: 5.2rem; font-weight: 500; color: #fff; text-transform: uppercase; padding: 35px 15px; text-align: center; position: relative; } #bg-paralax-about h1:after, #bg-paralax-gallery h1:after, #bg-paralax-inside h1:after, #bg-paralax-rooms h1:after { background: #fff; content: ""; height: 2px; left: 0; margin: 0 auto; position: absolute; right: 0; top: 91%; width: 4%; } .rooms-block { background-color: #fff; position: relative; } .rooms-block>.container-fluid .col-md-6 { padding-left: 0; padding-right: 0; } .rooms-block>.container-fluid .col-md-6>img { padding: 0; } .rooms-block>.container-fluid .col-md-6>.img-right>img { padding: 0; } .rooms-block h1, .rooms-block h2, .rooms-block p { text-align: left; padding: 10px 0; text-transform: none; } .rooms-block-link a { font-family: 'Poppins', sans-serif; font-size: .9em; font-weight: 500; color: #333; position: relative; padding: 25px 0 5px 0; text-transform: uppercase; text-align: right; float: right; line-height: 1.1em; letter-spacing: .2em; text-decoration: none; border-bottom: 1px solid #525151; } .rooms-block-link a:hover { color: #999; border-color: #999; } .rooms-block p { font-family: 'Poppins', sans-serif; font-weight: 500; color: #484848; font-size: 1em; position: relative; margin-bottom: 10px; } .rooms-block h1 { font-family: 'Poppins', sans-serif; font-size: 2.9em; font-weight: 500; color: #333; position: relative; left: 25px; } .rooms-block h1:before { background: 0 0; content: "/"; height: 2px; left: -25px; margin: 0 auto; position: absolute; } .rooms-block h1:after { background: 0 0; content: ""; height: 2px; left: 0; margin: 0 auto; position: absolute; right: 0; width: 4%; } .rooms-block h2 { font-size: 1.1em; font-weight: 500; color: #484848; line-height: 1.5em; } .rooms-block h3 { font-size: .9em; font-weight: 500; color: #999; padding: 60px 28px 0 28px; text-transform: uppercase; letter-spacing: .2em; } #tabbed-nav-four, #tabbed-nav-one, #tabbed-nav-three, #tabbed-nav-two { padding: 20px 50px; } #tabbed-nav-four a, #tabbed-nav-one a, #tabbed-nav-three a, #tabbed-nav-two a { font-family: 'Poppins', sans-serif; font-size: .9em; font-weight: 500; color: #333; position: relative; text-transform: uppercase; } #tabbed-nav-four a:hover, #tabbed-nav-one a:hover, #tabbed-nav-three a:hover, #tabbed-nav-two a:hover { color: #999; border-color: #999; } .amenity-list { font-family: 'Poppins', sans-serif; padding-top: 8px; } .amenity-list li { color: #333; padding: 10px 0; } .amenity-list li>.fa { padding: 0 10px; width: 15%; } .rates>.fa { padding: 0 10px; } .rooms-alt { background: #fff; border: 1px solid #d3d3d3; padding: 0; margin-bottom: 30px; } .rooms-alt h1 { color: #333; font-size: 2.3rem; text-align: center; text-transform: uppercase; position: relative; } .rooms-alt h1:after { background: #333; content: ""; height: 1px; left: 0; margin: 0 auto; position: absolute; right: 0; top: 110%; width: 9%; } .rooms-alt p { font-family: 'Poppins', sans-serif; font-weight: 500; color: #484848; font-size: 1.3rem; text-align: center; padding: 10px; } .rooms-single-block { background-color: #f2f1f1; position: relative; } .rooms-single-block>.container-fluid .col-md-6 { padding-left: 0; padding-right: 0; } .rooms-single-block>.container-fluid .col-md-6>img { padding: 0; } .rooms-single-block>.container-fluid .col-md-6>.img-right>img { padding: 0; } .rooms-single-block h1, .rooms-single-block h2 { position: relative; padding: 1px 50px; text-align: left; } .rooms-single-block h1 { font-size: 47px; text-transform: none; } .rooms-single-block h1:after { content: ""; background: 0 0; } .rooms-single-block h2 { font-size: 1.1em; color: #484848; } .section-callout { background: #333; } .section-callout h1 { font-family: 'Poppins', sans-serif; font-size: 2.9em; font-weight: 500; color: #fff; text-transform: uppercase; padding: 5px 15px; position: relative; } .section-callout h1:after { background: #fff; content: ""; height: 2px; left: 0; margin: 0 auto; position: absolute; right: 0; top: 120%; width: 4%; } .section-callout h2 { font-size: 1.1em; font-weight: 500; color: #fafafa; line-height: 1.5em; padding: 35px 50px 45px 50px; } .section-callout h3 { font-size: .9em; font-weight: 500; color: #999; padding: 60px 50px 0 50px; text-transform: uppercase; letter-spacing: .2em; } .plus-bg { background-color: #2aa5ab; } .section-intro { background: #fff; } .section-carousel h1, .section-carousel h2, .section-carousel h3 { text-align: center; } .section-carousel a { font-weight: 500; text-transform: uppercase; } .section-carousel h1 { font-size: 53px; font-weight: 600; color: #333; padding: 5px 15px; position: relative; } .section-carousel h1:after { background: #333; content: ""; height: 2px; left: 0; margin: 0 auto; position: absolute; right: 0; top: 120%; width: 4%; } .section-carousel h2 { font-size: 1.1em; font-weight: 500; color: #484848; line-height: 1.5em; padding: 35px 50px 150px 50px; } .section-carousel h3 { font-size: .9em; font-weight: 500; color: #999; padding: 60px 50px 0 50px; text-transform: uppercase; letter-spacing: .2em; } #facts .counters-item { padding: 26% 10%; font-weight: 700; vertical-align: middle; color: #fff; cursor: pointer; } #facts .counters-item h2, .counters-item p { font-family: 'Poppins', sans-serif; } .counters-item i { font-size: 50px; display: block; margin-bottom: 15px; } .counters-item p { color: #fff; text-transform: capitalize; font-weight: 700; } .amenity-list-large { font-family: 'Poppins', sans-serif; padding-top: 8px; } .amenity-list-large ul { list-style: none; line-height: 3em; } .amenity-list-large>li { font-size: 1.6rem; color: #333; padding: 12px 40px; position: relative; list-style: none; } .amenity-list-large li>.fa { padding: 0 25px 0 10px; position: relative; width: 12%; } .section-contact-page, .section-contact-page-content { background-color: #fff; } .section-contact-page-content { padding: 50px 10px; } .section-contact-page>.container-fluid .col-md-12 { padding-left: 0; padding-right: 0; } .section-contact-page>.container-fluid .col-md-12>img { padding: 0; } .section-contact-page>.container-fluid .col-md-12>.img-right>img { padding: 0; } .section-contact-page h1 { font-family: 'Poppins', sans-serif; font-size: 2.9em; font-weight: 600; color: #333; text-transform: uppercase; padding: 5px 15px; position: relative; } .section-contact-page h1:after { background: #333; content: ""; height: 2px; left: 0; margin: 0 auto; position: absolute; right: 0; top: 120%; width: 4%; } .section-contact-page h2 { font-size: 1.1em; font-weight: 500; color: #484848; line-height: 1.5em; padding: 35px 15px 50px 15px; } .section-contact-page h3 { font-size: .9em; font-weight: 500; color: #999; padding: 60px 50px 0 50px; text-transform: uppercase; letter-spacing: .2em; } .section-contact-form { background-color: #fff; padding: 0; } .contact-form { padding: 0 50px 0 0; } .contact-form h1 { font-family: 'Poppins', sans-serif; font-size: 2.9em; font-weight: 500; color: #333; text-transform: uppercase; padding: 0 0 20px; position: relative; } .contact-form h1:after { background: 0 0; content: ""; height: 2px; left: 0; margin: 0 auto; position: absolute; right: 0; top: 120%; width: 12%; } .contact-form h2 { font-size: 1.1em; font-weight: 500; color: #484848; line-height: 1.5em; padding: 35px 15px 50px 15px; } .contact-form h3 { font-size: .9em; font-weight: 500; color: #999; padding: 60px 50px 0 50px; text-transform: uppercase; letter-spacing: .2em; } hr.contact-line { background: #cdd6da; height: 2px; border: 0; } .avara-form { font-family: 'Poppins', sans-serif; font-weight: 500; text-transform: uppercase; border-left: 0; border-right: 0; border-top: 0; border-bottom: 2px solid #cdd6da; border-radius: 0; box-shadow: none; background: #fafafa; display: block; font-size: 1.2rem; line-height: 1.42857; padding: 15px 10px; transition: border-color .15s ease-in-out 0s, box-shadow .15s ease-in-out 0s; width: 100%; } .contact-information { color:#158ab2; } .contact-information h1 { font-family: 'Poppins', sans-serif; font-size: 2rem; font-weight: 500; color: #333; text-transform: uppercase; padding: 10px 0; position: relative; } .contact-information h1:after { background: 0 0; content: ""; height: 2px; left: 0; margin: 0 auto; position: absolute; right: 0; top: 120%; width: 12%; } .contact-information h2 { font-size: 1.1em; font-weight: 500; color: #484848; line-height: 1.5em; padding: 35px 15px 50px 15px; } .contact-information h3 { font-size: .9em; font-weight: 500; color: #999; padding: 60px 50px 0 50px; text-transform: uppercase; letter-spacing: .2em; } .contact-information a { padding: 15px 7px; font-size: 1.5rem; font-weight: 500; color: #333; line-height: 2.4rem; } .contact-information a:hover { color: #666; text-decoration: none; } .contact-information p { font-weight: 500; color: #333; } .contact-social a { font-size: 2rem; color: #158ab2; padding: 15px 7px; } .contact-social a:hover { color: #333; } .contact-information li { list-style: none; margin-bottom: 20px; } .fa-paper-plane { padding: 0 5px 0 1px; } #map { width: 100%; height: 500px; } .footer-contact, .footer-links { list-style: none; } .footer-main { color: #fff; padding: 50px 25px; } .footer-bottom { background-color: #211f20; color: #fff; padding: 15px; font-size: 16px; } .footer-bottom p { margin-bottom: 0; } .logo-footer { position: absolute; z-index: 1; left: 10px; padding: 0; } .footer-main h1 { font-size: 30px; font-weight: 600; color: #158ab2; padding: 10px; letter-spacing: .1em; text-align: left; } .footer-main h2 { font-size: .8em; font-weight: 500; color: #484848; line-height: 1.5em; padding: 35px 15px 50px 15px; } .footer-main p { font-size: 15px; color: #fff; } .footer-social a { color: #158ab2; padding: 11px 11px; font-size: 21px; } .footer-social a:hover { color: #fff; } .footer-contact { color: #fff; padding: 5px 10px; font-size: 15px; line-height: 22px; } .footer-contact li { margin-bottom: 15px; } .footer-contact li a{ color:#fff; } .footer-contact a:hover { color: #fff; text-decoration: none; } .footer-links { padding: 5px 10px; } .footer-links a { font-size: 17px; font-weight: 500; color: #000; } .footer-links a:hover { color: #fff; text-decoration: none; } .footer-featured-img { padding: 0; width: 70%; position: relative; right: 0; } @media only screen and (-webkit-min-device-pixel-ratio:2) and (min-width:1800px) { .fw_al_003_slide .hero-brand, .fw_al_003_slide a, .fw_al_003_slide h1, .fw_al_003_slide p { bottom: 210px !important; position: relative; } .hero-brand { width: 5%; } } @media only screen and (min-device-width :1800px) { .fw_al_003_slide .hero-brand, .fw_al_003_slide a, .fw_al_003_slide h1, .fw_al_003_slide p { bottom: 150px !important; position: relative; } .hero-brand { width: 5%; } } @media only screen and (-webkit-min-device-pixel-ratio:2) and (min-width:1799px) { .fw_al_003_slide .hero-brand, .fw_al_003_slide a, .fw_al_003_slide h1, .fw_al_003_slide p { bottom: 0; padding: 10px; } .hero-brand { width: 10%; } } @media only screen and (max-width:1799px) { .fw_al_003_slide .hero-brand, .fw_al_003_slide a, .fw_al_003_slide h1, .fw_al_003_slide p { bottom: 0 !important; } .hero-brand { width: 10%; } } @media only screen and (max-width:992px) { .box { height: 300px; } .attr-link { position: absolute; top: 100px; width: 90%; margin: 0 auto; text-align: center; display: block; } .attr-img { height: 500px; } .attr-description { display: none; } .link--swift span { display: block; opacity: 1; } .section-testimonial { padding-top: 150px; } .section-about, .section-contact { padding: 10px 20px; } .section-about h2, .section-contact h2 { padding: 25px 15px; } .section-about a, .section-contact a { margin: 0 0 35px 0; } .panel-description { height: 250px; } .panel-block p { padding: 10% 10% 0 10%; } .panel-block a { font-size: 1.2rem; padding-bottom: 10%; } .panel-block a, .panel-block p { top: 0; } .footer-featured-img { width: 35%; } } @media only screen and (max-width:767px) { header { background: #333; position: fixed; } .logo { width: 85px !important; padding: 13px 20px; } #fw_al_003, #video_avara_classic { position: relative; top: 75px; } .home { padding-top: 0; } .section-reservation-exposed { padding: 25px 0 35px; } .section-reservation-exposed .number { bottom: -30px; } .section-reservation-exposed h1 { font-size: 1em; } .section-reservation-exposed h3 { position: relative; margin-bottom: -10px; font-size: .6em !important; line-height: 1.5em; } .exposed { margin-top: 50px; } .exposed-footer { margin-bottom: -35px; } .section-reservation-modal h3 { font-size: .5em; line-height: 1.5em; } .overlay .overlay-close { height: 8%; top: 30px; } .questions li>span label, .section-reservation-modal h1, .section-reservation-modal h3 { padding: 10px 0; } .simform-inner { width: 80%; margin: 0 auto; } .section-about, .section-contact { padding: 15px 20px; } .section-about h2, .section-contact h2 { padding: 25px 15px; } .section-about a, .section-contact a { margin: 0 0 35px 0; } .panel-block a, .panel-block p { top: 10%; } .contact-form { padding: 10px; } .room-slider a { float: right; position: relative; top: 0; right: 25px; margin-bottom: 25px; } .section-reservation-exposed .res-next::after { bottom: -45px; } } @media only screen and (max-width:675px) { .fot { width: 40%!important; } .embed-responsive-16by9 { padding-bottom: 139.25%; } .fw_al_003_slide>a, .fw_al_003_slide>a:hover, .fw_al_003_slide>a:visited { padding: 11px 19px !important; font-size: 15px !important; } .fw_al_003_slide>p { line-height: 24px; } .attr-img { height: 320px; } .carousel-indicators { padding-top: 30px; } .section-testimonial { padding: 130px 20px 50px 20px; } .section-reservation-exposed h3, .section-reservation-modal h3 { font-size: .7em; line-height: 1.5em; } .overlay .overlay-close { height: 8%; top: 30px; } .panel-block a, .panel-block p { top: 15%; } .room-slider a { float: right; position: relative; top: 0; right: 25px; margin-bottom: 25px; } .section-reservation-exposed .res-next::after { bottom: -40px; } } @media only screen and (max-width:480px) { .contact-form h1, .section-about h1, .section-callout h1, .section-carousel h1, .section-contact h1, .section-contact-page h1, .section-intro h1, .section-testimonial h1 { font-size: 33px !important; } #bg-paralax-about h1::after, #bg-paralax-gallery h1::after .section-intro h1:after, #bg-paralax-inside h1::after, #bg-paralax-rooms h1::after, .contact-form h1:after, .section-about h1:after, .section-callout h1:after, .section-carousel h1:after, .section-contact h1:after, .section-contact-page h1:after, .section-testimonial h1:after { width: 6%; } .fw_al_003_slide>a, .fw_al_003_slide>a:hover, .fw_al_003_slide>a:visited { padding: 10px 18px !important; font-size: 14px !important; } .fw_al_003_slide>p { line-height: 19px; } .attr-link { position: relative; top: 100px; width: 100%; } .attr-img { height: 290px; } .section-testimonial { padding: 25px 10px 25px 10px; } #bg-paralax { display: none; } .section-reservation-modal h3 { font-size: .7em; line-height: 1.5em; } .section-reservation-exposed h1 { font-size: 1.2em; } .section-reservation-exposed h3 { font-size: .7em !important; } .overlay .overlay-close { height: 8%; top: 30px; position: absolute; } .simform .number { font-size: .6em; } .simform-inner { width: 80%; margin: 0 auto; } .section-reservation-modal button { top: 99px; } .section-reservation-exposed .res-next::after { bottom: -20px; } .panel-block a, .panel-block p { top: 25%; } .room-slider a { float: right; position: relative; top: 0; right: 25px; margin-bottom: 25px; } } @media only screen and (max-width:320px) { .section-testimonial { padding: 25px 10px 25px 10px; } } .ps_easeOutQuint .carousel-control .fa-angle-left { font-size: 40px; } .ps_easeOutQuint .carousel-control .fa-angle-right { font-size: 40px; } .room-image-gap{ padding:0 20px 80px 0; } .check-availability-box{ position:fixed; right:-52px; bottom:120px; z-index:99999; } .availability-link{ background-color:#158ab2; padding:13px; transform: rotate(90deg); border-radius: 0px 0px 15px 15px; border: 2px solid #fff; } .check-availability-box .availability-link a{ color:#fff; text-decoration:none; } /*-------modal Popup End--------*/ #modalOverlay { position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); z-index: 99999; height: 100%; width: 100%; } .modalPopup { position: absolute; top: 40%; left: 50%; transform: translate(-50%, -50%); background: #fff; width: 300px; -webkit-box-shadow: 0 2px 10px 3px rgba(0,0,0,.2); -moz-box-shadow: 0 2px 10px 3px rgba(0,0,0,.2); box-shadow: 0 2px 10px 3px rgba(0,0,0,.2); padding: 20px; } .buttonStyle { position:absolute; top:0; right:0; background:#444; color:#fff; border:none; font-size: 20px; } .modalContent img{ width:100%; } .modalContent p{ font-size:20px; text-align:center; } @media only screen and (max-width: 600px) { .modalPopup { top:50%; width:90%; } } /*-------modal Popup End--------*/
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0.03 |
proxy
|
phpinfo
|
Settings