/*--------------------- Common CSS -----------------------*/ html, body { height: 100%; font-family: 'Montserrat-Regular'; /*background: #f6f6f6;*/ } h1, h2, h3, h4, h5, h6 { margin: 0; color: #000000; } h1 { font-size: 44px; } h2 { font-size: 38px; margin: 12px 0 !important; } h3 { font-size: 22px; margin: 12px 0 !important; } h4 { font-size: 18px; margin: 0 0 20px 0 !important; } h5 { font-size: 16px; } h6 { font-size: 14px; } p { font-size: 13px; line-height: 1.75; margin: 0; padding: 0; } img { max-width: 100%; } input:focus, select:focus, button:focus, textarea:focus { outline: 0; box-shadow: none;} a:hover, a:focus { text-decoration: none; outline: none; } ul, ol { padding: 0; margin: 0; } .form-control:focus { box-shadow: none; } ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ opacity: 0.5; font-family: 'Montserrat-Regular'; } ::-moz-placeholder { /* Firefox 19+ */ opacity: 0.5; font-family: 'Montserrat-Regular'; } :-ms-input-placeholder { /* IE 10+ */ opacity: 0.5; font-family: 'Montserrat-Regular'; } :-moz-placeholder { /* Firefox 18- */ opacity: 0.5; font-family: 'Montserrat-Regular'; } .form-control.is-valid, .was-validated .form-control:valid { border-color: #33988d; background-image: url('../img/mark-icon.svg'); background-repeat: no-repeat; background-position: center right calc(.375em + .1875rem); background-size: inherit; } .form-control.is-valid:focus, .was-validated .form-control:valid:focus { box-shadow: none; } .form-control.is-invalid, .was-validated .form-control:invalid { border-color: #d21f00; background-image: url('../img/error-icon.svg'); background-repeat: no-repeat; background-position: center right calc(.375em + .1875rem); background-size: inherit; } .form-control.is-invalid:focus, .was-validated .form-control:invalid:focus { box-shadow: none; } /*--------------------- Helper CSS -----------------------*/ .load-more { padding: 10px 10px 00px 10px; text-align: center; } .load-more a { font-family: "Montserrat-Bold"; font-size: 14px; line-height: 1.43; color: #33988d; text-transform: uppercase; } .load-more a span { padding-left: 8px; font-size: 18px; color: #000; } .dropdown-item.active, .dropdown-item:active, .dropdown-item:focus, .dropdown-item:hover { background-color: #f8f9fa; } .more-link { position: relative; display: flex; align-items: center; } .more-link .next { position: relative; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-transition-duration: 0.3s; transition-duration: 0.5s; -webkit-transition-property: transform; transition-property: transform; } .more-link:hover .next { -webkit-transform: translateX(5px); transform: translateX(5px); } .more { position: relative; } .more .next { position: relative; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-transition-duration: 0.3s; transition-duration: 0.5s; -webkit-transition-property: transform; transition-property: transform; } .more:hover .next { -webkit-transform: translateX(5px); transform: translateX(5px); } /* fonts */ @font-face { font-family: 'Montserrat-Black'; src: url(../fonts/Montserrat-Black.otf); } @font-face { font-family: 'Montserrat-Bold'; src: url(../fonts/Montserrat-Bold.otf); } @font-face { font-family: 'Montserrat-ExtraBold'; src: url(../fonts/Montserrat-ExtraBold.otf); } @font-face { font-family: 'Montserrat-ExtraLight'; src: url(../fonts/Montserrat-ExtraLight.otf); } @font-face { font-family: 'Montserrat-Light'; src: url(../fonts/Montserrat-Light.otf); } @font-face { font-family: 'Montserrat-Medium'; src: url(../fonts/Montserrat-Medium.otf); } @font-face { font-family: 'Montserrat-Regular'; src: url(../fonts/Montserrat-Regular.otf); } @font-face { font-family: 'Montserrat-SemiBold'; src: url(../fonts/Montserrat-SemiBold.otf); } @font-face { font-family: 'Montserrat-Thin'; src: url(../fonts/Montserrat-Thin.otf); } /*--------------------- button CSS -----------------------*/ .btn.btn-white { background-color: #ffffff; color: #424242; border: 1px solid #dcdcdc; border-radius: 50px; font-family: 'Montserrat-SemiBold'; font-size: 14px; padding: 8px 18px; text-transform: uppercase; transition: all 0.4s ease-out 0s; } .btn.btn-filled { /*background-color: #33988d;*/ color: #ffffff; border: 1px solid #188478; border-radius: 50px; font-family: 'Montserrat-SemiBold'; font-size: 14px; padding: 8px 18px; text-transform: uppercase; transition: all 0.4s ease-out 0s; background: -webkit-linear-gradient(left, #188478 0%, #33988d 50%, #188478 100%); background: -o-linear-gradient(left, #188478 0%, #33988d 50%, #188478 100%); background: linear-gradient(to right, #188478 0%, #33988d 50%, #188478 100%); background-size: 200% auto; } .btn.btn-filled:hover { background-position: right center; } .btn.btn-form { border-radius: 0 24px 24px 0; background-color: #33988d; padding: 8px 14px; border: 0; } /*--------------------- Style CSS -----------------------*/ /*.main.wrapper { margin-top: 8.9rem; }*/ .section-header { font-size: 38px; line-height: 0.95; text-align: left; color: #404040; padding-bottom: 50px; font-family: 'Montserrat-Bold'; } .section-header highlight { background: linear-gradient(to right, #ffaa00 6%, #ee7b00 85%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .pwd-field { position: relative; } .pwd-field-icon { position: absolute; right: 10px; top: 20px; } /* Coming Soon CSS */ .coming-soon-wrap { background-color: #f6f6f6; padding: 32px; height: 100%; width: 100%; background-image: url(../img/bg-img.webp); background-size: cover; background-position: center; background-repeat: no-repeat; } .coming-soon-wrap .contact-btn { text-align: right; z-index: 99999; position: relative; } .coming-soon-wrap .contact-btn .btn.btn-filled { padding: 14px 20px; } .comingsoon { margin-top: 3rem; } .comingsoon .logo { margin-bottom: 46px; margin-top: 0; text-align: center; } .comingsoon .content { margin-bottom: 16px; } .comingsoon .content h5 { opacity: 0.7; padding-top: 36px; color: #383838; text-transform: uppercase; font-family: 'Montserrat-Bold'; font-size: 16px; line-height: 1.25; color: #383838; } .comingsoon .content h1 { color: #383838; padding-bottom: 20px; font-family: 'Montserrat-Bold'; } .comingsoon .content p { color: #696969; width: 55%; margin: 0 auto; font-family: 'Montserrat-SemiBold'; font-size: 14px; line-height: 1.43; text-transform: uppercase; color: rgba(105, 105, 105, 0.5); padding-bottom: 8px; } .comingsoon .content h4 { font-family: "Montserrat-Medium"; font-size: 22px; line-height: 1.45; color: #6c6c6c; padding-bottom: 8px; } .comingsoon .content h4 b { background-image: linear-gradient(to right, #ffaa00 6%, #ee7b00 85%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; font-family: "Montserrat-bold"; } .comingsoon .content h4 highlight { background-color: #ffffff; padding: 2px 5px; box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.05); border-radius: 3px; } .comingsoon .notify { width: 43%; margin: 0 auto 40px; } .comingsoon .notify .form-control { display: block; height: calc(1.5em + .75rem + 2px); padding: 27px 20px; font-size: 14px; color: #686868; border: none; border-radius: 50px 0 0 50px; opacity: 1; font-family: 'Montserrat-Regular';background-color: #ffffff; } .comingsoon .notify .form-control:focus { border: 0; outline: 0; box-shadow: none; } .comingsoon .notify .input-group { box-shadow: 0 2px 20px 0 #e9e9e9; background-color: #ffffff; border-radius: 54px; } .comingsoon .notify .btn.btn-filled { background-image: linear-gradient(to right, #ffaa00 6%, #ee7b00 85%); border: 0; } .comingsoon .input-group-append { margin-left: 0; } .comingsoon ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ opacity: 0.4; color: #686868; } .comingsoon ::-moz-placeholder { /* Firefox 19+ */ opacity: 0.4; color: #686868; } .comingsoon :-ms-input-placeholder { /* IE 10+ */ opacity: 0.4; color: #686868; } .comingsoon :-moz-placeholder { /* Firefox 18- */ opacity: 0.4; color: #686868; } .comingsoon .amenities { margin-bottom: 40px; padding: 0 10em;} .comingsoon .amenities .icon { min-height: 32px; height: 100%; font-size: 32px; padding-bottom: 10px; transition: 0.3s; } .comingsoon .amenities .inr-bx:hover .icon { color: #f99a00; } .comingsoon .amenities .inr-bx:hover h4 { background: linear-gradient(to right, #ffaa00 6%, #ee7b00 85%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; transition: 0.3s; } .comingsoon .amenities .br-rg.disable:hover h4 { background: linear-gradient(to right, #383838 6%, #383838 85%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .comingsoon .amenities .br-rg.disable:hover .icon { color: #383838; } .comingsoon .amenities h4 { color: #383838; font-family: 'Montserrat-SemiBold'; font-size: 22px; transition: 0.5s; } .comingsoon .amenities .disable { opacity: 0.5; } .comingsoon .amenities .disable p { color: #404040; font-size: 14px; font-family: 'Montserrat-SemiBold'; } .comingsoon .amenities .br-rg { border-right: 1px solid #f0f0f0; } .comingsoon .pd-0 { padding-left: 0; padding-right: 0; } .comingsoon .pd-15 { padding-left: 15px; padding-right: 15px; } .comingsoon .amenities .br-rg.disable { border-right: none; } .comingsoon .social-links a { width: 40px; height: 40px; background-color: #ffffff; border-radius: 50%; padding: 10px; text-align: center; display: inline-block; color: #383838; line-height: 16px; font-size: 18px; margin: 0 8px; border: 1px solid #efeff0; transition: 0.5s; } .comingsoon .social-links a:hover { background-color: #33988d; color: #ffffff; border: 1px solid #33988d; } /* Nav CSS */ .navbar-dark .navbar-nav .nav-link, .navbar-dark .navbar-nav .active>.nav-link { background-image: linear-gradient(to right, #000000 6%, #000000 85%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; border-bottom: 1px solid transparent; transition: all 0.4s; } .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover { border-bottom: 1px solid #ee7b00; background-image: linear-gradient(to right, #ffaa00 6%, #ee7b00 85%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } .navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link { border-bottom: 1px solid #ee7b00; background-image: linear-gradient(to right, #ffaa00 6%, #ee7b00 85%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } nav.top-nav { height: 86px; } .navbar-brand.logo { width: 130px; } .navbar { border-bottom: 1px solid #efefef; } .navbar-dark .navbar-nav .nav-link { font-size: 14px; font-family: 'Montserrat-Bold'; color: #424242; } .dropdown-toggle::after { vertical-align: middle; margin-left: 8px; font: normal normal normal 18px/1 FontAwesome; content: "\f107"; color: #404040; border: 0; } .navbar-expand-md.navbar-dark .navbar-nav .nav-link {padding: 0 0 4px 0 } .navbar-expand-md.navbar-dark .navbar-nav li.nav-item { padding: 0.5rem 10px 4px; } .navbar-collapse { flex-grow: 0; } .top-nav .menu-large a.green { color: #33988d; font-size: 16px; font-family: 'Montserrat-Bold';margin-right: 0; } .top-nav .openbtn { display: none; } /* search bar enable after scroll */ .nav-search { display: none; } .fix-search .nav-search { display: flex; flex-grow: 1; } .fix-search .nav-search .search-bar .form-control { border-radius: 100px; box-shadow: none; background-color: #ffffff; padding: 20px 48px 20px 15px; border: 1px solid #dcdcdc; width: 82%; margin: 0 auto; background-image: url(../img/search.svg); background-repeat: no-repeat; background-position: right 20px center; font-family: 'Montserrat-Medium'; font-size: 13px; line-height: 2; color: #6e6e6e; } .fix-search .nav-search .search-bar { width: 20rem; margin-left: 40px; } .fix-search .nav-search ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ opacity: 0.5; color: #6e6e6e; } .fix-search .nav-search ::-moz-placeholder { /* Firefox 19+ */ opacity: 0.5; color: #6e6e6e; } .fix-search .nav-search :-ms-input-placeholder { /* IE 10+ */ opacity: 0.5; color: #6e6e6e; } .fix-search .nav-search :-moz-placeholder { /* Firefox 18- */ opacity: 0.5; color: #6e6e6e; } /* index CSS */ .bg-light { background-color: #ffffff !important; } main.wrapper { margin-top: 86px; } .top-nav.active { box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.05); } /* top-section CSS */ .index-wrap .top-section { background-color: #ffffff; height: 508px; width: 100%; background-image: url(../img/bg-img.png); background-size: cover; background-position: center; background-repeat: no-repeat; } .top-section .content { padding-top: 60px; } .top-section .amenities { padding-bottom: 60px;width: 70%; margin: 0 auto; } .top-section .amenities .icon { padding-bottom: 10px; min-height: 40px; } .top-section .amenities h4 { color: #494949; font-family: "Montserrat-SemiBold"; font-size: 22px; line-height: 1; } .top-section .amenities h4:hover, .top-section .amenities h4.active { background: -webkit-linear-gradient(to right, #ffaa00 6%, #ee7b00 85%); background: linear-gradient(to right, #ffaa00 6%, #ee7b00 85%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .top-section .amenities .disable p { color: rgba(64, 64, 64, 0.5); font-size: 14px; } .top-section .amenities .disable h4 { color: rgba(56, 56, 56, 0.5); } .top-section .amenities .disable h4:hover, .top-section .amenities .disable h4.active { background: -webkit-linear-gradient(to right, #383838 6%, #383838 85%); background: linear-gradient(to right, #383838 6%, #383838 85%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; opacity: 0.5; } .top-section .amenities .br-rg { border-right: 1px solid #f0f0f0; } .top-section .pd-0 { padding-left: 0; padding-right: 0; } .top-section .pd-15 { padding-left: 15px; padding-right: 15px; } .top-section .amenities .br-rg.disable { border-right: none; } .top-section h1 { width: 70%; margin: 0 auto;font-size: 44px; line-height: 1.2; color: #383838; font-family: 'Montserrat-Bold'; padding-bottom: 46px; } .top-section .search-bar { width: 54%; margin:0 auto; position: relative;} .top-section .input-field { width: 100%; position: relative; } .top-section .input-field .btn-search { width: 60px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; position: absolute; right: 0; height: 100%; background: 0 0; border: 0; padding: 0 6px 0 0; cursor: pointer; display: flex; -ms-flex-pack: center; justify-content: center; align-items: center; background-color: #33988d; border-radius: 0 50px 50px 0; top: 0; } .top-section .search-bar .form-control { border-radius: 100px; box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.08); background-color: #ffffff; padding: 20px 78px 20px 20px; border: 1px solid #ffffff; width: 100%; margin: 0 auto; font-family: 'Montserrat-Medium'; font-size: 16px; color: #6e6e6e; height: 100%; display: block; margin-bottom: 15px; } .top-section .search-bar .search-content { position: absolute; z-index: 99; top: 75px; } .top-section ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ opacity: 0.5; font-family: 'Montserrat-Regular'; } .top-section ::-moz-placeholder { /* Firefox 19+ */ opacity: 0.5; font-family: 'Montserrat-Regular'; } .top-section :-ms-input-placeholder { /* IE 10+ */ opacity: 0.5; font-family: 'Montserrat-Regular'; } .top-section :-moz-placeholder { /* Firefox 18- */ opacity: 0.5; font-family: 'Montserrat-Regular'; } /*.top-section .options { width: 54%; margin: 0 auto; }*/ .top-section .options .btn.btn-white { color: #565656; border: 1px solid #dcdcdc; font-family: 'Montserrat-medium'; font-size: 12px; text-transform: none; border: solid 1px #e7e7e7; } /* top search content */ .top-section .options { padding: 0 5px; } .search-content .input-wrap { border-radius: 30px; box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.08); background-color: #ffffff; } .search-content .btn.btn-white { margin-bottom: 8px; } .search-content .input-wrap .options { padding: 20px 20px 10px; background-color: #fbfbff; width: 100% !important; border-radius: 30px 30px 0 0; } .search-content .places { padding: 24px 24px 5px 24px; } .search-content .address { display: flex; flex-direction: row; align-items: center; padding-bottom: 15px; border-bottom: 1px solid #f1f1f4; margin-bottom: 15px; } .search-content .address .location h4 { font-family: 'Montserrat-medium'; font-size: 15px; line-height: 1.75; color: #494949; } .search-content .address .location h6 { font-family: 'Montserrat-Regular'; font-size: 13px; color: #696969; } .search-content .trending { padding: 0 24px 18px; } .search-content .trending h4 { font-family: 'Montserrat-bold'; font-size: 12px; line-height: 1.33; color: #404040; padding-bottom: 5px;text-transform: uppercase;} .search-content .input-wrap .trending .options { padding: 12px 0; background-color: transparent; } .search-content .address .plc-img { width: 40px; margin-right: 12px; height: 40px; display: flex; } .search-content .address .plc-img img { width: 100%; border-radius: 50%; } /* New-thing CSS */ .new-thing { padding: 90px 0; background-color: #ffffff; } .trend-left ul { background-color: #ffffff; box-shadow: 0 0 40px 3px #f6f6f6; border: solid 1px #efeff0; border-radius: 15px; } .trend-left li.tag { font-family: 'Montserrat-SemiBold'; background-color: #f4f4f5; font-size: 20px; border-radius: 15px 15px 0 0; color: #404040; border-bottom: none; padding: 24px 24px; margin: 0; } .trend-left li { list-style: none; display: block; padding: 20px 10px 20px 0px; border-bottom: 1px solid rgba(226, 227, 228, 0.6); margin-left: 24px; } .trend-left li:last-child { border-bottom: none; } .trend-left li h5 { font-size: 16px; color: #686868; font-family: 'Montserrat-Medium'; padding-bottom: 5px; } .trend-left li p { font-size: 12px; color: #adadad; margin-bottom: 0; font-family: 'Montserrat-Regular'; color: #686868; } .trend-right .box { box-shadow: 0 0 40px 3px #f6f6f6; border: solid 1px #efeff0; background-color: #ffffff; border-radius: 15px; margin-bottom: 30px; } .trend-right .box img { border-radius: 15px 15px 0 0; } .trend-right .inside { padding: 22px 18px; } .trend-right .inside h5 { overflow: hidden; text-overflow: ellipsis; height: 24px;margin-bottom: 6px; font-family: 'Montserrat-Bold'; font-size: 16px; line-height: 1.5; padding-bottom: 8px; color: #383838; } .trend-right .inside p { font-family: 'Montserrat-Regular'; font-size: 13px; line-height: 1.54; color: #686868; overflow: hidden; text-overflow: ellipsis; height: 40px; } .restaurant { padding: 90px 0; background-color: #f5f5f5; } .restaurant .restro-img { position: relative; } .restaurant .bottom-center { position: absolute; bottom: 20px; color: #ffffff; line-height: 1.5; font-size: 15px; text-align: center; left: 0; right: 0; font-family: 'Montserrat-Bold'; padding: 0 12px; } .restaurant .overlay { position: absolute; width: 100%; height: 100%; background-image: linear-gradient(to bottom, rgba(123, 123, 123, 0) 35%, #000000 131%); border-radius: 15px; } .restaurant .restro-img img { border-radius: 15px; } /*.restaurant .restro-container { display: flex; flex-flow: wrap; justify-content: space-between; padding: 0; margin: 0; } .restaurant .restro-item { width: 18%; margin: 0 0 26px 0; }*/ .restaurant .restro-container { display: flex; flex-flow: wrap; justify-content: flex-start; padding: 0; margin: 0; } .restaurant .restro-item { width: 205px; margin: 8px; } .category { padding: 90px 0; background-color: #fff; } .category ul li { display: inline-block; list-style: none; padding-right: 25px; } .category ul li a { font-size: 20px; font-family: 'Montserrat-SemiBold'; color: rgba(0, 0, 0, 0.4); display: block; } .category ul li.active a { font-size: 30px; background: linear-gradient(to right, #ffaa00 6%, #ee7b00 85%); transition: font-size 0.3s ease-out; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .category .more { text-align: right; } .category .more a { text-transform: uppercase; color: #33988d; font-size: 16px; display: block; padding-top: 12px; font-family: 'Montserrat-SemiBold'; line-height: 1.5; } .category .more a span.next { padding-left: 5px; } .category .title { padding-bottom: 60px; } .category .info-box { border-radius: 15px; box-shadow: 0 0 40px 3px #f6f6f6; border: solid 1px #efeff0; background-color: #ffffff; } .category .info-box img { border-radius: 15px 15px 0 0; } .category .inside { padding: 20px 24px; } .category .inside h5 { font-family: 'Montserrat-Bold'; font-size: 18px; padding-bottom: 15px; line-height: 1.56; color: #3a3a3a; overflow: hidden; text-overflow: ellipsis; height: 70px; } .category .inside p { font-family: 'Montserrat-Regular'; font-size: 14px; line-height: 1.57; padding-bottom: 15px; color: #686868; overflow: hidden; text-overflow: ellipsis; height: 58px; } .category .more-link { font-family: 'Montserrat-SemiBold'; font-size: 12px; vertical-align: middle; line-height: 2; text-transform: uppercase; color: #33988d; padding-bottom: 10px; } .category span.next { padding-left: 5px; vertical-align: middle; } .category .item { max-width: 100%; } .category .owl-carousel .owl-item img { display: inline-block; width: auto; } .category .part { display: flex; } /*--------------------- modal popup CSS -----------------------*/ .modal .modal-content { background-color: #ffffff; border: 1px solid #efeff0; border-radius: 15px; box-shadow: 0 16px 32px 0 #ededed } .modal .modal-header { flex-direction: column; justify-content: center; padding: 40px 30px 28px 30px; } .modal .modal-header h5 { font-family: 'Montserrat-Bold'; font-size: 32px; font-weight: bold; line-height: 1.25; padding-bottom: 16px; color: #494949; } .modal .modal-header p { font-family: 'Montserrat-Medium'; font-size: 16px; line-height: 1.5; width: 85%; color: #696969; } .modal .modal-header .close { float: right; font-size: 42px; font-weight: normal; line-height: 0; color: #60677e; text-shadow: none; opacity: 1; padding: 0; margin: 0; font-family: 'Montserrat-Regular'; } .modal .modal-header .close { margin-left: auto; } .modal .modal-body { padding: 0 40px 8px 40px; } .modal .modal-body .form-control { padding: 15px 12px; font-size: 14px; font-weight: normal; line-height: 1.5; color: #383838; border-radius: 5px; border: solid 1px #bfbfbf; background-color: #ffffff; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; height: 56px; font-family: 'Montserrat-SemiBold'; } .modal .modal-body ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ font-family: 'Montserrat-Regular'; color: #737373; } .modal .modal-body ::-moz-placeholder { /* Firefox 19+ */ font-family: 'Montserrat-Regular'; color: #737373; } .modal .modal-body :-ms-input-placeholder { /* IE 10+ */ font-family: 'Montserrat-Regular'; color: #737373; } .modal .modal-body :-moz-placeholder { /* Firefox 18- */ font-family: 'Montserrat-Regular'; color: #737373; } .modal .form-control.is-valid, .modal .was-validated .form-control:valid { border-color: #33988d; background-image: url('../img/mark-icon.svg'); background-repeat: no-repeat; background-position: center right calc(.375em + .1875rem); background-size: inherit; } .modal .form-control.is-valid:focus, .modal .was-validated .form-control:valid:focus { box-shadow: none; } .modal .form-control.is-invalid, .modal .was-validated .form-control:invalid { border-color: #d21f00; background-image: url('../img/error-icon.svg'); background-repeat: no-repeat; background-position: center right calc(.375em + .1875rem); background-size: inherit; } .modal .form-control.is-invalid:focus, .modal .was-validated .form-control:invalid:focus { box-shadow: none; } .modal .form-control:focus { box-shadow: none; } .background-container { position: relative; } .background-container.modalBlur > *:not(.modal) { filter: blur(8px); -webkit-filter: blur(8px); -moz-filter: blur(8px); -o-filter: blur(8px); -ms-filter: blur(8px); } .background-container.modalDesaturate > *:not(.modal) { filter: saturate(0%); -webkit-filter: saturate(0%); -moz-filter: saturate(0%); -o-filter: saturate(0%); -ms-filter: saturate(0%); } /*.fade { transition: opacity .15s linear; background-color: transparent !important;}*/ .modal-backdrop { opacity: 0.65; filter: alpha(opacity=65); } .totb-popup .modal-body .btn.btn-yellow { width: 100%; border: 1px solid #ffaa00; padding: 12px 18px; background-image: linear-gradient(to right, #ffaa00 6%, #ee7b00 85%); margin-bottom: 20px; } .totb-popup textarea.form-control { height: 76px !important; } .totb-popup.modal .modal-header .close { margin-bottom: -20px; } /* login popup css */ .login-popup .modal-dialog { max-width: 390px; } .login-popup.modal .modal-header .close { margin-bottom: -20px; } .login-popup .modal-content { padding: 40px 30px; } .login-popup .modal-header { align-items: left; padding: 0; } .login-popup .modal-header h5 { padding-bottom: 10px; } .login-popup .modal-header p { font-family: 'Montserrat-Medium'; font-size: 14px; line-height: 1.43; width: 100%; color: #8b8b8b; padding-bottom: 20px; } .login-popup .modal-body { padding: 0; } .login-popup .modal-body .forgot { text-align: right; padding-bottom: 16px; } .login-popup .modal-body .forgot a { font-family: "Montserrat-SemiBold"; font-size: 12px; line-height: 1.67; color: #33988d; } .login-popup .modal-body .btn.btn-yellow { width: 100%; border: 1px solid #ffaa00; padding: 12px 18px; background-image: linear-gradient(to right, #ffaa00 6%, #ee7b00 85%); margin-bottom: 20px; } .login-popup .modal-body .signup-link { font-family: "Montserrat-Medium"; font-size: 12px; color: #9fa09f; text-align: center; margin-bottom: 20px; } .login-popup .modal-body .signup-link a { font-family: "Montserrat-SemiBold"; font-size: 12px; color: #4ea298; } .login-popup .share-btn a { font-size: 16px; color: #ffffff; padding: 12px 18px; border-radius: 5px; display: inline-block; width: 44%; text-align: center; } .login-popup .share-btn a.facebook { margin-right: 12px; background-color: #4363a1; } .login-popup .share-btn a.google { margin-left: 12px; background-color: #e0594a; } .login-popup .pwd-field { position: relative; } .login-popup .field-icon { position: absolute; right: 10px; top: 20px; } /* contact us popup css */ .contact-popup .modal-header { align-items: center; } .contact-popup .form-group { margin-bottom: 16px; } .contact-popup .modal-footer { padding: 0 48px 76px 48px; } .contact-popup .form-control { padding: 15px 12px; font-size: 14px; font-weight: normal; line-height: 1.5; color: #383838; border-radius: 5px; border: solid 1px #bfbfbf; background-color: #ffffff; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; height: 56px; font-family: 'Montserrat-SemiBold'; } .contact-popup textarea.form-control { height: 96px !important; } .contact-popup select.form-control { height: 56px; } .contact-popup .select .form-control { font-family: 'Montserrat-Regular'; color: #737373; background-image: none !important; } .contact-popup .modal-footer .btn.btn-filled { padding: 14px 20px;background-image: linear-gradient(to right, #ffaa00 6%, #ee7b00 85%); border: 0; } .form-item__element--select [disabled] { color: red; } /* forgot password popup css */ .login-popup.forgot-pwd-popup .modal-body .btn.btn-yellow { margin-bottom: 0; } .login-popup.forgot-pwd-popup .modal-content { padding: 40px 30px 30px; } /* add your listing popup css */ .add-listing-popup .modal-header h5 { font-family: 'Montserrat-Bold'; font-size: 20px; line-height: 1.5; color: #494949; text-transform: uppercase; } .add-listing-popup .modal-header { padding: 40px 30px 10px 30px; } .add-listing-popup .modal-body { padding: 0 30px 8px 30px; } .add-listing-popup.modal .modal-header .close { margin-bottom: -15px; } .add-listing-popup .feature-box { border-radius: 6px; background-color: #f7f8f7; padding: 32px; margin-bottom: 24px; } .add-listing-popup .feature-box h4 { font-family: 'Montserrat-Bold'; font-size: 16px; line-height: 1.5; color: #494949; text-transform: uppercase; padding-bottom: 15px; } .add-listing-popup .options { display: flex; flex-direction: row; } .add-listing-popup .custom-control-label { font-family: "Montserrat-SemiBold"; font-size: 13px; line-height: 19px; padding-top: 3px; color: #383838; vertical-align: middle; } .add-listing-popup .custom-control-label::after { position: absolute; width: 16px; height: 16px; border-radius: 3px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.06); border: solid 1px #e0e0e0; background-color: #ffffff; content: ""; padding-right: 10px; } .add-listing-popup .custom-checkbox .custom-control-input:checked~.custom-control-label::after { box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.06); background-color: #0b1025; border: 1px solid #0b1025; border-radius: 3px; } .add-listing-popup .submit-btn { text-align: right; } .add-listing-popup .btn.btn-yellow { width: auto !important; padding: 12px 26px; margin-bottom: 30px; } .add-listing-popup .modal-dialog { max-width: 720px; } .add-listing-popup .filter-bx { width: 33.33%; } .add-listing-popup .select-category { overflow: hidden; display: flex; flex-direction: row; width: 100%; border-radius: 6px; box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.08); border: solid 1px #ececec; background-color: #ffffff;margin-bottom: 10px; } .add-listing-popup .select-category label { font-family: 'Montserrat-Bold'; font-size: 16px; line-height: 1.25; text-transform: uppercase; color: #616161; margin-bottom: 0; width: 100%; padding: 20px 5px; } .add-listing-popup .sub-category { width: 50%; text-align: center; } .add-listing-popup input[type="radio"] + label:before { content: ''; border: 2px solid #616161; margin-right: 12px; width: 20px; height: 20px; top:; } .add-listing-popup .sub-category input[type="radio"]:checked + label { background-color: #232a34; color: #ee7b00; } .add-listing-popup input[type="radio"]:checked + label:before { background-color: #ee7b00; box-shadow: inset 0 0 0 4px #232a34; border-color: #e2e2e2; } .add-listing-popup form { margin-bottom: 25px; } /* thankyou popup css */ .thankyou-popup .modal-header{align-items: center;} .thankyou-popup .modal-header p { width: 80%; } .thumsup { padding-bottom: 24px; } .thankyou-popup .hr { width: 400px; opacity: 0.3; border-bottom: solid 1px #979797; padding-top: 15px; margin-bottom: 40px; } .thankyou-popup .followus { font-family: 'Montserrat-Bold'; font-size: 12px; text-transform: uppercase; line-height: 1.5; text-align: center; color: #5d5d5d; padding-bottom: 24px; } .thankyou-popup .social-links a { width: 40px; height: 40px; background-color: #ffffff; border-radius: 50%; padding: 10px; text-align: center; display: inline-block; color: #383838; line-height: 16px; font-size: 18px; margin: 0 8px; border: 1px solid #efeff0; transition: 0.5s; } .thankyou-popup .social-links a:hover { background-color: #33988d; color: #ffffff; border: 1px solid #33988d; } .thankyou-popup .modal-body { padding: 0 40px 40px 40px; } /*--------------------- Detail Page CSS -----------------------*/ /* dark section css */ .dark-sec { background-color: #0b1025; height: 283px; } .detail-wrap { margin-top: -253px; } .detail-wrap .dark-menu { padding-bottom: 30px; } .detail-wrap .dark-menu ul.breadcrumb { padding: 0; margin: 0; list-style: none; background-color: transparent; } /* Display list items side by side */ .detail-wrap .dark-menu ul.breadcrumb li { display: inline; font-size: 14px; padding-right: 4px; } /* Add a slash symbol (/) before/behind each list item */ .detail-wrap .dark-menu ul.breadcrumb li+li:before { padding: 0 1px; color: #a6a6a6; content: "/\00a0"; } /* Add a color to all links inside the list */ .detail-wrap .dark-menu ul.breadcrumb li a { color: #a6a6a6; text-decoration: none; font-family: 'Montserrat-Medium'; } /* Add a color on mouse-over */ .detail-wrap .dark-menu ul.breadcrumb li:hover a, .detail-wrap ul.breadcrumb li.active a { color: #ffffff; } .detail-wrap .tag-left { padding-bottom: 30px; } .detail-wrap .tag-left h1 { font-family: "Montserrat-Bold"; font-size: 38px; line-height: 1.16; color: #f7f8f7; } .detail-wrap .tag-left p { font-family: "Montserrat-Medium"; font-size: 12px; line-height: 1.67; color: #9c9c9c; } .detail-wrap .tag-rgt { text-align: right; padding-bottom: 28px; } .detail-wrap .tag-rgt .btn.btn-white { background-color: transparent; color: #d3d3d3; border: 1px solid #8f8f8f; transition: 0.5s; border-radius: 5px; font-family: 'Montserrat-medium'; font-size: 14px; padding: 6px 14px; text-transform: none; } .detail-wrap .tag-rgt .btn.btn-white .fa { font-size: 15px; padding-right: 5px; } .detail-slider.carousel { position: relative; box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.15); background-color: transparent; border-radius: 14px; } .detail-slider .carousel-item img { border-radius: 14px; } .detail-slider .carousel-indicators li { width: 48px; height: 48px; margin-left: 8px; margin-right: 8px; border-radius: 5px; background-color: transparent; opacity: 1; padding-bottom: 15px; } .detail-slider .carousel-indicators li img { border-radius: 5px; } .detail-slider .carousel-control-prev-icon { background-image: url('../img/details/left-arw.png'); } .detail-slider .carousel-control-next-icon { background-image: url('../img/details/right-arw.png'); } .detail-slider .carousel-control-prev { left: 22rem; z-index: 99;} .detail-slider .carousel-control-next { right: 22rem;z-index: 99; } .detail-slider .carousel-control-next, .carousel-control-prev { bottom: 38px; display: flex; align-items: flex-end; opacity: 1; } .detail-slider .carousel-item { position: relative; } .detail-slider .carousel-item:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) -17%, rgba(0, 0, 0, 0.6)); opacity: .6; border-radius: 14px; } .detail-slider .carousel-inner { border-radius: 14px; } .detail-slider .overlay { position: absolute; width: 100%; height: 100%; z-index: 2; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) -17%, rgba(0, 0, 0, 0.3)); border-radius: 14px; top: 0; left: 0; right: 0; bottom: 0; margin: auto; } /* rating info css */ .detail-wrap .rate-info { padding-top: 40px; padding-bottom: 60px;} .detail-wrap .info { margin-right: 4rem; display: inline-block; } .detail-wrap .info.rating { background-color: #33988d; border-radius: 10px; padding: 8px 16px; color: #ffffff;} .detail-wrap .info.rating h5 { color: #ffffff; line-height: 0.9; font-size: 20px; font-family: "Montserrat-SemiBold"; vertical-align: middle; padding-bottom: 5px; } .detail-wrap .info.rating h5 .fa { font-size: 14px; padding-right: 10px; vertical-align: middle; } .detail-wrap .info.rating p { font-size: 12px; font-family: "Montserrat-Regular"; color: rgba(255, 255, 255, 0.8); padding-bottom: 0; } .detail-wrap .info p { font-size: 14px; color: #848484; font-family: "Montserrat-Medium"; line-height: 1.43; padding-bottom: 5px; } .detail-wrap .info h5 { font-family: "Montserrat-SemiBold"; font-size: 16px; line-height: 1.5; color: #2d2d2d; } .detail-wrap button.btn.dropdown-toggle { padding: 0; font-family: "Montserrat-SemiBold"; font-size: 16px; line-height: 1.5; color: #2d2d2d; } .detail-wrap .dropdown-toggle::after { color: #333c5a; } .detail-wrap .dropdown:hover>.dropdown-menu { display: block; } /* detail tabs css */ .detail-tabs { border-radius: 0; box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.07); border: solid 1px #e0e0e0; background-color: #ffffff; margin-bottom: 60px; } .detail-tabs nav { background-color: #f7f8f7; border-radius: 0; } .detail-tabs .nav-tabs { border-bottom: 0; } .detail-tabs .nav-tabs .nav-link { border-radius: 0; font-family: "Montserrat-Bold"; font-size: 14px; line-height: 1.11; color: rgba(97, 97, 97, 0.8); text-transform: uppercase; padding: 18px 0 25px; border-left: 0; border-right: 0; border-bottom: 0; border-top: 6px solid transparent; } .detail-tabs .nav-tabs .nav-link:focus, .detail-tabs .nav-tabs .nav-link:hover, .detail-tabs .nav-tabs .nav-link.active { border-top: 6px solid #ee7b00; color: #ee7b00; background-color: #ffffff; } /* overview tab css */ .bord-btm { border-right: 1px solid #ebebeb; } .bord-tp { border-top: 1px solid #ebebeb; } .overview h3 { font-family: "Montserrat-bold"; font-size: 18px; line-height: 1.56; color: #434343; text-transform: uppercase; } .overview .about-tab p { font-family: "Montserrat-Regular"; font-size: 14px; color: #686868; margin-bottom: 24px; } .overview .about-tab p a { font-family: "Montserrat-Bold"; font-size: 14px; color: #33988d; } .overview .about-tab { padding: 40px 25px 25px; } .overview .about-tab .certificate h6 { font-family: "Montserrat-SemiBold"; font-size: 14px; line-height: 1.86; color: #424242; padding-bottom: 10px; } .overview .about-tab .certificate h6 span.certi-icon { padding-right: 7px; } .overview .dtl-left { padding: 40px 0 40px 25px; } .overview .dtl-left .address { font-size: 14px; line-height: 1.86; color: #3a3a3a; font-family: "Montserrat-SemiBold"; display: flex; align-items: flex-start; } .overview .dtl-left span.location { font-size: 20px; padding-right: 15px; } .overview .dtl-left .map { position: relative; border-radius: 6px 6px 0 0; margin-bottom: 24px; border: solid 1px #ebebeb; } .overview .dtl-left .map iframe { border-radius: 6px 6px 0 0; } .overview .dtl-left .map-tag { position: absolute; width: 100%; left: 0; right: 0; bottom: 0; background-color: red; padding: 10px 0; font-size: 12px; font-family: "Montserrat-SemiBold"; text-align: center; color: #33988d; border-radius: 0 0 6px 6px; background-color: #ffffff; text-transform: uppercase; box-shadow: 0 -10px 16px 3px rgba(0, 0, 0, 0.04); } .overview .dtl-right .contact { padding-bottom: 17px; } .overview .dtl-right .note { font-family: "Montserrat-SemiBold"; font-size: 12px; line-height: 1.43; color: rgba(58, 58, 58, 0.8); padding-bottom: 25px; } .overview .dtl-right .note span .fa { font-size: 16px; color: #333c5a; padding-right: 12px; } .overview .dtl-right .contact .btn.btn-filled { font-family: 'Montserrat-SemiBold'; font-size: 12px; padding: 8px 18px; line-height: 1.67; } .overview .dtl-right .contact .btn.btn-filled .fa { padding-right: 8px; font-size: 15px; } .overview .dtl-right .cards h6 { opacity: 0.5; font-family: "Montserrat-SemiBold"; font-size: 10px; line-height: 2; text-transform: uppercase; color: #3a3a3a; padding-bottom: 10px; } .overview .dtl-right .cards ul { display: flex; list-style: none; } .overview .dtl-right .cards ul li { padding-right: 16px; } .overview .dtl-right { padding: 40px 0 40px 20px; } .overview .social-links { margin-bottom: 25px; } .overview .social-links a { width: 40px; height: 40px; background-color: #ffffff; border-radius: 50%; padding: 10px; text-align: center; display: inline-block; color: #383838; line-height: 16px; font-size: 18px; margin: 0 8px; border: 1px solid #efeff0; transition: 0.5s; } .overview .social-links a:first-child { margin-left: 0; } .overview .social-links a:hover { background-color: #33988d; color: #ffffff; border: 1px solid #33988d; } .overview .feature { padding: 40px 25px; } .overview .feature .more { text-align: right; } .overview .feature .more a { font-family: "Montserrat-SemiBold"; font-size: 12px; line-height: 1.71; text-transform: uppercase; color: #33988d; } .overview .feature .more span.next { padding-left: 15px; } .overview .feature .list { display: flex; justify-content: space-between; flex-direction: row; } .overview .feature .list ul li { list-style: none; font-family: "Montserrat-SemiBold"; font-size: 14px; line-height: 1.89; color: #383838; padding-bottom: 20px; } .overview .feature .list ul li span.icon { font-size: 24px; padding-right: 13px; vertical-align: middle; } .overview .feature .tag-link { display: flex; justify-content: space-between; align-items: center; padding-bottom: 25px; } /* menu tab css */ .pd-0 { padding-right: 0; padding-left: 0; } .menu-tab ul#menuTab { padding: 25px 0; text-align: right; display: flex; flex-direction: column;} .menu-tab .nav-pills .nav-link.active, .menu-tab .nav-pills .show>.nav-link { color: #33988d; background-color: transparent; font-family: "Montserrat-bold"; border-right: 4px solid #33988d; } .menu-tab .nav-item a.nav-link { font-family: "Montserrat-SemiBold"; font-size: 18px; line-height: 1.11; border-right: 4px solid transparent; border-radius: 0; color: rgba(56, 56, 56, 0.8); transition: all 0.5s; padding: 6px 23px; } .menu-tab p.sub-menu { font-family: "Montserrat-SemiBold"; font-size: 14px; padding: 6px 28px; line-height: 1.43; color: #434343; } .menu-tab li.nav-item { padding-bottom: 35px; } .menu-tab .tab-content { padding: 20px 10px 0; } .menu-tab .tab-content h2 { font-family: "Montserrat-bold"; font-size: 22px; line-height: 1.27; padding: 7px 0; color: #33988d; } .menu-tab .title { text-transform: uppercase; padding: 3px 0; } .menu-tab .title h5 { background-image: linear-gradient(to right, #ffaa00 6%, #ee7b00 85%); font-family: "Montserrat-bold"; font-size: 14px; line-height: 1.43; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; padding-bottom: 6px; } .menu-tab .title p { font-family: "Montserrat-SemiBold"; font-size: 12px; line-height: 1.5; color: rgba(0, 0, 0, 0.3); } .menu-tab .sub-list ul li { font-family: "Montserrat-bold"; font-size: 18px; list-style: none; line-height: 1.11; color: #434343; padding: 20px 0; border-bottom: 1px solid #e7e7e7; clear: both; } .menu-tab .sub-list ul span.price { float: right; } .menu-tab .sub-list ul li.food-detail { display: flex; flex-direction: row; } .menu-tab .sub-list ul li:last-child { border-bottom: 0; } .menu-tab .sub-list .food-img { width: 20%; padding-right: 10px; } .menu-tab .sub-list .price { text-align: right; } .menu-tab .sub-list .food-img img { border-radius: 8px; max-width: 100%; } .menu-tab .sub-list .food-info h5 { font-family: "Montserrat-bold"; font-size: 18px; line-height: 1.11; color: #434343; padding-bottom: 8px; } .menu-tab .sub-list .food-info p { font-family: "Montserrat-Regular"; font-size: 14px; line-height: 1.57; color: #686868; } .menu-tab .sub-menu-info.pd-bt { padding-bottom: 30px; } /* event tab css */ .event-tab { padding: 25px 10px; } .event-tab .sub-event { background-color: #ffffff; border-radius: 5px; box-shadow: 0 0 40px 3px #f6f6f6; margin-bottom: 25px; } .event-tab .event-img img { border-radius: 5px; } .event-tab .event-info { padding: 20px 20px 20px 0px; } .event-tab .event-info h5 { font-family: "Montserrat-bold"; font-size: 20px; line-height: 1.4; padding-bottom: 10px; color: #2d2d2d; } .event-info p { font-family: "Montserrat-Regular"; font-size: 14px; line-height: 22px; padding-bottom: 10px; color: #8a8a8a; } .event-tab .event-info p a { font-family: "Montserrat-bold"; color: #79b5ac; } .event-tab .date-time { font-family: "Montserrat-SemiBold"; font-size: 14px; line-height: 1.71; color: #3a3a3a; display: flex; flex-direction: row; } .event-tab .date { padding-right: 25px; } .event-tab .date-time .fa { font-size: 16px; padding-right: 12px; } /* photos tab css */ .photos-tab .photos { padding: 30px 15px 0; } .photos-tab .img-box { margin-bottom: 30px; display: none; position: relative; } .photos-tab .more-img { text-align: center; text-transform: uppercase; color: rgba(0, 0, 0, 0.2); font-family: "Montserrat-Bold"; font-size: 14px; } .photos-tab .more-img a { font-family: "Montserrat-Bold"; font-size: 14px; line-height: 1.43; padding-right: 10px; color: #33988d; } .photos-tab .more-img a .fa { padding-left: 10px; font-size: 18px; vertical-align: text-bottom; color: #333c5a; } .photos-tab .load-more { padding: 10px 10px 40px 10px; } .photos-tab .img-box .overlay { position: absolute; top: 0; bottom: 0px; left: 0; right: 0; opacity: 0; transition: .3s ease; display: flex; align-items: center; justify-content: center; background-color: rgba(51, 152, 141, 0.54); cursor: pointer; } .photos-tab .img-box:hover .overlay { opacity: 1; } /* review tab css */ .review-tab { padding: 40px; } .review-tab .rw-box { background-color: #f7f8f7; border-radius: 5px; padding: 50px; } .review-tab .rev-text h5 { font-family: "Montserrat-SemiBold"; font-size: 24px; line-height: 1; padding-bottom: 30px; color: #2d2d2d; } .review-tab .star { border-radius: 8px; box-shadow: 0 10px 32px 0 rgba(0, 0, 0, 0.1); border: solid 1px #eaeaea; background-color: #ffffff; padding: 12px 16px; margin-bottom: 24px; float: left; } .review-tab .star .point { font-family: "Montserrat-Bold"; font-size: 24px; line-height: 0.75; color: #383838; } .review-tab .star span.fa.fa-star.checked { color: #ffaa00; font-size: 24px; padding: 0 2px; } .review-tab .star span.fa.fa-star-o { color: #b8b8b8; font-size: 24px; padding: 0 2px; } .review-tab .star p { font-family: "Montserrat-Medium"; font-size: 14px; color: rgba(56, 56, 56, 0.8); line-height: 1.14; padding-top: 10px; } .review-tab p.rate-text { font-family: "Montserrat-Regular"; font-size: 14px; line-height: 1.57; margin-bottom: 24px; color: #8a8a8a; } .review-tab .all-rev a { font-size:16px; font-family: "Montserrat-bold"; text-transform: uppercase; line-height: 1.75; margin-bottom: 16px; color: #33988d; } .review-tab .pn-bar { position: relative; width: 65%; float: left; padding: 14px 10px; } .review-tab .pb-icon { float: left; width: 40px; margin-right: 12px; } .review-tab .pb-star { float: left; font-family: "Montserrat-bold"; font-size: 14px; line-height: 1.29; color: rgba(56, 56, 56, 0.8); padding: 10px 0; } .review-tab .pb-label { position: absolute; font-size: 11px; font-family: "Montserrat-bold"; text-transform: uppercase; color: rgba(56, 56, 56, 0.8); top: -10px; right: 10px; } .review-tab .pb-percent { float: left; opacity: 0.5; font-family: "Montserrat-SemiBold"; font-size: 11px; line-height: 1.64; color: #2d2d2d; padding: 10px 0; } .review-tab .progress { height: 10px; border-radius: 5px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); background-color: #ffffff; } .review-tab .progress-bar { height: 10px; border-radius: 5px 0 0 5px; background-color: #007468; } .review-tab .progress-bar.normal { background-color: #f69d0f; } .review-tab .progress-bar.terrible { background-color: #f45f60; } .review-tab .rev-icon { margin-bottom: 20px; } .review-tab .rev-icon:last-child { margin-bottom: 0; } /* write review css */ .write-review { border-radius: 8px; background-color: #f7f8f7; padding: 60px; margin-bottom: 60px; } .write-review h5 { font-family: "Montserrat-Bold"; font-size: 18px; text-transform: uppercase; line-height: 1.56; padding-bottom: 25px; color: #434343; } .write-review .review .form-control { display: block; height: calc(1.5em + .75rem + 2px); padding: 27px 20px; font-size: 12px; color: #848484; border: none; border-radius: 4px; opacity: 1; font-family: 'Montserrat-Regular'; background-color: #ffffff; box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.05); } .write-review .review .form-control:focus { border: 0; outline: 0; box-shadow: none; } .write-review .input-group-append { margin-left: 0; } .write-review ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #848484; } .write-review::-moz-placeholder { /* Firefox 19+ */ color: #848484; } .write-review :-ms-input-placeholder { /* IE 10+ */ color: #848484; } .write-review :-moz-placeholder { /* Firefox 18- */ color: #848484; } .write-review .review .btn-filled { border-radius: 0 4px 4px 0;} .write-review .review .btn-filled.disabled { background-color: #d4d4d4; border:1px solid #d4d4d4;} .write-review .review-point { display: flex; flex-direction: column; width: 100%; } .write-review .review-dtl { display: flex; } .write-review .usr-img { margin-right: 30px; } .write-review .usr-img img { border-radius: 50px; width: 84px; } .write-review .rw-rate { display: flex; justify-content: space-between; align-items: center; padding-bottom: 22px; } .write-review .rw-star { display: flex; align-items: center; } .write-review .usr-act { display: flex; align-items: center; padding-right: 20px; } .write-review .usr-star { padding-right: 5px; } .write-review .usr-star span { font-size: 24px; padding-right: 16px; color: #ffaa00; } .write-review .usr-star span.fa.fa-star-o { color: #b8b8b8; } .write-review .rw-icon { padding-right: 16px; } .write-review .rw-icon img { width: 40px; } .write-review .rw-act { font-family: "Montserrat-Bold"; font-size: 16px; line-height: 1.75; color: #434343; } .write-review .btn.btn-clear { text-transform: uppercase; font-family: "Montserrat-Bold"; font-size: 16px; line-height: 1.75; color: #4ea298; } .write-review .add-img .fa { padding-right: 10px; } .write-review .rw-text { padding-bottom: 22px; } .write-review .rw-text textarea.msg { padding: 15px 15px; height: auto; border: 0; border-radius: 5px; box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.05); background-color: #ffffff; font-family: "Montserrat-Medium"; font-size: 12px; line-height: 1.67; color: #858585; } .write-review .rw-text textarea.msg:focus { outline: 0; box-shadow: none; } .write-review .rw-btns { text-align: right; } .write-review .hide-rw { display: none; } .write-review .rw-btns.rounded-btn .btn-filled {border-radius: 50px !important;} .write-review #formButton { display: block; } .write-review .file-upload input[type='file'] { display: none; } /* comment css */ .comments-tab { border-radius: 8px; background-color: #f7f8f7; padding: 40px; margin-bottom: 60px; } .comments-tab .nav-tabs .nav-link { background-image: linear-gradient(to right, #434343 6%, #434343 85%); font-family: "Montserrat-Bold"; font-size: 14px; border: 0; line-height: 1.43; text-transform: uppercase; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; border-bottom: 4px solid transparent; flex: none; padding: 15px 0; margin: 0 30px; } .comments-tab .nav-tabs .nav-link:first-child { margin-left: 0; } .comments-tab .nav-tabs .nav-link:last-child { margin-right: 0; } .comments-tab .nav-tabs .nav-item.show .nav-link, .comments-tab .nav-tabs .nav-link.active { border: 0; background-image: linear-gradient(to right, #ffaa00 6%, #ee7b00 85%); border-bottom: 4px solid #ee7b00; } .comments-tab .nav-tabs { border-bottom: 0; } .comments-tab .tab-content { border-radius: 4px; box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.05); background-color: #ffffff; padding: 40px; } .comments-tab .comment-box { display: flex; flex-direction: row; align-items: baseline; padding-bottom: 40px; border-bottom: 1px solid #eeeeee; margin-bottom: 40px; } .comments-tab .profile-pic { max-width: 75px; width: 100%; margin-right: 25px; } .comments-tab .profile-pic img { border-radius: 50%; } .comments-tab .usr-nm h5 { font-family: "Montserrat-Bold"; font-size: 22px; line-height: 1.27; padding-bottom: 3px; color: #404040; } .comments-tab .usr-nm p { font-family: "Montserrat-Medium"; font-size: 12px; line-height: 1.5; color: #747474; } .comments-tab .usr-nm p span.bord-rt { padding-right: 12px; margin-right: 8px; } .comments-tab .name { display: flex; justify-content: space-between; margin-bottom: 16px; } .comments-tab .usr-star span.fa.fa-star.checked { color: #ffaa00; font-size: 16px; padding: 0 1px; } .comments-tab .usr-star span.fa.fa-star-o { font-size: 16px; padding: 0 1px; color: #b8b8b8; } .comments-tab .profile-info p { font-family: "Montserrat-Regular"; font-size: 14px; line-height: 22px; color: #686868; margin-bottom: 16px; } .comments-tab .profile-info p a { font-family: "Montserrat-bold"; font-size: 14px; line-height: 22px; color: #33988d; } .comments-tab .fd-img { margin-bottom: 32px; } .comments-tab .fd-img span { margin-right: 12px; } .comments-tab .fd-img span img { border-radius: 4px; border: solid 1px #f0f0f0; } .comments-tab .like { display: flex; justify-content: space-between; } .comments-tab .useful .btn { border-radius: 4px; box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.05); border: solid 1px #f0f0f0; background-color: #ffffff; margin-right: 16px; color: #747474; font-size: 12px; font-family: "Montserrat-Medium"; line-height: 1.33; padding: 8px 15px; } .comments-tab .useful .btn .fa { padding-right: 5px; } .comments-tab .social ul li { display: inline-block; list-style: none; padding-right: 12px; } .comments-tab .social ul li.tag { font-family: "Montserrat-Medium"; font-size: 12px; line-height: 1.33; text-transform: uppercase; color: #747474; } .comments-tab .social a { width: 35px; height: 35px; box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.05); border: solid 1px #f0f0f0; background-color: #ffffff; padding: 8px 0 0 0px; border-radius: 100px; display: inline-block; vertical-align: middle; line-height: 1; text-align: center; font-size: 17px; color: #747474; } .comments-tab .more-img { text-align: center; text-transform: uppercase; color: rgba(0, 0, 0, 0.2); font-family: "Montserrat-Bold"; font-size: 14px; } .comments-tab .more-img a { font-family: "Montserrat-Bold"; font-size: 14px; line-height: 1.43; padding-right: 10px; color: #33988d; } .comments-tab .more-img a .fa { padding-left: 10px; font-size: 18px; vertical-align: text-bottom; color: #333c5a; } .comments-tab .load-more { padding: 10px 10px 40px 10px; } /*--------------------- venue detail Page CSS -----------------------*/ .venue-top { background-color: #0b1025; } .venue-detail { margin-top: 0; } .venue-detail .rate-info { padding: 40px 0; } .venue-detail .dark-menu { padding-bottom: 30px; margin-top: 25px; } .venue-detail .event-types { display: flex; flex-direction: row; } .venue-detail .event { margin-right: 30px; } .venue-detail .event a { font-family: "Montserrat-SemiBold"; font-size: 14px; line-height: 1.86; color: #424242; transition: 0.3s; } .venue-detail .event a:hover { color: #33988d; } .venue-detail .event span .fa { font-size: 15px; padding-right: 10px; } .venue-detail .certificate { margin-bottom: 15px; } .detail-wrap .tag-rgt .btn.btn-filled { background-color: #33988d; color: #ffffff; border: 1px solid #33988d; transition: 0.5s; border-radius: 5px; font-family: 'Montserrat-medium'; font-size: 12px; padding: 6px 14px; text-transform: uppercase; } .detail-wrap .tag-rgt .btn.btn-filled .fa { font-size: 15px; padding-right: 5px; } .venue-img { padding: 0 15px 30px 15px; } .venue-img .pr-3 { padding-right: 4px !important; } .venue-img .pl-3 { padding-left: 4px !important; } .venue-img .vn-img.mr-btm { margin-bottom: 4px; } .venue-img .vn-img.mr-tp { margin-top: 4px; } .venue-img .venue-wrap { display: flex; flex-direction: row; justify-content: center; align-items: center; position: relative; } .venue-img .view-photo-btn { position: absolute; right: 25px; bottom: 25px; } .venue-img .view-photo-btn .btn{ padding: 10px 20px;} .venue-img .rgt-box { display: flex; flex-direction: column; } .venue-img .vn-img { position: relative; overflow: hidden; } .venue-img .vn-img img { max-width: 100%; transition: all 0.6s; display: block; width: 100%; height: auto; transform: scale(1); } .venue-img .vn-img:hover img { transform: scale(1.05); } /*--------------------- nav venue dropdown CSS -----------------------*/ .nav-venue a.dropdown-toggle { transition: all 0.3s; font-family: 'Montserrat-Bold'; font-size: 14px; text-transform: uppercase; color: #383838; border-radius: 20px; box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.05); background-color: #ffffff; border: solid 1px #efefef; padding: 11px 16px 11px 36px; } .nav-venue a span { padding-right: 5px; } .nav-venue .dropdown-menu { border: 0; border-radius: 20px; box-shadow: 0 4px 32px 0 rgba(0, 0, 0, 0.08); background-color: #ffffff; margin-top: 10px; } .nav-venue .dropdown-menu .dropdown-item { padding: 7px 16px 7px 38px; font-family: 'Montserrat-Bold'; font-size: 14px; text-transform: uppercase; color: #383838; } .nav-venue .dropdown-menu .dropdown-item:focus, .nav-venue .dropdown-menu .dropdown-item:hover { background-color: #ffffff; } .nav-venue .dropdown-item.active, .nav-venue .dropdown-item:active { text-decoration: none; background-color: transparent; } .nav-venue a.dine-drink { background-image: url('../img/listing/Drink-Dine-Stroke.svg'); background-size: 15px; background-position: left 16px center; background-repeat: no-repeat; } .nav-venue a.fun-venue { background-image: url('../img/listing/Function-Venue-stroke.svg'); background-size: 15px; background-position: left 16px center; background-repeat: no-repeat; } .nav-venue a.dine-drink:hover, .nav-venue a.dine-drink.active { background-image: url('../img/listing/Drink-Dine-Fill.svg'); color: #ee7b00; } .nav-venue a.fun-venue:hover, .nav-venue a.fun-venue.active { background-image: url('../img/listing/Function-Venue-Fill-icon.svg'); color: #ee7b00; } /*--------------------- listing Page CSS -----------------------*/ /*main.wrapper.listing { margin-top: 0px; }*/ .listing .map-overlay { position: absolute; top: 0; background-color: rgba(11, 16, 37, 0.8); width: 100%; display: flex; flex-direction: row; justify-content: space-between; padding: 10px 10px; align-items: center; } .listing .map-overlay p { font-family: "Montserrat-Medium"; font-size: 15px; line-height: 18px; color: #f9f9f9; } .listing .search-bar .form-control { background-size: 13px; border-radius: 100px; background-color: #f7f8f7; padding: 20px 20px 20px 40px; border: 1px solid #ffffff; width: 100%; margin: 0 auto; background-image: url(../img/search.svg); background-repeat: no-repeat; background-position: left 15px center; font-family: 'Montserrat-Regular'; font-size: 12px; line-height: 1.75; color: #6e6e6e; } .listing .fa.fa-filter { padding-right: 8px; } .listing .loc-bx { box-shadow: 0 0 40px 3px #f6f6f6; border: solid 1px #efeff0; background-color: #ffffff; border-radius: 15px; margin-bottom: 30px; } .listing .loc-bx .img-wrap { position: relative; } .listing .star-lbl { position: absolute; top: 0; right: 0; } .listing .loc-bx .img-wrap img { width: 100%; border-radius: 14px 14px 0 0; } .listing .star-lbl { position: absolute; top: 20px; right: 20px; border-radius: 50px; background-color: #33988d; color: #ffffff; font-size: 14px; padding: 6px 14px; font-family: "Montserrat-Medium"; } .listing .star-lbl i.fa.fa-star { font-size: 14px; padding-right: 7px; } .listing .info { padding: 40px 25px 25px 25px; position: relative; } .listing .info h4 { font-size: 16px; line-height: 1.5; font-family: "Montserrat-Bold"; color: #404040; padding-bottom: 8px; } .listing .place-info { display: flex; flex-direction: row; font-family: "Montserrat-Regular"; font-size: 12px; line-height: 1.33; color: #333333; } .listing .place-info .fa { font-size: 18px; padding-right: 8px; } .listing .loc { padding-right: 18px; } .listing .info h5 { position: absolute; font-family: "Montserrat-SemiBold"; font-size: 13px; line-height: 1.54; color: #ffaa00; border-radius: 50px; border: solid 1px #dcdcdc; background-color: #ffffff; padding: 8px 20px; top: -19px; } .listing .item-card { position: relative; display: flex; flex-direction: row; justify-content: space-between; margin-bottom: 20px; align-items: center; } .listing .item-card .tag { font-family: "Montserrat-Regular"; font-size: 12px; line-height: 1.33; color: #474747; } .listing .item-card .dropdown-toggle { font-family: "Montserrat-Regular"; font-size: 14px; line-height: 1.14; color: #474747; } .listing .item-card .dropdown-toggle:hover { color: #474747; } .listing .filter .search-bar { width: 20rem; } .listing .filter .filter-bx { padding: 30px; } .listing .filter .filter-bx h5 { font-family: "Montserrat-SemiBold"; font-size: 14px; line-height: 1.43; color: #ffaa00; padding-bottom: 16px; } .listing .filter .custom-control-label::after { position: absolute; width: 16px; height: 16px; border-radius: 3px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.06); border: solid 1px #e0e0e0; background-color: #ffffff; content: ""; padding-right: 10px; } .listing .filter .custom-control-input:checked~.custom-control-label::before { display: none; } .listing .filter .custom-control-label { font-family: "Montserrat-SemiBold"; font-size: 14px; line-height: 22px; padding-top: 1px; color: #383838; vertical-align: middle; } .listing .filter .custom-control-label span.light { font-family: "Montserrat-Regular"; font-size: 12px; line-height: 22px; color: #747474; } .listing .filter .more { padding-top: 20px; } .listing .filter .more a { font-family: "Montserrat-Bold"; font-size: 12px; line-height: 2.33; text-transform: uppercase; color: #33988d; } .listing .filter .more a span.next { padding-left: 10px; } .bord-btm { border-bottom: 1px solid #ebebeb; } .listing .reset-btn { text-align: right; padding: 20px 5px 100px 0; } .listing .filter .dropdown-toggle::after { display: none; } .listing .filter .filter-collapse { margin-top: 12px;position: absolute; width: 100%; left: 0; z-index: 99999; top: 60px; background-color: #fafafa; border: 1px solid #ebebeb; } .listing .filter .custom-checkbox .custom-control-input:checked~.custom-control-label::after { background-image: url(data:image/svg+xml,%3csvg xmlns=!string!viewBox=!string!/%3e%3c/svg%3e); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.06); background-color: #0b1025; border: 1px solid #0b1025; border-radius: 3px; } .listing .filter .filter-btn span.filter-icon { padding-right: 5px; } .listing .filter .filter-btn a { display: flex; flex-direction: row; } .listing .middle-content {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; } .listing .middle-content .map-details { width: 100%; } .listing .middle-content .map-details .filter { align-items: center; justify-content: space-between; position: relative;padding: 18px 15px 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; width: 100%; background-color: #f7f8f7; } .listing .middle-content .map-details .filter .filter-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .listing .middle-content .map-details .filter .filter-btn .listing-toggle{display: block;} .listing .middle-content .map-details .listing-card { display: block; } .listing .middle-content .map-sec { position: relative; display: block; } .listing-wrap .ds-vw { display: block; } .listing-wrap .mb-vw { display: none; } .listing .reset-tab { padding: 10px; } .listing .reset-tab a { font-family: 'Montserrat-SemiBold'; font-size: 12px; text-transform: uppercase; color: #33988d; } .listing .selected-filter { padding: 5px 15px 20px; } .listing .selected-filter ul { text-align: right; } .listing .selected-filter ul li { list-style: none; display: inline-block; } .listing .selected-filter ul li a { font-size: 12px; font-family: 'Montserrat-Medium'; line-height: 1.5; text-align: right; color: #404040; display: block; padding: 5px 24px 5px 8px; border-radius: 5px; border: solid 1px #dadada; background-color: #f4f4f4; margin-left: 8px; background-image: url(../img/listing/close-tag.svg); background-repeat: no-repeat; background-position: right 6px center; background-size: 12px; } .listing .load-more { padding: 10px 10px 40px 10px; text-align: center; } .listing .load-more a { font-family: "Montserrat-Bold"; font-size: 14px; line-height: 1.43; color: #33988d; text-transform: uppercase; } .listing .load-more a .fa-angle-down { padding-left: 8px; font-size: 18px; color: #000; } .list-item { display: none; } .sortby-tag .item-bx label { font-family: "Montserrat-SemiBold"; font-size: 14px; line-height: 22px; padding-top: 1px; color: #383838; vertical-align: middle; margin-bottom: 0; } .sortby-tag input[type="radio"] + label:before { content: ''; margin-right: 7px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.06);} .sortby-tag .item-bx span.light { font-family: "Montserrat-Regular"; font-size: 12px; line-height: 22px; color: #747474; } .sortby-tag .custom-control { padding-left: 0; } .sortby-tag input[type="radio"]:checked + label:before { background-color: #0b1025; box-shadow: inset 0 0 0 4px #ffffff; border-color: #0b1025; } .listing .newest-dropdown .dropdown-menu { border-radius: 1px; box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.05); border: solid 1px #e6e6e6; background-color: #ffffff; padding: 10px 0; margin-top: 10px; transform: translate3d(0px, 21px, 0px) !important; right: 0 !important; left: inherit !important; } .listing .newest-dropdown .dropdown-item { font-family: 'Montserrat-SemiBold'; font-size: 14px; line-height: 2.57; color: #555555; } .listing .newest-dropdown .dropdown-item.active, .listing .newest-dropdown .dropdown-item:active, .listing .newest-dropdown .dropdown-item:hover { background-color: transparent; color: #4ea298 !important; } .listing .newest-dropdown.show .dropdown-toggle::after { content: "\f106"; transition: all 0.5s ease-in; } /*--------------------- footer CSS -----------------------*/ footer { padding: 60px 0; background-color: #f5f5f5; } footer .logo-light img { padding-bottom: 25px; } footer .logo-light img { width: 170px; } footer .copywrite a { font-family: 'Montserrat-Regular'; font-size: 12px; color: rgba(139, 139, 139, 0.9); } footer h5.title { font-family: 'Montserrat-SemiBold'; font-size: 20px; line-height: 1.2; padding-bottom: 23px; color: #383838; } footer .link-list { display: flex; } footer .link-list ul { flex-direction: row; width: 50%; } footer .link-list ul li { list-style: none; } footer .link-list ul li a, footer .menu-quick-links-container ul li a { font-family: 'Montserrat-Medium'; font-size: 12px; line-height: 2.67; transition: 0.3s; color: #686868; } footer .link-list ul li a:hover, footer .menu-quick-links-container ul li a:hover { color: #33988d; } footer .email-bx { box-shadow: 0 0 40px 3px #f6f6f6; } footer .email-bx .form-control { border-radius: 24px; background-color: #ffffff; font-family: 'Montserrat-Regular'; font-size: 12px; color: #686868; border: 0; padding: 24px 20px; } footer ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: rgba(104, 104, 104, 0.56); } footer ::-moz-placeholder { /* Firefox 19+ */ color: rgba(104, 104, 104, 0.56); } footer :-ms-input-placeholder { /* IE 10+ */ color: rgba(104, 104, 104, 0.56); } footer :-moz-placeholder { /* Firefox 18- */ color: rgba(104, 104, 104, 0.56); } footer .email-bx { padding-bottom: 52px; } footer .input-group>.custom-file .custom-file-input:focus~.custom-file-label, footer .input-group>.custom-select:focus, .input-group>.form-control:focus { box-shadow: none; outline: 0; } .input-group:focus { box-shadow: none; } footer .input-group-append { margin-left: 0; } footer .btn.focus, .btn:focus { outline: 0; box-shadow: none; } footer .social-links a { width: 40px; height: 40px; background-color: #ffffff; border-radius: 50%; padding: 10px; text-align: center; display: inline-block; color: #383838; line-height: 16px; font-size: 18px; margin: 0 8px; border: 1px solid #efeff0; transition: 0.5s; } footer .social-links a:hover { background-color: #33988d; color: #ffffff; border: 1px solid #33988d; } /*--------------------- Nav dropdown menu CSS -----------------------*/ .menu-large.nav-item.show .dropdown-toggle::after { content:"\f106"; transition: all 0.5s ease-in; } .location-menu .search-bar .form-control { background-size: 13px; border-radius: 4px 4px 0 0; background-color: #f7f8f7; padding: 20px 20px 20px 40px; border: 0; width: 100%; margin: 0 auto; background-image: url(../img/search.svg); background-repeat: no-repeat; background-position: left 15px center; font-family: 'Montserrat-Regular'; font-size: 12px; line-height: 1.75; color: #797979; } .location-menu .cities-dropdown h5 { font-family: "Montserrat-bold"; font-size: 12px; text-transform: uppercase; line-height: 1.5; padding-bottom: 8px; color: #575757; } .location-menu .popular-cities { padding: 27px 20px 10px; border-bottom: 1px solid #ebebeb; } .location-menu .other-cities h5{ padding: 15px 20px;} .location-menu .cities-list { display: inline-block; } .location-menu .cities-list .btn.btn-white { box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.05); text-transform: none; font-size: 12px; padding: 7px 12px; } .location-menu .city-list { display: flex; flex-direction: row; overflow-y: hidden; margin: 0 6px 10px 20px; } .location-menu .city-list ul { list-style-type: none; padding: 0; width: 100vw; overflow-y: scroll; max-height: 10rem; } .location-menu .city-list ul li { padding-right: 15px; padding-bottom: 10px; float: left; min-width: calc(100% / 4); width: 120px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .location-menu .city-list ul li a { font-family: "Montserrat-Medium"; font-size: 14px; color: #686868; } .location-menu .city-list ul li a:hover { color: #33988d; } .location-menu .dropdown-menu { margin: 21px 0 0; } .location-menu.dropdown-menu { z-index:99; padding: 0; border-radius: 4px; box-shadow: 0 40px 56px 0 rgba(0, 0, 0, 0.35); border: solid 1px #e6e6e6; background-color: #ffffff; left: 0; right: 0; width: 40rem; margin: -15px auto 0 auto; } /*--------------------- custom scrollbar CSS -----------------------*/ /*.scrollbar { float: right; height: auto; width: auto; background: #fff; overflow-y: scroll; } .scrollbar-primary::-webkit-scrollbar { width: 4px; background-color: #ffffff; border-radius: 5px; } .scrollbar-primary::-webkit-scrollbar-thumb { border-radius: 3px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1); background-color: #c7c7c7; }*/ /* Scrollbar Styling */ ::-webkit-scrollbar { width: 3px; } ::-webkit-scrollbar-track { background-color: #ebebeb; -webkit-border-radius: 8px; border-radius: 8px; } ::-webkit-scrollbar-thumb { -webkit-border-radius: 8px; border-radius: 8px; background: #a5a5a5; } /*--------------------- unsubscribe page CSS -----------------------*/ input[type="radio"] { position: absolute; opacity: 0; } input[type="radio"] + label:before { content: ''; background-color: #ffffff; border-radius: 100%; border: 1px solid #d6d3d3; display: inline-block; width: 18px; height: 18px; position: relative; top: -1px; margin-right: 1em; cursor: pointer; text-align: center; transition: all 250ms ease; vertical-align: middle; } input[type="radio"]:checked + label:before { background-color: #33988d; box-shadow: inset 0 0 0 4px #ffffff; border-color: #33988d; } input[type="radio"]:focus + label:before { outline: none; border-color: #33988d; } input[type="radio"] + label:empty:before { margin-right: 0; } .unsubscribe { padding: 64px 10px; } .unsubscribe .outer-sec { margin: 0 auto; border-radius: 1px; box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.05); border: solid 1px #e3e3e3; background-color: #ffffff; width: 45rem; } .unsubscribe .top-sec { padding: 46px 10px; border-bottom: solid 1px #e3e3e3; background-color: #f7f8f7; } .unsubscribe .top-sec .icon { margin-bottom: 24px; } .unsubscribe .top-sec h2 { font-family: 'Montserrat-Bold'; font-size: 35px; padding-bottom: 8px; line-height: 1.26; color: #535353; } .unsubscribe .top-sec h6 { font-family: 'Montserrat-Regular'; font-size: 14px; line-height: 1.71; color: rgba(93, 93, 93, 0.8); padding: 0 4rem; } .unsubscribe .mid-sec { padding: 3rem 8rem; } .unsubscribe .mid-sec p { font-family: 'Montserrat-Regular'; font-size: 14px; line-height: 1.71; padding-bottom: 8px; color: rgba(83, 83, 83, 0.8); } .unsubscribe .mid-sec .form-group { margin-bottom: 24px; padding: 5px 30px; } .unsubscribe .mid-sec .form-control { font-size: 14px; font-family: 'Montserrat-Regular'; } .unsubscribe .mid-sec .btn.btn-filled { background-color: #ffaa00; font-size: 16px; padding: 12px 32px; border: 1px solid #ffaa00; } /* gallery-modal css */ .gallery-view.modal .modal-content { background-color: #ffffff; border: 1px solid #ffffff; border-radius: 0; box-shadow: none; height: 100%; padding: 75px 45px;overflow-y: auto;} .gallery-view .carousel-thumbnails .carousel-indicators img { max-width: 100px; height: 50px; overflow: hidden; display: block; } .gallery-view .carousel-thumbnails .carousel-indicators li { height: auto; max-width: 100px; width: 100px; border: none; box-shadow: 1px 3px 5px 0px rgba(0, 0, 0, 0.75); } .gallery-view .carousel-thumbnails .carousel-indicators li.active { border-bottom: 4px solid #fff; } .gallery-view .carousel { width: 750px; margin: 0 auto; } .gallery-view .close { color: #333c5a; text-align: right; font-size: 0; font-weight: 100; opacity: 1; } .gallery-view span.close-bg { background-color: #f7f8f7; border: 1px solid #e4e2e2; border-radius: 5px; padding: 18px; display: inline-block; } .gallery-view .carousel-inner .carousel-item img { border-radius: 5px; } .gallery-view .carousel-thumbnails .carousel-indicators li { height: auto; max-width: 80px; width: 80px; height: 80px; box-shadow: none; margin-left: 6px; margin-right: 6px; border-radius: 5px; } .gallery-view .carousel-thumbnails .carousel-indicators img { overflow: hidden; display: block; max-width: 100%; height: 100%; border-radius: 5px; border: solid 2px transparent /*#ffaa00*/ ; } .gallery-view .carousel-indicators { position: relative; align-items: center; padding-right: 20px; padding-left: 20px; margin-right: 0; margin-left: 0; } .gallery-view .carousel-inner { margin-bottom: 35px; } .gallery-view .carousel-control-next-icon { background-image: url(../img/venue-detail/right-arrow.svg); } .gallery-view .carousel-control-prev-icon { background-image: url(../img/venue-detail/left-arrow.svg); } .gallery-view .carousel-control-next-icon, .gallery-view .carousel-control-prev-icon { display: inline-block; width: 48px; height: 48px; background-repeat: no-repeat; background-position: center; border: solid 1px #e4e2e2; background-color: #f7f8f7; border-radius: 50%; background-size: 18px; } .gallery-view .carousel-control-next { right: -130px; opacity: 1; top: 36%; align-items: flex-start; } .gallery-view .carousel-control-prev { left: -130px; opacity: 1; top: 36%; align-items: flex-start; } .gallery-view .num { position: absolute; right: 0; top: 0; font-family: 'Montserrat-Bold'; font-size: 14px; color: #a6a6a6; } /*------------------------------ listing event detail Page CSS -------------------------------*/ .listing-event { margin-top: 86px; } .listing-event .venue-top { padding: 80px 0; } .listing-event .dark-menu { padding-bottom: 8px; } .listing-event .tag-left h1 { padding-right: 20rem; } .listing-event .tag-left { padding-bottom: 0; } .listing-event .listing-event-wrap { padding: 45px 0; } .listing-event .event-desc { padding-bottom: 20px; } .listing-event .event-img { padding-bottom: 25px; } .listing-event .event-img img { border-radius: 6px; } .listing-event .category { padding: 0; } .listing-event .event-desc p { font-family: 'Montserrat-Regular'; font-size: 14px; line-height: 1.71; color: #686868; padding-bottom: 20px; } .listing-event h3 { font-family: 'Montserrat-Bold'; font-size: 20px; line-height: 1.4; padding-bottom: 20px; color: #2d2d2d; } .listing-event .category .info-box { cursor: pointer; } .listing-event .category .inside h5 { font-size: 13px; margin-bottom: 10px; line-height: 20px; height: 44px; overflow: hidden; text-overflow: ellipsis; } .listing-event .category .inside { padding: 15px; } .listing-event .category .more-link { font-size: 10px; display: flex; align-items: center; padding-bottom: 0; } .listing-event .inside .date { font-family: 'Montserrat-SemiBold'; font-size: 11px; line-height: 1.8; color: #424242; padding-bottom: 12px; } .listing-event .inside .date span { padding-right: 7px; } .listing-event .lable-info { padding-bottom: 10px; } .listing-event .event-lable { border-radius: 5px; box-shadow: 0 0 40px 3px #f6f6f6; background-color: #ffffff; padding: 20px; } .listing-event .lable-tags { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #ececec; } .listing-event .lable-tags h5 { opacity: 0.6; font-family: 'Montserrat-bold'; font-size: 12px; line-height: 1.67; color: #2d2d2d; text-transform: uppercase; padding-bottom: 2px; } .listing-event .lable-tags h4 { font-family: 'Montserrat-bold'; font-size: 14px; line-height: 1.43; color: #33988d; } .listing-event .register-btn { padding-bottom: 25px; } .listing-event .register-btn .btn.btn-filled { width: 100%; } .listing-event .event-lable .more-link { font-family: 'Montserrat-bold'; font-size: 12px; vertical-align: middle; line-height: 2; text-transform: uppercase; color: #33988d; display: block; text-align: right; } .listing-event .event-lable .more-link span.next { padding-left: 10px; } .listing-event .event-location { padding-bottom: 15px; } .listing-event .sticky { position: fixed; top: 120px; } .listing-event .abs { position: absolute; bottom: 120px; } .listing-event .back { display: none; } .listing-event .event-desc .hide { display: block; } .listing-event a.read-more-show { display: none; } .listing-event a.read-more-hide { display: none; } /*------------------------------ function venue Page CSS -------------------------------*/ .function-venue-wrap .top-section h1 { width: 88%; } .function-venue-wrap .top-section .search-bar { width: 70%; margin: 0 auto 15PX;} .function-venue-wrap .search-content { width: 100%; margin: 0 auto; } .function-venue-wrap .search-bar { display: flex; flex-direction: row; align-items: center; background-color: #ffffff; padding: 18px 60px 18px 20px; border: 1px solid #ffffff; border-radius: 100px; box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.08); position: relative; line-height: 1; } .function-venue-wrap .search-bar .search-icon { position: absolute; right: 0; cursor: pointer; width: 60px; background-color: #33988d; text-align: center; color: #ffffff; height: 100%; margin: auto 0; top: 0; line-height: 55px; border: 1px solid #33988d; border-radius: 0 100px 100px 0; } .function-venue-wrap .dropdown .dropdown-toggle { background-color: transparent; border: 0; font-family: 'Montserrat-Medium'; font-size: 12px; line-height: 1.67; padding-right: 15px; color: #797979; } .function-venue-wrap input.num-field { background-color: transparent; border: 0; box-shadow: none; font-size: 12px; color: #000000; padding-right: 15px; } .function-venue-wrap input[type=number]::-webkit-inner-spin-button { opacity: 1; background-color: transparent; margin-left: 15px; right: 0; } .function-venue-wrap input[type=number]::-webkit-input-placeholder { /* Chrome/Opera/Safari */ opacity: 1; font-family: 'Montserrat-Medium'; font-size: 12px; line-height: 1.67; color: #797979; } .function-venue-wrap input[type=number]::-moz-placeholder { /* Firefox 19+ */ opacity: 1; font-family: 'Montserrat-Medium'; font-size: 12px; line-height: 1.67; color: #797979; } .function-venue-wrap input[type=number]:-ms-input-placeholder { /* IE 10+ */ opacity: 1; font-family: 'Montserrat-Medium'; font-size: 12px; line-height: 1.67; color: #797979; } .function-venue-wrap input[type=number]:-moz-placeholder { /* Firefox 18- */ opacity: 1; font-family: 'Montserrat-Medium'; font-size: 12px; line-height: 1.67; color: #797979; } .function-venue-wrap .event-type-dropdown { position: relative; margin-right: 15px; } .function-venue-wrap .search-content { transform: none !important; top: 4.5rem !important; } .function-venue-wrap .event-type-dropdown:after { position: absolute; content: ""; height: 9px; width: 1px; background-color: #b4b4b4; right: 0; top: 0; bottom: 0; opacity: 0.6; margin: auto 0; } .function-venue-wrap .total-no { position: relative; margin-right: 15px; } .function-venue-wrap .total-no:after { position: absolute; content: ""; height: 9px; width: 1px; background-color: #b4b4b4; right: 0; top: 0; bottom: 0; opacity: 0.6; margin: auto 0; } .function-venue-wrap .event-type-dropdown .dropdown-menu.show { border: 0; background-color: transparent; top: 23px; min-width: 65rem; } /* function venue search bar */ .venue-search-wrap { width: 80%; margin: 0 auto; } .inner-form.function-search { display: flex; position: relative; border-radius: 100px; box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.08); background-color: #ffffff; padding: 0 78px 0 20px; width: 100%; margin: 0 auto 20px; height: 100%; } .function-search .input-field .form-control { border: 0; height: auto; padding: 0; font-family: 'Montserrat-Medium'; font-size: 16px; color: #6e6e6e; } .function-search .input-field { margin-right: 1rem; padding-right: 1rem; padding-top: 16px; padding-bottom: 16px; } .function-search .first-wrap,.function-search .third-wrap { padding-top: 18px; padding-bottom: 18px; } .function-search .first-wrap:before, .function-search .second-wrap:before { position: absolute; content: " "; width: 1px; height: 18px; background-color: #e4e4e4; right: 0; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; } .function-search .first-wrap { -ms-flex-positive: 1; flex-grow: 1; position: relative; display: flex; align-items: center; justify-content: space-between; } .function-search .second-wrap { min-width: 190px; max-width: 190px; } .function-search .third-wrap { min-width: 190px; max-width: 190px; display: flex; align-items: center; justify-content: space-between; margin-right: 0; } .function-search .btn-search { width: 60px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; position: absolute; right: 0; height: 100%; background: 0 0; border: 0; padding: 0 6px 0 0; cursor: pointer; display: flex; -ms-flex-pack: center; justify-content: center; align-items: center; background-color: #33988d; border-radius: 0 50px 50px 0; top: 0; } .function-search .dropdown-menu { background-color: transparent; border: 0; border-radius: 0 !important; } .function-search .search-content .address:last-child { border-bottom: 0; } .function-search .search-content .trending { padding: 20px 24px 0; background-color: #fbfbff; border-radius: 30px 30px 0 0; } .function-search .dropdown-toggle::after { content: "\f107"; color: #a2a2a2; } .function-search .function-event { display: flex; flex-grow: 1; } .function-search .function-venue .dropdown-menu { right: 3rem !important; width: auto !important; top: 5rem !important; left: inherit !important; transform: none !important; overflow: hidden; box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.08); background-color: #ffffff; border-radius: 30px !important; border: 0; padding: 0; } .function-search .venue-type-menu .dropdown-item { font-family: 'Montserrat-medium'; font-size: 15px; line-height: 1.75; color: #494949; border-bottom: 1px solid #f1f1f4; padding: 12px 25px; } .function-search .function-attendees .input-group-btn span { font-size: 18px; color: #a2a2a2; line-height: 12px; } .function-search .function-attendees span.input-group-btn { display: flex; flex-direction: column; } .function-search .function-attendees button.btn.btn-number { padding: 0; margin: 0; line-height: 0; } .function-search .btn-search span.search-text.mb-vw { display: none; } /*------------------------------ loader CSS -------------------------------*/ .loader { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; background: url('../img/logo.png') 50% 50% no-repeat rgb(249, 249, 249); opacity: 1; } /* common css */ .top-wrap .venue-top { padding: 80px 0; background-color: #0b1025; } .top-wrap .dark-menu { padding-bottom: 8px; } .top-wrap .dark-menu ul.breadcrumb { padding: 0; margin: 0; list-style: none; background-color: transparent; } .top-wrap .dark-menu ul.breadcrumb li { display: inline; font-size: 14px; padding-right: 4px; } .top-wrap .dark-menu ul.breadcrumb li a { color: #a6a6a6; text-decoration: none; font-family: 'Montserrat-Medium'; } .top-wrap .tag-left h1 { font-family: "Montserrat-Bold"; font-size: 32px; line-height: 1.16; color: #f7f8f7; } .top-wrap .dark-menu ul.breadcrumb li+li:before { padding: 0 1px; color: #a6a6a6; content: "/\00a0"; } .top-wrap .dark-menu ul.breadcrumb li:hover a, .top-wrap ul.breadcrumb li.active a { color: #ffffff; } .dropdown.user-dropdown { display: flex; flex-direction: row; align-items: center; padding: 0 15px; } .user-dropdown .user-img { padding-right: 15px; } .user-dropdown .user-img img { width: 47px; border-radius: 160px; } .user-dropdown a { font-size: 14px; font-family: 'Montserrat-Bold'; color: #424242; } .user-dropdown .dropdown-menu { top: 59px; width: 100%; } .dropdown.user-dropdown.show .dropdown-toggle::after { content: "\f106"; transition: all 0.5s ease-in; } .form-control.is-valid, .was-validated .form-control:valid { border-color: #33988d; background-image: url('../img/mark-icon.svg'); background-repeat: no-repeat; background-position: center right calc(.375em + .1875rem); background-size: inherit; } .form-control.is-valid:focus, .was-validated .form-control:valid:focus { box-shadow: none; } .form-control.is-invalid, .was-validated .form-control:invalid { border-color: #d21f00; background-image: url('../img/error-icon.svg'); background-repeat: no-repeat; background-position: center right calc(.375em + .1875rem); background-size: inherit; } .form-control.is-invalid:focus, .was-validated .form-control:invalid:focus { box-shadow: none; } /*------------------------------ about us page CSS -------------------------------*/ .about-us-wrap .venue-top { padding: 107px 0; background-color: transparent; background-image: url('../img/about-us/about-banner.webp'); background-size: cover; width: 100%; background-position: center; background-repeat: no-repeat; } .about-us-wrap .dark-menu ul.breadcrumb li a { color: rgba(56, 56, 56, 0.5); } .about-us-wrap .dark-menu ul.breadcrumb li:hover a, .about-us ul.breadcrumb li.active a { color: #000000; } .about-us-wrap .tag-left h1 { font-family: "Montserrat-Bold"; font-size: 38px; line-height: 1.16; color: #383838; } .about-us { padding: 7rem 0; } .about-us .box-info h3 { font-family: 'Montserrat-bold'; font-size: 38px; line-height: 1; padding-bottom: 20px; color: #404040; } .about-us .box-text p { font-family: 'Montserrat-Regular'; font-size: 14px; line-height: 1.71; color: #686868; padding-bottom: 20px; } .about-us .box-text a { font-family: 'Montserrat-SemiBold'; font-size: 14px; line-height: 1.71; color: #33988d; } .about-us .box-img { text-align: right; } .about-us .info-img img { border-radius: 14px; box-shadow: 0 4px 32px 0 rgba(51, 152, 141, 0.2); border: solid 0 #ffffff; z-index: 1; } .about-us .info-img { position: relative; text-align: right; } .about-us .info-img:after { position: absolute; content: ""; width: 337px; height: 320px; bottom: -24px; left: 0; background-color: #33988d; opacity: 0.1; border-radius: 14px; z-index: -3; } .about-us .our-mission { background-color: #f7f8f7; padding: 7rem 0; position: relative; z-index: -2; } .about-us .our-mission .info-img:after { display: none; } .about-us .our-mission .info-img:before { position: absolute; content: ""; width: 337px; height: 320px; bottom: -24px; right: 0; background-color: #33988d; opacity: 0.1; border-radius: 14px; z-index: -1; } .about-us .our-mission .info-img { text-align: left; position: relative; } .about-us .about-us-info { margin-bottom: 8rem; } .about-us .our-vision { margin: 8rem 0 1rem; } .testimonials { padding: 6rem 0 10rem; background-color: #f7f8f7; } .testimonials h3 { font-family: 'Montserrat-bold'; font-size: 38px; line-height: 1; color: #404040; } .testimonial-slider { margin-top: -120px; } .testimonial-slider .box { border-radius: 1px; box-shadow: 0 0 14px 0px rgba(0, 0, 0, 0.08); background-color: #ffffff; padding: 40px 40px 20px 40px; position: relative; margin: 94px 15px 40px 15px; } .testimonial-slider .box .quote-icon { position: absolute; top: -30px; right: 50px; } .testimonial-slider .box .msg { font-family: 'Montserrat-Regular'; font-size: 16px; line-height: 1.56; color: #7f7f7f; /*margin-bottom: 25px;*/ height: 170px; overflow: hidden; text-overflow: ellipsis; } .testimonial-slider .user-profile { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; } .testimonial-slider .user-img { padding-right: 16px; } .testimonial-slider .user-img img { width: 48px !important; border-radius: 50%; } .testimonial-slider .user-info h5 { font-family: 'Montserrat-SemiBold'; font-size: 16px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; color: #383838; } .testimonial-slider .user-info h6 { font-family: 'Montserrat-medium'; font-size: 12px; line-height: 1.67; color: #686868; } .testimonial-slider .owl-carousel.testimonial-carousel.owl-loaded.owl-drag { margin-left: 20%; margin-bottom: 4rem; } .testimonial-slider .box-slider { overflow: hidden; margin-top: -200px; } .testimonial-slider .owl-carousel .owl-nav { display: block; position: absolute; top: 8px; left: 53.5%; } .testimonial-slider .owl-carousel .owl-nav button.owl-next, .testimonial-slider .owl-carousel .owl-nav button.owl-prev { padding-left: 5px !important; } /*------------------------------ contact us page CSS -------------------------------*/ .contact-us-wrap .venue-top { padding: 107px 0; background-color: transparent; background-image: url('../img/contact-us/contact-banner.webp'); background-size: cover; width: 100%; background-position: center; background-repeat: no-repeat; } .contact-us-wrap .tag-left h1 { font-family: "Montserrat-Bold"; color: #404040; } .contact-us-wrap .dark-menu ul.breadcrumb li:hover a,.contact-us-wrap .dark-menu ul.breadcrumb li.active a { color: #000000; } .contact-us-wrap .contact-section { padding: 4rem 0; } .contact-us { box-shadow: 0 20px 30px 0 #ededed; border: 1px solid #e0e0e0; background-color: #ffffff; display: flex; align-items: center; flex-direction: row; width: 100%; } .contact-us .contact-form { padding: 0 50px; width: 80%; } .contact-us .form-group { margin-bottom: 1.5rem; } .contact-us .form-control { padding: 15px 12px; font-size: 14px; font-weight: normal; line-height: 1.5; color: #383838; border-radius: 5px; border: solid 1px #bfbfbf; background-color: #ffffff; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; height: 56px; font-family: 'Montserrat-SemiBold'; } .contact-us .contact-form textarea.form-control { height: 96px !important; } .contact-us .contact-form h1 { font-family: 'Montserrat-Bold'; font-size: 32px; line-height: 1.25; color: #383837; padding-bottom: 15px; } .contact-us .contact-form h2 { font-family: 'Montserrat-Medium'; font-size: 16px; line-height: 1.5; padding-bottom: 20px; color: #747474; } .contact-us .form-submit { display: flex; flex-direction: row; align-items: center; justify-content: space-between; } .contact-us .form-submit .captcha img { width: 192px; } .contact-us .contact-form .btn.btn-yellow { border: 1px solid #ffaa00; padding: 12px 20px; background-image: linear-gradient(to right, #ffaa00 6%, #ee7b00 85%); } .contact-us .contact-detail { background-color: #232a34; padding: 48px; } .contact-us .contact-card { border-bottom: 1px solid rgba(225, 225, 225, 0.1); padding-bottom: 15px; margin-bottom: 15px; } .contact-us .contact-card span.icon { display: block; padding-bottom: 10px; } .contact-us .contact-card a.link, .contact-us .contact-card h5 { line-height: 1.5; color: #33988d; font-size: 16px; font-family: 'Montserrat-Medium'; } /*------------------------------ user profile page CSS -------------------------------*/ .profile-wrap .venue-top { padding: 60px 0; background-color: transparent; background-image: url(../img/profile/profile-banner.png); background-size: cover; width: 100%; background-position: right center; background-repeat: no-repeat; } .profile-wrap.top-wrap .dark-menu ul.breadcrumb li:hover a, .profile-wrap.top-wrap ul.breadcrumb li.active a { color: #000000; } .profile-wrap.top-wrap .tag-left h1 { color: #383838; } .profile-wrap.top-wrap .dark-menu { padding-bottom: 20px; } .profile-wrap .profile-info { display: flex; flex-direction: row; align-items: center; } .profile-wrap .usr-img { margin-right: 24px;position: relative; } .profile-wrap .usr-img img { border: 10px solid #ffffff; border-radius: 50%; width: 106px; box-shadow: 0 0 54px 0 rgba(217, 217, 217, 0.5);position: relative; } .profile-wrap .usr-img img, .profile-wrap .usr-img .overlay { transition: .3s all; text-align: center; } .profile-wrap .usr-img .overlay { position: absolute; top: 0; left: 0; bottom: 0; width: 100%; padding-top: 41px; color: #fff; opacity: 0; border-radius: 50%; } .profile-wrap .usr-img .overlay .btn { font-size: 8px; padding: 6px 10px; } .profile-wrap .usr-img:hover .overlay { opacity: 1; } .profile-wrap .usr-img:hover img { -webkit-filter: blur(2px); filter: blur(2px); } .profile-wrap .top-wrap .tag-left h1 { padding-bottom: 6px; } .profile-wrap .tag-left h5 { font-family: 'Montserrat-SemiBold'; font-size: 14px; color: #383838; } .profile-wrap .tag-left h5 span { padding-right: 6px; vertical-align: bottom; } .profile-wrap .profile-tabs { padding: 60px 0; } .profile-tabs .detail-tabs { margin-bottom: 0; } /* profile tab */ .profile-block { padding: 40px 25px; } .profile-block .user-content { font-family: 'Montserrat-Regular'; font-size: 14px; color: #686868; line-height: 1.75; } /* notification tab */ .notification-tab { padding: 40px 25px; } .notification-tab .notification-list .msg-wrap { display: none; } .notification-tab .notification-list .sub-list { display: flex; align-items: center; list-style: none; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #e6e6e6; } .notification-tab .notification-list .sub-list .list-icon { padding-right: 16px; } .notification-tab .notification-list .sub-list .list-icon span { display: flex; background-color: #fefaf1; width: 52px; height: 52px; border-radius: 50%; align-items: center; justify-content: center; } .notification-tab .notification-list .sub-list h5 { font-family: 'Montserrat-medium'; font-size: 16px; color: #383838; padding-bottom: 3px; } .notification-tab .notification-list .sub-list .list-text p { font-family: 'Montserrat-Regular'; font-size: 12px; color: #686868; } /* bookmark tab */ .bookmark-tab .mark-tab { display: none; } .bookmark-tab { padding: 30px; } .bookmark-tab .bookmark-icon { position: absolute; top: 20px; left: 20px; border-radius: 50%; width: 24px; height: 24px; box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.3); background-color: #ffffff; color: #33988d; text-align: center; line-height: 26px; font-size: 12px; } .bookmark-tab .location-card .info h4 { font-size: 14px; } .bookmark-tab .load-more.bookmark-load { padding: 0; } /* review tab */ .reviews-tab { padding: 40px 25px; } .reviews-tab .review-box { border-bottom: 1px solid #e6e6e6; padding-bottom: 25px; margin-bottom: 25px; } .reviews-tab .rw-update { display: flex; justify-content: space-between; align-items: center; padding-bottom: 20px; } .reviews-tab .rw-rating { display: flex; align-items: center; } .reviews-tab .usr-star { padding-right: 18px; } .reviews-tab .usr-star span{font-size: 16px; } .reviews-tab .usr-star span.fa.fa-star.checked { color: #ffaa00; padding: 0 1px; } .reviews-tab .usr-star span.fa.fa-star-o { padding: 0 1px; color: #b8b8b8; } .reviews-tab .rw-time { font-family: 'Montserrat-Regular'; font-size: 14px; line-height: 1.29; color: #c0c0c0; } .reviews-tab .rw-msg p { font-family: 'Montserrat-Regular'; font-size: 14px; color: #686868; } .reviews-tab .rw-button .btn { border-radius: 4px; border: solid 1px #c0c0c0; padding: 6px 12px; font-family: 'Montserrat-Medium'; font-size: 12px; line-height: 1.5; color: #383838; margin-left: 12px; } .reviews-tab span.icon { padding-right: 4px; vertical-align: text-bottom; } .reviews-tab .review-box { display: none; } /* user photos tab */ .profile-wrap .photos-tab .img-box .overlay { align-items: flex-end; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 47%, #232323);background-color:transparent; } .profile-wrap .photos-tab .img-box .overlay a.trash-icon { padding-bottom: 10px; } /* setting tab */ .setting-tab { padding: 40px 25px; } .setting-tab .form-group { margin-bottom: 2rem; } .setting-tab .form-control { padding: 15px 12px; font-size: 14px; font-weight: normal; line-height: 1.5; color: #383838; border-radius: 5px; border: solid 1px #bfbfbf; background-color: #ffffff; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; height: 56px; font-family: 'Montserrat-SemiBold'; } .setting-tab .setting-form textarea.form-control { height: 96px !important; } .setting-tab .save-btn { text-align: right; } .setting-tab select:required:invalid { font-size: 14px; color: #737373; font-family: 'Montserrat-Regular'; } .setting-tab select, option { color: #383838; font-family: 'Montserrat-SemiBold'; } .setting-tab ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #737373; font-family: 'Montserrat-Regular'; } .setting-tab ::-moz-placeholder { /* Firefox 19+ */ color: #737373; font-family: 'Montserrat-Regular'; } .setting-tab :-ms-input-placeholder { /* IE 10+ */ color: #737373; font-family: 'Montserrat-Regular'; } .setting-tab :-moz-placeholder { /* Firefox 18- */ color: #737373; font-family: 'Montserrat-Regular'; } .setting-tab select.minimal { background-image: url(../img/down-arrow.svg); background-position: right 15px center; background-repeat: no-repeat; -webkit-appearance: none; -moz-appearance: none; } .setting-tab h1 { font-family: 'Montserrat-Bold'; font-size: 32px; line-height: 1.25; color: #383837; padding-bottom: 20px; } /*------------------------------ reset password page CSS -------------------------------*/ .reset-pwd { display: flex; align-items: center; height: 100%; } .reset-pwd .logo { padding-bottom: 40px; } .reset-pwd .form-body { max-width: 390px; width: 100%; margin: 0 20px; } .reset-pwd .logo img { max-width: 142px; } .reset-pwd .reset-form { border-radius: 15px; box-shadow: 1px 0px 30px 6px #ededed; background-color: #ffffff; padding: 30px; margin-bottom: 25px; } .reset-pwd .reset-form h1 { font-family: 'Montserrat-Bold'; font-size: 32px; line-height: 1.25; color: #535353; padding-bottom: 20px; } .reset-pwd .reset-form .form-control { padding: 15px 12px; font-size: 14px; font-weight: normal; line-height: 1.5; color: #383838; border-radius: 5px; border: solid 1px #bfbfbf; background-color: #ffffff; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; height: 56px; font-family: 'Montserrat-SemiBold'; } .reset-pwd .reset-form .btn.btn-yellow { border: 1px solid #ffaa00; padding: 12px 20px; background-image: linear-gradient(to right, #ffaa00 6%, #ee7b00 85%); width: 100%; } .reset-pwd .back-link a { font-family: 'Montserrat-SemiBold'; font-size: 12px; line-height: 1.67; color: #33988d; } .reset-pwd ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #7f7f7f; font-family: 'Montserrat-Regular'; } .reset-pwd ::-moz-placeholder { /* Firefox 19+ */ color: #7f7f7f; font-family: 'Montserrat-Regular'; } .reset-pwd :-ms-input-placeholder { /* IE 10+ */ color: #7f7f7f; font-family: 'Montserrat-Regular'; } .reset-pwd :-moz-placeholder { /* Firefox 18- */ color: #7f7f7f; font-family: 'Montserrat-Regular'; } /*------------------------------ blog detail page CSS -------------------------------*/ .blog-detail .blog-detail-wrap { padding: 45px 0; } .blog-detail .event-details { padding-bottom: 20px; } .blog-detail .event-desc a,.blog-detail .event-desc a:hover,.blog-detail .event-desc a:focus{color:#33988d;font-family: 'Montserrat-Bold'; font-weight:bold;text-decoration: underline;} .blog-detail .event-desc h1{font-family: 'Montserrat-Bold'; font-weight:bold; font-size: 44px; line-height: 1.27; color: #535353; margin-bottom: 14px;} .blog-detail .event-desc h2{font-family: 'Montserrat-Bold'; font-weight:bold; font-size: 32px; line-height: 1.27; color: #535353; margin-bottom: 14px;} .blog-detail .event-desc h3{font-family: 'Montserrat-Bold'; font-weight:bold; font-size: 24px; line-height: 1.27; color: #535353; margin-bottom: 14px;} .blog-detail .event-desc h4{font-family: 'Montserrat-Bold'; font-weight:bold; font-size: 20px; line-height: 1.27; color: #535353; margin-bottom: 14px;} .blog-detail .event-desc h5{font-family: 'Montserrat-Bold'; font-weight:bold; font-size: 16px; line-height: 1.27; color: #535353; margin-bottom: 14px;} .blog-detail .event-desc p { font-family: 'Montserrat-Regular'; font-size: 16px; line-height: 1.71; color: #686868; padding-bottom: 20px; } .blog-detail .event-img { margin: 10px 0 30px; } .blog-detail .event-img img { border-radius: 6px; } .blog-detail .highlight-text, .blog-detail blockquote { font-family: 'Montserrat-Regular'; font-size: 28px; line-height: 1.57; color: #28303c; padding: 10px 0 30px; position: relative; background-image: url(../img/blog/quote-icon.svg); background-position: top 30px left; background-repeat: no-repeat; background-size: 100px; } .blog-detail .event-desc blockquote p{font-size:inherit;font-family:inherit;line-height:inherit;color:inherit;padding-bottom:inherit;} .blog-detail .event-tabs { background-color: #f7f8f7; border-left: 4px solid #33988d; border-radius: 4px; padding: 40px 30px; margin-bottom: 40px; } .blog-detail .event-tabs ul.event-title { list-style: none; } .blog-detail .event-tabs ul.event-title li { position: relative; font-family: 'Montserrat-Medium'; font-size: 16px; line-height: 1.63; color: #383838; padding: 0 0 15px 38px; background-image: url(../img/bullet.svg); background-repeat: no-repeat; background-position: left top; } .blog-detail .event-tabs ul.event-title li:last-child { padding-bottom: 0; } .blog-detail .share-blog { border-radius: 4px; box-shadow: 0 4px 12px 0 rgba(186, 186, 186, 0.1); border: 1px solid #ececec; display: flex; align-items: center; margin-bottom: 42px; } .blog-detail .share-blog .share-text { font-family: 'Montserrat-bold'; font-size: 14px; line-height: 1.71; color: #373b4d; text-transform: uppercase; background-color: #f9f9f9; padding: 16px 25px; border-radius: 4px 0 0 4px; border-right: 1px solid #ececec; } .blog-detail .share-social { padding-left: 20px; } .blog-detail .social-links a { width: 32px; height: 32px; background-color: #ffffff; border-radius: 50%; padding: 4px; text-align: center; display: inline-block; color: #383838; line-height: 22px; font-size: 14px; margin: 0 5px; border: 1px solid #efeff0; transition: 0.5s; } .blog-detail .social-links a:hover { background-color: #33988d; color: #ffffff; border: 1px solid #33988d; } .blog-detail .blog-post { background-color: #f9f9f9; padding: 70px 0; } .blog-detail .related-post h4 { font-family: 'Montserrat-bold'; font-size: 16px; line-height: 1.5; text-transform: uppercase; color: #494949; padding-bottom: 24px; } .blog-detail .post-carousel .post-img { padding-bottom: 25px; } .blog-detail .post-carousel .post-title a { font-family: 'Montserrat-bold'; font-size: 20px; line-height: 1.4; color: #404040; } .blog-detail .post-carousel .post-title{padding-bottom: 20px;} .blog-detail .post-carousel .post-date { font-family: 'Montserrat-Medium'; font-size: 12px; text-transform: uppercase; line-height: 1.67; color: #686868; } .blog-detail .post-carousel .owl-carousel button.owl-dot { height: 12px; width: 12px; background-color: transparent; border: 1px solid #979797; border-radius: 50%; margin-left: 10px; } .blog-detail .post-carousel .owl-dots { top: -48px; position: absolute; right: 0; } .blog-detail .post-carousel button.owl-dot.active { background-color: #33988d; border: 1px solid #33988d; } .blog-detail .leave-reply { padding: 50px 0 0 0; } .blog-detail .reply-tab h4 { font-family: 'Montserrat-Bold'; font-size: 16px; line-height: 1.5; color: #535353; padding-bottom: 10px; text-transform: uppercase; margin-top:20px !important;} .blog-detail .reply-tab p { font-family: 'Montserrat-Regular'; font-size: 14px; line-height: 1.71; color: #737373; padding-bottom: 20px; } .blog-detail .name-group { display: flex; flex-direction: row; justify-content: space-between; } .blog-detail .name-group .form-group { width: 31% } .blog-detail .reply-form .form-control { background-color: #f7f8f7; border: 0; margin-bottom: 25px; padding: 15px 12px; font-size: 14px; font-weight: normal; line-height: 1.5; color: #383838; border-radius: 5px; height: 56px; font-family: 'Montserrat-SemiBold'; width: 100%; } .blog-detail .reply-form textarea.form-control { height: 10rem !important; } .blog-detail .reply-form .btn.btn-filled { padding: 12px 30px; } .blog-detail .reply-form .post-btn {text-align: right;} .right-panel .subscribe-box { border-radius: 14px; box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.07); border: solid 1px #eaeaea; background-color: #ffffff; padding: 40px; margin-bottom: 40px; } .right-panel .subscribe-box .icon { padding-bottom: 12px; } .right-panel .subscribe-box h5 { font-family: 'Montserrat-Medium'; font-size: 16px; line-height: 1.5; color: #373b4d; padding-bottom: 20px; } .right-panel .subscribe-box .form-control { padding: 15px 12px; font-size: 14px; font-weight: normal; line-height: 1.5; color: #383838; border-radius: 5px; border: solid 1px #bfbfbf; background-color: #ffffff; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; height: 56px; font-family: 'Montserrat-SemiBold'; } .right-panel .email-tab { padding-bottom: 20px; } .right-panel .subscribe-btn .btn { width: 100%; padding: 15px 18px; } .right-panel .category-box { border-radius: 14px; box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.07); border: solid 1px #eaeaea; background-color: #ffffff; padding: 30px 30px 10px 30px; } .right-panel .category-box h4 { font-family: 'Montserrat-Bold'; font-size: 16px; line-height: 1.5; color: #535353; text-transform: uppercase; padding-bottom: 20px; } .right-panel .category-box ul.lists { list-style-type: none; display: flex; flex-direction: column; } .right-panel .category-box ul.lists li { border-bottom: 1px solid #eaeaea; } .right-panel .category-box ul.lists li a { font-family: 'Montserrat-Regular'; font-size: 14px; line-height: 1.71; padding: 12px 0; display: block; color: #686868; } .right-panel .category-box ul.lists li:hover a { color: #2f958a; } .right-panel .category-box ul.lists li:last-child { border-bottom: 0; } .right-panel { margin-bottom: 50px; } /*------------------------------ blog page CSS -------------------------------*/ .blog .venue-top { padding: 107px 0; background-color: transparent; background-image: url(../img/Blog-img-header.jpg); background-size: cover; width: 100%; background-position: center; background-repeat: no-repeat; } .blog.top-wrap .tag-left h1 { font-family: "Montserrat-Bold"; font-size: 32px; line-height: 1.16; color: #383838; } .blog.top-wrap .dark-menu ul.breadcrumb li:hover a, .blog.top-wrap ul.breadcrumb li.active a { color: #383838; } .blog .blog-tabs { border: solid 1px #f2f2f2; background-color: #f9f9f9; padding: 15px 0; } .blog .blog-tabs .top-panel { display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .blog .blog-tabs .blogs-link a { transition: all 0.3s; font-family: 'Montserrat-SemiBold'; font-size: 12px; line-height: 1.5; color: #535353; text-transform: uppercase; border-radius: 5px; box-shadow: 0 0 8px 0 rgba(241, 241, 241, 0.5); border: solid 1px #eeeeee; background-color: #ffffff; padding: 8px 15px; margin-right: 10px; } .blog .blog-tabs .blogs-link a:hover { background-color: #33988d; border: 1px solid #33988d; color: #ffffff; } .blog .blog-tabs .blog-search .form-control { border-radius: 4px; box-shadow: 0 0 8px 0 rgba(241, 241, 241, 0.5); border: solid 1px #eeeeee; background-color: #ffffff; font-size: 12px; width: 16rem; background-image: url(../img/search.svg); background-position: right 12px center; background-repeat: no-repeat; background-size: 13px; padding-right: 32px; } .blog .blog-content { padding: 40px 0; } .blog .carousel-caption.text-left { box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.08); background-color: #ffffff; padding: 30px 40px; color: #000000; position: relative; left: 80px; bottom: 70px; width: 30rem; min-height: 240px; margin-top: -7rem; overflow: hidden; text-overflow: ellipsis; } .blog .carousel-caption h4 { font-family: "Montserrat-bold"; font-size: 24px; line-height: 1.25; color: #404040; padding-bottom: 8px; } .blog .carousel-caption h6 { font-family: 'Montserrat-Medium'; font-size: 12px; line-height: 1.67; padding-bottom: 12px; color: #5d5d5d; } .blog .carousel-caption p { font-family: 'Montserrat-Regular'; font-size: 14px; line-height: 1.71; color: #737373; } .blog .owl-carousel .owl-nav button.owl-next, .blog .owl-carousel .owl-nav button.owl-prev { width: 40px; height: 40px; background-color: #eeeeee; border-radius: 50%; display: inline-block; color: #5d5d5d; font-size: 22px; line-height: 40px; font-weight: 600; margin: 0 8px; } .blog .owl-nav { position: absolute; right: 25rem; bottom: 4.5rem; } .blog .owl-dots { display: none; } .blog .multi-blogs { padding: 20px 0 60px; } .blog .sub-blogs { margin-bottom: 20px; } .blog .sub-blogs .box { padding-bottom: 40px; } .blog .sub-blogs .post-img { padding-bottom: 25px; } .blog .sub-blogs .post-title { font-family: 'Montserrat-bold'; font-size: 20px; line-height: 1.4; color: #404040; padding-bottom: 20px; min-height: 80px; } .blog .sub-blogs .post-date { font-family: 'Montserrat-Medium'; font-size: 12px; text-transform: uppercase; line-height: 1.67; color: #686868; } .blog .blog-slider .owl-item { position: relative; } .blog .blog-slider .owl-item .feature-tag h5 { position: absolute; top: 2rem; left: 0; background-color: #ffaa00; padding: 8px 10px; font-family: 'Montserrat-bold'; text-transform: uppercase; color: #404040; font-size: 12px; } .blog .blog-slider .owl-item .feature-tag h5:after { content: ""; position: absolute; right: -10px; bottom: 0; width: 0; height: 0; border-right: 10px solid transparent; border-top: 15.5px solid #ffaa00; border-bottom: 15px solid #ffaa00; } /* pagination */ .pagination { align-items: center; } .pagination ul { display: flex; align-items: center; flex-direction: row; list-style-type: none; } .pagination li.active a, .pagination li:hover a { color: #ffffff; background-color: #33988d; } .pagination li a { background-color: #eeeeee; transition: all 0.2s; height: 40px; width: 40px; border-radius: 50%; display: inline-block; text-align: center; line-height: 27px; font-size: 14px; color: #383838; font-family: 'Montserrat-SemiBold'; line-height: 40px; margin: 0 8px; } .pagination li:first-child a, .pagination li:last-child a { border: 0 !important; border-radius: 50%; margin: 0px; line-height: 40px; font-size: 14px; color: #383838; font-family: 'Montserrat-SemiBold'; line-height: 43px; vertical-align: middle; font-size: 11px; transition: all 0.2s; text-align: center; } .pagination li:first-child a { margin-right: 8px; } .pagination li:last-child a { margin-left: 8px; } .pagination li:first-child:hover a, .pagination li:first-child:focus a, .pagination li:first-child.active a, .pagination li:last-child:hover a, .pagination li:last-child:focus a, .pagination li:last-child.active a { color: #ffffff; } /*------------------------------ Terms & Conditions page CSS -------------------------------*/ .terms-wrap { padding: 50px 0; } .terms-wrap .middle-content p { font-family: 'Montserrat-Regular'; font-size: 14px; line-height: 1.71; color: #686868; padding-bottom: 25px; } .terms-wrap .middle-content p a { font-family: 'Montserrat-SemiBold'; font-size: 14px; line-height: 1.71; color: #33988d; } .terms-wrap .middle-content h4 { font-family: 'Montserrat-bold'; font-size: 16px; line-height: 1.5; padding-bottom: 10px; color: #535353; text-transform: uppercase; } .terms-wrap .list-content ul { list-style-type: none; } .terms-wrap .list-content li { position: relative; font-family: 'Montserrat-Regular'; font-size: 14px; line-height: 1.71; color: #686868; padding: 0 0 25px 20px; } .terms-wrap .list-content li:before { content: ""; position: absolute; width: 8px; height: 8px; border-radius: 50%; background-color: #33988d; left: 0; top: 6px; } /*------------------------------ cookie popup CSS -------------------------------*/ .cookie-popup { box-shadow: 0 -28px 30px 0 rgba(0, 0, 0, 0.1); background-color: #ffffff; padding: 16px 15px; display: flex; justify-content: center; align-items: center; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 999; } .cookie-popup h5 { font-family: 'Montserrat-Regular'; font-size: 14px; line-height: 1.71; color: #686868; padding-right: 30px; margin-right: 30px; border-right: 1px solid #d8d8d8; } .cookie-popup .accept-btn { padding-right: 20px; } /*------------------------------ help page CSS -------------------------------*/ .help-wrap { padding: 50px 0; } .help-wrap .faq-wrap { border: 1px solid #eaeaea; padding: 40px 30px; margin-bottom: 30px; box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.07); } .help-wrap .faq-wrap h4 { font-family: 'Montserrat-bold'; font-size: 20px; line-height: 1.2; color: #0b1025; padding-bottom: 24px; text-transform: uppercase; } .help-wrap .contact-detail { background-color: #232a34; padding: 40px 30px; } .help-wrap .contact-detail h4 { font-family: 'Montserrat-bold'; font-size: 20px; line-height: 1.2; color: rgba(255, 255, 255, 0.8); padding-bottom: 24px; text-transform: uppercase; } .help-wrap .contact-card { border-bottom: 1px solid rgba(225, 225, 225, 0.1); padding-bottom: 15px; margin-bottom: 35px; } .help-wrap .contact-card:last-child { border-bottom: 0; padding-bottom: 0; margin-bottom: 0; } .help-wrap .contact-card span.icon { display: block; padding-bottom: 10px; } .help-wrap .contact-card a.link, .help-wrap .contact-card h5 { line-height: 1.5; color: #33988d; font-size: 16px; font-family: 'Montserrat-Medium'; } .help-wrap .help-link { display: flex; justify-content: space-between; align-items: center; padding: 24px; background-image: linear-gradient(to right, rgba(255, 170, 0, 0.1) 6%, rgba(238, 123, 0, 0.1) 85%); } .help-wrap .help-link h3 { background-image: linear-gradient(to right, #ffaa00 6%, #ee7b00 85%); font-family: 'Montserrat-bold'; font-size: 24px; line-height: 1.43; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } /* accrodian css */ .faq-accrodian .card { border: none; margin-bottom: 16px; } .faq-accrodian .card-header { padding: 10px 20px; margin-bottom: 0; border-radius: 6px !important; background-color: #f7f8f7; display: flex; justify-content: space-between; align-items: center; border-color: none; border: 0; } .faq-accrodian .card-header h5 { font-family: 'Montserrat-SemiBold'; font-size: 14px; line-height: 1.71; color: #747474; transition: all 0.4s; } .faq-accrodian .card-body { background-color: #eaf4f3; border-radius: 0 0 6px 6px; padding: 0px 20px 15px 20px; } .faq-accrodian .card-body p { font-family: 'Montserrat-Regular'; font-size: 14px; line-height: 1.71; color: #7f7f7f; padding-bottom: 12px; } .faq-accrodian .card-body p:last-child { padding-bottom: 0; } .faq-accrodian .card-body p a{ font-family: 'Montserrat-SemiBold'; color: #33988d;} .faq-accrodian .card-body .note-text { font-family: 'Montserrat-Regular'; font-size: 12px; line-height: 1.83; color: #535353; } .faq-accrodian .card-body .note-text b { font-family: 'Montserrat-bold'; } .faq-accrodian .card-header span.toggle-arrow { font-size: 19px; color: #383838; transition: all 0.4s; } .faq-accrodian .card-header.active { background-color: #eaf4f3; border-radius: 6px 6px 0 0 !important; } .faq-accrodian .card-header.active h5 { color: #33988d; font-size: 16px; } .faq-accrodian .card-header.active span.toggle-arrow { color: #33988d; } /*------------------------------ landing page CSS -------------------------------*/ .landing-page.top-wrap .venue-top { padding: 80px 0 15rem; background-color: #0b1025; } .landing-page .tag-left h1 { padding-bottom: 8px; } .landing-page .tag-left h6 { font-family: 'Montserrat-Light'; font-size: 16px; line-height: 1.33; color: #fcfcfb; } .landing-page .share-link input.form-control { background-color: transparent; border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 8px 0 0 8px; font-size: 14px; color: #ffffff; height: 50px; } .landing-page .share-link .btn { border-radius: 0 8px 8px 0; border: 1px solid #1b877b; font-family: 'Montserrat-medium'; font-size: 14px; } .landing-page .input-group { box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.5); background-color: rgba(0, 0, 0, 0.16); } .landing-wrap { margin-top: -13rem; margin-bottom: 4rem; } .landing-wrap .landing-banner { padding-bottom: 3rem; } .landing-wrap .landing-banner h5 { font-family: 'Montserrat-bold'; font-size: 14px; line-height: 1.71; text-transform: uppercase; color: #fcfdfc; padding-bottom: 20px; } .landing-wrap .landing-banner img { border-radius: 16px; box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.15); } .landing-wrap .load-more { padding: 10px 10px 00px 10px; text-align: center; } .landing-wrap .load-more a { font-family: "Montserrat-Bold"; font-size: 14px; line-height: 1.43; color: #33988d; text-transform: uppercase; } .landing-wrap .load-more a span { padding-left: 8px; font-size: 18px; color: #000; } .landing-page .mb-vw { display: none; } /* place-card css */ .location-card { box-shadow: 0 0 40px 3px #f6f6f6; border: solid 1px #efeff0; background-color: #ffffff; border-radius: 15px; margin-bottom: 30px; } .location-card .img-wrap { position: relative; } .location-card .star-lbl { position: absolute; top: 0; right: 0; } .location-card .img-wrap img { width: 100%; border-radius: 14px 14px 0 0; } .location-card .star-lbl { position: absolute; top: 20px; right: 20px; border-radius: 50px; background-color: #33988d; color: #ffffff; font-size: 14px; padding: 6px 14px; font-family: "Montserrat-Medium"; } .location-card .star-lbl i.fa.fa-star { font-size: 14px; padding-right: 7px; } .location-card .info { padding: 40px 25px 25px 25px; position: relative; } .location-card .info h4 { font-size: 16px; line-height: 1.5; font-family: "Montserrat-Bold"; color: #404040; padding-bottom: 8px; } .location-card .place-info { display: flex; flex-direction: row; font-family: "Montserrat-Regular"; font-size: 12px; line-height: 1.33; color: #333333; } .location-card .loc { padding-right: 18px; } .location-card .info h5 { position: absolute; font-family: "Montserrat-SemiBold"; font-size: 13px; line-height: 1.54; color: #ffaa00; border-radius: 50px; border: solid 1px #dcdcdc; background-color: #ffffff; padding: 8px 20px; top: -19px; } .location-card .place-info span { padding-right: 8px; vertical-align: text-bottom; } /* End place-card css */ /* 404 page css */ .error__wrap { padding: 4rem 0; } .error__content--title { font-family: 'Montserrat-Bold'; font-size: 28px; line-height: 30px; color: #747474; } span.highlight { color: #f28700; } .error__content--desc { font-family: 'Montserrat-Regular'; font-size: 14px; line-height: 24px; color: #686868; } .error__search .form-control { background-size: 13px; background-blend-mode: exclusion; border-radius: 100px; box-shadow: 0 8px 16px 0 #f7f7f7; border: solid 1px #dcdcdc; background-color: #ffffff; padding: 20px 20px 20px 36px; width: 100%; margin: 0 auto; background-image: url(../img/search.svg); background-repeat: no-repeat; background-position: left 15px center; font-family: 'Montserrat-Medium'; font-size: 13px; line-height: 20px; color: #6e6e6e; } .error__search ::-webkit-input-placeholder {/* Chrome/Opera/Safari */ opacity: 0.5; color: #6e6e6e; } .error__search ::-moz-placeholder {/* Firefox 19+ */ opacity: 0.5; color: #6e6e6e; } .error__search :-ms-input-placeholder {/* IE 10+ */ opacity: 0.5; color: #6e6e6e; } .error__search :-moz-placeholder {/* Firefox 18- */ opacity: 0.5; color: #6e6e6e; } .page__link { font-family: 'Montserrat-Bold'; font-size: 14px; color: #009b8d; transition: all 0.5s ease-in; } .page__link:hover { color: #009b8d; } /*.article__box { border-radius: 6px; box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.03); border: solid 1px #f2f2f2; background-color: #ffffff; }*/ .article__title { /*border-bottom: solid 1px #f2f2f2;*/ font-family: 'Montserrat-Bold'; font-size: 12px; line-height: 2; color: #383838; padding: 36px 25px 25px 0; } .article__media { padding: 0px 22px 0px 0px; } .article__tag a { font-family: 'Montserrat-Medium'; font-size: 14px; color: #383838; line-height: 23px; } .media__bullet{box-shadow: 0 2px 7px 0 #f1f1f1;border-radius: 50%;} .error__img { max-width: 295px; } .error__search{position: relative;} .error__search button{position: absolute; background-color: transparent; border: 0; font-size: 0; left: 10px; top: 11px; width: 23px; height: 20px;}