File manager - Edit - /home/asiatechinc/public_html/asiatechinc-websites/holyabode.in/css/style.css
Back
body { color: var(--body-text-color); } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6{ color: #005628 !important; } /*===== btn Color CSS =====*/ .btn-primary-bg, .btn-lg-primary{ color: var(--white-color); background-color: #00aa4f !important; border-color: #00aa4f !important } .btn-primary-bg:hover { color: #00aa4f; background-color: transparent !important; border-color: #00aa4f !important } .btn-primary{ color: #fff !important; border-color: #00aa4f !important background-color: transparent; } .btn-primary:hover{ color: #00aa4f !important; background-color: transparent !important; border-color: #00aa4f !important } .btn-secondery{ color: var(--secondery-theme-color); border-color: #00aa4f !important; } .btn-lg-primary:hover{ background-color: transparent !important; color: #fff !important; } .btn-secondery:hover, .btn-secondery-bg, .btn-lg-secondery{ color: var(--white-color); background-color: var(--secondery-theme-color); border-color: #00aa4f !important; } .btn-lg-secondery:hover, .btn-secondery-bg:hover{ background: transparent; color: var(--secondery-theme-color); } /*===== Nav Color CSS =====*/ .btn-lg-secondery, .navbar-light .navbar-nav .nav-link{ color: var(--white-color); text-shadow: 1px 1px 2px #0000008a, 0 0 25px #000000c4, 0 0 5px #00000078; font-weight: 800; font-size: 17px; font-family: 'Cinzel', serif; } .pl-2, .px-2 { padding-left: 0.5rem!important; text-shadow: 1px 1px 2px #00000094, 0 0 25px #000000ab, 0 0 5px #000000ad; color: #fff; font-family: 'Poppins'; font-size: 14px; } .bg-black { background-color: var(--black-color); } .navbar-header .navbar-light .navbar-nav .nav-link.active, .navbar-header .navbar-light .navbar-nav .nav-link:active, .navbar-header .navbar-light .navbar-nav .nav-link:hover, .navbar-header .navbar-light .navbar-nav .nav-link:focus { color: #fff !important; background: transparent } .header-3 .navbar-nav .nav-link, .header-4 .navbar-nav .nav-link{ /*color: var(--dark-theme-color);*/ } .header-3 .nav-item > .nav-link:hover { color: var(--secondery-theme-color); } .dropdown-item:hover, .dropdown-item:focus, .dropdown-toggle:hover, .dropdown-toggle:focus, .dropdown-item.active, .dropdown-item:active, .dropdown-toggle.active, .dropdown-toggle:active { background-color: var(--gray-color); color: #00aa4f; } .header-3 .navbar-header .navbar-light .navbar-nav .nav-link:hover, .header-3 .navbar-header .navbar-light .navbar-nav .nav-link.active, .header-4 .navbar-header .navbar-light .navbar-nav .nav-link.active, .header-4 .navbar-header .navbar-light .navbar-nav .nav-link:hover { background-color: #000000; border-color: #00aa4f !important; color: var(--secondery-theme-color); } .header-5 .navbar-light .navbar-nav .nav-link:focus, .header-5 .navbar-light .navbar-nav .nav-link:hover, .header-5 .navbar-light .navbar-nav .nav-link.active{ color: #fff !important; } /*===== Custom Font Color CSS =====*/ select, .text-white, .text-block-2, .icon-list-1 li, .icon-list-1 li::before, .text-white p, .text-white-a a, .icon-white i, .flat-white [class^="flaticon-"]::before, .upcoming-event span.icon, .upcoming-event p, .copyright-2 .line-ul li a, #page-banner .pages-link li, #page-banner .pages-link li a, .widget.form-style-1, .widget.form-style-1 .inner-title, .food-item-2 .food-name span, .our-coffee h3, .widget.get-ticket, .page-item.active .page-link, .btn-lg-default, footer .social-media li a, .page-item:hover .page-link, .widget.get-ticket h4, .widget.social-feed h3, .widget.social-feed p, .widget.social-feed i, .widget.get-ticket b, .contact-info .title, .text-block-4 h5, .social-media-3 li a, .error h3, .error p, .social-media-4 a:hover, .blog_categories ul li a, .title_white, .tag ul li a:hover, .facility p, .facility-item-1 p, .newsletter-2 input::placeholder, .newsletter-2 input, .copyright-2 .line-ul li, .slider-3 .carousel-caption h1 span, .facility-item-1 h5, .footer-widget li a, form.language .bootstrap-select .btn-option{ color: var(--white-color) !important; } .text-black, .text-black-a a, .service-item-2:hover p, .activity-item:hover, .food-item .food-name span, [class*="room-thumb-"] .room-size, .post-type.upper-place-top-left, [class*="room-thumb-list-"] .facility-icon li, .choose-item .number, .img-2 .upper-place-top-left, .offer-dish-info .price span, .food-booking-form.main-title-area p, .form-style-2 ::placeholder, .form-style-2 .bootstrap-select .btn-option, .nav-pills .nav-link.active, .rating-count-1 b, .rating-count-1 span, .review-2, .widget.events .date, .widget.events .info p, .event-detail-info .date, .date-type-2, .blog-item-details blockquote, .flat-black [class^="flaticon-"]::before, .accordion .card-header .btn-link[aria-expanded="true"], .accordion .card-header .btn-link:hover, .room-thumb .upper-place-top-left span, .calendar{ color: var(--dark-theme-color) !important; } .text-dark-gray, .icon-in-list-1 li a, [class*="contact-form-"] .form-control::placeholder, [class*="room-thumb-"] .per-night small, .testimonial-item-1 .designation, [class*="post-detail"] .date, .offer-dish-info .price del, .introduce-block-2 span, .widget.hotel-booking-number span, .widget.hotel-booking-number b, .place-detail-info span, .place-detail-info .distance, .amount-per-night span, .room-detail-info .float-left span, .comment-item .name-date, .widget.events .info span, .icon-in-list-2 li, .one-line-ul li, .testimonial-item-3, .form-control, .social-media-2 li a, .post_data ul li, .post_data ul li a{ color: var(--dark-text-color) !important; } .text-body, [class*="room-thumb-"] .subtext, .introduce-block-1 .designation, .bootstrap-select .dropdown-menu.inner li a, .widget.events a, .widget.check-form .bootstrap-select .btn-option, .bootstrap-select .btn-option, .service-tab .nav-tabs .nav-link p, .page-item a{ color: var(--body-text-color) !important; } .text-block-4 span, .text-block-4 p{ color: var(--gray-color); } a.btn-scroll{ color: #00aa4f; } .map{ width: 100%; } /*===== Custom BG Color CSS =====*/ .bg-white, .header-3.fixed-top, .form-control:focus, #slider [class*="-line"]::after, .right-line:after, .header-3 .navbar, .property-search-form-1, .post-item-2, .property-search-form-2, .video-popup span, .widget.hotel-booking-number, .service-tab .nav-tabs .nav-link, .header-1 .navbar-toggler-icon, .header-5 .navbar-toggler-icon, .testimonial-title .left-right-line:before, .widget.check-form, .testimonial-title .left-right-line:after, .widget.text-block-3, .testimonial-2 .carousel-indicators li, .food-item .food-name span, .left-right-line.text-white::after, .left-right-line.text-white::before, .nav-pills .nav-link, .progress-style-1 .progress, .comment-item .content, .header-4.fixed-top, .carousel-indicators.round li, .contact-info .title::after, footer .social-media li:hover, .header-2 .navbar-toggler-icon, .nav-pills .nav-link.active, .nav-pills .show>.nav-link, .widget.guest-important, .widget.events, .widget.check-form, .title_white:before, .our-coffee .left-right-line::before, .our-coffee .left-right-line::after{ background-color: #fff; border-top: 1px solid #ffffff82; } .bg-gray, [class*="contact-form-"] .form-control, .widget.check-form .form-control, .bg-info, .room-thumb-list-2 .for-booking, .bootstrap-select .dropdown-menu.open, .place-item-details, .angle-shade:before{ background-color: var(--gray-color) !important; } .copyright-3{ background-color: #025629 !important; } .social-media{ margin-top: 15px!important; } .bg-dark, .accordion .card-header .btn-link[aria-expanded="true"]:after{ background-color: var(--dark-theme-color); } .book-now { position: fixed; right: 0%; bottom: 30%; z-index: 9999; width: 10%; } img { display: inline-block; max-width: 100%; height: auto; } /*===== Primary Font Color CSS =====*/ .text-primary:hover{ color: #fff!important; } .text-primary{ color: #fff!important; } .ls-wrapper p{ /*color: #00aa4f !important;*/ text-shadow: 1px 1px 2px #000, 0 0 25px #000, 0 0 5px #000!important; color: #fff!important; } /*===== Primary BG Color CSS =====*/ .bg-primary, .icon-list-3 li::after, .down-line-left:after, .video-popup span:hover, .down-line-center:after, #slider .carousel-indicators li.active, .activity-item:hover, .service-tab .nav-tabs .nav-link:hover, .service-tab .nav-tabs .nav-link.active, .choose-item .number, .testimonial-1 .carousel-indicators li.active, .footer-2 .footer-logo, .testimonial-2 .carousel-indicators li.active, .rating-count-1, .food-item .food-type, .img-2 .upper-place-top-left, #tout:first-child div div div, .offer-item-slide .carousel-indicators li, .nav-pills .nav-link, .service-item-2:hover, .progress-style-1 .progress-bar, .page-item.active .page-link, .carousel-indicators.round li.active, .event-detail-info .date, .btn-lg-primary, .widget.events .date, .bootstrap-select .dropdown-menu.open li:hover, .img-slide [class*="carousel-control"], .accordion .card-header .btn-link[aria-expanded="true"], .accordion .card-header:hover, .bootstrap-select .dropdown-menu.inner li.selected a, .room-thumb .upper-place-top-left span { background-color: #00aa4f !important } /*===== Secondery Font Color CSS =====*/ .text-secondery, .text-secondery-a a, .flat-primary [class^="flaticon-"]::before, .activity-item:hover [class^="flaticon-"]::before, .service-item-2:hover [class^="flaticon-"]::before, .btn-link, .icon-in-list-1 li i, .contact-form-3 .right-line::after, footer .social-media li:hover a, .widget.events a:hover, .tag ul li a{ color: #00aa4f !important; } .btn-primary { color: #fff; background-color: #00aa4f; border-color: #00aa4f; } .btn-primary:hover { color: #00aa4f; background-color: transparent; border-color: #00aa4f; } .bootstrap-select .dropdown-menu.inner li a:hover, .offer-dish-info .price label, .bootstrap-select .dropdown-menu.inner li.selected a, .widget.hotel-booking-number b, .package-item ul li:first-child em, .property-search-form-3 input.form-control, .room-thumb-grid-2 .facility-1 li, .room-thumb-grid-2 .facility-1 li a, .place-detail-info .distance strong, .place-detail-info .distance span, .amount-per-night b, .room-detail-info .review, .nav-pills .nav-link, .table-style-3 td span, .comment-item .name-date span, .icon-in-list-2 li i, .gallery-section .filter-btns li, .social-media-area span, .one-line-ul li i, .blog-item-details blockquote::after, .social-media-4 li a, [class*="post-item"] .title a, .blog_widget a, .title_secondery{ color: #00aa4f; } .post-detail{ padding-top: 30px; } /*===== secondery BG Color CSS =====*/ .bg-secondery{ background-color: #0c0c0c!important; } .navbar-toggler-icon, .left-right-line:before, .left-right-line:after, .testimonial-1 .carousel-indicators li, .activity-item:hover .down-line-center:after, .widget.form-style-1, .food-item-2 .food-name span, .food-item-2 .food-name span, .offer-item-slide .carousel-indicators li.active, .widget.get-ticket, .page-item:hover .page-link, .widget.social-feed, .social-media-4::before, .social-media-4::after, .accordion .card-header .btn-link:before, .accordion .card-header .btn-link:after, .title_secondery:before, .tag ul li a:hover{ background-color: #00aa4f !important; } /*===== Secondary Font Color CSS =====*/ /*===== Text dark =====*/ .text-dark { color: var(--dark-theme-color) !important } .bg-light-gray, .line, .top-2-liner::before, .top-2-liner::after{ background: var(--light-gray-color) !important; } .widget.text-block-3, .widget.guest-important, .widget.events, .widget.check-form, .property-search-form-2 input.form-control, .form-control, .social-media-area, .footer-top, .newsletter-2 input, .page-link:hover, .post_data ul li, .quantity input, .property-search-form-1 input.form-control, .bootstrap-select .btn-option{ border-color: var(--light-gray-color) !important; } /*===== RGB Color CSS =====*/ .shadow { box-shadow: 0 .1rem .5rem rgba(0,0,0,.05)!important; } .overlay-secondery-opacity-40:before, .slider-layer-1{ background: #000!important; } .overlay-secondery-opacity-65:before, [class*="overlay-"]:before, .slider-overlay:before{ background: #00000038 !important; } .overlay-secondery-opacity-80:before, .header-1.fixed-top, .header-2.fixed-top{ background: #00000080; } .navbar{ padding: 0px; } .overlay-secondery-deep:before{ background: var(--theme-overlay-secondery-deep-color) !important; } .overlay-secondery-white-gradient:before{ background: var(--secondery-theme-color); background: -moz-linear-gradient(45deg, #0943a0 0%, #e9f1ff 100%); background: -webkit-linear-gradient(45deg, #0943a0 0%,#e9f1ff 100%); background: linear-gradient(45deg, #0943a0 0%,#e9f1ff 100%); opacity: .5 } .overlay-secondery-dark:before{ background: var(--theme-overlay-secondery-dark-color) !important; } .overlay-white, .room-thumb-grid-1 .facility-icon li, [class*="room-thumb-grid-"] .upper-place-bottom-right{ background: var(--overlay-white-color); } /*===== Border Color CSS =====*/ .social-media li, .header-1 .navbar-light .navbar-toggler, .header-2 .navbar-light .navbar-toggler, .food-item-2 .food-name::after{ border-color: #00aa4f !important; } .header-1, .copy-right{ border-color: var(--dark-text-color) !important; } .loader-circle { border-left-color: #fff !important; } #tout:first-child div, #slider .carousel-indicators li.active, .btn-lg-primary{ /*border-color: #fff !important;*/ } #tout:first-child>div>div, .bootstrap-select > .dropdown-menu, .food-item .food-name::after, .navbar-light .navbar-toggler, .property-search-form-3 input.form-control, .package-item ul li:first-child em, .gallery-section .filter-btns, .tag ul li a{ border-color: #00aa4f !important; } [class*="room-thumb-list-"] .facility-icon li, [class*="room-thumb-list-"] .room-size, .room-thumb-list-1 .for-booking, .widget.hotel-booking-number{ border-color: var(--gray-color) !important } .form-style-2 .form-control, .form-style-2 textarea, .form-style-2 .bootstrap-select .btn-option{ border-color: var(--dark-theme-color) !important; } .introduce-block-2{ border-color: var(--body-text-color) !important; } .choose-item .number::after { border-color: transparent transparent var(--primary-theme-color) transparent } .food-item .food-type::after { border-color: var(--primary-theme-color) transparent transparent transparent } .comment-item .content::after { border-color: transparent var(--white-color) transparent transparent } /*==================================================================== Settings CSS ====================================================================*/ #page_wrapper { padding-left: 15px; padding-right: 15px; background-color: #fff; overflow: hidden !important; position: relative } .box-layout { margin: 0 auto; width: 1280px; border-radius: 1px; padding-left: 15px; padding-right: 15px; z-index: 9; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.10); box-shadow: 0 0 15px rgba(0, 0, 0, 0.10); } .body_overlay { position: relative; height: 100% } .body_overlay:before { content: ""; position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, .40); } /*==== Sidebar panel css =====*/ /*----- Input Radio Switch ----*/ .switcher_layout, .box_bg_style{ border-top: 1px solid } .select_bg { display: inline-block; width: 100% } .layout_title{ font-size: 14px; margin-bottom: 10px; display: inline-block } .radio_check { border-radius: 22px; display: block; height: 44px; width: 100px; position: relative; overflow: hidden } .radio_check input[type="checkbox"]{ display: none } .radio_check label { padding:0 15px; transform: translateX(0px); width: 156px; cursor: pointer; max-width: inherit } .radio_check input[type="checkbox"]:checked + label{ transform:translateX(-56px) } .radio_check label span { line-height: 44px; color: #fff } .radio_check label span:first-child { float:left } .radio_check label span:last-child { float:right } .radio_check label::before { background-color: #fff; border-radius: 50%; content: ""; height: 40px; left: 58px; position: absolute; top: 2px; width: 40px; z-index: 1; } /*----- Box BG Image ----*/ [type="radio"] { display: none; } label.radios { position: relative; padding-left: 25px; cursor: pointer; font-weight: 500; width: 30px; height: 30px; margin-bottom: -5px } [type="radio"]:checked + label.radios::after { content: '✔'; line-height: 28px; border: 1px solid; text-align: center } .box_bg_style label::after { content: ''; position: absolute; left: 0; top: 0px; width: 100%; height: 100%; box-shadow: inset 0 1px 3px rgba(0,0,0,.1); } [type="radio"]:checked + label.radios::before { content: ''; position: absolute; left: 0; top: 0px; width: 30px; height: 30px } .box_bg_style li{ float: left; margin: 0 3px 0 0 } /*==== Color Setting css ====*/ .on-panel { height: 45px; left: -45px; position: absolute; top: 0; width: 45px; cursor: pointer; } .color-panel { position: fixed; right: -225px; top: 140px; z-index: 999; -webkit-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out } .color-panel.open { right: 0 } .on-panel { height: 45px; left: -45px; position: absolute; top: 0; width: 45px; cursor: pointer } .on-panel img { padding: 10px } .panel-box, .switcher_layout, .box_bg_style { padding: 14px 10px 14px 20px; width: 225px; background: #f8f8f8; display: table } .panel-box .panel-title { display: inline-block; width: 100%; margin-bottom: 10px } .color-box { display: table; width: 100%; text-align: left; margin-bottom: 10px } .color-box li{ display: inline-block; width: 22px; height: 22px; margin-right: 5px; cursor: pointer } .scroll-btn{ position: fixed; right: 30px; bottom: 50px; width: 35px; height: 35px; line-height: 33px; text-align: center; color: #fff; z-index: 9 } .color-panel { background-color: #fff } .color-box li { position: relative; overflow: hidden; } .color-box li:before { position: absolute; content: ""; width: 110%; height: 145%; z-index: 9; transform: rotate(45deg); left: 8px; top: 2px; } .color-box li.active{ border: 2px solid #000 } .color-box li.default { background-color:#ffd633 } .color-box li.default:before { background: #0943a0; } .color-box li.color_2 { background-color:#6abe45 } .color-box li.color_2:before { background: #4e585f; } .color-box li.color_3 { background-color:#38dcf4 } .color-box li.color_3:before { background: #2d535e; } .color-box li.color_4 { background-color:#ef815e } .color-box li.color_4:before { background: #2c3f64; } .color-box li.color_5 { background-color:#22e1bb } .color-box li.color_5:before { background: #495460; } .color-box li.color_6 { background-color:#ffd633 } .color-box li.color_6:before { background: #4e545a; } .color-box li.color_7 { background-color:#d2bd7f } .color-box li.color_7:before { background: #575e66; } /*====== Background css ======*/ .body_bg_1 { background: url(../img/bg-image/bg-1.jpg) no-repeat fixed; background-position: center center; background-size: cover } .body_bg_2 { background: url(../img/bg-image/bg-2.jpg) no-repeat fixed; background-position: center center; background-size: cover } .body_bg_3 { background: url(../img/bg-image/bg-3.jpg) no-repeat fixed; background-position: center center; background-size: cover } .body_bg_4 { background: url(../img/bg-image/bg-4.jpg) no-repeat fixed; background-position: center center; background-size: cover } .body_bg_5 { background: url(../img/bg-image/bg-5.jpg) no-repeat fixed; background-position: center center; background-size: cover } .pattern_1{ background: url(../img/bg-image/pattern/1.png) repeat fixed } .pattern_2{ background: url(../img/bg-image/pattern/2.png) repeat fixed } .pattern_3{ background: url(../img/bg-image/pattern/3.png) repeat fixed } .pattern_4{ background: url(../img/bg-image/pattern/4.png) repeat fixed } .pattern_5{ background: url(../img/bg-image/pattern/5.png) repeat fixed } .pattern_6{ background: url(../img/bg-image/pattern/6.png) repeat fixed } .pattern_7{ background: url(../img/bg-image/pattern/7.png) repeat fixed } .pattern_8{ background: url(../img/bg-image/pattern/8.png) repeat fixed } .pattern_9{ background: url(../img/bg-image/pattern/9.png) repeat fixed } .pattern_10{ background: url(../img/bg-image/pattern/10.png) repeat fixed } .pattern_11{ background: url(../img/bg-image/pattern/11.png) repeat fixed } .pattern_12{ background: url(../img/bg-image/pattern/12.png) repeat fixed } .pattern_13{ background: url(../img/bg-image/pattern/13.png) repeat fixed } .pattern_14{ background: url(../img/bg-image/pattern/14.png) repeat fixed } .pattern_15{ background: url(../img/bg-image/pattern/15.png) repeat fixed } .box_bg_style .pattern1{ background: url(../img/bg-image/pattern/1.png) no-repeat center } .box_bg_style .pattern2{ background: url(../img/bg-image/pattern/2.png) no-repeat center } .box_bg_style .pattern3{ background: url(../img/bg-image/pattern/3.png) no-repeat center } .box_bg_style .pattern4{ background: url(../img/bg-image/pattern/4.png) no-repeat center } .box_bg_style .pattern5{ background: url(../img/bg-image/pattern/5.png) no-repeat center } .box_bg_style .pattern6{ background: url(../img/bg-image/pattern/6.png) no-repeat center } .box_bg_style .pattern7{ background: url(../img/bg-image/pattern/7.png) no-repeat center } .box_bg_style .pattern8{ background: url(../img/bg-image/pattern/8.png) no-repeat center } .box_bg_style .pattern9{ background: url(../img/bg-image/pattern/9.png) no-repeat center } .box_bg_style .pattern10{ background: url(../img/bg-image/pattern/10.png) no-repeat center } .box_bg_style .pattern11{ background: url(../img/bg-image/pattern/11.png) no-repeat center } .box_bg_style .pattern12{ background: url(../img/bg-image/pattern/12.png) no-repeat center } .box_bg_style .pattern13{ background: url(../img/bg-image/pattern/13.png) no-repeat center } .box_bg_style .pattern14{ background: url(../img/bg-image/pattern/14.png) no-repeat center } .box_bg_style .pattern15{ background: url(../img/bg-image/pattern/15.png) no-repeat center } .box_bg_style .body_image1{ background: url(../img/bg-image/bg-1.jpg) no-repeat center / cover; } .box_bg_style .body_image2{ background: url(../img/bg-image/bg-2.jpg) no-repeat center / cover; } .box_bg_style .body_image3{ background: url(../img/bg-image/bg-3.jpg) no-repeat center / cover; } .box_bg_style .body_image4{ background: url(../img/bg-image/bg-4.jpg) no-repeat center / cover; } .box_bg_style .body_image5{ background: url(../img/bg-image/bg-5.jpg) no-repeat center / cover; } .box_bg_style .body_image6{ background: url(../img/bg-image/bg-6.html) no-repeat center / cover; } .box_bg_style .body_image7{ background: url(../img/bg-image/bg-7.html) no-repeat center / cover; } .box_bg_style .body_image8{ background: url(../img/bg-image/bg-8.html) no-repeat center / cover; } .box_bg_style .body_image9{ background: url(../img/bg-image/bg-9.html) no-repeat center / cover; } .box_bg_style .body_image10{ background: url(../img/bg-image/bg-10.html) no-repeat center / cover; } /*==================================================================== Scroll to Top css ====================================================================*/ .scroll-to-top { border-radius: 100%; position: fixed; bottom: 50px; right: 25px; z-index: 999; text-align: center; line-height: 47px; display: none } a.btn-scroll { display: block } a.btn-scroll i{ position: relative; -webkit-animation-name: scroll-top-arrow; /* Safari 4.0 - 8.0 */ -webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */ -webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */ animation-name: scroll-top-arrow; animation-duration: 1s; animation-iteration-count: infinite; } a.btn-scroll b{ display: table; margin-top: 7px } @-webkit-keyframes scroll-top-arrow { 0% {left:0px; top:0px;} 80% {left:0px; top:5px;} 100% {left:0px; top:0px;} } /*============================================ Default Css By Bootstrap =============================================*/ .form-control:focus { box-shadow: none } .form-control{ height: 46px; border-radius: 3px; padding: 0 20px; font-weight: 500; line-height: normal; border: none; border: 1px solid transparent; font-size: 14px; } textarea.form-control { height: auto; padding: 20px; } .btn-option.dropdown-toggle, .btn-option.dropdown-toggle:hover, .btn-option.dropdown-toggle:focus{ background: transparent } button{ background: transparent; border: none; padding: 0 } button:focus{ outline: none } select { background: transparent; border: none; -moz-appearance: none; -webkit-appearance: none; appearance: none; } .btn{ font-weight: 600; line-height: 42px; border-radius: 3px; font-size: 18px; padding: 0 25px; border: 2px solid transparent; font-family: 'Cinzel', serif; } .btn-link { font-family: var(--theme-body-font); font-weight: 600 } table { font-family: arial, sans-serif; border-collapse: collapse; width: 100%; } td{ font-size: 16px; font-family: 'Poppins'; } td, th { border: 1px solid #000; text-align: left; padding: 8px; color: #000; } .copyright-3 span p{ text-align: center; } .text-block-1 ul li{ list-style: disc; color: #000; line-height: 30px; margin-left: 25px; font-size: 16px; font-family: 'Poppins'; } tr:nth-child(even) { background-color: #fff; } .title .text-secondery:hover{ text-shadow: 0px 0px 0px #000, 0 0 0px #000, 0 0 0px #000!important; color: #000!important; font-weight: 600; font-family: 'Cinzel'; font-size: 18px; } th{ /*background-color: #025629 !important; color: #fff;*/ font-family: var(--theme-body-font); text-transform: uppercase; font-size: 16px; } .btn-link:hover{ text-decoration: none } .btn-lg-primary, .btn-lg-secondery{ width: 190px; line-height: 48px; border-radius: 0; font-size: 16px; font-weight: 500; border: 2px solid } .bg-standby { background-size: cover; background-position: center center; background-repeat: no-repeat } .bg-img-3 { background: rgba(0, 0, 0, 0) url("../img/bg/3.jpg") no-repeat center center; background-size: cover; } .bg-img-5{ background-image: url(../img/bg/5.jpg); background-position: center center; background-size: cover; padding-bottom: 80px; padding-top: 80px; } .bg-img-6{ background: url(../img/bg/6.jpg) 0 0/ 100% 100% } .bg-img-8 { background: rgba(0, 0, 0, 0) url("../img/bg/8.png") no-repeat right bottom / 40%; } .bg-img-9 { background: rgba(0, 0, 0, 0) url("../img/bg/9.jpg") no-repeat center center; background-size: cover; } .bg-img-12 { background: rgba(0, 0, 0, 0) url("../img/bg/12.jpg") no-repeat center center; background-size: cover; } /*==================================================== Default Css by flaticon Start =====================================================*/ [class^="flaticon-"]::before, [class*=" flaticon-"]::before, [class^="flaticon-"]::after, [class*=" flaticon-"]::after { margin-left: 0 !important; } /*==================================================== Default Css Start ====================================================*/ body{ font-family: var(--theme-body-font); font-size: 14px } .text-block-2 p{ color: #fff; } p{ line-height: 28px; color: #000; font-family: 'Poppins', sans-serif; font-size: 16px; text-align: justify; } a{ display: block } a:hover{ text-decoration: none } ul{ margin: 0; padding: 0; list-style: none } h1, .h1, h2, .h2, h3, .h3, .room-thumb .upper-place-top-left{ font-family: 'Cinzel', serif; } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6{ font-weight: 700 } h4, .h4, h5, .h5, h6, .h6, .bootstrap-select .btn-option, .newsletter-2 input::placeholder, .newsletter-2 input, .slider-3 .carousel-caption h1 span, .slider-3 .carousel-caption p, .gallery-section .filter-btns li, .error_page h3, .error_page p{ font-family: 'Cinzel', serif; } .room-thumb-grid-1{ height: 480px; } h1, .h1{ font-size: 44px; } h2, .h2{ font-size: 38px; } h3, .h3{ font-size: 25px } h4, .h4{ font-size: 24px; } h5, .h5{ font-size: 21px; } h6, .h6{ font-size: 18px; } img{ width: 100% } .copyright-3{ padding-bottom: 0px!important; padding-top: 20px!important; } .full-row{ width: 100%; position: relative; } .font-family-1{ font-family: var(--theme-body-font); } .font-family-2{ font-family: var(--theme-high-light-font); } .flat-medium [class^="flaticon-"]::before{ font-size: 40px } .flat-large [class^="flaticon-"]::before{ font-size: 50px } /*----------- .Margin and Padding CSS --------------*/ .mt-80 { margin-top: -80px; } .mt-30{ margin-top: 30px; } section{ padding: 80px 0 } .py-60 { padding-top: 60px !important; padding-bottom: 60px !important } .pt-80, .py-80{ padding-top: 30px !important } .pb-80, .py-80{ padding-bottom: 25px !important } .py-100{ padding-top: 100px; padding-bottom: 100px } /*===== Form CSS =====*/ .form-style-1 .form-control{ border-radius: 0; border: none } /*========================================================= Title CSS ==========================================================*/ .main-title-area.text-center .title{ display: table; margin-left: auto; margin-right: auto; } .subtext{ font-family: var(--theme-body-font); font-weight: 500; font-size: 16px; letter-spacing: 6px; text-transform: uppercase; width: 100%; display: table } .subtext.box-width { width: 700px; margin: 0 auto } .main-title-area .title span{ display: block; } .main-title-area .down-line-left{ padding-bottom: 20px; margin-bottom: 30px } .main-title-area .down-line-left::after{ width: 100px; height: 4px; } .title-area-2 small{ font-size: 17px; display: block; margin-bottom: 5px } /*============================================================= Position Center, Middle and Others CSS =============================================================*/ .position { position: absolute } .xy-center{ position: absolute; left: 50%; top: 50% } .upper-place-middle{ left: 50%; top: 50%; transform: translate(-50%, -50%) } [class*="upper-place-"]{ position: absolute; z-index: 9 } .upper-place-full{ top: 0; left: 0; right: 0; bottom: 0 } .upper-place-top-left{ top: 0; left: 0; } .upper-place-top-right{ top: 0; right: 0; } .upper-place-bottom-left{ bottom: 0; left: 0; } .upper-place-bottom-right{ bottom: 0; right: 0 } .upper-place-bottom-w-100{ bottom: 0; width: 100%; left: 0 } .right-15 { right: 15px } .fw-5{ font-weight: 500 } .z-index-up{ z-index: 99999 } .z-index-down{ z-index: -99999 } /*========================================================= Social Media CSS =========================================================*/ .social-media li { float: left; margin-right: 15px; height: 45px; width: 45px; border-radius: 50%; border: 1px solid; } .social-media li:last-child{ margin-right: 0 } .social-media li a { text-align: center; font-size: 16px; line-height: 45px; } [class*="text-block"] p:last-child{ margin-bottom: 0 } /*===== 08.Block CSS =====*/ .text-block-1 p { margin-bottom: 25px } .text-block-2 p { margin-bottom: 25px } .introduce-block-1 .name { font-weight: 500; font-size: 17px; margin-bottom: 10px } .icon-block-1 { position: relative; padding-left: 25px; } .icon-block-1 span { display: block; line-height: 30px } .icon-block-1 i { position: absolute; left: 0; top: 0; font-size: 18px; } /*===== 09.List CSS =====*/ .icon-list-1 li { position: relative; padding-left: 25px; margin-bottom: 10px; } .icon-list-1 li:last-child{ margin-bottom: 0 } .icon-list-1 li::before { content: "\f00c"; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; left: 0; } .icon-list-2 li i{ margin-right: 10px } .icon-list-3 li{ position: relative; padding-left: 15px; margin-bottom: 15px } .icon-list-3 li::after{ content: ""; position: absolute; width: 7px; height: 7px; left: 0; top: 8px; } .icon-in-list-1{ display: inline-block } .icon-in-list-1 li{ float: left; margin-right: 10px; font-size: 13px; } .icon-in-list-1 li i{ margin-right: 5px } .hover_zoom :before, .hover_zoom:before{ z-index: 1 } .hover_zoom:hover [class*="overlay-"]:before{ background: transparent !important; } /*=================================================================== Line and Overlay CSS ====================================================================*/ [class*="-line"], [class*="overlay-"] { position: relative } [class*="-line"]:after, [class*="-line"]:before, [class*="overlay-"]:before, [class*="slider-overlay"]:before { content: ""; position: absolute; } [class*="overlay-"]:before, .slider-overlay:before { width: 100%; height: 100%; left: 0; top: 0 } .right-line{ display: table } .right-line:after{ right: -120px; bottom: 10px; width: 100px; height: 2px } .left-right-line:before, .left-right-line:after{ width: 80px; height: 2px; top: 50% } .left-right-line:before{ left: -100px; } .left-right-line:after{ right: -100px; } .down-line-left{ padding-bottom: 15px; text-align: -webkit-center; } .down-line-left:after{ width: 30px; height: 3px; left: 0; display: none; bottom: 0 } .down-line-center:after{ width: 50px; height: 2px; left: 50%; bottom: 0 } .full-row span p{ text-align: center; } /*==================================================================== Header Section Css Start ====================================================================*/ .nav-on-banner { animation-fill-mode: both; left: 0; margin: 0; padding: 0; position: absolute; top: 0; width: 100%; z-index: 999 } .nav-on-top { animation-fill-mode: both; width: 100%; z-index: 999; top: 0; position: absolute; } .header-1, .header-3{ position: absolute; z-index: 999; width: 100% } .header-1{ border-bottom: 1px solid; } .top-header{ font-size: 13px } .top-header ul li{ margin-left: 20px; float: left } .navbar-nav .nav-link { font-weight: 500; padding: 12px; font-size: 15px } #header.fixed-top .top-header{ display: none } @keyframes menu-sticky { 0% { margin-top: -150px; } 50% { margin-top: -90px; } 100% { margin-top: 0; } } .dropdown-menu{ border-radius: 0; min-width: 15rem; } #page-banner .pages-link li:last-child{ text-shadow: 0px 0px 0px #000, 0 0 0px #000, 0 0 0px #000!important; } .dropdown-item { padding: .70rem 1.5rem; font-size: 17px; font-weight: 500; color: #000 } .navbar-expand-lg .navbar-nav .dropdown-menu { top: 60px } .dropdown-menu .dropdown-toggle::after{ transform: rotate(-90deg) } .dropdown-menu{ border: none } .navbar-toggler-icon{ height: 2px; display: table; margin: 6px 0 } /*==================================================================== Header-3 css ====================================================================*/ form.language{ display: table; float: right; margin-right: 10px } form.language .bootstrap-select .btn-option{ border: none; padding: 0; width: auto; } form.language .bootstrap-select .btn-option:hover{ background: transparent } form.language .dropdown-toggle::after { margin-top: 8px; margin-left: 5px; border-top: 6PX solid; border-right: 6PX solid transparent; border-left: 6PX solid transparent; } .top-header form.language ul li{ margin: 0 } /*==================================================================== Header-3 & Header-4 css ====================================================================*/ .header-3.fixed-top .navbar, .header-4.fixed-top .navbar{ padding: 10px 15px } .header-3 .navbar, .header-4 .navbar { padding-top: 0px; padding-bottom: 0px; } .header-3.fixed-top .navbar{ background: transparent } .header-3 .navbar-header .navbar-light .navbar-nav .nav-link, .header-4 .navbar-header .navbar-light .navbar-nav .nav-link { border-bottom: 2px solid transparent } /*==================================================================== Home Page 5 Css Start ====================================================================*/ .header-5 .navbar-brand { position: absolute; top: 20px; z-index: 99; } .slider-5{ position: relative !important } .sidenav { height: 100%; width: 0; position: absolute; z-index: 1; top: 0; right: 0; transition: 0.5s; z-index: 9999 } .sidenav .closebtn { width: 40px; font-size: 60px; text-align: center; text-decoration: none; transition: 0.3s; z-index: 99; display: block; line-height: 55px } #main { transition: margin-left .5s; padding: 8px; position: absolute; top: 10px; right: 40px; z-index: 99; margin: 0 !important; } .sidenav .navbar-expand-lg .navbar-nav { flex-direction: column; -ms-flex-direction: column; width: 100% } .sidenav .ml-auto, .sidenav .mx-auto{ margin-left: 0 !important } .sidenav .dropdown-menu{ left: auto; right: 100%; top: 0 !important } #main { transition: margin-right .5s; } #main span{ font-size: 36px; cursor: pointer } .sidenav .navbar-brand{ margin-left: 30px } /* Faq */ .accordion .card{ border: none; margin-bottom: 5px; background: transparent } .accordion .card-header .inner_title{ font-size: 15px } .accordion .card-header .btn-link { border: none; width: 100%; text-align: left; text-decoration: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .accordion .card-header { position: relative; border: none; background: none } .accordion .card-header .btn-link:before { content: ""; position: absolute; width: 12px; height: 2px; right: 20px; top: 27px } .accordion .card-header .btn-link:after { content: ""; position: absolute; width: 12px; height: 2px; right: 20px; top: 27px } .card-body{ border-radius: 5px; margin-top: 5px } /*==================================================================== Check Availability Css Start ====================================================================*/ .property-search-form-1{ width: 100%; position: relative; z-index: 99; display: table; } .property-search-form-2 { width: 380px } .bootstrap-select.form-control { padding: 0; height: 46px; border: none } .form-group { margin-bottom: 1rem; /*display: table;*/ display: flow-root; width: 100%; } .bootstrap-select .btn-option { background: transparent; border: 1px solid transparent; font-weight: 400; border-radius: 3px; text-align: left; width: 100%; padding: 0 20px } .bootstrap-select ul.dropdown-menu li a{ line-height: 35px; font-weight: 400; font-size: 14px } .bootstrap-select ul.dropdown-menu li a:focus { box-shadow: none; outline: none } .dropdown-toggle::after{ margin-top: 8px; float: right; } .form-control .dropdown-toggle::after{ margin-top: 8px; } .bootstrap-select > .dropdown-menu { margin-top: 0; border: none; min-width: 100%; padding: 0; } .bootstrap-select .dropdown-menu.show{ display: table; width: 100% } .bootstrap-select .dropdown-menu.inner { position:t relative; min-width: 100%; display: block; border: none; z-index: 999; position: static; background: transparent; padding-top: 0; padding-bottom: 0 } .bootstrap-select .dropdown-menu.inner li a { padding: 0 20px; cursor: pointer } .bootstrap-select > select { opacity: 0; position: absolute; top: 0; z-index: -1; left: 0; margin: 0 } .property-search-form-1 form { margin-top: 1rem } .property-search-form-1 input.form-control, .property-search-form-3 input.form-control, .bootstrap-select.form-control{ width: 100%; float: left; } .property-search-form-1 input.form-control, .property-search-form-3 input.form-control{ border: 1px solid transparent } .property-search-form-1 .form-group { padding-right: 5px !important; padding-left: 5px !important; } /*==================================================================== About Section CSS Start ====================================================================*/ .free-service-item{ width: 48% } .free-service-item:nth-child(even){ margin-right: 0 !important } .free-service-item span{ width: 70px; height: 70px } .free-service-item span [class^="flaticon-"]:before{ line-height: 70px } .free-service-item .inner-title{ margin: 0; font-family: 'Poppins', sans-serif; } .down-line-left span{ font-family: 'Poppins', sans-serif; font-size: 15px; text-align: justify; color: #000; } .full-row center p{ text-align: center; } /*==================================================================== Living Room Section Css Start ====================================================================*/ .overflow_hidden{ overflow: hidden } .thumb-top{ position: relative } [class*="room-thumb-"] .room-info{ display: inline-block } [class*="room-thumb-"] .facility-icon li{ padding: 8px 10px } [class*="room-thumb-"] .room-size{ padding: 9px 15px; font-weight: 500 } [class*="room-thumb-grid-"] .room-info { width: 100%; } [class*="room-thumb-grid-"] .upper-place-bottom-right{ bottom: 20px; right: 20px } .room-thumb-grid-1 .upper-place-bottom-left { bottom: 15px; left: 20px } .room-thumb-grid-1 .facility-icon li { margin-bottom: 5px } .room-thumb-grid-1 .facility-icon li:last-child{ margin-bottom: 0 } .room-thumb-grid-1 .per-night{ margin-bottom: 0; float: left; margin-top: 10px } .room-thumb-grid-2 .facility-1{ display: inline-block; margin-top: 20px; width: 100%; font-weight: 500 } .room-thumb-grid-2 .facility-1 li{ float: left } .room-thumb-grid-2 .per-night{ float: right; line-height: 45px; margin-bottom: 0 } [class*="room-thumb-list-"] .facility-icon{ float: left; display: table } [class*="room-thumb-list-"] .facility-icon li { border: 1px solid transparent; margin-right: 5px; float: left } [class*="room-thumb-list-"] .facility-icon li:last-child{ margin-right: 0 } [class*="room-thumb-list-"] .room-size { border: 1px solid transparent; float: left; margin-left: 5px } [class*="room-thumb-list-"] .per-night{ text-align: center; margin-bottom: 40px } [class*="room-thumb-list-"] .for-booking{ margin-left: -15px; padding: 60px 0; text-align: center } [class*="room-thumb-list-"] .room-info { padding: 10px 0 10px 0 } .room-thumb-list-1 .for-booking { border-left: 1px solid transparent; height: 80%; margin-top: 28px; text-align: center; padding-top: 40px; margin-left: -15px } .room-thumb-list-1 img{ height: 100% } .room-thumb-list-2 .for-booking{ height: 100%; border-left: none; margin-top: 0; padding: 75px 0 } .room-thumb .subtext, .room-info .subtext { line-height: 26px; } /*==================================================================== Banar Video Css Start ====================================================================*/ .banar-video-title { margin-top: 90px; white-space: nowrap } .video-popup span{ position: absolute; width: 80px; height: 80px; line-height: 80px; text-align: center; font-size: 24px; border-radius: 50%; top: 50%; left: 50%; z-index: 2 } .video-popup h5{ margin-top: 80px } .YouTubePopUp-Wrap { background-color: rgba(0, 0, 0, 0.8); height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 99999 } .YouTubePopUp-Content { background: rgba(0, 0, 0, 0) url("../images/fancybox/fancybox_loading.html") no-repeat scroll center center; display: block; height: 100%; margin: 0 auto; max-width: 680px; position: relative } .YouTubePopUp-Content iframe { border: medium none; bottom: 0; display: block; height: 480px; margin: auto 0; max-width: 100%; position: absolute; top: 0; width: 100% } .video-popup [class^="flaticon-"]::before { padding-left: 6px } @-webkit-keyframes ball-scale-multiple { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } 5% { opacity: 1; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } @keyframes ball-scale-multiple { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } 5% { opacity: 1; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } .ball-scale-multiple { position: relative } .ball-scale-multiple > div:nth-child(2) { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; } .ball-scale-multiple > div:nth-child(3) { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; } .ball-scale-multiple > div { background-color: #fff; border-radius: 100%; margin: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both; position: absolute; opacity: 0; margin: 0; left: -70px; top: -70px; width: 140px; height: 140px; -webkit-animation: ball-scale-multiple 3s 0s linear infinite; animation: ball-scale-multiple 3s 0s linear infinite; } /*==================================================================== Our Packages section css Start ====================================================================*/ .package-item.special{ padding: 70px 0; margin-top: -30px; margin-left: -20px; margin-right: -20px } .package-item .h4{ font-size: 24px; font-weight: 600 } .package-item ul li:first-child{ padding-bottom: 20px; font-weight: 500 } .package-item ul li:first-child em{ border-bottom: 2px solid transparent; padding-bottom: 10px } .package-item ul li{ padding: 10px 0 } /*==================================================================== Offer section css Start ====================================================================*/ .hot-offer h4{ font-size: 35px; line-height: 55px; } .boking strong{ font-size: 18px; margin-left: 10px; margin-right: 10px; text-transform: uppercase } .boking span{ font-size: 17px; display: inline-block; line-height: 45px; font-weight: 500; } .cd100 li{ width: 25%; padding: 0 15px; display: inline-block } .cd100 li:last-child { padding-right: 0 } .cd100 li:first-child { padding-left: 0 } .cd100 li span:first-child{ font-size: 40px; color: var(--primary-theme-color) } .cd100 li span:last-child{ font-size: 14px; color: var(--white-color) } /*==================================================================== Awesome Place css Start ====================================================================*/ .awesome-place-item .upper-place-bottom-left{ bottom: 30px; left: 30px; right: 30px } .awesome-place-item h4{ font-size: 24px; } .awesome-place-item span, .awesome-place-item .h4 small{ font-size: 16px; font-family: 'Poppins'; text-align: justify; } /*==================================================================== Contact css Start ====================================================================*/ .contact-form-1{ position: relative } .contact-form-1::after { border-top: 100px solid #fff; border-right: 365px solid transparent; border-left: 365px solid transparent; position: absolute; content: ""; left: 0; z-index: 1 } #map { height: 600px; width: 100% } /*==================================================================== Image Slider section css Start ====================================================================*/ .image-gallery{ margin-bottom: -10px; position: relative; width: 100% } .ls-v5 .ls-bottom-nav-wrapper { top: -50px !important; } [class*="-gallery"] [class*="overlay-"]:before, [class*="-gallery"] span { font-size: 30px; z-index: 1; display: none } [class*="-gallery"] a:hover [class*="overlay-"]:before, [class*="-gallery"] a:hover span { display: block } /*==================================================================== Footer section css Start ====================================================================*/ .footer-1{ padding-top: 170px !important } .footer-logo img{ width: auto; margin: 0 auto; display: table } .widget-title{ text-transform: uppercase; margin-bottom: 30px; padding-bottom: 20px; text-align: left; } .footer-widget ul li{ margin-bottom: 20px; display: flex; font-family: 'Poppins'; font-size: 16px; } .footer-widget.get-in-touch ul{ margin-bottom: 30px } .footer-widget ul li i{ margin-right: 10px; margin-top: 5px; } .footer-widget.get-in-touch ul li:last-child a{ font-size: 14px; font-weight: 500 } .footer-widget.instagram ul{ padding-top: 5px; display: inline-block } .footer-widget.instagram ul li{ width: 80px; height: 80px; float: left; margin: 0 5px 5px 0 } .footer-widget.newsletter .form-control{ height: 50px; margin-bottom: 10px } .copy-right{ border-top: 1px solid; } /*==================================================================== Shape on Slider css ====================================================================*/ .angle-shade{ position: relative } .angle-shade:before{ position: absolute; content: ""; left: -20px; right: 0; bottom: -70px; width: 110%; height: 150px; transform: rotate(-4deg); z-index: 99 } .angle-shade-2{ background: url(../img/slider/slider_layer.png) no-repeat bottom center / cover; position: absolute; bottom: -10px; width: 100%; height: 391px; z-index: 99 } /*==================================================================== Achievement-2 css ====================================================================*/ .property-search-form-2 { z-index: 99; } .achievement-2 div.h2{ font-size: 48px; display: table; float: left } .achievement-2 span.h6 { font-size: 16px; width: 90px; float: left; margin-left: 20px; margin-top: 10px } /*==================================================================== Service-2 css ====================================================================*/ .service-item-2{ padding: 30px; position: relative; padding-left: 90px; min-height: 150px } .service-item-2 p{ margin-bottom: 0 } .service-item-2 [class^="flaticon-"]::before { font-size: 40px; position: absolute; top: 30px; left: 30px; transition: none } /*==================================================================== banar-video-2 css ====================================================================*/ .freedom-find{ padding-bottom: 150px } .freedom-find .main-title-area { width: 700px; margin-left: auto; margin-right: auto; } .freedom-find .subtext{ font-size: 24px; font-weight: 700 } /*==================================================================== special-offer-2 css ====================================================================*/ .room-thumb .upper-place-top-left{ top: 35px; left: 25px; font-weight: 700; font-size: 20px } .room-thumb .upper-place-top-left span{ border-radius: 50%; text-align: center; padding: 14px 9px; } /*==================================================================== Testimonial-1 css ====================================================================*/ [class*="testimonial-item"] img{ width: 100px; height: 100px; border-radius: 50%; } .carousel-indicators li{ border: none; } .testimonial-1 .carousel { position: inherit } .testimonial-1 .carousel-indicators{ bottom: 35px } .testimonial-1 .carousel-indicators li{ height: 5px; opacity: 1; } .testimonial-item-1 img{ float: left; } .testimonial-item-1 .opinion{ margin-left: 150px; } .testimonial-item-1 .opinion i { margin-right: 10px; font-size: 20px } .testimonial-item-1 p{ font-size: 16px; font-style: italic } /*==================================================================== Testimonial-2 css Home page-2 ====================================================================*/ .testimonial-2{ border-radius: 100px 0 100px 0; padding: 50px 100px } .testimonial-2 .carousel-indicators{ bottom: 100px; } .testimonial-2 .carousel-indicators li { border-radius: 50%; width: 10px; height: 10px; opacity: 1; } .testimonial-2 .carousel-indicators li.active{ width: 20px; height: 10px; border-radius: 5px !important } .testimonial-2 .carousel-indicators { bottom: -100px; } .testimonial-item-2 img { margin-left: auto; margin-right: auto; margin-bottom: 30px; display: table; } .testimonial-3 .testimonial-item-1 .opinion{ margin-left: 150px } .testimonial-3 .carousel-indicators { bottom: -30px } /*==================================================================== About Us 2 css Home page-2 ====================================================================*/ .property-search-form-2 h3{ margin-bottom: 30px } .property-search-form-2 .form-group{ display: table; width: 100% } .property-search-form-2 input.form-control, .property-search-form-2 .bootstrap-select.form-control, .property-search-form-2 .btn{ width: 100% } /*==================================================================== Latest Post css Home page-2 ====================================================================*/ .post-type.upper-place-top-left { padding: 5px 10px; left: 15px; top: 15px; font-size: 13px; font-weight: 500 } .date i{ margin-right: 10px } .upcoming-event span.icon{ margin-top: 10px; margin-bottom: 30px; display: inline-block } .upcoming-event span.icon i { margin-right: 10px; } .upcoming-event .cd100 li span:first-child { font-size: 30px; } /*==================================================================== Event Page Css Start ====================================================================*/ .event-item { height: 100% } .event-item .title-area{ display: inline-block; width: 100% } .event-item .date{ width: 70px; height: 70px; display: block; padding: 8px; margin: 0 20px 0 0; float: left; font-size: 15px; font-weight: bold; text-align: center; text-transform: uppercase } .event-item .date b{ font-size: 21px; display: table; margin: 0px auto } .event-item .down-line-left { text-transform: uppercase; float: left; margin: 18px 0; width: 75% } .event-item .inner-title a{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .event-item .event-info{ padding: 20px 20px 20px 0 } /*==================================================================== Event Details Page Css Start ====================================================================*/ ol{ margin: 0; padding: 0 } .widget.guest-important, .widget.events, .widget.check-form{ border: 1px solid transparent; } .widget.guest-important li{ list-style: decimal inside; margin-bottom: 10px } .widget.social-feed{ padding-bottom: 60px } .widget.social-feed i{ font-size: 13px } .widget.social-feed .carousel-indicators{ bottom: -30px } .carousel-indicators.round li{ width: 10px; height: 10px; border-radius: 50% } .widget.events li{ margin-bottom: 15px; width: 100%; display: inline-block } .widget.events li:last-child{ margin-bottom: 0 } .widget.events .date{ width: 60px; height: 60px; text-align: center; padding: 5px 0; float: left; margin-right: 10px; margin-bottom: 0 } .widget.events .date b{ font-size: 21px; display: block; } .widget.events .info{ display: table } .widget.events .info p { font-size: 14px; font-weight: 500; margin-bottom: 5px; line-height: 22px; } .widget.events .info span{ position: relative; font-size: 12px } .widget.events .info span::before { content: "\f3c5"; font-weight: 900; font-family: "Font Awesome 5 Free"; margin-right: 7px; font-size: 13px; } .widget.get-ticket{ text-align: center } .widget.get-ticket i{ font-size: 40px; margin-bottom: 20px } .widget.get-ticket span{ display: block; margin-top: 15px } .widget.get-ticket b{ display: block; text-transform: uppercase; font-weight: 600; font-size: 20px; margin: 15px 0 } .event-item-details h5{ margin: 25px 0; } .event-item-details p{ margin-bottom: 15px } .event-item-details .event-img .cd100{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 0 } .event-detail-info { margin-top: 30px; display: inline-block; margin-bottom: 20px; width: 100% } .event-detail-info .date { float: left; padding: 10px 25px; text-align: center; font-size: 16px; font-weight: 500; margin-right: 20px } .event-detail-info b { display: block; font-size: 24px; } .event-detail-info .rent-per-night { margin-left: 100px } .event-detail-info .rent-per-night h3{ margin-bottom: 15px } .icon-in-list-2 li{ float: left; margin-right: 20px; font-size: 13px; line-height: 30px } .icon-in-list-2 li i{ margin-right: 5px } .social-media-area{ padding: 20px 0; border-top: 1px solid transparent; border-bottom: 1px solid transparent; display: inline-block; width: 100% } .social-media-area span{ float: left; margin-right: 20px; font-weight: 600 } .social-media-2 li{ float: left; margin-right: 20px } .social-media-2 li:last-child{ margin-right: 0 } .event-item-details .contact-form-3 form{ margin-top: 30px } .event-item-details .comment-item a{ display: inline; margin-left: 20px } /*==================================================================== Latest Post css Home page-3 ====================================================================*/ .post-item-2 img{ height: 100% } .post-detail-2{ padding: 30px 20px 18px 0 } /*==================================================================== Contact form-2 css Home page-2 ====================================================================*/ .mb_200{ margin-bottom: -200px } .contact-form-2{ position: relative; padding: 50px 30px; margin-bottom: -420px; z-index: 9 } /*==================================================================== Footer-2 css ====================================================================*/ .footer-2{ padding-top: 400px !important; overflow: hidden } .angle-1 { width: 0; height: 0; border-left: 1920px solid var(--gray-color); border-top: 0px solid transparent; border-bottom: 300px solid transparent; position: absolute; top: 0; left: 0; } .footer-top{ border-bottom: 2px solid transparent; } .footer-2 .footer-logo{ width: 250px; height: 140px; -moz-border-radius: 125px / 70px; -webkit-border-radius: 125px / 70px; border-radius: 125px / 70px; padding: 45px 0 } .newsletter-2{ position: relative; } .newsletter-2 input{ background: transparent; border: 2px solid transparent; width: 560px; height: 60px; padding: 10px 45px 10px 25px; } .newsletter-2 input::placeholder, .newsletter-2 input{ font-weight: 500 } .newsletter-2 button { position: absolute; right: 28px; top: 17px; cursor: pointer; font-size: 18px } .copyright-2 .line-ul { display: table; list-style: outside none none; margin: 0; padding: 0; } .copyright-2 .line-ul li{ float: left; } .copyright-2 .line-ul li:nth-child(even) { margin: 0 10px; } /*==================================================================== Slider-3 css ====================================================================*/ .slider-3 .carousel-indicators{ display: none } .slider-3 .carousel-caption h1 span{ display: block; font-size: 30px; font-weight: 700; line-height: 70px } .slider-3 .carousel-caption p{ font-size: 18px; } /*==================================================================== Facility css Page 3 ====================================================================*/ .facility-item-1{ text-align: center; margin-bottom: 30px } .facility-item-1 i:before{ font-size: 50px; } .facility-item-1 h5{ margin: 10px 0 20px } /*==================================================================== Contact form 3 css Page 3 ====================================================================*/ .contact-form-3 .btn{ border-radius: 0; float: left } /*==================================================================== Why Choose Us css Page 4 ====================================================================*/ .choose-item { position: relative; padding-left: 70px; } .choose-item .number { position: absolute; border-radius: 50%; height: 50px; width: 50px; text-align: center; font-size: 18px; font-weight: 600; left: 0; top: 0; padding-top: 12px; } .choose-item .number::after { content: ""; width: 0; height: 0; border-style: solid; border-width: 0 0 25px 25px; position: absolute; right: 0px; top: 25px; } .top-2-liner{ position: relative; margin-top: 50px } .top-2-liner::before, .top-2-liner::after{ content: ""; position: absolute; height: 2px; left: 50%; transform: translateX(-50%) } .top-2-liner::before{ width: 170px; top: 0; } .top-2-liner::after{ width: 70%; top: 30px; } /*==================================================================== Page banner css ====================================================================*/ #page-banner .banner-title{ margin: 0 } #page-banner .pages-link{ float: right; margin-top: 8px } #page-banner .pages-link li { float: left; margin-right: 5px; line-height: 35px; } #page-banner .pages-link li:last-child{ margin-right: 0 } /*==================================================================== About Us Page css ====================================================================*/ .experience-years { font-size: 80px; font-weight: 700; width: 230px; line-height: 100px; text-align: center; } .our-differents .img-1{ margin-left: -15px; height: 100%; } .our-differents .img-1 img{ /*height: 100%*/ height: 70%; } .our-differents .text-block-2{ margin-right: -15px } /*==================================================================== Photo Galary section css ====================================================================*/ .gallery-section .filter-btns { padding-top: 10px; padding-bottom: 10px; display: table; margin: 0 auto 50px } .gallery-section .filter-btns li { cursor: pointer; font-size: 14px; font-weight: 500; margin: 0 15px; transition: all 300ms ease 0s; text-transform: uppercase; font-family: 'Montserrat', sans-serif; float: left; padding: 10px 0 } .filter-list .mix { display: none } .gallery-section .column { margin-bottom: 15px } /*==================================================================== Restaurant page css ====================================================================*/ .food-item, .food-item-2 { position: relative; } .food-item p{ margin-bottom: 0 } .food-item .food-name{ font-weight: 500; font-size: 16px; } .food-item .food-name, .food-item-2 .food-name { position: relative; width: 100%; display: inline-block; z-index: 99 } .food-item-2 .food-name{ font-size: 14px } .food-item .food-name::after{ border-bottom: 2px dotted transparent } .food-item .food-name::after, .food-item-2 .food-name::after { height: 5px; width: 100%; left: 0; top: 9px; position: absolute; content: ""; z-index: -9; } .food-item-2 .food-name::after{ border-bottom: 2px dotted; } .food-item .food-name span:first-child, .food-item-2 .food-name span:first-child{ float: left; padding-right: 5px; } .food-item .food-name span:last-child, .food-item-2 .food-name span:last-child{ float: right; padding-left: 6px } .food-item .food-type { position: absolute; top: 0; left: 0; padding: 2px 8px; font-size: 11px; color: #fff; } .food-item .food-type::after { content: ""; width: 0; height: 0; border-style: solid; border-width: 10px 8px 0 8px; position: absolute; left: 6px; bottom: -10px; } .img-2 .upper-place-top-left { top: 20px; left: 35px; padding: 5px 10px; font-size: 18px; font-weight: 600 } .offer-dish-info .price{ font-weight: 500; margin-top: 15px } .offer-dish-info .price label { margin-right: 10px; } .offer-dish-info .price del { margin-right: 10px } .offer-item-slide{ margin-bottom: 50px } .offer-item-slide .carousel-indicators{ bottom: -50px } .offer-item-slide .carousel-indicators li{ width: 10px; height: 10px; border-radius: 50%; opacity: 1; } .our-coffee{ padding: 30px; } .our-coffee .left-right-line::before, .our-coffee .left-right-line::after{ width: 60px } .our-coffee .left-right-line::before { left: -70px; } .our-coffee .left-right-line::after { right: -70px; } .food-booking-form.main-title-area{ width: 600px } .form-style-2{ padding: 30px } .form-style-2 ::placeholder{ opacity: 1 } .form-style-2 .btn{ margin-top: 30px; border-radius: 0 } .form-style-2 select{ border: none } .form-style-2 .form-control, .form-style-2 textarea{ border: none; background: transparent; border-bottom: 1px solid transparent; padding: 0; width: 100%; border-radius: 0px } .form-style-2 .bootstrap-select.form-control{ border: none; } .form-style-2 .bootstrap-select .btn-option{ border-radius: 0; border: none; border-bottom: 1px solid transparent; width: 100%; padding-left: 0; padding-right: 0 } .service-type-2 [class*="overlay-"], .expart-type-1 [class*="overlay-"] { border-radius: 50% } .service-type-2 [class*="overlay-"]:before, .expart-type-1 [class*="overlay-"]:before { opacity: 0 } .service-type-2:hover [class*="overlay-"]:before, .expart-type-1:hover [class*="overlay-"]:before { opacity: 1 } .service-type-2 b{ font-weight: 700; font-size: 18px; text-decoration: underline } .video-bg-1{ background: rgba(0, 0, 0, 0) url("../img/width/25.jpg") no-repeat; width: 100%; height: 380px } .expart-type-1{ padding: 30px } .introduce-block-2 { border-bottom: 1px dotted transparent; padding: 0 25px 20px; display: table } .mt-650 { margin-top: -650px; } .table-style-1 tr td{ padding-bottom: 10px } .table-style-1 tr td:first-child{ padding-right: 40px } .table-style-2 tr td:first-child{ padding-right: 20px } .table-style-2 tr:nth-child(even) td{ padding-bottom: 15px } /*sidebar-style-1 css start*/ .widget{ padding: 30px; margin-bottom: 50px } .widget h3{ margin-bottom: 20px } .widget.text-block-3{ border: 1px solid transparent } .widget.form-style-3 label{ margin-right: 10px; } .widget.form-style-3 label:last-child{ margin-right: 0; } .widget.form-style-3 .btn{ border-radius: 0 } .widget.hotel-booking-number{ text-align: center; border: 1px solid transparent } .widget.hotel-booking-number i { margin-bottom: 20px; } .widget.hotel-booking-number i::before{ font-size: 60px } .widget.hotel-booking-number h4{ margin-bottom: 20px } .widget.hotel-booking-number span, .widget.hotel-booking-number b{ display: block; font-size: 20px; font-weight: 600; margin-bottom: 10px } .place-detail-info{ margin-top: 20px } .place-detail-info .distance{ margin-top: 20px } .place-detail-info .distance strong{ font-size: 24px } .place-item-details .line { width: 100%; display: inline-block; height: 1px; margin: 15px 0 } .place-item-details .photo-gallery a { width: 31.33%; float: left; margin: 0 2% 15px 0; } .place-item-details .photo-gallery img:nth-child(3n){ margin-right: 0 } /*==================================================================== Room Details page css start ====================================================================*/ .widget.check-form form, .widget.check-form .form-group { display: inline-block; width: 100% } .widget.check-form .form-group{ margin-bottom: 10px } .widget.check-form h3{ margin-bottom: 30px } .widget.check-form .btn{ border-radius: 0; width: 100% } .widget.check-form .form-control{ width: 100%; border-radius: 0; border-color: transparent !important; } .widget.check-form .bootstrap-select .btn-option{ width: 100%; border: none; border-radius: 0 } .widget.add{ padding: 0 } /*==================================================================== Room Details page details css start ====================================================================*/ .amount-per-night del{ font-size: 20px; margin-right: 10px } .slider-arrow{ position: absolute; top: 100%; right: 0; transform: translateY(-100%) } .slider-arrow .carousel-control-prev{ margin-right: 3px; } .img-slide [class*="carousel-control"] { width: 50px; height: 50px; opacity: 1; position: static; float: left; } .room-detail-info{ display: inline-block; width: 100%; padding: 30px } .amount-per-night b{ font-weight: 700; font-size: 24px } .room-detail-info .review i{ font-size: 10px } /*Tab menu*/ .tab-menu-1 .nav-pills li{ margin-bottom: 1px; margin-right: 1px } .nav-pills .nav-link { border-radius: 0 } .table-style-3 td{ padding-right: 40px; font-weight: 400; padding-top: 10px } .table-style-3 td span{ font-weight: 500; margin-right: 5px } #overview.tab-pane .icon-list-3{ float: left; width: 33.33% } #overview.tab-pane .bg-white{ display: inline-block; width: 100% } .rating-count-1{ width: 200px; float: left; padding: 30px 18px; text-align: center; margin-right: 20px } .rating-count-1 b{ font-size: 21px; margin-bottom: 10px } .rating-count-1 span{ font-weight: 500 } .review-2{ margin-bottom: 10px } .progress-style-1{ width: 65%; float: left } .progress-style-1 li{ text-align: right; position: relative; margin-bottom: 20px } .progress-style-1 li span{ float: left } .progress-style-1 .progress { height: 6px; width: 80%; position: absolute; left: 51%; top: 50%; transform: translate(-50%, -50%); border-radius: 0; } .progress-style-1 .progress-bar{ border-radius: 0 } .progress-style-1 li:first-child .progress-bar{ width: 98% } .progress-style-1 li:nth-child(2) .progress-bar{ width: 80% } .pair{ display: inline-block; width: 100% } .review-3{ margin: 10px 0 20px } .comment-item{ display: inline-block; width: 100% } .comment-item img{ width: 80px; height: 80px; float: left } .comment-item .content{ padding: 25px; position: relative; margin-left: 120px; } .comment-item .content::after { width: 0; height: 0; border-style: solid; border-width: 15px 25px 15px 0; position: absolute; content: ""; top: 20px; left: -25px; } .review-4{ font-size: 12px; margin-bottom: 10px } .comment-item .name-date{ font-size: 13px; font-style: italic; margin-bottom: 10px } .comment-item .name-date span{ font-size: 16px; font-weight: 500 } /*======================================================= Blog sidebar ========================================================*/ .blog_widget{ width: 100%; height: auto; display: inline-block; position: relative } .post-item:hover [class*="overlay-"]:before{ background: transparent !important; } .blog_widget .form-control{ position: relative; width: 100% } .src_icon{ position: absolute; right: 40px; top: 48px; cursor: pointer; } .widget_title{ position: relative; padding-bottom: 15px; } .widget_title:before{ content: ''; position: absolute; left: 0; top: 100%; width: 50px; height: 4px; } .blog_categories ul li{ padding-bottom: 15px; } .recent_post ul li { padding-bottom: 30px } .recent_post ul li a{ margin-bottom: 10px; font-weight: 600; } .archives ul li a{ margin-bottom: 15px; font-weight: 500 } .tag ul li{ float: left; margin: 0px 5px 5px 0px; } .tag ul li a{ padding:10px 15px; border: 1px solid transparent; text-transform: uppercase; font-size: 13px; border-radius: 5px; } /*==================================================================== Blog Details page details css start ====================================================================*/ .post_data { display: table; margin-bottom: 10px; width: 100% } .date-type-2{ padding: 20px; text-align: center; margin-top: 30px } .date-type-2 span{ font-weight: 500; font-size: 16px; display: block; margin-bottom: 10px } .date-type-2 span b{ font-size: 24px; font-weight: 800 } .date-type-2 b{ font-weight: 700; font-size: 18px } .blog-item-details p{ margin-bottom: 25px } .blog-item-details h4{ margin-bottom: 20px } .blog-item-details img{ margin-bottom: 30px } .blog-item-details .comment-item{ border-bottom: 1px solid #dadada; padding: 20px 0; } .blog-item-details .comment-item a { display: inline; margin-left: 20px } .blog-item-details .comment-item .content{ background: transparent !important; padding: 0 } .blog-item-details .comment-item .content::after{ border-color: transparent } .one-line-ul li{ float: left } .one-line-ul li:nth-child(even){ margin: 0 10px } .one-line-ul li i{ margin-right: 10px } .blog-item-details .one-line-ul { display: inline-block; margin: 20px 0 30px; } .blog-item-details blockquote{ position: relative; padding-left: 85px; font-size: 15px; font-weight: 600; line-height: 28px; margin: 30px 0 } .blog-item-details blockquote::after { font-weight: 900; font-family: "Font Awesome 5 Free"; font-size: 35px; content: "\f10e"; left: 35px; top: 10px; position: absolute; } .blog-item-details .icon-in-list-1{ padding: 20px 0; border-top: 1px solid #dadada; border-bottom: 1px solid #dadada; display: inline-block; width: 100%; margin-bottom: 30px } .blog-item-details .icon-in-list-1 li{ float: none; margin-bottom: 15px } .blog-item-details .icon-in-list-1 li:last-child{ margin-bottom: 0 } .testimonial-item-3{ text-align: center } .testimonial-item-3 img{ margin-bottom: 20px; } .testimonial-item-3 .name{ margin: 10px 0 20px } .social-media-4{ display: table; padding: 30px; float: right; text-align: center; margin-top: 30px; position: relative } .social-media-4::before { content: ""; position: absolute; width: 1px; height: 100px; bottom: -120px; left: 50%; transform: translateX(-50%); } .social-media-4::after { content: ""; position: absolute; width: 5px; height: 5px; border-radius: 50%; bottom: -130px; left: 50%; transform: translateX(-50%); } .social-media-4 li{ margin-bottom: 15px; } .social-media-4 li:last-child{ margin-bottom: 0 } /*======== pagenation ========*/ .page-link:hover{ z-index: 2; text-decoration: none; } .page-link:focus{ background-color: transparent; border-color: transparent; box-shadow: none; } .page-item:last-child .page-link { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .page-item:first-child .page-link { margin-left: 0; border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .page-item{ line-height: 45px; margin-right: 5px; width: 45px; height: 45px; text-align: center; } .page-item a{ font-weight: 600; line-height: 30px; border:none; } .calendar{ padding: 12px 18px; margin-right: 30px; margin-bottom: 50px; float: left; text-align: center; } .calendar span{ font-size: 16px; font-weight: 500; text-transform: uppercase; } .blog-classic p{ display: flex; } .post_data ul li{ float: left; padding: 0px 15px; border-right: 1px solid transparent; } .post_data ul li a{ display: inline-block; } .post_data ul li:first-child{ padding-left: 0px; } .post_data ul li:last-child{ border-right: none; } /*==================================================================== contact page css start ====================================================================*/ .contact-info{ position: relative; top: -120px; padding: 80px 60px } .text-block-4 span{ display: block; line-height: 28px } .text-block-4 h5 { margin-bottom: 20px } .social-media-3 li{ float: left; margin-right: 20px; } .contact-info .btn{ border-radius: 0 !important } .error-handel { bottom: -30px; display: table; height: 35px; left: 15px; margin: auto 0; position: absolute; text-align: left; width: 100% } .contact_page:after{ display: none } #success, #error { display: none; line-height: 34px } #success { color: #31bb15 } #error{ color: #f00 } /*==================================================================== Error page css start ====================================================================*/ .error_page{ padding: 250px 0; margin: 0 auto; width: 460px; text-align: center } .error_page .left-right-line{ font-size: 80px; display: table; margin: 0 auto } .error_page h3, .error_page p{ margin-bottom: 20px } /*=================================================================== News / Blog Pages ====================================================================*/ .post-detail .title { line-height: 28px; } /*=================================================================== Form Booking Pages ====================================================================*/ .contact-form-1.form-style-1::after{ display: none } .contact-form-1.form-style-1 .bootstrap-select.form-control{ border-radius: 0; } .contact-form-1.form-style-1 .bootstrap-select .btn-option{ border-color: transparent !important } .contact-form-1.form-style-1 .form-group{ margin-bottom: 35px } /*==================================================================== Quantity Number ====================================================================*/ .quantity { position: relative; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } input[type=number] { -moz-appearance: textfield; } .quantity input{ line-height: 1.65; float: left; display: block; padding: 0; margin: 0; padding-left: 20px; border: 1px solid transparent; } .quantity input:focus { outline: 0; } .quantity-nav { position: relative; height: 46px; } .quantity-button { cursor: pointer; text-align: center; color: #fff; font-size: 20px; line-height: 36px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .quantity-button.quantity-up { position: absolute; top: 5px; bottom: 5px; right: 5px; width: 30px; } .quantity-button.quantity-down { position: absolute; top: 5px; bottom: 5px; right: 40px; width: 30px; } /*============================================================================ Responsive Css ==============================================================================*/ /*Extra small devices (portrait phones, less than 576px) No media query for `xs` since this is the default in Bootstrap*/ @media (min-width: 992px) and (max-width: 1200px) { .service-tab .tab-content{ left: auto; right: 0 } .service-tab .nav-tabs .nav-item{ width: 480px } .room-info .btn{ padding: 0 25px } } @media (min-width: 1400px){ .container { max-width: 1200px } } @media (max-width: 1300px){ .box-layout { width: 100% } } /*Extra large devices (large desktops, 1200px and up)*/ @media (max-width: 1199px) { .achievement-2 div.h2 { font-size: 36px } .achievement-2 span.h6 { font-size: 14px; width: 100%; margin-left: 0; margin-top: 0; } .achievement-2{ margin-top: -123px } /*==================================================================== Home Page 1 Css Start ====================================================================*/ #property-search{ padding-top: 80px; } .property-search-form.upper-place-bottom-w-100{ position: static !important } #property-search .container .row{ margin-left: -15px; margin-right: -15px } #about-us { padding-top: 80px !important; } .property-search-form input.form-control { padding: 10px; } .property-search-form .form-group { margin-right: 15px; display: inline-block } .contact-form-1::after { border-right: 305px solid transparent; border-left: 306px solid transparent; } .footer-widget.instagram ul li { width: 65px; height: 65px; } .place-item-details .photo-galary img:nth-child(3n){ margin-right: 20px } .place-item-details .photo-galary img:nth-child(2n){ margin-right: 0 } .comment-item .content{ padding: 20px } /*==================================================================== Home Page 2 Css Start ====================================================================*/ .achievement-2 .upper-place-bottom-w-100{ position: static } .upper-place-full{ padding: 30px !important } .upper-place-full .text-white{ font-size: 22px } .upper-place-full p{ display: none } .bg-img-10 { background-size: 35% } .room-thumb-grid-2 .per-night { font-size: 16px } .angle-shade-2{ height: 35% } .video_about{ width: 90%; top: -180px; right: 45px } } @media screen and (min-width:992px){ /*-------annimation dropdown---------*/ .navbar .navbar-nav > .active > a, .navbar .navbar-nav > .active:hover > a, .navbar .navbar-nav > .active > a:focus { background-color: transparent; -moz-transition: all 300ms ease-in-out 0s; -ms-transition: all 300ms ease-in-out 0s; -o-transition: all 300ms ease-in-out 0s; -webkit-transition: all 300ms ease-in-out 0s; transition: all 300ms ease-in-out 0s } .navbar .navbar-nav li a, .navbar .navbar-nav li ul.dropdown-menu { -moz-transition: all 300ms ease-in-out 0s; -ms-transition: all 300ms ease-in-out 0s; -o-transition: all 300ms ease-in-out 0s; -webkit-transition: all 300ms ease-in-out 0s; transition: all 300ms ease-in-out 0s } .navbar .navbar-nav li > ul.dropdown-menu { visibility: hidden; display: block; opacity: 0; -ms-transform: scale(0.9); -o-transform: scale(0.9); -webkit-transform: scale(0.9); -moz-transform: scale(0.9); transform: scale(0.9) } .navbar .navbar-nav li:hover > ul.dropdown-menu { visibility: visible; opacity: 1; -ms-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1) } .navbar-nav .dropdown-menu ul { left: 100%; top:0 } .navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-menu{ top: -10px } #header.fixed-top { /*position: fixed !important;*/ top: 0; right: 0; left: 0; z-index: 999; animation-duration: 1s; animation-name: menu-sticky; animation-timing-function: ease-in-out; margin: 0; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2); padding: 0 !important; border: none } .header-2 .navbar-header{ padding-top: 40px } .header-1 .navbar-header { padding-bottom: 0px } .header-1.fixed-top .navbar-header, .header-2.fixed-top .navbar-header { padding: 0 } /*From Bootstrap*/ .navbar-expand-lg .navbar-nav .nav-link { padding-right: 1rem; padding-left: 1rem } } /*Large devices (desktops, 992px and up)*/ @media (max-width: 991px) { .mt-sm-none { margin-top: 0 !important } .bg-img-5 { background-image: url(../img/bg/5.jpg); background-position: center center; background-size: cover; padding-bottom: 80px; padding-top: 150px; } .hotel-search-form{ width: 100%; position: relative; z-index: 99; display: table; margin-top: 0 !important; padding: 40px 30px!important; } .subtext.box-width { width: 100% } .header-1, .header-2 { background: #000; border-bottom: 1px solid #03806f; } .header-1.fixed-top, .header-2.fixed-top { background: #000; } .dropdown-item { padding: 0.7rem 1.5rem; font-size: 17px; font-weight: 500; color: #fff; } .navbar-header .navbar-light .navbar-nav .nav-link:hover, .navbar-header .navbar-light .navbar-nav .nav-link.active { background: transparent !important; color: #fff !important; border: none !important; text-shadow: 0px 0px 0px #000, 0 0 0px #000, 0 0 0px #000!important; } .btn-lg-secondery, .navbar-light .navbar-nav .nav-link { color: #fff !important; text-shadow: 0px 0px 0px #000, 0 0 0px #000, 0 0 0px #000!important; font-weight: 500; font-size: 17px; } .achievement-2.container { max-width: 100% !important; margin: 0 } .achievement-2 .item { padding-left: 10px; } .video_about{ position: inherit; top: 0px !important; right: 0px !important; } .for-booking{ float: right !important; margin-right: 30px !important; padding-bottom: 20px !important; } .mt-sm-20 { margin-top: 20px } .mb-sm-20 { margin-bottom: 20px } .mt-sm-30 { margin-top: 30px } .mb-sm-30 { margin-bottom: 30px } .dropdown-menu { background: transparent; padding: 0 } .navbar-nav .nav-link { font-weight: 500; text-transform: unset } .nav-on-top { position: static } .free-service{ margin-bottom: 30px; } .property-search-form-2{ width: 100%; } .testimonial-item-1 img { margin-bottom: 20px } .testimonial-1 { padding: 50px 50px 100px; } .bg-img-8 { background: none } .bg-img-10 { background-image: none } .event-item .down-line-left { width: 100% } .event-item-details .event-img .cd100 { padding: 0 20px } .cd100 li span:first-child { font-size: 30px; } .cd100 li span:last-child { font-size: 14px; } .sidebar { margin-top: 50px } /*==================================================================== Home Page 1 Css Start ====================================================================*/ .property-search-form-1 { margin-top: 50px } .header-1, .header-2, .header-3 { position: static } .header-1, .header-2 { padding: 10px 0 !important } .header-1 .navbar-light .navbar-toggler { border-color: rgba(255, 255, 255, 0.5); } .header-1 .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); background-color: #00aa4f !important; } [class*="header-"] .top-header{ display: none; } .navbar{ padding: 0 } .header-5 .navbar-nav .nav-link { padding-right: 20px; padding-left: 20px; } .header-5 .navbar-toggler{ margin-left: 20px } .header-5 .dropdown-toggle:focus, .header-5 .dropdown-toggle:hover, .header-5 .dropdown-item.active{ background-color: transparent } .header-5 .sidenav { overflow-x: scroll } .navbar-toggler.navbar-toggler-right { background: rgba(255, 255, 255, .7); } #about-us .img-1{ margin-top: 30px } #achievement .item{ margin-bottom: 30px } #offer { padding-bottom: 180px; } .boking span { display: block; margin-top: 20px; } .contact-form-1::after { border-right: 345px solid transparent; border-left: 345px solid transparent; } .footer-widget{ margin-bottom: 50px } .service-tab .nav-tabs .nav-item:nth-child(odd){ margin-right: 360px } .service-tab .tab-content{ width: 350px } .cd100 li{ width: 25% } .freedom-find .main-title-area, .newsletter-2 input{ width: 100% } .offset-2{ margin: 0 } .video_about { top: -120px; right: 40px; } /*==================================================================== About Us Page Css Start ====================================================================*/ #page-banner .banner-title { font-size: 24px; } #page-banner .pages-link { margin-top: 10px; } .our-differents .img-1{ margin-left: 0; display: none } .our-differents .text-block-2{ margin-right: 0; margin-bottom: 30px } /*==================================================================== Home Page 3 Css Start ====================================================================*/ .header-3 .navbar-light .navbar-toggler { border-color: rgba(9, 67, 160, 0.5) } .header-3 .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(9, 67, 160, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") } .room-thumb-list-1 .for-booking { margin-top: 20px; padding-top: 0; display: table; margin-left: 0; border-left: none } .for-booking .btn{ margin-left: 15px } .room-thumb-list-1 .per-night{ margin-bottom: 0; float: left } [class*="room-thumb-list-"] .room-info{ padding: 0 15px 0 0 } .place-item-details .photo-galary img{ width: 210px } .our-coffee{ padding: 20px } .banar-video-title{ font-size: 18px } .schedule{ padding: 20px } .hot-offer h4 { font-size: 24px; line-height: 36px } .offset-3{ margin: 0 } .newsletter-2 button{ right: 30px } .property-search-form-2 h3{ font-size: 24px } .package-item.special{ padding: 40px 0px; margin: auto } [class*="room-thumb-list-"] .for-booking { margin-left: 0 } .room-thumb-list-2 .for-booking { padding: 30px } [class*="room-thumb-list-"] .per-night { margin: 0; line-height: 45px; display: inline-block } .event-item .event-info { padding: 30px; } .property-search-form-2.position { position: static; margin: 0 } } @media (max-width: 1024px) { .top-header { display:none; } .btn-lg-secondery, .navbar-light .navbar-nav .nav-link { font-size: 15px!important; } .nav-logo{ width:100px; } .navbar-expand-lg .navbar-nav .nav-link { padding-right: 10px; padding-left: 10px; } } /*Medium devices (tablets, 768px and up)*/ @media (max-width: 767px) { .post-detail-2 { padding: 30px; } .Farm-search-form{ margin-top:0px!important; padding: 40px 30px; } .hotel-search-form { width: 100%; position: relative; z-index: 99; display: table; margin-top: 0 !important; padding: 40px 30px; } .header-1, .header-2 { padding: 0px 0 !important; } section{ padding: 10px 0 } .contact-info { position: relative; top: -120px; padding: 20px 18px; } .contact-info .mb-5{ font-size:30px; } .mb-5{ font-size: 25px; } .post-detail { padding-top: 0px; } .book-now { position: fixed; right: 0%; bottom: 30%; z-index: 9999; width: 30%; } .mt-xs-20 { margin-top: 20px } .mt-xs-50 { margin-top: 50px } .achievement-2 .item { padding-top: 10px; padding-bottom: 10px } .testimonial-2 { padding: 50px 20px } .testimonial-3 .testimonial-item-1 .opinion { margin-left: 0; display: inline-block; } .testimonial-item-1 .opinion { margin-left: 0 } .video_about{ position: initial; right: auto; top: auto } .slider-5{ width: 100% } /*==================================================================== Home Page 1 Css Start ====================================================================*/ .free-service-item { width: 100%; } .place-item-details .photo-gallery a { width: 48%; margin: 0 2% 5px 0; } [class*="room-thumb-list-"] .room-info { padding: 15px } .date-type-2 span { display: inline-block; margin-bottom: 0; padding: 0 5px; } .property-search-form-2 { margin-top: 50px; position: static; } .angle-shade:before { display: none } .main-title-area .title{ font-size: 36px } #offer { padding-bottom: 80px; } .hot-offer{ margin-bottom: 50px } .testimonial-1{ padding: 30px 30px 100px 30px } .testimonial-1 .upper-place-bottom-w-100{ position: static !important } .testimonial-item { padding: 50px 50px 100px; } .testimonial-item .img-1 { display: block; float: inherit; margin: 0 0 30px; } .testimonial-1 .carousel-indicators{ margin-left: 45px; right: auto } #awesome-places { padding-top: 80px !important; } #contact .offset-2{ margin-left: 0 !important } .service-tab .nav-tabs .nav-item, .newsletter-2 input{ width: 100% } .service-tab .nav-tabs .nav-item:nth-child(odd){ margin: 0 } .newsletter-2 button{ right: 20px } .left-right-line:before, .left-right-line:after{ width: 50px } .left-right-line:after{ right: -60px } .left-right-line:before{ left: -60px } .quextion-box{ padding: 30px !important } .quextion-box .float-right{ float: none !important; margin-top: 15px } .quextion-box .ml-5, .quextion-box .ml-4{ margin: 0 !important } .quextion-box .ml-4{ margin-top: 15px !important } /*==================================================================== About Us Page Css Start ====================================================================*/ #page-banner .banner-title { font-size: 23px } #page-banner .pages-link { margin-top: 5px } .experience-years, .service-tab .tab-content{ display: none } .offset-3{ margin: 0 } .gallery-section .filter-btns li{ margin: 0 13px } .gallery-section .filter-btns li{ font-size: 14px } .food-booking-form.main-title-area{ width: 100% } .bg-img-10{ background-image: none } .offset-2{ margin: 0 } .contact-form-1::after { border-right: 255px solid transparent; border-left: 255px solid transparent } } /*Small devices (landscape phones, 576px and up)*/ @media (max-width: 575px) { .right-line:after, .left-right-line:before { display: none } .property-search-form-1{ padding: 40px 30px; } .achievement-2{ margin-top: 0px !important; } .property-search-form-2 { width: 100% !important; margin: 0 auto !important; } .post-item .post-detail, .progress-style-1, .video-bg-1{ margin-top: 10px; } .social-media li{ margin-right: 10px; } .video_about{ position: inherit !important; top: 0px !important; right: 0px !important; } .navbar-light .navbar-toggler{ border-color: #1eb464 !important; } .progress-style-1 .progress{ width: 60% } .error_page{ width: 100%; } .for-booking{ margin: 0 auto !important; } /*==================================================================== Home Page 1 Css Start ====================================================================*/ .navbar { padding: 0 15px } .navbar-toggler { padding: 5px 10px; font-size: 15px; } .subtext{ letter-spacing: 4px } .left-right-line::before, .left-right-line::after{ display: none } .testimonial-1{ padding: 40px !important; } .opinion{ margin-bottom: 40px !important; } .testimonial-item-1 img{ float: none } .social-media li{ margin-bottom: 10px } .contact-form-1{ padding-bottom: 80px } .contact-form-1::after { display: none } .footer-1 { padding-top: 80px !important } /*==================================================================== About Us Page Css Start ====================================================================*/ #page-banner, #page-banner .pages-link{ margin-left: auto; margin-right: auto; display: table; text-align: center } #page-banner .pages-link{ float: none !important; padding-top: 20px } #page-banner .banner-title { font-size: 25px; } .place-item-details .photo-galary img{ width: 100%; margin-right: 0 } .place-item-details .photo-galary img:nth-child(3n), .place-item-details .photo-galary img:nth-child(2n){ margin-right: 0 } } @media screen and (max-height: 450px) { .sidenav {padding-top: 15px;} .sidenav a {font-size: 14px;} } /*============================================================================ Default Animation Css ==============================================================================*/ a, h1, h2, h3, [class^="flaticon-"]:before, [class*="down-line-"]:after, .activity-item, .galary-item .upper-place-full, [class*="overlay-"]:before, .social-media li, .hover_zoom img, .image-gallery img, .video-popup span { -moz-transition: all 300ms ease-in-out 0s; -webkit-transition: all 300ms ease-in-out 0s; -o-transition: all 300ms ease-in-out 0s; -ms-transition: all 300ms ease-in-out 0s; transition: all 300ms ease-in-out 0s } .xy-center, .carousel-caption, .src_icon{ -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .down-line-center:after { -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) } .left-right-line:before, .left-right-line:after{ -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .hover_zoom:hover img{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1) } .accordion .card-header .btn-link:after, a.btn-scroll b { -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg) } .accordion .card-header .btn-link[aria-expanded="true"]:after { -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg) }
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0.02 |
proxy
|
phpinfo
|
Settings