/* @File: Jaunt Template Styles * This file contains the styling for the actual template, this is the file you need to edit to change the look of the template. This files table contents are outlined below>>>>> ******************************************* ******************************************* ** - Google Fonts ** - Default CSS ** - Section Title CSS ** - Navbar CSS ** - Banner CSS ** - About CSS ** - Destination CSS ** - Offers CSS ** - Testimonial CSS ** - Team CSS ** - Tours CSS ** - Blog CSS ** - Features CSS ** - Video CSS ** - Footer CSS ** - Page Title CSS ** - Blog Details CSS ** - Destinations Details CSS ** - Pagination CSS ** - Contact CSS ** - Main Form CSS ** - Terms of Service CSS ** - Privacy Policy CSS ** - FAQ CSS ** - Error CSS ** - Coming Soon CSS ** - Member Details CSS ** - Terms CSS ** - Error CSS ** - Pricing CSS ** - Comingsoon CSS ** - Cart CSS ** - Booking CSS ** - Go Top CSS ** - Preloader CSS */ /* ----------------------------------------- Google Fonts ----------------------------------------- */ @import url("https://fonts.googleapis.com/css2?family=Roboto&family=main:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,900&display=swap"); /* ----------------------------------------- Default CSS ----------------------------------------- */ @font-face { font-family: 'main'; src: url('../fonts/main.ttf'); src: local('?'), url('../fonts/main.ttf') format('truetype'); } body { padding: 0; margin: 0; font-size: 16px; font-family: "main", sans-serif; } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { color: #093f7f; line-height: 1.4; } h1 { font-weight: 700; font-size: 60px; } h2 { font-weight: 700; font-size: 30px; } h3 { font-weight: 500; font-size: 19px; } h4 { font-weight: 500; font-size: 18px; } a { color: #08b68b; -webkit-transition: 0.5s; transition: 0.5s; text-decoration: none; outline: 0 !important; } a:hover { color: #4141a5; text-decoration: none; } :focus { outline: 0 !important; } img { max-width: 100%; height: auto; } p { color: #39325a; font-size: 19px; margin-bottom: 15px; font-weight: 400; font-family: "Roboto", sans-serif; } /* padding css */ .ptb-100 { padding-top: 70px; padding-bottom: 70px; } .pt-100 { padding-top: 50px; } .pb-100 { padding-bottom: 100px; } .ptb-70 { padding-top: 70px; padding-bottom: 70px; } .pt-70 { padding-top: 70px; } .pb-70 { padding-bottom: 7px; } /* margin css */ .mb-15 { margin-bottom: 15px; } .mt-15 { margin-top: 15px; } .mt-20 { margin-top: 20px; } .mb-20 { margin-bottom: 20px; } .mb-30 { margin-bottom: 30px; } .mt-30 { margin-top: 30px; } .no-wrap { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .color-primary { color: #08b68b !important; } .color-secondary { color: #4141a5 !important; } .color-dark { color: #093f7f; } .bg-primary { background-color: #fffdf8 !important; } .bg-light { background-color: #f9f8fe !important; } .bg-secondary { background-color: #fff9e9 !important; } /*section-title*/ .section-title { max-width: 720px; text-align: center; margin-right: auto; margin-left: auto; margin-bottom: 50px; position: relative; z-index: 5; } .section-title h2 { font-size: 35px; line-height: 1; margin-top: -5px; margin-bottom: 25px; } .section-title p { max-width: 640px; font-size: 17px; font-weight: 500; margin-left: auto; margin-right: auto; } .section-title .learn-more-btn { margin-top: 20px; } .section-title.style-two { text-align: center; margin-right: auto; margin-left: auto; } .section-title.style-two::before { display: none; } .section-title.style-two h2 { padding: unset; margin-top: -10px; } /* Primary Button */ .btn-primary { text-align: center; display: inline-block; -webkit-transition: 0.5s; transition: 0.5s; border-radius: 30px; padding: 12px 30px; z-index: 1; color: #ffffff; background-color: #08b68b; border: 1px solid #08b68b; font-size: 15px; font-weight: 600; font-family: "main", sans-serif; text-transform: capitalize; position: relative; overflow: hidden; -webkit-box-shadow: 0 20px 20px -5px rgba(253, 80, 86, 0.2); box-shadow: 0 20px 20px -5px rgba(253, 80, 86, 0.2); } .btn-primary:hover { color: #08b68b; background-color: transparent; border: 1px solid #08b68b; } .btn-primary.focus, .btn-primary:focus { -webkit-box-shadow: none; box-shadow: none; } /* Secondary button */ .btn-secondary { text-align: center; display: inline-block; -webkit-transition: 0.5s; transition: 0.5s; border-radius: 5px; padding: 12px 30px; z-index: 1; color: #ffffff; background-color: transparent; border: 1px solid #ffffff; font-size: 15px; font-weight: 600; font-family: "main", sans-serif; text-transform: capitalize; } .btn-secondary:hover { color: #08b68b; background-color: transparent; } .btn-secondary i { margin-left: 5px; vertical-align: middle; } .btn-secondary:focus { -webkit-box-shadow: none; box-shadow: none; } /* Text Button*/ .btn-text-only { background: transparent; } /* Social Icon CSS*/ .social-link a { display: inline-block; line-height: 0; text-align: center; background: #ffffff; color: #08b68b; border-radius: 5px; padding: 10px; font-size: 16px; margin-right: 8px; -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); } .social-link a:hover { background: #08b68b; color: #ffffff; } .social-link a:last-child { margin-right: 0; } /*Form-Control CSS*/ .form-control { height: 58px; color: #093f7f; -webkit-box-shadow: unset !important; box-shadow: unset !important; border: none; border-radius: 5px; background-color: #ffffff; -webkit-transition: 0.5s; transition: 0.5s; padding: 0 0 0 18px; font-size: 15px; } .form-control::-webkit-input-placeholder { color: #797979; -webkit-transition: 0.5s; transition: 0.5s; } .form-control:-ms-input-placeholder { color: #797979; -webkit-transition: 0.5s; transition: 0.5s; } .form-control::-ms-input-placeholder { color: #797979; -webkit-transition: 0.5s; transition: 0.5s; } .form-control::placeholder { color: #797979; -webkit-transition: 0.5s; transition: 0.5s; } .form-control:focus { border-color: #08b68b; } textarea.form-control { height: auto; padding-top: 15px; } /* ----------------------------------------- Navbar CSS ----------------------------------------- */ .header-area .top-header-area { background: #093f7f; } .header-area .top-header-area .contact-info { display: -webkit-box; display: -ms-flexbox; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .header-area .top-header-area .contact-info .content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .header-area .top-header-area .contact-info .content i { vertical-align: middle; margin-right: 8px; color: #ffffff; font-size: 22px; display: inline-block; } .header-area .top-header-area .contact-info .content a { color: #ffffff; } .header-area .top-header-area .contact-info .content a:hover { color: #08b68b; } .header-area .top-header-area .side-option { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .header-area .top-header-area .side-option .item { position: relative; margin-left: 15px; margin-right: 15px; padding: 10px 0; } .header-area .top-header-area .side-option .item .language a img { width: 16px; height: 16px; max-width: 16px; border-radius: 50%; margin-top: -2px; } .header-area .top-header-area .side-option .item .language .menu { border: none; top: 100%; left: 0; z-index: 99; display: none; border-radius: 0; width: 100%; padding: 10px 0 10px 10px; position: absolute; background: #ffffff; -webkit-transition: 0.5s; transition: 0.5s; -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); -webkit-animation: fadeIn .3s linear 1; animation: fadeIn .3s linear 1; list-style-type: none; } .header-area .top-header-area .side-option .item .language .menu .menu-item { padding: 5px; } .header-area .top-header-area .side-option .item .language .menu .menu-item .menu-link { font-size: 15px; font-weight: 500; color: #093f7f; } .header-area .top-header-area .side-option .item .language .menu .menu-item .menu-link:hover { color: #08b68b; } .header-area .top-header-area .side-option .item .language .menu img { margin-top: 0; border-radius: 50%; margin-right: 5px; margin-top: -1.5px; } .header-area .top-header-area .side-option .item .btn-search { text-align: center; -webkit-transition: 0.5s; transition: 0.5s; padding: 19px 30px; color: #ffffff; background-color: #08b68b; font-size: 18px; font-weight: 600; } .header-area .top-header-area .side-option .item .btn-search:hover i { -webkit-transform: scale(1.2); transform: scale(1.2); } .header-area .top-header-area .side-option .item .btn-search i { -webkit-transition: 0.5s; transition: 0.5s; vertical-align: middle; } .header-area .top-header-area .side-option .item:last-child { padding: 0; margin-right: 0; } .header-area .top-header-area .side-option .btn-secondary { padding: 9px 25px; font-size: 14px; } .search-box { position: relative; width: auto; max-width: 400px; padding: 5px; margin: 0 auto; border-radius: 50px; background: #ffffff; border: 1px solid #08b68b; } .search-box .search-form { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; } .search-box .search-form .search-input { display: block; width: 100%; line-height: initial; border: none; color: #093f7f; outline: 0; padding: 6px 12px; -webkit-transition: 0.5s; transition: 0.5s; background: transparent; } .search-box .search-form .search-input:focus { border-color: #08b68b; } .search-box .search-form .btn-search { text-align: center; -webkit-transition: 0.5s; transition: 0.5s; padding: 16px 22px; color: #ffffff; background-color: #08b68b; font-size: 18px; font-weight: 600; border-radius: 50%; border: 1px solid #08b68b; } .search-box .search-form .btn-search:hover { color: #08b68b; background-color: transparent; border: 1px solid #08b68b; } .search-box .search-form .btn-search i { vertical-align: middle; } .search-box .mfp-close { width: unset; height: unset; top: -50px; opacity: 1; padding: 0 0 18px 10px; color: #ffffff; } .mfp-zoom-in .mfp-with-anim { opacity: 0; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: scale(0.8); transform: scale(0.8); } .mfp-zoom-in.mfp-bg { opacity: 0; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .mfp-zoom-in.mfp-ready .mfp-with-anim { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .mfp-zoom-in.mfp-ready.mfp-bg { opacity: 0.8; } .mfp-zoom-in.mfp-removing .mfp-with-anim { -webkit-transform: scale(0.8); transform: scale(0.8); opacity: 0; } .mfp-zoom-in.mfp-removing.mfp-bg { opacity: 0; } .main-navbar-area.stickyadd { position: fixed; top: 0; left: 0; width: 100%; z-index: 999; -webkit-animation: slideInDown 1s 1; animation: slideInDown 1s 1; background: #ffffff; -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); } .main-navbar-area.stickyadd .main-nav .navbar { padding: 0 0; } .main-responsive-nav { display: none; } .navbar-light .navbar-brand .logo2 { display: none; } .main-nav .navbar { position: inherit; padding: 0px 0; background: #ffffff; direction:rtl; } .main-nav .navbar .navbar-nav .nav-item { position: relative; margin-left: 15px; margin-right: 15px; } .main-nav .navbar .navbar-nav .nav-item a { color: #093f7f; font-size: 19px; font-weight: 800; padding-left: px; padding-right: 15px; padding-top: 6px; padding-bottom: 6px; font-family:main; } .main-nav .navbar .navbar-nav .nav-item a:hover { color: #08b68b; } .main-nav .navbar .navbar-nav .nav-item a:hover::before { -webkit-transform: scaleX(1); transform: scaleX(1); } .main-nav .navbar .navbar-nav .nav-item a::before { position: absolute; content: ''; left: 0; bottom: 0; width: 100%; height: 1px; -webkit-transform: scaleX(0); transform: scaleX(0); background: #08b68b; -webkit-transition: 0.5s; transition: 0.5s; } .main-nav .navbar .navbar-nav .nav-item a.active { color: #08b68b; } .main-nav .navbar .navbar-nav .nav-item a.active::before { -webkit-transform: scaleX(1); transform: scaleX(1); } .main-nav .navbar .navbar-nav .nav-item .toggle i { -webkit-transition: 0.5s; transition: 0.5s; vertical-align: middle; } .main-nav .navbar .navbar-nav .nav-item .toggle:hover i { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .main-nav .navbar .navbar-nav .nav-item .dropdown-menu { border: none; top: 50px; right: 0; text-align:right; padding-right:10px; z-index: 99; opacity: 0; width: 250px; display: block; border-radius: 0; padding: 0; position: absolute; visibility: hidden; background: #ffffff; -webkit-transition: 0.5s; transition: 0.5s; -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); } .main-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item { margin-left: 0; margin-right: 0; } .main-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item a { font-size: 17px; text-transform: capitalize; padding-top: 9px; padding-bottom: 9px; padding-right: 16px; } .main-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item a:hover { color: #08b68b; background-color: #f6f6f6; } .main-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item a:hover::before { width: 0; } .main-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item a::before { position: absolute; content: ''; left: 0; bottom: 0; width: 0; height: 2px; background: #08b68b; -webkit-transition: 0.5s; transition: 0.5s; } .main-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item a.active::before { width: 0; } .main-nav .navbar .navbar-nav .nav-item:hover .dropdown-menu { opacity: 1; visibility: visible; margin-top: 0; } .main-nav .navbar .navbar-nav .nav-item:hover .dropdown-menu .toggle::after { -webkit-transform: none; transform: none; } .main-nav .navbar .navbar-nav .nav-item:hover .toggle::after { -webkit-transform: rotateZ(90deg); transform: rotateZ(90deg); } .cart .cart-btn { position: relative; background: #f9f8fe; font-family: arial; XXborder-radius: 100%; margin-right: 5px; margin-left: 25px; padding: 12px 13px; -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.11); box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.11); } .cart .cart-btn i { vertical-align: middle; } .cart .cart-btn .badge { position: absolute; top: -5px; right: -5px; border-radius: 50%; color: #ffffff; padding: 3px 5px; line-height: 13px; background: #08b68b; } .cart.responsive { display: none; } .main-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu { top: 0; opacity: 0; left: -250px; margin-top: 15px; visibility: hidden; } .main-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a { color: #093f7f; } .main-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover { color: #08b68b; } .main-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus { color: #08b68b; } .main-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active { color: #08b68b; } .main-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu { top: 0; opacity: 0; left: 250px; visibility: hidden; } .main-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a { color: #093f7f; } .main-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover { color: #08b68b; } .main-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus { color: #08b68b; } .main-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active { color: #08b68b; } .main-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu { top: 0; opacity: 0; left: 250px; visibility: hidden; } .main-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a { color: #093f7f; } .main-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover { color: #08b68b; } .main-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus { color: #08b68b; } .main-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active { color: #08b68b; } .main-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu { top: 0; opacity: 0; left: 250px; visibility: hidden; } .main-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a { color: #093f7f; } .main-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover { color: #08b68b; } .main-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus { color: #08b68b; } .main-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active { color: #08b68b; } .main-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu { top: 0; opacity: 0; left: 250px; visibility: hidden; } .main-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a { color: #093f7f; } .main-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover { color: #08b68b; } .main-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus { color: #08b68b; } .main-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active { color: #08b68b; } .main-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu { top: 0; opacity: 0; left: 250px; visibility: hidden; } .main-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a { color: #093f7f; } .main-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover { color: #08b68b; } .main-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus { color: #08b68b; } .main-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active { color: #08b68b; } .main-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu { opacity: 1; visibility: visible; } .main-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a { color: #08b68b; } .main-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu { opacity: 1; visibility: visible; } .main-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a { color: #08b68b; } .main-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu { opacity: 1; visibility: visible; } .main-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a { color: #08b68b; } .main-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu { opacity: 1; visibility: visible; } .main-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a { color: #08b68b; } .main-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li:hover .dropdown-menu { opacity: 1; visibility: visible; } .main-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li.active a { color: #08b68b; } .main-nav .navbar .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu { opacity: 1; visibility: visible; margin-top: 0; } .main-nav .navbar .navbar-nav .nav-item .dropdown-menu li.active a { color: #08b68b; } .main-nav .navbar .navbar-nav .nav-item:hover .dropdown-menu { opacity: 1; visibility: visible; margin-top: 0; } @media only screen and (max-width: 1199px) { .header-area .top-header-area .contact-info .contact-info-content { margin-left: 10px; } .header-area .top-header-area .contact-info i { position: unset; width: unset; height: unset; vertical-align: 3px; } .main-navbar-area { position: relative; } .main-responsive-nav { display: block; background: #ffffff; -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); padding-top: 1px; padding-bottom: 5px; } .main-responsive-nav .main-responsive-menu { position: relative; } .main-responsive-nav .main-responsive-menu .logo .logo2 { display: none; } .main-responsive-nav .mean-bar { z-index: 9; } .main-responsive-nav .main-responsive-menu.mean-container .mean-nav .navbar-nav { height: 230px; overflow-y: scroll; } .main-responsive-nav .main-responsive-menu.mean-container .mean-nav ul { font-size: 15px; } .main-responsive-nav .main-responsive-menu.mean-container .mean-nav ul li a.active { color: #08b68b; } .main-responsive-nav .main-responsive-menu.mean-container .mean-nav ul li li a { font-size: 14.5px; } .main-responsive-nav .main-responsive-menu.mean-container .mean-nav .navbar-brand { display: none; } .main-responsive-nav .main-responsive-menu.mean-container .mean-nav .side-option { display: none; } .main-responsive-nav .main-responsive-menu.mean-container .navbar-nav { overflow-y: scroll; -webkit-box-shadow: 0 7px 13px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 7px 13px 0 rgba(0, 0, 0, 0.1); } .main-responsive-nav .main-responsive-menu.mean-container .cart.cart.responsive { display: block; position: absolute; top: 50%; right: 45px; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 11; } .main-responsive-nav .main-responsive-menu.mean-container .cart.cart.responsive .cart-btn { margin-right: 5px; margin-left: 0; padding: 6px 7px; } .main-responsive-nav .main-responsive-menu.mean-container .cart.cart.responsive .cart-btn .badge { padding: 1px 4px; } .main-responsive-nav .logo { position: relative; width: 60%; z-index: 10; } .main-responsive-nav .mean-container a.meanmenu-reveal { padding-top: 22px; color: #093f7f; } .main-responsive-nav .mean-container a.meanmenu-reveal span { background: #093f7f; } .main-nav { display: none; } .cart { display: none; } } /* ----------------------------------------- Banner CSS ----------------------------------------- */ .home-banner-area { position: relative; overflow: hidden; } .home-banner-area .banner-content { max-width: 544px; margin-left: auto; } .home-banner-area .banner-content .sub-title { font-size: 18px; font-weight: 500; color: #4141a5; } .home-banner-area .banner-content h1 { font-size: 70px; color: #093f7f; margin-top: 20px; margin-bottom: 20px; line-height: 1.1; } .home-banner-area .banner-content p { font-size: 18px; color: #39325a; margin-bottom: 35px; } .home-banner-area .search-form .select-box { position: relative; -webkit-box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.1); box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.1); margin-bottom: 15px; cursor: pointer; } .home-banner-area .search-form .select-box .form-control { padding: 12px 0 12px 18px; } .home-banner-area .search-form .select-box i { position: absolute; top: 50%; right: 18px; font-size: 22px; -webkit-transform: translateY(-50%); transform: translateY(-50%); color: #4141a5; z-index: 1; } .home-banner-area .search-form .select-box .date-select::-webkit-input-placeholder { color: #39325a; } .home-banner-area .search-form .select-box .date-select:-ms-input-placeholder { color: #39325a; } .home-banner-area .search-form .select-box .date-select::-ms-input-placeholder { color: #39325a; } .home-banner-area .search-form .select-box .date-select::placeholder { color: #39325a; } .home-banner-area .search-form .select-box .nice-select { float: unset; color: #39325a; text-transform: capitalize; line-height: 35px; } .home-banner-area .search-form .select-box .nice-select .list { border-radius: 0; width: 100%; background-color: #ffffff; -webkit-box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.1); box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.1); } .home-banner-area .search-form .select-box .nice-select .list .option { -webkit-transition: .6s; transition: .6s; color: #39325a; font-size: 14px; line-height: 25px; padding-top: 10px; padding-bottom: 10px; padding-left: 20px; padding-right: 10px; } .home-banner-area .search-form .select-box .nice-select .list .option.selected { background-color: transparent; font-weight: 500; color: #093f7f; } .home-banner-area .search-form .select-box .nice-select::after { display: none; } .home-banner-area .search-form .select-box .open:after { display: none; } .home-banner-area .search-form .btn-primary { border-radius: 5px; width: 100%; -webkit-box-shadow: none; box-shadow: none; } .home-banner-area .banner-slider { position: relative; overflow: hidden; border-bottom-left-radius: 20%; } .home-banner-area .banner-slider .slider-item { position: relative; overflow: hidden; } .home-banner-area .banner-slider .slider-item .content { position: absolute; left: 0; bottom: 0; padding: 70px; background: rgba(9, 0, 49, 0.7); border-top-right-radius: 40%; } .home-banner-area .banner-slider .slider-item .content i { margin-right: 4px; color: #f9f8fe; vertical-align: middle; } .home-banner-area .banner-slider .slider-item .content span { color: #f9f8fe; } .home-banner-area .banner-slider .slider-item .content h3 { margin-bottom: 5px; } .home-banner-area .banner-slider .slider-item .content h3 a { color: #ffffff; text-decoration: underline; } .home-banner-area .banner-slider .slider-item .content h3 a:hover { color: #08b68b; } .home-banner-area .banner-slider .slider-item .content .review i { margin-right: 0; color: #f4b316; vertical-align: -1px; } .home-banner-area .banner-slider .slider-item .content .review span { margin-left: 8px; } .home-banner-area .banner-slider .slider-item .content .list { padding: 0; margin-bottom: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #f9f8fe; } .home-banner-area .banner-slider .slider-item .content .list li { display: inline-block; margin-right: 12px; } .home-banner-area .banner-slider .slider-item .content .list li:last-child { color: #ffffff; font-size: 22px; margin-right: 0; margin-left: auto; } .home-banner-area .banner-slider .owl-item.active .content { -webkit-animation: zoomIn .5s linear 1; animation: zoomIn .5s linear 1; } .home-banner-area .banner-slider .owl-nav { position: absolute; top: 30px; left: 30px; } .home-banner-area .owl-dots { position: absolute; right: 0; bottom: 0; z-index: 1; } .home-banner-area .owl-dots .owl-dot { cursor: pointer; display: inline-block; margin-right: 12px; border-radius: 10px; max-width: 80px; -webkit-transition: 0.5s; transition: 0.5s; -webkit-box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.1); box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.1); } .home-banner-area .owl-dots .owl-dot:last-child { margin-right: 0; } .home-banner-area .owl-dots .owl-dot:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); } .home-banner-area.home-style-two { padding-bottom: 0px; } .home-banner-area.home-style-two .banner-image { max-width: 576px; margin-left: auto; opacity: 0; } .home-banner-area.home-style-two .banner-slider-two { background: #f9f8fe; } .home-banner-area.home-style-two .banner-content { max-width: 720px; margin-left: unset; margin-right: auto; text-align: center; padding-right: 52px; padding-top: 150px; padding-bottom: 150px; } .home-banner-area.home-style-two .banner-content h1 span { color: #08b68b; } .home-banner-area.home-style-two .bg-shape { position: absolute; bottom: 0; left: 0; opacity: 0; width: 100%; z-index: -1; } .home-banner-area.home-style-two .owl-item.active .banner-image { opacity: 1; -webkit-animation: fadeInLeft 1s linear 1; animation: fadeInLeft 1s linear 1; } .home-banner-area.home-style-two .owl-item.active .banner-content { -webkit-animation: fadeIn 1.6s linear 1; animation: fadeIn 1.6s linear 1; } .home-banner-area.home-style-two .owl-item.active .bg-shape { opacity: 1; -webkit-animation: fadeInUp 1.5s linear 1; animation: fadeInUp 1.5s linear 1; } .home-banner-area.home-style-two .owl-carousel .owl-nav button[class*=owl-] { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background: #4141a5; color: #ffffff; border: 1px solid #4141a5; } .home-banner-area.home-style-two .owl-carousel .owl-nav button[class*=owl-]:hover { background: transparent; color: #4141a5; } .home-banner-area.home-style-two .owl-carousel .owl-nav .owl-prev { left: 30px; } .home-banner-area.home-style-two .owl-carousel .owl-nav .owl-next { right: 30px; } .home-banner-area.home-style-two .search-form { position: relative; top: -60px; padding: 30px 15px 15px 15px; background: #f9f8fe; border-radius: 3px; border: 5px solid #ffffff; -webkit-box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.1); box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.1); z-index: 9; } .home-banner-area.home-style-two .search-form .btn-search { text-align: center; -webkit-transition: 0.5s; transition: 0.5s; padding: 14px 0; width: 100%; color: #ffffff; background-color: #08b68b; border: 1px solid transparent; font-size: 18px; font-weight: 600; display: inline-block; margin-bottom: 15px; } .home-banner-area.home-style-two .search-form .btn-search:hover i { -webkit-transform: scale(1.2); transform: scale(1.2); } .home-banner-area.home-style-two .search-form .btn-search i { -webkit-transition: 0.5s; transition: 0.5s; vertical-align: middle; } .home-banner-area.home-style-three .banner-content { padding: 140px 0 400px; margin-left: unset; z-index: 2; position: relative; } .home-banner-area.home-style-three .banner-content .sub-title { color: #f9f8fe; } .home-banner-area.home-style-three .banner-content h1 { color: #ffffff; } .home-banner-area.home-style-three .banner-content p { color: #f9f8fe; } .home-banner-area.home-style-three .owl-carousel .slider-item::after { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; background: -webkit-gradient(linear, left top, right top, from(rgba(130, 47, 34, 0.6)), to(rgba(255, 255, 255, 0.16))); background: linear-gradient(90deg, rgba(130, 47, 34, 0.6) 0%, rgba(255, 255, 255, 0.16) 100%); z-index: 1; } .home-banner-area.home-style-three .owl-carousel .slider-item.item-one { background: url("../img/banner/main-slider1.jpg") no-repeat center; background-size: cover; } .home-banner-area.home-style-three .owl-carousel .slider-item.item-two { background: url("../img/banner/main-slider2.jpg") no-repeat center; background-size: cover; } .home-banner-area.home-style-three .owl-carousel .slider-item.item-three { background: url("../img/banner/main-slider3.jpg") no-repeat center; background-size: cover; } .home-banner-area.home-style-three .owl-carousel .owl-item.active .banner-content { -webkit-animation: fadeIn 1.6s linear 1; animation: fadeIn 1.6s linear 1; } .home-banner-area.home-style-three .owl-carousel .owl-nav button[class*=owl-] { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background: #ffffff; color: #08b68b; border: 1px solid #ffffff; } .home-banner-area.home-style-three .owl-carousel .owl-nav button[class*=owl-]:hover { background: transparent; color: #08b68b; } .home-banner-area.home-style-three .owl-carousel .owl-nav .owl-prev { left: 30px; } .home-banner-area.home-style-three .owl-carousel .owl-nav .owl-next { right: 30px; } .home-banner-area.home-style-three .search-form { position: absolute; bottom: 140px; z-index: 1; left: 0; right: 0; margin: auto; max-width: 1110px; padding: 30px 15px 15px 15px; background: #f9f8fe; border-radius: 3px; border: 5px solid #ffffff; -webkit-box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.1); box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.1); } .home-banner-area.home-style-three .search-form .btn-search { text-align: center; -webkit-transition: 0.5s; transition: 0.5s; padding: 14px 0; width: 100%; color: #ffffff; background-color: #08b68b; border: 1px solid transparent; font-size: 18px; font-weight: 600; display: inline-block; margin-bottom: 15px; } .home-banner-area.home-style-three .search-form .btn-search:hover i { -webkit-transform: scale(1.2); transform: scale(1.2); } .home-banner-area.home-style-three .search-form .btn-search i { -webkit-transition: 0.5s; transition: 0.5s; vertical-align: middle; } /* ----------------------------------------- About CSS ----------------------------------------- */ .about-section { position: relative; overflow: hidden; z-index: 1; } .about-section .video-content { position: relative; } .about-section .video-content .video-image { overflow: hidden; border-radius: 30px; -webkit-box-shadow: 0px 0px 30px 0px rgba(102, 102, 102, 0.09); box-shadow: 0px 0px 30px 0px rgba(102, 102, 102, 0.09); } .about-section .video-content .video-image img { height: 100%; -o-object-fit: cover; object-fit: cover; } .about-section .about-content p { margin-bottom: 20px; } .about-section .about-content > h6 { font-weight: 400; color: #39325a; } .about-section .about-content .content-list { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 15px; } .about-section .about-content .content-list i { font-size: 24px; margin-right: 8px; color: #08b68b; vertical-align: middle; } .about-section .about-content .about-btn { margin-top: 5px; } .about-section .about-content .about-btn a { margin-right: 16px; } .about-section .about-content .about-btn a:last-child { margin-right: 0; } .about-section .shape { position: absolute; z-index: -1; } .about-section .shape-1 { top: 10%; left: 45%; } .about-section .shape-1 img { -webkit-animation: moveleftbounce 5s linear infinite; animation: moveleftbounce 5s linear infinite; } .about-section .shape-2 { bottom: 20%; left: 10%; } .about-section .shape-2 img { -webkit-animation: movebounce 5s linear infinite; animation: movebounce 5s linear infinite; } .about-style-two .shape-2 { bottom: 20%; left: unset; right: 10%; } .video-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 80px; height: 80px; background-color: #08b68b; border-radius: 50%; position: absolute; z-index: 1; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .video-btn i { font-size: 28px; color: #ffffff; } .video-btn::after, .video-btn::before { z-index: -1; content: ""; position: absolute; left: 0; right: 0; top: 0; width: 100%; height: 100%; -webkit-animation: ripple 3s linear infinite; animation: ripple 3s linear infinite; opacity: 0; border-radius: 50%; background: transparent; border: 2px solid #08b68b; } .video-btn::before { -webkit-animation-delay: 1s; animation-delay: 1s; } .about-section.about-style-three .about-content { text-align: center; } .about-section.about-style-three .about-content h2 { margin-bottom: 25px; line-height: 1; margin-top: -5px; } .about-section.about-style-three .about-content > h6 { max-width: 676px; margin-left: auto; margin-right: auto; margin-bottom: 15px; } .about-section.about-style-three .shape-1 { top: unset; left: 20%; bottom: 0; } .about-section.about-style-three .shape-2 { bottom: unset; left: unset; top: 5%; right: 20%; } .about-section.about-style-three .shape-3 { right: 13%; bottom: 0%; } .about-section.about-style-three .shape-3 img { -webkit-animation: movescale 5s linear infinite; animation: movescale 5s linear infinite; } .about-section.about-style-three .shape-4 { left: 8%; top: 15%; } .about-section.about-style-three .shape-4 img { -webkit-animation: movescale 5s linear infinite; animation: movescale 5s linear infinite; } /* ----------------------------------------- Destination CSS ----------------------------------------- */ .destination-section .filter-group { text-align: center; margin-bottom: 40px; } .destination-section .filter-group .list-control { display: inline-block; border-radius: 30px; margin: 0; padding: 0; } .destination-section .filter-group .list-control li { margin-right: 16px; padding: 0px 0px 3px 0; border-radius: 30px; cursor: pointer; display: inherit; position: relative; color: #093f7f; text-transform: capitalize; font-size: 14px; font-weight: 600; letter-spacing: 1px; } .destination-section .filter-group .list-control li::before { position: absolute; content: ""; width: 100%; height: 1px; bottom: 0; left: 0; -webkit-transition: 0.5s; transition: 0.5s; -webkit-transform: scaleX(0); transform: scaleX(0); background: #08b68b !important; opacity: 0; } .destination-section .filter-group .list-control li.active { color: #08b68b; } .destination-section .filter-group .list-control li.active::before { -webkit-transform: scaleX(1); transform: scaleX(1); opacity: 1; color: #08b68b !important; background-color: transparent; } .destination-section .filtr-container { margin: 0 !important; } .destination-section .item-single { position: relative; overflow: hidden; } .destination-section .item-single img { border-radius: 5px; width: 100% !important; } @media only screen and (min-width: 768px) and (max-width: 991px) { .destination-section .item-single img { width: 100% !important; } } .destination-section .item-single .content { position: absolute; bottom: 0; left: 15px; background: #ffffff; border-radius: 7px; padding: 25px 16px; width: 100%; max-width: calc(100% - 30px); -webkit-transition: 0.5s; transition: 0.5s; -webkit-box-shadow: 0px 0px 30px 0px rgba(102, 102, 102, 0.09); box-shadow: 0px 0px 30px 0px rgba(102, 102, 102, 0.09); } .destination-section .item-single .content i { color: #797979; margin-right: 4px; vertical-align: -1px; } .destination-section .item-single .content span { color: #797979; font-size: 14px; } .destination-section .item-single .content h3 { margin-top: 5px; margin-bottom: 5px; } .destination-section .item-single .content h3 a { color: #093f7f; } .destination-section .item-single .content h3 a:hover { color: #08b68b; } .destination-section .item-single .content p { padding-top: 15px; display: none; font-size: 15px; } .destination-section .item-single .content .list { padding: 0; margin-bottom: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .destination-section .item-single .content .list li { display: inline-block; margin-right: 12px; color: #797979; } .destination-section .item-single .content .list li:last-child { font-weight: 600; margin-right: 0; color: #08b68b; margin-right: auto; } .destination-section .item-single:hover .content { background: #4141a5; -webkit-animation: fadeInUp .0s linear 1; animation: fadeInUp .0s linear 1; } .destination-section .item-single:hover .content i { color: #d6d6d6; } .destination-section .item-single:hover .content span { color: #d6d6d6; } .destination-section .item-single:hover .content h3 a { -webkit-transition: none; transition: none; color: #ffffff; } .destination-section .item-single:hover .content h3 a:hover { text-decoration: underline; } .destination-section .item-single:hover .content .list li { color: #d6d6d6; } .destination-section .item-single:hover .content .list li:last-child { color: #ffffff; } .destination-section .item-single:hover .content p { color: #d6d6d6; display: block; } .destination-section .item-single .spacer { width: 100%; min-height: 150px; } .top-destination-section .item-single { overflow: hidden; border-radius: 3px; -webkit-transition: 0.5s; transition: 0.5s; -webkit-box-shadow: 0px -2px 30px 0px rgba(102, 102, 102, 0.09); box-shadow: 0px -2px 30px 0px rgba(102, 102, 102, 0.09); } .top-destination-section .item-single .image img { width: 100% !important; border-radius: 20px; } .top-destination-section .item-single .content { padding: 25px 16px; } .top-destination-section .item-single .content i { color: #797979; margin-right: 4px; vertical-align: -1px; } .top-destination-section .item-single .content span { color: #797979; } .top-destination-section .item-single .content h3 { margin-top: 10px; margin-bottom: 0; } .top-destination-section .item-single .content h3 a { color: #093f7f; } .top-destination-section .item-single .content h3 a:hover { color: #08b68b; } .top-destination-section .item-single .content p { padding-top: 15px; font-size: 15px; } .top-destination-section .item-single .content .list { padding: 0; margin-bottom: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .top-destination-section .item-single .content .list li { display: inline-block; margin-right: 12px; color: #797979; -webkit-transition: 0.5s; transition: 0.5s; } .top-destination-section .item-single .content .list li:last-child { font-weight: 600; margin-right: 0; color: #08b68b; margin-left: auto; font-size:19px; } .top-destination-section .item-single:hover { -webkit-box-shadow: 0 40px 44px 0 rgba(102, 102, 102, 0.09), 0 40px 44px 0 rgba(102, 102, 102, 0.09); box-shadow: 0 40px 44px 0 rgba(102, 102, 102, 0.09), 0 40px 44px 0 rgba(102, 102, 102, 0.09); } .top-destination-section .item-single:hover .list li:last-child { color: #4141a5; } .destination-style-two .item-single { overflow: hidden; border-radius: 3px; -webkit-transition: 0.5s; transition: 0.5s; -webkit-box-shadow: 0px -2px 30px 0px rgba(102, 102, 102, 0.09); box-shadow: 0px -2px 30px 0px rgba(102, 102, 102, 0.09); } .destination-style-two .item-single img { border-radius: 0; } .destination-style-two .item-single .content { padding: 25px 16px; position: unset; max-width: 100%; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; } .destination-style-two .item-single .content p { display: block; } .destination-style-two .item-single:hover { -webkit-box-shadow: 0 40px 44px 0 rgba(102, 102, 102, 0.09), 0 40px 44px 0 rgba(102, 102, 102, 0.09); box-shadow: 0 40px 44px 0 rgba(102, 102, 102, 0.09), 0 40px 44px 0 rgba(102, 102, 102, 0.09); } .destination-style-two .item-single:hover .content { background: #ffffff; -webkit-animation: none; animation: none; } .destination-style-two .item-single:hover .content .list li { color: #797979; } .destination-style-two .item-single:hover .content .list li:last-child { -webkit-transition: 0.5s; transition: 0.5s; color: #4141a5; } .destination-style-two .item-single:hover .content i { color: #797979; } .destination-style-two .item-single:hover .content span { color: #797979; } .destination-style-two .item-single:hover .content h3 a { color: #093f7f; } .destination-style-two .item-single:hover .content h3 a:hover { -webkit-transition: 0.5s; transition: 0.5s; color: #08b68b; text-decoration: none; } .destination-style-two .item-single:hover .content p { color: #39325a; } /* ----------------------------------------- Offers CSS ----------------------------------------- */ .offers-section .item-single { position: relative; overflow: hidden; border-radius: 5px; } .offers-section .item-single::after { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; background: #093f7f; background: -webkit-gradient(linear, left bottom, left top, from(#093f7f), to(rgba(9, 0, 49, 0.0508578))); background: linear-gradient(0deg, #093f7f 0%, rgba(9, 0, 49, 0.0508578) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#093f7f",endColorstr="#093f7f",GradientType=1); } .offers-section .item-single .content { position: absolute; bottom: 0; left: 0; padding: 25px 16px; width: 100%; z-index: 1; } .offers-section .item-single .content i { color: #d6d6d6; margin-right: 4px; vertical-align: -2px; } .offers-section .item-single .content span { color: #d6d6d6; } .offers-section .item-single .content .review i { margin-right: 0; color: #f4b316; vertical-align: -1px; } .offers-section .item-single .content .review span { margin-left: 8px; } .offers-section .item-single .content .title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 12px 0; } .offers-section .item-single .content .title h3 { margin-bottom: 0; } .offers-section .item-single .content .title h3 a { color: #ffffff; } .offers-section .item-single .content .title h3 a:hover { color: #08b68b; } .offers-section .item-single .content .title span { color: #08b68b; text-decoration: line-through; } .offers-section .item-single .content .list { padding: 0; margin-bottom: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .offers-section .item-single .content .list li { display: inline-block; margin-right: 12px; color: #d6d6d6; } .offers-section .item-single .content .list li:last-child { color: #ffffff; margin-right: 0; font-size: 20px; margin-left: auto; } .offers-section .item-single .discount { position: absolute; top: -20px; right: 10px; border-radius: 50%; padding: 30px 10px 15px 10px; background: #08b68b; text-align: center; } .offers-section .item-single .discount span { font-size: 14px; display: block; color: #ffffff; } .last-offer-section .item-single { position: relative; overflow: hidden; } .last-offer-section .item-single img { border-radius: 5px; } .last-offer-section .item-single .content { position: absolute; overflow: hidden; bottom: 0; left: 15px; background: #ffffff; border-radius: 7px; padding: 25px 16px; width: 100%; max-width: calc(100% - 30px); -webkit-transition: 0.5s; transition: 0.5s; } .last-offer-section .item-single .content i { color: #797979; margin-right: 4px; vertical-align: -1px; } .last-offer-section .item-single .content span { color: #797979; } .last-offer-section .item-single .content h3 { margin-top: 10px; margin-bottom: 0; } .last-offer-section .item-single .content h3 a { color: #093f7f; } .last-offer-section .item-single .content h3 a:hover { color: #08b68b; } .last-offer-section .item-single .content p { padding-top: 15px; display: none; font-size: 15px; } .last-offer-section .item-single .content .list { padding: 0; margin-bottom: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .last-offer-section .item-single .content .list li { display: inline-block; margin-right: 12px; color: #797979; } .last-offer-section .item-single .content .list li:last-child { font-weight: 600; margin-right: 0; color: #08b68b; margin-left: auto; } .last-offer-section .item-single .content .discount { position: absolute; top: -20px; right: 10px; border-radius: 50%; padding: 30px 10px 15px 10px; background: #08b68b; text-align: center; } .last-offer-section .item-single .content .discount span { font-size: 14px; display: block; color: #ffffff; } .last-offer-section .item-single .spacer { width: 100%; min-height: 150px; } /* ----------------------------------------- Testimonial CSS ----------------------------------------- */ .testimonial-section { position: relative; overflow: hidden; z-index: 1; } .testimonial-section .testimonial-slider { position: relative; padding-bottom: 30px; margin-bottom: 15px; } .testimonial-section .testimonial-slider::before, .testimonial-section .testimonial-slider::after { position: absolute; content: ''; width: 100%; height: 100%; border-bottom-right-radius: 30px; background: #ffffff; -webkit-box-shadow: 0px 10px 50px 0px rgba(9, 0, 49, 0.05); box-shadow: 0px 10px 50px 0px rgba(9, 0, 49, 0.05); z-index: -1; } .testimonial-section .testimonial-slider::before { top: 0; left: 0; z-index: -1; } .testimonial-section .testimonial-slider::after { top: 15px; left: 15px; z-index: -2; } .testimonial-section .testimonial-slider .slider-item { position: relative; background: #ffffff; padding-top: 30px; } .testimonial-section .testimonial-slider .slider-item .client-img { position: absolute; top: 10px; left: 10px; } .testimonial-section .testimonial-slider .slider-item .client-img img { border-bottom-right-radius: 15px; } .testimonial-section .testimonial-slider .slider-item .content { max-width: 576px; margin-left: auto; margin-right: auto; } .testimonial-section .testimonial-slider .slider-item .content .client-info { margin-bottom: 30px; } .testimonial-section .testimonial-slider .slider-item .content .client-info h3 { margin-bottom: 0; } .testimonial-section .testimonial-slider .slider-item .content .client-info span { color: #797979; font-size: 14px; } .testimonial-section .testimonial-slider .slider-item .content .quote i { position: absolute; right: 50px; top: 20px; font-size: 90px; color: #08b68b; opacity: .1; } .testimonial-section .testimonial-slider .slider-item .content .review { margin-top: 15px; } .testimonial-section .testimonial-slider .slider-item .content .review i { color: #f4b316; vertical-align: -1px; } .testimonial-section .testimonial-slider .owl-nav { position: absolute; right: 18%; bottom: 22px; } .testimonial-section .testimonial-slider .owl-nav button[class*=owl-] { width: auto; height: auto; background: transparent; color: #093f7f; } .testimonial-section .testimonial-slider .owl-nav button[class*=owl-]:last-child { margin-right: 0; } .testimonial-section .testimonial-slider .owl-nav button[class*=owl-]:hover { background: transparent; color: #08b68b; } .testimonial-section .clients-img .image { position: absolute; max-width: 70px; } .testimonial-section .clients-img .image-1 { top: 24%; left: 15%; max-width: 64px; } .testimonial-section .clients-img .image-2 { top: 53%; left: 6%; } .testimonial-section .clients-img .image-3 { left: 16%; bottom: 18%; max-width: 66px; } .testimonial-section .clients-img .image-4 { top: 35%; right: 14%; max-width: 64px; } .testimonial-section .clients-img .image-5 { top: 65%; right: 10%; } .testimonial-section .shape { position: absolute; bottom: 10%; left: 25%; z-index: -1; } .testimonial-section .shape img { -webkit-animation: movebounce 5s linear infinite; animation: movebounce 5s linear infinite; } /* ----------------------------------------- Team CSS ----------------------------------------- */ .team-section .item-single { position: relative; overflow: hidden; border-radius: 5px; -webkit-box-shadow: 0px 8px 20px -3px rgba(63, 39, 39, 0.18); box-shadow: 0px 8px 20px -3px rgba(63, 39, 39, 0.18); } .team-section .item-single img { border-radius: 5px; } @media only screen and (min-width: 767px) { .mobile{ display:none !important ; } } @media only screen and (max-width: 760px) { .desktop{ display:none !important ; } } @media only screen and (max-width: 767px) { .team-section .item-single img { width: 100%; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .team-section .item-single img { width: 100%; } } .team-section .item-single .content { position: absolute; bottom: 0; left: 0; right: 0; background: #ffffff; padding: 18px 16px; width: 100%; text-align: center; } .team-section .item-single .content .title h3 { margin-bottom: 0; } .team-section .item-single .content .title span { color: #39325a; } .team-section .item-single .content .social-link { display: none; } .team-section .item-single:hover .content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; top: 20px; left: 15px; width: calc(100% - 30px); height: calc(100% - 40px); border-radius: 5px; background: rgba(65, 65, 165, 0.8); -webkit-animation: zoomIn .3s linear; animation: zoomIn .3s linear; } .team-section .item-single:hover .content .title { margin-bottom: 20px; } .team-section .item-single:hover .content .title h3 a { color: #ffffff; } .team-section .item-single:hover .content .title span { color: #d6d6d6; } .team-section .item-single:hover .content .social-link { display: block; } /* ----------------------------------------- Tours CSS ----------------------------------------- */ .tours-section { overflow: hidden; } .tours-section .item-single { position: relative; overflow: hidden; border-radius: 3px; } .tours-section .item-single::after { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; background: #093f7f; background: -webkit-gradient(linear, left bottom, left top, from(#093f7f), to(rgba(9, 0, 49, 0.0508578))); background: linear-gradient(0deg, #093f7f 0%, rgba(9, 0, 49, 0.0508578) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#093f7f",endColorstr="#093f7f",GradientType=1); } .tours-section .item-single .image img { width: 100%; } .tours-section .item-single .content { position: absolute; left: 0; bottom: 0; padding: 25px 16px; width: 100%; z-index: 1; } .tours-section .item-single .content i { color: #d6d6d6; margin-right: 4px; vertical-align: -2px; } .tours-section .item-single .content span { color: #d6d6d6; } .tours-section .item-single .content .review i { margin-right: 0; color: #f4b316; vertical-align: -1px; } .tours-section .item-single .content .review span { margin-left: 8px; } .tours-section .item-single .content h3 { margin-top: 15px; margin-bottom: 10px; } .tours-section .item-single .content h3 a { color: #ffffff; text-decoration: underline; } .tours-section .item-single .content h3 a:hover { color: #08b68b; } .tours-section .item-single .content p { color: #d6d6d6; font-size: 15px; } .tours-section .item-single .content hr { margin: 0; border-top: 1px solid #39325a; } .tours-section .item-single .content .list { padding: 0; margin-top: 15px; margin-bottom: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .tours-section .item-single .content .list li { display: inline-block; margin-right: 12px; color: #d6d6d6; } .tours-section .item-single .content .list li:last-child { margin-right: 0; font-size: 20px; margin-left: auto; color: #ffffff; } .tours-section .slider-item { position: relative; overflow: hidden; border-radius: 3px; } .tours-section .slider-item::after { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; background: #093f7f; background: -webkit-gradient(linear, left bottom, left top, from(#093f7f), to(rgba(9, 0, 49, 0.0508578))); background: linear-gradient(0deg, #093f7f 0%, rgba(9, 0, 49, 0.0508578) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#093f7f",endColorstr="#093f7f",GradientType=1); } .tours-section .slider-item .content { position: absolute; left: 0; bottom: 0; padding: 25px 16px; width: 100%; z-index: 1; } .tours-section .slider-item .content i { color: #d6d6d6; margin-right: 4px; vertical-align: -2px; } .tours-section .slider-item .content span { color: #d6d6d6; } .tours-section .slider-item .content .review i { margin-right: 0; color: #f4b316; vertical-align: -1px; } .tours-section .slider-item .content .review span { margin-left: 8px; } .tours-section .slider-item .content .title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 12px 0; } .tours-section .slider-item .content .title h3 { margin-bottom: 0; } .tours-section .slider-item .content .title h3 a { color: #ffffff; } .tours-section .slider-item .content .title h3 a:hover { color: #08b68b; } .tours-section .slider-item .content .list { padding: 0; margin-bottom: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .tours-section .slider-item .content .list li { display: inline-block; margin-right: 12px; color: #d6d6d6; } .tours-section .slider-item .content .list li:last-child { margin-right: 0; font-size: 20px; margin-left: auto; color: #ffffff; } .tours-section .tours-slider .owl-nav { position: absolute; bottom: -20%; margin-bottom:30px; left: 46%; } .tours-section .tours-slider .owl-nav button[class*=owl-] { border: 1px solid #08b68b; } .tours-section .tours-slider .owl-nav button[class*=owl-]:hover { background: #08b68b; color: #ffffff; } .recent-tours-section .item-single { -webkit-perspective: 1000; perspective: 1000; } .recent-tours-section .item-single:hover .flip-content { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); opacity: 1; } .recent-tours-section .item-single:hover .content { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); opacity: 0; } .recent-tours-section .item-single:hover .image { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } .recent-tours-section .item-single .image { -webkit-transition: all 1s cubic-bezier(0.5, 1.3, 0.5, 1.3); transition: all 1s cubic-bezier(0.5, 1.3, 0.5, 1.3); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; position: relative; overflow: hidden; } .recent-tours-section .item-single .image::after { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; background: #093f7f; background: -webkit-gradient(linear, left bottom, left top, from(#093f7f), to(rgba(9, 0, 49, 0.0508578))); background: linear-gradient(0deg, #093f7f 0%, rgba(9, 0, 49, 0.0508578) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#093f7f",endColorstr="#093f7f",GradientType=1); } @media only screen and (max-width: 767px) { .recent-tours-section .item-single .image img { width: 100% !important; } } .recent-tours-section .item-single i { color: #d6d6d6; margin-right: 4px; vertical-align: -2px; } .recent-tours-section .item-single span { color: #d6d6d6; } .recent-tours-section .item-single .review i { margin-right: 0; color: #f4b316; vertical-align: -1px; } .recent-tours-section .item-single .review span { margin-left: 8px; } .recent-tours-section .item-single .title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 12px 0; } .recent-tours-section .item-single .title h3 { margin-bottom: 0; } .recent-tours-section .item-single .title span { color: #08b68b; text-decoration: line-through; } .recent-tours-section .item-single a { color: #ffffff; } .recent-tours-section .item-single a:hover { color: #08b68b; } .recent-tours-section .item-single .list { padding: 0; margin-bottom: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .recent-tours-section .item-single .list li { display: inline-block; margin-right: 12px; color: #d6d6d6; } .recent-tours-section .item-single .list li:last-child { color: #ffffff; margin-right: 0; font-size: 20px; margin-left: auto; } .recent-tours-section .item-single .content, .recent-tours-section .item-single .flip-content { position: absolute; bottom: 0; left: 0; padding: 25px 16px; width: 100%; z-index: 1; -webkit-transition: all 1s cubic-bezier(0.5, 1.3, 0.5, 1.3); transition: all 1s cubic-bezier(0.5, 1.3, 0.5, 1.3); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .recent-tours-section .item-single .content { opacity: 1; } .recent-tours-section .item-single .flip-content { opacity: 0; -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); } .recent-tours-section .item-single .flip-content h3 { margin-top: 15px; margin-bottom: 0; } .recent-tours-section .item-single .flip-content p { color: #d6d6d6; font-size: 15px; } .recent-tours-section .item-single .flip-content hr { margin: 0; border-top: 1px solid #39325a; } .recent-tours-section .item-single .flip-content .list { margin-top: 15px; } @media only screen and (max-width: 767px) { .tours-style-two .item-single img { width: 100%; } } .tours-style-two .item-single::after { opacity: 0; } .tours-style-two .item-single .content { -webkit-transition: 0.5s; transition: 0.5s; opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } .tours-style-two .item-single:hover::after { opacity: 1; } .tours-style-two .item-single:hover .content { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } /* ----------------------------------------- Blog CSS ----------------------------------------- */ .blog-section { overflow: hidden; } .blog-section .item-single { position: relative; overflow: hidden; border-radius: 3px; -webkit-transition: 0.5s; transition: 0.5s; -webkit-box-shadow: 0px -2px 30px 0px rgba(102, 102, 102, 0.09); box-shadow: 0px -2px 30px 0px rgba(102, 102, 102, 0.09); } .blog-section .item-single .content { background: #ffffff; padding: 18px 14px; } .blog-section .item-single .content .info-list { padding: 0; margin-bottom: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .blog-section .item-single .content .info-list li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 16px; color: #797979; font-size: 14px; } .blog-section .item-single .content .info-list li:last-child { margin-right: 0; } .blog-section .item-single .content .info-list li i { color: #08b68b; margin-right: 5px; vertical-align: middle; } .blog-section .item-single .content h3 { margin-top: 10px; margin-bottom: 10px; font-size: 20px; } .blog-section .item-single .content h3 a { color: #093f7f; } .blog-section .item-single .content h3 a:hover { color: #08b68b; } .blog-section .item-single .content .list { padding: 0; margin-top: 15px; margin-bottom: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .blog-section .item-single .content .list li { display: inline-block; margin-right: 12px; color: #797979; } .blog-section .item-single .content .list li:last-child { margin-right: 0; } .blog-section .item-single .content .author img { max-width: 40px; border-radius: 50%; margin-right: 10px; } .blog-section .item-single:hover { -webkit-box-shadow: 0 40px 44px 0 rgba(102, 102, 102, 0.09), 0 40px 44px 0 rgba(102, 102, 102, 0.09); box-shadow: 0 40px 44px 0 rgba(102, 102, 102, 0.09), 0 40px 44px 0 rgba(102, 102, 102, 0.09); } @media only screen and (min-width: 768px) and (max-width: 991px) { .blog-section .item-single .image img { width: 100%; } } .blog-section .item-single .image img { width: 100%; } .blog-section .item-single.item-big .content { padding: 25px 20px; } .blog-section .item-single.item-big .content .info-list li { margin-right: 18px; } .blog-section .item-single.item-big .content h3 { font-size: 24px; margin-top: 15px; margin-bottom: 15px; } .blog-style-two .item-single .content { -webkit-transition: 0.5s; transition: 0.5s; padding: 25px 16px; } .blog-style-two .item-single .content .info-list li i { margin-top: -2px; color: #797979; } .blog-style-two .item-single .content h3 { margin-top: 12px; margin-bottom: 12px; font-size: 24px; } .blog-style-two .item-single .content p { margin: 0; } .blog-style-two .item-single:hover .content { background-color: #4141a5; } .blog-style-two .item-single:hover .content .info-list li { color: #f9f8fe; } .blog-style-two .item-single:hover .content .info-list li i { color: #f9f8fe; } .blog-style-two .item-single:hover .content h3 a { color: #ffffff; } .blog-style-two .item-single:hover .content h3 a:hover { text-decoration: underline; } .blog-style-two .item-single:hover .content p { color: #f9f8fe; } .blog-style-three .widget-area .widget-search .search-form { position: relative; background-color: #fff; } .blog-style-three .widget-area .widget-search .search-form .form-control { background-color: #ffffff; border: 1px solid #d1d1d1; } .blog-style-three .widget-area .widget-search .search-form button { border: none; color: #797979; position: absolute; right: 16px; top: 50%; font-size: 18px; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition-duration: 300ms; transition-duration: 300ms; } .blog-style-three .widget-area .widget-search .search-form button i { vertical-align: middle; } .blog-style-three .widget-area .widget-video { position: relative; } .blog-style-three .widget-area .widget-video img { border-radius: 5px; } .blog-style-three .widget-area .widget-video .video-btn { width: 60px; height: 60px; } .blog-style-three .widget-area .widget-video .video-btn i { font-size: 20px; } .blog-style-three .widget-area .widget-article .article-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin-bottom: 20px; } .blog-style-three .widget-area .widget-article .article-item .image { -webkit-box-flex: 0; -ms-flex: 0 0 140px; flex: 0 0 140px; overflow: hidden; } .blog-style-three .widget-area .widget-article .article-item .image img { -webkit-transition: 0.5s; transition: 0.5s; } .blog-style-three .widget-area .widget-article .article-item .content { background: #ffffff; padding-left: 10px; } .blog-style-three .widget-area .widget-article .article-item .content h3 { margin-bottom: 10px; font-size: 18px; } .blog-style-three .widget-area .widget-article .article-item .content h3 a { color: #093f7f; } .blog-style-three .widget-area .widget-article .article-item .content h3 a:hover { color: #08b68b; text-decoration: underline; } .blog-style-three .widget-area .widget-article .article-item .content .list { padding: 0; margin-bottom: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .blog-style-three .widget-area .widget-article .article-item .content .list li { display: inline-block; margin-right: 12px; color: #797979; } .blog-style-three .widget-area .widget-article .article-item .content .list li:last-child { margin-right: 0; } .blog-style-three .widget-area .widget-article .article-item .content .author img { max-width: 30px; border-radius: 50%; margin-right: 8px; } .blog-style-three .widget-area .widget-article .article-item .content .author span { font-size: 15px; } .blog-style-three .widget-area .widget-article .article-item:last-child { margin-bottom: 0; } .blog-style-three .widget-area .widget-article .article-item:hover .image img { -webkit-transform: scale(1.1); transform: scale(1.1); } .blog-style-three .widget-area .widget-gallery .instagram-post { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; margin: 0; } .blog-style-three .widget-area .widget-gallery .instagram-post li { position: relative; overflow: hidden; -webkit-box-flex: 0; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; cursor: pointer; } .blog-style-three .widget-area .widget-gallery .instagram-post li::after { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; -webkit-transition: 0.5s; transition: 0.5s; background: rgba(9, 0, 49, 0.5); } .blog-style-three .widget-area .widget-gallery .instagram-post li i { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #ffffff; opacity: 0; font-size: 30px; -webkit-transition: 0.5s; transition: 0.5s; z-index: 1; } .blog-style-three .widget-area .widget-gallery .instagram-post li:hover::after { opacity: 1; } .blog-style-three .widget-area .widget-gallery .instagram-post li:hover i { opacity: 1; } .blog-style-three h3.sub-title { line-height: 1; margin-top: -2px; margin-bottom: 20px; font-size: 22px; text-transform: capitalize; } /* ----------------------------------------- Features CSS ----------------------------------------- */ .features-section .item-single { position: relative; padding: 50px 30px; overflow: hidden; text-align: center; background: #ffffff; border-radius: 3px; -webkit-transition: 0.5s; transition: 0.5s; -webkit-box-shadow: 0px -2px 30px 0px rgba(102, 102, 102, 0.09); box-shadow: 0px -2px 30px 0px rgba(102, 102, 102, 0.09); } .features-section .item-single::before { position: absolute; content: ''; top: 15px; right: -10px; width: 35px; height: 50px; background: #9794a8; border-radius: 3px; z-index: 1; opacity: .5; -webkit-transform: skewX(20deg); transform: skewX(20deg); background: #797979; } .features-section .item-single i { color: #4141a5; font-size: 40px; margin-top: -3px; } .features-section .item-single h3 { margin-top: 15px; margin-bottom: 10px; } .features-section .item-single p { margin-bottom: 20px; color: #093f7f; } .features-section .item-single .btn-primary { color: #08b68b; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .features-section .item-single .btn-primary:hover { color: #ffffff; background-color: #08b68b; border: 1px solid #08b68b; } .features-section .item-single:hover { background: #4141a5; } .features-section .item-single:hover i { color: #ffffff; } .features-section .item-single:hover h3 a { color: #ffffff; } .features-section .item-single:hover h3 a:hover { color: #08b68b; } .features-section .item-single:hover p { color: #d6d6d6; } .features-section .item-single:hover .btn-primary { color: #ffffff; border: 1px solid #ffffff; } .features-section .item-single:hover .btn-primary:hover { color: #ffffff; background-color: #08b68b; border: 1px solid #08b68b; } /* ----------------------------------------- Video CSS ----------------------------------------- */ .video-section { padding: 170px 0; background: url("../img/video-bg.jpg") no-repeat center; background-size: cover; } .video-section .video-btn { width: 100px; height: 100px; } .video-style-two { background: url("../img/video-bg2.jpg") no-repeat center; background-size: cover; } /* ----------------------------------------- Footer CSS ----------------------------------------- */ .footer-area { background: #093f7f; } .footer-area .footer-widget { margin-bottom: 30px; } .footer-area ul { padding: 0; margin: 0; list-style-type: none; } .footer-area .navbar-brand { margin-bottom: 23px; padding: 0; } .footer-area h5 { text-transform: capitalize; margin-bottom: 30px; margin-top: 13px; font-size: 24px; color: #ffffff; } .footer-area p { margin-bottom: 20px; color: #d6d6d6; } .footer-area .contact-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .footer-area .contact-info .content { margin-bottom: 15px; } .footer-area .contact-info .content:last-child { margin-bottom: 0; } .footer-area .contact-info .content i { vertical-align: middle; margin-right: 10px; color: #08b68b; font-size: 22px; display: inline-block; } .footer-area .contact-info .content a { color: #d6d6d6; } .footer-area .contact-info .content a:hover { color: #08b68b; } .footer-area .footer-links li { margin-bottom: 15px; } .footer-area .footer-links li i { font-size: 12px; } .footer-area .footer-links li a { position: relative; color: #d6d6d6; } .footer-area .footer-links li a::before { position: absolute; content: ''; left: 0; bottom: 0; width: 100%; height: 1px; -webkit-transform: scaleX(0); transform: scaleX(0); background: #08b68b; -webkit-transition: 0.5s; transition: 0.5s; } .footer-area .footer-links li a:hover { color: #08b68b; } .footer-area .footer-links li a:hover::before { -webkit-transform: scaleX(1); transform: scaleX(1); } .footer-area .footer-news .content a { font-weight: 400; display: inline-block; color: #d6d6d6; margin-bottom: 3px; } .footer-area .footer-news .content a:hover { color: #08b68b; } .footer-area .footer-news .content span { font-size: 14px; color: #797979; } .footer-area .footer-news hr { margin: 15px 0; } .footer-area .instagram-post { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .footer-area .instagram-post li { position: relative; overflow: hidden; -webkit-box-flex: 0; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; cursor: pointer; } .footer-area .instagram-post li::after { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; -webkit-transition: 0.5s; transition: 0.5s; background: rgba(9, 0, 49, 0.5); } .footer-area .instagram-post li i { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #ffffff; opacity: 0; font-size: 30px; -webkit-transition: 0.5s; transition: 0.5s; z-index: 1; } .footer-area .instagram-post li:hover::after { opacity: 1; } .footer-area .instagram-post li:hover i { opacity: 1; } .footer-area hr { margin: 0; border-top: 1px solid #39325a; } .footer-area .copy-right-area { padding: 30px 0; text-align: center; border-top: 1px solid rgb(255 255 255 / 49%); } .footer-area .copy-right-area .copy-right-content p { color: #ffffff; margin-bottom: 0; } .footer-area .copy-right-area .copy-right-content a { color: #08b68b; } /* ----------------------------------------- Page Title CSS ----------------------------------------- */ .page-title-area { position: relative; overflow: hidden; z-index: 1; } .page-title-area::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; opacity: 1; background: #093f7f; z-index: -1; } .page-title-area .bg-image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -2; -o-object-fit: cover; object-fit: cover; } .page-title-area .page-title-content { text-transform: capitalize; text-align: center; } .page-title-area .page-title-content h1 { color: #ffffff; margin-bottom: 20px; margin-top: -10px; line-height: 1.2; } .page-title-area .page-title-content ul { padding: 0; margin: 0; } .page-title-area .page-title-content ul li { margin-right: 10px; padding-left: 15px; display: inline-block; } .page-title-area .page-title-content ul li:first-child { padding-left: 0; } .page-title-area .page-title-content ul li i { font-size: 14px; margin-left: 10px; margin-right: -10px; color: #ffffff; vertical-align: -1px; } .page-title-area .page-title-content ul li a { color: #ffffff; } .page-title-area .page-title-content ul li a:hover { color: #08b68b; } /* ----------------------------------------- Blog Details CSS ----------------------------------------- */ .blog-details-section .blog-details-desc { padding-right: 40px; } @media only screen and (max-width: 767px) { .blog-details-section .blog-details-desc { padding-right: 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .blog-details-section .blog-details-desc { padding-right: 20px; } } .blog-details-section .blog-details-desc .image { overflow: hidden; border-radius: 3px; } .blog-details-section .blog-details-desc .image img { -webkit-transition: 0.5s; transition: 0.5s; } .blog-details-section .blog-details-desc .image img:hover { -webkit-transform: scale(1.1); transform: scale(1.1); } .blog-details-section .blog-details-desc .content h3 { margin-top: -4px; margin-bottom: 15px; font-size: 20px; } .blog-details-section .blog-details-desc .content h3 a { color: #093f7f; } .blog-details-section .blog-details-desc .content h3 a:hover { color: #08b68b; } .blog-details-section .blog-details-desc hr { margin-top: 0; margin-bottom: 30px; } .blog-details-section .blog-details-desc .info-list { padding: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .blog-details-section .blog-details-desc .info-list li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 16px; color: #797979; } .blog-details-section .blog-details-desc .info-list li:last-child { margin-right: 0; } .blog-details-section .blog-details-desc .info-list li i { color: #08b68b; margin-right: 5px; vertical-align: middle; } .blog-details-section .blog-details-desc .blockquote { position: relative; padding: 25px 20px; margin-bottom: 25px; background: #f9f8fe; border-radius: 5px; } .blog-details-section .blog-details-desc .blockquote p { font-size: 18px; line-height: 1.5; margin: 0; } @media only screen and (max-width: 767px) { .blog-details-section .blog-details-desc .blockquote { padding: 16px; } .blog-details-section .blog-details-desc .blockquote p { font-size: 16px; } } .blog-details-section .blog-details-desc .comment-reply { padding-top: 20px; } .blog-details-section .blog-details-desc .comment-reply .comment-form { padding: 30px; background: #f9f8fe; border-radius: 3px; border: 5px solid #ffffff; -webkit-box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.1); box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.1); } .blog-details-section .blog-details-desc .comment-reply .comment-form .input-group { margin-bottom: 20px; padding-left: 16px; background: #ffffff; border-radius: 5px; } .blog-details-section .blog-details-desc .comment-reply .comment-form .input-group .input-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-right: 8px; text-align: center; white-space: nowrap; } .blog-details-section .blog-details-desc .comment-reply .comment-form .input-group .input-icon i { color: #4141a5; vertical-align: -2px; font-size: 20px; } .blog-details-section .blog-details-desc .comment-reply .comment-form .input-group .input-icon.textarea { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-top: 16px; } .blog-details-section .blog-details-desc .comment-reply .comment-form .input-group .form-control { padding-left: 0; } .blog-details-section .blog-details-desc .comment-reply .comment-form .btn-primary { width: 100%; border-radius: 5px; -webkit-box-shadow: none; box-shadow: none; } @media only screen and (max-width: 767px) { .blog-details-section .blog-details-desc .comment-reply .comment-form { padding: 20px 16px; } } .blog-details-section .blog-details-desc .comments-area .comment-list { padding: 0; margin: 0; list-style-type: none; } .blog-details-section .blog-details-desc .comments-area .comment-list .comment { margin-bottom: 15px; } .blog-details-section .blog-details-desc .comments-area .comment-list .comment:last-child { margin-bottom: 0; } .blog-details-section .blog-details-desc .comments-area .comment-body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin-bottom: 20px; } .blog-details-section .blog-details-desc .comments-area .comment-body .comment-author { margin-right: 16px; } .blog-details-section .blog-details-desc .comments-area .comment-body .comment-author img { max-width: 56px; border-radius: 50%; } .blog-details-section .blog-details-desc .comments-area .comment-body .comment-content .comment-metadata .name { font-size: 18px; margin: 0; } .blog-details-section .blog-details-desc .comments-area .comment-body .comment-content .list { padding: 0; margin-bottom: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .blog-details-section .blog-details-desc .comments-area .comment-body .comment-content .list i { margin-right: 5px; vertical-align: middle; } .blog-details-section .blog-details-desc .comments-area .comment-body .comment-content .list li { display: inline-block; margin-right: 12px; font-size: 14px; color: #4141a5; } .blog-details-section .blog-details-desc .comments-area .comment-body .comment-content .list li:last-child { font-size: 12px; color: #797979; } .blog-details-section .blog-details-desc .comments-area .comment-body .comment-content p { margin-top: 5px; font-size: 15px; } @media only screen and (max-width: 767px) { .blog-details-section .blog-details-desc .comments-area .comment-body .comment-author img { max-width: 46px; } .blog-details-section .blog-details-desc .comments-area .comment-body .comment-content p { font-size: 14px; } } .blog-details-section .blog-details-desc .comments-area .children { padding: 0; margin: 0; list-style-type: none; padding-left: 75px; } .blog-details-section .blog-details-desc .comments-area .children .comment-body { margin-bottom: 0; } .blog-details-section .blog-details-desc .comments-area .children .form-group { margin-bottom: 0; -ms-flex-wrap: nowrap; flex-wrap: nowrap; display: -webkit-box; display: -ms-flexbox; display: flex; } .blog-details-section .blog-details-desc .comments-area .children .form-control { height: 46px; border: 1px solid #d1d1d1; border-right: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; } .blog-details-section .blog-details-desc .comments-area .children .comment-author img { max-width: 46px; } .blog-details-section .blog-details-desc .comments-area .children .btn-primary { margin-left: auto; padding: 8px 14px; height: 46px; font-size: 12px; border-radius: 5px; border-top-left-radius: 0; border-bottom-left-radius: 0; display: block; } @media only screen and (max-width: 767px) { .blog-details-section .blog-details-desc .comments-area .children { padding-left: 0; } } .blog-details-section .widget-area .widget-author { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background-color: #ffffff; border: 1px solid #d1d1d1; padding: 25px 16px; border-radius: 5px; text-align: center; } .blog-details-section .widget-area .widget-author .author-img { overflow: hidden; border-radius: 50%; } .blog-details-section .widget-area .widget-author .author-img img { max-width: 100px; } .blog-details-section .widget-area .widget-author .author-info { margin: 20px; } .blog-details-section .widget-area .widget-author .author-info h3 { margin: 0; margin-bottom: 5px; line-height: 1; } .blog-details-section .widget-area .widget-author .author-info span { color: #797979; } .blog-details-section .widget-area .widget-search .search-form { position: relative; background-color: #fff; } .blog-details-section .widget-area .widget-search .search-form .form-control { background-color: #ffffff; border: 1px solid #d1d1d1; } .blog-details-section .widget-area .widget-search .search-form button { border: none; color: #797979; position: absolute; right: 16px; top: 50%; font-size: 18px; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition-duration: 300ms; transition-duration: 300ms; } .blog-details-section .widget-area .widget-search .search-form button i { vertical-align: middle; } .blog-details-section .widget-area .widget-video { position: relative; } .blog-details-section .widget-area .widget-video img { border-radius: 5px; } .blog-details-section .widget-area .widget-video .video-btn { width: 60px; height: 60px; } .blog-details-section .widget-area .widget-video .video-btn i { font-size: 20px; } .blog-details-section .widget-area .widget-article .article-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin-bottom: 20px; } .blog-details-section .widget-area .widget-article .article-item .image { -webkit-box-flex: 0; -ms-flex: 0 0 140px; flex: 0 0 140px; overflow: hidden; } .blog-details-section .widget-area .widget-article .article-item .image img { -webkit-transition: 0.5s; transition: 0.5s; } .blog-details-section .widget-area .widget-article .article-item .content { background: #ffffff; padding-left: 10px; } .blog-details-section .widget-area .widget-article .article-item .content h3 { margin-bottom: 10px; font-size: 18px; } .blog-details-section .widget-area .widget-article .article-item .content h3 a { color: #093f7f; } .blog-details-section .widget-area .widget-article .article-item .content h3 a:hover { color: #08b68b; text-decoration: underline; } .blog-details-section .widget-area .widget-article .article-item .content .list { padding: 0; margin-bottom: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .blog-details-section .widget-area .widget-article .article-item .content .list li { display: inline-block; margin-right: 12px; color: #797979; } .blog-details-section .widget-area .widget-article .article-item .content .list li:last-child { margin-right: 0; } .blog-details-section .widget-area .widget-article .article-item .content .author img { max-width: 30px; border-radius: 50%; margin-right: 8px; } .blog-details-section .widget-area .widget-article .article-item .content .author span { font-size: 15px; } .blog-details-section .widget-area .widget-article .article-item:last-child { margin-bottom: 0; } .blog-details-section .widget-area .widget-article .article-item:hover .image img { -webkit-transform: scale(1.1); transform: scale(1.1); } .blog-details-section .widget-area .widget-gallery .instagram-post { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; margin: 0; } .blog-details-section .widget-area .widget-gallery .instagram-post li { position: relative; overflow: hidden; -webkit-box-flex: 0; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; cursor: pointer; } .blog-details-section .widget-area .widget-gallery .instagram-post li::after { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; -webkit-transition: 0.5s; transition: 0.5s; background: rgba(9, 0, 49, 0.5); } .blog-details-section .widget-area .widget-gallery .instagram-post li i { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #ffffff; opacity: 0; font-size: 30px; -webkit-transition: 0.5s; transition: 0.5s; z-index: 1; } .blog-details-section .widget-area .widget-gallery .instagram-post li:hover::after { opacity: 1; } .blog-details-section .widget-area .widget-gallery .instagram-post li:hover i { opacity: 1; } .blog-details-section h3.sub-title { line-height: 1; margin-top: -2px; margin-bottom: 20px; font-size: 22px; text-transform: capitalize; } /* ----------------------------------------- Destinations Details CSS ----------------------------------------- */ .destinations-details-section .section-title { margin-left: 0; text-align-last: left; } .destinations-details-section .destination-details-desc { padding-right: 40px; } @media only screen and (max-width: 767px) { .destinations-details-section .destination-details-desc { padding-right: 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .destinations-details-section .destination-details-desc { padding-right: 20px; } } .destinations-details-section .destination-details-desc .image { overflow: hidden; border-radius: 3px; } .destinations-details-section .destination-details-desc .image img { -webkit-transition: 0.5s; transition: 0.5s; width: 100%; } .destinations-details-section .destination-details-desc .image img:hover { -webkit-transform: scale(1.1); transform: scale(1.1); } @media only screen and (max-width: 767px) { .destinations-details-section .destination-details-desc .image img { width: 100%; } } .destinations-details-section .destination-details-desc .content h3 { margin-top: -4px; margin-bottom: 15px; font-size: 23px; } @media only screen and (max-width: 767px) { .destinations-details-section .destination-details-desc .content h3 { font-size: 20px; } } .destinations-details-section .destination-details-desc .content h3 a { color: #093f7f; } .destinations-details-section .destination-details-desc .content h3 a:hover { color: #08b68b; } .destinations-details-section .destination-details-desc hr { margin-top: 0; margin-bottom: 30px; } .destinations-details-section .destination-details-desc .info-content { position: relative; padding: 25px 30px; margin-bottom: 25px; background: #f9f8fe; border-radius: 5px; } .destinations-details-section .destination-details-desc .info-content .content-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 15px; } .destinations-details-section .destination-details-desc .info-content .content-list h6 { font-weight: 400; color: #39325a; margin-bottom: 0; } .destinations-details-section .destination-details-desc .info-content .content-list h6 span { font-weight: 600; } .destinations-details-section .destination-details-desc .info-content .content-list i { padding: 10px; background: #ffffff; border-radius: 50%; font-size: 16px; margin-right: 8px; -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); color: #08b68b; vertical-align: middle; } @media only screen and (max-width: 767px) { .destinations-details-section .destination-details-desc .info-content { padding: 16px; } } .destinations-details-section .destination-details-desc .comment-reply { padding-top: 20px; } .destinations-details-section .destination-details-desc .comment-reply .comment-form { padding: 30px; background: #f9f8fe; border-radius: 3px; border: 5px solid #ffffff; -webkit-box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.1); box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.1); } .destinations-details-section .destination-details-desc .comment-reply .comment-form .input-group { margin-bottom: 20px; padding-left: 16px; background: #ffffff; border-radius: 5px; } .destinations-details-section .destination-details-desc .comment-reply .comment-form .input-group .input-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-right: 8px; text-align: center; white-space: nowrap; } .destinations-details-section .destination-details-desc .comment-reply .comment-form .input-group .input-icon i { color: #4141a5; vertical-align: -2px; font-size: 20px; } .destinations-details-section .destination-details-desc .comment-reply .comment-form .input-group .input-icon.textarea { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-top: 16px; } .destinations-details-section .destination-details-desc .comment-reply .comment-form .input-group .form-control { padding-left: 0; } .destinations-details-section .destination-details-desc .comment-reply .comment-form .btn-primary { width: 100%; border-radius: 5px; -webkit-box-shadow: none; box-shadow: none; } @media only screen and (max-width: 767px) { .destinations-details-section .destination-details-desc .comment-reply .comment-form { padding: 20px 16px; } } .destinations-details-section .destination-details-desc .comments-area .comment-list { padding: 0; margin: 0; list-style-type: none; } .destinations-details-section .destination-details-desc .comments-area .comment-list .comment { margin-bottom: 15px; } .destinations-details-section .destination-details-desc .comments-area .comment-list .comment:last-child { margin-bottom: 0; } .destinations-details-section .destination-details-desc .comments-area .comment-body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin-bottom: 20px; } .destinations-details-section .destination-details-desc .comments-area .comment-body .comment-author { margin-right: 16px; } .destinations-details-section .destination-details-desc .comments-area .comment-body .comment-author img { max-width: 56px; border-radius: 50%; } .destinations-details-section .destination-details-desc .comments-area .comment-body .comment-content .comment-metadata .name { font-size: 18px; margin: 0; } .destinations-details-section .destination-details-desc .comments-area .comment-body .comment-content .list { padding: 0; margin-bottom: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .destinations-details-section .destination-details-desc .comments-area .comment-body .comment-content .list i { margin-right: 5px; vertical-align: middle; } .destinations-details-section .destination-details-desc .comments-area .comment-body .comment-content .list li { display: inline-block; margin-right: 12px; font-size: 14px; color: #4141a5; } .destinations-details-section .destination-details-desc .comments-area .comment-body .comment-content .list li:last-child { font-size: 12px; color: #797979; } .destinations-details-section .destination-details-desc .comments-area .comment-body .comment-content p { margin-top: 5px; font-size: 15px; } @media only screen and (max-width: 767px) { .destinations-details-section .destination-details-desc .comments-area .comment-body .comment-author img { max-width: 46px; } .destinations-details-section .destination-details-desc .comments-area .comment-body .comment-content p { font-size: 14px; } } .destinations-details-section .destination-details-desc .comments-area .children { padding: 0; margin: 0; list-style-type: none; padding-left: 75px; } .destinations-details-section .destination-details-desc .comments-area .children .comment-body { margin-bottom: 0; } .destinations-details-section .destination-details-desc .comments-area .children .form-group { margin-bottom: 0; -ms-flex-wrap: nowrap; flex-wrap: nowrap; display: -webkit-box; display: -ms-flexbox; display: flex; } .destinations-details-section .destination-details-desc .comments-area .children .form-control { height: 46px; border: 1px solid #d1d1d1; border-right: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; } .destinations-details-section .destination-details-desc .comments-area .children .comment-author img { max-width: 46px; } .destinations-details-section .destination-details-desc .comments-area .children .btn-primary { margin-left: auto; padding: 8px 14px; height: 46px; font-size: 12px; border-radius: 5px; border-top-left-radius: 0; border-bottom-left-radius: 0; display: block; } @media only screen and (max-width: 767px) { .destinations-details-section .destination-details-desc .comments-area .children { padding-left: 0; } } .destinations-details-section .widget-area .widget-search .search-form { position: relative; background-color: #fff; } .destinations-details-section .widget-area .widget-search .search-form .form-control { background-color: #ffffff; border: 1px solid #d1d1d1; } .destinations-details-section .widget-area .widget-search .search-form button { border: none; color: #797979; position: absolute; right: 16px; top: 50%; font-size: 18px; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition-duration: 300ms; transition-duration: 300ms; } .destinations-details-section .widget-area .widget-search .search-form button i { vertical-align: middle; } .destinations-details-section .widget-area .widget-video { position: relative; } .destinations-details-section .widget-area .widget-video img { border-radius: 5px; } .destinations-details-section .widget-area .widget-video .video-btn { width: 60px; height: 60px; } .destinations-details-section .widget-area .widget-video .video-btn i { font-size: 20px; } .destinations-details-section .widget-area .widget-article .article-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin-bottom: 20px; } .destinations-details-section .widget-area .widget-article .article-item .image { -webkit-box-flex: 0; -ms-flex: 0 0 140px; flex: 0 0 140px; overflow: hidden; } .destinations-details-section .widget-area .widget-article .article-item .image img { -webkit-transition: 0.5s; transition: 0.5s; } .destinations-details-section .widget-area .widget-article .article-item .content { padding-left: 10px; } .destinations-details-section .widget-area .widget-article .article-item .content i { color: #797979; margin-right: 4px; vertical-align: -1px; } .destinations-details-section .widget-area .widget-article .article-item .content span { font-size: 15px; color: #797979; } .destinations-details-section .widget-area .widget-article .article-item .content h3 { margin: 5px 0; font-size: 18px; } .destinations-details-section .widget-area .widget-article .article-item .content h3 a { color: #093f7f; } .destinations-details-section .widget-area .widget-article .article-item .content h3 a:hover { color: #08b68b; text-decoration: underline; } .destinations-details-section .widget-area .widget-article .article-item .content .list { padding: 0; margin-bottom: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .destinations-details-section .widget-area .widget-article .article-item .content .list li { display: inline-block; margin-right: 12px; color: #797979; -webkit-transition: 0.5s; transition: 0.5s; font-size: 15px; } .destinations-details-section .widget-area .widget-article .article-item .content .list li:last-child { font-weight: 600; color: #08b68b; } .destinations-details-section .widget-area .widget-article .article-item:last-child { margin-bottom: 0; } .destinations-details-section .widget-area .widget-article .article-item:hover { -webkit-box-flex: 0; -ms-flex: 0 0 140px; flex: 0 0 140px; } .destinations-details-section .widget-area .widget-article .article-item:hover .image img { -webkit-transform: scale(1.1); transform: scale(1.1); } .destinations-details-section .widget-area .widget-gallery .instagram-post { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; margin: 0; } .destinations-details-section .widget-area .widget-gallery .instagram-post li { position: relative; overflow: hidden; -webkit-box-flex: 0; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; cursor: pointer; } .destinations-details-section .widget-area .widget-gallery .instagram-post li::after { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; -webkit-transition: 0.5s; transition: 0.5s; background: rgba(9, 0, 49, 0.5); } .destinations-details-section .widget-area .widget-gallery .instagram-post li i { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #ffffff; opacity: 0; font-size: 30px; -webkit-transition: 0.5s; transition: 0.5s; z-index: 1; } .destinations-details-section .widget-area .widget-gallery .instagram-post li:hover::after { opacity: 1; } .destinations-details-section .widget-area .widget-gallery .instagram-post li:hover i { opacity: 1; } .destinations-details-section h3.sub-title { line-height: 1; margin-top: -2px; margin-bottom: 20px; font-size: 22px; text-transform: capitalize; } /* ----------------------------------------- Pagination CSS ----------------------------------------- */ .pagination { display: block; margin-top: 35px; margin-left: auto; margin-right: auto; } .pagination .page-numbers { background-color: transparent; color: #08b68b; text-align: center; display: inline-block; line-height: 42px; position: relative; margin-right: 12px; font-weight: 400; font-size: 18px; } .pagination .page-numbers.current { width: 40px; height: 40px; border-radius: 3px; color: #ffffff; background-color: #08b68b; } /* ----------------------------------------- Contact CSS ----------------------------------------- */ .contact-section { overflow: hidden; } .contact-section .content { max-width: 409px; margin-left: auto; } .contact-section .info-content { position: relative; margin-bottom: 25px; } .contact-section .info-content .sub-title { margin-bottom: 20px; } .contact-section .info-content .content-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 15px; } .contact-section .info-content .content-list h6 { font-weight: 400; color: #39325a; margin-bottom: 0; } .contact-section .info-content .content-list h6 span { font-weight: 600; } .contact-section .info-content .content-list i { padding: 10px; background: #ffffff; border-radius: 5px; font-size: 16px; margin-left: 8px; -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); color: #08b68b; vertical-align: middle; } @media only screen and (max-width: 767px) { .contact-section .info-content { padding: 16px; } } .contact-section .contact-map { overflow: hidden; padding-bottom: 50%; position: relative; height: 100%; border: none; margin: 0; } .contact-section .contact-map iframe { left: 0; top: 0; height: 100%; width: 100%; position: absolute; border: 0; } /* ----------------------------------------- Main Form CSS ----------------------------------------- */ .main-form form { margin: 70px 200px 70px 200px; padding: 30px; background: #f9f8fe; border-radius: 3px; border: 5px solid #ffffff; -webkit-box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.1); box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.1); } .main-form .form-group { margin-bottom: 20px; position: relative; } .main-form .form-group .input-icon { position: absolute; top: 18px; right: 10px; } .main-form .form-group .input-icon i { color: #4141a5; vertical-align: -2px; font-size: 20px; } .main-form .form-group .form-control { padding-right: 35px; } .main-form .check-group { background-color: transparent; } .main-form .btn-primary { width: 100%; border-radius: 5px; -webkit-box-shadow: none; box-shadow: none; } @media only screen and (max-width: 767px) { .main-form { padding: 20px 16px; } } .main-form #msgSubmit { font-size: 20px; margin-top: 8px; color: #08b68b; } .main-form .btn-primary.disabled, .main-form .btn-primary:disabled { background: #08b68b; border: 1px solid #08b68b; } .main-form .btn-primary.disabled:hover, .main-form .btn-primary:disabled:hover { color: #08b68b; background: transparent; border: 1px solid #08b68b; } .main-form .sub-title { text-align: center; margin-bottom: 30px; line-height: 1; } .main-form .content { margin-bottom: 30px; text-align: center; } .main-form .content h3 { font-size: 30px; margin-top: -7px; margin-bottom: 5px; } .main-form .checkbox label { position: relative; padding-left: 28px; cursor: pointer; line-height: 20px; font-weight: 500; font-size: 14px; display: inline-block; margin-bottom: 0; color: #093f7f; } .main-form .checkbox label a { color: #08b68b; } .main-form .checkbox [type="checkbox"]:checked, .main-form .checkbox [type="checkbox"]:not(:checked) { display: none; } .main-form .checkbox [type="checkbox"]:checked + label:after, .main-form .checkbox [type="checkbox"]:not(:checked) + label:after { content: ''; width: 8px; height: 8px; background: #08b68b; position: absolute; top: 5.5px; left: 6px; border-radius: 50%; -webkit-transition: 0.5s; transition: 0.5s; } .main-form .checkbox [type="checkbox"]:checked + label::before, .main-form .checkbox [type="checkbox"]:not(:checked) + label::before { content: ''; position: absolute; left: 0; top: 0; width: 19px; height: 19px; border-radius: 50%; border: 1px solid #08b68b; background: #ffffff; -webkit-transition: 0.5s; transition: 0.5s; } .main-form .checkbox [type="checkbox"]:checked + label::before { border: 1px solid #08b68b; background: unset; } .main-form .checkbox [type="checkbox"]:not(:checked) + label:after { display: none; } .main-form .link { text-align: right; } .main-form .link a { display: inline-block; font-weight: 500; font-size: 14px; line-height: 1.3; } /* ----------------------------------------- Terms of Service CSS ----------------------------------------- */ .terms-of-services .image, .privacy-policy .image { border-radius: 5px; overflow: hidden; margin-bottom: 30px; } .terms-of-services .image img, .privacy-policy .image img { -webkit-transition: 0.5s; transition: 0.5s; } .terms-of-services .image img:hover, .privacy-policy .image img:hover { -webkit-transform: scale(1.1); transform: scale(1.1); } .terms-of-services .content h3, .privacy-policy .content h3 { margin-bottom: 10px; margin-top: 20px; font-size: 25px; } .terms-of-services .content p, .privacy-policy .content p { margin-bottom: 0; } .terms-of-services .widget-area, .privacy-policy .widget-area { padding: 30px; background: #f9f8fe; border-radius: 3px; border: 5px solid #ffffff; -webkit-box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.1); box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.1); } .terms-of-services .widget-area ul, .privacy-policy .widget-area ul { padding-left: 0; margin-bottom: 0; list-style-type: none; } .terms-of-services .widget-area ul li, .privacy-policy .widget-area ul li { margin-bottom: 15px; } .terms-of-services .widget-area ul li a, .privacy-policy .widget-area ul li a { position: relative; display: block; color: #093f7f; font-size: 16px; font-weight: 500; } .terms-of-services .widget-area ul li a i, .privacy-policy .widget-area ul li a i { vertical-align: middle; font-size: 24px; margin-right: 10px; } .terms-of-services .widget-area ul li a:hover, .privacy-policy .widget-area ul li a:hover { text-decoration: underline; color: #08b68b; } .terms-of-services .widget-area ul li a.active, .privacy-policy .widget-area ul li a.active { color: #08b68b; text-decoration: underline; } .terms-of-services .widget-area ul li:last-child, .privacy-policy .widget-area ul li:last-child { margin: 0; } /* ----------------------------------------- Privacy Policy CSS ----------------------------------------- */ /* ----------------------------------------- FAQ CSS ----------------------------------------- */ .faq-section .panel-group .panel { border-radius: 0; margin-bottom: 15px; overflow: hidden; } .faq-section .panel-group .panel .panel-heading { padding: 0; background: #ffffff; position: relative; } .faq-section .panel-group .panel-title { margin: 0; } .faq-section .panel-group .panel-title a { display: block; padding: 25px 20px; font-size: 16px; font-weight: 600; color: #093f7f; } .faq-section .panel-group .panel-title a:before { content: ""; position: absolute; top: 50%; right: 20px; border-top: none; border-bottom: 8px solid #08b68b; border-left: 7px solid transparent; border-right: 7px solid transparent; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .faq-section .panel-group .panel-title a.collapsed:before { content: ""; position: absolute; top: 50%; right: 20px; border-bottom: none; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 8px solid #08b68b; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .faq-section .panel-group .panel-body { padding: 25px 20px; border: 0; background: #ffffff; position: relative; margin-top: 2px; } .faq-section .panel-group .panel-body p { color: #093f7f; margin: 0; } /* ----------------------------------------- Error CSS ----------------------------------------- */ .error-area { position: fixed; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; height: 100%; } .error-area .error-content { text-align: center; } .error-area .error-content img { max-width: 70%; } .error-area .error-content h3 { margin-bottom: 20px; margin-top: 20px; font-size: 40px; } .error-area .error-content p { max-width: 550px; margin: auto; margin-bottom: 20px; } /* ----------------------------------------- Coming Soon CSS ----------------------------------------- */ .coming-soon-section { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100vh; } .coming-soon-section .coming-soon-box { max-width: 660px; margin: auto; padding: 30px; background: #f9f8fe; border-radius: 3px; border: 5px solid #ffffff; -webkit-box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.1); box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.1); } .coming-soon-section .coming-soon-box .logo { margin: 0 auto 20px; width: 120px; } .coming-soon-section .coming-soon-box .title-box { text-transform: capitalize; position: relative; text-align: center; } .coming-soon-section .coming-soon-box .title-box .text { position: relative; margin-top: 12px; } .coming-soon-section .coming-soon-box .newsletter-form { margin-bottom: 30px; } .coming-soon-section .coming-soon-box .newsletter-form .input-group { background: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 30px; padding-right: 5px; -webkit-box-shadow: 0 0 20px rgba(106, 99, 119, 0.1); box-shadow: 0 0 20px rgba(106, 99, 119, 0.1); border: none; } .coming-soon-section .coming-soon-box .newsletter-form .input-group .form-control { border-radius: 30px; } .coming-soon-section .coming-soon-box .cta-btn { text-align: center; } .coming-soon-section .coming-soon-box .cta-btn .btn-solid { -webkit-box-shadow: 0 0 40px 40px #4141a5 inset; box-shadow: 0 0 40px 40px #4141a5 inset; } .coming-soon-section .coming-soon-box .cta-btn .btn-solid:hover { color: #4141a5; border: 1px solid #4141a5; -webkit-box-shadow: none; box-shadow: none; } .coming-soon-section .coming-soon-box #timer { padding: 30px 0; } .coming-soon-section .coming-soon-box #timer div { background-color: #093f7f; color: #fff; width: 100px; height: 105px; border-radius: 5px; font-size: 40px; font-weight: 800; margin-left: 10px; margin-right: 10px; } .coming-soon-section .coming-soon-box #timer div span { display: block; margin-top: -2px; font-size: 17px; font-weight: 600; } .coming-soon-section .coming-soon-box .btn-primary.disabled, .coming-soon-section .coming-soon-box .btn-primary:disabled { background: #08b68b; border: 1px solid #08b68b; } .coming-soon-section .coming-soon-box .btn-primary.disabled:hover, .coming-soon-section .coming-soon-box .btn-primary:disabled:hover { color: #08b68b; background: transparent; border: 1px solid #08b68b; } /* ----------------------------------------- Cart CSS ----------------------------------------- */ .cart-section .cart-table-container { margin-bottom: 25px; } .cart-section .cart-table-container .table > :not(:first-child) { border-top: 0; } .cart-section .table.table-cart tr th, .cart-section .table.table-cart tr td { vertical-align: middle; border-bottom: 1px solid #eee; } .cart-section .table.table-cart tr th:not(.product-col), .cart-section .table.table-cart tr td:not(.product-col) { text-align: center; } .cart-section .table.table-cart tr th { padding: 0 15px 12px; border: 0; font-weight: 600; } .cart-section .table.table-cart tr td { padding: 20px 15px; border-top: 1px solid #d1d1d1; } .cart-section .table.table-cart tr td.product-col { padding: 20px 8px 18px 0; } .cart-section .table.table-cart tr.product-action-row td { padding: 0 0 22px; border: 0; } .cart-section .table.table-cart .product-title { font-size: 18px; margin-bottom: 0; } .cart-section .table.table-cart tfoot td { padding: 20px 0 10px; } .cart-section .table.table-cart tfoot .btn { padding: 8.5px 20px; letter-spacing: 0; text-transform: initial; } .cart-section .table.table-cart tfoot .btn + .btn { margin-left: 10px; } .cart-section .table > :not(:first-child) { border-top: 0; } .cart-section .product-row .form-control { width: 68px; margin: auto; text-align: center; padding-left: 0; border: 1px solid #d1d1d1; } .cart-section .btn-remove, .cart-section .btn-edit, .cart-section .btn-move { color: #093f7f; } .cart-section .btn-remove:hover, .cart-section .btn-remove:focus, .cart-section .btn-edit:hover, .cart-section .btn-edit:focus, .cart-section .btn-move:hover, .cart-section .btn-move:focus { color: #08b68b; text-decoration: none; } .cart-section .btn-edit { margin-right: 10px; font-size: 13px; } .cart-section .btn-move { font-size: 13px; line-height: 25px; } .cart-section .btn-move:hover, .cart-section .btn-move:focus { text-decoration: underline; } .cart-section .qty-col { min-width: 98px; } .cart-section .product-col { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .cart-section tbody .product-col { font-size: 0; } .cart-section .product-col .product-image-container { -webkit-box-flex: 0; -ms-flex: 0 0 80px; flex: 0 0 80px; max-width: 80px; margin-right: 12px; margin-bottom: 0; border: 1px solid #d1d1d1; vertical-align: middle; } .cart-section .product-col .product-title { display: inline-block; vertical-align: middle; } .cart-section .cart-summary { margin-bottom: 15px; padding: 14px 18px 22px; border: 1px solid #d1d1d1; } .cart-section .cart-summary h3 { margin-bottom: 20px; } .cart-section .table.table-totals { margin-bottom: 20px; border-top: 1px solid #d1d1d1; } .cart-section .table.table-totals tr { border: 0; } .cart-section .table.table-totals tr th, .cart-section .table.table-totals tr td { padding: 15px 0 !important; border: 0; } .cart-section .table.table-totals tr th:last-child, .cart-section .table.table-totals tr td:last-child { text-align: right; font-weight: 500; } .cart-section .table.table-totals tfoot { border-top: 1px solid #d1d1d1; font-size: 18px; font-weight: 400; } .cart-section .table.table-totals tfoot tr td { padding: 6px 0; } .cart-section .table.table-totals tfoot tr td:last-child { color: #39325a; } .cart-section .checkout-methods .btn { letter-spacing: 0; } .cart-section .checkout-methods .btn + .btn { margin-top: 22px; } @media only screen and (max-width: 767px) { .cart-section .table.table-cart, .cart-section .table.table-cart tbody, .cart-section .table.table-cart tfoot { display: block; } .cart-section .table.table-cart thead { display: none; } .cart-section .table.table-cart tr td { padding: .5rem 1rem; border-top: 0; } .cart-section .table.table-cart tr:first-child td { padding-top: 0; } .cart-section .table.table-cart tr td.product-col { padding-bottom: .5rem; } .cart-section .table.table-cart .product-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-top: 1px solid #d1d1d1; } .cart-section .table.table-cart .product-row:first-of-type { border-top: 0; } .cart-section .table.table-cart .product-action-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .cart-section .table.table-cart .product-action-row td { width: 100%; } .cart-section .table.table-cart .product-action-row .float-right { margin-top: 4px; margin-left: auto; } .cart-section .table.table-cart .product-col { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .cart-section .table.table-cart .product-col .product-image-container { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-right: 0; margin-bottom: 1rem; } .cart-section .table.table-cart tfoot { border-top: 1px solid #d1d1d1; } .cart-section .table.table-cart tfoot tr { display: block; width: 100%; } .cart-section .table.table-cart tfoot tr td { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: 1rem 0; } .cart-section .table.table-cart tfoot .btn { margin-top: .5rem; padding-right: 1rem; padding-left: 1rem; } .cart-section .table.table-cart tfoot .float-left { display: none; } .cart-section .table.table-cart tfoot .float-right { margin-left: auto; } } /* ----------------------------------------- Booking CSS ----------------------------------------- */ .booking-section .booking-form .form-group { margin-bottom: 20px; padding-left: 16px; background: #ffffff; border-radius: 5px; } .booking-section .booking-form .form-group .input-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-right: 8px; text-align: center; white-space: nowrap; } .booking-section .booking-form .form-group .input-icon i { color: #4141a5; vertical-align: -2px; font-size: 20px; } .booking-section .booking-form .form-group .input-icon.textarea { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-top: 16px; } .booking-section .booking-form .form-group .form-control { padding-left: 0; } .booking-section .booking-form .btn-primary { width: 100%; border-radius: 5px; -webkit-box-shadow: none; box-shadow: none; } @media only screen and (max-width: 767px) { .booking-section .booking-form { padding: 20px 16px; } } .booking-section .booking-form .form-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .booking-section .booking-form .sub-title { text-align: center; margin-bottom: 30px; line-height: 1; } .booking-section .booking-form .content { margin-bottom: 30px; } .booking-section .booking-form .content h3 { font-size: 30px; margin-top: -7px; margin-bottom: 20px; } .booking-section .booking-form .payment-tabs .select-box { position: relative; -webkit-box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.1); box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.1); margin-bottom: 15px; cursor: pointer; } .booking-section .booking-form .payment-tabs .select-box .form-control { padding: 12px 0 12px 18px; } .booking-section .booking-form .payment-tabs .select-box .date-select::-webkit-input-placeholder { color: #39325a; } .booking-section .booking-form .payment-tabs .select-box .date-select:-ms-input-placeholder { color: #39325a; } .booking-section .booking-form .payment-tabs .select-box .date-select::-ms-input-placeholder { color: #39325a; } .booking-section .booking-form .payment-tabs .select-box .date-select::placeholder { color: #39325a; } .booking-section .booking-form .payment-tabs .select-box .nice-select { float: unset; color: #797979; text-transform: capitalize; line-height: 35px; } .booking-section .booking-form .payment-tabs .select-box .nice-select .list { border-radius: 0; width: 100%; background-color: #ffffff; -webkit-box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.1); box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.1); } .booking-section .booking-form .payment-tabs .select-box .nice-select .list .option { -webkit-transition: .6s; transition: .6s; color: #39325a; font-size: 14px; line-height: 25px; padding-top: 10px; padding-bottom: 10px; padding-left: 20px; padding-right: 10px; } .booking-section .booking-form .payment-tabs .select-box .nice-select .list .option.selected { background-color: transparent; font-weight: 500; color: #093f7f; } .booking-section .booking-form .payment-tabs .select-box .nice-select::after { right: 20px; } .booking-section .booking-form .payment-tabs .tab-content { padding: 30px 0 15px; } .booking-section .booking-form .payment-tabs .checkbox label { position: relative; padding-left: 28px; cursor: pointer; line-height: 20px; font-weight: 500; font-size: 14px; display: inline-block; margin-bottom: 0; color: #093f7f; } .booking-section .booking-form .payment-tabs .checkbox label a { color: #08b68b; } .booking-section .booking-form .payment-tabs .checkbox [type="checkbox"]:checked, .booking-section .booking-form .payment-tabs .checkbox [type="checkbox"]:not(:checked) { display: none; } .booking-section .booking-form .payment-tabs .checkbox [type="checkbox"]:checked + label:after, .booking-section .booking-form .payment-tabs .checkbox [type="checkbox"]:not(:checked) + label:after { content: ''; width: 8px; height: 8px; background: #08b68b; position: absolute; top: 5.5px; left: 6px; border-radius: 50%; -webkit-transition: 0.5s; transition: 0.5s; } .booking-section .booking-form .payment-tabs .checkbox [type="checkbox"]:checked + label::before, .booking-section .booking-form .payment-tabs .checkbox [type="checkbox"]:not(:checked) + label::before { content: ''; position: absolute; left: 0; top: 0; width: 19px; height: 19px; border-radius: 50%; border: 1px solid #08b68b; background: #ffffff; -webkit-transition: 0.5s; transition: 0.5s; } .booking-section .booking-form .payment-tabs .checkbox [type="checkbox"]:checked + label::before { border: 1px solid #08b68b; background: unset; } .booking-section .booking-form .payment-tabs .checkbox [type="checkbox"]:not(:checked) + label:after { display: none; } .booking-section .booking-form .payment-tabs .link { text-align: right; } .booking-section .booking-form .payment-tabs .link a { display: inline-block; font-weight: 500; font-size: 14px; line-height: 1.3; } .booking-section .nav-tabs { border: none; } .booking-section .nav-tabs .nav-link { border: none; border-bottom: 2px solid transparent; } .booking-section .nav-tabs .active { color: #08b68b; border: none; border-bottom: 2px solid #08b68b; } .booking-section .item-single { overflow: hidden; border-radius: 3px; -webkit-transition: 0.5s; transition: 0.5s; background: #ffffff; } @media only screen and (min-width: 768px) and (max-width: 991px) { .booking-section .item-single img { width: 100% !important; } } .booking-section .item-single .content { padding: 25px 16px; } .booking-section .item-single .content i { color: #797979; margin-right: 4px; vertical-align: -1px; } .booking-section .item-single .content span { color: #797979; } .booking-section .item-single .content h3 { margin-top: 10px; margin-bottom: 0; } .booking-section .item-single .content h3 a { color: #093f7f; } .booking-section .item-single .content h3 a:hover { color: #08b68b; } .booking-section .item-single .content p { padding-top: 15px; font-size: 15px; } .booking-section .item-single .content .list { padding: 0; margin-bottom: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .booking-section .item-single .content .list li { display: inline-block; margin-right: 12px; color: #797979; -webkit-transition: 0.5s; transition: 0.5s; } .booking-section .item-single .content .list li:last-child { font-weight: 600; margin-right: 0; color: #08b68b; margin-left: auto; } .booking-section .item-single:hover .list li:last-child { color: #4141a5; } .booking-section .info-content { position: relative; background: #f9f8fe; border-radius: 5px; } .booking-section .info-content .content-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 15px; } .booking-section .info-content .content-list h6 { font-weight: 400; color: #39325a; margin-bottom: 0; } .booking-section .info-content .content-list h6 span { font-weight: 600; } .booking-section .info-content .content-list i { padding: 10px; background: #ffffff; border-radius: 50%; font-size: 16px; margin-right: 8px; -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); color: #08b68b; vertical-align: middle; } @media only screen and (max-width: 767px) { .booking-section .info-content { padding: 16px; } } /* ----------------------------------------- Go Top CSS ----------------------------------------- */ .go-top { position: fixed; top: 50%; right: 1%; opacity: 0; cursor: pointer; text-decoration: none; color: #ffffff; font-size: 24px; font-weight: bold; text-align: center; background: #08b68b; padding: 8px 13px; border-radius: 50%; z-index: 100; -webkit-transition: 0.5s; transition: 0.5s; } .go-top i { -webkit-transition: 0.5s; transition: 0.5s; vertical-align: middle; } .go-top:hover i { -webkit-transform: translateY(-5px); transform: translateY(-5px); } @media only screen and (max-width: 767px) { .go-top { font-size: 18px; } } .go-top.active { top: 95%; -webkit-transform: translateY(-95%); transform: translateY(-95%); opacity: 1; visibility: visible; } /* ----------------------------------------- Preloader CSS ----------------------------------------- */ #loading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: #f9f8fe; z-index: 999999; } #loading .loader { position: relative; height: 15px; width: calc(15% - 20px); -webkit-transition: all 1s; transition: all 1s; background: transparent; border-radius: 50px; border: 3px solid #08b68b; overflow: hidden; } #loading .loader:after { content: ""; position: absolute; top: 0; right: 100%; height: 100%; width: 100%; border-radius: 50px; background: #08b68b; -webkit-animation: loaderBar 1s infinite linear; animation: loaderBar 1s infinite linear; } @-webkit-keyframes loaderBar { from { right: 100%; } to { right: 0; } } @keyframes loaderBar { from { right: 100%; } to { right: 0; } } .owl-carousel .owl-nav button[class*=owl-] { width: 40px; height: 52px; background: #ffffff; margin-right: 12px; -webkit-transition: 0.5s; transition: 0.5s; color: #08b68b; text-align: center; font-size: 26px; } .owl-carousel .owl-nav button[class*=owl-] i { vertical-align: -2px; } .owl-carousel .owl-nav button[class*=owl-]:last-child { margin-right: 0; } .owl-carousel .owl-nav button[class*=owl-]:hover { background: #08b68b; color: #ffffff; } /*Bootstrap Calendar*/ .datepicker { border-radius: 0; padding: 0; } .datepicker-days table thead, .datepicker-days table tbody, .datepicker-days table tfoot { padding: 0; display: list-item; } .datepicker-days table thead { background: #08b68b; color: #ffffff; border-radius: 0; } .datepicker-months table thead, .datepicker-years table thead, .datepicker-decades table thead, .datepicker-centuries table thead { background: #08b68b; color: #ffffff; border-radius: 0; } .datepicker-days table thead tr:nth-child(2n+0) td, .datepicker-days table thead tr:nth-child(2n+0) th { border-radius: 3px; } .datepicker-days table thead tr:nth-child(3n+0) { text-transform: uppercase; font-weight: 300 !important; font-size: 12px; color: rgba(255, 255, 255, 0.7); } .table-condensed > tbody > tr > td, .table-condensed > tbody > tr > th { padding: 6px 8px; } .table-condensed > tfoot > tr > td, .table-condensed > tfoot > tr > th { padding: 6px 8px; } .table-condensed > thead > tr > td, .table-condensed > thead > tr > th { padding: 6px 8px; } .datepicker-months table thead td, .datepicker-months table thead th { border-radius: 0; } .datepicker-years table thead td, .datepicker-years table thead th { border-radius: 0; } .datepicker-decades table thead td, .datepicker-decades table thead th { border-radius: 0; } .datepicker-centuries table thead td, .datepicker-centuries table thead th { border-radius: 0; } .datepicker td, .datepicker th { border-radius: 50%; padding: 0 12px; } .datepicker-days table thead, .datepicker-months table thead, .datepicker-years table thead, .datepicker-decades table thead, .datepicker-centuries table thead { background: #08b68b; color: #ffffff; border-radius: 0; } .datepicker table tr td.active { background-image: none; } .datepicker table tr td.active:hover { background-image: none; } .datepicker table tr td.active.disabled { background-image: none; } .datepicker table tr td.active.disabled:hover { background-image: none; } .datepicker .prev, .datepicker .next { color: rgba(255, 255, 255, 0.5); -webkit-transition: 0.3s; transition: 0.3s; width: 37px; height: 37px; } .datepicker .prev:hover, .datepicker .next:hover { background: transparent; color: rgba(255, 255, 255, 0.99); font-size: 21px; } .datepicker .datepicker-switch { font-size: 20px; font-weight: 400; -webkit-transition: 0.3s; transition: 0.3s; } .datepicker .datepicker-switch:hover { color: rgba(255, 255, 255, 0.7); background: transparent; } .datepicker table tr td span { border-radius: 2px; margin: 3%; width: 27%; } .datepicker table tr td span.active { background-color: #08b68b; background-image: none; } .datepicker table tr td span.active:hover { background-color: #08b68b; background-image: none; } .datepicker table tr td span.active.disabled { background-color: #08b68b; background-image: none; } .datepicker table tr td span.active.disabled:hover { background-color: #08b68b; background-image: none; } .dropdown-menu { border: 1px solid rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); } .datepicker-dropdown.datepicker-orient-top:before { border-top: 7px solid rgba(0, 0, 0, 0.1); } .datepicker table tr td.active.active { background-color: #08b68b; } .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:active { background-color: #08b68b; } .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover:active { background-color: #08b68b; } .datepicker table tr td.active:active { background-color: #08b68b; } .datepicker table tr td.active:hover.active, .datepicker table tr td.active:hover:active { background-color: #08b68b; } @-webkit-keyframes ripple { 0% { -webkit-transform: scale(1); transform: scale(1); } 75% { -webkit-transform: scale(1.3); transform: scale(1.3); opacity: 1; } 100% { -webkit-transform: scale(1.6); transform: scale(1.6); opacity: 0; } } @keyframes ripple { 0% { -webkit-transform: scale(1); transform: scale(1); } 75% { -webkit-transform: scale(1.3); transform: scale(1.3); opacity: 1; } 100% { -webkit-transform: scale(1.6); transform: scale(1.6); opacity: 0; } } @-webkit-keyframes movescale { 0% { -webkit-transform: scale(0.8); transform: scale(0.8); } 50% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(0.8); transform: scale(0.8); } } @keyframes movescale { 0% { -webkit-transform: scale(0.8); transform: scale(0.8); } 50% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(0.8); transform: scale(0.8); } } @-webkit-keyframes movebounce { 0% { -webkit-transform: translateY(0px); transform: translateY(0px); } 50% { -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { -webkit-transform: translateY(0px); transform: translateY(0px); } } @keyframes movebounce { 0% { -webkit-transform: translateY(0px); transform: translateY(0px); } 50% { -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { -webkit-transform: translateY(0px); transform: translateY(0px); } } @-webkit-keyframes moveleftbounce { 0% { -webkit-transform: translateX(0px); transform: translateX(0px); } 50% { -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { -webkit-transform: translateX(0px); transform: translateX(0px); } } @keyframes moveleftbounce { 0% { -webkit-transform: translateX(0px); transform: translateX(0px); } 50% { -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { -webkit-transform: translateX(0px); transform: translateX(0px); } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { #loading { display: none !important; } .nice-select { float: none; width: 100%; } } .buy-now-btn { right: 20px; z-index: 99; top: 50%; position: fixed; -webkit-transform: translateY(-50%); transform: translateY(-50%); border-radius: 30px; display: inline-block; color: #ffffff; background-color: #82b440; padding: 10px 20px 10px 42px; -webkit-box-shadow: 0 1px 20px 1px #82b440; box-shadow: 0 1px 20px 1px #82b440; font-size: 13px; font-weight: 600; } .buy-now-btn img { top: 50%; left: 20px; width: 15px; position: absolute; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .buy-now-btn:hover { color: #ffffff; background-color: #94be5d; } /*# sourceMappingURL=style.css.map */ .bottom-title { clear: both; display: block; width: 70px; height: 4px; background: #619d5a; } .bottom-title-center { clear: both; display: block; width: 70px; height: 4px; background: #619d5a; margin: 0 auto; } #great-construct-team { background: #162342 url(../great-construct-team-bg.jpg) center center no-repeat; -webkit-background-size: cover; background-size: cover; padding: 50px 0; }