File manager - Edit - /home/asiatechinc/public_html/asiatech-websites/deorchidgoa.com/assets/css/style.css
Back
@import url('https://fonts.googleapis.com/css2?family=Yeseva+One&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&family=Yeseva+One&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap'); * { margin:0px; padding:0px; border:none; outline:none; } body { font-size:18px; color:#8d8b8a; line-height:28px; font-weight:400; background:#ffffff; font-family: "Nunito", sans-serif; background-size:cover; background-repeat:no-repeat; background-position:center top; -webkit-font-smoothing: antialiased; } @media (min-width:1200px) { .container { max-width: 1200px; padding: 0px 15px; } } .large-container{ max-width: 1550px; padding: 0px 15px; margin: 0 auto; } .container-fluid{ padding: 0px; } .auto-container{ position:static; max-width:1200px; padding:0px 15px; margin:0 auto; } .small-container{ max-width:680px; margin:0 auto; } .boxed_wrapper{ position: relative; margin: 0 auto; overflow: hidden !important; width: 100%; min-width: 300px; } a{ text-decoration: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; } a:hover{ text-decoration:none; outline:none; } input,button,select,textarea{ font-family: "Nunito", sans-serif; font-weight: 400; font-size: 16px; background: transparent; } ::-webkit-input-placeholder { color: inherit; } ::-moz-input-placeholder { color: inherit; } ::-ms-input-placeholder { color: inherit; } ul,li{ list-style:none; padding:0px; margin:0px; } input{ transition: all 500ms ease; } button:focus, input:focus, textarea:focus{ outline: none; box-shadow: none; transition: all 500ms ease; } p{ position: relative; font-family: "Nunito", sans-serif; color: #4f4f4f; font-weight: 400; margin: 0px; transition: all 500ms ease; } h1,h2,h3,h4,h5,h6{ position:relative; font-family: "Nunito", sans-serif; font-weight: 600; color: #0a0807; margin: 0px; transition: all 500ms ease; } /* Preloader */ .handle-preloader { align-items: center; -webkit-align-items: center; display: flex; display: -ms-flexbox; height: 100%; justify-content: center; -webkit-justify-content: center; position: fixed; background: #0a0807; left: 0; top: 0; width: 100%; z-index: 9999999; } .preloader-close{ position: fixed; z-index: 99999999; font-size: 26px; background: #fff; width: 40px; height: 40px; line-height: 36px; text-align: center; border-radius: 50%; cursor: pointer; right: 30px; top: 30px; } .handle-preloader .animation-preloader { position: absolute; z-index: 100; } .handle-preloader .animation-preloader .spinner{ animation: spinner 1s infinite linear; border-radius: 50%; height: 150px; margin: 0 auto 45px auto; width: 150px; } .handle-preloader .animation-preloader .txt-loading { text-align: center; user-select: none; } .handle-preloader .animation-preloader .txt-loading .letters-loading:before{ animation: letters-loading 4s infinite; content: attr(data-text-preloader); left: 0; opacity: 0; top:0; position: absolute; } .handle-preloader .animation-preloader .txt-loading .letters-loading{ font-family: "Nunito", sans-serif; letter-spacing: 5px; display: inline-block; position: relative; font-size: 50px; line-height: 50px; /* text-transform: capitalize;*/ } .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(2):before {animation-delay: 0.2s;} .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(3):before {animation-delay: 0.4s;} .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(4):before {animation-delay: 0.6s;} .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(5):before {animation-delay: 0.8s;} .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(6):before { animation-delay: 1s;} .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(7):before { animation-delay: 1.2s;} .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(8):before { animation-delay: 1.4s;} .handle-preloader .loader-section { background-color: #ffffff; height: 100%; position: fixed; top: 0; width: calc(50% + 1px); } .preloader .loaded .animation-preloader { opacity: 0; transition: 0.3s ease-out; } .handle-preloader .animation-preloader .txt-loading .letters-loading{ color: #ffffff; } .handle-preloader .animation-preloader .txt-loading .letters-loading:before{ color: #ffffff; } .handle-preloader .animation-preloader .spinner{ border: 3px solid #ffffff; border-top-color: rgba(255, 255, 255, 0.5); } /* Animación del preloader */ @keyframes spinner { to { transform: rotateZ(360deg); } } @keyframes letters-loading { 0%, 75%, 100% { opacity: 0; transform: rotateY(-90deg); } 25%, 50% { opacity: 1; transform: rotateY(0deg); } } @media screen and (max-width: 767px) { .handle-preloader .animation-preloader .spinner { height: 8em; width: 8em; } } @media screen and (max-width: 500px) { .handle-preloader .animation-preloader .spinner { height: 7em; width: 7em; } .handle-preloader .animation-preloader .txt-loading .letters-loading {font-size: 30px; letter-spacing: 10px;} } .centred{ text-align: center; } .pull-left{ float: left; } .pull-right{ float: right; } .special_fonts{ font-family: 'DM Sans', sans-serif; } figure{ margin: 0px; } img { display: inline-block; max-width: 100%; height: auto; transition-delay: .1s; transition-timing-function: ease-in-out; transition-duration: .7s; transition-property: all; } /** button **/ .theme-btn{ position: relative; display: inline-block; overflow: hidden; vertical-align: middle; font-size: 14px; line-height: 24px; font-weight: 600; font-family: "Nunito", sans-serif; text-align: center; padding: 14px 30px; border-radius: 30px; text-transform: uppercase; z-index: 1; transition: all 500ms ease; } .theme-btn.btn-one{ background: #1e6537; color: #ffffff; } .theme-btn.btn-one:hover{ color: #fff; } .theme-btn.btn-two{ overflow: visible; border: 1px solid #1b1919; color: #1b1919; border-radius: 0px; padding: 10px 24px; } .theme-btn.btn-two:hover{ color: #fff; } .icon-box img { width:85px } .theme-btn.btn-two:before{ position: absolute; content: ''; background: #1b1919; width: 1px; height: calc(100% + 2px); left: -6px; top: -1px; transition: all 500ms ease; } .theme-btn.btn-two:after{ position: absolute; content: ''; background: #1b1919; width: 1px; height: calc(100% + 2px); right: -6px; top: -1px; transition: all 500ms ease; } .theme-btn.btn-two:hover:before, .theme-btn.btn-two:hover:after{ width: 6px; } .row{ --bs-gutter-x: 30px; } .pagination{ position: relative; display: block; } .pagination li{ position: relative; display: inline-block; margin-right: 12px; } .pagination li:last-child{ margin: 0px !important; } .pagination li a{ position: relative; display: inline-block; font-size: 22px; height: 54px; width: 54px; line-height: 54px; border: 1px solid #e3e0de; font-family: "Nunito", sans-serif; text-align: center; color: #0a0807; border-radius: 50%; z-index: 1; transition: all 500ms ease; } .pagination li a:hover, .pagination li a.current{ color: #fff; } .pagination li i{ position: relative; display: inline-block; color: #8d8b8a; font-size: 34px; top: 4px; transition: all 500ms ease; } .pagination li:first-child a{ transform: rotate(180deg); } .pagination li:first-child a, .pagination li:last-child a{ top: 4px; } .pagination li a:hover i{ color: #fff; } .sec-pad{ padding: 30px 0px 40px 0px; } .mr-0{ margin: 0px !important; } .scroll-top{ position: absolute; right: 70px; bottom: 130px; transform: rotate(-90deg); } .scroll-top .text{ position: absolute; display: inline-block; font-size: 14px; line-height: 24px; font-weight: 600; text-transform: uppercase; color: #fff; padding-left: 50px; transition: all 500ms ease; } .scroll-top .text:hover{ transform: scale(1.01); } .scroll-top .text i{ position: absolute; left: 0px; top: -4px; font-size: 34px; } .sec-title{ position: relative; display: block; margin-bottom: 25px; } .sec-title .sub-title{ position: relative; display: block; font-size: 32px; line-height: 40px; font-family: 'Carattere', cursive; margin-bottom: 8px; text-transform: capitalize; } .sec-title h2{ position: relative; display: block; font-size: 40px; line-height: 40px; text-transform: capitalize; margin: 0px; } .sec-title.light h2{ color: #fff; } .owl-dots-none .owl-dots, .owl-nav-none .owl-nav{ display: none !important; } /** main-header **/ .main-header{ position:relative; left:0px; top:0px; right: 0px; z-index:999; width:100%; 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%; z-index:0; background-color: #fff; border-bottom: 1px solid rgba(255, 255, 255, 0.10); 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; background: #efefdd; 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; } /*** Search Popup ***/ .search-popup { position: fixed; left: 0; top: 0px; width: 100%; height: 100%; z-index: 99999; visibility: hidden; opacity: 0; overflow: auto; background: rgba(0, 0, 0, 0.80); -webkit-transform: translateY(101%); -ms-transform: translateY(101%); transform: translateY(101%); transition: all 700ms ease; -moz-transition: all 700ms ease; -webkit-transition: all 700ms ease; -ms-transition: all 700ms ease; -o-transition: all 700ms ease; } .search-popup.popup-visible { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); visibility: visible; opacity: 1; } .search-popup .popup-inner{ width: 100%; background: #fff; height: 100%; } .search-popup .upper-box{ position: relative; padding: 70px 70px; z-index: 1; } .search-popup .overlay-layer { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; display: block; } .search-popup .close-search { position: relative; font-size: 22px; color: #141417; cursor: pointer; z-index: 5; top: 11px; transition: all 500ms ease; } .search-popup .close-search:hover { color: red; } .search-popup .search-form { position: relative; width: 100%; padding: 100px 0px 250px 0px; } .search-popup .search-form .form-group{ position: relative; margin: 0px; } .search-popup .search-form fieldset input[type="search"] { position: relative; height: 90px; padding: 20px 0px; background: #ffffff; line-height: 30px; font-size: 20px; color: #808080; border: none; font-weight: 400; border-radius: 0px; padding-right: 50px; border-bottom: 1px solid #e5e5e5; } .search-popup .search-form fieldset button[type="submit"] { position: absolute; top: 30px; right: 0px; font-size: 22px; color: #141417; cursor: pointer; transition: all 500ms ease; } .search-popup .search-form fieldset input[type="search"]:focus{ border-color: #141417; } .search-popup .form-control:focus{ box-shadow: none !important; } /** header-top **/ .header-top{ position: relative; width: 100%; background:#1e6537; padding: 6px 0px; } .header-top .outer-container{ position: relative; padding: 0px 60px; } .header-top .top-inner{ position: relative; display: flex; align-items: center; justify-content: space-between; } .header-top .top-inner .info-list li{ position: relative; display: inline-block; float: left; font-size: 16px; color: #bdb9b5; margin-right: 30px; padding-left: 30px; } .header-top .top-inner .info-list li p{ color: #fff; } .header-top .top-inner .info-list li span{ position: relative; margin-right: 21px; color: #bdb9b5; } .header-top .top-inner .info-list li span:last-child{ margin: 0px; } .header-top .top-inner .info-list li span:before{ position: absolute; content: ''; background: rgba(255, 255, 255, 0.25); width: 1px; height: 14px; top: 3px; right: -12px; } .header-top .top-inner .info-list li span:last-child:before{ display: none; } .header-top .top-inner .info-list li:last-child{ margin: 0px !important; } .header-top .top-inner .info-list li i{ position: absolute; left: 0px; top: 3px; font-size: 20px; } .header-top .top-inner .text p{ color: #bdb9b5; font-size: 16px; } .header-top .top-inner .text{ position: relative; display: inline-block; padding-left: 22px; padding-right: 22px; } .header-top .top-inner .text:before, .header-top .top-inner .text:after{ position: absolute; content: ''; background-image: url(../images/icons/icon-1.png); top: 9px; width: 12px; height: 12px; background-repeat: no-repeat; } .header-top .top-inner .text:before{ left: 0px; } .header-top .top-inner .text:after{ right: 0px; } .header-top .social-links li{ position: relative; display: inline-block; float: left; margin-right: 18px; font-size: 16px; } .header-top .social-links li:last-child{ margin: 0px; } .header-top .social-links li a{ display: inline-block; color: #fff; } .header-top .social-links li a:hover{ } .header-top .social-links li i{ position: relative; top: 3px; font-size: 18px; } .header-top .social-links li:before{ position: absolute; content: ''; background: #6a6a6b; width: 2px; height: 2px; right: -10px; bottom: 8px; border-radius: 50%; } .header-top .social-links li:first-child{ margin-right: 8px; } .header-top .social-links li:first-child:before, .header-top .social-links li:last-child:before{ display: none; } .header-top .social-links{ margin-right: 30px; } .header-top .top-right{ position: relative; display: flex; align-items: center; } .header-top .option-list li{ position: relative; display: inline-block; float: left; margin-right: 18px; font-size: 16px; } .header-top .option-list li:last-child{ margin: 0px; } .header-top .option-list li a{ display: inline-block; color: #bdb9b5; } .header-top .option-list li a:hover{ } .header-top .option-list li i{ position: relative; top: 3px; font-size: 18px; } .header-top .option-list li:before{ position: absolute; content: ''; background: #6a6a6b; width: 2px; height: 2px; right: -10px; bottom: 8px; border-radius: 50%; } .header-top .option-list li:first-child{ margin-right: 8px; } .header-top .option-list li:first-child:before, .header-top .option-list li:last-child:before{ display: none; } /** xs-sidebar **/ .xs-sidebar-group .xs-overlay{ left:0%; top:0; position:fixed; max-height: 1030px; opacity:0; width:100%; visibility:hidden; -webkit-transition:all .4s ease-in .8s; -o-transition:all .4s ease-in .8s; transition:all .4s ease-in .8s; cursor:url(../images/icons/cross-out.png), pointer; z-index: 2; } .xs-sidebar-group.isActive .xs-overlay{ opacity:.95; visibility:visible; -webkit-transition:all .8s ease-out 0s; -o-transition:all .8s ease-out 0s; transition:all .8s ease-out 0s; right:100%; } .xs-sidebar-widget{ position:fixed; left:-100%; top:0; bottom:0; width:100%; max-width:715px; padding-right: 260px; overflow: hidden; max-height: 1030px; z-index:11; -webkit-overflow-scrolling:touch; -webkit-transition:all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s; -o-transition:all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s; transition:all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s; visibility:hidden; opacity:0; } .xs-sidebar-group.isActive .xs-sidebar-widget{ opacity:1; visibility:visible; left:0; -webkit-transition:all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s; -o-transition:all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s; transition:all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s; } .sidebar-textwidget{ padding: 184px 60px 101px 60px; } .sidebar-widget-container{ position:relative; top:0px; left: -50px; opacity:0; background-color:#0a0807; visibility:hidden; -webkit-transition:all .3s ease-in .3s; -o-transition:all .3s ease-in .3s; transition:all .3s ease-in .3s; -webkit-backface-visibility:hidden; backface-visibility:hidden; } .xs-sidebar-group.isActive .sidebar-widget-container{ opacity:1; left: 0px; visibility:visible; -webkit-backface-visibility:hidden; backface-visibility:hidden; } .xs-overlay{ position:absolute; top:0; left:0; height:100%; width:100%; opacity:.5; z-index:0; } .xs-bg-black{ } .xs-sidebar-group .content-inner .title-text{ position: relative; display: block; margin-bottom: 19px; } .xs-sidebar-group .content-inner .title-text h3{ font-size: 24px; line-height: 32px; color: #fff; text-transform: uppercase; } .xs-sidebar-group .content-inner .form-inner .form-group{ position: relative; margin-bottom: 20px; } .xs-sidebar-group .content-inner .form-inner .form-group:last-child{ margin-bottom: 0px; } .xs-sidebar-group .content-inner .form-inner .form-group input[type='text'], .xs-sidebar-group .content-inner .form-inner .form-group input[type='email'], .xs-sidebar-group .content-inner .form-inner .form-group textarea{ position: relative; display: block; width: 100%; height: 50px; border: 1px solid #e5e5e5; font-size: 15px; padding: 10px 20px; color: #848484; transition: all 500ms ease; } .xs-sidebar-group .content-inner .form-inner .form-group textarea{ resize: none; height: 120px; } .xs-sidebar-group .content-inner .form-inner .form-group input:focus, .xs-sidebar-group .content-inner .form-inner .form-group textarea:focus{ } .xs-sidebar-group .content-inner .info-box{ position: relative; display: block; padding-bottom: 32px; margin-bottom: 39px; border-bottom: 1px solid #312d2b; } .xs-sidebar-group .content-inner .info-box h3{ display: block; font-size: 22px; line-height: 32px; color: #fff; } .xs-sidebar-group .content-inner .info-box h3 a{ display: inline-block; margin-top: 13px; } .xs-sidebar-group .content-inner .info-box h3 a:hover{ color: #fff; } .xs-sidebar-group .content-inner .payment-list li{ position: relative; display: inline-block; float: left; margin-right: 10px; } .xs-sidebar-group .content-inner .payment-list li:last-child{ margin: 0px; } .sidebar-menu{ position: relative; display: block; width: 100%; margin-bottom: 151px; padding-left: 35px; } .sidebar-menu:before, .sidebar-menu:after{ position: absolute; content: ''; width: 1px; height: 298px; } .sidebar-menu:before{ left: 6px; bottom: 0px; } .sidebar-menu:after{ left: 0px; bottom: 10px; } .sidebar-menu > li{ display: block; position: relative; } .sidebar-menu > li > a{ position: relative; display: block; font-size: 14px; line-height: 24px; font-family: "Nunito", sans-serif; color: #fff; font-weight: 600; text-transform: uppercase; padding: 15px 0px; border-bottom: 1px solid #312d2b; } .sidebar-menu > li > a:hover{ } .sidebar-menu > li.dropdown > a:before{ position: absolute; content: "\f12c"; font-family: 'flaticon'; font-size: 10px; top: 15px; right: 0px; } .sidebar-menu > li.dropdown ul{ position: absolute; top: 0px; left: 100%; margin-left: 60px; width: 260px; padding: 0px 30px; opacity: 0; visibility: hidden; transform: scaleX(0); transform-origin: left center; transition: all 500ms ease; } .sidebar-menu > li.dropdown ul:before{ position: absolute; content: ''; background: rgba(10, 8, 7, 0.88); width: 100%; height: 1500px; left: 0px; top: -500px; } .sidebar-menu > li.dropdown ul:after{ position: absolute; content: ''; left: -60px; top: 0px; width: 60px; height: 100%; background: transparent; } .sidebar-menu > li.dropdown:hover ul{ opacity: 1; visibility: visible; transform: scaleX(1); } .sidebar-menu > li.dropdown ul li{ position: relative; display: block; } .sidebar-menu > li.dropdown ul li a{ position: relative; display: block; font-size: 18px; line-height: 24px; font-family: "Nunito", sans-serif; color: #bdb9b5; font-weight: 400; text-transform: capitalize; padding: 15px 0px; border-bottom: 1px solid #312d2b; } .sidebar-menu > li.dropdown ul li a:hover{ } .sidebar-menu > li.dropdown ul li:last-child a{ border-bottom: none; } /** header-lower **/ .header-lower{ position: relative; } .header-lower .outer-container{ position: absolute; left: 0px; top: 0px; width: 100%; background: #fff; } .main-header .outer-box{ position: relative; display: flex; align-items: center; justify-content: space-between; padding: 0px 60px; } .main-header .outer-box .main-box{ position: relative; display: flex; align-items: center; justify-content: space-between; width: 76%; } .main-header .nav-toggler{ position: relative; display: inline-block; font-size: 14px; color: #fff; font-weight: 600; text-transform: uppercase; padding-left: 40px; margin-right: 80px; cursor: pointer; transition: all 500ms ease; } .main-header .nav-toggler:hover{ } .main-header .nav-toggler i{ position: absolute; left: 0px; top: 1px; font-size: 26px; } .main-header .nav-toggler:before{ position: absolute; content: ''; background: #fff; width: 1px; height: 40px; top: -6px; right: -40px; opacity: 0.2; } .main-header .logo-box{ padding: 5px 0px; margin-right: 65px; } .main-header .menu-right-content{ position: relative; display: flex; align-items: center; } .main-header .menu-right-content .search-box-outer{ position: relative; display: block; font-size: 14px; line-height: 24px; color: #fff; font-weight: 600; text-transform: uppercase; padding-left: 40px; margin-right: 63px; cursor: pointer; padding-bottom: 9px; transition: all 500ms ease; } .main-header .menu-right-content .search-box-outer:before{ position: absolute; content:''; background-image: url(../images/icons/icon-1.png); width: 12px; height: 12px; top: 12px; right: -37px; background-repeat: no-repeat; } .main-header .menu-right-content .search-box-outer .icon-box{ position: absolute; left: 0px; top: 4px; font-size: 26px; } .main-header .menu-right-content .search-box-outer span{ position: relative; } .main-header .menu-right-content .search-box-outer span:before{ position: absolute; content: ''; background-image: url(../images/shape/shape-1.png); width: 100%; height: 2px; left: 0px; bottom: -9px; } .main-header .menu-right-content .language-box{ position: relative; display: inline-block; position: relative; display: block; font-size: 14px; line-height: 24px; color: #fff; font-weight: 600; text-transform: uppercase; padding-left: 40px; cursor: pointer; margin-right: 40px; padding-bottom: 9px; transition: all 500ms ease; } .main-header .menu-right-content .language-box span:after{ position: absolute; content: "\f106"; font-family: 'flaticon'; font-size: 10px; top: -3px; right: 0px; } .main-header .menu-right-content .language-box:after{ position: absolute; content: ''; width: 100%; height: 20px; left: 0px; bottom: -20px; background: transparent; } .main-header .menu-right-content .language-box .icon-box{ position: absolute; left: 0px; top: 4px; font-size: 26px; } .main-header .menu-right-content .language-box span{ position: relative; padding-right: 19px; } .main-header .menu-right-content .language-box span:before{ position: absolute; content: ''; background-image: url(../images/shape/shape-1.png); width: 100%; height: 2px; left: 0px; bottom: -9px; } .main-header .menu-right-content .language-box .language-dropdown{ position: absolute; top: 50px; right: 0px; width: 120px; border-radius: 5px; padding: 10px 0px; background: #0a0807; opacity: 0; visibility: hidden; transition: all 500ms ease; } .main-header .menu-right-content .language-box:hover .language-dropdown{ top: 40px; opacity: 1; visibility: visible; } .main-header .menu-right-content .language-box .language-dropdown li{ position: relative; display: block; font-size: 14px; font-weight: 600; padding: 0px 15px; text-transform: capitalize; margin-bottom: 6px; color: #bdb9b5; } .main-header .menu-right-content .language-box .language-dropdown li button{ position: relative; display: inline-block; color: #bdb9b5; cursor: pointer; transition: all 500ms ease; } .main-header .menu-right-content .language-box .language-dropdown li button:hover{ } .main-header .menu-right-content .language-box .language-dropdown li:last-child{ margin-bottom: 0px; } /** main-menu **/ .main-menu{ float: left; } .main-menu .navbar-collapse{ padding:0px; display:block !important; } .main-menu .navigation{ margin:0px; } .main-menu .navigation > li{ position:inherit; float:left; z-index:2; margin: 0px 20px; display: none; -webkit-transition:all 300ms ease; -moz-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; transition:all 300ms ease; } .main-menu .navigation > li:last-child{ margin-right:0px !important; } .main-menu .navigation > li:first-child{ margin-left: 0px !important; } .main-menu .navigation > li:nth-child(3), .main-menu .navigation > li:nth-child(4), .main-menu .navigation > li:nth-child(5){ display: block; } .main-menu .navigation > li > a{ position:relative; display:block; text-align:center; font-size:14px; line-height:30px; padding: 15px 0px; font-weight:600; font-family: "Nunito", sans-serif; opacity:1; color: #000; z-index:1; text-transform: uppercase; -webkit-transition:all 500ms ease; -moz-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease; } .main-menu .navigation > li.dropdown > a{ padding-right: 20px; } .main-menu .navigation > li.current > a, .main-menu .navigation > li:hover > a{ } .main-menu .navigation > li.dropdown > a:before{ position: absolute; content: "\f106"; font-family: 'flaticon'; top: 15px; right: 0px; font-size: 10px; } .main-menu .navigation > li > ul, .main-menu .navigation > li > .megamenu{ position:absolute; left: inherit; top:100%; width: 230px; margin-top: 15px; z-index:100; background: #0a0807; display:none; opacity: 0; visibility: hidden; border-radius: 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; } .main-menu .navigation > li > .megamenu{ background: #212226; } .main-menu .navigation > li > .megamenu a{ display: inline-block !important; } .main-menu .navigation > li > ul.from-right{ left:auto; right:0px; } .main-menu .navigation > li > ul > li{ position:relative; width:100%; padding: 0px 30px; } .main-menu .navigation > li > ul > li > a, .main-menu .navigation > li > .megamenu li > a{ position:relative; display:block; line-height:24px; font-weight:400; font-size:18px; font-family: "Nunito", sans-serif; color:#bdb9b5; text-align: left; padding: 10px 0px; text-transform: capitalize; transition:all 500ms ease; border-bottom: 1px solid #312d2b; -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:last-child a{ border-bottom: none; } .main-menu .navigation > li > ul > li > a:before{ position: absolute; content: ''; width: 10px; height: 10px; border-radius: 50%; left: 0px; top: 7px; opacity: 0; transition: all 500ms ease; } .main-menu .navigation > li > ul > li > a:hover:before{ opacity: 1; } .main-menu .navigation > li > .megamenu li > a{ padding-left: 0px; padding-right: 0px; } .main-menu .navigation > li > .megamenu h4{ display: block; font-size: 20px; line-height: 30px; color: #ffffff; } .main-menu .navigation > li > ul > li > a:hover, .main-menu .navigation > li > .megamenu li > a:hover{ padding-left: 15px; } .main-menu .navigation > li > ul > li:last-child > a, .main-menu .navigation > li > .megamenu li:last-child > a{ border-bottom: none; } .main-menu .navigation > li > ul > li.dropdown > a:after{ font-family: 'Font Awesome 6 Free'; content: "\f105"; position:absolute; right:20px; top:16px; display:block; line-height:24px; font-size:16px; font-weight:700; text-align:center; z-index:5; } .main-menu .navigation > li > ul > li > ul{ position:absolute; left:100%; top:0%; margin-top: 15px; margin-left: 10px; width:240px; z-index:100; display:none; border-radius: 0px; background: #0a0807; 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 > ul:before{ position: absolute; content: ''; left: -10px; top: 0px; width: 10px; height: 100%; } .main-menu .navigation > li > ul > li > ul.from-right{ left:auto; right:0px; } .main-menu .navigation > li > ul > li > ul > li{ position:relative; width:100%; padding: 0px 30px; } .main-menu .navigation > li > ul > li > ul > li:last-child{ border-bottom:none; } .main-menu .navigation > li > ul > li > ul > li > a{ position:relative; display:block; line-height:24px; font-weight:400; font-size:18px; font-family: "Nunito", sans-serif; color:#bdb9b5; text-align: left; padding: 15px 0px; border-bottom: 1px solid #312d2b; 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 > ul > li:last-child > a{ border-bottom: none; } .main-menu .navigation > li > ul > li > ul > li > a:before{ position: absolute; content: ''; width: 10px; height: 10px; border-radius: 50%; left: 0px; top: 7px; opacity: 0; transition: all 500ms ease; } .main-menu .navigation > li > ul > li > ul > li > a:hover:before{ opacity: 1; } .main-menu .navigation > li > ul > li > ul > li > a:hover{ padding-left: 18px; color: #c4a006; } .main-menu .navigation > li > ul > li > ul > li.dropdown > a:after{ font-family: 'Font Awesome 5 Pro'; content: "\f105"; position:absolute; right:20px; top:12px; display:block; line-height:24px; font-size:16px; font-weight:900; z-index:5; } .main-menu .navigation > li.dropdown:hover > ul, .main-menu .navigation > li.dropdown:hover > .megamenu{ visibility:visible; opacity:1; margin-top: 0px; top: 100%; } .main-menu .navigation li > ul > li.dropdown:hover > ul{ visibility:visible; opacity:1; top: 0%; margin-top: 0px; } .main-menu .navigation li.dropdown .dropdown-btn{ position:absolute; right:-32px; top:66px; width:34px; height:30px; text-align:center; font-size:18px; line-height:26px; color:#3b3b3b; cursor:pointer; display: none; z-index:5; transition: all 500ms ease; } .main-menu .navigation li.current.dropdown .dropdown-btn, .main-menu .navigation li:hover .dropdown-btn{ } .main-menu .navigation li.dropdown ul li.dropdown .dropdown-btn{ display: none; } .menu-area .mobile-nav-toggler { position: relative; float: right; font-size: 40px; line-height: 50px; cursor: pointer; color: #3786ff; display: none; } .menu-area .mobile-nav-toggler .icon-bar{ position: relative; height: 2px; width: 30px; display: block; margin-bottom: 5px; background-color: #000; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .menu-area .mobile-nav-toggler .icon-bar:last-child{ margin-bottom: 0px; } .sticky-header .main-menu .navigation > li > a{ padding-top: 25px; padding-bottom: 25px; } .sticky-header .main-menu .navigation > li > a:before{ top: 25px; } .sticky-header .logo-box{ padding: 2px 0px 0px 0px; } .language{ position: relative; text-align: left; } /** megamenu-style **/ .main-menu .navigation > li.dropdown > .megamenu{ position: absolute; width: 100%; padding: 30px 50px; left: 0px; } .main-menu .navigation li.dropdown .megamenu li h4{ margin-bottom: 10px; } /** mobile-menu **/ .nav-outer .mobile-nav-toggler{ position: relative; float: right; font-size: 40px; line-height: 50px; cursor: pointer; color:#3786ff; display: none; } .mobile-menu{ position: fixed; right: 0; top: 0; width: 300px; padding-right:30px; max-width:100%; height: 100%; opacity: 0; visibility: hidden; z-index: 999999; transition: all 900ms ease; } .mobile-menu .navbar-collapse{ display:block !important; } .mobile-menu .nav-logo{ position:relative; padding:50px 25px; text-align:left; padding-bottom: 25px; } .mobile-menu-visible{ overflow: hidden; } .mobile-menu-visible .mobile-menu{ opacity: 1; visibility: visible; } .mobile-menu .menu-backdrop{ position: fixed; left: 0%; top: 0; width: 100%; height: 100%; z-index: 1; transition: all 900ms ease; background-color: #000; } .mobile-menu-visible .mobile-menu .menu-backdrop{ opacity: 0.70; visibility: visible; right: 100%; -webkit-transition: all .8s ease-out 0s; -o-transition: all .8s ease-out 0s } .mobile-menu .menu-box{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; max-height: 100%; overflow-y: auto; background: #0a0807; padding: 0px 0px; z-index: 5; opacity: 0; visibility: hidden; border-radius: 0px; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); transition: all 900ms ease !important; } .mobile-menu-visible .mobile-menu .menu-box{ opacity: 1; visibility: visible; -webkit-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } .mobile-menu .close-btn{ position: absolute; right: 25px; top: 10px; line-height: 30px; width: 24px; text-align: center; font-size: 16px; color: #ffffff; cursor: pointer; z-index: 10; -webkit-transition:all 0.9s ease; -moz-transition:all 0.9s ease; -ms-transition:all 0.9s ease; -o-transition:all 0.9s ease; transition:all 0.9s ease; } .mobile-menu-visible .mobile-menu .close-btn{ -webkit-transform:rotate(360deg); -ms-transform:rotate(360deg); transform:rotate(360deg); } .mobile-menu .close-btn:hover{ -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg); } .mobile-menu .navigation{ position: relative; display: block; width: 100%; float: none; } .mobile-menu .navigation li{ position: relative; display: block; border-top: 1px solid rgba(255,255,255,0.10); } .mobile-menu .navigation:last-child{ border-bottom: 1px solid rgba(255,255,255,0.10); } .mobile-menu .navigation li > ul > li:first-child{ border-top: 1px solid rgba(255,255,255,0.10); } .mobile-menu .navigation li > a{ position: relative; display: block; line-height: 24px; padding: 10px 25px; font-size: 15px; font-weight: 500; color: #ffffff; text-transform: uppercase; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } .mobile-menu .navigation li ul li > a{ font-size: 16px; margin-left: 20px; text-transform: capitalize; } .mobile-menu .navigation li > a:before{ content:''; position:absolute; left:0; top:0; height:0; border-left:5px solid #fff; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } .mobile-menu .navigation li.current > a:before{ height:100%; } .mobile-menu .navigation li.dropdown .dropdown-btn{ position:absolute; right:6px; top:6px; width:32px; height:32px; text-align:center; font-size:16px; line-height:32px; color:#ffffff; background:rgba(255,255,255,0.10); cursor:pointer; border-radius:2px; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; z-index:5; } .mobile-menu .navigation li.dropdown .dropdown-btn.open{ color: #ffffff; -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg); } .mobile-menu .navigation li > ul, .mobile-menu .navigation li > ul > li > ul, .mobile-menu .navigation > li.dropdown > .megamenu{ display: none; } .mobile-menu .social-links{ position:relative; padding:0px 25px; } .mobile-menu .social-links li{ position:relative; display:inline-block; margin:0px 10px 10px; } .mobile-menu .social-links li a{ position:relative; line-height:32px; font-size:16px; color:#ffffff; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } .mobile-menu .social-links li a:hover{ } div#mCSB_1_container{ top: 0px !important; } .mobile-menu .contact-info { position: relative; padding: 120px 30px 20px 30px; } .mobile-menu .contact-info h4 { position: relative; font-size: 20px; color: #ffffff; margin-bottom: 20px; } .mobile-menu .contact-info ul li { position: relative; display: block; font-size: 15px; color: rgba(255,255,255,0.80); margin-bottom: 3px; } .mobile-menu .contact-info ul li a{ color: rgba(255,255,255,0.80); } .mobile-menu .contact-info ul li a:hover{ } .mobile-menu .contact-info ul li:last-child{ margin-bottom: 0px; } .main-header .outer-box{ position: relative; } .nice-select{ position: relative; background: transparent; border: none; font-size: 15px; font-weight: 400; text-transform: uppercase; padding: 0px; color: #d4c0cd; padding-right: 21px; height: auto; line-height: 28px; } .tabs-box .tab{ position:relative; display:none; transition: all 900ms ease; -moz-transition: all 900ms ease; -webkit-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; } .tabs-box .tab.active-tab{ display:block; } .tabs-box .tab{ transform:scale(0.9,0.9) translateY(0px); } .tabs-box .tab.active-tab{ transform:scale(1) translateY(0px); } .special-text{ font-family: 'Carattere', cursive; } /** banner-section **/ .banner-section{ position: relative; } .banner-carousel .slide-item{ position: relative; padding: 200px 0px 200px 0px; } .banner-carousel .slide-item:before{ position: absolute; content: ''; width: 100%; height: 100%; background: -webkit-linear-gradient(-90deg, rgba(22,23,25,0.95) 5%, rgba(22,23,25,0.0) 50%); top: 0px; right: 0px; z-index: 1; } .banner-carousel .slide-item .image-layer{ position: absolute; left:0; top:0; width:100%; height:100%; background-repeat: no-repeat; background-position: center; background-size: cover; -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); -webkit-transition: all 8000ms linear; -moz-transition: all 8000ms linear; -ms-transition: all 8000ms linear; -o-transition: all 8000ms linear; transition: all 8000ms linear; } .banner-carousel .active .slide-item .image-layer{ -webkit-transform:scale(1.25); -ms-transform:scale(1.25); transform:scale(1.25); } .banner-carousel .content-box{ position: relative; width: 100%; z-index: 5; } .banner-carousel .content-box .special-text{ position: relative; display: block; font-size: 40px; line-height: 60px; margin-bottom: 12px; opacity: 0; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); -webkit-transition: all 1000ms ease; -moz-transition: all 1000ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; } .banner-carousel .active .content-box .special-text{ opacity: 1; -webkit-transition-delay: 700ms; -moz-transition-delay: 700ms; -ms-transition-delay: 700ms; -o-transition-delay: 700ms; transition-delay: 700ms; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .banner-carousel .content-box h2{ position: relative; display: block; font-size: 55px!important; line-height: 60px; font-weight:600; color: #fff; margin-bottom: 28px; text-transform: capitalize; opacity: 0; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); -webkit-transition: all 1000ms ease; -moz-transition: all 1000ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; } .banner-carousel .active .content-box h2{ opacity: 1; -webkit-transition-delay: 1000ms; -moz-transition-delay: 1000ms; -ms-transition-delay: 1000ms; -o-transition-delay: 1000ms; transition-delay: 1000ms; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .banner-carousel .content-box .btn-box{ opacity: 0; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); -webkit-transition: all 1000ms ease; -moz-transition: all 1000ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; } .banner-carousel .active .content-box .btn-box{ opacity: 1; -webkit-transition-delay: 1300ms; -moz-transition-delay: 1300ms; -ms-transition-delay: 1300ms; -o-transition-delay: 1300ms; transition-delay: 1300ms; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .banner-carousel .content-box .btn-box a{ position: relative; display: inline-block; width: 110px; height: 110px; text-align: center; background: #fff; border-radius: 50%; padding: 15px 0px 15px 0px; font-size: 14px; color: #0a0807; font-weight: 600; text-transform: uppercase; } .banner-carousel .content-box .btn-box a:hover{ color: #fff; } .banner-carousel .content-box .btn-box a i{ position: relative; display: inline-block; font-size: 34px; line-height: 20px; top: 11px; margin-bottom: 4px; transition: all 500ms ease; } .banner-carousel .content-box .btn-box a:hover i{ color: #fff; } .banner-carousel .content-box .btn-box a span{ position: relative; display: block; } .banner-section .owl-nav{ position: absolute; left: 0px; top: 47%; width: 100%; } .banner-section .owl-nav button{ position: absolute; top: 0px; font-size: 64px; color: #fff; cursor: pointer; transition: all 500ms ease; } .banner-section .owl-nav button:hover{ } .owl-nav span{ font-family: 'flaticon'; } .banner-section .owl-nav button.owl-prev{ left: 60px; transform: rotate(180deg); } .banner-section .owl-nav button.owl-next{ right: 60px; } .banner-section .search-room-inner{ position: absolute; left: 0px; bottom: 0px; width: 100%; z-index: 2; } .search-room-inner .search-content{ position: relative; display: block; background: #f1efee; text-align: left; } .search-room-inner .search-content .form-group{ position: relative; display: block; float: left; width: 16.666%; border-right: 1px solid #d3d0ce; margin: 0px; padding: 21px 40px 11px 40px; } .search-room-inner .search-content .form-group:last-child{ border: none; padding: 0px; } .search-room-inner .search-content .form-group label{ position: relative; display: block; font-size: 14px; line-height: 24px; color: #0a0807; font-weight: 600; text-transform: uppercase; margin-bottom: 5px; } .search-room-inner .search-content .form-group input[type='text'], .search-room-inner .search-content .form-group .nice-select{ position: relative; display: block; width: 100%; height: 40px; line-height: 40px; font-size: 18px; color: #8d8b8a; text-transform: none; transition: all 500ms ease; } .search-room-inner .search-content .form-group .icon-box{ position: absolute; bottom: 15px; right: 31px; color: #939190; z-index: 1; } .banner-style-two .search-room-inner .search-content .form-group .icon-box{ bottom: 20px; } .nice-select:after{ border: none; content: "\f106"; font-family: 'flaticon'; font-size: 18px; color: #8d8b8a; transform: rotate(0deg) !important; top: initial; right: 4px; margin: 0px; bottom: 36px; } .search-room-inner .search-content .form-group button{ position: relative; display: block; font-size: 14px; line-height: 25px; color: #fff; font-weight: 600; text-transform: uppercase; background: #1e6537; text-align: center; width: calc(100% + 1px); padding: 38px 30px; transition: all 500ms ease; } .search-room-inner .search-content .form-group button:hover{ } /** about-section **/ .about-section{ position: relative; padding: 60px 0px; } .content_block_one .content-box{ position: relative; display: block; margin-right: 20px; } .content_block_one .content-box .image-box{ position: relative; display: block; margin-bottom: 15px; } .content_block_one .content-box .image-box img{ width: 100%; } .content_block_one .content-box .text h3{ display: block; font-size: 25px; line-height: 34px; color: #4a4a4a; text-transform: uppercase; padding-bottom: 15px; margin-bottom: 18px; border-bottom: 3px solid #0a0807; } .content_block_one .content-box .text .designation{ position: relative; display: block; font-size: 14px; line-height: 24px; color: #0a0807; text-transform: uppercase; } .content_block_one .content-box .text .designation span{ font-weight: 400; text-transform: capitalize; } .content_block_two .content-box{ position: relative; display: block; } .content_block_two .content-box .upper-box{ position: relative; max-width: 285px; padding-right: 84px; margin-bottom: 15px; } .content_block_two .content-box .upper-box .image-box{ position: relative; display: block; } .content_block_two .content-box .upper-box .image-box img{ width: 100%; } .content_block_two .content-box .upper-box .text{ position: absolute; top: 30px; right: 15px; } .content_block_two .content-box .upper-box .text h2{ position: relative; display: block; font-size: 60px; width: 140px; height: 140px; line-height: 140px; background: #0a0807; text-transform: capitalize; border-radius: 50%; text-align: center; } .content_block_two .content-box .curved-circle{ position: absolute; top: 43px; right: 51px; font-size: 14px; line-height: 24px; font-weight: 600; text-transform: uppercase; transform: rotate(90deg); } .content_block_two .content-box .lower-content{ position: relative; display: block; } .content_block_two .content-box .lower-content .text{ position: relative; display: block; } .content_block_two .content-box .lower-content .image-box{ position: relative; display: block; margin-left: 20px; margin-top: 7px; } .content_block_two .content-box .lower-content .image-box img{ width: 100%; } .content_block_two .content-box .lower-content .text p{ margin-bottom: 14px; text-align: justify; } .content_block_two .content-box .lower-content .list-item li{ position: relative; display: block; font-size: 18px; color: #4f4f4f; margin-bottom: 15px; padding-bottom: 10px; padding-left: 40px; } .content_block_two .content-box .lower-content .list-item li:last-child{ margin-bottom: 0px; } .content_block_two .content-box .lower-content .list-item li i{ position: absolute; left: 0px; top: 1px; width: 25px; height: 25px; line-height: 33px; text-align: center; font-size: 13px; color: #fff; border-radius: 50%; } .content_block_two .content-box .lower-content .list-item li:before{ position: absolute; content: ''; background: #e2dfdd; width: 170px; height: 1px; left: 0px; bottom: 0px; } .content_block_two .content-box .lower-content .list-item{ margin-bottom: 25px; } .content_block_two .content-box .lower-content .link a{ position: relative; display: inline-block; font-size: 14px; line-height: 24px; color: #0a0807; font-weight: 600; text-transform: uppercase; padding-left: 45px; } .content_block_two .content-box .lower-content .link a:hover{ } .content_block_two .content-box .lower-content .link a i{ position: absolute; top: -3px; left: 0px; font-size: 34px; } .bg-color-1{ background: #0a0807; } /** room-section **/ .room-section{ position: relative; padding: 165px 0px 140px 0px; } .room-section .content-box{ position: relative; display: block; } .room-section .content-box .big-text{ position: absolute; left: -235px; top: -36px; z-index: 9; } .room-section .content-box .big-text h2{ display: block; font-size: 72px; line-height: 80px; color: #fff; text-transform: uppercase; } .room-tab .p-tab { position: absolute; left: 0px; top: 0px; width: 100%; height: auto; opacity: 0; visibility: hidden; } .room-tab .p-tab.active-tab { position: relative; visibility: visible; opacity: 1; z-index: 5; } .room-tab .p-tabs-content { position: relative; display: block; } .room-tab .p-tab.active-tab .image-box { opacity: 1; top: 0px; -webkit-transition: all 1000ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; } .room-tab .p-tab .image-box { opacity: 0; top: 10px; } .room-tab .p-tab .image-box{ position: relative; display: block; overflow: hidden; } .room-tab .p-tab .image-box .image{ position: relative; display: block; } .room-tab .p-tab .image-box .image:before{ position: absolute; content: ''; background: #000; width: 100%; height: 100%; left: 0px; top: 0px; z-index: 1; opacity: 0.1; } .room-tab .p-tab .image-box .image img{ width: 100%; } .room-tab .p-tab .image-box .link{ position: absolute; top: 40px; right: 40px; z-index: 2; } .room-tab .p-tab .image-box .link a{ position: relative; display: inline-block; width: 110px; height: 110px; text-align: center; background: #0a0807; border-radius: 50%; padding: 23px 0px 15px 0px; font-size: 14px; line-height: 20px; font-weight: 600; text-transform: uppercase; color: #fff; } .room-tab .p-tab .image-box .link a:hover{ } .room-tab .p-tab .image-box .link a i{ position: relative; display: block; font-size: 34px; transition: all 500ms ease; } .room-tab .p-tab .image-box .link a:hover i{ color: #fff; } .room-tab .p-tab .image-box .link a span{ position: relative; display: block; } .room-tab .owl-dots{ position: absolute; right: 35px; bottom: 32px; } .room-tab .owl-theme .owl-dots .owl-dot span{ position: relative; display: inline-block; width: 85px; height: 1px; background: #b0aeac; margin: 0px 5px; } .room-tab .owl-theme .owl-dots .owl-dot.active span, .room-tab .owl-theme .owl-dots .owl-dot span:hover{ background: #fff; height: 2px; } .room-tab .tab-btn-box{ position: relative; display: block; padding-top: 118px; } .room-tab .tab-btns li{ position: relative; display: block; cursor: pointer; margin-bottom: 28px; transition: all 500ms ease; } .room-tab .tab-btns li:last-child{ margin-bottom: 0px; } .room-tab .tab-btns li h3{ display: block; font-size: 32px; line-height: 40px; color: #fff; margin-bottom: 14px; transition: all 500ms ease; } .room-tab .tab-btns li.active-btn h3{ font-weight: 400; font-style: italic; } .room-tab .tab-btns li span{ position: relative; display: block; font-size: 14px; line-height: 24px; color: #bdb9b5; font-weight: 600; text-transform: uppercase; padding-left: 22px; } .room-tab .tab-btns li span:before{ position: absolute; content: ''; background-image: url(../images/icons/icon-1.png); width: 12px; height: 12px; left: 0px; top: 5px; background-repeat: no-repeat; } .room-tab .tab-btns li a{ position: absolute; top: -1px; right: -63px; display: inline-block; width: 66px; height: 66px; line-height: 76px; text-align: center; font-size: 34px; color: #fff; border-radius: 50%; transform: scale(0,0); z-index: 9; } .room-tab .tab-btns li.active-btn a{ transform: scale(1,1); } .room-tab .tab-btns li a:hover{ background: #fff; } /** popular-rooms-section **/ .popular-rooms-section{ position: relative; background-color: #dbffdb; } .room-tab-2 .p-tab { position: absolute; left: 0px; top: 0px; width: 100%; height: auto; opacity: 0; visibility: hidden; } .room-tab-2 .p-tab.active-tab { position: relative; visibility: visible; opacity: 1; z-index: 5; } .room-tab-2 .p-tabs-content { position: relative; display: block; } .room-tab-2 .p-tab .room-block-one { opacity: 0; top: 10px; } .room-tab-2 .p-tab.active-tab .room-block-one { opacity: 1; top: 0px; -webkit-transition: all 1000ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; } .popular-rooms-section .owl-carousel .owl-stage-outer{ overflow: visible; } .popular-rooms-section .owl-carousel .owl-stage-outer .owl-item{ opacity: 0; } .popular-rooms-section .owl-carousel .owl-stage-outer .owl-item.active{ opacity: 1; } .room-block-one .inner-box{ position: relative; display: block; background: #fff; } .room-block-one .inner-box .image-box{ position: relative; display: block; overflow: hidden; } .room-block-one .inner-box .image-box .image{ position: relative; display: block; overflow: hidden; } .room-block-one .inner-box .image-box .image img{ width: 100%; transition: all 500ms ease; } .room-block-one .inner-box:hover .image-box .image img{ transform: scale(1.05); } .room-block-one .inner-box .image-box .view-btn{ position: absolute; top: 30px; right: 30px; } .room-block-one .inner-box .image-box .view-btn a{ position: relative; display: inline-block; width: 44px; height: 44px; line-height: 50px; background: #fff; text-align: center; font-size: 22px; color: #0a0807; border-radius: 50%; } .room-block-one .inner-box .image-box .view-btn a:hover{ color: #fff; } .room-block-one .inner-box:hover .image-box .view-btn a{ transform: scale(0,0); } .room-block-one .inner-box .image-box .view-btn-2{ position: absolute; top: 30px; right: 30px; } .room-block-one .inner-box .image-box .view-btn-2 a{ position: relative; display: inline-block; font-size: 16px; color: #fff; padding: 4px 20px 10px 20px; border-radius: 30px; transform: scale(0,0); } .room-block-one .inner-box:hover .image-box .view-btn-2 a{ transform: scale(1,1); } .room-block-one .inner-box .image-box .view-btn-2 a i{ position: relative; font-size: 22px; top: 7px; margin-right: 8px; } .room-block-one .inner-box .image-box .title{ position: absolute; left: 0px; bottom: 0px; width: calc(100% - 30px); z-index: 1; transition: all 500ms ease; } .room-block-one .inner-box:hover .image-box .title{ width: 100%; } .room-block-one .inner-box .image-box .title h3{ position: relative; display: block; width: 100%; background: #0a0807; font-size: 17px; line-height: 26px; color: #fff; padding: 10px 20px 10px 20px; } .room-block-one .inner-box .image-box .title h3 a{ position: absolute; top: 8px; right: 20px; font-size: 30px; opacity: 0; } .room-block-one .inner-box:hover .image-box .title h3 a{ opacity: 1; } .room-block-one .inner-box .info-list{ position: relative; display: block; background: #f1efee; padding: 15px 25px 15px 25px; color: #434343; } .room-block-one .inner-box .info-list li{ position: relative; display: inline-block; float: left; font-size: 18px; color: #8d8b8a; padding-left: 27px; margin-right: 20px; margin-bottom: 10px; } .room-block-one .inner-box .info-list li:last-child{ margin-right: 0px; } .room-block-one .inner-box .info-list li i{ position: absolute; left: 0px; top: 3px; font-size: 16px; color: #0a0807; } .room-block-one .inner-box .lower-box{ position: relative; display: flex; align-items: center; justify-content: space-between; background: #fff; box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.07); padding: 10px 25px 10px 25px; } .room-block-one .inner-box .lower-box .price h3{ position: relative; display: block; font-size: 19px; line-height: 25px; padding-left: 25px; } .room-block-one .inner-box .lower-box .price h3:before{ position: absolute; content: ''; background-image: url(../images/icons/icon-2.png); width: 16px; height: 16px; left: 0px; top: 8px; background-repeat: no-repeat; } .room-block-one .inner-box .lower-box .price h3 span{ font-size: 18px; } .room-block-one .inner-box .lower-box .rating{ position: relative; display: block; font-size: 18px; color: #0a0807; padding-left: 24px; } .room-block-one .inner-box .lower-box .rating span{ color: #8d8b8a; } .room-block-one .inner-box .lower-box .rating i{ position: absolute; left: 0px; top: 1px; font-size: 16px; color: #fec004; } .popular-rooms-section .tab-btn-box{ position: relative; display: block; margin-bottom: 50px; } .popular-rooms-section .tab-btns li{ position: relative; display: inline-block; font-size: 32px; line-height: 40px; font-family: "Nunito", sans-serif; color: #bdb9b5; cursor: pointer; margin: 0px 20px; transition: all 500ms ease; } .popular-rooms-section .tab-btns li.active-btn{ color: #0a0807; } .popular-rooms-section .tab-btns li:before{ position: absolute; content: ''; background: #bdb9b5; width: 6px; height: 6px; border-radius: 50%; right: -25px; bottom: 9px; } .popular-rooms-section .tab-btns li:last-child:before{ display: none; } .popular-rooms-section .owl-dots{ position: absolute; left: 17px; top: -92px; width: 129px; min-height: 40px; counter-reset: slides-num; } .popular-rooms-section .owl-dots::after { position: absolute; right: 0px; top: 10px; content: counter(slides-num); display: inline-block; font-size: 22px; color: #bdb9b5; font-family: "Nunito", sans-serif; } .popular-rooms-section .owl-carousel:before{ position: absolute; content: '0'; left: 122px; top: -82px; font-size: 22px; color: #bdb9b5; font-family: "Nunito", sans-serif; } .popular-rooms-section .owl-dots:before{ position: absolute; content: ''; border-top: 1px dashed #cecbc9; width: 70px; right: 33px; bottom: 9px; font-size: 22px; color: #bdb9b5; font-family: "Nunito", sans-serif; } .popular-rooms-section .owl-dots button span{ display: none !important; } .popular-rooms-section .owl-dots button{ position: absolute; top: 0px; left: 0px; counter-increment: slides-num; font-size: 36px; line-height: 40px; font-family: "Nunito", sans-serif; color: #0a0807; } .popular-rooms-section .owl-dots button.active:before{ position: absolute; content: counter(slides-num); } .popular-rooms-section .owl-dots button.active:after{ position: absolute; content: '0'; top: 0px; right: 0px; } .popular-rooms-section .owl-nav{ position: absolute; top: -80px; right: 0px; } .popular-rooms-section .owl-nav button{ position: relative; display: inline-block; } .popular-rooms-section .owl-nav button.owl-prev span{ position: relative; display: inline-block; transform: rotate(180deg); } .popular-rooms-section .owl-nav button:before{ position: absolute; content: ''; font-size: 14px; line-height: 24px; font-weight: 600; color: #1b1b1b; text-transform: uppercase; top: 2px; } .popular-rooms-section .owl-nav button:after{ position: absolute; content: ''; width: 34px; height: 1px; top: 13px; transition: all 500ms ease; } .popular-rooms-section .owl-nav button:hover:after{ opacity: 0; } .popular-rooms-section .owl-nav button.owl-prev:after{ left: 50px; } .popular-rooms-section .owl-nav button.owl-next:after{ right: 50px; } .popular-rooms-section .owl-nav button.owl-prev:before{ content: 'prev'; left: 0px; } .popular-rooms-section .owl-nav button.owl-next:before{ content: 'next'; right: 0px; } .popular-rooms-section .owl-nav button.owl-prev{ padding-left: 50px; margin-right: 30px; } .popular-rooms-section .owl-nav button.owl-next{ padding-right: 50px; } .popular-rooms-section .owl-nav button span{ position: relative; font-size: 34px; opacity: 0; transition: all 500ms ease; } .popular-rooms-section .owl-nav button:hover span{ opacity: 1; } .popular-rooms-section .more-btn{ position: relative; display: block; margin-top: 40px; } .popular-rooms-section .more-btn .theme-btn{ background: #f1efee; color: #0a0807; } .popular-rooms-section .more-btn .theme-btn:hover{ color: #fff; } /** experience-section **/ .experience-section{ position: relative; } .experience-section .bg-layer{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; left: 0px; top: 0px; background-size: cover; background-repeat: no-repeat; background-position: center; } .experience-section .bg-layer:before{ position: absolute; content: ''; width: 50%; height: 100%; left: 0px; top: 0px; opacity: 0.9; } .experience-section .sec-title{ margin-bottom: 46px; } .experience-section .sec-title .sub-title{ color: #fff; } .experience-section .text-inner .icon-box{ position: relative; display: inline-block; width: 90px; height: 110px; line-height: 126px; font-size: 50px; text-align: center; margin-bottom: 33px; z-index: 1; } .experience-section .text-inner .icon-box:before{ position: absolute; content: ''; background: #fff; width: 90px; height: 110px; left: 3px; top: 0px; border-radius: 50%; z-index: -1; transform: rotate(30deg); } .experience-section .text-inner h2{ display: block; font-size: 32px; line-height: 40px; color: #fff; margin-bottom: 13px; } .experience-section .text-inner p{ color: #fff; margin-bottom: 32px; } .experience-section .text-inner .theme-btn{ padding: 16px 39px; } .experience-section .text-inner .theme-btn:hover{ background: #0a0807; } .experience-section .content-box{ position: relative; display: block; margin-right: -400px; } .experience-block-one .inner-box{ position: relative; display: block; background: rgba(10, 8, 7, 0.92); padding: 33px 30px 24px 30px; text-align: center; transition: all 500ms ease; } .experience-block-one .inner-box:hover{ background: rgba(10, 8, 7, 1); } .experience-block-one .inner-box h2{ display: block; font-size: 36px; line-height: 40px; color: #fff; margin-bottom: 105px; } .experience-block-one .inner-box span{ position: relative; display: block; font-size: 16px; line-height: 24px; margin-bottom: 10px; } .experience-block-one .inner-box h3{ display: block; font-size: 25px; line-height: 33px; margin-bottom: 103px; } .experience-block-one .inner-box h3 a{ display: inline-block; color: #fff; } .experience-block-one .inner-box h3 a:hover{ } .experience-block-one .inner-box .link a{ position: relative; display: inline-block; font-size: 36px; } .experience-block-one .inner-box .link a:hover{ color: #fff; } .experience-block-one .inner-box:hover .link a{ transform: rotate(180deg); } .experience-block-one .inner-box .light-icon{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); } .nav-style-one button{ position: relative; display: inline-block; font-size: 34px; color: #0a0807; background: #fff; text-align: center; border-radius: 50%; width: 57px; height: 57px; line-height: 57px; cursor: pointer; transition: all 500ms ease; } .nav-style-one button:hover{ color: #fff; } .nav-style-one button.owl-prev{ transform: rotate(180deg); margin-right: 20px; } .experience-section .owl-nav{ position: absolute; top: -110px; right: 400px; } /** chooseus-section **/ .chooseus-section{ position: relative; padding: 136px 0px 40px 0px; } .chooseus-block-one .inner-box{ position: relative; display: block; max-width: 470px; margin-bottom: 100px; padding: 24px 0px 23px 200px; } .chooseus-block-one .inner-box .icon-box{ position: absolute; display: inline-block; left: 0px; top: 0px; width: 183px; height: 183px; line-height: 256px; font-size: 70px; background: #f1efee; text-align: center; border-radius: 50%; } .chooseus-block-one .inner-box h3{ position: relative; display: block; font-size: 25px; line-height: 33px; padding-left: 100px; margin-bottom: 19px; margin-left: -200px; } .chooseus-block-one .inner-box h3:before{ position: absolute; content: ''; width: 70px; height: 1px; left: 0px; top: 15px; } .chooseus-section .inner-container{ position: relative; } .chooseus-section .inner-container .line-1{ position: absolute; left: 0px; top: 41%; width: 100%; height: 1px; background: #e2dfdd; } .chooseus-section .inner-container .line-2{ position: absolute; left: 50%; top: 0px; width: 1px; height: calc(100% - 100px); background: #e2dfdd; } .chooseus-section .sec-title{ margin-bottom: 47px; } /** pricing-section **/ .pricing-section{ position: relative; padding: 140px 0px; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; } .pricing-section .sec-title{ margin-bottom: 0px; } .pricing-section .sec-title p{ color: #fff; margin-top: 19px; margin-bottom: 32px; } .pricing-section .sec-title .theme-btn{ padding: 16px 38px; } .pricing-block-one .pricing-table{ position: relative; display: block; background: #fff; } .pricing-block-one .pricing-table h3{ position: relative; display: block; background: #f1efee; padding: 25px 30px 21px 30px; font-size: 32px; line-height: 40px; } .pricing-block-one .pricing-table .price{ position: relative; display: block; padding: 27px 30px 24px 25px; } .pricing-block-one .pricing-table .price h2{ position: relative; display: inline-block; font-size: 72px; line-height: 80px; padding-left: 22px; padding-right: 118px; } .pricing-block-one .pricing-table .price h2 .symble{ position: absolute; left: 0px; top: -16px; font-size: 26px; } .pricing-block-one .pricing-table .price h2 .fraction{ position: absolute; top: -17px; right: 74px; font-size: 28px; } .pricing-block-one .pricing-table .price h2 .text{ position: absolute; right: 0px; bottom: 10px; font-size: 14px; line-height: 24px; font-family: "Nunito", sans-serif; font-weight: 600; color: #8d8b8a; text-transform: uppercase; } .pricing-block-one .pricing-table .feature-box{ position: relative; padding: 0px 30px; margin-bottom: 40px; } .pricing-block-one .pricing-table .feature-list{ position: relative; display: block; background: #0a0807; padding: 33px 30px; } .pricing-block-one .pricing-table .feature-list li{ position: relative; display: block; font-size: 18px; line-height: 28px; color: #bdb9b5; margin-bottom: 16px; padding-left: 27px; } .pricing-block-one .pricing-table .feature-list li:before{ position: absolute; content: ''; background-image: url(../images/icons/icon-6.png); width: 12px; height: 12px; left: 0px; top: 6px; background-repeat: no-repeat; } .pricing-block-one .pricing-table .feature-list li:last-child{ margin-bottom: 0px; } .pricing-block-one .pricing-table .link-box{ position: relative; display: block; padding: 16px 30px; background: #f1efee; } .pricing-block-one .pricing-table .link-box a{ position: relative; display: inline-block; font-size: 14px; line-height: 24px; font-weight: 600; text-transform: uppercase; color: #0a0807; padding-left: 45px; } .pricing-block-one .pricing-table .link-box a i{ position: absolute; left: 0px; top: -6px; font-size: 34px; } .pricing-block-one .pricing-table .link-box a:hover{ } .bg-color-2{ background-color: #f1efee; } /** testimonial-section **/ .testimonial-section{ position: relative; /** padding: 136px 0px 121px 0px; **/ } .testimonial-block-one{ position: relative; display: block; margin: 10px 0px; } .testimonial-block-one .inner-box{ position: relative; display: block; border: 1px solid #d3d0ce; transition: all 500ms ease; } .testimonial-block-one .inner-box:hover{ border-color: #0a0807; } .testimonial-block-one .inner-box:before, .testimonial-block-one .inner-box:after{ position: absolute; content: ''; width: calc(100% - 20px); height: 0px; left: 10px; transition: all 500ms ease; } .testimonial-block-one .inner-box:before{ top: 0px; } .testimonial-block-one .inner-box:after{ bottom: 0px; } .testimonial-block-one .inner-box:hover:before{ top: -11px; height: 10px; } .testimonial-block-one .inner-box:hover:after{ bottom: -11px; height: 10px; } .testimonial-block-one .inner-box .static-content{ position: relative; display: block; padding: 59px 29px 51px 29px; } .testimonial-block-one .inner-box .static-content .thumb-inner{ position: relative; display: inline-block; width: 228px; height: 228px; margin-bottom: 32px; } .testimonial-block-one .inner-box .static-content .thumb-inner .icon-box{ position: absolute; right: -10px; bottom: -9px; font-size: 85px; } .testimonial-block-one .inner-box .rating li{ position: relative; display: inline-block; font-size: 22px; color: #fec004; margin: 0px 1px; } .testimonial-block-one .inner-box .rating li.light{ color: #bdb9b5; } .testimonial-block-one .inner-box .static-content .rating{ margin-bottom: 31px; } .testimonial-block-one .inner-box .author-box h3{ display: block; font-size: 25px; line-height: 33px; margin-bottom: 4px; } .testimonial-block-one .inner-box .author-box .designation{ position: relative; display: block; } .testimonial-block-one .inner-box .author-box{ position: relative; display: block; padding-top: 36px; border-top: 1px solid #d3d0ce; } .testimonial-block-one .inner-box .overlay-content{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #0a0807; z-index: 1; padding: 59px 29px 51px 29px; opacity: 0; transition: all 500ms ease; } .testimonial-block-one .inner-box:hover .overlay-content{ opacity: 1; } .testimonial-block-one .inner-box .overlay-content .rating{ position: relative; display: block; margin-bottom: 16px; } .testimonial-block-one .inner-box .overlay-content .text{ position: relative; display: block; margin-bottom: 32px; padding: 0px 25px; } .testimonial-block-one .inner-box .overlay-content .text p{ font-size: 24px; line-height: 36px; color: #bdb9b5; } .testimonial-block-one .inner-box .overlay-content .text .icon-box{ position: absolute; left: 50%; top: 50%; font-size: 250px; color: #1c1a19; transform: translate(-50%,-50%); } .testimonial-block-one .inner-box .overlay-content .author-box{ border-color: #312d2b; } .testimonial-block-one .inner-box .overlay-content .author-box h3{ color: #f1efee; } .testimonial-section .owl-nav{ position: relative; margin-top: 51px; } .testimonial-section .owl-nav button{ position: relative; display: inline-block; } .testimonial-section .owl-nav button.owl-prev span{ position: relative; display: inline-block; transform: rotate(180deg); } .testimonial-section .owl-nav button:before{ position: absolute; content: ''; font-size: 14px; line-height: 24px; font-weight: 600; color: #1b1b1b; text-transform: uppercase; top: 2px; } .testimonial-section .owl-nav button:after{ position: absolute; content: ''; width: 34px; height: 1px; top: 13px; transition: all 500ms ease; } .testimonial-section .owl-nav button:hover:after{ opacity: 0; } .testimonial-section .owl-nav button.owl-prev:after{ left: 50px; } .testimonial-section .owl-nav button.owl-next:after{ right: 50px; } .testimonial-section .owl-nav button.owl-prev:before{ content: 'prev'; left: 0px; } .testimonial-section .owl-nav button.owl-next:before{ content: 'next'; right: 0px; } .testimonial-section .owl-nav button.owl-prev{ padding-left: 50px; margin-right: 30px; } .testimonial-section .owl-nav button.owl-next{ padding-right: 50px; } .testimonial-section .owl-nav button span{ position: relative; font-size: 34px; opacity: 0; transition: all 500ms ease; } .testimonial-section .owl-nav button:hover span{ opacity: 1; } /** news-section **/ .news-section{ position: relative; background-color: #dbffdb; } .news-block-one{ margin-top: 20px; } .news-block-one .inner-box{ position: relative; display: block; background: #fff; } .news-block-one .inner-box .image-box{ position: relative; display: block; } .news-block-one .inner-box .image-box .image{ position: relative; display: block; overflow: hidden; } .news-block-one .inner-box .image-box .image img{ width: 100%; transition: all 500ms ease; } .news-block-one .inner-box:hover .image-box .image img{ transform: scale(1.05); } .news-block-one .inner-box .image-box .post-date{ position: absolute; top: -20px; right: 20px; } .news-block-one .inner-box .image-box .post-date h3{ position: relative; display: inline-block; font-size: 25px; line-height: 30px; color: #fff; background: #0a0807; width: 70px; padding: 10px 12px 8px 12px; text-align: center; } .news-block-one .inner-box .image-box .post-date h3:before{ position: absolute; content: ''; background: #0a0807; width: 100%; height: 1px; left: 0px; bottom: -3px; } .news-block-one .inner-box .image-box .post-date h3 span{ position: relative; display: block; font-size: 14px; line-height: 20px; font-family: "Nunito", sans-serif; text-transform: uppercase; padding-bottom: 5px; margin-bottom: 4px; border-bottom: 1px solid #3a3735; } .news-block-one .inner-box .image-box .category{ position: absolute; left: 25px; bottom: 0px; } .news-block-one .inner-box .image-box .category a{ position: relative; display: inline-block; font-size: 14px; line-height: 24px; color: #fff; font-weight: 600; text-transform: uppercase; padding: 3px 19px; } .news-block-one .inner-box .image-box .category a:hover{ background: #0a0807; } .news-block-one .inner-box .lower-content{ position: relative; padding: 15px 25px; } .news-block-one .inner-box .lower-content h3{ position: relative; display: block; font-size: 22px; line-height: 30px; margin-bottom: 5px; } .news-block-one .inner-box .lower-content h3 a{ display: inline-block; color: #0a0807; } .news-block-one .inner-box .lower-content h3 a:hover{ } .news-block-one .inner-box .lower-content .post-info{ position: relative; display: block; padding-left: 20px; padding-top: 5px; } .news-block-one .inner-box .lower-content .post-info:before{ position: absolute; content: ''; background-image: url(../images/icons/icon-1.png); width: 12px; height: 12px; left: 0px; top: 8px; background-repeat: no-repeat; } .news-block-one .inner-box .lower-content .post-info li{ position: relative; display: inline-block; float: left; font-size: 14px; line-height: 24px; color: #8d8b8a; font-weight: 500; margin-right: 42px; text-transform: uppercase; } .news-block-one .inner-box .lower-content .post-info li:last-child{ margin: 0px; } .news-block-one .inner-box .lower-content .post-info li a{ display: inline-block; color: #8d8b8a; } .news-block-one .inner-box .lower-content .post-info li a:hover{ } .news-block-one .inner-box .lower-content .post-info li:first-child a{ } .news-block-one .inner-box .lower-content .post-info li:before{ position: absolute; content: ''; background: #d9d6d4; width: 22px; height: 1px; right: -32px; top: 12px; } .news-block-one .inner-box .lower-content .post-info li:last-child:before{ display: none; } .news-section .sec-title .theme-btn{ position: absolute; right: 0px; bottom: 14px; background-color: #1e6537; padding: 16px 38px; } .news-section .sec-title .theme-btn:hover{ } /** contact-section **/ .contact-section{ position: relative; } .contact-section .bg-layer{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; } .contact-section .content-box{ position: relative; display: block; max-width: 370px; width: 100%; margin: 0 auto; } .contact-section .inner-box{ position: relative; display: block; padding: 105px 50px 110px 50px; } .contact-section .inner-box:before{ position: absolute; content: ''; background-image: url(../images/shape/shape-2.png); width: 100%; height: 100%; left: 0px; top: 0px; background-size: cover; background-repeat: no-repeat; background-position: center; } .contact-section .inner-box .icon-box{ position: relative; display: inline-block; font-size: 110px; color: #fff; line-height: 100px; margin-bottom: 20px; z-index: 1; } .contact-section .inner-box .icon-box:before{ position: absolute; content: ''; background: #855d3c; width: 100px; height: 100px; left: 5px; top: 5px; border-radius: 50%; z-index: -1; } .contact-section .inner-box .text{ margin-bottom: 37px; } .contact-section .inner-box h3{ display: block; font-size: 25px; line-height: 35px; color: #fff; margin-bottom: 8px; } .contact-section .inner-box p{ color: #fff; } .contact-section .inner-box .info-box .single-item{ margin-bottom: 10px; } .contact-section .inner-box .info-box .single-item h3{ margin-bottom: 3px; } .contact-section .inner-box .info-box .single-item:last-child{ margin-bottom: 0px; } .contact-section .inner-box .info-box .single-item:nth-child(2) h3{ margin-bottom: 0px; } .contact-section .inner-box .info-box{ margin-bottom: 42px; } .contact-section .inner-box .btn-box .theme-btn{ width: 100%; padding-top: 16px; padding-bottom: 16px; } .contact-section .inner-box .btn-box .theme-btn:hover{ background: #0a0807; color: #fff; } .contact-section .inner-box .info-box .single-item h2{ display: block; font-size: 36px; line-height: 40px; color: #fff; padding-bottom: 2px; } /** main-footer **/ .main-footer{ position: relative; background: #0a0807; } .main-footer .widget-section{ position: relative; padding: 40px 0px 20px 0px; border-bottom: 1px solid #312d2b; } .main-footer .logo-widget{ position: relative; display: block; margin-right: 0px; margin-top: 4px; } .main-footer .logo-widget .footer-logo{ position: relative; margin-bottom: 10px; } .main-footer p, .main-footer a{ color: #e2e2e2; font-size: 16px; } .main-footer a:hover{ } .main-footer .logo-widget .text{ margin-bottom: 26px; } .main-footer .logo-widget .rating-box{ position: relative; margin-bottom: 18px; } .main-footer .logo-widget .rating-box .rating-list{ position: absolute; left: 0px; top: 6px; width: 112px; } .main-footer .logo-widget .rating-box p{ display: block; padding-left: 122px; margin-bottom: 6px; } .main-footer .logo-widget .rating-box .rating-list .rating{ position: absolute; top: 0px; left: 0px; width: 16px; height: 16px; border-radius: 50%; overflow: hidden; } .main-footer .logo-widget .rating-box .rating-list .rating-2{ left: 24px; } .main-footer .logo-widget .rating-box .rating-list .rating-3{ left: 48px; } .main-footer .logo-widget .rating-box .rating-list .rating-4{ left: 72px; } .main-footer .logo-widget .rating-box .rating-list .rating-5{ left: 96px; background: transparent; } .main-footer .logo-widget .rating-box .rating-list .rating-5:before{ position: absolute; content: ''; left: -7px; top: -1px; width: 16px; height: 16px; border-radius: 50%; } .main-footer .logo-widget .btn-box a{ position: relative; display: inline-block; font-size: 14px; line-height: 24px; color: #fff; font-weight: 600; padding-left: 45px; text-transform: uppercase; } .main-footer .logo-widget .btn-box a i{ position: absolute; left: 0px; top: -5px; font-size: 34px; } .main-footer .logo-widget .btn-box a:hover{ } .main-footer .widget-title{ position: relative; display: block; margin-bottom: 18px; } .main-footer .widget-title h3{ font-size: 30px; line-height: 35px; color: #fff; } .main-footer .links-widget .single-item{ position: relative; display: block; margin-bottom: 15px; } .main-footer .links-widget .single-item:last-child{ margin-bottom: 0px; } .main-footer .links-widget .single-item span{ position: relative; display: block; font-size: 14px; line-height: 24px; color: #fff; font-weight: 600; text-transform: uppercase; margin-bottom: 3px; } .main-footer .links-widget .links-list li{ position: relative; display: block; } .main-footer .links-widget .links-list li a:hover{ text-decoration: underline; } .main-footer .contact-widget form .form-group{ position: relative; margin-bottom: 25px; } .main-footer .contact-widget form .form-group:last-child{ margin-bottom: 0px; } .main-footer .contact-widget form .form-group input[type='email']{ position: relative; display: block; width: 100%; height: 56px; background: #fff; font-size: 18px; color: #8d8b8a; padding: 10px 30px; } .custom-controls-stacked{ position: relative; } .main-footer .custom-control.material-checkbox { padding-left: 73px; } .custom-control.material-checkbox .material-control-input { display: none; } .main-footer .custom-control.material-checkbox .material-control-indicator { display: inline-block; position: absolute; top: -1px; left: 0px; width: 56px; height: 56px; border: 1px solid rgba(255, 255, 255, 0.10); border-radius: 50%; cursor: pointer; transition: all 500ms ease; } .main-footer .custom-control.material-checkbox .material-control-input:checked ~ .material-control-indicator { border: 1px solid #fff; } .main-footer .custom-control.material-checkbox .material-control-indicator:before{ position: absolute; content: ''; background: #fff; width: 50px; height: 50px; left: 2px; top: 2px; border-radius: 50%; transform: scale(0,0); transition: all 500ms ease; } .main-footer .custom-control.material-checkbox .material-control-input:checked ~ .material-control-indicator:before{ transform: scale(1,1); } .custom-controls-stacked .description { position: relative; display: inline-block; padding: 0px; font-size: 16px; line-height: 26px; color: #bdb9b5; cursor: pointer; } .main-footer .contact-widget form .form-group:last-child{ display: flex; align-items: center; justify-content: space-between; } .main-footer .contact-widget form .form-group button{ position: relative; display: inline-block; width: 56px; height: 56px; line-height: 62px; text-align: center; font-size: 30px; color: #fff; border-radius: 50%; transition: all 500ms ease; } .main-footer .contact-widget form .form-group button:hover{ background: #fff; } .main-footer .contact-widget form{ position: relative; display: block; margin-bottom: 36px; } .main-footer .contact-widget .social-box h3{ display: block; font-size: 25px; line-height: 35px; color: #fff; margin-bottom: 13px; } .main-footer .contact-widget .social-box .social-list li{ position: relative; display: inline-block; float: left; margin-right: 20px; } .main-footer .contact-widget .social-box .social-list li:before{ position: absolute; content: ''; background: #6a6a6b; width: 2px; height: 2px; bottom: 8px; right: -12px; border-radius: 50%; } .main-footer .contact-widget .social-box .social-list li:last-child:before{ display: none; } .main-footer .contact-widget .social-box .social-list li:last-child{ margin: 0px !important; } .main-footer .contact-widget .social-box .social-list{ position: relative; padding-left: 75px; } .main-footer .contact-widget .social-box .social-list:before{ position: absolute; content: ''; width: 56px; height: 1px; left: 0px; top: 13px; } .main-footer .contact-widget .widget-title{ margin-bottom: 18px; } .footer-bottom{ position: relative; width: 100%; padding: 8px 0px; } .footer-bottom .bottom-inner{ position: relative; display: flex; align-items: center; justify-content: space-between; } .footer-bottom .bottom-inner .footer-nav li{ position: relative; display: inline-block; float: left; margin-right: 38px; } .footer-bottom .bottom-inner .footer-nav li:last-child{ margin: 0px; } .footer-bottom .bottom-inner .footer-nav li:before{ position: absolute; content: ''; background: #6a6a6b; width: 2px; height: 2px; bottom: 8px; right: -20px; border-radius: 50%; } .footer-bottom .bottom-inner .footer-nav li:last-child:before{ display: none; } .footer-bottom .bottom-inner .copyright p a{ } .footer-bottom .bottom-inner .copyright p a:hover{ text-decoration: underline; } /*** ==================================================================== Home-Page-Two ==================================================================== ***/ /** header-style-two **/ .header-style-two .header-top{ background: #fff; padding: 16px 0px; } .header-style-two .header-top .outer-container{ padding: 0px 80px; } .header-style-two .header-top:before{ position: absolute; content: ''; background: #e9e6e4; width: calc(100% - 80px); height: 1px; right: 0px; bottom: 0px; } .header-style-two .header-top .rating-box{ position: relative; margin-right: 10px; } .header-style-two .header-top .rating-box .rating-list{ position: absolute; left: 0px; top: 6px; width: 112px; } .header-style-two .header-top .rating-box p{ display: block; padding-left: 122px; } .header-style-two .header-top .rating-box p a{ color: #8b8a89; } .header-style-two .header-top .rating-box p a:hover{ } .header-style-two .header-top .rating-box .rating-list .rating{ position: absolute; top: 1px; left: 0px; width: 16px; height: 16px; border-radius: 50%; overflow: hidden; } .header-style-two .header-top .rating-box .rating-list .rating-2{ left: 24px; } .header-style-two .header-top .rating-box .rating-list .rating-3{ left: 48px; } .header-style-two .header-top .rating-box .rating-list .rating-4{ left: 72px; } .header-style-two .header-top .rating-box .rating-list .rating-5{ left: 96px; background: transparent; } .header-style-two .header-top .rating-box .rating-list .rating-5:before{ position: absolute; content: ''; left: -7px; top: -1px; width: 16px; height: 16px; border-radius: 50%; } .header-style-two .header-top .top-left{ position: relative; display: flex; align-items: center; } .header-style-two .header-top .top-left .link-box a{ position: relative; display: inline-block; font-size: 14px; line-height: 24px; color: #1d1b1a; font-weight: 600; text-transform: uppercase; padding-left: 42px; } .header-style-two .header-top .top-left .link-box a:hover{ } .header-style-two .header-top .top-left .link-box a i{ position: absolute; left: 0px; top: -5px; font-size: 34px; } .header-style-two .header-top .top-right{ position: relative; display: flex; align-items: center; } .header-style-two .header-top .top-right .subscribe-link{ position: relative; display: block; padding-left: 28px; margin-right: 30px; } .header-style-two .header-top .top-right .subscribe-link p a{ color: #8b8a89; } .header-style-two .header-top .top-right .subscribe-link p a:hover{ } .header-style-two .header-top .top-right .subscribe-link .icon-box{ position: absolute; left: 0px; top: 3px; font-size: 18px; } .header-style-two .header-top .social-links li i{ } .header-style-two .header-top .social-links li a{ color: #8b8a89; } .header-style-two .header-top .social-links li a:hover{ } .header-style-two .header-lower .outer-container{ position: relative; background: #fff; } .header-style-two .header-lower .nav-toggler{ color: #1d1b1a; } .header-style-two .header-lower .nav-toggler:before{ background: #e9e6e4; opacity: 1; } .header-style-two .header-lower .main-menu .navigation > li > a{ color: #1d1b1a; } .header-style-two .header-lower .left-box{ position: relative; display: flex; align-items: center; } .header-style-two .header-lower .menu-right-content .search-box-outer{ padding: 0px; margin-right: 52px; } .header-style-two .header-lower .menu-right-content .search-box-outer:before{ display: none; } .header-style-two .header-lower .menu-right-content .search-box-outer .icon-box, .header-style-two .header-lower .menu-right-content .user-box a{ position: relative; display: inline-block; top: 0px; color: #1d1b1a; font-size: 26px; transition: all 500ms ease; } .header-style-two .header-lower .menu-right-content .user-box{ position: relative; margin-right: 52px; } .header-style-two .header-lower .menu-right-content .user-box:before, .header-style-two .header-lower .menu-right-content .user-box:after{ position: absolute; content: ''; background-image: url(../images/icons/icon-7.png); width: 12px; height: 12px; top: 8px; background-repeat: no-repeat; } .header-style-two .header-lower .menu-right-content .user-box:before{ left: -33px; } .header-style-two .header-lower .menu-right-content .user-box:after{ right: -33px; } .header-style-two .header-lower .menu-right-content .user-box a:hover{ } .header-style-two .header-lower .menu-right-content .search-box-outer:hover .icon-box{ } .header-style-two .header-lower .menu-right-content .language-box{ margin-right: 0px; color: #1d1b1a; padding-bottom: 0px; top: -4px; font-size: 16px; } .header-style-two .header-lower .menu-right-content .language-box span{ padding: 0px; } .header-style-two .header-lower .menu-right-content .language-box span:before, .header-style-two .header-lower .menu-right-content .language-box span:after{ display: none; } .header-style-two .header-lower .menu-right-content .language-box .icon-box{ top: 0px; } .header-style-two .header-lower .menu-right-content{ padding-left: 40px; padding-right: 35px; margin-left: 20px; margin-right: 40px; } .header-style-two .header-lower .menu-right-content:before, .header-style-two .header-lower .menu-right-content:after{ position: relative; content: ''; background: #e9e6e4; width: 1px; height: 46px; top: -3px; } .header-style-two .header-lower .menu-right-content:before{ left: -40px; } .header-style-two .header-lower .menu-right-content:after{ right: -35px; } .header-style-two .header-lower .button-box .theme-btn{ background: #1d1b1a; color: #fff; padding: 14px 39px; } .header-style-two .header-lower .button-box .theme-btn:hover{ color: #fff; } .header-style-two .header-lower .main-menu .navigation > li.dropdown > a:before{ color: #949391; } /** banner-style-two **/ .banner-style-two{ position: relative; padding-left: 80px; background: #f3f1ef; } .banner-style-two:before{ position: absolute; content: ''; background: #fff; width: 100%; height: 140px; left: 0px; top: 0px; } .banner-style-two .banner-carousel .slide-item:before{ background: #000; opacity: 0.2; } .banner-style-two .banner-carousel .content-box h2{ font-size: 72px; line-height: 82px; font-weight: 400; margin-bottom: 24px; } .banner-carousel .content-box p{ position: relative; display: block; font-size: 20px; line-height: 30px; color: #fff; padding-left: 100px; opacity: 0; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); -webkit-transition: all 1000ms ease; -moz-transition: all 1000ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; } .banner-carousel .active .content-box p{ opacity: 1; -webkit-transition-delay: 1200ms; -moz-transition-delay: 1200ms; -ms-transition-delay: 1200ms; -o-transition-delay: 1200ms; transition-delay: 1200ms; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .banner-carousel .content-box p:before{ position: absolute; content: ''; width: 80px; height: 1px; left: 0px; top: 16px } .banner-style-two .banner-carousel .content-box{ max-width: 100%; } .banner-style-two .banner-carousel .content-box .btn-box{ position: absolute; right: 0px; bottom: 12px; } .banner-style-two .banner-carousel .slide-item { padding: 389px 0px 223px 0px; } .banner-style-two .owl-nav{ position: absolute; left: -56px; top: 50%; } .banner-style-two .owl-nav button{ position: absolute; left: 0px; font-size: 34px; color: #22201f; transition: all 500ms ease; } .banner-style-two .owl-nav button:hover{ } .banner-style-two .owl-nav button.owl-prev{ top: 103px; left: -5px; transform: rotate(90deg); } .banner-style-two .owl-nav button.owl-next{ bottom: 99px; transform: rotate(-90deg); } .banner-style-two .owl-dots{ position: absolute; left: -46px; top: 39%; } .banner-style-two .owl-dots button{ position: relative; display: block !important; margin: 14px 0px; } .banner-style-two .owl-theme .owl-dots .owl-dot span{ position: relative; display: inline-block; width: 10px; height: 10px; border: 2px solid #d2d0cf; border-radius: 50%; background: transparent; cursor: pointer; margin: 0px; transition: all 500ms ease; } .banner-style-two .owl-theme .owl-dots .owl-dot.active span, .banner-style-two .owl-theme .owl-dots .owl-dot span:hover{ } .banner-style-two .search-room-inner{ position: absolute; left: 0px; bottom: -35px; width: 100%; z-index: 2; } .search-room-inner .title-text{ position: relative; display: block; margin-bottom: 30px; } .search-room-inner .title-text h3{ font-size: 24px; line-height: 34px; color: #fff; text-transform: uppercase; } .banner-style-two .search-room-inner .search-content{ background: transparent; margin: 0px -5px; } .banner-style-two .search-room-inner .search-content .form-group{ padding: 0px 5px; border: none; } .banner-style-two .search-room-inner .search-content .form-group .nice-select, .banner-style-two .search-room-inner .search-content .form-group input{ background: #fff; box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.10); border-radius: 0px; height: 70px; line-height: 70px; padding: 0px 30px; } .banner-style-two .search-room-inner .search-content .form-group:first-child .nice-select{ border-radius: 40px 0px 0px 40px; } .banner-style-two .search-room-inner .search-content .form-group .nice-select:after{ bottom: 65px; right: 36px; font-size: 12px; } .banner-style-two .search-room-inner .search-content .form-group button{ padding: 22.5px 30px; border-radius: 0px 40px 40px 0px; } .banner-style-two .search-room-inner .search-content .form-group button:hover{ background: #1d1b1a; } /** about-style-two **/ .about-style-two{ position: relative; padding: 140px 0px; } .about-style-two .image-box{ position: relative; display: block; margin-right: 50px; } .about-style-two .image-box .image{ position: relative; display: block; overflow: hidden; } .about-style-two .image-box .image:before{ position: absolute; top: 0; left: -80%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%); background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .3))); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%); -webkit-transform: skewX(-25deg); -ms-transform: skewX(-25deg); transform: skewX(-25deg); z-index: 1; } .about-style-two .image-box .image:hover:before { -webkit-animation: shine 1s; animation: shine 1s; } @-webkit-keyframes shine { 100% { left: 125%; } } @keyframes shine { 100% { left: 125%; } } .about-style-two .image-box .image img{ width: 100%; } .about-style-two .image-box .text-inner{ position: absolute; right: 30px; bottom: 30px; display: flex; width: 200px; height: 200px; align-items: center; justify-content: center; border-radius: 50%; text-align: center; padding: 0px 25px; z-index: 1; } .about-style-two .image-box .text-inner .icon-box{ position: relative; display: inline-block; font-size: 60px; color: #fff; margin-bottom: 17px; } .about-style-two .image-box .text-inner h4{ font-size: 20px; line-height: 26px; color: #fff; } .about-style-two .content-box{ position: relative; display: block; margin-right: 60px; margin-top: -4px; } .about-style-two .content-box .sec-title{ margin-bottom: 39px; } .about-style-two .content-box .text{ margin-bottom: 45px; } .about-style-two .content-box .text p{ margin-bottom: 27px; } .about-style-two .content-box .text h3{ display: block; font-size: 22px; line-height: 32px; margin-bottom: 12px; } .about-style-two .content-box .text h3:last-child{ margin-bottom: 0px; } .about-style-two .content-box .text h3 a{ display: inline-block; } .about-style-two .content-box .text h3 a.mail{ text-decoration: underline; } .about-style-two .content-box .btn-box .theme-btn{ background: #1b1a18; color: #fff; padding: 16px 39px; } .about-style-two .content-box .btn-box .theme-btn:hover{ } /** room-categories **/ .room-categories{ position: relative; } .room-categories .slide-item{ position: relative; padding-bottom: 140px; } .room-categories .bg-layer{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; background-attachment: fixed; } .room-categories .bg-layer:before{ position: absolute; content: ''; background: #000; width: 100%; height: 100%; left: 0px; top: 0px; opacity: 0.1; } .room-categories .inner-box{ position: relative; display: block; padding: 136px 0px 60px 50px; z-index: 1; } .room-categories .inner-box:before{ position: absolute; content: ''; background: #1d1b1a; width: 400px; height: 100%; left: 0px; top: 0px; z-index: -1; } .room-categories .inner-box .single-box{ position: relative; max-width: 300px; padding: 22px 0px 24px 0px; border-top: 1px solid #373534; border-bottom: 1px solid #373534; margin-bottom: 23px; } .room-categories .inner-box .single-box h3{ display: block; font-size: 32px; line-height: 42px; color: #f4f2f1; margin-bottom: 8px; } .room-categories .inner-box .single-box span{ position: relative; display: block; font-size: 14px; line-height: 24px; color: #ab6034; font-weight: 600; text-transform: uppercase; padding-left: 22px; } .room-categories .inner-box .single-box span:before{ position: absolute; content: ''; background-image: url(../images/icons/icon-7.png); width: 12px; height: 12px; left: 0px; top: 6px; background-repeat: no-repeat; } .room-categories .inner-box .text{ max-width: 300px; } .room-categories .inner-box .text p{ color: #b8b5b1; margin-bottom: 32px; } .room-categories .inner-box .theme-btn{ padding: 16px 38px; } .room-categories .owl-nav{ position: absolute; right: 0px; left: 0px; bottom: 140px; max-width: 1170px; margin: 0 auto; text-align: right; } /** popular-rooms-two **/ .popular-rooms-two{ position: relative; padding: 136px 0px 131px 0px; background-color: #f4f2f1; } .popular-rooms-two:before{ position: absolute; content: ''; background: #fff; width: 100%; height: 380px; left: 0px; bottom: 0px; } .popular-rooms-two .owl-carousel .owl-stage-outer{ overflow: visible; } .popular-rooms-two .owl-carousel .owl-stage-outer .owl-item{ opacity: 0; } .popular-rooms-two .owl-carousel .owl-stage-outer .owl-item.active{ opacity: 1; } .room-block-two .inner-box{ position: relative; display: block; overflow: hidden; transition: all 500ms ease; } .room-block-two .inner-box:hover{ box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.10); } .room-block-two .inner-box .image-box{ position: relative; display: block; overflow: hidden; } .room-block-two .inner-box .image-box .image{ position: relative; display: block; overflow: hidden; } .room-block-two .inner-box .image-box .image img{ width: 100%; transition: all 500ms ease; } .room-block-two .inner-box:hover .image-box .image img{ transform: scale(1.05); } .room-block-two .inner-box .image-box .post-date{ position: absolute; top: 0px; right: 0px; z-index: 1; width: 100px; } .room-block-two .inner-box .image-box .post-date h3{ position: relative; display: block; font-size: 22px; line-height: 47px; color: #fff; background: #1d1b1a; text-align: center; } .room-block-two .inner-box .image-box .post-date span{ position: relative; display: block; font-size: 12px; line-height: 30px; color: #8b8a89; font-weight: 600; text-transform: uppercase; background: #fff; text-align: center; } .room-block-two .inner-box .image-box .btn-box{ position: absolute; left: 20px; bottom: -50px; width: calc(100% - 40px); opacity: 0; transition: all 500ms ease; } .room-block-two .inner-box:hover .image-box .btn-box{ bottom: 0px; opacity: 1; } .room-block-two .inner-box .image-box .btn-box a{ position: relative; display: block; font-size: 14px; line-height: 24px; font-weight: 600; color: #fff; text-transform: uppercase; text-align: center; padding: 14px 15px 12px 15px; } .room-block-two .inner-box .lower-content{ position: relative; display: block; border: 1px solid #e4e3e0; } .room-block-two .inner-box .lower-content .text{ padding: 24px 15px 23px 15px; text-align: center; border-bottom: 1px solid #e4e3e0; } .room-block-two .inner-box .lower-content h3{ display: block; font-size: 25px; line-height: 35px; margin-bottom: 3px; } .room-block-two .inner-box .lower-content h3 a{ display: inline-block; color: #1d1b1a; } .room-block-two .inner-box .lower-content h3 a:hover{ } .room-block-two .inner-box .lower-content span{ position: relative; display: block; font-size: 17px; line-height: 24px; color: #000; } .room-block-two .inner-box .lower-content .feature-list li{ position: relative; display: block; float: left; width: 50%; padding: 11px 15px; border-right: 1px solid #e4e3e0; } .room-block-two .inner-box .lower-content .feature-list li:last-child{ border-right: none; } .room-block-two .inner-box .lower-content .feature-list li p{ position: relative; display: inline-block; padding-left: 28px; } .room-block-two .inner-box .lower-content .feature-list li p i{ position: absolute; left: 0px; top: 3px; font-size: 18px; color: #8b8a89; } .popular-rooms-two .more-text{ position: relative; display: block; margin-top: 55px; } .popular-rooms-two .more-text h3{ display: block; font-size: 22px; line-height: 32px; font-style: italic; } .popular-rooms-two .tab-btn-box{ display: block; margin-bottom: 51px; } .popular-rooms-two .tab-btn-box .tab-btns li{ position: relative; display: inline-block; font-size: 32px; line-height: 42px; font-family: "Nunito", sans-serif; color: #b8b5b2; cursor: pointer; margin: 0px 20px; transition: all 500ms ease; } .popular-rooms-two .tab-btn-box .tab-btns li:before { position: absolute; content: ''; background: #bdb9b5; width: 6px; height: 6px; border-radius: 50%; right: -25px; bottom: 9px; } .popular-rooms-two .tab-btn-box .tab-btns li:last-child:before{ display: none; } .popular-rooms-two .tab-btn-box .tab-btns li.active-btn, .popular-rooms-two .tab-btn-box .tab-btns li:hover{ color: #1d1b1a; } .popular-rooms-two .owl-nav{ position: absolute; left: 0px; top: -100px; width: 100%; } .popular-rooms-two .owl-nav button{ position: absolute; top: 0px; display: inline-block; width: 56px; height: 56px; line-height: 56px; font-size: 34px; border: 1px solid #d9d7d6; border-radius: 50%; color: #1d1b1a; text-align: center; transition: all 500ms ease; } .popular-rooms-two .owl-nav button:hover{ color: #fff; } .popular-rooms-two .owl-nav button.owl-prev{ left: 0px; transform: rotate(180deg); } .popular-rooms-two .owl-nav button.owl-prev:before, .popular-rooms-two .owl-nav button.owl-next:before{ position: absolute; content: ''; background: #d5d4d3; width: 270px; height: 1px; right: 100px; top: 28px; } .popular-rooms-two .owl-nav button.owl-next{ right: 0px; } .popular-rooms-two .sec-title{ margin-bottom: 33px; } /** highlights-section **/ .highlights-section{ position: relative; border-top: 20px solid #1d1b1a; } .highlights-section .bg-layer{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; } .highlights-section .bg-layer:before{ position: absolute; content: ''; left: 0px; top: 0px; width: 100%; height: 100%; background: -webkit-linear-gradient(90deg, rgba(0,0,0,0.80) 0%, rgba(0,0,0,0.20) 50%); } .highlights-section .content-box{ position: relative; display: block; float: left; width: 33.333%; padding: 440px 30px 50px 30px; border-right: 1px solid rgba(255, 255, 255, 0.10); overflow: hidden; } .highlights-section .content-box:first-child{ border-left: 1px solid rgba(255, 255, 255, 0.10); } .highlights-section .content-box .icon-box{ position: relative; display: block; font-size: 100px; line-height: 80px; color: #fff; margin-bottom: 30px; } .highlights-section .content-box h3{ display: block; font-size: 25px; line-height: 35px; color: #fff; } .highlights-section .content-box .overlay-content{ position: absolute; display: flex; align-items: center; justify-content: center; background: #1d1b1a; padding: 30px 55px; left: -1px; top: 30px; width: calc(100% + 2px); height: 100%; opacity: 0; z-index: 1; transition: all 500ms ease; } .highlights-section .content-box:hover .overlay-content{ top: 0px; opacity: 1; } .highlights-section .content-box .overlay-content .icon-box{ } .highlights-section .content-box .overlay-content p{ position: relative; display: block; padding-top: 63px; padding-bottom: 62px; color: #b8b5b2; } .highlights-section .content-box .overlay-content p:before, .highlights-section .content-box .overlay-content p:after{ position: absolute; content: ''; border-right: 1px solid #373534; height: 40px; left: 50%; transform: translateY(-50%); } .highlights-section .content-box .overlay-content p:before{ top: 30px; } .highlights-section .content-box .overlay-content p:after{ bottom: -10px; } .highlights-section .content-box .overlay-content a{ position: relative; display: inline-block; font-size: 14px; line-height: 24px; color: #fff; font-weight: 600; text-transform: uppercase; } .highlights-section .content-box .overlay-content a:hover{ } /** experience-style-two **/ .experience-style-two{ position: relative; padding: 136px 0px 132px 0px; } .experience-style-two .sec-title .big-text{ position: absolute; right: 0px; bottom: 6px; font-size: 100px; line-height: 80px; font-family: "Nunito", sans-serif; text-transform: uppercase; color: #f4f2f1; } .experience-style-two .single-item{ position: relative; display: block; padding-right: 0px; } .experience-style-two .single-item .icon-box{ position: relative; display: block; font-size: 50px; width: 100px; height: 100px; line-height: 114px; text-align: center; z-index: 1; margin-bottom: 30px; } .experience-style-two .single-item .icon-box:before{ position: absolute; content: ''; background-image: url(../images/shape/shape-3.png); width: 100px; height: 100px; left: 0px; top: 0px; background-repeat: no-repeat; z-index: -1; } .experience-style-two .single-item h3{ display: block; font-size: 25px; line-height: 35px; margin-bottom: 13px; } .experience-style-two .single-item p{ margin-bottom: 20px; } .experience-style-two .single-item .list-item li{ position: relative; display: block; font-size: 18px; color: #8b8a89; padding-left: 28px; margin-bottom: 12px; } .experience-style-two .single-item .list-item li:before{ position: absolute; content: ''; background-image: url(../images/icons/icon-7.png); width: 12px; height: 12px; left: 0px; top: 7px; background-repeat: no-repeat; } .experience-style-two .single-item .list-item li:last-child{ margin-bottom: 0px; } .experience-style-two .single-column:nth-child(2), .experience-style-two .single-column:last-child{ padding-top: 40px; } .bg-color-3{ background-color: #f4f2f1; } /** location-section **/ .location-section{ position: relative; padding: 136px 0px 132px 0px; } .tabs-box .tab{ position:relative; display:none; transition: all 900ms ease; -moz-transition: all 900ms ease; -webkit-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; } .tabs-box .tab.active-tab{ display:block; } .tabs-box .tab{ transform:scale(0.9,0.9) translateY(0px); } .tabs-box .tab.active-tab{ transform:scale(1) translateY(0px); } .location-section .tab-btn-box{ position: relative; display: block; border: 1px solid #d9d7d6; background: #fff; padding: 19px 50px; } .location-section .tab-btns li{ position: relative; display: block; padding: 30px 0px 24px 0px; cursor: pointer; transition: all 500ms ease; } .location-section .tab-btns li.active-btn, .location-section .tab-btns li:hover{ padding-left: 35px; } .location-section .tab-btns li:before{ position: absolute; content: ''; background: #e9e6e4; width: 100px; height: 1px; left: 0px; bottom: 0px; transition: all 500ms ease; } .location-section .tab-btns li:last-child:before{ display: none; } .location-section .tab-btns li.active-btn:before, .location-section .tab-btns li:hover:before{ width: 100%; } .location-section .tab-btns li:after{ position: absolute; content: ''; width: 20px; height: 20px; left: 0px; top: 30px; border-radius: 50%; transform: scale(0,0); transition: all 500ms ease; } .location-section .tab-btns li.active-btn:after, .location-section .tab-btns li:hover:after{ transform: scale(1,1); } .location-section .tab-btns li h3{ position: relative; display: inline-block; font-size: 25px; line-height: 25px; } .location-section .tab-btns li h3 span{ position: relative; display: inline-block; padding-left: 32px; font-size: 18px; font-family: "Nunito", sans-serif; font-weight: 400; color: #8b8a89; } .location-section .tab-btns li h3 span:before{ position: absolute; content: ''; background-image: url(../images/icons/icon-7.png); width: 12px; height: 12px; left: 10px; top: 6px; background-repeat: no-repeat; } .location-section .tabs-content .image-box{ position: relative; display: block; overflow: hidden; } .location-section .tabs-content .image-box img{ width: 100%; } .location-section .tabs-content .image-box .text{ position: absolute; right: 30px; bottom: 30px; border-radius: 30px; background: #fff; border-radius: 30px; padding: 13px 38px 15px 70px; z-index: 1; } .location-section .tabs-content .image-box .text i{ position: absolute; left: 40px; top: 17px; font-size: 20px; color: #1b1a18; } .location-section .tabs-content .image-box .text a{ position: relative; display: inline-block; font-size: 14px; line-height: 24px; font-weight: 600; text-transform: uppercase; color: #1b1a18; } .location-section .tabs-content .image-box .text a:hover{ } .location-section .more-text{ position: relative; display: block; margin-top: 54px; } .location-section .more-text h3{ display: block; font-size: 22px; line-height: 32px; font-style: italic; } /** testimonial-style-two **/ .testimonial-style-two{ position: relative; background: #1d1b1a; padding: 135px 0px 140px 0px; } .testimonial-style-two .testimonial-block{ position: relative; display: block; max-width: 900px; margin: 0 auto; } .testimonial-style-two .testimonial-block .inner-box .rating li{ position: relative; display: inline-block; font-size: 16px; } .testimonial-style-two .testimonial-block .inner-box .rating{ margin-bottom: 29px; } .testimonial-style-two .testimonial-block .inner-box h3{ display: block; font-size: 30px; line-height: 40px; color: #fff; margin-bottom: 24px; } .testimonial-style-two .testimonial-block .inner-box p{ font-size: 25px; line-height: 35px; font-family: "Nunito", sans-serif; color: #b8b5b2; font-style: italic; } .testimonial-style-two .testimonial-block .inner-box{ position: relative; display: block; margin-bottom: 50px; } .testimonial-style-two .testimonial-block .author-box{ position: relative; display: block; padding: 17px 0px 12px 110px; margin-left: 60px; } .testimonial-style-two .testimonial-block .author-box .author-thumb{ position: absolute; left: 0px; top: 0px; width: 90px; height: 90px; border-radius: 50%; } .testimonial-style-two .testimonial-block .author-box .author-thumb img{ width: 100%; border-radius: 50%; } .testimonial-style-two .testimonial-block .author-box h3{ display: block; font-size: 25px; line-height: 25px; color: #fff; margin-bottom: 8px; } .testimonial-style-two .testimonial-block .author-box .designation{ position: relative; display: block; font-size: 18px; line-height: 28px; } .testimonial-style-two .inner-container{ position: relative; display: block; } .testimonial-style-two .client-thumb-outer{ position: absolute; right: 200px; bottom: -8px; width: 310px; overflow: hidden; } .testimonial-style-two .client-thumb-outer .client-thumbs-carousel { position: relative; max-width: 90px; margin: 0 auto; } .testimonial-style-two .client-thumb-outer .client-thumbs-carousel .owl-stage-outer { overflow: visible; } .testimonial-style-two .client-thumb-outer .thumb-box{ position: relative; display: inline-block; width: 90px; height: 90px; border-radius: 50%; } .testimonial-style-two .client-thumb-outer .thumb-box img{ width: 100%; border-radius: 50%; } .testimonial-style-two .light-icon{ position: absolute; left: 0px; top: -70px; font-size: 470px; color: transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: rgba(255, 255, 255, 0.05); } /** gallery-section **/ .gallery-section{ position: relative; background: #1d1b1a; } .gallery-section:before{ position: absolute; content: ''; background: #fff; width: 100%; height: 50%; left: 0px; bottom: 0px; } .gallery-section .outer-container{ position: relative; padding: 0px 80px; } .gallery-block-one .inner-box{ position: relative; display: block; overflow: hidden; } .gallery-block-one .inner-box .image-box{ position: relative; display: block; overflow: hidden; } .gallery-block-one .inner-box .image-box img{ width: 100%; transition: all 500ms ease; } .gallery-block-one .inner-box:hover .image-box img{ transform: scale(1.05); } .gallery-block-one .inner-box .view-btn{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); } .gallery-block-one .inner-box .view-btn a{ position: relative; display: inline-block; width: 68px; height: 68px; line-height: 76px; font-size: 30px; color: #1d1b1a; background: #fff; text-align: center; border-radius: 50%; transform: scale(0,0); } .gallery-block-one .inner-box .view-btn a:hover{ color: #fff; } .gallery-block-one .inner-box:hover .view-btn a{ transform: scale(1,1); } .gallery-block-one .inner-box .title-text{ position: absolute; left: 0px; bottom: -70px; width: 100%; background: #fff; padding: 18px 15px 17px 15px; text-align: center; opacity: 0; border-bottom: 1px solid #e9e6e4; transition: all 500ms ease; } .gallery-block-one .inner-box:hover .title-text{ opacity: 1; bottom: 0px; } .gallery-block-one .inner-box .title-text h3{ display: block; font-size: 25px; line-height: 35px; } .gallery-block-one .inner-box .title-text h3 a{ display: inline-block; color: #1d1b1a; } .gallery-block-one .inner-box .title-text h3 a:hover{ } /** news-style-two **/ .news-style-two{ position: relative; } .news-block-two .inner-box{ position: relative; display: block; overflow: hidden; background: #f4f2f1; } .news-block-two .inner-box .post-date{ position: absolute; top: 20px; right: 20px; z-index: 2; } .news-block-two .inner-box .post-date h3{ position: relative; display: inline-block; font-size: 25px; line-height: 30px; color: #1d1b1a; background: #fff; width: 70px; padding: 10px 12px 8px 12px; text-align: center; } .news-block-two .inner-box .post-date h3:before{ position: absolute; content: ''; background: #fff; width: 100%; height: 1px; left: 0px; bottom: -3px; } .news-block-two .inner-box .post-date h3 span{ position: relative; display: block; font-size: 14px; line-height: 20px; font-family: "Nunito", sans-serif; color: #1d1b1a; text-transform: uppercase; padding-bottom: 5px; margin-bottom: 4px; border-bottom: 1px solid #e9e6e4; } .news-block-two .inner-box .image-box{ position: relative; display: block; overflow: hidden; } .news-block-two .inner-box .image-box:before{ position: absolute; content: ''; left: 0px; top: 0px; width: 100%; height: 100%; background: -webkit-linear-gradient(90deg, rgba(0,0,0,0.80) 0%, rgba(0,0,0,0.0) 30%); z-index: 1; } .news-block-two .inner-box .image-box img{ width: 100%; transition: all 500ms ease; } .news-block-two .inner-box:hover .image-box img{ transform: scale(1.05); } .news-block-two .inner-box .text-inner{ position: absolute; left: 0px; bottom: 0px; width: 100%; padding: 20px 30px; padding-right: 20px; background: rgba(10, 8, 7, 0.50); z-index: 2; } .news-block-two .inner-box .text-inner .category{ position: relative; display: inline-block; padding-left: 21px; padding-bottom: 9px; margin-bottom: 18px; } .news-block-two .inner-box .text-inner .category:before{ position: absolute; content: ''; width: calc(100% + 30px); height: 1px; right: 0px; bottom: 0px; } .news-block-two .inner-box .text-inner .category:after{ position: absolute; content: ''; width: 7px; height: 7px; bottom: -3px; right: 0px; border-radius: 50%; } .news-block-two .inner-box .text-inner .category i{ position: absolute; left: 0px; top: 10px; font-size: 12px; color: #fff; } .news-block-two .inner-box .text-inner .category a{ position: relative; display: inline-block; font-size: 14px; line-height: 24px; color: #fff; font-weight: 600; text-transform: uppercase; } .news-block-two .inner-box .content-box{ position: relative; } .news-block-two .inner-box .text-inner .category a:hover{ } .news-block-two .inner-box .text-inner h3{ display: block; font-size: 25px; line-height: 35px; } .news-block-two .inner-box .text-inner h3 a{ display: inline-block; color: #fff; } .news-block-two .inner-box .text-inner h3 a:hover{ } .news-block-two .inner-box .lower-box{ position: relative; padding: 16px 30px; } .news-block-two .inner-box .lower-box .post-info{ position: relative; display: block; padding-left: 20px; } .news-block-two .inner-box .lower-box .post-info:before{ position: absolute; content: ''; background-image: url(../images/icons/icon-7.png); width: 12px; height: 12px; left: 0px; top: 6px; background-repeat: no-repeat; } .news-block-two .inner-box .lower-box .post-info li{ position: relative; display: inline-block; float: left; font-size: 14px; line-height: 24px; color: #8d8b8a; font-weight: 500; margin-right: 42px; text-transform: uppercase; } .news-block-two .inner-box .lower-box .post-info li:last-child{ margin: 0px; } .news-block-two .inner-box .lower-box .post-info li a{ display: inline-block; color: #8d8b8a; } .news-block-two .inner-box .lower-box .post-info li a:hover{ } .news-block-two .inner-box .lower-box .post-info li:first-child a{ } .news-block-two .inner-box .lower-box .post-info li:before{ position: absolute; content: ''; background: #d9d6d4; width: 22px; height: 1px; right: -32px; top: 12px; } .news-block-two .inner-box .lower-box .post-info li:last-child:before{ display: none; } /** fluid-section **/ .fluid-section{ position: relative; padding: 0px 80px; } .fluid-section:before{ position: absolute; content: ''; background: #f4f2f1; width: 100%; height: 50%; left: 0px; bottom: 0px; } .fluid-section .single-item .inner-box{ position: relative; width: 100%; padding: 136px 0px 140px 0px; background-size: cover; background-repeat: no-repeat; background-position: center; } .fluid-section .single-item .inner-box:before{ position: absolute; content: ''; background: #000; width: 100%; height: 100%; left: 0px; top: 0px; opacity: 0.4; } .fluid-section .single-item .inner-box .sec-title{ margin-bottom: 0px; } .fluid-section .single-item .inner-box .sec-title h2{ margin-bottom: 28px; font-size: 36px; line-height: 46px; text-transform: uppercase; padding-top: 4px; } .fluid-section .single-item .inner-box .theme-btn{ padding: 16px 39px; } .fluid-section .single-item .inner-box .shape{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-repeat: no-repeat; } .fluid-section .single-item .inner-box .shape-1, .fluid-section .single-item .inner-box .shape-2{ background-position: right center; } .fluid-section .single-item .inner-box .shape-3, .fluid-section .single-item .inner-box .shape-4{ background-position: left bottom; } /** funfact-section **/ .funfact-section{ position: relative; padding: 134px 0px 130px 0px; } .funfact-block-one .inner-box{ position: relative; display: block; } .funfact-block-one .inner-box .count-outer{ position: relative; display: block; font-size: 100px; line-height: 96px; font-family: 'Carattere', cursive; margin-bottom: 0px; } .funfact-block-one .inner-box h3{ display: block; font-size: 25px; line-height: 35px; } /** footer-style-two **/ .footer-style-two{ position: relative; background: #1d1b1a; } .footer-style-two .widget-section{ position: relative; padding: 136px 0px 127px 0px; } .footer-style-two .nav-widget .nav-list li{ position: relative; display: block; margin-bottom: 4px; } .footer-style-two .nav-widget .nav-list li:last-child{ margin-bottom: 0px; } .footer-style-two .nav-widget .nav-list li a{ display: inline-block; font-size: 32px; line-height: 42px; font-family: "Nunito", sans-serif; color: #b8b5b2; } .footer-style-two .nav-widget .nav-list li a:hover{ } .footer-style-two .nav-widget{ position: relative; } .footer-style-two .nav-widget:before{ position: absolute; content: ''; background: #373534; width: 1px; height: calc(100% - 17px); top: 9px; right: 0px; } .footer-style-two .links-widget{ margin-left: 12px; } .footer-style-two .links-widget .links-list li{ position: relative; display: block; margin-bottom: 8px; } .footer-style-two .links-widget .links-list li:last-child{ margin-bottom: 0px; } .footer-style-two .links-widget .links-list li a{ display: inline-block; font-size: 18px; color: #b8b5b2; } .footer-style-two .links-widget .links-list li a:hover{ } .footer-style-two .widget-title{ position: relative; display: block; margin-bottom: 13px; } .footer-style-two .widget-title h3{ font-size: 25px; line-height: 35px; color: #fff; } .footer-style-two .social-links li{ position: relative; display: inline-block; float: left; margin-right: 10px; } .footer-style-two .social-links li:last-child{ margin: 0px; } .footer-style-two .social-links li a{ position: relative; display: inline-block; width: 46px; height: 46px; line-height: 46px; background: #fff; font-size: 18px; color: #1d1b1a; text-align: center; border-radius: 50%; } .footer-style-two .social-links li a:hover{ color: #fff; } .footer-style-two .social-links{ margin-bottom: 20px; } .footer-style-two .copyright p{ color: #bdb9b5; } .footer-style-two .copyright p a:hover{ color: #fff; } .footer-style-two .copyright-widget .widget-title{ margin-bottom: 22px; } .footer-style-two .copyright-widget{ position: relative; padding-bottom: 29px; } .footer-style-two .copyright-widget:before{ position: absolute; content: ''; background: #373534; width: 1px; height: calc(100% - 0px); left: -30px; top: 5px; } .footer-style-two .footer-bottom{ background: #141212; padding: 20px 0px; } .footer-style-two .footer-bottom a{ color: #b8b5b2; } .footer-style-two .footer-bottom a:hover{ color: #fff; } .footer-bottom .card-list li{ position: relative; display: inline-block; float: left; margin-right: 10px; } .footer-bottom .card-list li:last-child{ margin: 0px; } /*** ==================================================================== Home-Page-Three ==================================================================== ***/ /** header-style-three **/ .header-style-three{ position: relative; } .header-style-three .header-lower{ position: relative; background: #f3f1f0; border-bottom: 1px solid #d6d3d1; } .header-style-three .outer-box .left-box{ position: relative; display: flex; align-items: center; } .header-style-three .nav-toggler{ color: #1d1b1a; margin: 0px; } .header-style-three .nav-toggler:before{ display: none; } .header-style-three .nav-toggler:hover{ } .header-style-three .main-menu .navigation > li > a{ color: #1b1919; } .header-style-three .main-menu .navigation > li.dropdown > a:before{ color: #8d8b8a; } .header-style-three .menu-right-content .search-box-outer{ padding: 0px; margin: 0px 42px 0px 0px; } .header-style-three .menu-right-content{ margin-left: 20px; } .header-style-three .menu-right-content .search-box-outer:before{ display: none; } .header-style-three .logo-box{ position: relative; margin-right: 61px; padding: 17px 0px; } .header-style-three .logo-box:before{ position: absolute; content: ''; background: #d6d3d1; width: 1px; height: 46px; top: 17px; right: -32px; } .header-style-three .outer-box{ padding: 0px; } .header-style-three .main-menu .navigation > li > a{ padding-top: 25px; padding-bottom: 25px; } .header-style-three .main-menu .navigation > li.dropdown > a:before{ top: 25px; } .header-style-three .menu-right-content .search-box-outer .icon-box{ position: relative; left: 0px; top: 2px; color: #1d1b1a; font-size: 20px; transition: all 500ms ease; } .header-style-three .menu-right-content .search-box-outer .icon-box:hover{ } .header-style-three .sticky-header{ background: #f3f1f0; border-bottom: 1px solid #d6d3d1; } /** banner-style-three **/ .banner-style-three{ position: relative; background: #f3f1f0; z-index: 2; } .banner-style-three .pattern-layer{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; left: 0px; top: 0px; background-repeat: no-repeat; background-position: center; background-size: cover; } .banner-style-three .banner-carousel .slide-item:before{ display: none; } .banner-style-three .banner-carousel .slide-item{ padding: 133px 0px 184px 0px; } .banner-style-three .banner-carousel .content-box h2{ color: #1b1919; margin-bottom: 19px; text-transform: capitalize; } .banner-style-three .banner-carousel .content-box p{ color: #878584; } .banner-style-three .rotate-text{ position: absolute; top: 34px; right: 20px; } .banner-style-three .rotate-text .curved-circle-2{ position: absolute; left: 0px; top: 0px; font-size: 14px; line-height: 24px; color: #1b1919; font-weight: 600; text-transform: uppercase; } .banner-style-three .rotate-text .curved-circle-3{ position: absolute; left: 0px; bottom: -180px; font-size: 14px; line-height: 24px; color: #1b1919; font-weight: 600; text-transform: uppercase; transform: rotate(0deg); } .banner-style-three .rotate-text .icon-box{ position: relative; left: -25px; top: 65px; } .banner-style-three .rotate-text .icon-box:before, .banner-style-three .rotate-text .icon-box:after{ position: absolute; content: ''; background: #1b1919; width: 2px; height: 2px; border-radius: 50%; } .banner-style-three .rotate-text .icon-box:before{ left: -67px; top: 33px; } .banner-style-three .rotate-text .icon-box:after{ top: 32px; right: -63px; } .banner-style-three .owl-nav{ position: absolute; top: 50%; width: 100%; margin-top: -20px; } .banner-style-three .owl-nav button{ position: absolute; top: 0px; display: inline-block; width: 94px; height: 48px; line-height: 48px; text-align: center; font-size: 34px; color: #1b1919; border: 1px solid #1b1919; transition: all 500ms ease; } .banner-style-three .owl-nav button:hover{ color: #fff; } .banner-style-three .owl-nav button.owl-prev{ left: 50px; transform: rotate(180deg); } .banner-style-three .owl-nav button.owl-next{ right: 50px; } .banner-style-three .search-room-inner{ position: absolute; left: 0px; bottom: -129px; width: 100%; z-index: 1; } .banner-style-three .search-room-inner .search-content{ background: transparent; } .banner-style-three .search-room-inner form{ position: relative; margin: 0px 5px; } .banner-style-three .search-room-inner .search-content .form-group{ background: #fff; border: none; width: 100%; padding: 18px 20px; } .banner-style-three .search-room-inner .search-content .single-column{ padding: 0px 10px; } .banner-style-three .search-room-inner .search-content .form-group label{ color: #878584; } .banner-style-three .search-room-inner .search-content .form-group input[type='text'], .banner-style-three .search-room-inner .search-content .form-group .nice-select{ font-size: 24px; font-family: "Nunito", sans-serif; color: #1b1919; } .banner-style-three .search-room-inner .search-content .form-group .icon-box{ bottom: 22px; right: 15px; } .banner-style-three .search-room-inner .search-content .form-group .nice-select:after{ font-size: 14px; right: 7px; } .banner-style-three .search-room-inner .theme-btn{ position: absolute; top: 0px; right: 0px; padding: 39.5px 52px; color: #fff; } .banner-style-three .search-room-inner .theme-btn.btn-two{ padding: 39px 30px; } .banner-style-three .search-room-inner .theme-btn.btn-two:hover{ background: #e4562e; } .banner-style-three .search-room-inner .theme-btn:before, .banner-style-three .search-room-inner .theme-btn:after{ } .banner-style-three .search-room-inner .search-content .form-group.message-btn{ padding: 0px; } .banner-style-three .search-room-inner .more-text{ position: relative; display: block; margin-top: 45px; } .banner-style-three .search-room-inner .more-text h3{ font-size: 22px; line-height: 32px; color: #bbb7b5; font-style: italic; } /** hotel-view-section **/ .hotel-view-section{ position: relative; background: #1b1919; padding-top: 175px; } .hotel-view-section .outer-container{ position: relative; } .hotel-view-section .image-box{ position: relative; display: block; overflow: hidden; } .hotel-view-section .image-box:before{ position: absolute; content: ''; width: 100%; height: 100%; left: 0px; top: 0px; background: #000; opacity: 0.15; z-index: 1; } .hotel-view-section .image-box img{ width: 100%; transition: all 500ms ease; } .hotel-view-section .image-box:hover img{ transform: scale(1.05); } .hotel-view-section .view-btn{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 2; } .hotel-view-section .view-btn a{ position: relative; display: inline-block; width: 80px; height: 80px; line-height: 90px; background: #fff; font-size: 40px; color: #1b1919; text-align: center; border-radius: 50%; } .hotel-view-section .view-btn a:before{ position: absolute; content: ''; border: 1px solid #fff; border-radius: 50%; width: 100px; height: 100px; left: -10px; top: -10px; } /** top-style-section **/ .top-style-section{ position: relative; } .top-style-section .tabs-content .image-box{ position: relative; display: block; margin-right: 20px; } .top-style-section .tabs-content .image-box img{ width: 100%; } .top-style-section .title-inner{ margin-top: -3px; } .top-style-section .tab-btn-box .tab-btns li{ position: relative; display: block; cursor: pointer; padding-bottom: 20px; border-bottom: 1px solid #e4e1df; margin-bottom: 21px; transition: all 500ms ease; } .top-style-section .tab-btn-box .tab-btns li:last-child{ margin-bottom: 0px; } .top-style-section .tab-btn-box .tab-btns li h3{ display: block; font-size: 32px; line-height: 42px; color: #1b1919; margin-bottom: 11px; transition: all 500ms ease; } .top-style-section .tab-btn-box .tab-btns li.active-btn h3{ font-style: italic; font-weight: 400; } .top-style-section .tab-btn-box .tab-btns li span{ position: relative; display: block; font-size: 14px; line-height: 24px; color: #878584; font-weight: 600; text-transform: uppercase; padding-left: 23px; } .top-style-section .tab-btn-box .tab-btns li span:before{ position: absolute; content: ''; background-image: url(../images/icons/icon-9.png); left: 0px; top: 6px; width: 12px; height: 12px; background-repeat: no-repeat; } .top-style-section .tab-btn-box .tab-btns li a{ position: absolute; top: 12px; right: 0px; display: inline-block; width: 56px; height: 56px; line-height: 66px; background: #f3f1f0; font-size: 34px; color: #1f1d1d; text-align: center; border-radius: 50%; transform: scale(0,0); } .top-style-section .tab-btn-box .tab-btns li.active-btn a{ transform: scale(1,1); } .top-style-section .tab-btn-box .tab-btns li a:hover{ color: #fff; } .top-style-section .sec-title{ margin-bottom: 38px; } /** popular-rooms-three **/ .popular-rooms-three{ position: relative; } .room-block-three .inner-box{ position: relative; display: block; overflow: hidden; background: #f3f1f0; margin-bottom: 30px; } .room-block-three .inner-box .image-box{ position: relative; display: block; overflow: hidden; } .room-block-three .inner-box .image-box img{ width: 100%; } .room-block-three .inner-box .lower-content{ position: relative; display: block; border: 1px solid #d6d3d1; border-top: none; padding: 24px 200px 26px 30px; } .room-block-three .inner-box .lower-content .other-content{ position: absolute; top: 0px; right: 0px; width: 160px; height: 100%; border-left: 1px solid #d6d3d1; text-align: center; background: #fff; } .room-block-three .inner-box .lower-content h3{ display: block; font-size: 25px; line-height: 35px; margin-bottom: 8px; } .room-block-three .inner-box .lower-content h3 a{ display: inline-block; color: #1b1919; } .room-block-three .inner-box .lower-content h3 a:hover{ } .room-block-three .inner-box .lower-content .feature-list li{ position: relative; display: inline-block; float: left; font-size: 18px; color: #878584; margin-right: 25px; } .room-block-three .inner-box .lower-content .feature-list li:last-child{ margin: 0px; } .room-block-three .inner-box .lower-content .feature-list li:before{ position: absolute; content: ''; background: #c2bfbd; width: 1px; height: 14px; top: 7px; right: -13px; } .room-block-three .inner-box .lower-content .feature-list li:last-child:before{ display: none; } .room-block-three .inner-box .lower-content .feature-list{ margin-bottom: 13px; } .room-block-three .inner-box .lower-content .link a{ position: relative; display: inline-block; font-size: 14px; line-height: 24px; font-weight: 600; text-transform: uppercase; padding-left: 45px; color: #1b1919; } .room-block-three .inner-box .lower-content .link a i{ position: absolute; left: 0px; top: -5px; font-size: 34px; } .room-block-three .inner-box .lower-content .link a:hover{ } .room-block-three .inner-box .lower-content .other-content h3{ position: relative; display: block; padding: 23px 0px 21px 0px; font-size: 25px; line-height: 35px; border-bottom: 1px solid #d6d3d1; } .room-block-three .inner-box .lower-content .other-content h3 span{ font-size: 18px; } .room-block-three .inner-box .lower-content .other-content .rating{ position: relative; display: block; padding: 17px 0px 10px 0px; } .room-block-three .inner-box .lower-content .other-content .rating a{ position: relative; display: inline-block; padding-left: 26px; font-size: 18px; color: #878584; } .room-block-three .inner-box .lower-content .other-content .rating a i{ position: absolute; left: 0px; top: 2px; font-size: 18px; color: #fec004; } .room-block-three .inner-box .lower-content .other-content .rating a span{ display: inline-block; font-size: 20px; color: #1b1919; } .room-block-three .inner-box .lower-content .other-content .rating a:hover{ } .popular-rooms-three .more-btn{ position: relative; display: block; margin-top: 60px; } .popular-rooms-three .more-btn .theme-btn{ padding: 15px 32px; } .popular-rooms-three .tab-btns{ position: relative; display: block; margin-bottom: 52px; } .popular-rooms-three .tab-btns li{ position: relative; display: inline-block; font-size: 32px; line-height: 40px; font-family: "Nunito", sans-serif; color: #bdb9b5; cursor: pointer; margin: 0px 20px; transition: all 500ms ease; } .popular-rooms-three .tab-btns li.active-btn{ color: #0a0807; } .popular-rooms-three .tab-btns li:before{ position: absolute; content: ''; background: #bdb9b5; width: 6px; height: 6px; border-radius: 50%; right: -25px; bottom: 9px; } .popular-rooms-three .tab-btns li:last-child:before{ display: none; } .popular-rooms-three .sec-title{ margin-bottom: 40px; } .popular-rooms-three:before{ position: absolute; content: ''; background: #f3f1f0; width: 100%; height: 515px; left: 0px; top: 0px; } /** gallery-style-two **/ .gallery-style-two{ position: relative; padding: 0px 60px; } .gallery-style-two:before{ position: absolute; content: ''; background: #fff; width: 100%; height: 50%; left: 0px; top: 0px; } .gallery-style-two .outer-container{ position: relative; overflow: hidden; } .gallery-style-two .owl-carousel{ max-width: 560px; margin: 0 auto; width: 100%; display: block; } .gallery-style-two .owl-stage-outer{ overflow:visible; } .gallery-style-two .gallery-block-one{ max-width: 100%; } .gallery-style-two .owl-item.active .gallery-block-one .inner-box .view-btn a{ transform: scale(1,1); } .gallery-style-two .owl-item.active .gallery-block-one .inner-box .title-text{ bottom: 0px; opacity: 1; } .gallery-style-two .owl-item .gallery-block-one .inner-box .title-text{ background: #f3f1f0; border-bottom: 1px solid #d6d3d1; } .gallery-style-two .owl-nav{ position: absolute; left: 0px; top: 46%; width: 100%; } .gallery-style-two .owl-nav button{ box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.20); } .gallery-style-two .owl-nav .owl-prev{ position: absolute; left: -9%; } .gallery-style-two .owl-nav .owl-next{ position: absolute; right: -9%; } /** feature-section **/ .feature-section{ position: relative; padding: 60px 0px 60px 0px; Background:#c5f7c5 /*!important*/ } .feature-block-one .inner-box{ position: relative; display: block; background: #fff; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.07); padding: 20px 20px 20px 20px; text-align: center; margin-bottom: 30px; } .feature-block-one .inner-box .icon-box{ left: 30px; top: 35px; font-size: 60px; } .feature-block-one .inner-box .link a{ position: relative; display: inline-block; font-size: 34px; color: #bbb7b5; margin-bottom: 16px; } .feature-block-one .inner-box .link a:hover{ } .feature-block-one .inner-box h3{ display: block; font-size: 18px; line-height: 33px; margin-top: 10px; } .feature-section .more-text{ position: relative; display: block; margin-top: 5px; } .feature-section .more-text p{ font-size: 22px; line-height: 32px; font-style: italic; } /** experience-style-three **/ .experience-style-three{ position: relative; padding: 140px 0px 130px 0px; } .experience-style-three .image-box{ position: relative; display: block; padding-right: 180px; margin-right: 20px; padding-bottom: 140px; } .experience-style-three .image-box img{ width: 100%; } .experience-style-three .image-box .image-1{ position: relative; z-index: 1; } .experience-style-three .image-box .image-2{ position: absolute; right: 0px; bottom: 0px; } .experience-style-three .image-box .image-3{ position: absolute; left: -140px; bottom: 55px; z-index: 1; } .experience-style-three .sec-title h3{ display: block; font-size: 22px; line-height: 32px; margin-top: 31px; } .experience-style-three .sec-title{ margin-bottom: 36px; } .accordion-box .block .acc-content{ position:relative; display:none; } .accordion-box .block .acc-content.current{ display:block; } .experience-style-three .content-box .inner-box .acc-btn{ position: relative; display: block; cursor: pointer; } .experience-style-three .content-box .inner-box .acc-btn span{ position: relative; display: block; font-size: 14px; line-height: 24px; font-weight: 600; text-transform: uppercase; margin-bottom: 3px; } .experience-style-three .content-box .inner-box .acc-btn h3{ position: relative; display: block; font-size: 25px; line-height: 35px; } .experience-style-three .content-box .inner-box .block{ position: relative; display: block; margin-bottom: 36px; padding-left: 27px; } .experience-style-three .content-box .inner-box .block:before{ position: absolute; content: ''; background-image: url(../images/icons/icon-1.png); width: 12px; height: 12px; left: 0px; top: 6px; background-repeat: no-repeat; } .home_3 .experience-style-three .content-box .inner-box .block:before{ background-image: url(../images/icons/icon-9.png); } .experience-style-three .content-box .inner-box .block:last-child{ margin-bottom: 0px; } .experience-style-three .content-box .inner-box .block .acc-content{ padding-top: 13px; } .experience-style-three .content-box{ margin-top: -4px; } /** offers-section **/ .offers-section{ position: relative; padding-bottom: 140px; } .offers-section:before{ position: absolute; content: ''; background: #fff; width: 100%; height: 140px; left: 0px; top: 0px; } .offers-section .outer-container{ padding: 0px 75px; } .offers-block-one .inner-box{ position: relative; display: block; overflow: hidden; } .offers-block-one .inner-box .image-box{ position: relative; display: block; overflow: hidden; } .offers-block-one .inner-box .image-box img{ width: 100%; } .offers-block-one .inner-box .image-box .feature-list{ position: absolute; top: 0px; right: 0px; background: #fff; padding: 23px 30px 22px 30px; width: 285px; z-index: 1; transform: scaleY(0); transform-origin: top right; transition: all 500ms ease; } .offers-block-one .inner-box:hover .image-box .feature-list{ transform: scaleY(1); } .offers-block-one .inner-box .image-box .feature-list li{ position: relative; display: block; font-size: 18px; padding-left: 25px; margin-bottom: 16px; } .offers-block-one .inner-box .image-box .feature-list li:last-child{ margin-bottom: 0px; } .offers-block-one .inner-box .image-box .feature-list li:before{ position: absolute; content: ''; background-image: url(../images/icons/icon-9.png); width: 12px; height: 12px; left: 0px; top: 8px; background-repeat: no-repeat; } .offers-block-one .inner-box .lower-content{ position: relative; display: block; padding-top: 35px; } .offers-block-one .inner-box .lower-content .upper-box{ position: relative; display: block; padding-left: 200px; margin-bottom: 21px; } .offers-block-one .inner-box .lower-content h2{ position: absolute; left: 0px; top: 1px; font-size: 50px; line-height: 60px; color: #878584; padding-right: 42px; } .offers-block-one .inner-box .lower-content h2 span{ position: absolute; top: -10px; right: 0px; font-size: 20px; text-transform: uppercase; } .offers-block-one .inner-box .lower-content h2:before{ position: absolute; content: ''; background: #d6d3d1; width: 1px; height: 45px; top: 6px; right: -31px; } .offers-block-one .inner-box .lower-content .text span{ position: relative; display: block; font-size: 14px; line-height: 24px; font-weight: 600; text-transform: uppercase; margin-bottom: 3px; } .offers-block-one .inner-box .lower-content h3{ display: block; font-size: 25px; line-height: 35px; } .offers-block-one .inner-box .lower-content h3 a{ display: inline-block; color: #1b1919; } .offers-block-one .inner-box .lower-content h3 a:hover{ } .offers-block-one .inner-box .lower-content p{ margin-bottom: 29px; } .offers-block-one .inner-box .lower-content .btn-box{ margin-left: 5px; } .offers-block-one .inner-box .lower-content .theme-btn{ padding: 15px 33px; } /** destination-section **/ .destination-section{ position: relative; } .destination-section .sec-title .select-box{ position: absolute; right: 0px; bottom: 13px; width: 270px; } .destination-section .sec-title .select-box .nice-select{ font-size: 25px; line-height: 35px; font-family: "Nunito", sans-serif; color: #1b1919; text-transform: capitalize; width: 100%; border-bottom: 1px dashed #cecbc9; border-radius: 0px; padding-bottom: 10px; } .destination-section .sec-title .select-box .list{ width: 100%; } .destination-section .sec-title .select-box .nice-select:after{ font-size: 14px; color: #8d8b8a; right: 7px; bottom: 37px; } .destination-section .inner-container{ position: relative; width: 100%; } .destination-section .inner-container .map-layer{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; } .destination-section .location-box{ position: relative; min-height: 600px; } .destination-section .location-box .single-item{ position: absolute; cursor: pointer; } .destination-section .location-box .single-item:first-child{ top: 195px; right: 395px; } .destination-section .location-box .single-item:nth-child(2){ right: 485px; bottom: 106px; } .destination-section .location-box .single-item:nth-child(3){ left: 350px; bottom: 250px; } .destination-section .location-box .single-item .location-pin{ position: absolute; left: 0px; top: 0px; width: 20px; height: 20px; border-radius: 50%; border: 7px solid #1b1919; } .destination-section .location-box .single-item .location-image{ position: absolute; left: -35px; top: -35px; width: 90px; height: 90px; border-radius: 50%; transform: scale(0,0); transition: all 500ms ease; } .destination-section .location-box .single-item:hover .location-image, .destination-section .location-box .single-item.current .location-image{ transform: scale(1,1); } .destination-section .location-box .single-item .location-image img{ width: 100%; border-radius: 50%; } .destination-section .location-box .single-item .box{ position: absolute; top: -30px; right: 85px; width: 330px; background: #fff; padding: 25px 30px 27px 30px; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.07); visibility: hidden; opacity: 0; z-index: 1; transition: all 500ms ease; } .destination-section .location-box .single-item:hover .box, .destination-section .location-box .single-item.current .box{ right: 75px; opacity: 1; visibility: visible; } .destination-section .location-box .single-item .box:before{ position: absolute; content: ''; background: #fff; width: 30px; height: 35px; top: 33px; right: -30px; clip-path: polygon(0% 0%, 100% 50%, 0% 100%, 0% 100%, 0% 0%); } .destination-section .location-box .single-item .box h3{ display: block; font-size: 25px; line-height: 35px; margin-bottom: 8px; } .destination-section .location-box .single-item .box p{ margin-bottom: 12px; } .destination-section .location-box .single-item .box a{ position: relative; display: inline-block; font-size: 14px; line-height: 24px; font-weight: 600; color: #1b1919; padding-left: 45px; text-transform: uppercase; } .destination-section .location-box .single-item .box a i{ position: absolute; left: 0px; top: -5px; font-size: 34px; } .destination-section .location-box .single-item .box a:hover{ } /** testimonial-style-three **/ .testimonial-style-three{ position: relative; background: #1b1919; padding: 136px 0px 111px 0px; } .testimonial-style-three .sec-title{ margin-left: -220px; margin-right: -220px; margin-bottom: 42px; z-index: 1; } .testimonial-style-three .image-box-one, .testimonial-style-three .image-box-two{ position: relative; display: block; } .testimonial-style-three .image-box-one{ margin-right: 10px; margin-top: 5px; } .testimonial-style-three .image-box-two{ margin-left: 10px; margin-top: 77px; } .testimonial-style-three .image-box-one img, .testimonial-style-three .image-box-two img{ width: 100%; } .testimonial-style-three .special-text{ position: relative; display: block; font-size: 90px; line-height: 90px; margin-top: 7px; left: -95px; } .testimonial-style-three .testimonial-content{ position: relative; display: block; text-align: center; padding: 0px 10px; } .testimonial-style-three .testimonial-content .rating li{ position: relative; display: inline-block; font-size: 16px; margin: 0px 1px; } .testimonial-style-three .testimonial-content .rating{ margin-bottom: 29px; } .testimonial-style-three .testimonial-content .text{ margin-bottom: 27px; } .testimonial-style-three .testimonial-content .text h3{ display: block; font-size: 30px; line-height: 40px; color: #fff; margin-bottom: 27px; } .testimonial-style-three .testimonial-content .text p{ color: #bdb9b5; } .testimonial-style-three .testimonial-content .author-box h3{ display: block; font-size: 25px; line-height: 35px; color: #fff; margin-bottom: 3px; } .testimonial-style-three .testimonial-content .author-box .designation{ position: relative; display: block; } .testimonial-style-three .owl-nav{ position: relative; display: block; text-align: center; margin-top: 44px; } .testimonial-style-three .owl-nav button{ position: relative; display: inline-block; } .testimonial-style-three .owl-nav button.owl-prev span{ position: relative; display: inline-block; transform: rotate(180deg); } .testimonial-style-three .owl-nav button:before{ position: absolute; content: ''; font-size: 14px; line-height: 24px; font-weight: 600; color: #fff; text-transform: uppercase; top: 2px; } .testimonial-style-three .owl-nav button:after{ position: absolute; content: ''; width: 34px; height: 1px; top: 13px; transition: all 500ms ease; } .testimonial-style-three .owl-nav button:hover:after{ opacity: 0; } .testimonial-style-three .owl-nav button.owl-prev:after{ left: 50px; } .testimonial-style-three .owl-nav button.owl-next:after{ right: 50px; } .testimonial-style-three .owl-nav button.owl-prev:before{ content: 'prev'; left: 0px; } .testimonial-style-three .owl-nav button.owl-next:before{ content: 'next'; right: 0px; } .testimonial-style-three .owl-nav button.owl-prev{ padding-left: 50px; margin-right: 30px; } .testimonial-style-three .owl-nav button.owl-next{ padding-right: 50px; } .testimonial-style-three .owl-nav button span{ position: relative; font-size: 34px; opacity: 0; transition: all 500ms ease; } .testimonial-style-three .owl-nav button:hover span{ opacity: 1; } /** news-style-three **/ .news-style-three{ position: relative; } .news-style-three:before{ position: absolute; content: ''; background: #f3f1f0; width: 50%; height: 100%; left: 0px; top: 0px; } .news-style-three .content-box{ position: relative; display: block; margin-right: 20px; } .news-style-three .content-box .form-inner .form-group{ position: relative; display: block; margin-bottom: 12px; } .news-style-three .content-box .form-inner .form-group:last-child{ margin-bottom: 0px; } .news-style-three .content-box .form-inner .form-group input[type="email"]{ position: relative; display: block; width: 100%; height: 56px; border: 1px solid #d6d3d1; font-size: 18px; color: #878584; padding: 10px 20px; transition: all 500ms ease; } .news-style-three .content-box .form-inner .form-group input:focus{ } .news-style-three .custom-control.material-checkbox { padding-left: 26px; } .news-style-three .custom-control.material-checkbox .material-control-indicator { display: inline-block; position: absolute; top: 8px; left: 0px; width: 16px; height: 16px; cursor: pointer; transition: all 500ms ease; } .news-style-three .custom-control.material-checkbox .material-control-indicator:before{ position: absolute; content: ''; width: 4px; height: 4px; left: 5px; top: 5px; transform: scale(0,0); transition: all 500ms ease; } .news-style-three .custom-control.material-checkbox .material-control-input:checked ~ .material-control-indicator:before{ transform: scale(1,1); } .news-style-three .custom-controls-stacked .description { color: #878584; } .news-style-three .content-box .form-inner .message-btn{ margin-left: 5px; padding-top: 14px; } .news-style-three .content-box .sec-title h3{ font-size: 25px; line-height: 35px; } .news-style-three .content-box .sec-title h2{ padding-bottom: 17px; margin-bottom: 45px; } .news-style-three .content-box .sec-title{ margin-bottom: 30px; } .news-style-three .content-box .sec-title h2:before{ position: absolute; content: ''; width: 70px; height: 1px; left: 0px; bottom: 0px; } .news-style-three .content-box .form-inner .message-btn .theme-btn{ padding: 15px 33px; } .news-block-three .inner-box{ position: relative; display: block; margin-bottom: 40px; padding-left: 370px; } .news-block-three .inner-box .image-box{ position: absolute; left: 0px; top: 0px; overflow: hidden; width: 370px; } .news-block-three .inner-box .image-box .image{ position: relative; display: block; overflow: hidden; background: #1b1919; } .news-block-three .inner-box .image-box .image img{ width: 100%; transition: all 500ms ease; } .news-block-three .inner-box:hover .image-box .image img{ transform: scale(1.05); opacity: 0.3; } .news-block-three:last-child .inner-box{ margin-bottom: 0px; } .news-block-three .inner-box .post-date{ position: absolute; top: 20px; right: 20px; z-index: 2; } .news-block-three .inner-box .post-date h3{ position: relative; display: inline-block; font-size: 25px; line-height: 30px; color: #1d1b1a; background: #fff; width: 70px; padding: 10px 12px 8px 12px; text-align: center; } .news-block-three .inner-box .post-date h3:before{ position: absolute; content: ''; background: #fff; width: 100%; height: 1px; left: 0px; bottom: -3px; } .news-block-three .inner-box .post-date h3 span{ position: relative; display: block; font-size: 14px; line-height: 20px; font-family: "Nunito", sans-serif; color: #1d1b1a; text-transform: uppercase; padding-bottom: 5px; margin-bottom: 4px; border-bottom: 1px solid #e9e6e4; } .news-block-three .inner-box .content-inner .post-info{ position: relative; display: block; padding-left: 20px; margin-bottom: 28px; padding-bottom: 29px; border-bottom: 1px solid #e4e1df; } .news-block-three .inner-box .content-inner .post-info:before{ position: absolute; content: ''; background-image: url(../images/icons/icon-9.png); width: 12px; height: 12px; left: 0px; top: 6px; background-repeat: no-repeat; } .news-block-three .inner-box .content-inner .post-info li{ position: relative; display: inline-block; float: left; font-size: 14px; line-height: 24px; color: #8d8b8a; font-weight: 500; margin-right: 42px; text-transform: uppercase; } .news-block-three .inner-box .content-inner .post-info li:last-child{ margin: 0px; } .news-block-three .inner-box .content-inner .post-info li a{ display: inline-block; color: #8d8b8a; } .news-block-three .inner-box .content-inner .post-info li a:hover{ } .news-block-three .inner-box .content-inner .post-info li:first-child a{ } .news-block-three .inner-box .content-inner .post-info li:before{ position: absolute; content: ''; background: #d9d6d4; width: 22px; height: 1px; right: -32px; top: 12px; } .news-block-three .inner-box .content-inner .post-info li:last-child:before{ display: none; } .news-block-three .inner-box .content-inner{ position: relative; display: block; padding-left: 30px; } .news-block-three .inner-box .content-inner .category{ position: relative; display: block; margin-bottom: 25px; } .news-block-three .inner-box .content-inner .category a{ position: relative; display: inline-block; font-size: 14px; line-height: 30px; font-weight: 600; text-transform: uppercase; color: #fff; padding: 0px 19px; text-align: center; } .news-block-three .inner-box .content-inner .category a:hover{ background: #1b1919; } .news-block-three .inner-box .content-inner h3{ display: block; font-size: 28px; line-height: 38px; margin-bottom: 15px; } .news-block-three .inner-box .content-inner h3 a{ display: inline-block; color: #1b1919; } .news-block-three .inner-box .content-inner h3 a:hover{ } .news-block-three .inner-box .content-inner p{ margin-bottom: 22px; } .news-block-three .inner-box .content-inner .link a{ position: relative; display: inline-block; font-size: 14px; line-height: 24px; font-weight: 600; text-transform: uppercase; color: #1b1919; padding-left: 45px; } .news-block-three .inner-box .content-inner .link a:hover{ } .news-block-three .inner-box .content-inner .link a i{ position: absolute; left: 0px; top: -5px; font-size: 34px; } /** footer-style-three **/ .footer-style-three{ position: relative; background: #1b1919; } .footer-style-three .widget-section{ position: relative; padding: 135px 0px 140px 0px; border-bottom: 1px solid #333131; } .footer-style-three p, .footer-style-three a{ color: #bdb9b5; } .footer-style-three a:hover{ } .footer-style-three .logo-widget{ position: relative; margin-top: 5px; } .footer-style-three .logo-widget .footer-logo{ position: relative; display: block; margin-bottom: 23px; } .footer-style-three .logo-widget p{ margin-bottom: 16px; } .footer-style-three .logo-widget .list-item li{ position: relative; display: block; font-size: 18px; color: #bdb9b5; padding-left: 25px; margin-bottom: 8px; } .footer-style-three .logo-widget .list-item li:last-child{ margin-bottom: 0px; } .footer-style-three .logo-widget .list-item li:before{ position: absolute; content: ''; background-image: url(../images/icons/icon-9.png); width: 12px; height: 12px; left: 0px; top: 7px; background-repeat: no-repeat; } .footer-style-three .logo-widget .list-item{ margin-bottom: 27px; } .footer-style-three .logo-widget .btn-box{ margin-left: 5px; } .footer-style-three .logo-widget .theme-btn{ color: #fff; border-color: #fff; padding: 13px 33px; } .footer-style-three .logo-widget .theme-btn:before, .footer-style-three .logo-widget .theme-btn:after{ background: #fff; } .footer-style-three .logo-widget .theme-btn:hover{ color: #fff; } .footer-style-three .widget-title{ position: relative; display: block; margin-bottom: 13px; } .footer-style-three .widget-title h3{ font-size: 25px; line-height: 35px; color: #fff; } .footer-style-three .links-widget .links-list li{ position: relative; display: block; margin-bottom: 12px; } .footer-style-three .links-widget .links-list li:last-child{ margin-bottom: 0px; } .footer-style-three .links-widget .links-list li a{ display: inline-block; } .footer-style-three .links-widget .links-list li a:hover{ color: #fff; } .footer-style-three .contact-widget p{ margin-bottom: 22px; } .footer-style-three .contact-widget .download-apps li{ position: relative; display: inline-block; float: left; margin-right: 10px; } .footer-style-three .contact-widget .download-apps li:last-child{ margin: 0px; } .footer-style-three .contact-widget .download-apps li a{ position: relative; display: inline-block; width: 52px; height: 52px; line-height: 52px; font-size: 20px; color: #fff; border: 1px solid #333131; text-align: center; } .footer-style-three .contact-widget .download-apps li a:hover{ } .footer-style-three .contact-widget .widget-content{ margin-bottom: 35px; } .footer-style-three .contact-widget .social-box h3{ display: block; font-size: 25px; line-height: 35px; color: #fff; margin-bottom: 13px; } .footer-style-three .contact-widget .social-links li{ position: relative; display: inline-block; float: left; margin-right: 20px; } .footer-style-three .contact-widget .social-links li:before{ position: absolute; content: ''; background: #6a6a6b; width: 2px; height: 2px; bottom: 8px; right: -12px; border-radius: 50%; } .footer-style-three .contact-widget .social-links li:last-child:before{ display: none; } .footer-style-three .contact-widget .social-links li:last-child{ margin: 0px !important; } .footer-style-three .contact-widget .social-links{ position: relative; padding-left: 75px; } .footer-style-three .contact-widget .social-links:before{ position: absolute; content: ''; width: 56px; height: 1px; left: 0px; top: 13px; } /*** ==================================================================== Inner-Page ==================================================================== ***/ /** page-title **/ .page-title{ position: relative; padding: 150px 0px 125px 0px; } .page-title .bg-layer{ position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; background-repeat: no-repeat; background-position: center; background-size: cover; } .page-title .bg-layer:before{ position: absolute; content: ''; width: 100%; height: 100%; background: -webkit-linear-gradient(-90deg, rgba(22,23,25,0.95) 10%, rgba(22,23,25,0.10) 100%); top: 0px; right: 0px; } .page-title .content-box h1{ position: relative; display: block; font-size: 50px; line-height: 50px; color: #fff; text-transform: capitalize; margin-bottom: 5px; } .page-title .content-box .bread-crumb li{ position: relative; display: inline-block; font-size: 14px; line-height: 24px; color: #fff; font-weight: 600; text-transform: uppercase; padding-right: 20px; margin-right: 4px; } .page-title .content-box .bread-crumb li:last-child{ padding: 0px; margin: 0px; } .page-title .content-box .bread-crumb li a{ display: inline-block; color: #fff; } .page-title .content-box .bread-crumb li a:hover{ text-decoration: underline; } .page-title .content-box .bread-crumb li:before{ position: absolute; content: "\f12c"; font-family: 'flaticon'; font-size: 12px; top: 0px; right: 0px; } .page-title .content-box .bread-crumb li:last-child:before{ display: none; } /** about-style-three **/ .about-style-three{ position: relative; padding: 140px 0px 140px 0px; } .about-style-three:before{ position: absolute; content: ''; background: #fff; width: 100%; height: 418px; left: 0px; top: 0px; } .about-style-three .image-box{ position: relative; display: block; margin-right: 30px; } .about-style-three .image-box img{ width: 100%; } .about-style-three .image-box .image-1{ margin-bottom: 30px; } .about-style-three .rotate-text{ position: absolute; top: 185px; right: 105px; } .about-style-three .rotate-text .curved-circle-2{ position: absolute; left: 0px; top: 0px; font-size: 14px; line-height: 24px; color: #fff; font-weight: 600; text-transform: uppercase; } .about-style-three .rotate-text .curved-circle-3{ position: absolute; left: 0px; bottom: -180px; font-size: 14px; line-height: 24px; color: #fff; font-weight: 600; text-transform: uppercase; transform: rotate(0deg); } .about-style-three .rotate-text .icon-box{ position: relative; left: -25px; top: 65px; } .about-style-three .rotate-text .icon-box:before, .about-style-three .rotate-text .icon-box:after{ position: absolute; content: ''; background: #fff; width: 2px; height: 2px; border-radius: 50%; } .about-style-three .rotate-text .icon-box:before{ left: -67px; top: 33px; } .about-style-three .rotate-text .icon-box:after{ top: 32px; right: -63px; } .about-style-three .sec-title{ margin-bottom: 39px; } .about-style-three .content-box .tab-btns{ position: relative; display: block; padding-bottom: 32px; margin-bottom: 64px; } .about-style-three .content-box .tab-btns:before{ position: absolute; content: ''; width: calc(100% + 100px); right: 0px; bottom: 0px; height: 1px; } .about-style-three .content-box .tab-btns li{ position: relative; display: inline-block; font-size: 32px; line-height: 40px; font-family: "Nunito", sans-serif; color: #bdb9b5; cursor: pointer; margin-right: 40px; transition: all 500ms ease; } .about-style-three .content-box .tab-btns li:last-child{ margin: 0px; } .about-style-three .content-box .tab-btns li.active-btn{ color: #0a0807; } .about-style-three .content-box .tab-btns li:before{ position: absolute; content: ''; background: #bdb9b5; width: 6px; height: 6px; border-radius: 50%; right: -25px; bottom: 9px; } .about-style-three .content-box .tab-btns li:last-child:before{ display: none; } .about-style-three .content-box .inner-box .text{ position: relative; display: block; margin-bottom: 27px; } .about-style-three .content-box .inner-box .text p span{ font-size: 50px; font-family: "Nunito", sans-serif; text-transform: uppercase; } .about-style-three .content-box .inner-box .single-item{ position: relative; display: block; margin-bottom: 36px; } .about-style-three .content-box .inner-box .single-item h3{ display: block; font-size: 25px; line-height: 35px; margin-bottom: 14px; } .about-style-three .content-box .inner-box .single-item p{ position: relative; padding-left: 73px; line-height: 26px; } .about-style-three .content-box .inner-box .single-item p i{ position: absolute; left: 0px; top: 6px; font-size: 48px; } .about-style-three .content-box .inner-box .author-box{ position: relative; display: inline-block; padding: 4px 0px 7px 80px; margin-top: 15px; } .about-style-three .content-box .inner-box .author-box .author-thumb{ position: absolute; left: 0px; top: 0px; width: 60px; height: 60px; border-radius: 50%; } .about-style-three .content-box .inner-box .author-box .author-thumb img{ width: 100%; border-radius: 50%; } .about-style-three .content-box .inner-box .author-box .name{ position: relative; display: block; font-size: 14px; line-height: 24px; font-weight: 600; text-transform: uppercase; color: #0a0807; margin-bottom: 5px; } .about-style-three .content-box .inner-box .author-box .designation{ position: relative; display: block; color: #8d8b8a; line-height: 20px; } /** history-section **/ .history-section{ position: relative; } .history-section .history-list li{ position: relative; display: block; border-bottom: 1px solid #e2dfdd; } .history-section .history-list li:first-child{ border-top: 1px solid #e2dfdd; } .history-section .history-list .single-item{ position: relative; max-width: 1170px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; padding: 33px 0px 29px 0px; } .history-section .history-list .single-item .title-box, .history-section .history-list .single-item .text-box{ position: relative; max-width: 370px; text-align: left; } .history-section .history-list .single-item span{ position: relative; display: block; font-size: 14px; line-height: 24px; color: #8d8b8a; font-weight: 600; text-transform: uppercase; padding-left: 22px; margin-bottom: 8px; } .history-section .history-list .single-item span:before{ position: absolute; content: ''; background-image: url(../images/icons/icon-1.png); width: 12px; height: 12px; left: 0px; top: 6px; background-repeat: no-repeat; } .history-section .history-list .single-item h3{ display: block; font-size: 25px; line-height: 35px; } .history-section .history-list .single-item h3 a{ display: inline-block; color: #0a0807; } .history-section .history-list .single-item h3 a:hover{ } .history-section .content-box{ position: relative; } .history-section .content-box .image-box{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 1; } .history-section .content-box .image-box .image{ position: relative; border-radius: 50%; } .history-section .content-box .image-box .image img{ width: 100%; border-radius: 50%; } .history-section .content-box .image-box .special-text{ position: absolute; left: -40px; top: -20px; font-size: 120px; line-height: 100px; transform: rotate(-15deg); z-index: 1; } .history-section .owl-nav{ position: absolute; left: 0px; top: -116px; right: 0px; max-width: 1170px; margin: 0 auto; text-align: right; } .history-section .owl-nav button{ border: 1px solid #e3e0de; } .history-section .owl-nav button:hover{ } .chooseus-section.light-section .chooseus-block-one .inner-box h3{ color: #fff; } .chooseus-section.light-section .chooseus-block-one .inner-box .icon-box{ background: #1c1a19; } .chooseus-section.light-section .chooseus-block-one .inner-box p{ color: #bdb9b5; } .chooseus-section.light-section .inner-container .line-1, .chooseus-section.light-section .inner-container .line-2{ background: #312d2b; } /** team-section **/ .team-section{ position: relative; } .team-section .owl-carousel .owl-stage-outer{ overflow: visible; } .team-section .owl-carousel .owl-stage-outer .owl-item{ opacity: 0; z-index: -1; visibility: hidden; } .team-section .owl-carousel .owl-stage-outer .owl-item.active{ opacity: 1; z-index: 1; visibility: visible; } .team-block-one .inner-box{ position: relative; display: block; border: 1px solid #e2dfdd; padding: 24px; padding-bottom: 17px; transition: all 500ms ease; } .team-block-one .inner-box:hover{ box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15); } .team-block-one .inner-box .image-box{ position: relative; display: block; border-bottom: 26px solid #f1efee; transition: all 500ms ease; } .team-block-one .inner-box .image-box .image{ position: relative; display: block; overflow: hidden; } .team-block-one .inner-box .image-box .image img{ width: 100%; transition: all 500ms ease; } .team-block-one .inner-box:hover .image-box .image img{ transform: scale(1.05); } .team-block-one .inner-box .image-box .social-inner{ position: absolute; right: 0px; bottom: -26px; width: 56px; height: 56px; line-height: 56px; background: #f1efee; font-size: 20px; color: #0a0807; text-align: center; z-index: 1; } .team-block-one .inner-box .image-box .social-inner .social-links{ position: absolute; top: 0px; right: 0px; padding: 18px 25px; width: 185px; transform: scaleX(0); transform-origin: top right; transition: all 500ms ease; } .team-block-one .inner-box:hover .image-box .social-inner .social-links{ transform: scaleX(1); } .team-block-one .inner-box .image-box .social-inner .social-links li{ position: relative; display: inline-block; float: left; margin-right: 21px; line-height: 20px; } .team-block-one .inner-box .image-box .social-inner .social-links li:last-child{ margin: 0px; } .team-block-one .inner-box .image-box .social-inner .social-links li a{ display: inline-block; color: #fff; font-size: 20px; line-height: 20px; } .team-block-one .inner-box .lower-content{ position: relative; display: block; padding-top: 20px; text-align: center; } .team-block-one .inner-box .lower-content h3{ display: block; font-size: 25px; line-height: 35px; margin-bottom: 3px; } .team-block-one .inner-box .lower-content h3 a{ display: inline-block; color: #0a0807; } .team-block-one .inner-box .lower-content h3 a:hover{ } .team-block-one .inner-box .lower-content .designation{ position: relative; display: block; } .team-section .owl-nav{ position: absolute; top: -116px; right: 0px; } .team-section .owl-nav button{ border: 1px solid #e2dfdd; } .funfact-section.light-section{ border-bottom: 1px solid #312d2b; } .funfact-section.light-section .funfact-block-one .inner-box .count-outer{ } .funfact-section.light-section .funfact-block-one .inner-box h3{ color: #fff; } .team-page-section{ position: relative; padding: 140px 0px 110px 0px; } .team-page-section .team-block-one .inner-box{ margin-bottom: 30px; } /** faq-page-section **/ .faq-page-section{ padding: 113px 0px 140px 0px; } .faq-sidebar{ position: relative; display: block; margin-top: 11px; } .faq-sidebar .category-list li{ position: relative; display: block; margin-bottom: 1px; } .faq-sidebar .category-list li:last-child{ margin-bottom: 0px; } .faq-sidebar .category-list li a{ position: relative; display: inline-block; font-size: 25px; line-height: 35px; font-family: "Nunito", sans-serif; color: #bdb9b5; } .faq-sidebar .category-list li a i{ position: relative; font-size: 34px; margin-left: 15px; top: 8px; opacity: 0; transition: all 500ms ease; } .faq-sidebar .category-list li a:hover i{ opacity: 1; } .faq-sidebar .category-list li a.current, .faq-sidebar .category-list li a:hover{ } .faq-sidebar .category-list li a.current i, .faq-sidebar .category-list li a:hover i{ opacity: 1; } .faq-page-section .faq-content{ position: relative; padding-left: 100px; } .faq-page-section .faq-content:before{ position: absolute; content: ''; background: #e2dfdd; width: 1px; height: calc(100% - 27px); left: 0px; bottom: 0px; } .faq-page-section .faq-content .accordion{ position: relative; display: block; border-bottom: 1px solid #e2dfdd; } .faq-page-section .faq-content .accordion .acc-btn{ position: relative; display: block; cursor: pointer; padding: 25px 50px 21px 0px; } .faq-page-section .faq-content .accordion .acc-btn .icon-box{ position: absolute; top: 27px; right: 0px; font-size: 15px; color: #939190; transition: all 500ms ease; } .faq-page-section .faq-content .accordion .acc-btn.active .icon-box{ transform: rotate(90deg); } .faq-page-section .faq-content .accordion .acc-btn h3{ display: block; font-size: 22px; line-height: 32px; transition: all 500ms ease; } .faq-page-section .faq-content .accordion .acc-btn.active h3{ } .faq-page-section .faq-content .accordion .acc-content{ position: relative; padding: 0px 0px 23px 0px; } /** error-section **/ .error-section{ position: relative; padding: 120px 0px; } .error-section h1{ position: relative; display: inline-block; font-size: 54px; font-weight: 600; color: #fff; width: 264px; height: 230px; line-height: 232px; text-align: center; z-index: 1; margin-bottom: 43px; } .error-section h1:before{ position: absolute; content: ''; background: #f0f5f7; left: 0px; top: 0px; width: 264px; height: 230px; transform: rotate(90deg); clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); z-index: -1; } .error-section h1:after{ position: absolute; content: ''; left: 34px; top: 30px; width: 196px; height: 170px; transform: rotate(90deg); clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); z-index: -1; } .error-section h3{ display: block; font-size: 50px; line-height: 68px; margin-bottom: 10px; } .error-section h2{ position: relative; display: block; font-size: 60px; font-weight: 70px; margin-bottom: 10px; } .error-section p{ margin-bottom: 32px; } .error-section .theme-btn{ padding: 15px 30px; } /** blog-grid-one **/ /* Main Section Styling */ /* Main Section Styling */ .blog-grid-one { padding: 70px 0; background: #f3fdf6; /* very light green background */ } /* News Block Card */ .news-block-one { background: #fff; border-radius: 16px; overflow: hidden; box-shadow: 0 2px 10px rgba(0,0,0,0.08); /* light & subtle */ transition: transform 0.3s ease, box-shadow 0.3s ease; margin-bottom: 35px; display: flex; flex-direction: column; height: 100%; } .news-block-one:hover { transform: translateY(-6px); box-shadow: 0 6px 18px rgba(0,0,0,0.12); /* slightly deeper only */ } /* Image Box */ .news-block-one .image-box { position: relative; overflow: hidden; flex-shrink: 0; } .news-block-one .image-box img { width: 100%; height: 250px; object-fit: cover; transition: transform 0.5s ease, filter 0.5s ease; } .news-block-one:hover .image-box img { transform: scale(1.07); filter: brightness(1.05); } /* Content */ .news-block-one .lower-content { padding: 22px 20px 28px; text-align: left; flex-grow: 1; display: flex; flex-direction: column; justify-content: flex-start; } .news-block-one .lower-content h3 { font-size: 21px; color: #2e7d32; /* green */ margin-bottom: 14px; } .news-block {margin-bottom:40px} .news-block-one .lower-content h3::after { content: ""; display: block; width: 40px; height: 3px; background: #a5d6a7; /* light green accent */ margin-top: 6px; border-radius: 2px; } .news-block-one .lower-content p { font-size: 16px; line-height: 1.65; color: #555; margin: 0; flex-grow: 1; } /* Responsive */ @media (max-width: 768px) { .news-block-one .lower-content h3 { font-size: 19px; } .news-block-one .lower-content p { font-size: 14px; } } .feature-section { padding: 50px 0; background: #f8fff8; text-align: center; } .amenities-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 25px; margin-top: 30px; } .amenity { background: #fff; padding: 30px 20px; border-radius: 15px; box-shadow: 0 4px 15px rgba(0,0,0,0.05); transition: all 0.3s ease; } .amenity i { font-size: 40px; color: #138d3e; margin-bottom: 15px; } .amenity p { font-size: 16px; font-weight: 600; color: #333; margin: 0; } .amenity:hover { transform: translateY(-8px); box-shadow: 0 8px 20px rgba(0,0,0,0.1); } /** blog-details **/ .post-info-section{ position: relative; display: block; padding: 16px 0px 15px 0px; border-bottom: 1px solid #e2dfdd; } .post-info-section .post-info-inner{ position: relative; display: flex; align-items: center; justify-content: space-between; } .post-info-section .post-info-inner .post-info{ position: relative; display: block; padding-left: 20px; } .post-info-section .post-info-inner .post-info:before{ position: absolute; content: ''; background-image: url(../images/icons/icon-1.png); width: 12px; height: 12px; left: 0px; top: 6px; background-repeat: no-repeat; } .post-info-section .post-info-inner .post-info li{ position: relative; display: inline-block; float: left; font-size: 14px; line-height: 24px; color: #8d8b8a; font-weight: 500; margin-right: 42px; text-transform: uppercase; } .post-info-section .post-info-inner .post-info li:last-child{ margin: 0px; } .post-info-section .post-info-inner .post-info li a{ display: inline-block; color: #8d8b8a; } .post-info-section .post-info-inner .post-info li a:hover{ } .post-info-section .post-info-inner .post-info li:first-child a{ } .post-info-section .post-info-inner .post-info li:before{ position: absolute; content: ''; background: #d9d6d4; width: 22px; height: 1px; right: -32px; top: 12px; } .post-info-section .post-info-inner .post-info li:last-child:before{ display: none; } .post-info-section .post-info-inner .share-box a{ position: relative; display: inline-block; font-size: 14px; line-height: 24px; color: #8d8b8a; font-weight: 500; text-transform: uppercase; padding-right: 26px; } .post-info-section .post-info-inner .share-box a i{ position: absolute; top: 3px; right: 0px; font-size: 18px; color: #1a1818; } .post-info-section .post-info-inner .share-box a:hover{ } .blog-details-content{ position: relative; display: block; } .blog-details-content .image-box{ position: relative; display: block; } .blog-details-content .image-box img{ width: 100%; } .blog-details-content .content-one .image-box{ margin-bottom: 53px; } .blog-details-content .content-one p{ margin-bottom: 25px; } .blog-details-content .content-one p:last-child{ margin-bottom: 0px; } .blog-details-content h2{ position: relative; display: block; font-size: 30px; line-height: 40px; text-transform: uppercase; } .blog-details-content .content-one h2{ margin-bottom: 23px; padding-top: 19px; } .blog-details-content .content-one{ margin-bottom: 44px; } .blog-details-content .content-two .image-box{ position: relative; display: block; margin-right: 10px; margin-top: 8px; } .blog-details-content .content-two .text h2{ margin-bottom: 22px; } .blog-details-content .content-two .text p{ margin-bottom: 25px; } .blog-details-content .list-item li{ position: relative; display: block; font-size: 18px; padding-left: 28px; margin-bottom: 15px; } .blog-details-content .list-item li:last-child{ margin-bottom: 0px; } .blog-details-content .list-item li:before{ position: absolute; content: ''; background-image: url(../images/icons/icon-1.png); width: 12px; height: 12px; left: 0px; top: 7px; background-repeat: no-repeat; } .blog-details-content .content-two{ margin-bottom: 50px; } .blog-details-content blockquote{ position: relative; display: block; background: #0a0807; padding: 55px 60px 54px 60px; margin: 0px; text-align: center; } .blog-details-content blockquote h3{ display: block; font-size: 25px; line-height: 35px; color: #bdb9b5; font-style: italic; margin-bottom: 18px; } .blog-details-content blockquote span{ position: relative; display: block; font-size: 14px; line-height: 24px; font-weight: 600; text-transform: uppercase; } .blog-details-content blockquote .light-icon{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); font-size: 200px; color: transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: rgba(255, 255, 255, 0.1); } .blog-details-content .content-three .text{ margin-top: 53px; } .page-title .content-inner{ position: relative; padding-left: 100px; } .page-title .post-date{ position: absolute; top: 0px; left: 0px; } .page-title .post-date h3{ position: relative; display: inline-block; font-size: 25px; line-height: 30px; color: #1d1b1a; background: #fff; width: 70px; padding: 10px 12px 8px 12px; text-align: center; } .page-title .post-date h3:before{ position: absolute; content: ''; background: #fff; width: 100%; height: 1px; left: 0px; bottom: -3px; } .page-title .post-date h3 span{ position: relative; display: block; font-size: 14px; line-height: 20px; font-family: "Nunito", sans-serif; color: #1d1b1a; text-transform: uppercase; padding-bottom: 5px; margin-bottom: 4px; border-bottom: 1px solid #e9e6e4; } .page-title .content-inner .category{ margin-bottom: 19px; } .page-title .content-inner .category a{ position: relative; display: inline-block; font-size: 14px; line-height: 30px; font-weight: 600; color: #fff; text-transform: uppercase; padding: 0px 19px; } .page-title .content-inner h2{ display: block; font-size: 50px; line-height: 60px; color: #fff; } .page-title.alternat-2{ padding: 263px 0px 87px 0px; } .blog-details-content .content-three{ margin-bottom: 52px; } .blog-details-content .post-tags .tags-list li{ position: relative; display: inline-block; float: left; margin-right: 10px; } .blog-details-content .post-tags .tags-list li:last-child{ margin: 0px; } .blog-details-content .post-tags .tags-list li h3{ display: block; font-size: 22px; line-height: 42px; padding-right: 10px; } .blog-details-content .post-tags .tags-list li a{ position: relative; display: inline-block; font-size: 18px; line-height: 26px; color: #8d8b8a; background: #f1efee; padding: 8px 19px; } .blog-details-content .post-tags .tags-list li a:hover{ color: #fff; } .blog-details-content .post-tags{ margin-bottom: 60px; } .blog-details-content .author-box{ position: relative; display: block; padding: 32px 30px 38px 220px; border: 1px solid #e2dfdd; margin-bottom: 55px; } .blog-details-content .author-box .author-thumb{ position: absolute; left: 40px; top: 40px; width: 150px; height: 150px; border-radius: 50%; } .blog-details-content .author-box .author-thumb img{ width: 100%; border-radius: 50%; } .blog-details-content .author-box .designation{ position: relative; display: block; font-size: 14px; line-height: 24px; font-weight: 600; text-transform: uppercase; margin-bottom: 3px; } .blog-details-content .author-box h3{ display: block; font-size: 25px; line-height: 35px; margin-bottom: 12px; } .blog-details-content .author-box p{ margin-bottom: 22px; } .blog-details-content .author-box .social-links li{ position: relative; display: inline-block; float: left; margin-right: 10px; } .blog-details-content .author-box .social-links li:last-child{ margin: 0px; } .blog-details-content .author-box .social-links li a{ position: relative; display: inline-block; width: 40px; height: 40px; line-height: 40px; background: #f1efee; font-size: 16px; color: #0a0807; text-align: center; border-radius: 50%; } .blog-details-content .author-box .social-links li a:hover{ color: #fff; } .blog-details-content .post-nav-btn{ position: relative; display: flex; align-items: center; justify-content: space-between; padding-bottom: 51px; border-bottom: 1px solid #e2dfdd; margin-bottom: 52px; } .blog-details-content .post-nav-btn .single-btn a{ position: relative; display: inline-block; font-size: 14px; line-height: 24px; font-weight: 600; text-transform: uppercase; color: #0a0807; padding-left: 45px; margin-bottom: 14px; } .blog-details-content .post-nav-btn .single-btn a i{ position: absolute; left: 0px; top: -5px; font-size: 34px; } .blog-details-content .post-nav-btn .single-btn a:hover{ } .blog-details-content .post-nav-btn .single-btn.left-btn a i{ transform: rotate(180deg); } .blog-details-content .post-nav-btn .single-btn.right-btn{ text-align: right; } .blog-details-content .post-nav-btn .single-btn h3{ position: relative; display: block; font-size: 22px; line-height: 32px; } .blog-details-content .post-nav-btn:before{ position: absolute; content: ''; background-image: url(../images/icons/icon-11.png); left: 50%; top: 50%; transform: translate(-50%,-50%); width: 70px; height: 70px; line-height: 70px; border: 1px solid #e2dfdd; border-radius: 50%; text-align: center; font-size: 24px; background-repeat: no-repeat; background-position: center; } .blog-details-content .comments-box h2{ margin-bottom: 20px; } .blog-details-content .comments-box .comment{ position: relative; display: block; padding-left: 110px; margin-bottom: 32px; padding-bottom: 34px; border-bottom: 1px solid #e2dfdd; } .blog-details-content .comments-box .comment:last-child{ margin-bottom: 0px; border-bottom: none; } .blog-details-content .comments-box .comment .comment-thumb{ position: absolute; left: 0px; top: 9px; width: 80px; height: 80px; border-radius: 50%; } .blog-details-content .comments-box .comment .comment-thumb img{ width: 100%; border-radius: 50%; } .blog-details-content .comments-box .comment .comment-info{ position: relative; display: flex; align-items: center; justify-content: space-between; } .blog-details-content .comments-box .comment .comment-info h3{ display: block; font-size: 25px; line-height: 35px; } .blog-details-content .comments-box .comment .comment-info .comment-date{ position: relative; display: block; font-size: 14px; line-height: 24px; font-weight: 600; text-transform: uppercase; } .blog-details-content .comments-box .comment .comment-info{ margin-bottom: 8px; } .blog-details-content .comments-box .comment p{ margin-bottom: 15px; } .blog-details-content .comments-box .comment .reply-btn{ position: relative; display: inline-block; font-size: 14px; line-height: 24px; color: #0a0807; font-weight: 600; text-transform: uppercase; padding-left: 30px; } .blog-details-content .comments-box .comment .reply-btn:before{ position: absolute; content: ''; background-image: url(../images/icons/icon-12.png); width: 20px; height: 14px; left: 0px; top: 5px; background-repeat: no-repeat; } .blog-details-content .comments-box .comment .reply-btn:hover{ } .blog-details-content .comments-box .comment.replay-comment{ margin-left: 40px; } .blog-details-content .comments-box{ margin-bottom: 50px; } .blog-details-content .comments-form-area{ position: relative; padding: 44px 60px 60px 60px; background: #f1efee; } .blog-details-content .comments-form-area .form-group{ position: relative; margin-bottom: 24px; } .blog-details-content .comments-form-area .form-group:last-child{ margin-bottom: 0px; } .blog-details-content .comments-form-area .form-group input[type='text'], .blog-details-content .comments-form-area .form-group input[type='email'], .blog-details-content .comments-form-area .form-group textarea{ position: relative; display: block; width: 100%; height: 58px; border: 1px solid #e2dfdd; background: #fff; padding: 10px 20px; font-size: 18px; color: #7c8083; transition: all 500ms ease; } .blog-details-content .comments-form-area .form-group textarea{ height: 120px; resize: none; } .blog-details-content .comments-form-area .form-group input:focus, .blog-details-content .comments-form-area .form-group textarea:focus{ } .blog-details-content .comments-form-area .text{ margin-bottom: 25px; } .blog-details-content .comments-form-area .text h2{ margin-bottom: 2px; } .blog-details-content .comments-form-area .custom-controls-stacked .description{ font-size: 18px; font-weight: 400; color: #7c8083; } .blog-details-content .comments-form-area .custom-controls-stacked{ margin-bottom: 10px; } .blog-details-content .comments-form-area .theme-btn{ padding: 14px 30px; background: #0a0807; color: #fff; } .blog-details-content .custom-control.material-checkbox { --color: #ebebeb; padding: 0px; margin: 0px; margin-bottom: 0px !important; } .blog-details-content .custom-control.material-checkbox .material-control-input { display: none; } .blog-details-content .custom-control.material-checkbox .material-control-indicator { display: inline-block; position: absolute; top: 6px; left: 0px; width: 16px; height: 16px; border: 1px solid #d3d0ce; cursor: pointer; } .blog-details-content .custom-control.material-checkbox .material-control-input:checked ~ .material-control-indicator { -webkit-transform: rotateZ(45deg) translate(1px, -5px); transform: rotateZ(45deg) translate(1px, -5px); width: 8px; border: 2px solid #c4a006; border-top: 0px; border-left: 0px; background: transparent; border-radius: 0px; } .blog-details-content .custom-controls-stacked .description { position: relative; display: inline-block; padding: 0px; margin-left: 25px; color: #16436f; cursor: pointer; } /** contact-info-section **/ .contact-info-section{ position: relative; padding: 60px 0px 60px 0px; } .contact-info-section .sec-title{ margin-bottom: 60px; } .contact-info-section .sec-title h2{ font-size: 30px; line-height: 40px; margin-bottom: 30px; padding-top: 5px; } .contact-info-section .sec-title .theme-btn{ background: #0a0807; color: #fff; padding: 16px 39px; } .contact-info-section .sec-title .theme-btn:hover{ } .contact-info-section .single-info-box{ position: relative; display: block; padding: 60px 30px 0px 30px; } .contact-info-section .single-info-box:before{ position: absolute; content: ''; background: #e2dfdd; width: 1px; height: calc(100% + 3px); top: 0px; right: -15px; } .contact-info-section .single-column:last-child .single-info-box:before{ display: none; } .contact-info-section .single-info-box .icon-box{ position: relative; display: block; font-size: 50px; line-height: 26px; margin-bottom: 10px } .contact-info-section .single-info-box h3{ display: block; font-size: 25px; line-height: 35px; margin-bottom: 3px; } .contact-info-section .single-info-box p{ display: block; margin-bottom: 15px; } .contact-info-section .single-info-box a{ position: relative; display: inline-block; font-size: 18px; } .contact-info-section .single-info-box a:hover{ text-decoration: underline; } .contact-info-section .inner-container{ position: relative; border-top: 1px solid #e2dfdd; } .contact-info-section .pattern-layer .pattern-1{ position: absolute; left: 0px; top: 80px; width: 444px; height: 422px; background-repeat: no-repeat; } .contact-info-section .pattern-layer .pattern-2{ position: absolute; right: 0px; top: 80px; width: 444px; height: 422px; background-repeat: no-repeat; } /** contact-style-two **/ .contact-style-two{ position: relative; } .contact-style-two:before{ position: absolute; content: ''; background: #f1efee; width: 100%; height: 50%; left: 0px; bottom: 0px; } .contact-style-two .sec-title h2{ font-size: 30px; line-height: 40px; } .contact-style-two .inner-container{ position: relative; display: block; background: #fff; padding: 60px 100px 60px 100px; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.10); } .contact-style-two .form-inner .form-group .select-box{ min-height: 56px; } .contact-style-two .form-inner .form-group{ position: relative; display: block; margin-bottom: 30px; } .contact-style-two .form-inner .form-group.message-btn{ margin-bottom: 0px; } .contact-style-two .form-inner .form-group input[type='text'], .contact-style-two .form-inner .form-group input[type='email'], .contact-style-two .form-inner .form-group textarea, .contact-style-two .form-inner .form-group .nice-select{ position: relative; display: block; width: 100%; height: 56px; border: 1px solid #e2dfdd; padding: 0px 50px 0px 20px; font-size: 18px; color: #8d8b8a; border-radius: 0px; transition: all 500ms ease; } .contact-style-two .form-inner .form-group i{ position: absolute; top: 19px; right: 20px; font-size: 18px; color: #bdb9b5; z-index: 1; } .contact-style-two .form-inner .form-group textarea{ height: 150px; resize: none; padding-top: 15px; } .contact-style-two .form-inner .form-group .nice-select{ line-height: 56px; text-transform: capitalize; } .contact-style-two .form-inner .form-group input:focus, .contact-style-two .form-inner .form-group textarea:focus{ } .contact-style-two .form-inner .form-group .nice-select:after{ content: "\f13a"; font-family: 'Font Awesome 6 Free'; top: -1px; right: 32px; font-size: 18px; color: #bdb9b5; font-weight: 900; } .contact-style-two .form-inner .form-group .theme-btn{ background: #0a0807; color: #fff; margin-top: 10px; padding: 16px 39px; } .contact-style-two .form-inner .form-group .theme-btn:hover{ } .contact-style-two .title-inner .text{ margin-top: 30px; } /** quick-contact-section **/ .quick-contact-section{ position: relative; } .quick-contact-section .sec-title h2{ font-size: 30px; line-height: 40px; padding-top: 5px; } .quick-contact-section .sec-title{ margin-bottom: 50px; } .quick-contact-section .contact-list li{ position: relative; display: block; border: 1px solid #d3d0ce; margin-bottom: 20px; } .quick-contact-section .contact-list li:last-child{ margin-bottom: 0px; } .quick-contact-section .contact-list .title, .quick-contact-section .contact-list .phone, .quick-contact-section .contact-list .email{ position: relative; float: left; width: 33.333%; padding: 26.5px 40px; } .quick-contact-section .contact-list .title, .quick-contact-section .contact-list .phone{ border-right: 1px solid #d3d0ce; } .quick-contact-section .contact-list li h3{ position: relative; display: block; font-size: 25px; line-height: 35px; } .quick-contact-section .contact-list .phone a{ position: relative; display: inline-block; font-size: 18px; line-height: 35px; color: #8d8b8a; } .quick-contact-section .contact-list .phone a:hover{ } .quick-contact-section .contact-list .email a{ position: relative; display: inline-block; font-size: 18px; line-height: 35px; } .quick-contact-section .contact-list .email a:hover{ text-decoration: underline; } /** gallery-page-section **/ .gallery-page-section{ position: relative; padding: 60px 0px 60px 0px; } .gallery-page-section .gallery-block-one .inner-box{ margin-bottom: 30px; } .gallery-page-section .gallery-block-one .inner-box .title-text{ border-bottom: 1px solid #e2dfdd; } .gallery-page-section .gallery-block-one .inner-box .view-btn a:hover{ } .sortable-masonry .filter-tabs{ margin-bottom: 51px; } .sortable-masonry .filter-tabs li{ position: relative; display: inline-block; font-size: 25px; line-height: 35px; font-family: "Nunito", sans-serif; color: #bdb9b5; margin-right: 30px; cursor: pointer; transition: all 500ms ease; } .sortable-masonry .filter-tabs li:last-child{ margin: 0px; } .sortable-masonry .filter-tabs li.active{ color: #0a0807; } .sortable-masonry .filter-tabs li:before{ position: absolute; content: ''; background: #bdb9b5; width: 5px; height: 5px; right: -19px; bottom: 10px; border-radius: 50%; } .sortable-masonry .filter-tabs li:last-child:before{ display: none; } .gallery-page-two .gallery-block-one .inner-box .title-text{ background: transparent; text-align: left; padding-left: 30px; } .gallery-page-two .gallery-block-one .inner-box .title-text h3 a{ color: #fff; } .gallery-page-two .gallery-block-one .inner-box .title-text h3 a:hover{ text-decoration: underline; } .gallery-page-section .outer-container{ position: relative; padding: 0px 0px; } .gallery-page-three .outer-container{ padding: 0px 30px; } /** offers-style-two **/ .offers-style-two{ position: relative; padding: 140px 0px 80px 0px; } .offers-style-two .offers-block-one .inner-box .image-box .feature-list li:before{ background-image: url(../images/icons/icon-1.png); } .offers-style-two .offers-block-one .inner-box{ margin-bottom: 60px; } .offers-style-two .offers-block-one .inner-box .theme-btn{ background: #0a0807; color: #fff; padding: 16px 29px; } .offers-style-two .offers-block-one .inner-box .theme-btn:hover{ } .rooms-page-title .search-room-inner{ position: absolute; left: 0px; bottom: 0px; width: 100%; padding-top: 0px; } .rooms-page-title{ padding-bottom: 294px; } .rooms-page-section{ position: relative; padding: 60px 0px 60px 0px; } .rooms-page-section .upper-box{ position: relative; display: flex; align-items: center; justify-content: space-between; margin-bottom: 50px; } .popular-rooms-section .upper-box .tab-btn-box{ margin: 0px; } .popular-rooms-section .upper-box .text p{ position: relative; display: block; color: #0a0807; padding-left: 22px; } .popular-rooms-section .upper-box .text p:before{ position: absolute; content: ''; background-image: url(../images/icons/icon-1.png); width: 12px; height: 12px; left: 0px; top: 7px; background-repeat: no-repeat; } .popular-rooms-section .upper-box .select-box{ position: relative; padding-left: 22px; } .popular-rooms-section .upper-box .select-box:before{ position: absolute; content: ''; background-image: url(../images/icons/icon-1.png); width: 12px; height: 12px; left: 0px; top: 7px; background-repeat: no-repeat; } .popular-rooms-section .upper-box .nice-select{ font-size: 18px; color: #0a0807; text-transform: capitalize; padding-right: 32px; } .popular-rooms-section .upper-box .nice-select:after{ bottom: 21px; right: 13px; font-size: 12px; color: #939190; } .rooms-page-section .room-block-one .inner-box{ margin-bottom: 60px; } .ui-widget.ui-widget-content{ z-index: 9 !important; } .rooms-page-section .room-block-two .inner-box{ margin-bottom: 40px; } .rooms-page-section .pagination-wrapper{ padding-top: 20px; } .rooms-page-three{ padding-bottom: 110px; } /** room-overview-section **/ .room-overview-section{ position: relative; padding: 60px 0px 60px 0px; } .page-title .price-box{ position: absolute; left: 0px; bottom: 0px; width: 100%; text-align: left; } .page-title .price-box .price-inner{ position: relative; display: inline-block; background: #fff; padding: 17px 22px 12px 25px; } .page-title .price-box .price-inner h2{ position: relative; display: inline-block; font-size: 36px; line-height: 46px; padding-left: 32px; } .page-title .price-box .price-inner h2 span{ position: relative; display: inline-block; font-size: 20px; } .page-title .price-box .price-inner h2:before{ position: absolute; content: ''; background-image: url(../images/icons/icon-13.png); width: 20px; height: 20px; left: 0px; top: 13px; background-repeat: no-repeat; } .rooms-details-title{ padding-bottom: 194px; } .room-overview-section .upper-box .feature-list{ position: relative; display: block; border-top: 1px solid #e2dfdd; border-bottom: 1px solid #e2dfdd; margin-bottom: 73px; } .room-overview-section .upper-box .feature-list li{ position: relative; display: inline-block; margin: 0px 58px; padding-top: 35px; padding-bottom: 33px; } .room-overview-section .upper-box .feature-list li:before{ position: absolute; content: ''; background: #e2dfdd; width: 1px; height: 100%; top: 0px; right: -58px; } .room-overview-section .upper-box .feature-list li:last-child:before{ display: none; } .room-overview-section .upper-box .feature-list li span{ position: relative; display: block; font-size: 14px; line-height: 20px; font-weight: 600; text-transform: uppercase; margin-bottom: 8px; } .room-overview-section .lower-box .title-box h2{ position: relative; display: block; font-size: 30px; line-height: 40px; text-transform: uppercase; } .room-overview-section .lower-box .list-item li{ position: relative; display: block; padding-left: 27px; margin-bottom: 16px; } .room-overview-section .lower-box .list-item li:last-child{ margin-bottom: 0px; } .room-overview-section .lower-box .list-item li:before{ position: absolute; content: ''; background-image: url(../images/icons/icon-1.png); width: 12px; height: 12px; left: 0px; top: 7px; background-repeat: no-repeat; } .room-overview-section .lower-box .list-item{ position: relative; } .room-overview-section .lower-box .list-item:before{ position: absolute; content: ''; top: 7px; right: 33px; width: 1px; height: calc(100% - 15px); background: #e2dfdd; } .room-overview-section .lower-box .list-column:last-child .list-item:before{ display: none; } .room-overview-section .pattern-layer .pattern-1{ position: absolute; left: 0px; top: 80px; width: 444px; height: 422px; background-repeat: no-repeat; } .room-overview-section .pattern-layer .pattern-2{ position: absolute; right: 0px; top: 80px; width: 444px; height: 422px; background-repeat: no-repeat; } /** regulation-section **/ .regulation-section{ position: relative; padding: 140px 0px; } .regulation-section .image-box{ position: relative; display: block; } .regulation-section .image-box img{ width: 100%; } .regulation-section .image-box .image-1{ padding-left: 60px; padding-right: 100px; margin-bottom: 60px; } .regulation-section .content-box{ position: relative; display: block; margin-left: -200px; margin-top: 60px; z-index: 1; } .regulation-section .slider-content{ position: relative; display: block; background: #0a0807; padding: 72px 80px 73px 80px; } .regulation-section .slider-content h2{ display: block; font-size: 30px; line-height: 40px; color: #fff; margin-bottom: 2px; text-transform: uppercase; } .regulation-section .slider-content p{ color: #bdb9b5; margin-bottom: 36px; } .regulation-section .slider-content .list-item li{ position: relative; display: block; color: #bdb9b5; padding-left: 25px; margin-bottom: 16px; } .regulation-section .slider-content .list-item li:last-child{ margin-bottom: 0px; } .regulation-section .slider-content .list-item li:before{ position: absolute; content: ''; background-image: url(../images/icons/icon-1.png); width: 12px; height: 12px; left: 0px; top: 8px; background-repeat: no-repeat; } .regulation-section .content-box .owl-nav{ position: relative; display: block; text-align: center; margin-top: 40px; } .regulation-section .content-box .owl-nav button{ border: 1px solid #e2dfdd; } .regulation-section .content-box .owl-nav button:hover{ } .regulation-section .image-box .image-3{ position: relative; display: block; margin: 120px 0px 64px 30px; } .regulation-section .image-box .special-text{ position: relative; display: block; font-size: 90px; line-height: 90px; margin-left: -107px; z-index: 2; } /** booking-section **/ .booking-section{ position: relative; } .booking-section .bg-layer{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; } .booking-section .bg-layer:before{ position: absolute; content: ''; width: 100%; height: 100%; left: 0px; top: 0px; opacity: 0.92; } .booking-section .sec-title .sub-title{ color: #fff; } .booking-section .sec-title p{ color: #fff; margin-top: 10px; } .booking-section .booking-inner{ position: relative; display: block; background: #fff; } .booking-section .booking-inner .inner-box{ position: relative; padding: 45px 50px 60px 50px; } .booking-section .booking-inner .inner-box h3{ position: relative; display: block; font-size: 25px; line-height: 35px; margin-bottom: 13px; } .booking-section .booking-inner .inner-box label{ position: relative; display: block; font-size: 14px; line-height: 24px; font-weight: 600; text-transform: uppercase; margin-bottom: 14px; } .booking-section .booking-inner .inner-box input[type='text'], .booking-section .booking-inner .inner-box .nice-select{ position: relative; display: block; width: 100%; height: 52px; line-height: 52px; border: 1px solid #e2dfdd; border-radius: 0px; font-size: 18px; color: #8d8b8a; padding: 0px 20px; } .booking-section .booking-inner .inner-box .select-box{ min-height: 52px; margin-bottom: 10px; } .booking-section .booking-inner .inner-box .select-box:last-child{ margin-bottom: 0px; } .booking-section .booking-inner .inner-box .form-group{ position: relative; display: block; margin-bottom: 23px; } .booking-section .booking-inner .inner-box .form-group:last-child{ margin-bottom: 0px; } .booking-section .booking-inner .inner-box .form-group .icon-box{ position: absolute; right: 20px; bottom: 9px; font-size: 18px; color: #949291; } .booking-section .booking-inner .inner-box .nice-select:after{ font-size: 14px; right: 28px; bottom: 45px; } .booking-section .service-list{ position: relative; display: block; } .booking-section .service-list li{ position: relative; display: block; margin-bottom: 20px; } .booking-section .service-list li:last-child{ margin-bottom: 0px; } .booking-section .service-list input { display: none; } .booking-section .service-list label { position: relative; display: block; font-size: 18px !important; color: #8d8b8a !important; text-transform: none !important; cursor: pointer; font-weight: 400 !important; } .booking-section .service-list label:before{ position: absolute; content: ''; right: 0px; top: 5px; width: 18px; height: 18px; border-radius: 50%; border-style: solid; border-width: 1px; border-color: #e3e1df; background: transparent; } .booking-section .service-list label:after { position: absolute; content: ''; right: 5px; top: 10px; width: 8px; height: 8px; border-radius: 50%; opacity: 0; } .booking-section .service-list input:checked + label:after { opacity: 1; } .booking-section .service-list input:checked + label:before{ } .booking-section .booking-inner .inner-box .extra-service{ position: relative; padding-top: 10px; } .booking-section .booking-inner .inner-box .extra-service .more-link{ position: relative; padding-top: 11px; } .booking-section .booking-inner .inner-box .extra-service .more-link a{ position: relative; display: inline-block; font-size: 14px; line-height: 20px; font-weight: 600; text-transform: uppercase; color: #0a0807; } .booking-section .booking-inner .inner-box .extra-service .more-link a:hover{ } .booking-section .booking-inner .inner-box .price-box{ position: relative; display: block; padding-bottom: 23px; margin-bottom: 25px; border-bottom: 1px solid #e2dfdd; } .booking-section .booking-inner .inner-box .price-box h2{ position: relative; display: block; font-size: 36px; line-height: 36px; margin-bottom: 1px; } .booking-section .booking-inner .inner-box .price-box h2 span{ position: relative; display: inline-block; font-size: 18px; } .booking-section .booking-inner .inner-box .pricing-list{ position: relative; display: block; background: #f1efee; padding: 0px 20px; margin-bottom: 32px; } .booking-section .booking-inner .inner-box .pricing-list li{ position: relative; display: block; font-size: 18px; border-bottom: 1px solid #d3d0ce; padding: 14.5px 0px; } .booking-section .booking-inner .inner-box .pricing-list li span{ float: right; } .booking-section .booking-inner .inner-box .pricing-list li:last-child{ border-bottom: none; font-family: "Nunito", sans-serif; color: #0a0807; } .booking-section .booking-inner .inner-box .btn-box .theme-btn{ background: #0a0807; color: #fff; width: 100%; } .booking-section .booking-inner .inner-box .btn-box .theme-btn:hover{ } .booking-section .booking-inner .inner-column{ position: relative; } .booking-section .booking-inner .inner-column:before{ position: absolute; content: ''; background: #e2dfdd; width: 1px; height: 100%; top: 0px; right: 0px; } .booking-section .booking-inner .inner-column:last-child:before{ display: none; } .booking-section .sec-title{ margin-bottom: 53px; } /** restaurant-section **/ .restaurant-section{ position: relative; padding: 136px 0px 130px 0px; } .restaurant-section .image-box{ position: relative; display: block; margin-bottom: 56px; } .restaurant-section .image-box img{ width: 100%; } .restaurant-section .content-box{ position: relative; display: block; } .restaurant-section .content-box .special-text{ position: relative; display: block; font-size: 32px; line-height: 40px; margin-bottom: 20px; } .restaurant-section .content-box p{ margin-bottom: 42px; } .restaurant-section .content-box .restaurant-feature li{ position: relative; display: inline-block; font-size: 25px; line-height: 35px; font-family: "Nunito", sans-serif; color: #0a0807; margin-right: 60px; padding-left: 26px; } .restaurant-section .content-box .restaurant-feature li:last-child{ margin: 0px; } .restaurant-section .content-box .restaurant-feature li:before{ position: absolute; content: ''; background-image: url(../images/icons/icon-2.png); width: 16px; height: 16px; left: 0px; top: 8px; background-repeat: no-repeat; } .restaurant-section .content-box .restaurant-feature li:after{ position: absolute; content: ''; background: #e2dfdd; width: 1px; height: 30px; top: 0px; right: -34px; } .restaurant-section .content-box .restaurant-feature li:last-child:after{ display: none; } /** dining-options **/ .dining-options{ position: relative; } .dining-options .inner-container{ position: relative; background: #fff; box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.08); } .dining-options .inner-container .bg-layer{ position: absolute; left: 0px; top: 0px; width: 100%; height: calc(100% - 150px); background-size: cover; background-repeat: no-repeat; background-position: center; } .dining-options .inner-box{ position: relative; display: block; float: left; width: 33.333%; } .dining-options .inner-box .upper-box{ position: relative; display: block; padding: 400px 20px 33px 20px; } .dining-options .inner-box .upper-box:before{ position: absolute; content: ''; background: rgba(255, 255, 255, 0.50); width: 1px; height: 100%; top: 0px; right: 0px; } .dining-options .inner-box .upper-box:last-child:before{ display: none; } .dining-options .inner-box .upper-box h2{ position: relative; display: block; font-size: 32px; line-height: 42px; color: #fff; transition: all 500ms ease; } .dining-options .inner-box:hover .upper-box h2{ opacity: 0; } .dining-options .inner-box .lower-box{ position: relative; display: block; padding: 24px 25px 26px 40px; } .dining-options .inner-box .lower-box:before{ position: absolute; content: ''; background: #e2dfdd; width: 1px; height: 100%; top: 0px; right: 0px; } .dining-options .inner-box:last-child .lower-box:before{ display: none; } .dining-options .inner-box .lower-box p{ margin-bottom: 16px; } .dining-options .inner-box .lower-box a{ position: relative; display: inline-block; font-size: 14px; line-height: 24px; color: #0a0807; font-weight: 600; text-transform: uppercase; padding-left: 45px; } .dining-options .inner-box .lower-box a i{ position: absolute; left: 0px; top: -5px; font-size: 34px; } .dining-options .inner-box .lower-box a:hover{ } .dining-options .inner-box .upper-box .overlay-content{ position: absolute; bottom: 0px; left: 20px; width: calc(100% - 40px); padding: 35px 30px 34px 40px; opacity: 0; z-index: 1; transition: all 500ms ease; } .dining-options .inner-box:hover .upper-box .overlay-content{ bottom: 20px; opacity: 1; } .dining-options .inner-box .upper-box .overlay-content span{ position: relative; display: block; font-size: 14px; line-height: 24px; color: #fff; font-weight: 500; text-transform: uppercase; margin-bottom: 2px; } .dining-options .inner-box .upper-box .overlay-content p{ color: #fff; } .dining-options .inner-box .upper-box .overlay-content p a{ color: #fff; } .dining-options .inner-box .upper-box .overlay-content a:hover{ text-decoration: underline; } .dining-options .inner-box .upper-box .overlay-content .list-item li{ position: relative; display: block; margin-bottom: 13px; } .dining-options .inner-box .upper-box .overlay-content .list-item li:last-child{ margin-bottom: 0px; } /** meals-section **/ .meals-section{ position: relative; padding: 140px 0px; } .meals-section .bg-layer{ position: absolute; top: 0px; right: 0px; width: 50%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; } .meals-section .tabs-box{ position: relative; display: block; } .meals-section .inner-column{ position: relative; padding: 56px 0px 25px 60px; } .meals-section .sec-title .sub-title{ color: #fff; } .meals-section .tab-btns li{ position: relative; display: block; font-size: 32px; line-height: 42px; font-family: "Nunito", sans-serif; color: #fff; padding: 17px 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.20); cursor: pointer; transition: all 500ms ease; } .meals-section .tab-btns li:last-child{ border-bottom: none; } .meals-section .sec-title{ margin-bottom: 24px; } .meals-section .tab-btns li:before{ position: absolute; content: ''; top: 28px; right: 0px; width: 20px; height: 20px; border: 3px solid #fff; border-radius: 50%; transition: all 500ms ease; } .meals-section .tab-btns li.active-btn:before{ border: 6px solid #fff; } .meals-section .tabs-content{ position: relative; display: block; padding: 220px 10px 10px 10px; margin-left: -30px; } .meals-section .content-box{ position: relative; display: block; background: #0a0807; padding: 33px 30px 40px 30px; } .meals-section .content-box h3{ position: relative; display: block; font-size: 25px; line-height: 35px; color: #fff; margin-bottom: 8px; } .meals-section .content-box .special-text{ position: relative; display: block; font-size: 25px; line-height: 35px; margin-bottom: 12px; } .meals-section .content-box p{ color: #bdb9b5; margin-bottom: 32px; } .meals-section .content-box .theme-btn{ padding: 16px 39px; } .testimonial-style-two.alternat-2{ background: #f1efee; } .testimonial-style-two.alternat-2 .light-icon{ -webkit-text-stroke-color: #dbd8d6; } .testimonial-style-two.alternat-2 .testimonial-block .inner-box h3{ color: #0a0807; } .testimonial-style-two.alternat-2 .testimonial-block .inner-box p{ color: #8d8b8a; } .testimonial-style-two.alternat-2 .testimonial-block .author-box h3{ color: #0a0807; } /** booking-style-two **/ .booking-style-two{ position: relative; } .booking-style-two .upper-box{ position: relative; padding: 120px 0px 57px 0px; } .sec-title .icon-box{ position: relative; display: block; margin-bottom: 25px; } .sec-title .icon-box .icon{ position: relative; display: inline-block; width: 90px; height: 90px; line-height: 102px; text-align: center; font-size: 45px; border-radius: 50%; color: #1f1f1f; } .booking-style-two .upper-box .sec-title{ margin-bottom: 0px; } .booking-style-two .lower-box{ position: relative; padding: 55px 0px 60px 0px; } .booking-style-two .lower-box:before{ position: absolute; content: ''; width: calc(100% - 200px); height: 1px; left: 100px; top: 0px; z-index: 1; } .booking-style-two .lower-box:after{ position: absolute; content: ''; width: calc(100% - 200px); height: 1px; left: 100px; bottom: 0px; } .booking-style-two .lower-box .bg-layer{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; background-attachment: fixed; } .booking-style-two .lower-box .bg-layer:before{ position: absolute; content: ''; background: #0a0807; width: 100%; height: 100%; left: 0px; top: 0px; opacity: 0.7; } .booking-style-two .form-inner .form-group{ position: relative; margin-bottom: 0px; } .booking-style-two .form-inner .form-group label{ position: relative; display: block; font-size: 16px; line-height: 26px; font-family: "Nunito", sans-serif; color: #fff; margin-bottom: 7px; } .booking-style-two .form-inner .form-group .icon{ position: absolute; bottom: 13px; right: 21px; font-size: 13px; z-index: 1; } .booking-style-two .form-inner .form-group input[type='text']{ position: relative; display: block; width: 100%; height: 54px; border: 1px solid #4b4d50; padding: 10px 50px 10px 20px; font-size: 18px; color: #c0c3c6; transition: all 500ms ease; } .booking-style-two .form-inner .form-group input:focus{ border-color: #fff; } .booking-style-two .form-inner .text p{ display: block; margin-top: 33px; margin-bottom: 22px; color: #fff; } .booking-style-two .form-inner .text .theme-btn{ padding: 16px 39px; } /** menu-section **/ .menu-section{ position: relative; } .single-menu-box{ position: relative; display: block; padding-bottom: 26px; margin-bottom: 26px; } .single-menu-box:before{ position: absolute; content: ''; border-bottom: 2px dotted #bdb9b5; left: 0px; bottom: 0px; width: calc(100% - 50px); } .single-menu-box h3{ position: relative; display: block; font-size: 25px; line-height: 35px; margin-bottom: 3px; } .single-menu-box h4{ position: absolute; right: 0px; bottom: -14px; font-size: 22px; line-height: 32px; } .mr_15{ margin-right: 15px; } .ml_15{ margin-left: 15px; } .menu-section .image-box{ position: relative; display: block; } .menu-section .image-box .image{ position: relative; display: block; } .menu-section .image-box .image img{ width: 100%; } .menu-section .image-box .open-time{ position: absolute; left: 0px; bottom: 60px; padding: 20px 30px; } .menu-section .image-box .open-time span{ position: relative; display: block; font-size: 32px; line-height: 40px; font-family: 'Carattere', cursive; color: #fff; padding-left: 40px; } .menu-section .image-box .open-time span img{ position: absolute; left: 0px; top: 5px; } .menu-section .owl-nav button{ border: 1px solid #e2dfdd; } .menu-section .owl-nav button:hover{ } .menu-section .owl-nav{ position: relative; display: block; padding-top: 22px; } .menu-section .content-box{ margin-top: -5px; } /** spa-section **/ .spa-section{ position: relative; padding: 140px 0px; } .spa-section .left-content{ position: relative; display: block; margin-right: 20px; } .spa-section .image-box{ position: relative; display: block; } .spa-section .image-box img{ width: 100%; } .spa-section .left-content .image-box{ margin-bottom: 50px; } .spa-section .left-content .content-box{ position: relative; float: right; max-width: 370px; width: 100%; background: #f1efee; padding: 33px 30px 40px 40px; } .spa-section .left-content .content-box h3{ position: relative; display: inline-block; font-size: 22px; line-height: 32px; text-transform: uppercase; margin-bottom: 24px; } .spa-section .left-content .content-box .single-item{ position: relative; display: block; margin-bottom: 15px; } .spa-section .left-content .content-box .single-item span{ position: relative; display: block; font-size: 14px; line-height: 24px; font-weight: 600; text-transform: uppercase; margin-bottom: 4px; } .spa-section .left-content .content-box .single-item p a{ color: #8d8b8a; } .spa-section .left-content .content-box .single-item p a:hover{ } .spa-section .left-content .content-box .btn-box{ padding-top: 12px; } .spa-section .left-content .content-box .theme-btn{ background: #0a0807; color: #fff; padding: 16px 39px; } .spa-section .left-content .content-box .theme-btn:hover{ } .spa-section .sec-title p{ margin-top: 30px; } .spa-section .sec-title{ margin-bottom: 50px; } .spa-section .pattern-layer{ position: absolute; left: 105px; bottom: 90px; width: 480px; height: 480px; background-repeat: no-repeat; } /** spa-style-two **/ .spa-style-two{ position: relative; } .spa-block-one .inner-box{ position: relative; display: block; } .spa-block-one .inner-box .image-box{ position: relative; display: block; overflow: hidden; } .spa-block-one .inner-box .image-box .image{ position: relative; display: block; overflow: hidden; } .spa-block-one .inner-box .image-box .image:before { position: absolute; content: ''; left: 0px; top: 0px; width: 100%; height: 100%; background: -webkit-linear-gradient(90deg, rgba(10,8,7,0.80) 0%, rgba(10,8,7,0.0) 50%); z-index: 1; opacity: 0; transition: all 500ms ease; } .spa-block-one .inner-box:hover .image-box .image:before{ opacity: 1; } .spa-block-one .inner-box .image-box .image img{ width: 100%; transition: all 500ms ease; } .spa-block-one .inner-box .image-box .price{ position: absolute; left: 0px; bottom: 0px; background: #f1efee; padding: 15px 18px 15px 21px; font-size: 14px; line-height: 24px; font-weight: 600; text-transform: uppercase; z-index: 2; } .spa-block-one .inner-box .image-box .price:before{ position: absolute; content: ''; background-image: url(../images/icons/icon-1.png); width: 12px; height: 12px; left: 0px; top: 16px; background-repeat: no-repeat; } .spa-block-one .inner-box .lower-content{ position: relative; display: block; padding-top: 20px; } .spa-block-one .inner-box .lower-content h3{ position: relative; display: block; font-size: 25px; line-height: 35px; padding-left: 50px; } .spa-block-one .inner-box .lower-content h3 i{ position: absolute; left: 0px; top: 0px; font-size: 34px; } .spa-block-one .inner-box .lower-content h3 a{ display: inline-block; color: #0a0807; } .spa-block-one .inner-box .lower-content h3 a:hover{ } .spa-style-two .owl-nav{ position: relative; display: block; text-align: center; margin-top: 50px; } .spa-style-two .owl-nav button{ background: transparent; border: 1px solid #d5d2d0; } .spa-style-two .owl-nav button:hover{ } .white_bg{ background-color: #fff !important; } .testimonial-style-two.alternat-2.white_bg .light-icon { -webkit-text-stroke-color: #e3e1df; } /** events-section **/ .events-section{ position: relative; padding: 140px 0px 80px 0px; } .events-block-one .inner-box{ position: relative; display: block; margin-bottom: 60px; } .events-block-one .inner-box .image-box{ position: relative; display: block; overflow: hidden; } .events-block-one .inner-box .image-box .image{ position: relative; display: block; overflow: hidden; } .events-block-one .inner-box .image-box .image:before { position: absolute; content: ''; left: 0px; top: 0px; width: 100%; height: 100%; background: -webkit-linear-gradient(90deg, rgba(10,8,7,0.80) 0%, rgba(10,8,7,0.05) 50%); z-index: 1; transition: all 500ms ease; } .events-block-one .inner-box .image-box .image img{ width: 100%; } .events-block-one .inner-box .image-box .feature-list{ position: absolute; left: 0px; bottom: 22px; width: 100%; padding-left: 52px; z-index: 2; } .events-block-one .inner-box .image-box .feature-list:before{ position: absolute; content: ''; background-image: url(../images/icons/icon-1.png); width: 12px; height: 12px; left: 30px; top: 8px; background-repeat: no-repeat; } .events-block-one .inner-box .image-box .feature-list li{ position: relative; display: inline-block; font-size: 18px; color: #bdb9b5; margin-right: 25px; } .events-block-one .inner-box .image-box .feature-list li:last-child{ margin: 0px; } .events-block-one .inner-box .image-box .feature-list li:before{ position: absolute; content: '/'; color: rgba(255, 255, 255, 0.20); top: 0px; right: -17px; } .events-block-one .inner-box .image-box .feature-list li:last-child:before{ display: none; } .events-block-one .inner-box .lower-content{ position: relative; display: block; padding-top: 31px; } .events-block-one .inner-box .lower-content .title-box{ position: relative; display: block; margin-bottom: 17px; padding-left: 200px; } .events-block-one .inner-box .lower-content .title-box .special-text{ position: absolute; left: 0px; top: 9px; font-size: 48px; line-height: 50px; } .events-block-one .inner-box .lower-content .title-box .special-text:before{ position: absolute; content: ''; background: #e2dfdd; width: 1px; height: 53px; top: -1px; right: -33px; } .events-block-one .inner-box .lower-content .title-box h3{ position: relative; display: block; font-size: 25px; line-height: 35px; } .events-block-one .inner-box .lower-content p{ margin-bottom: 29px; } .events-block-one .inner-box .lower-content .theme-btn{ background: #f1efee; padding: 16px 39px; } .events-block-one .inner-box .lower-content .theme-btn:hover{ } .header-style-one .main-menu .navigation > li{ display: block !important; } .logo-box img{ width: 100px; } .sec-title span{ color: #1e6537; } .footer-logo img{ width: 120px; } .mb-60{ margin-bottom: 60px; } .pt-0{ padding-top: 0px !important; } .pb-40{ padding-bottom: 40px; } .nav-logo img{ width: 150px; } .footer-widget .fa-solid{ color: #158814; } .footer-widget ul li{ padding-bottom: 15px; color: #e2e2e2; font-size: 18px; } .social-media { color: #fff; } .social-media .fa-brands{ border: 1px solid #fff; padding: 8px; margin-right: 10px; font-size: 20px; } @media only screen and (max-width: 600px) { .main-header .outer-box .main-box{ width: 100%; }} /* Section Background */ .single-room { background: #f9f9f9; padding:10px 0 } /* Image Styling */ .room-img-wrapper { overflow: hidden; border-radius: 12px; box-shadow: 0 6px 20px rgba(0,0,0,0.1); } .room-img-wrapper img { transition: transform 0.5s ease; } .room-img-wrapper:hover img { transform: scale(1.05); } /* Content Styling */ .room-content { padding-left: 15px; } .room-title { font-size: 28px; margin-bottom: 15px; color: #222; } .room-desc { font-size: 16px; line-height: 1.7; color: #555; margin-bottom: 20px; } /* Features List */ .room-features { list-style: none; padding: 0; margin-bottom: 25px; } .room-features li { position: relative; padding-left: 25px; margin-bottom: 10px; font-size: 15px; color: #444; } .room-features li::before { content: "✔"; position: absolute; left: 0; top: 0; color: #28a745; font-size: 16px; } /* Button */ .btn-book { display: inline-block; padding: 10px 25px; background: #198754; color: #fff; border-radius: 30px; font-size: 16px; font-weight: 500; text-decoration: none; transition: 0.3s ease; box-shadow: 0 1px 1px rgba(0, 123, 255, 0.3); } .btn-book:hover { background: #43ba42; color:#fff; box-shadow: 0 6px 18px rgba(0, 123, 255, 0.4); } /* Feature Box Style */ .feature-block-one .inner-box { background: #fff; /* Light green background */ border-radius: 14px; padding: 30px 20px; text-align: center; transition: all 0.4s ease; box-shadow: 0 4px 15px rgba(0,0,0,0.06); height: 100%; position: relative; overflow: hidden; } /* Hover Effect */ .feature-block-one .inner-box:hover { transform: translateY(-10px) scale(1.03); box-shadow: 0 8px 28px rgba(0, 128, 0, 0.25); background: #eaf7ea; /* Slightly darker green */ } /* Icon */ .feature-block-one .icon-box { width: 80px; height: 80px; margin: 0 auto 20px; /* 🟢 extra gap below icon */ display: flex; align-items: center; justify-content: center; background: #e6f6e6; border-radius: 50%; transition: all 0.3s ease; } .feature-block-one .icon-box img { width: 40px; height: 40px; transition: filter 0.3s ease; } /* Hover Icon */ .feature-block-one .inner-box:hover .icon-box { background: #28a745; transform: scale(1.1) rotate(8deg); } .feature-block-one .inner-box:hover .icon-box img { filter: brightness(0) invert(1); } /* Title */ .feature-block-one h3 { font-size: 17px; margin-top: 10px; /* 🟢 spacing between icon & text */ color: #2d4730; letter-spacing: 0.5px; } .attraction-card { background: #fff; border-radius: 15px; overflow: hidden; box-shadow: 0 4px 15px rgba(0,0,0,0.1); margin-bottom: 30px; transition: transform 0.3s ease, box-shadow 0.3s ease; } .attraction-card:hover { transform: translateY(-8px); box-shadow: 0 8px 25px rgba(0,0,0,0.15); } .attraction-card .image-box img { width: 100%; height: 230px; object-fit: cover; transition: transform 0.4s ease; } .attraction-card:hover .image-box img { transform: scale(1.05); } .attraction-card .lower-content { padding: 20px; text-align: left; } .attraction-card h3 { font-size: 20px; margin-bottom: 10px; } .attraction-card h3 a { text-decoration: none; color: #2a7a4b; /* Green tone */ transition: color 0.3s ease; } .attraction-card h3 a:hover { color: #1d5a36; } .attraction-card p { font-size: 15px; color: #555; margin-bottom: 15px; line-height: 1.6; } .read-more { display: inline-block; font-size: 14px; font-weight: 500; color: #fff; background: #2a7a4b; padding: 8px 16px; border-radius: 30px; text-decoration: none; transition: background 0.3s ease, transform 0.2s ease; } .read-more:hover { background: #1d5a36; color:#fff; transform: scale(1.05); } .gallery-section { background: #f3fff6; /* light green background */ padding-bottom:80px!important } .gallery-card { position: relative; overflow: hidden; border-radius: 15px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); transition: transform 0.3s ease, box-shadow 0.3s ease; } .gallery-card img { width: 100%; height: 250px; object-fit: cover; transition: transform 0.4s ease; } .gallery-card:hover { transform: translateY(-6px); box-shadow: 0 8px 25px rgba(0,0,0,0.15); } .gallery-card:hover img { transform: scale(1.1); } /* Lightbox arrow custom color */ .lb-nav a.lb-prev, .lb-nav a.lb-next { background: rgba(0, 128, 0, 0.7); /* green arrow background */ border-radius: 50%; width: 50px; height: 50px; } .lb-nav a.lb-prev:hover, .lb-nav a.lb-next:hover { background: rgba(0, 180, 0, 0.9); } .gallery-section h2{font-size:40px} .testimonial-section { background: #fff; /* light green background */ padding-bottom:65px } .testimonial-card { background:#f3fff6; padding: 25px; border-radius: 15px; box-shadow: 0 6px 10px rgba(0,0,0,0.1); text-align: center; max-width: 700px; margin: auto; } .testimonial-card p { font-size: 1.1rem; font-style: italic; color: #444; } .testimonial-card h5 { margin-top: 15px; font-weight: 00; color: #2b7a2b; /* green tone */ } .mf-social-side-list { position: fixed; bottom: 100px; left: 15px; z-index: 100; background: #fff; padding: 10px 8px; border-radius: 50px; border: 1px solid #2c978d } .mf-social-side-list ul { list-style: none; display: flex; flex-direction: column; padding: 0; margin: 0 } .mf-social-side-list ul li a { color: #323232; border-radius: 50%; line-height: 35px; margin: 6px 0; text-align: center; text-decoration: none; display: inline-block; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out } .mf-social-side-list ul li a:hover { opacity: .9; -webkit-transform: translateY(-3px); transform: translateY(-3px) } .mf-social-side-list ul li a i img { width: 45px }
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0.03 |
proxy
|
phpinfo
|
Settings