File manager

File manager - Edit - /home/asiatechinc/public_html/asiatech-websites/norlinghomestaykibber.com/css/style.css

Back
@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); @import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i,900,900i'); @import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i'); @import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i'); @import url('https://fonts.googleapis.com/css?family=Playball&subset=latin-ext'); @import url('https://fonts.googleapis.com/css?family=Lora:400,400i,700,700i&subset=cyrillic,cyrillic-ext,latin-ext,vietnamese'); @import url(font-awesome.css); @import url(flaticon.css); @import url(animate.css); @import url(owl.css); @import url(masterslider.css); @import url(revolution-slider.css); @import url(ms-vertical.css); @import url(polyglot-language-switcher.css); @import url(navigation.css); @import url(bootstrap.css); @import url(bootstrap.min.css); @import url(layers.css); @import url(settings.css); @import url(jquery.fancybox.css); @import url(hover.css); @import url(jquery-ui.css); @import url(timePicker.css); @media (min-width:1200px) { .container { padding: 0px; } } /* ==================================================================== Reset ==================================================================== / { margin:0px; padding:0px; border:none; outline:none; } /* ==================================================================== Global Settings ==================================================================== / body { font-size:15px; color:#777777; line-height:1.8em; font-weight:400; background:#ffffff; font-family: 'Jost', sans-serif; background-size:cover; background-repeat:no-repeat; background-position:center top; -webkit-font-smoothing: antialiased; } a{ text-decoration:none; cursor:pointer; color:#f8b239; } a:hover,a:focus,a:visited{ text-decoration:none; outline:none; } h1,h2,h3,h4,h5,h6 { position:relative; font-family: 'Rasa', serif; font-weight:normal; margin:0px; background:none; line-height:1.6em; } input,button,select,textarea{ font-family: 'Assistant', sans-serif; } p{ position:relative; line-height:1.8em; } .strike-through{ text-decoration:line-through; } .auto-container{ position:static; max-width:1200px; padding:0px 15px; margin:0 auto; } .small-container{ max-width:680px; margin:0 auto; } .page-wrapper{ position:relative; margin:0 auto; width:100%; min-width:300px; overflow: hidden; } ul,li{ list-style:none; padding:0px; margin:0px; } .centered{ text-align:center; } .preloader{position: fixed; left:0px;top:0px;height:100%;width: 100%;z-index:999999;background-color:#ffffff;background-position:center center;background-repeat:no-repeat;background-image:url(../images/icons/preloader.gif);} /* button / .btn-one { position: relative; color: #fff; font-size: 15px; line-height: 25px; font-family: 'Jost', sans-serif; background: #fab740; font-weight: 600; border: 2px solid #fab740; text-transform: uppercase; padding: 8px 20px 8px 21px; display: inline-block; text-align: center; transition: all 500ms ease; } .btn-one:hover { color: #fab740; background: #15223f; border: 2px solid #fab740; transition: all 500ms ease; } /* ==================================================================== Scroll To Top style ==================================================================== */ .scroll-to-top{ position:fixed; bottom:15px; right:15px; color:#ffffff; font-size:24px; line-height:45px; width:45px; height:45px; border: 2px solid #f8b239; background: #f8b239; text-align:center; z-index:100; cursor:pointer; display:none; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .scroll-to-top:hover{ background:#15223f; color:#fab740; transition:all 500ms ease; } /* ==================================================================== Home-Page-One ==================================================================== */ / main header section / .main-header{ position:relative; left:0px; top:0px; z-index:999; background: #1b1b1b; width:100%; margin-bottom: 0px; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .sticky-header{ position:fixed; opacity:0; visibility:hidden; left:0px; top:0px; width:100%; background: #fff; z-index:0; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .fixed-header .sticky-header{ z-index:999; opacity:1; visibility:visible; -ms-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -op-animation-name: fadeInDown; -webkit-animation-name: fadeInDown; animation-name: fadeInDown; -ms-animation-duration: 500ms; -moz-animation-duration: 500ms; -op-animation-duration: 500ms; -webkit-animation-duration: 500ms; animation-duration: 500ms; -ms-animation-timing-function: linear; -moz-animation-timing-function: linear; -op-animation-timing-function: linear; -webkit-animation-timing-function: linear; animation-timing-function: linear; -ms-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -op-animation-iteration-count: 1; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } .fixed-header .sticky-header .logo {max-width: 250px} .fixed-header .sticky-header .logo img {max-width: 150px} .main-header .logo{ position: relative; display: inline-block; padding: 10px 0; } .main-header .logo-sec img {max-width: 200px; width: auto; display: block;} .main-menu{ position:relative; display: inline-block; left: 90px; top: 6px; } .main-menu .navbar-collapse{ padding:0px; } .main-menu .navigation{ position:relative; margin:0px; } .main-menu .navigation > li{ position:relative; display: inline-block; } .main-menu .navigation > li:last-child{ margin-right: 0px; } .main-menu .navigation > li > a > i:before{ margin-right: 5px; font-size: 16px; } .main-menu .navigation > li > a{ position:relative; display:block; font-size:15px; color: #fff; line-height:35px; font-weight:500; padding:8px 10px 25px 0px; margin: 0px 15px 0px 15px; text-align: center; text-transform:uppercase; font-family: 'Jost', sans-serif; opacity:1; -webkit-transition:all 500ms ease; } .sticky-header .main-menu .navigation > li > a{ line-height: 39px; color: #000; } .main-menu .navigation > li.current > a, .main-menu .navigation > li:hover > a{ position: relative; color: #fab740; transition: all 500ms ease; } .main-menu .navigation > li.current > a:before, .main-menu .navigation > li:hover > a:before{ position: absolute; content: ''; background: #fab740; width: 20px; height: 2px; left: 0px; bottom: 19px; transition: all 500ms ease; } .main-menu .navigation > li:hover > a:after{ opacity:1; } .main-menu .navigation > li > ul{ position:absolute; left:0px; top:130%; margin-top: 0px; width:220px; padding:0px; z-index:100; display:none; background:#a29afb; border-top:3px solid #fab740; transition:all 1000ms ease; -moz-transition:all 1000ms ease; -webkit-transition:all 1000ms ease; -ms-transition:all 1000ms ease; -o-transition:all 1000ms ease; } .sticky-header .main-menu .navigation > li > ul{ margin-top: -6px; } .main-menu .navigation > li > ul > li{ position:relative; width:100%; border-bottom:1px solid rgba(255,255,255,0.30); } .main-menu .navigation > li > ul > li:last-child{ border-bottom:none; } .main-menu .navigation > li > ul > li > a{ position:relative; display:block; padding:10px 15px; line-height:28px; font-weight:400; background:#5f0c0e; font-size:15px; font-family: 'Jost', sans-serif; text-transform:capitalize; color: #ffffff; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .main-menu .navigation > li > ul > li:hover > a{ background: #fff; color: #fab740; transition:all 500ms ease; padding: 10px 15px 10px 18px; } .main-menu .navigation > li > ul > li.dropdown:hover > a:after{ color:#ffffff; transition:all 500ms ease; } .main-menu .navigation > li.dropdown:hover > ul{ visibility:visible; opacity:1; top:100%; transition:all 500ms ease; } .main-menu .navbar-collapse > ul li.dropdown .dropdown-btn{ position:absolute; display: none; right: 2px; top: 5px; border:none; font-size:16px; line-height:28px; color:#d4dae3; cursor:pointer; z-index:5; } .main-menu .navbar-collapse > ul li.current .dropdown-btn{ color: #a29afb; } .sticky-header .main-menu .navbar-collapse > ul li.dropdown .dropdown-btn{ top: 0px; } .main-header .more-option { display: inline-block; position: relative; top: 5px; left: 7%; margin-left: 5px; z-index: 1; } .sticky-header .more-option{ left: 8%; } .more-option li { padding: 10px 0px; position: relative; display: inline-block; } .more-option .seach-toggle { background: transparent; border-radius: 0; color: #fff; cursor: pointer; display: block; font-size: 15px; line-height: 21px; position: relative; text-align: center; padding: 0px 15px 0px 20px; transition: all 500ms ease; } .more-option .seach-toggle:hover{ color: #fab740; transition: all 500ms ease; } .more-option .search-box { opacity: 0; position: absolute; right: 125px; top: 321%; transition: all 500ms ease 0s; visibility: hidden; } .more-option li { padding: 10px 0px; position: relative; display: inline-block; } .more-option .search-box .form-group { position: relative; padding: 0px; margin: 0px; width: 100%; min-width: 250px; } .more-option .search-box .form-group input[type="search"] { background: #ffffff none repeat scroll 0 0; border: 3px solid #fab740; color: #000; display: block; font-size: 13px; line-height: 24px; position: relative; transition: all 500ms ease 0s; width: 100%; height: 40px; padding-left: 15px; padding-right: 50px; } .more-option .search-box .form-group button, .nav_right_area .search-box .form-group input[type="submit"] { background: #fab740; color: #fff; cursor: pointer; display: block; font-size: 13px; height: 40px; line-height: 40px; position: absolute; right: 0; top: 0; margin: 0px; width: 40px; transition: all 500ms ease 0s; } .more-option .search-box.now-visible { top: 216%; right: 0%; opacity: 1; visibility: visible; } .sticky-header .more-option .search-box.now-visible{ top: 234%; } .main-header .info-box{ position: relative; display: inline-block; float: right; padding: 10px 0; } .main-header .info-box a{ position: relative; color: #fff; font-size: 15px; line-height: 25px; font-family: 'Jost', sans-serif; background: #fab740; font-weight: 600; border: 2px solid #fab740; text-transform: uppercase; padding: 9px 31px 9px 32px; display: inline-block; text-align: center; transition: all 500ms ease; } .main-header .info-box a:hover{ color: #fab740; background: #15223f; border: 2px solid #fab740; transition: all 500ms ease; } .menu-bar { position: relative; display: inline-block; } / main slider section / .banner{ position: relative; } .banner .banner-title{ position: relative; font-size: 60px; font-family: 'Playfair Display',serif; line-height: 60px; color: #fff; font-weight: 400; text-transform: capitalize; } .banner .banner-text{ position: relative; font-size: 20px; font-family: 'Jost', sans-serif; line-height: 30px; color: #fff; font-weight: 400; } .banner .banner-btn a{ font-size: 15px; font-family: 'Jost', sans-serif; line-height: 26px; color: #fff; font-weight: 600 !important; text-transform: uppercase; padding: 12px 35px 12px 36px; border: 2px solid #fff; transition: all 700ms ease !important; } .banner .banner-btn a:hover{ background: #15223f; border: 2px solid #fab740; color: #fab740; font-weight: 600 !important; transition: all 700ms ease !important; } .tp-leftarrow.tparrows.hephaistos{ top: 60% !important; } .tp-rightarrow.tparrows.hephaistos{ top: 60% !important; } .slotholder:after{ position:absolute; content: ''; left: 0px; top: 0px; right: 0px; bottom: 0px; background: #0c1012; opacity: .20; } / search-service */ .search-service{ position: relative; padding: 0px 0px; margin-top: -60px; } .search-service .search-service-bg{ position: relative; background: #15223f; padding: 35px 30px 35px 30px; } .search-service .search-service-bg input, .search-service .search-service-bg select{ position: relative; background: #fff; padding: 10px; width: 198px; height: 50px; margin-right: 22px; } .search-service .search-service-bg i:before{ margin-left: -48px; } .search-service .search-service-bg a{ position: relative; font-size: 15px; font-family: 'Jost', sans-serif; line-height: 30px; color: #fff; font-weight: 600; text-transform: uppercase; border: 2px solid #fab740; background: #fab740; text-align: center; padding: 8px 23px; display: inline-block; left: 2px; transition: all 500ms ease; } .search-service .search-service-bg a:hover{ color: #fab740; background: #15223f; transition: all 500ms ease; } .ui-selectmenu-button { height: 50px; width: 198px; padding: 10px; background: #fff; cursor: pointer; display: inline-block; border-radius: 0px; margin-right: 25px; color: #989898; border: 1px solid #15223f; } .ui-selectmenu-button .ui-icon { background: none; position: relative; top: 3px; text-indent: 0px; display: block; float: right; } .ui-selectmenu-button .ui-icon:before { font-family: 'FontAwesome'; content: "\f107"; position: absolute; right: 5px; top: 4px !important; top: 13px; width: 10px; height: 20px; display: block; color: #989898; line-height: 20px; font-size: 16px; font-weight: normal; text-align: center; z-index: 5; } ::-webkit-input-placeholder { / Chrome / color: #989898; } :-ms-input-placeholder { / IE 10+ / color: #989898; } ::-moz-placeholder { / Firefox 19+ / color: #989898; opacity: 1; } :-moz-placeholder { / Firefox 4 - 18 / color: #989898; opacity: 1; } /* service-section / .service-section{ position: relative; padding: 60px 0px 40px 0px; } .section-title{ position: relative; font-size: 45px; font-family: 'Playball',sans-serif; line-height: 65px; color:#8c0c0f; display: inline-block; padding: 0px 0px; margin-bottom: 30px; background: url(../images/home/title-bg.html); background-position: center center; width: 320px; height: 68px; } .section-title span{ color: #fab740; } .title{ position: relative; font-size: 14px; font-family: 'Jost', sans-serif; line-height: 26px; color: #848484; display: block; margin-bottom: 45px; text-align: center; } .service-section .single-item img{ width: 100%; } .service-section .single-item{ position: relative; padding: 0px 0px 0px 0px; box-shadow: 4px 4px rgba(0, 0, 0, 0.05); transition: all 500ms ease; margin-bottom: 30px; } .service-section .single-item:hover{ box-shadow: none; transition: all 500ms ease; } .service-section .service-content{ position: relative; padding: 10px 15px; z-index: 1; } .service-section .single-item:hover .service-content:before{ height: 100%; width: 100%; opacity: 1; } .service-section .service-content:before { position: absolute; bottom: 0; left: 0; width: 100%; height: 0%; background: #5f0c0e; content: ""; z-index: -1; -webkit-transition: all 0.7s ease; transition: all 0.7s ease; opacity: 0; } .service-section .single-item h3{ font-size: 20px; font-family: 'Jost', sans-serif; line-height: 32px; color: #313131; text-align: center; margin-bottom: 0px; transition: all 500ms ease; } .service-section .single-item:hover h3, .service-section .single-item:hover .text{ color: #fff; transition: all 500ms ease; } .service-section .single-item .text{ position: relative; font-size: 16px; font-family: 'Jost', sans-serif; line-height: 28px; color: #848484; display: inline-block; margin-right: 20px; transition: all 500ms ease; } .service-section .single-item .text span{ position: relative; font-size: 18px; font-family: 'Jost', sans-serif; line-height: 28px; color: #fab740; display: inline-block; transition: all 500ms ease; } .service-section .single-item .rating{ position: relative; display: inline-block; padding: 0px; margin: 0px; margin-left: 20px; } .service-section .single-item .rating li{ display: inline-block; } .service-section .single-item .rating li i:before{ font-size: 13px; color: #fab740; margin: 0px; } .service-section .single-item .rating:before{ position: absolute; content: ''; background: #d9d9d9; height: 20px; width: 1px; left: -20px; top: 5px; } / about-section / .about-section{ position: relative; background: url(../images/about.jpg); width: 100%; height: 100%; left: 0px; top: 0px; background-size: cover; background-position: center center; background-repeat: no-repeat; padding: 85px 0px; } .about-section:before{ position: absolute; content: ''; background: url(../images/about.jpg); top: 0px; left: 0px; width: 50%; height: 100%; background-repeat: no-repeat; background-size: cover; } .about-section:after{ position: absolute; content: ''; background: #f5f5f8; top: 0px; right: 0px; width: 50%; height: 100%; background-repeat: no-repeat; background-size: cover; opacity: .95; } .about-section .about-content .section-title{ background: none; font-size: 38px; margin-bottom: 9px; } .about-section .about-content{ position: relative; background: #fff; float: right; padding: 34px 0px 41px 49px; display: inline-block; z-index: 1; width: 650px; box-shadow: 4px 4px 9px rgba(0, 0, 0, 0.12); } .about-section .about-content p{ position: relative; font-size: 17px; font-family: 'Jost', sans-serif; line-height: 26px; color: #000000; margin-bottom: 24px; padding: 0px 35px 0px 0px; text-align: justify; } .about-section .about-content .list li{ position: relative; font-size: 15px; font-family: 'Jost', sans-serif; line-height: 26px; color: #848484; margin-bottom: 6px; padding: 0px 0px 0px 24px; } .about-section .about-content .list li:before{ position: absolute; content: "\f00c"; font-family: 'FontAwesome'; left: 0px; top: 2px; font-size: 13px; margin: 0px; color: #fab740; } / our-speciality / .our-speciality{ position: relative; padding: 50px 0 80px 0; } .our-speciality .img-box img{ width: 100%; -webkit-transition: all 0.7s ease; transition: all 0.7s ease; } .our-speciality .single-item:hover img{ -webkit-transform: scale(1.3); transform: scale(1.3); } .our-speciality .single-item{ position: relative; } .our-speciality .overlay-box { position: absolute; left: 0px; bottom: -100%; width: 100%; height: 100%; text-align: center; color: #ffffff; transition: all 700ms ease; -webkit-transition: all 700ms ease; -ms-transition: all 700ms ease; -o-transition: all 700ms ease; -moz-transition: all 700ms ease; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); -moz-transform: scaleY(0); transform: scaleY(0); } .our-speciality .overlay-inner { position: absolute; left: 0px; top: 0%; width: 100%; height: 100%; display: table; vertical-align: middle; padding: 10px 30px; background: #15223f; opacity: .4; } .our-speciality .inner-box:hover .overlay-box { bottom: 0px; -webkit-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); -moz-transform: scaleY(1); transform: scaleY(1); } .our-speciality .inner-box { position: relative; overflow: hidden; } .our-speciality .single-item .img-title{ position: absolute; left: 29px; bottom: 21px; font-size: 28px; font-family: 'Playball',sans-serif; line-height: 36px; color: #fff; font-weight: 400; display: inline-block; transition: all 500ms ease; } .our-speciality .single-item:hover .img-title{ color: #fab740; transition: all 500ms ease; } / img-gallery / .img-gallery{ position: relative; padding: 70px 0px 40px 0; background: #f5f5f8; width: 100%; } .img-gallery .single-item .img-holder { display: block; overflow: hidden; position: relative; } .img-gallery .single-item .img-holder img { position: relative; border-right: 2px solid #f5f5f8; border-left: 2px solid #f5f5f8; width: 100%; } .img-gallery .single-item .img-holder .overlay .box .content a i { border: 2px solid #fff; text-align: center; border-radius: 3%; color: #fab740; display: inline-block; font-size: 20px; height: 55px; line-height: 55px; transition: all 500ms ease 0s; width: 55px; border-radius: 50%; } .img-gallery .single-item:hover .img-holder .overlay{ -webkit-transform: scale(1); transform: scale(1); } .img-gallery .overlay .box .content { display: table-cell; text-align: center; vertical-align: middle; } .img-gallery .overlay { width: 100%; height: 100%; position: absolute; top: 0; left: 0; -webkit-transform: scale(0); transform: scale(0); background-color: rgba(21, 34, 63, 0.8); -webkit-transition: all 0.7s ease; transition: all 0.7s ease; } .img-gallery .overlay .box { display: table; height: 100%; width: 100%; } .img-gallery .single-item .img-holder .overlay .box .content .text{ font-size: 20px; font-family: 'Jost', sans-serif; line-height: 30px; font-style: italic; color: #fab740; } .img-gallery .owl-dots{ display: none !important; } / testimonials-section / .testimonials-section{ position: relative; padding: 50px 0px; } .testimonials-section .owl-controls{ display: none !important; } .testimonials-section .testimonials-title{ margin-bottom: 5px; } .testimonials-section .single-item .text{ position: relative; font-size: 17px; font-family: 'Jost', sans-serif; line-height: 26px; color: #000; background: #f5f5f8; padding: 25px 8px 35px 34px; margin-bottom: 25px; text-align: justify; } .testimonials-section .single-item .text:before{ position: absolute; content: ""; background: #f5f5f8; width: 20px; height: 20px; left: 44px; bottom: -10px; transform: rotate(45deg); } .testimonials-section .img-box{ position: relative; display: inline-block; padding: 0px 18px 0px 25px; } .testimonials-section .autor-content{ position: relative; display: inline-block; top: -12px; } .testimonials-section .autor-content h4{ position: relative; display: block; font-size: 20px; font-family: 'Jost', sans-serif; font-style: italic; line-height: 30px; color: #222; margin-bottom: 0px; } .testimonials-section .autor-content span{ position: relative; display: block; font-size: 14px; font-family: 'Jost', sans-serif; line-height: 26px; color: #fab740; } / fact-counter / .fact-counter{ position: relative; padding: 85px 0px 80px 0px; background: url(../images/hotel-bg.jpg); width: 100%; background-attachment: fixed; background-size: cover; background-position: center center; background-repeat: no-repeat; } .fact-counter:before{ position: absolute; content: ''; background: #15223f; left: 0px; top: 0px; width: 100%; height: 100%; opacity: .8; } .fact-counter span{ position: relative; font-size: 45px; font-family: 'Jost', sans-serif; line-height: 50px; color: #fab740; font-weight: 700; font-style: italic; margin-bottom: 9px; display: block; } .fact-counter .text{ position: relative; display: block; font-size: 16px; font-family: 'Jost', sans-serif; line-height: 26px; color: #d1d2d6; margin-bottom: 0px; } .fact-counter .single-item.one{ position: relative; padding: 0px 0px 0px 0px; } .fact-counter .single-item.one:before{ position: absolute; content: ''; background: #6b6f80; height: 80px; width: 2px; top: 6px; right: 50px; } .fact-counter .single-item.two{ position: relative; padding: 0px 0px 0px 32px; } .fact-counter .single-item.two:before{ position: absolute; content: ''; background: #6b6f80; height: 80px; width: 2px; top: 6px; right: -15px; } .fact-counter .single-item.three{ position: relative; float: right; padding: 0px 55px 0px 0px; } .fact-counter .single-item.three:before{ position: absolute; content: ''; background: #6b6f80; height: 80px; width: 2px; top: 6px; right: -58px; } .fact-counter .single-item.four{ position: relative; padding: 0px 0px 0px 0px; float: right; } / news-section / .news-section{ position: relative; padding: 45px 0px 65px 0px; } .news-section .img-box img{ position: relative; width: 100%; } .news-section .img-box{ position: relative; padding: 0px 10px 0px 0px; } .news-section .news-content{ position: relative; padding: 24px 0px 15px 0px; margin: 0px 0px 12px 104px; border-bottom: 1px solid #e5e5e5; } .news-section .news-content .date{ position: absolute; left: -104px; top: 30px; background: #15223f; font-size: 30px; line-height: 30px; color: #fab740; font-weight: 700; font-family: 'Jost', sans-serif; height: 75px; width: 75px; display: block; text-align: center; padding: 10px 0px 0px 0px; } .news-section .news-content .date span{ position: relative; font-size: 16px; font-family: 'Jost', sans-serif; line-height: 22px; color: #fab740; display: block; } .news-section .news-content h3{ font-size: 24px; position: relative; line-height: 28px; color: #222; font-family: 'Jost', sans-serif; margin-bottom: 10px; transition: all 500ms ease; } .news-section .news-content h3:hover{ color: #fab740; transition: all 500ms ease; } .news-section .news-content .list{ position: relative; padding: 0px; margin: 0px; } .news-section .news-content .list li{ position: relative; display: inline-block; font-size: 14px; font-family: 'Jost', sans-serif; line-height: 26px; color: #848484; margin-right: 15px; } .news-section .news-content .list li i:before{ color: #848484; margin-right: 8px; font-size: 13px; } .news-section p{ position: relative; font-size: 15px; font-family: 'Jost', sans-serif; line-height: 26px; color: #848484; margin-bottom: 10px; padding: 0px 5px 0px 0px; } .news-section .sidbar-news{ position: relative; padding: 0px 0px 0px 10px; } .news-section .sidbar-news .single-item{ position: relative; padding: 0px 0px 16px 130px; margin-bottom: 18px; border-bottom: 1px solid #e5e5e5; top: -7px; } .news-section .sidbar-news .single-item:last-child{ border-bottom: none; } .news-section .single-item .img-holder { display: block; overflow: hidden; position: relative; } .news-section .single-item .img-holder { position: absolute; width: 110px; height: 110px; left: 0px; top: 7px; } .news-section .single-item .img-holder .overlay .box .content .date { font-size: 30px; line-height: 30px; color: #fab740; font-weight: 700; font-family: 'Jost', sans-serif; height: 100%; width: 100%; display: block; text-align: center; margin-top: 55px; } .news-section .single-item .img-holder .overlay .box .content .date span{ position: relative; font-size: 16px; font-family: 'Jost', sans-serif; line-height: 22px; color: #fab740; display: block; } .news-section .single-item:hover .img-holder .overlay{ -webkit-transform: scale(1); transform: scale(1); } .news-section .overlay .box .content { display: table-cell; text-align: center; vertical-align: middle; } .news-section .overlay { width: 100%; height: 100%; position: absolute; top: 0; left: 0; -webkit-transform: scale(0); transform: scale(0); background-color: rgba(21, 34, 63, 0.8); -webkit-transition: all 0.7s ease; transition: all 0.7s ease; } .news-section .overlay .box { display: table; height: 100%; width: 100%; } .news-section h3{ position: relative; display: inline-block; font-size: 24px; font-family: 'Jost', sans-serif; line-height: 30px; color: #222; margin-bottom: 8px; transition: all 500ms ease; } .news-section h3:hover{ color: #fab740; transition: all 500ms ease; } .news-section .sidbar-news p{ padding: 0px 50px 0px 0px; } / google map area / .google-map-area { position: relative; } #contact-google-map { height: 400px; width: 100%; } / subscribe-section / .subscribe-section{ position: relative; background: url(../images/home/subscribe-bg.html); width: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; padding: 26px 0px 20px 0px; } .subscribe-section .subscribe-title{ position: relative; display: inline-block; padding: 0px 0px 0px 60px; } .subscribe-section .section-title{ background: none; color: #fff; width: 100%; line-height: 70px; } .subscribe-section .subscribe-form{ position: relative; display: inline-block; float: right; top: 8px; } .subscribe-section button{ position: relative; font-size: 14px; font-family: 'Jost', sans-serif; line-height: 26px; color: #fff; font-weight: 700; text-transform: uppercase; background: #15223f; border: 2px solid #15223f; padding: 10px 40px; text-align: center; margin-left: 15px; transition: all 500ms ease; } .subscribe-section button:hover{ color: #fab740; background: #fff; transition: all 500ms ease; } .subscribe-section input{ position: relative; height: 50px; width: 342px; background: #fff; color: #000; padding: 20px; } / footer-section / .footer-section{ position: relative; background: #0e0e0e; width: 100%; height: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; padding: 60px 0px 0px 0px; } .footer-section .footer-top{ position: relative; padding: 0px 0px 40px 0px; border-bottom: 1px solid #404040; } .footer-section .footer-logo{ position: relative; padding: 0px 0px 28px 0px; } .footer-section p{ position: relative; font-size: 15px; font-family: 'Jost', sans-serif; line-height: 26px; color: #b6b7b9; margin-bottom: 23px; } .footer-section h3{ position: relative; font-size: 24px; color: #fff; font-family: 'Jost', sans-serif; line-height: 30px; margin-bottom: 20px; } .footer-section .logo-widget .footer-social{ position: relative; padding: 0px; margin: 0px; } .footer-section .logo-widget .footer-social li{ display: inline-block; margin-right: 11px; } .footer-section .logo-widget .footer-social li a{ position: relative; color: #b6b7b9; font-size: 14px; width: 35px; height: 35px; border: 1px solid #b6b7b9; line-height: 35px; text-align: center; display: inline-block; } .footer-section .logo-widget .footer-social li a:hover{ background: #fab740; border: 1px solid #fab740; color: #fff; transition: all 500ms ease; } .footer-section .link-widget .list{ position: relative; padding: 0px; margin: 0px; } .footer-section .link-widget .list li a{ position: relative; font-size: 15px; font-family: 'Jost', sans-serif; line-height: 26px; color: #b6b7b9; margin-bottom: 14px; display: block; padding: 0px 0px 0px 15px; transition: all 500ms ease; } .footer-section .link-widget .list li a:before{ position: absolute; content: "\f105"; color: #b6b7b9; font-size: 15px; font-family: 'FontAwesome'; left: 0px; top: 1px; } .footer-section .link-widget .list li a:hover{ color: #fab740; text-decoration: underline; transition: all 500ms ease; } .footer-section .link-widget{ position: relative; padding: 5px 0px 0px 50px; } .footer-section .contact-widget{ position: relative; padding: 5px 0px 0px 0px; left: -30px; } .footer-section .contact-widget .single-item{ position: relative; padding: 0px 0px 0px 25px; font-size: 15px; font-family: 'Jost', sans-serif; line-height: 26px; color: #b6b7b9; margin-bottom: 10px; } .footer-section .contact-widget .single-item a{ position: relative; padding: 0px 0px 0px 1px; font-size: 15px; font-family: 'Jost', sans-serif; line-height: 26px; color: #b6b7b9; margin-bottom: 2px; transition: all 500ms ease; } .footer-section .contact-widget .single-item a:hover{ color: #fab740; transition: all 500ms ease; } .footer-section .contact-widget h3{ margin-bottom: 18px; } .footer-section .contact-widget p{ padding: 0px 10px 0px 0px; margin-bottom: 21px; } .footer-section .contact-widget .single-item i{ position: absolute; left: 0px; top: 0px; } .footer-section .contact-widget .single-item i:before{ font-size: 17px; color: #b6b7b9; margin: 0px; } .footer-section .footer-gallery { position: relative; padding: 5px 20px 0px 3px; } .footer-section .footer-gallery img{ margin-bottom: 10px; } .footer-section .footer-gallery h3{ margin-bottom: 26px; } .footer-section .footer-bottom{ position: relative; padding: 5px 0px; } .footer-section .footer-bottom .copyright{ font-size: 14px; position: relative; line-height: 27px; color: #b6b7b9; margin: 0px; } .footer-section .footer-bottom .copyright a{ color: #fab740; transition: all 500ms ease; } .footer-section .footer-bottom .copyright a:hover{ color: #fff; transition: all 500ms ease; } /* ==================================================================== about page ==================================================================== */ .page-title{ position: relative; padding: 55px 0px; background: url(../images/title-bg.jpg); width: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; background-attachment: fixed; } .page-title:before{ position: absolute; content: ''; background: #0c1012; width: 100%; height: 100%; left: 0px; top: 0px; opacity: .6; } .page-title .title{ position: relative; font-size: 45px; font-family: 'Playfair display',serif; color: #fff; font-weight: 400; line-height: 50px; margin-bottom: 7px; display: block; text-transform: none; } .page-title .bread-crumb li{ position: relative; display: inline-block; font-size: 15px; font-family: 'Jost', sans-serif; color: #fab740; line-height: 26px; margin-right: 0px; margin-bottom: 10px; } .page-title .bread-crumb a{ display: inline-block; color: #fff; transition: all 500ms ease; } .page-title .bread-crumb a:hover{ color: #fab740; transition: all 500ms ease; } .page-title .bread-crumb li i:before{ margin-left: 5px; } .about-page{ position: relative; padding: 100px 0px 96px 0px; background: none; } .about-page:before{ display: none; } .about-page:after{ display: none; } .about-page .about-content { position: relative; background: transparent; float: right; padding: 0px 0px 0px 10px; display: inline-block; z-index: 1; box-shadow: none; float: none; top: -13px; } .about-page .about-content a.about-btn{ position: relative; color: #fff; font-size: 15px; line-height: 25px; font-family: 'Jost', sans-serif; background: #fab740; font-weight: 600; border: 2px solid #fab740; text-transform: uppercase; padding: 10px 36px 11px 37px; display: inline-block; text-align: center; transition: all 500ms ease; } .about-page .about-content a.about-btn:hover{ color: #fab740; background: #15223f; border: 2px solid #fab740; transition: all 500ms ease; } .about-page img{ width: 100%; } .about-page .img-box{ position: relative; padding: 0px 10px 0px 0px; } .about-page .list{ margin-bottom: 35px; } .about-page .about-content .section-title{ font-size: 45px; } .about-page .about-content p{ padding: 0px 75px 0px 0px; } /* ==================================================================== rooms grid ==================================================================== */ .rooms-grid{ position: relative; padding: 100px 0px; } .rooms-grid .rooms-btn{ position: relative; padding: 0px; margin: 0px; margin-top: 20px; } .rooms-grid .rooms-btn li{ display: inline-block; margin: 0px 3px; } .rooms-grid .rooms-btn li a{ position: relative; font-size: 18px; font-family: 'Jost', sans-serif; color: #222; background: #fff; height: 45px; width: 45px; line-height: 45px; text-align: center; border: 1px solid #e5e5e5; display: inline-block; transition: all 500ms ease; } .rooms-grid .rooms-btn li a:hover, .rooms-grid .rooms-btn li.active a{ color: #fff; background: #fab740; border: 1px solid #fab740; transition: all 500ms ease; } .rooms-grid .single-item{ margin-bottom: 29px; } /* ==================================================================== rooms-list ==================================================================== */ .rooms-list{ position: relative; padding: 100px 0px; } .rooms-list .rooms-content h3{ font-size: 24px; font-family: 'Jost', sans-serif; line-height: 32px; color: #313131; margin-bottom: 8px; transition: all 500ms ease; } .rooms-list .rooms-content h3:hover{ color: #fab740; transition: all 500ms ease; } .rooms-list .rooms-content .text{ position: relative; font-size: 16px; font-family: 'Jost', sans-serif; line-height: 28px; color: #848484; display: inline-block; margin-right: 20px; margin-bottom: 23px; top: 2px; transition: all 500ms ease; } .rooms-list .rooms-content .text span{ position: relative; font-size: 18px; font-family: 'Jost', sans-serif; line-height: 28px; color: #fab740; display: inline-block; top: 1px; transition: all 500ms ease; } .rooms-list .rooms-content .rating{ position: relative; display: inline-block; padding: 0px; margin: 0px; margin-left: 20px; } .rooms-list .rooms-content .rating:before { position: absolute; content: ''; background: #d9d9d9; height: 20px; width: 1px; left: -21px; top: 4px; } .rooms-list .rooms-content .rating li { display: inline-block; } .rooms-list .rooms-content .rating li i:before { font-size: 13px; color: #fab740; margin: 0px; } .rooms-list .rooms-content p{ position: relative; font-size: 15px; font-family: 'Jost', sans-serif; line-height: 26px; color: #848484; margin-bottom: 35px; padding: 0px 0px 0px 0px; display: block; } .rooms-list .rooms-content{ position: relative; padding: 44px 40px 0px 10px; } .rooms-list .single-item{ position: relative; padding: 0px 0px 0px 0px; border: 1px solid #e5e5e5; margin-bottom: 48px; } .rooms-list .rooms-btn { margin-top: 2px; } /* ==================================================================== rooms-details ==================================================================== **/ .rooms-details{ position: relative; padding: 100px 0px; } .rooms-details .img-box img{ position: relative; width: 100%; } .rooms-details .lower-content h2{ font-size: 30px; font-family: 'Jost', sans-serif; line-height: 32px; color: #313131; margin-bottom: 8px; text-align: none; transition: all 500ms ease; } .rooms-details .lower-content .text{ position: relative; font-size: 16px; font-family: 'Jost', sans-serif; line-height: 28px; color: #848484; display: inline-block; margin-right: 20px; margin-bottom: 28px; top: 2px; transition: all 500ms ease; } .rooms-details .lower-content .text span{ position: relative; font-size: 18px; font-family: 'Jost', sans-serif; line-height: 28px; color: #fab740; display: inline-block; top: 1px; transition: all 500ms ease; } .rooms-details .lower-content .rating{ position: relative; display: inline-block; padding: 0px; margin: 0px; margin-left: 20px; } .rooms-details .lower-content .rating:before { position: absolute; content: ''; background: #d9d9d9; height: 20px; width: 1px; left: -21px; top: 4px; } .rooms-details .lower-content .rating li { display: inline-block; } .rooms-details .lower-content .rating li i:before { font-size: 13px; color: #fab740; margin: 0px; } .rooms-details .lower-content p{ position: relative; font-size: 15px; font-family: 'Jost', sans-serif; line-height: 26px; color: #848484; margin-bottom: 26px; padding: 0px 0px 0px 0px; display: block; } .rooms-details .lower-content p:last-child{ margin-bottom: 30px; } .rooms-details .rooms-catagori .list{ position: relative; padding: 0px; margin: 0px; } .rooms-details .rooms-catagori .list li{ position: relative; display: block; font-size: 15px; font-family: 'Jost', sans-serif; line-height: 26px; color: #848484; padding: 0px 0px 0px 23px; margin-bottom: 6px; } .rooms-details .rooms-catagori .list li:before{ position: absolute; content: "\f0a9"; font-family: 'FontAwesome'; left: 0px; top: 1px; font-size: 14px; color: #fab840; } .rooms-details .lower-content{ position: relative; padding: 35px 0px 0px 0px; } .rooms-details h3{ font-size: 24px; font-family: 'Jost', sans-serif; line-height: 32px; color: #313131; margin-bottom: 15px; transition: all 500ms ease; } .rooms-details .rooms-catagori{ position: relative; padding: 0px 0px 62px 0px; } .rooms-details .client-reviews .text{ position: relative; font-size: 15px; line-height: 26px; color: #848484; margin-bottom: 26px; } .rooms-details .client-reviews .text .rating{ position: relative; display: inline-block; margin-left: 24px; top: 2px; } .rooms-details .client-reviews .text .rating li{ position: relative; display: inline-block; margin-right: 4px; } .rooms-details .client-reviews .text .rating li i:before{ font-size: 17px; color: #fab740; margin: 0px; } .rooms-details .client-reviews{ position: relative; padding: 0px 0px 0px 0px; } .rooms-details .client-reviews input, .rooms-details .client-reviews textarea{ position: relative; width: 100%; height: 50px; padding: 10px; border: 1px solid #e5e5e5; margin-bottom: 30px; } .rooms-details .client-reviews textarea{ height: 150px; resize: none; margin-bottom: 21px; } .rooms-details .client-reviews h3{ margin-bottom: 17px; } .rooms-details .client-reviews button.btn-one { padding: 10px 24px 11px 25px; } .rooms-details .sidbar-content select, .rooms-details .sidbar-content input, .rooms-details .sidbar-content textarea{ position: relative; width: 100%; height: 50px; border: 1px solid #e5e5e5; padding: 15px; margin-bottom: -9px; } .rooms-details .sidbar-content textarea{height: 100px; } .rooms-details .sidbar-content .ui-selectmenu-button{ border: 1px solid #e5e5e5; margin-bottom: 18px; } .rooms-details .sidbar-content i{ position: relative; float: right; top: 35px; right: 12px; z-index: 1; } .rooms-details .sidbar-content input{ position: relative; margin-bottom: 27px; } .rooms-details .sidbar-content{ position: relative; padding: 33px 40px 40px 39px; border: 1px solid #e5e5e5; margin-left: 20px; } .rooms-details .sidbar-content a.btn-one{ display: block; width: 100%; text-align: center; padding: 10px 20px 11px 21px; } .rooms-details .sidbar-content h3{ margin-bottom: -4px; } .rooms-details .sidbar-content ::-webkit-input-placeholder { / Chrome / color: #222; } .rooms-details .sidbar-content :-ms-input-placeholder { / IE 10+ / color: #222; } .rooms-details .sidbar-content ::-moz-placeholder { / Firefox 19+ / color: #222; opacity: 1; } .rooms-details .sidbar-content :-moz-placeholder { / Firefox 4 - 18 / color: #222; opacity: 1; } .rooms-details .sidbar-content .ui-selectmenu-button{ color: #222; } / ==================================================================== gallery-section ==================================================================== / .gallery-section{ position: relative; padding: 100px 0px 70px 0px; } .gallery-section img{ width: 100%; } .gallery-section .single-item .img-holder { display: block; overflow: hidden; position: relative; } .gallery-section .single-item{ margin-bottom: 30px; } .gallery-section .single-item .img-holder img { position: relative; width: 100%; } .gallery-section .single-item .img-holder .overlay .box .content a{ border: 2px solid #fff; text-align: center; border-radius: 3%; color: #fab740; display: inline-block; font-size: 20px; height: 55px; line-height: 55px; transition: all 500ms ease 0s; width: 55px; border-radius: 50%; } .gallery-section .single-item:hover .img-holder .overlay{ -webkit-transform: scale(1); transform: scale(1); } .gallery-section .overlay .box .content { display: table-cell; text-align: center; vertical-align: middle; } .gallery-section .overlay { width: 100%; height: 100%; position: absolute; top: 0; left: 0; -webkit-transform: scale(0); transform: scale(0); background-color: rgba(21, 34, 63, 0.8); -webkit-transition: all 0.7s ease; transition: all 0.7s ease; } .gallery-section .overlay .box { display: table; height: 100%; width: 100%; } .gallery-section .single-item .img-holder .overlay .box .content .img-title{ font-size: 20px; font-family: 'Jost', sans-serif; line-height: 30px; font-style: italic; color: #fab740; } / ==================================================================== testimonials-page ==================================================================== / .testimonials-page{ position: relative; padding: 100px 0px 50px 0px; } .testimonials-page .single-item{ position: relative; margin-bottom: 50px; } .testimonials-page .autor-content { top: 20px; } .testimonials-page .single-item .text{ margin-bottom: 22px; } / ==================================================================== faqs-section faq-page ==================================================================== / .faqs-section{ position: relative; padding: 93px 0px 80px 0px; } .faqs-section .faq-title{ position: relative; padding: 0px 0px 0px 0px; } .faqs-section .faq-title h2{ position: relative; font-size: 30px; font-family: 'Jost', sans-serif; line-height: 36px; color: #222; margin-bottom: 16px; } .faqs-section .faq-title p{ font-size: 15px; font-family: 'Jost', sans-serif; line-height: 26px; color: #848484; margin-bottom: 49px; } .accordion { position: relative; margin-bottom: 0px; border: 1px solid #e5e5e5; margin-bottom: 20px; } .accordion .acc-btn .left-icon { position: absolute; left: 0; top: 0; width: 60px; height: 100%; color: #9c9c9c; font-size: 20px; text-align: center; } .accordion .acc-btn { color: #222; cursor: pointer; font-size: 18px; line-height: 30px; padding: 15px 10px 17px 47px; font-family: 'Lato', sans-serif; border-bottom: 1px solid #fff; font-style: italic; transition: all 500ms ease; } .accordion .acc-btn.active{ border-bottom: 1px solid #e5e5e5; color: #fab740; padding: 15px 10px 18px 47px; transition: all 500ms ease; } .accordion:last-child .acc-btn{ border-bottom: 1px solid #fff; transition: all 500ms ease; } .accordion:last-child .acc-btn.active{ border-bottom: 1px solid #e5e5e5; transition: all 500ms ease; } .accordion .acc-btn .toggle-icon { color: #848484; display: block; font-weight: 200; padding: 15px 20px; position: absolute; left: -1px; top: -20px; } .accordion .acc-btn .toggle-icon.left { color: #9c9c9c; display: block; font-weight: 100; height: 24px; line-height: 24px; position: absolute; right: 20px; bottom: 20px; left: 30px; } .accordion .acc-btn .toggle-icon .plus::before { font-size: 16px; font-weight: 400; position: absolute; top: 0; left: 0; transition: all 500ms ease; } .accordion-box .accordion .acc-btn.active .toggle-icon .plus { opacity: 0; } .accordion-box .accordion .acc-btn .toggle-icon .minus { opacity: 0; } .accordion-box .accordion .acc-btn .toggle-icon .minus::before { font-size: 16px; font-weight: 400; position: absolute; top: 0; left: 0; width: 100%; transition: all 500ms ease; } .accordion-box .accordion .acc-btn.active .toggle-icon .minus { opacity: 1; } .accordion-box .accordion .acc-content { color: #848484; font-family: 'Jost', sans-serif; display: none; font-size: 14px; line-height: 26px; padding: 5px 10px 0px 10px; } .accordion-box .accordion .acc-content.collapsed { display: block; } .accordion-box .accordion .acc-content p { color: #848484; font-size: 14px; font-family: 'Jost', sans-serif; line-height: 26px; padding: 8px 5px 24px 25px; margin: 0px 14px; } .accordion-box .accordion:last-child .acc-content p{ border-bottom: none; transition: all 500ms ease; } .accordion-box .accordion .acc-btn.active .toggle-icon .minus { top: 22px; color: #fab740; position: absolute; padding: 13px; margin-top: 14px; right: -6px; } .faq-page .faq-sidber{ position: relative; padding: 35px 40px 40px 39px; margin: 0px 0px 0px 20px; border: 1px solid #e5e5e5; top: 8px; } .faq-page .faq-sidber input, .faq-page .faq-sidber textarea{ position: relative; width: 100%; height: 50px; border: 1px solid #e5e5e5; margin-bottom: 18px; padding: 15px 20px; } .faq-page .faq-sidber textarea{ height: 120px; resize: none; margin-bottom: 9px; } .faq-page .faq-sidber button{ display: block; width: 100%; padding: 10px 20px 11px 21px; } .faqs-section .faq-sidber h3 { position: relative; font-size: 24px; font-family: 'Jost', sans-serif; line-height: 30px; color: #222; margin-bottom: 24px; } .faqs-section .faq-sidber ::-webkit-input-placeholder { / Chrome / color: #222; } .faqs-section .faq-sidber :-ms-input-placeholder { / IE 10+ / color: #222; } .faqs-section .faq-sidber ::-moz-placeholder { / Firefox 19+ / color: #222; opacity: 1; } .faqs-section .faq-sidber :-moz-placeholder { / Firefox 4 - 18 / color: #222; opacity: 1; } / ==================================================================== error-page ==================================================================== / .error-section{ position: relative; padding: 140px 0px 150px 0px; } .error-section .error-title{ position: relative; font-size: 180px; font-family: 'Jost', sans-serif; line-height: 200px; color: #222; margin-bottom: 30px; } .error-section .error-title i:before{ color: #fab740; margin: 0px 18px; font-size: 185px; } .error-section .title{ position: relative; font-size: 45px; font-family: 'Jost', sans-serif; line-height: 50px; color: #222; margin-bottom: 44px; } .error-section .text{ position: relative; font-size: 16px; font-family: 'Jost', sans-serif; line-height: 26px; color: #848484; margin-bottom: 18px; display: block; } .error-section .form-group{ position: relative; padding: 0px 0px 0px 0px; display: inline-block; } .error-section .search-box input{ position: relative; width: 570px; height: 50px; border: 1px solid #dedede; margin-bottom: 31px; padding: 15px; } .error-section a.btn-one{ display: block; width: 150px; margin: 0 auto; } .error-section .form-group button{ position: absolute; right: 15px; top: 10px; background: transparent; } .error-section a.btn-one{ padding: 10px 20px 11px 21px; } / ==================================================================== latest-news-page ==================================================================== / .latest-news{ position: relative; padding: 100px 0px 50px 0px; } .latest-news .img-box{ padding: 0px; } .latest-news .news-content { position: relative; padding: 24px 0px 15px 0px; margin: 0px 0px 22px 104px; border-bottom: 1px solid #e5e5e5; } .latest-news .single-item{ margin-bottom: 46px; } .latest-news .sidebar{ position: relative; padding: 0px 0px 0px 20px; } .latest-news .sidebar .form-group{ position: relative; } .latest-news .sidebar .form-group input{ position: relative; width: 100%; height: 50px; border: 1px solid #e5e5e5; padding: 0px 15px; margin-bottom: 26px; } .latest-news .sidebar .form-group button{ position: absolute; color: #222; top: 10px; right: 15px; background: transparent; } .latest-news .sidebar h3:hover{ color: #222; } .latest-news .sidebar .sidebar-blog-category{ position: relative; margin-bottom: 43px; } .latest-news .sidebar .sidebar-blog-category li a{ position: relative; font-size: 14px; font-family: 'Jost', sans-serif; line-height: 26px; color: #222; display: block; padding: 11px 15px 11px 15px; border: 1px solid #e5e5e5; margin-bottom: 10px; transition: all 500ms ease; } .latest-news .sidebar .sidebar-blog-category li a:hover{ color: #fab740; transition: all 500ms ease; } .latest-news .sidebar h3{ margin-bottom: 24px; } .latest-news .posts-widget .single-item{ position: relative; padding: 0px 0px 19px 95px; border-bottom: 1px solid #e5e5e5; margin-bottom: 15px; } .latest-news .posts-widget .single-item:last-child{ border-bottom: none; } .latest-news .posts-widget .single-item .img-box{ position: absolute; left: 0px; top: 0px; width: 75px; height: 75px; } .latest-news .posts-widget{ position: relative; margin-bottom: 26px; } .latest-news .posts-widget .single-item h5{ position: relative; font-size: 16px; font-family: 'Jost', sans-serif; line-height: 22px; color: #222; top: -5px; margin-bottom: 2px; transition: all 500ms ease; } .latest-news .posts-widget .single-item h5:hover{ color: #fab740; transition: all 500ms ease; } .latest-news .posts-widget .single-item .post-info{ position: relative; font-size: 13px; font-family: 'Jost', sans-serif; line-height: 25px; color: #848484; } .latest-news .posts-widget .single-item .post-info span:before{ font-size: 13px; color: #848484; margin-right: 11px; } .latest-news .sidebar-tag{ position: relative; } .latest-news .sidebar-tag .blog-cat li{ display: inline-block; } .latest-news .sidebar-tag .blog-cat li a{ position: relative; font-size: 14px; font-family: 'Jost', sans-serif; line-height: 26px; color: #848484; border: 1px solid #e5e5e5; padding: 6px 27px 6px 28px; display: inline-block; margin-bottom: 15px; margin-right: 10px; text-align: center; transition: all 500ms ease; } .latest-news .sidebar-tag .blog-cat li a:hover{ color: #fff; background: #fab740; border: 1px solid #fab740; transition: all 500ms ease; } / ==================================================================== news-details page ==================================================================== / .news-details{ position: relative; padding: 100px 0px; } .news-details .post-share-option{ position: relative; padding: 0px 0px 0px 0px; margin-bottom: 67px; } .news-details .post-share-option .text, .news-details .post-share-option .post-social li{ position: relative; display: inline-block; font-size: 15px; font-family: 'Jost', sans-serif; line-height: 26px; color: #222; } .news-details h3:hover, .news-details .news-content h3:hover{ color: #222; } .news-details .post-share-option .post-social{ position: relative; display: inline-block; float: right; top: -5px; } .news-details .post-share-option .post-social li{ display: inline-block; margin-left: 7px; } .news-details .post-share-option .post-social li a{ position: relative; display: inline-block; font-size: 13px; width: 38px; height: 38px; line-height: 38px; color: #848484; border: 1px solid #e5e5e5; text-align: center; transition: all 500ms ease; } .news-details .post-share-option .post-social li a:hover{ color: #fff; background: #fab740; border: 1px solid #fab740; transition: all 500ms ease; } .news-details .comment-area .comment-box{ position: relative; padding: 0px 0px 0px 105px; margin-bottom: 25px; } .news-details .comment-area .comment-box img{ position: absolute; left: 0px; top: 0px; } .news-details .comment-area .comment-box .comment-name{ position: relative; font-size: 18px; font-family: 'Jost', sans-serif; line-height: 28px; color: #222; margin-bottom: 0px; top: -10px; } .news-details .comment-area .comment-box .comment-info{ position: relative; font-size: 14px; font-family: 'Jost', sans-serif; line-height: 26px; color: #848484; margin-bottom: 4px; top: -7px; } .news-details .comment-area .comment-box p{ position: relative; font-size: 15px; font-family: 'Jost', sans-serif; line-height: 26px; color: #848484; margin-bottom: 0px; } .news-details .comment-area .comment-box.replay-comment{ margin-left: 90px; } .news-details .comment-area .comment-box.replay-comment img{ left: 17px; } .news-details .comment-area .comment-box i:before{ font-size: 13px; color: #848484; margin-right: 5px; } .news-details .comment-form input, .news-details .comment-form textarea{ position: relative; width: 100%; height: 50px; margin-bottom: 30px; padding: 0px 15px; border: 1px solid #e5e5e5; } .news-details .comment-form textarea{ resize: none; height: 150px; margin-bottom: 22px; padding: 15px; } .news-details .single-item .img-box{ margin-bottom: 10px; } .news-details .single-item p{ padding: 0px; margin-bottom: 26px; } .news-details .single-item p:last-child{ margin-bottom: -8px; } .news-details .comment-area h3{ margin-bottom: 24px; } .news-details .comment-area{ position: relative; margin-bottom: 68px; } .news-details .comment-form h3{ margin-bottom: 30px; } .news-details .comment-form .btn-one{ padding: 10px 25px 10px 26px; } / ==================================================================== contact-page ==================================================================== / .contact-section{ position: relative; padding: 80px 0 30px 0; } .contact-section .contact-form{ position: relative; padding: 0px 40px 0px 0px; } .contact-section .contact-info .single-item{ position: relative; padding: 0px 0px 0px 64px; margin-bottom: 18px; } .contact-section .contact-info .single-item i{ position: absolute; left: 0px; top: 4px; width: 45px; height: 45px; background: #fab740; line-height: 45px; color: #fff; border-radius: 50%; text-align: center; } .contact-section h2{ font-size: 30px; font-family: 'Jost', sans-serif; line-height: 36px; color: #222; margin-bottom: 34px; } .contact-section .contact-info h2{ margin-bottom: 30px; } .contact-section .contact-form input, .contact-section .contact-form textarea{ position: relative; width: 100%; height: 50px; border: 1px solid #e7e7e7; margin-bottom: 30px; padding: 15px; } .contact-section .contact-form textarea{ height: 150px; resize: none; margin-bottom: 21px; } .contact-section .contact-form .btn-one{ padding: 10px 28px 11px 28px; } .contact-section .contact-info .info-title{ position: relative; font-size: 22px; font-family: 'Lora',serif; line-height: 30px; font-style: italic; color: #222; margin-bottom: 5px; } .contact-section .contact-info .text{ position: relative; font-size: 15px; font-family: 'Jost', sans-serif; line-height: 26px; color: #848484; padding: 0px 0px 0px 2px; } .contact-section .contact-info .text a{ position: relative; font-size: 15px; font-family: 'Jost', sans-serif; line-height: 26px; color: #848484; padding: 0px 0px 0px 2px; transition: all 500ms ease; } .contact-section .contact-info .text a:hover{ color: #fab740; transition: all 500ms ease; } .sights img { width: auto; max-width: 100%; border-radius: 3px; box-shadow: 0 5px 5px rgba(0,0,0,0.2)} .h-tagline {text-align: center;} .h-tagline h1{color: #ffbe4d} .h-tagline p{font-family: 'Jost', sans-serif; color: #fff; font-size: 24px;} .h-tagline a {width: 150px; padding: 10px 15px; color:#fff; background: #ffb024; font-weight: 600; border: 2px solid #ffb024; text-transform: uppercase; transition: all 0.2s ease-in} .h-tagline a:hover {background: transparent;} .top-contact { color: #000; float: right; font-family: 'Jost', sans-serif; font-size: 16px; margin-top: 25px } .contact-sec {padding:20px 15px; border:1px solid #dfdfdf; background: #fff; margin-bottom: 40px} .contact-sec img{width: auto; max-width: 100%; margin:10px auto; border: 2px solid #ababab} .contact-sec h3 {font-size: 30px; color:#921f22;} .contact-sec p {font-family: 'Jost', sans-serif; color:#4b4b4b;} .contact-sec p b {color:#921f22} .contact-sec p a {font-weight: 400; color: #1b1b1b;} .contact-sec p a:hover { color: #921f22; border-bottom: 1px solid #921f22} .sightseeing-sec { font-family: 'Jost', sans-serif; color:#2b2b2b; text-align: justify;} .sightseeing-sec .list {margin-bottom: 30px;} .sightseeing-sec .list li{ position: relative; font-size: 15px; font-family: 'Jost', sans-serif; line-height: 26px; color: #2b2b2b; margin-bottom: 6px; padding: 0px 0px 0px 24px; } .sightseeing-sec .list li:before{ position: absolute; content: "\f00c"; font-family: 'FontAwesome'; left: 0px; top: 2px; font-size: 13px; margin: 0px; color: #fab740; } .sightseeing-sec .list b {color:#5f0c0e} .sightseeing-sec img { width: auto; max-width: 100%; margin:5px auto 15px auto; border: 4px solid #5f0c0e; box-shadow: 0 8px 15px rgba(179, 100, 102, 0.4); display: block;} .sightseeing-sec h3 { font-size: 36px; color:#5f0c0e; } .sightseeing-sec h3 b{ font-size: 24px; color:#1b1b1b; display: block; } .side-bx {border:1px solid #bb872d; margin-bottom: 30px} .side-bx h4 {background:#bb872d; color:#fff; padding:5px 10px; margin:0; font-size: 18px;} .side-bx h5 {background:#bb872d; color:#fff; padding:5px 10px; margin:0; font-size: 16px;} .side-bx p {padding:5px 10px} .side-bx .list {padding:5px 10px; margin-bottom: 15px } .side-bx a {background: #2b2b2b; width: 100%; display: block; text-align: center; color: #fff; padding:8px 15px; } .hotel-detail-sec { font-family: 'Jost', sans-serif; color:#2b2b2b; text-align: justify;} .hotel-detail-sec .list {margin-bottom: 30px;} .hotel-detail-sec .list li{ position: relative; font-size: 15px; font-family: 'Jost', sans-serif; line-height: 26px; color: #2b2b2b; margin-bottom: 6px; padding: 0px 0px 0px 24px; } .hotel-detail-sec .list li:before{ position: absolute; content: "\f00c"; font-family: 'FontAwesome'; left: 0px; top: 2px; font-size: 13px; margin: 0px; color: #fab740; } .hotel-detail-sec .list b {color:#5f0c0e} .hotel-detail-sec h3 { font-size: 36px; color:#5f0c0e; } .hotel-detail-sec h3 b{ font-size: 24px; color:#1b1b1b; display: block; } .hotel-detail-sec h4 b{ font-size: 24px; color:#5f0c0e; } .hotel-detail-sec .gallery-section {margin:0 -25px;} .price-box {background-color:#5f0c0e; color:#fff; font-size: 18px; text-align: center; padding:25px 20px; border-radius: 10px; box-shadow:0 8px 15px rgba(95, 12, 14, 0.6); margin-bottom: 40px; transition: all 0.15s ease-in; display: block;} .price-box p {margin:0; transition: all 0.15s ease-in} .price-box:hover {background:#bb872d } .price-box:hover p{color:#fff; } .hotel-detail-sec table {width: 100%; border:1px solid #6b6b6b;} .hotel-detail-sec table th {border:1px solid #6b6b6b; padding:6px 15px; background: #ffe7bd} .hotel-detail-sec table td {border:1px solid #6b6b6b; padding:6px 15px;} .dewachen-promo {background:url(../images/dewa-bg.jpg); background-attachment: fixed; padding:0 0 40px 0} .dewachen-promo h4 { font-family: 'Playball',sans-serif; line-height: 1.5; font-size: 24px; color: #8c0c0f; } .dewachen-promo p {color: #2b2b2b; font-size: 15px; font-family: 'Jost', sans-serif;} .dewachen-promo a {background:#8c0c0f; padding:12px 25px; color: #fff} .logo-sec{ background: #fff; padding:5px 0; } .carousel-inner img{ width:100%; } .footer-icon img{ width:25px; } .footer-icon li{ display:inline; margin-right: 10px; } .attractions img{ width:100%; } .attractions{ display: flex; align-items: center; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; } .attractions .col-sm-6{ padding:0; } .content-atr { padding:20px !important; } .footer-section { padding-top: 250px; } @media only screen and (max-width: 600px) { .about-us { Padding:40px !important; } .footer-section { padding-top: 80px; } } /-==sidebar Form== / .sidebar-contact{ position:fixed; top:50%; left:-325px; transform:translateY(-50%); width:325px; height:auto; padding:15px; background:#fff; box-shadow: 0 10px 25px rgba(0,0,0,0.1); box-sizing:border-box; transition:0.5s; z-index:99999; } .sidebar-contact.active{ left:0; } .sidebar-contact input, .sidebar-contact textarea{ width:100%; height:36px; padding:5px; margin-bottom:10px; box-sizing:border-box; border:1px solid rgba(0,0,0,.5); outline:none; } .sidebar-contact h2{ margin:0 0 20px; padding:0; } .sidebar-contact textarea{ height:60px; resize:none; } .sidebar-contact input[type="submit"]{ background:#00bcd4; color:#fff; cursor:pointer; border:none; font-size:18px; } .toggle{ position:absolute; height:48px; width:48px; text-align:center; cursor:pointer; background:#f00; top:0; right:-48px; line-height:48px; } .toggle:before{ content:'\f003'; font-family:fontAwesome; font-size:18px; color:#fff; } .toggle.active:before{ content:'\f00d'; } .toggle-btn { background: #f00; width: 48px; height: 140px; border-top: solid 1px #000; margin-top: -5px; } .toggle p { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); white-space: nowrap; position: relative; top: 70px; color: #fff; font-weight: bold; background: #f00; font-size: 17px; } @media(max-width:768px) { .sidebar-contact{ width:100%; height:auto; left:-100%; } .sidebar-contact .toggle{ top:50%; transform:translateY(-50%); transition:0.5s; } .sidebar-contact.active .toggle { top:0; right:0; transform:translateY(0); } .scroll{ width:100%; height:100%; overflow-y:auto; } .content{ padding:50px 50px; } } /-==sidebar Form end== / /-==Dropdwon Menu== */ .dropdown { position: relative; display: inline-block; } .dropdown-content { display: none; position: absolute; background-color: #f9f9f9; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; } .dropdown-content a { color: black; padding: 0px 16px; margin: 6px 0px; text-decoration: none; display: block; text-transform:uppercase; } .dropdown:hover .dropdown-content { display: block; }

| ver. 1.4 | Github | . | PHP 7.4.33 | Generation time: 0.02 | proxy | phpinfo | Settings