File manager - Edit - /home/asiatechinc/public_html/asiatechinc-websites/thearanyavilas.com/css/style.css
Back
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500;600&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Yeseva+One&display=swap'); body { font-size: 16px; color: #323232; font-weight: 400; } .icons img { max-width: 25%; margin-bottom:35px; border-radius: 15px; } h1, h2, h4, h5, h6 { font-family: 'Jost', sans-serif; } h3 { font-family: 'Jost', sans-serif; } p, a, span { font-family: 'Jost', sans-serif; font-size:17px; } .section-title { font-size: 30px; } .h4, h4 { font-size: 1.2rem; } .pt-80 { padding-top: 80px; } .mt-20 { margin-top: 20px; } .mt-30 { margin-top: 30px; } .mt-40 { margin-top: 40px; } .mt-60 { margin-top: 60px; } .mb-20 { margin-bottom: 20px; } .mb-30 { margin-bottom: 30px; } .mb-60 { margin-bottom: 30px; } .mt-80 { margin-top: 40px; } .mb-80 { margin-bottom:15px; } .ph1{ margin-top: -60px; } .pl-40 { padding-left: 40px; } .pr-40 { padding-right: 40px; } .padding-5 { padding: 5px; } header { background-color: #FFF; height: 80px; } .pot a{ color:#000; text-decoration:none; } .book { position: fixed; bottom: 17%; left: 25px; z-index: 9999; } .book img { width: 50px; } header .navbar-box { display: flex; justify-content: space-between; align-items: center; } header .logo img { width: 82px; padding:2px; } header.secondary .logo img { padding: 2px; width: 90px; } header .navbar-box nav { display: flex; align-items: center; } header .navbar-box nav ul { display: flex; list-style: none; margin-bottom: 0; padding-left: 0; position: relative; } header .navbar-box nav ul li a { font-size: 14px; text-transform: uppercase; color: #000; padding: 0px 5px; margin:0px 5px; display: inline-block; font-weight: 400; transition: all 400ms ease-in-out 0s; line-height: 85px; letter-spacing: 1px; } header .navbar-box nav ul li .dropbtn a:hover { text-decoration: none; color: #323232; } header .navbar-box nav ul li a:hover { text-decoration: none; } header .book_now a { color: #000; font-size: 16px; font-weight: 400; text-transform: uppercase; margin-left: 40px; padding: 10px 25px; border: 1px solid #3bc00c; } header .book_now a:hover { text-decoration: none; color:#fff!important; border: 1px solid #346472; background:#346472; } header.secondary { background-color: #fff; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); height:90px; } header.secondary .navbar-box nav ul li a { color: #323232; line-height:90px; } header.secondary .book_now a { color: #323232; border: 1px solid #3bc00c; transition: .1s ease-in-out; } header.secondary .book_now a:hover { border: 1px solid #3bc00c; } .dropbtn-box .dropbtn:hover { background-color: #fff; } .hotel-item { position: relative; width: 100%; float: left; /* display: inline-block; */ -moz-box-shadow: 4px 3px 5px 0px rgba(0, 0, 0, 0.03); box-shadow: 4px 3px 5px 0px rgba(0, 0, 0, 0.03); } .bg-white { background: #fff; }.list-content { margin-bottom: 42px; margin-top: 60px; } .list-content .table-view { float: none; display: table; margin-right: -15px; margin-left: -15px; width: auto; } .list-content .radius-top { width: 33.33333333%; padding-right: 15px; padding-left: 15px; } .radius-top { position: relative; width: 100%; -moz-border-radius-topleft: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; border-top-right-radius: 5px; overflow: hidden; } .cell-view { display: table-cell; vertical-align: middle; } .radius-top img { width: 100%; height: auto; display: block; } .hotel-item.style-3 .title { background: #fff; padding: 27px 20px; } .hotel-item .title h4 { margin-bottom: -4px; } .hotel-item.style-3 .title p { padding: 8px 0px 11px; } .book-now-btn { padding: 12px 20px; background: #323232; color: #fff; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; display: inline-block; } .book-now-btn:hover{ color:#fff; text-decoration:none; } .our-properties img{ width:100%; border-radius: 20px; } .our-properties .row{ margin-bottom:20px; } .dropbtn-box .dropbtn .dropdown-content { display: none; position: absolute; background: #fff; width: 155px; z-index: 1; } .dropdown-content li a { padding-left:10px!important; line-height:50px!important; } .dropbtn-box .dropbtn:hover .dropdown-content { display: block; } .dropbtn-box:hover a { color: #323232; } .dropbtn-box .dropbtn .dropdown-content .content { padding: 15px 15px 5px 15px; color: #323232; transition: all 600s ease-in-out 0s; display: flex; justify-content: center; } .dropbtn-box .dropbtn .dropdown-content .content img { width: 100%; } .dropbtn-box .dropbtn .dropdown-content .content a { margin: 0; padding: 0; margin: 0 2px; line-height: inherit; } .dropbtn-box .dropbtn .dropdown-content .content a { margin: 0; padding: 0; margin: 0 2px; line-height: inherit; } .dropbtn-box .dropbtn .dropdown-content .content a span { display: block; text-align: center; color: #323232; padding: 4px 0; font-size: 15px; } .property-content p { padding-left:40px; text-align:justify; } /*--mobile menu--*/ header .navbar-box .mobile-menu { display: none; } .sidenav { height: 100%; width: 0; position: fixed; z-index: 1; top: 0; right: 0; background-color: #fff; overflow-x: hidden; transition: 0.5s; padding-top: 90px; box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px; } .sidenav li { list-style: none; padding: 8px 15px 8px 25px; } .sidenav li .dropdown-btn { display: flex; justify-content: space-between; align-items: baseline; background: none; outline: none; color: #323232; } .sidenav li .dropdown-btn:hover { color: #ca9e4e; } .sidenav a { text-decoration: none; font-size: 18px; color: #323232; display: block; transition: 0.3s; } .sidenav a:hover { color: #ca9e4e; } .sidenav .closebtn { position: absolute; top: 10px; right: 25px; font-size: 36px; margin-left: 50px; } @media screen and (max-height: 450px) { .sidenav { padding-top: 15px; } .sidenav a { font-size: 18px; } } .dropdown-btn { padding: 0; text-decoration: none; display: block; border: none; background: none; width: 100%; text-align: left; cursor: pointer; outline: none; } .dropdown-container { display: none; padding-left: 15px; margin-top: 10px; } .sidenav li a { text-decoration: none; font-size: 18px; color: #323232; display: block; transition: 0.3s; line-height: 27px; } .dropdown-container a { color: #606060 !important; margin: 5px 0; } .mobile-book_now { padding: 6px 25px; border: 1px solid #323232; display: inline-block !important; } /*--mobile menu--*/ /*--scroll down Indicator--*/ .scroll-down-indicator::before { animation: bounce 2s ease infinite; bottom: 1rem; color: #fff; content: '╲╱'; font-size: 1.3rem; height: 3rem; left: 50%; letter-spacing: -1px; line-height: 4rem; margin-left: -3rem; opacity: 0.8; position: absolute; text-align: center; width: 6rem; font-weight: 600; } @keyframes bounce { 50% { transform: translateY(-50%); } } /*--scroll down Indicator--*/ .property-dis h1 { font-size: 2.5rem; font-weight:500; text-transform: capitalize; text-align: center; color: #323232; } .property-dis p { text-align: center; color: #323232; max-width: 80%; display: block; margin: auto; line-height: 28px; } .amenities-div { padding: 35px 12px 18px 70px; background: #87cefa42; min-height: 289px; border-radius: 25px; } .amenities-div h4{ padding-bottom:10px } .box { position: relative; display: inline-block; background: #262626; } .box img { position: relative; width: 100%; height: 100%; transition: 5s; } .box .content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0); display: flex; justify-content: center; align-items: center; transition: 0.5s; } .box:hover .content { background: rgba(0, 0, 0, .7); } .box .content .wrap { box-sizing: border-box; padding: 20px; color: #fff; z-index: 3; } .box .content .wrap h4 { position: relative; font-size: 25px; transform: translateY(45px); opacity: 0; transition: 0.2s; font-weight: 300; font-weight: 400; } .box:hover .content .wrap h4 { transform: translateY(60px); opacity: 1; } .box .content .wrap p { position: relative; font-size: 15px; transform: translateY(80px); opacity: 0; transition: .2s; } .box:hover .content .wrap p { transform: translateY(65px); opacity: 1; } .about img { width: 100%; height: 100%; object-fit: cover; } .about-content { padding: 40px; background: #f8f8f8; } .btn-view-more { padding: 8px 20px; background: #ddd; color: #323232; text-transform: uppercase; font-size: 14px; margin-top: 10px; display: inline-block; } .btn-view-more:hover { color: #323232; text-decoration: none; } .blogpost-img-box { position: relative; } .blogpost-heading { padding: 20px 15px; position: absolute; bottom: 0px; background: #3232328a; right: 0; left: 0; } .blogpost-heading h4 { text-align: center; margin: 0; } .blogpost-heading h4 a { color: #fff; font-weight: 400; text-decoration: none; display: block; text-transform: capitalize; font-size: 16px; } .blogpost-img-box { overflow: hidden; } .blogpost-img-box a img { transform: scale(1.08); transition: 0.9s all; } .blogpost-img-box a img:hover { transform: scale(1); } .dis-box.position-left { position: absolute; left: -120px; background: #fff; padding: 40px 40px; z-index: 9; } .dis-box.position-right { position: absolute; right: -120px; background: #fff; padding: 65px 40px; z-index: 9; } .scroll-img .row .scroll-img-text { min-height: 360px; } .bg-ftr { background-color: #222; padding-top:30px ; } .link-details { color:#fff; } .link-details a { color:#fff; } .bg-ftr .footer-container { max-width: 1200px; margin-left: auto; margin-right: auto; padding: 0 20px; } .bg-ftr .footer-container .upper-sect { padding-bottom: 20px; border-bottom: 1px solid #323232; } .bg-ftr .footer-container .upper-sect .ftr-quick-link { padding: 0; margin: 0; margin-left: -41px; } .bg-ftr .footer-container .upper-sect .ftr-quick-link li { display: inline-block; padding-left: 20px; } .bg-ftr .footer-container .upper-sect .ftr-quick-link li a { color: #fff; text-transform: uppercase; font-size: 14px; transition: .1s ease-in-out; } .bg-ftr .footer-container .upper-sect .ftr-quick-link li a:hover { color: #adadad; text-decoration: none; } .bg-ftr .footer-container .upper-sect .ftr-quick-link>::before { content: ""; height: 1em; margin-left: 0; margin-right: 20px; border-left: 1px solid transparent; } .bg-ftr .footer-container .upper-sect .ftr-quick-link>:nth-child(n+2):not(.uk-first-column)::before { border-left-color: rgba(255, 255, 255, .1); } .bg-ftr .footer-container .upper-sect .social-icon { text-align: right; padding: 0; margin: 0; } .bg-ftr .footer-container .social-icon li { display: inline-block; padding-left: 20px; padding: 0 10px; } .bg-ftr .footer-container .social-icon li a { color: rgba(255, 255, 255, .4); transition: .1s ease-in-out; } .bg-ftr .footer-container .social-icon li a:hover { color: #fff; } .bg-ftr .lower-sect { margin-top: 20px; } .bg-ftr .lower-sect h4 { color: #fff; font-size: 28px; margin-bottom: 30px; } .bg-ftr .lower-sect p { color:#dbdbdb; font-size: 17px; text-align:justify; } .bg-ftr .lower-sect p { color: #dbdbdb; font-size: 17px; text-align: left; } .footer-content .bg-ftr .lower-sect .contact a { color: #fff; font-size: 16px; transition: .1s ease-in-out; position: relative; } .bg-ftr .lower-sect .contact a:hover { color: #adadad; text-decoration: none; } .bg-ftr .lower-sect .contact i { font-size: 16px; color: #fff; } .footer-contact-mail.contact a{ color:#fff; } .contact a{ color:#fff; } .room-dis h3 { color: #346472; font-size: 22px; margin-bottom: 0; font-weight: 500; } .room-dis span { margin-bottom: 40px; display: inline-block; } .room-dis .feture-box { padding: 40px; background: #f8f8f8; } .room-dis .book-now-btn { padding: 12px 20px; background: #323232; color: #fff; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; display: inline-block; margin-top: 20px; } .room-dis .book-now-btn:hover { background: none; border: 1px solid #323232; color: #323232; text-decoration: none; } .feture-box h4 { margin-bottom: 15px; font-size: 18px; text-transform: capitalize; font-weight: 500; } .list-unstyled { padding-left: 0; list-style: none; margin: 0; } .page-list li { position: relative; display: flex; align-items: center; } .page-list-text { margin-left: 15px; } .page-list-icon { display: flex; align-items: center; } .page-list-icon i { font-size: 18px; color: #346472; margin-bottom: 14px; } .room-cat { margin-bottom: 15px; font-weight: 500; } .contact-form-box { background: #f3f3f3; padding: 25px; } .contact-form-box form input[type=text], textarea { width: 100%; padding: 5px 10px; border: 1px solid #323232; border-radius: 2px; box-sizing: border-box; margin-top: 6px; margin-bottom: 16px; resize: vertical; } .contact-form-box form input[type=email]{ width: 100%; padding: 5px 10px; border: 1px solid #323232; border-radius: 2px; box-sizing: border-box; margin-top: 6px; margin-bottom: 16px; resize: vertical; } .contact-form-box form input[type=tel] { width: 100%; padding: 5px 10px; border: 1px solid #323232; border-radius: 2px; box-sizing: border-box; margin-top: 6px; margin-bottom: 16px; resize: vertical; } .contact-form-box form label { margin-bottom:0; } .contact-form-box form input[type=submit] { background-color: #ddd; color: #323232; padding: 12px 35px; border: none; border-radius: 2px; cursor: pointer; } .contact-form-box form input[type=submit]:hover { background: #ddd; } .attraction .img { position: relative; overflow: hidden; } .attraction .img img { -webkit-transition: all .5s; transition: all .5s; width: 100%; /* border-radius: 30px;*/ } .attraction .content { width: 100%; padding: 30px; padding-top: 0; } .attraction .content .cont { display: table-cell; vertical-align: middle; } .attraction .content .cont h4 { margin: 0 0 10px 0; font-size: 26px; color: #222; font-weight: 500; font-family: 'Jost', sans-serif; line-height: 1.5em; } .attraction p { text-align: justify; } .attraction .img:hover img { -webkit-filter: none; filter: none; -webkit-transform: scale(1.09, 1.09); transform: scale(1.09, 1.09); -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; border-radius:0px; } .img a{ border-radius:30px; } .valign { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .pb-20{ padding-bottom:20px; } /*--show more--*/ .accordion { cursor: pointer; padding: 18px; width: 100%; border: none; text-align: left; outline: none; font-size: 18px; transition: 0.4s; background: none; padding: 0; font-family: 'Jost', sans-serif; font-weight: 400; } .accordion:after { content: '\002B'; color: #b8856d; font-weight: 500; margin-left: 5px; font-size: 18px; } .accordion.active:after { content: "\2212"; } .accordion.active { background: none; } .accordion:focus { outline: none; outline: none; } .panel { max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; } @media screen and (max-width: 990px) and (min-width: 767px) { header .logo img { width:120px; } .logo1 img{ display:none!important; } .new-btn { padding: 5px 10px 5px 10px; background-color: #346472; border: 1px solid #3ac00b; border-radius: 5px; } .new-btn a { color:#fff; } .sidenav{ right:0px!important; } header.secondary{ height:auto; } header{ height:auto; } } @media(max-width:767px) { header .logo img { display:none!important; } .slideshow-container img { height: 30vh; margin-top: 73px; width: 100%; object-fit: cover; } .logo1 { width:25.33%; } .logo1 img{ width: 130px; padding: 5px 30px; } header .navbar-box .mobile-menu{ width:100%; display:inline-flex; justify-content: space-between; align-items: center; } .new-btn { padding: 5px 10px 5px 10px; background-color: #346472; border: 1px solid #3ac00b; border-radius: 5px; height:40px; } .new-btn a { color:#fff; } .sidenav{ left:0px; } header.secondary{ height:auto; } header{ height:auto; } } @media(max-width:1200px) { header .navbar-box nav ul li a { letter-spacing: normal; padding: 0; } } @media(max-width:992px) { .about-content { padding: 0; } .section-title { font-size: 2rem; } .scroll-img .row .scroll-img-text { min-height: auto; } .dis-box.position-left { padding: 15px; } .dis-box.position-right { padding: 15px; } .dis-box.position-left { position: unset; } .dis-box.position-right { position: unset; } .scroll-img .order1 { order: 1; } .scroll-img .order2 { order: 2; } .scroll-img h3 { font-size: 1.5rem; } footer .upper-sect { text-align: center; } .bg-ftr .footer-container .upper-sect .social-icon { margin-top: 20px; text-align: center; } .upper-sect .ftr-quick-link li { margin-bottom: 15px; } header { background-color: #fff; } .dis-box.position-left { left: 0px; } .dis-box.position-right { right: 0px; } .scroll-img .offset-md-1 { margin-left: 0; } header .navbar-box nav { display: none; } header .navbar-box .mobile-menu { display:inline-flex; } } .facilities-list ul { list-style: none; margin: 0px; padding: 0px; } .facilities-list ul li a { font-size: 18px; text-transform: capitalize; padding: 6px 0 6px 20px; color: #323232; letter-spacing: .60px; position: relative; border-bottom: 1px solid #e4e4e4; display: block; -webkit-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; font-family: 'Jost', sans-serif; } .facilities-list ul li a i { position: absolute; left: 0px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; color: #b8856d; } .property-dis h3{ text-align:center; font-size: 30px; } .property-section { padding-top:50px; } @media(max-width:768px) { .bg-ftr .lower-sect h4 { margin-top: 20px; } .bg-ftr .lower-sect { margin: 0; } } @media(max-width:576px) { .section-title { font-size: 1.6rem; } .bg-ftr .lower-sect h4 .property-dis h1 { font-size: 1.8rem; } p { font-size: 16px; } .container.width-100 { max-width: 100% !important; } .header.secondary { background-color: #fff; -webkit-box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%); box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%); height: 65px; } .mt-80 { margin-top: 50px; } .mb-80 { margin-bottom: 50px; } } .testim { width: 100%; } .testim .wrap { position: relative; width: 100%; max-width: 1020px; padding: 40px 20px; margin: auto; } .testim .arrow { display: block; position: absolute; color: #eee; cursor: pointer; font-size: 2em; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; padding: 5px; z-index: 22222222; } .testim .arrow:before { cursor: pointer; } .testim .arrow:hover { color: #ea830e; } .testim .arrow.left { left: 10px; } .testim .arrow.right { right: 10px; } .testim .dots { text-align: center; position: absolute; width: 100%; bottom: 60px; left: 0; display: block; z-index: 3333; height: 12px; } .testim .dots .dot { list-style-type: none; display: inline-block; width: 12px; height: 12px; border-radius: 50%; border: 1px solid #eee; margin: 0 10px; cursor: pointer; -webkit-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; position: relative; } .testim .dots .dot.active, .testim .dots .dot:hover { background: #ea830e; border-color: #ea830e; } .testim .dots .dot.active { -webkit-animation: testim-scale .5s ease-in-out forwards; -moz-animation: testim-scale .5s ease-in-out forwards; -ms-animation: testim-scale .5s ease-in-out forwards; -o-animation: testim-scale .5s ease-in-out forwards; animation: testim-scale .5s ease-in-out forwards; } .testim .cont { position: relative; overflow: hidden; } .testim .cont > div { text-align: center; position: absolute; top: 0; left: 0; padding: 0 0 70px 0; opacity: 0; } .testim .cont > div.inactive { opacity: 1; } .testim .cont > div.active { position: relative; opacity: 1; } .testim .cont div .img img { display: block; width: 100px; height: 100px; margin: auto; border-radius: 50%; } .testim .cont div h2 { color: #ea830e; font-size: 1em; margin: 15px 0; } .testim .cont div p { font-size: 16px; color: #000; width: 80%; margin: auto; } .testim .cont div.active .img img { -webkit-animation: testim-show .5s ease-in-out forwards; -moz-animation: testim-show .5s ease-in-out forwards; -ms-animation: testim-show .5s ease-in-out forwards; -o-animation: testim-show .5s ease-in-out forwards; animation: testim-show .5s ease-in-out forwards; } .testim .cont div.active h2 { -webkit-animation: testim-content-in .4s ease-in-out forwards; -moz-animation: testim-content-in .4s ease-in-out forwards; -ms-animation: testim-content-in .4s ease-in-out forwards; -o-animation: testim-content-in .4s ease-in-out forwards; animation: testim-content-in .4s ease-in-out forwards; } .testim .cont div.active p { -webkit-animation: testim-content-in .5s ease-in-out forwards; -moz-animation: testim-content-in .5s ease-in-out forwards; -ms-animation: testim-content-in .5s ease-in-out forwards; -o-animation: testim-content-in .5s ease-in-out forwards; animation: testim-content-in .5s ease-in-out forwards; } .testim .cont div.inactive .img img { -webkit-animation: testim-hide .5s ease-in-out forwards; -moz-animation: testim-hide .5s ease-in-out forwards; -ms-animation: testim-hide .5s ease-in-out forwards; -o-animation: testim-hide .5s ease-in-out forwards; animation: testim-hide .5s ease-in-out forwards; } .testim .cont div.inactive h2 { -webkit-animation: testim-content-out .4s ease-in-out forwards; -moz-animation: testim-content-out .4s ease-in-out forwards; -ms-animation: testim-content-out .4s ease-in-out forwards; -o-animation: testim-content-out .4s ease-in-out forwards; animation: testim-content-out .4s ease-in-out forwards; } .testim .cont div.inactive p { -webkit-animation: testim-content-out .5s ease-in-out forwards; -moz-animation: testim-content-out .5s ease-in-out forwards; -ms-animation: testim-content-out .5s ease-in-out forwards; -o-animation: testim-content-out .5s ease-in-out forwards; animation: testim-content-out .5s ease-in-out forwards; } @-webkit-keyframes testim-scale { 0% { -webkit-box-shadow: 0px 0px 0px 0px #eee; box-shadow: 0px 0px 0px 0px #eee; } 35% { -webkit-box-shadow: 0px 0px 10px 5px #eee; box-shadow: 0px 0px 10px 5px #eee; } 70% { -webkit-box-shadow: 0px 0px 10px 5px #ea830e; box-shadow: 0px 0px 10px 5px #ea830e; } 100% { -webkit-box-shadow: 0px 0px 0px 0px #ea830e; box-shadow: 0px 0px 0px 0px #ea830e; } } @-moz-keyframes testim-scale { 0% { -moz-box-shadow: 0px 0px 0px 0px #eee; box-shadow: 0px 0px 0px 0px #eee; } 35% { -moz-box-shadow: 0px 0px 10px 5px #eee; box-shadow: 0px 0px 10px 5px #eee; } 70% { -moz-box-shadow: 0px 0px 10px 5px #ea830e; box-shadow: 0px 0px 10px 5px #ea830e; } 100% { -moz-box-shadow: 0px 0px 0px 0px #ea830e; box-shadow: 0px 0px 0px 0px #ea830e; } } @-ms-keyframes testim-scale { 0% { -ms-box-shadow: 0px 0px 0px 0px #eee; box-shadow: 0px 0px 0px 0px #eee; } 35% { -ms-box-shadow: 0px 0px 10px 5px #eee; box-shadow: 0px 0px 10px 5px #eee; } 70% { -ms-box-shadow: 0px 0px 10px 5px #ea830e; box-shadow: 0px 0px 10px 5px #ea830e; } 100% { -ms-box-shadow: 0px 0px 0px 0px #ea830e; box-shadow: 0px 0px 0px 0px #ea830e; } } @-o-keyframes testim-scale { 0% { -o-box-shadow: 0px 0px 0px 0px #eee; box-shadow: 0px 0px 0px 0px #eee; } 35% { -o-box-shadow: 0px 0px 10px 5px #eee; box-shadow: 0px 0px 10px 5px #eee; } 70% { -o-box-shadow: 0px 0px 10px 5px #ea830e; box-shadow: 0px 0px 10px 5px #ea830e; } 100% { -o-box-shadow: 0px 0px 0px 0px #ea830e; box-shadow: 0px 0px 0px 0px #ea830e; } } @keyframes testim-scale { 0% { box-shadow: 0px 0px 0px 0px #eee; } 35% { box-shadow: 0px 0px 10px 5px #eee; } 70% { box-shadow: 0px 0px 10px 5px #ea830e; } 100% { box-shadow: 0px 0px 0px 0px #ea830e; } } @-webkit-keyframes testim-content-in { from { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @-moz-keyframes testim-content-in { from { opacity: 0; -moz-transform: translateY(100%); transform: translateY(100%); } to { opacity: 1; -moz-transform: translateY(0); transform: translateY(0); } } @-ms-keyframes testim-content-in { from { opacity: 0; -ms-transform: translateY(100%); transform: translateY(100%); } to { opacity: 1; -ms-transform: translateY(0); transform: translateY(0); } } @-o-keyframes testim-content-in { from { opacity: 0; -o-transform: translateY(100%); transform: translateY(100%); } to { opacity: 1; -o-transform: translateY(0); transform: translateY(0); } } @keyframes testim-content-in { from { opacity: 0; transform: translateY(100%); } to { opacity: 1; transform: translateY(0); } } @-webkit-keyframes testim-content-out { from { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } to { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } } @-moz-keyframes testim-content-out { from { opacity: 1; -moz-transform: translateY(0); transform: translateY(0); } to { opacity: 0; -moz-transform: translateY(-100%); transform: translateY(-100%); } } @-ms-keyframes testim-content-out { from { opacity: 1; -ms-transform: translateY(0); transform: translateY(0); } to { opacity: 0; -ms-transform: translateY(-100%); transform: translateY(-100%); } } @-o-keyframes testim-content-out { from { opacity: 1; -o-transform: translateY(0); transform: translateY(0); } to { opacity: 0; transform: translateY(-100%); transform: translateY(-100%); } } @keyframes testim-content-out { from { opacity: 1; transform: translateY(0); } to { opacity: 0; transform: translateY(-100%); } } @-webkit-keyframes testim-show { from { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @-moz-keyframes testim-show { from { opacity: 0; -moz-transform: scale(0); transform: scale(0); } to { opacity: 1; -moz-transform: scale(1); transform: scale(1); } } @-ms-keyframes testim-show { from { opacity: 0; -ms-transform: scale(0); transform: scale(0); } to { opacity: 1; -ms-transform: scale(1); transform: scale(1); } } @-o-keyframes testim-show { from { opacity: 0; -o-transform: scale(0); transform: scale(0); } to { opacity: 1; -o-transform: scale(1); transform: scale(1); } } @keyframes testim-show { from { opacity: 0; transform: scale(0); } to { opacity: 1; transform: scale(1); } } @-webkit-keyframes testim-hide { from { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } to { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } } @-moz-keyframes testim-hide { from { opacity: 1; -moz-transform: scale(1); transform: scale(1); } to { opacity: 0; -moz-transform: scale(0); transform: scale(0); } } @-ms-keyframes testim-hide { from { opacity: 1; -ms-transform: scale(1); transform: scale(1); } to { opacity: 0; -ms-transform: scale(0); transform: scale(0); } } @-o-keyframes testim-hide { from { opacity: 1; -o-transform: scale(1); transform: scale(1); } to { opacity: 0; -o-transform: scale(0); transform: scale(0); } } @keyframes testim-hide { from { opacity: 1; transform: scale(1); } to { opacity: 0; transform: scale(0); } } @media all and (max-width: 300px) { body { font-size: 14px; } } @media all and (max-width: 500px) { .testim .arrow { font-size: 1.5em; } .testim .cont div p { line-height: 25px; } } .active, .dot:hover { background:transparent !important; } .contact-bg { background:url(../img/gallery.jpg); } .breadcum { padding: 135px 0; margin: 4% 0; background-position: center; } .breadcum h2{ text-align:center; color:#fff; text-shadow:1px 1px 2px #00000087, 0 0 2px #000, 0 0 5px #00000087; font-size:40px; } .about-bg { background:url(../img/about-bg.jpg); background-position: center; } .at-bg { background:url(../img/at-bg.jpg); background-position: center; } .cont-bg { background:url(../img/cont-bg.jpg); background-position: center; } .attraction-bg{ background:url(../img/attraction-bg.jpg); background-position: center; } .gallery-bg{ background:url(../img/gallery-bg.jpg); background-position: center; } .activities img{ width:100%; margin-bottom:20px; border-radius: 25px; } .empty { padding:20px } .activities li{ font-size:17px; margin-bottom:20px; font-family: 'Jost', sans-serif; } .activities .row{ margin-bottom:30px; } .property-content h5{ } .property-amenities { margin-top:20px; } .property-amenities ul{ padding-left:15px; } .property-amenities li{ font-size:15px; font-family: 'Jost', sans-serif; padding:3px } /*.box a{ border-radius:20px !important; } .box img{ border-radius:20px !important; } .box { border-radius:20px !important; } .blogpost-img-box a{ border-radius:20px !important; } .blogpost-img-box img{ border-radius:20px !important; } .blogpost-img-box { border-radius:20px !important; } .img-wrapper img{ border-radius:10px !important; } */ .footer-content-bottom p{ color:#dbdbdb; text-align:center; margin-top:20px; margin-bottom:0px; } .footer-content-bottom a{ color:#dbdbdb; } .about-section { padding-top: 35px; } .tarifinfo { width: 100%; text-align: center; margin-left: auto; margin-right: auto; margin-bottom: 50px; margin-top: 20px; } .table { font-family: 'Jost', sans-serif; border-collapse: collapse; width: 100%; } .tarifinfo tr:nth-child(odd) { background-color: #f2f2f2; } .tarifinfo tr { font-size: 15px; } .tarifinfo th { padding: 17px; border: solid 1px #000; font-weight: 600; color: #000; } .tarifinfo td { padding: 20px; border: solid 1px #000; font-weight: 600; color: #000; } .tarifinfo th { background: #346472; text-align: center; font-size: 17px; color: #fff !important; } .tarifinfo tr { font-size: 15px; } .tarifinfo tr:nth-child(odd) { background-color: #f2f2f2; } .tarifinfo tr { font-size: 15px; } .tarifinfo tr { font-size: 15px; } .tarifinfo .left-child { background: #323331; text-align: center; font-size: 20px; color: #fff !important; } .tarifinfo .right-child { background: #323331; text-align: center; font-size: 20px; color: #fff !important; } .text-center.att p{ text-align:center; } .new-exp h3{ font-size: 20px; padding: 10px; background-color: #056071; color: #fff; text-align:center; } @media only screen and (max-width: 767px){ .textwidget { display: block!important; } .book { bottom: 70px; right: 10px; } .xs-footer { background: #346472; position: fixed; width: 100%; bottom: -20px; left: 0; z-index: 99; justify-content: space-between!important; } .xs-footer li { line-height: 3px; display: grid; text-align: center; padding: 10px 11px; } .custom-footer { display: inline-flex; align-items: center; justify-content: center; flex-direction: row; flex-wrap: wrap; flex-flow: row wrap; align-content: flex-end; padding: 0px; z-index: 9999; } .footer-bottom{ margin-bottom: 55px; } .custom-footer li { padding: 10px 10px; text-transform: uppercase; } .xs-footer a { text-transform: capitalize; font-size: 12px; padding-top: 7px; padding-bottom: 7px; color: #fff; } .xs-footer i { font-size: 20px; display: flow-root; margin-bottom: 10px; color: #fff; } .footer-bottom p { font-size: 12px; text-align: center; margin: 0px; } .xs-footer a:hover{ text-decoration:none; } .property-content p{ padding-left:0px; } .property-dis p{ width:100%; text-align:justify; } } .textwidget { display: none; } .area-section { padding:10px; } .area-section li{ padding-bottom:9px; font-family: 'Jost', sans-serif; } .rule-sec{ padding-bottom:30px; } .rule-sec h4{ font-size:20px; padding-top:10px; font-family: 'Jost', sans-serif; } .rule-sec p{ line-height:20px; font-family: 'Jost', sans-serif; font-size: 17px; } .amenities h4 { padding-top:10px; font-size:25px; font-family: 'Jost', sans-serif; font-size: 17px; } .amenities li{ line-height:28px; font-family: 'Jost', sans-serif; font-size: 17px; } .food-sec li{ line-height:28px; font-family: 'Jost', sans-serif; font-size: 17px; } .new-height ul li { font-family: 'Jost', sans-serif; font-size: 17px; } .new-add { list-style:none; padding-left:15px; } .new-add i {font-size:14px;} .new-add a {color:#000;padding:10px;font-size:15px;} @media only screen and (max-width: 1024px){ .new-add {display:none;} }
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0.02 |
proxy
|
phpinfo
|
Settings