:root { --primary: #575000; --secondary: #51CFED; --light: #F8F2F0; --dark: #060315 } body, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-family: Jost, sans-serif; color: #000; font-weight: 300; } .font-play { font-family: 'Playfair Display', serif; font-weight: 400 } .view-detail-btn { background: #000000; color: white !important; cursor: pointer; font-size: 14px; font-weight: 500 !important; padding: 6px 30px !important; border-radius: 5rem; width: 150px; margin: auto; margin-top: 0.5rem; } .quote-text { font-size: 1.50rem; max-width: 500px; margin: auto; margin-top: 4rem; margin-bottom: 4rem; font-style: italic; font-family: 'Cormorant Garamond'; color: black; } p { font-weight: 300; font-size: 1rem } .logged_in_user_dropdown { max-width: 180px; width: 200px; opacity: 0; visibility: hidden; top: calc(100% - 30px); background: white; padding: 10px 0px; text-align: left; position: absolute; right: 0; z-index: 9999; box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25); transition: ease all 0.3s; } .lg_menu:hover .logged_in_user_dropdown { opacity:1 !important; visibility:visible; top: 110%; } .logged_in_user_dropdown ul { padding: 0px; margin: 0px; } .logged_in_user_dropdown ul li { list-style: none; } .logged_in_user_dropdown ul li a { padding: 12px 20px !important; font-size: 13px; font-weight: 500; text-transform: none; color: #000 !important; display: block !important; line-height: 10px !important; margin-left: 0 !important; } .text-justify { text-align: justify } .fw-medium { font-weight: 600 !important } .back-to-top { position: fixed; right: 45px; bottom: 45px; z-index: 99 } #spinner { opacity: 0; visibility: hidden; transition: opacity .5s ease-out, visibility 0s linear .5s; z-index: 99999 } #spinner.show { transition: opacity .5s ease-out, visibility linear; visibility: visible; opacity: 1 } .btn { font-weight: 600; transition: .5s } .btn.btn-primary, .btn.btn-secondary, .hero-para h2, .hero-para p, .navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link:hover { color: #fff } .btn-square { width: 38px; height: 38px } .btn-sm-square { width: 32px; height: 32px } .btn-lg-square { width: 48px; height: 48px } .btn-lg-square, .btn-sm-square, .btn-square { padding: 0; display: flex; align-items: center; justify-content: center; font-weight: 400 } .navbar .dropdown-toggle::after { border: none; content: "\f107"; font-family: "Font Awesome 5 Free"; font-weight: 900; vertical-align: middle; margin-left: 8px } .navbar-light .navbar-nav .nav-link { position: relative; margin-right: 30px; padding: 0px 0; color: #fff; font-size: 15px; text-transform: uppercase; outline: 0 } .owl-carousel-item { height: 100vh; background-size: cover !important; background-position: center !important } .nav-item.show .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link:hover, .text-primary { color: #fff; } @media (max-width:991.98px) { .navbar-light .navbar-nav .nav-link { margin-right: 0; padding: 10px 0 } .navbar-light .navbar-nav { border-top: 1px solid #eee } } .navbar-light.sticky-top { top: inherit !important; transition: .5s; position: absolute; width: 100%;    background: linear-gradient(to bottom, rgb(0 0 0 / 32%) 0, #00000000 100%); } .horizontal_slider .owl-stage-outer { overflow: visible } @media (max-width:1024px) { .horizontal_slider .owl-stage-outer { overflow: hidden } } .m-login{display:none;}samp{ font-family: 'Jost';}@media (max-width:768px) {.login_signup_header_link{display:none;}.m-login{display:block !important;} #topbar a{font-size: 14px !important;} #topbar{top: 1.8rem !important; left: -5.5rem !important;}.lg_menu{display:none;}.m-profile-link{display:block !important;} .product-imgs{margin-bottom:1rem;}.handcrafted-section{padding: 3rem 1rem 3rem 1rem !important;}.why-us-section{ padding: 3rem 1rem 3rem 1rem !important;} .img-logo { height: 70px; } .about-text { text-align: justify } .product-carousel .owl-carousel-item { height: 40vh !important } .header-carousel .owl-carousel-item, .page-header, .title-block { text-align: center } .in_subtitle { padding: 3rem 2rem !important } .eco-img{width:100px; margin-bottom:1rem;} .nav-item .dropdown-menu { padding: 0; background-color: #000 } .nav-item .dropdown-item { color: #fff !important; text-transform: uppercase; font-size: 15px; margin-bottom: 15px } .owl-nav { display: none !important } .owl-carousel-item { height: 80vh } .breadcrumb { justify-content: center } .navbar-light .navbar-toggler { border-color: #fff; padding: 8px 10px; border-radius: 5px; box-shadow: none; color: #fff } .header-social { display: none } .navbar-collapse { background: #000 } .vblock_cover { height: 220px !important } .header-carousel .owl-carousel-item { position: relative } .header-carousel .owl-carousel-item img { position: absolute; width: 100%; height: 100%; object-fit: cover } .header-carousel .owl-carousel-item h5, .header-carousel .owl-carousel-item p { font-size: 14px !important; font-weight: 400 !important } .header-carousel .owl-carousel-item h1 { font-size: 30px; font-weight: 600 } } .booking-heading, .dtable, .map-icon, .review-close, .trip_intro { text-align: center } .header-carousel .owl-nav { position: absolute; top: 50%; right: 8%; transform: translateY(-50%); display: flex; flex-direction: column } .header-carousel .owl-nav .owl-next, .header-carousel .owl-nav .owl-prev { margin: 7px 0; width: 45px; height: 45px; display: flex; align-items: center; justify-content: center; color: #fff; background: 0 0; border: 1px solid #fff; border-radius: 45px; font-size: 22px; transition: .5s } .header-carousel .owl-nav .owl-next:hover, .header-carousel .owl-nav .owl-prev:hover { background: #01153b; border-color: #01153b } .page-header { background-size: cover } .breadcrumb-item+.breadcrumb-item::before, .footer .copyright a { color: var(--light) } .price-item, .service-item, .team-item { box-shadow: 0 0 45px rgba(0, 0, 0, .07) } .service-item img, .team-item img { transition: .5s } .service-item:hover img, .team-item:hover img { transform: scale(1.1) } .price-item a.btn-slide, .service-item a.btn-slide, .team-item div.btn-slide { position: relative; display: inline-block; overflow: hidden; font-size: 0 } .price-item a.btn-slide i, .price-item a.btn-slide span, .service-item a.btn-slide i, .service-item a.btn-slide span, .team-item div.btn-slide i, .team-item div.btn-slide span { position: relative; height: 40px; padding: 0 15px; display: inline-flex; align-items: center; font-size: 16px; color: #fff; background: #01153b; transition: .5s; z-index: 2 } .team-item div.btn-slide span a i { padding: 0 10px } .price-item a.btn-slide:hover i, .price-item a.btn-slide:hover span, .service-item a.btn-slide:hover i, .service-item a.btn-slide:hover span, .team-item div.btn-slide span a:hover i { background: #01153b } .price-item a.btn-slide span, .service-item a.btn-slide span, .team-item div.btn-slide span { padding-left: 0; left: -100%; z-index: 1 } .price-item:hover a.btn-slide i, .service-item:hover a.btn-slide i, .team-item:hover div.btn-slide i { border-radius: 0 } .price-item:hover a.btn-slide span, .service-item:hover a.btn-slide span, .team-item:hover div.btn-slide span { left: 0 } .testimonial-carousel .owl-item .testimonial-item { position: relative; transition: .5s } .testimonial-carousel .owl-item.center .testimonial-item { box-shadow: 0 0 45px rgba(0, 0, 0, .08); animation: 1s ease-out .5s pulse } .testimonial-carousel .owl-dots { display: flex; align-items: center; justify-content: center } .testimonial-carousel .owl-dot { position: relative; display: inline-block; margin: 0 5px; width: 15px; height: 15px; background: #6489ea; border: 5px solid var(--light); border-radius: 15px; transition: .5s } .round_block:after, .square_block:after { width: 100%; position: absolute; top: 0; opacity: .77; left: 0; content: '' } .text-light { color: #01153b1a !important } .bg-light { background-color: #01153b0a !important } .testimonial-carousel .owl-dot.active { background: #01153b; border-color: #dee3ed } @media (min-width:992px) { .navbar-light .navbar-nav .nav-link::before { position: absolute;  width: 0; height: 3px; top: -13px; left: 50%; background: #fff; transition: .5s } .navbar-light .navbar-nav .nav-link.active::before, .navbar-light .navbar-nav .nav-link:hover::before { width: 100%; left: 0 } .navbar-light .navbar-nav .nav-link.nav-contact::before { display: none } .navbar .nav-item .dropdown-menu { display: block; border: none; margin-top: 0; top: 150%; opacity: 0; visibility: hidden; transition: .5s } .navbar .nav-item:hover .dropdown-menu { top: 100%; visibility: visible; transition: .5s; opacity: 1 } .container.about, .container.contact-page, .container.feature { max-width: 100% !important } .about-text { padding-right: calc(((100% - 960px)/ 2) + .75rem) } .contact-page .contact-form, .feature-text { padding-left: calc(((100% - 960px)/ 2) + .75rem) } } @media (min-width:1200px) { .about-text { padding-right: calc(((100% - 1140px)/ 2) + .75rem) } .contact-page .contact-form, .feature-text { padding-left: calc(((100% - 1140px)/ 2) + .75rem) } } @media (min-width:1400px) { .about-text { padding-right: calc(((100% - 1320px)/ 2) + .75rem) } .contact-page .contact-form, .feature-text { padding-left: calc(((100% - 1320px)/ 2) + .75rem) } } .footer { background: linear-gradient(rgb(0 0 0 / 25%), rgb(0 0 0 / 0%)) 0 0/cover, url(../img/footer-img.jpg) center center/cover no-repeat } .footer .btn.btn-social { margin-right: 5px; width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; color: var(--light); border: 1px solid #fff; border-radius: 35px; transition: .3s } .footer .btn.btn-social:hover { color: #01153b } .footer .btn.btn-link { display: block; margin-bottom: 5px; padding: 0; text-align: left; color: #fff; font-size: 15px; font-weight: 400; text-transform: capitalize; transition: .3s } .footer .btn.btn-link::before { position: relative; content: "\f105"; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right: 10px } .footer .btn.btn-link:hover { box-shadow: none } .footer .copyright { padding: 25px 0; font-size: 15px; border-top: 1px solid rgba(256, 256, 256, .1) } .map-icon { float: left; height: 42px; margin-top: 5px; margin-right: 14px !important; width: 23px } .tracking_box { background: #01153b; color: #fff; padding: 1.4rem } .h-full { height: 100% } .btn-search { background: 0 0; color: #fff; border: 1px solid #fff; margin-top: 1rem; padding: 10px 2rem } .text-red { color: red } select:focus { box-shadow: none !important; border: 1px solid #ced4da !important; outline: 0 !important } .pr-0 { padding-right: 0 !important } .bg-primary { background: #000 !important } .border-primary { border-color: #000 !important } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { color: #000 } .flip { -webkit-transform: scaleX(-1); transform: scaleX(-1) } .slider_text { font-size: 1.1rem !important } .bg_img { background: url('../img/about-aquarium-bg.png') no-repeat } .about_box_img, .destination_block { background-size: cover !important; display: flex; align-content: flex-end; padding: 1rem 1.8rem; position: relative } .about_box_img { align-items: flex-end; border-radius: 10px } /* .square_block:after { background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, #000 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, #000 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, #000 100%); height: 100%; border-radius: 10px } */ .round_block { height: 180px } .about_box_img { height:250px; } .round_block:after { background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, #000 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, #000 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, #000 100%); height: 100%; border-radius: 11rem } .destination_block { align-items: center; border-radius: 1rem; justify-content: center } .bdr_btm { border-bottom: 2px solid #fff } .hero-para { background: url(../img/parallax-img.jpg) top/cover no-repeat; height: 150px; vertical-align: middle; position: relative } .vblock-img, .vblock_cover { background-size: cover !important } .dtable, .hero-para:before, .vblock-img { width: 100%; height: 100% } .hero-para:before { content: ''; background: #00000061; position: absolute } .dtable { display: table } .table-cell { vertical-align: middle; display: table-cell; position: relative } .clearfix { clear: both } .vblock_cover { height: 270px; overflow: hidden } .vblock-img, .vblocks { -webkit-transition: .5s; -moz-transition: .5s; -o-transition: .5s; transition: .5s } .vblock_cover:hover .vblock-img { -ms-transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); -webkit-transition: .5s; -moz-transition: .5s; -o-transition: .5s; transition: .5s } .btn-primary { color: #000; background-color: #000; border-color: #000 } .accordion-button.collapsed, .border-b { border-bottom: 1px solid #efefef } .bg-dark { background-color: #090909 !important } .accordion-button:not(.collapsed) { color: #000; background-color: #f0f0f0; box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%) } body .accordion-button:not(.collapsed)::after { background: url('data:image/svg+xml,%3csvg xmlns=' http: //www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e');transform:rotate(-180deg)}.w100 { font-weight: 200 } .f18 { font-size: 18px } .sub-title-team { font-size: 15px } .team-title { font-size: 1.4rem; margin-bottom: .3rem !important; display: block; font-weight: 600 } .model-logo { width: 165px; margin-top: -6px } .modal-wrap { position: fixed; z-index: 99999; opacity: 1; width: 100%; height: 100%; top: 0; left: 0; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; display: none } .overlay, .review-close, .z-index { z-index: 9999 } .popup-content { position: relative; width: 500px; height: 480px; background: #fff; box-shadow: 0 0 15px 6px rgb(0 0 0 / 10%); padding: 2rem } #product_details .popup-content { width: 80%; height: auto } .product_details { padding: 1rem 0 } .product_details img { height: 100%; border: 2px solid #000 } .modal-close { top: 15px !important } .review-close { position: absolute; right: 1rem; width: 35px; height: 35px; display: block; background: #efefef; border-radius: 4rem; color: #000; font-size: 20px; cursor: pointer; padding: 10px } .review-close img { width: 16px; vertical-align: text-top } .product_details h4 { font-weight: 400; margin-bottom: 10px } .product_details p { line-height: 23px; font-size: 18px } .overlay { position: fixed; background: #000000ad; width: 100%; top: 0; left: 0; height: 100%; display: none } .about-section { margin-top: 4rem; margin-bottom: 4rem; color: black; border-bottom: 1px solid #efefef; padding-bottom: 3rem; } .why-choose { font-weight: 300; font-size: 17px; } .img-border { border-radius:1rem; } .sustainability-column { padding: 1rem 2rem; padding-bottom:0px; } .breadcrumb { justify-content: center; } .why-us-section { padding: 3rem 8rem 3rem 6rem; text-transform: unset; border-top: 1px solid #efefef; margin-top: 5rem; } .service_title { color: #000; z-index: 9999; font-size: 1.2rem; font-weight: 400; margin-bottom: 0 !important; margin-top: 1rem; } .header_contact { font-weight: 100; font-size: 1rem } .header-carousel .owl-carousel-item:after { background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, #000000e0 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, #000000e0 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, #000000e0 100%); opacity: .77; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100% } .heading_line:after { content: ''; display: block; width: 100px; height: 3px; background: #e91e63; margin: 10px auto 1.8rem } .service_title span { display: inline-block; margin-right: .5rem } .horizontal_slider, .horizontal_slider .owl-stage { max-height: 300px } .horizontal_slider .owl-carousel-item { height: inherit !important } .horizontal_slider .owl-item { margin-right: 1rem } .horizontal_slider .owl-next, .horizontal_slider .owl-prev { display: inline-block; padding: 5px 15px; background: #efefef; margin: 0 3px } .intro-title { margin-bottom: 45px; font-family:"Cormorant Garamond", serif; } .intro-item { margin-bottom: 45px; } .intro-item span.wrap { background-color: #ffad76; padding: 1rem; border-radius: 8rem; height: 70px; width:70px; display: inline-block; fill: #fff; } .intro-item { display:flex; } .intro-item .icon { margin-right: 1.25pc; } .intro-item h3 { letter-spacing: .01in; font-size: 15px; font-weight: 500; } .intro-item .text { font-size: 10.5pt; color: #727070; } .owl-nav { margin-top: 10px; padding: 1rem 0; display: flex } .handcrafted-section img { border-radius:1rem; } .pr-4 { padding-right: 4rem; } .in_subtitle { background: url(../img/bg-img-2.jpg) center / cover; padding: 3rem 8rem 2.5rem 6rem; font-size: 1.4rem; text-transform: unset; } .handcrafted-section { background: url(../img/bg-img-1.jpg) center / cover; padding: 3rem 5rem 2.5rem 5rem; font-size: 1.4rem; text-transform: unset; } .in_subtitle span { color: #e91e63 !important } .team_btn_readmore { background: #fff; padding: 7px 20px; margin-top: 5px; display: inline-block; color: #000 } .breadcrumb-main { color: #cc3234 } .breadcrumb-black { color: #6c757d } .border-b { padding-bottom: 10px; margin-bottom: 10px } .dropdown-item:focus { background-color: #000 !important; color: #fff !important } .booking-heading { background: #efefef; padding: 12px; border-top-left-radius: 10px; border-top-right-radius: 10px; margin-bottom: 0 } .tour_enquiry input[type=email], .tour_enquiry input[type=text], .tour_enquiry textarea { background: #fff !important; border: none; padding: 10px 15px; border-radius: 5px; box-shadow: none !important; outline: 0 !important } .form-group { margin-bottom: 1rem } .book_now_wrap { background: #efefef; padding: 20px 22px; border-radius: 10px } .book_now_btn { background: #000; border: none; padding: 10px; width: 100%; color: #fff; border-radius: 5px } .tour_highlights { font-weight: 300; line-height: 2rem } .tour_itinerary { font-weight: 300 } .accordion-button { background: #fff !important; border: none; box-shadow: none !important; padding: 1rem 0 } .accordion-body { padding: .5rem 0 1rem } .accordion-item { border: none } .back-to-top { display: none !important } @media screen and (max-width:425px) { .m-hide, .whatsapp_connect { display: none } .m-mt-0 { margin-top: 0 } #product_details .popup-content { margin-top: 0; height: 100%; overflow-y: scroll } .popup-content { padding: 15px; width: 100% !important } .model-inner { margin-top: 2rem } } .team_title_name { font-size: 1rem; color: #fdfdfd; font-weight: 100 } .navbar .btn-social { padding: .31rem .55rem; width: 35px; height: 35px; align-items: center; justify-content: center; background: #fff; color: var(--light); border: 1px solid #fff; border-radius: 35px; transition: .3s } .customized_btn { border: 1px solid #fff; color: #fff; padding: 10px 20px; display: inline-block; margin-top: 1rem; border-radius: 28px } .customized_btn:hover { background: #000; color: #fff } .trip_intro { font-family: 'Playfair Display'; font-style: italic; font-weight: 100; font-size: 1.8rem } .whatsapp_connect { position: fixed; bottom: 15px; right: 15px; z-index: 999999 } .whatsapp_connect img { width: 40px } .tour_highlights li { list-style: none } .tour_highlights li:before { content: ''; background: url(../img/tick-mark.png) 0 0/cover no-repeat; width: 20px; height: 20px; position: absolute; margin-top: 6px; margin-left: -1.8rem } .video_gallery iframe { border-radius: 10px } .whatsapp_connect:before { content: 'Chat with Us'; position: absolute; top: -28px; width: 86px; right: 0; text-align: center; background: black; padding: 1px; color: white; border-radius: 16px; font-size: 13px; animation: bounce2 2s ease infinite; } .whatsapp_connect:after { position: absolute; top: -7px; content: ''; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #000; right: 15px; animation: bounce2 2s ease infinite; } .bounce2 { animation: bounce2 2s ease infinite; } @keyframes bounce2 { 0%, 20%, 50%, 80%, 100% { transform: translateY(0); } 40% { transform: translateY(-30px); } 60% { transform: translateY(-15px); } } .video_carousel .owl-nav { display:block !important; text-align:center; margin-top:0 !important; } .video_carousel .owl-nav .owl-prev { border: 1px solid #aba8a8; display: inline-block; padding: 5px 10px; border-radius: 5px; text-transform: uppercase; font-size: 13px; margin: 0 5px; } .video_carousel .owl-nav .owl-next { border: 1px solid #aba8a8; display: inline-block; padding: 5px 10px; border-radius: 5px; text-transform: uppercase; font-size: 13px; margin: 0 5px; } .pet-slider-wave { position: relative; top: -135px; margin-bottom: -125px; z-index: 99; } .csr-bdr { height: 50px; width: 200px; background: url(../img/csr-bdr.jpg) repeat-x; background-size: 13px; height: 18px; } .csr-big-heading { font-size: 3.5rem; margin-bottom: 1rem; } .csr-count-wrap { padding: 150px 0px 150px 0px; position: relative; } .csr-count-bg { background-image: linear-gradient(140deg, #DD4B40 0%, #F3A526 100%); height: 100%; width: 100%; top: 0; left: 0; position: absolute; } .elementor-shape-top { top: -1px; overflow: hidden; position: absolute; left: 0; width: 100%; line-height: 0; direction: ltr; } .elementor-shape-bottom { bottom: -1px; transform: rotate(180deg); } .elementor-shape { overflow: hidden; position: absolute; left: 0; width: 100%; line-height: 0; direction: ltr; } .relative { position:relative; } .csr-count-text { padding: 2rem 0; padding-bottom: 2rem; } .conservation_wrap img { border: 2px solid black; padding: 2px; } #topbar { top: 0.5rem; transition: .5s; position: absolute; text-align: right; color: white; width: 99%; z-index: 999; margin: auto; left: -1rem; } #topbar a { color: white; text-transform: uppercase; font-size: 13px; margin-left: 1rem; } #navbarCollapse { margin-top: 0.5rem; } .pro-details { padding: 1rem; margin-bottom: 1rem; } .pro-details h6 { font-weight: 600; margin-bottom: 0px; color: #B90001; font-family: Jost, sans-serif; } .pro-price { text-align: center; font-weight: 600; color: black; } .pro-img { overflow: hidden; border: 1px solid #7676762b; position: relative; border-radius: 5px; box-shadow: 0px 0px 6px 1px #00000017; padding: 2rem; } .pro-img:hover { overflow: hidden; border: 1px solid #b90001; position: relative; border-radius: 5px; box-shadow: 0px 0px 6px 1px #00000017; padding: 2rem; } .pagination { display: block; text-align: center; } .pagination li { display: inline-block; } .pagination li a { margin: 0 2px; display: inline-block; padding: 4px 15px; text-decoration: none; background: #F3F3F3; background-image: -moz-linear-gradient(#F8F8F8, #EEE); background-image: -o-linear-gradient(#F8F8F8, #EEE); background-image: -webkit-linear-gradient(#F8F8F8, #EEE); background-image: linear-gradient(#F8F8F8, #EEE); -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; color: #666; border: 1px solid #eaeaea; font-weight: 400; } .pagination li a:hover { background: #B90001; color: white; text-shadow: none; } .pagination li.active a { background: #B90001; color: white; text-shadow: none; } .product-name { font-weight: 600; color: #e97e00; } .stock-status { color: #15ca15; font-weight: 500; margin-bottom: 15px; display: block; } .product-detail-wrap h4, h5 { font-size: 1rem; } .product-price { font-weight: 400; } b, strong { font-weight: 500; } .cart-item .quantity { display: flex; align-items: center; } .cart-item .minus-btn, .cart-item .plus-btn { width: 40px; height: 40px; background-color: #efefef; border: none; cursor: pointer; border: none; outline: none; font-size: 10px; } .cart-item .quantity-input { width: 100px; height: 40px; text-align: center; outline: none; border: 1px solid #efefef; } .sub_price { color: #e97e00; } .btn-enquiry { background: #e97e00; color: white !important; cursor: pointer; font-size: 16px; font-weight: 700; padding: 10px 30px; } .btn-enquiry { background: #e97e00; color: white !important; cursor: pointer; font-size: 16px; font-weight: 500 !important; padding: 10px 30px !important; } .ml-2 { margin-left:1rem; } .product-detail-wrap h4, .product-detail-wrap h5 { font-size: 1rem; margin-bottom:1rem; } .mr-2, .mx-2 { margin-right: .5rem !important; } .product-imgs { width:100%; border: 1px solid #efefef; } .ms-options-wrap > .ms-options > ul input[type="checkbox"] { margin: 0 5px 0 0; position: absolute; left: 11px !important; top: 6px !important; width: 20px; height: 20px; } .ms-options-wrap > .ms-options > ul label { padding-left:40px !important; } .btn { display: inline-block; font-weight: 400; color: #212529; text-align: center; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; border-radius: .25rem; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; } .ms-options-wrap > button:focus, .ms-options-wrap > button, .ms-options-wrap > .ms-options { max-width:300px; } .ms-options-wrap > button:focus, .ms-options-wrap > button { padding: 10px 20px 10px 12px !important; } a, a:hover { color: #ba0001; text-decoration: none; } .hide { display:none; } #login, #register { cursor:pointer; } .required { color:red; } .form-control-label { font-size:13px; } .form-control, .form-select { padding: 10px; font-size: 14px; } #ajx_ref .card { padding: 1.5rem; box-shadow: 0px 1px 3px 1px #efefef8c; border: 1px solid #efefefd4; } .cart_title { font-weight: 600; border-bottom: 1px solid #efefef; padding-bottom: 1rem; } .ptc_btn, .ptc_btn:hover { background: #e97e00; color: white; font-weight: 600; } .no-pro .card { padding: 1.5rem; box-shadow: 0px 1px 3px 1px #efefef8c; border: 1px solid #efefefd4; } .cart_remove { font-size: 13px; font-weight: 700; color: #bfbfbf; } .myaccount-links { margin:0px; padding:0px; } .myaccount-links li { list-style:none; } .myaccount-links li a { padding: 10px 15px; display: block; border-bottom: 1px solid #efefef; color: black; font-weight: 300; }.GjRNOgwiYZuNNzNxjIWkZTkD1jNREzi{display:none;}.ring_size_chart{margin:0px; padding:0px;} .ring_size_chart li{display:inline-block} 

.ring_size_chart li label{
    position: relative;
    line-height: 10px;
    width: 35px;
    text-align: center;
    border: 1px solid #d1d3d4;
    display: inline-table;
    padding: 11px;
    font-size: 14px;
    cursor: pointer;
    border-radius: 5px;
    font-weight: 400;
    margin-right: 5px;
    margin-bottom: 0;
} 

.ring_size_chart li label:hover
{
    border: 1px solid #008001;
    background: #f4fff4;
}
textarea
{
    box-shadow:none !important;
}

.ring_size_chart li label input{ position:absolute; width:0px; height:0px;}
    .label-item.checked:after
    {
content: '✓';
    display: block;
    position: absolute;
    bottom: 27px;
    color: green;
    left: 14px;
    font-weight: bold;
    font-size: 1.5rem;
    }
    .label-item.checked
    {
    border: 1px solid #008001;
    background: #f4fff4;
    }
table.table-bordered tr td
{
    padding: 10px 7px;
    line-height: 16px;
    text-align: center;
    font-weight: 400;
    width: 52px;
    font-size: 13px;
    vertical-align: middle;
}
table.table-bordered tr td select, .table-bordered tr td select:focus
{
    border:  none !important;
    outline: none !important;
    padding: 0;
    padding-left: 12px;
    box-shadow: none !important;
}
@media (min-width: 768px) {
    .specification_block .col-md-3
    {
        width: 20%;
    }
    .specification_block .col-md-9 
    {
        flex: 0 0 auto;
        width: 80%;
    }
}
@media (max-width:465px){
    table.table-bordered tr td
    {
        padding: 4px !important;
        line-height: 17px !important;
    }
}
.specification_block
{
    font-size: 15px;
}