.btn, .login-heading, .login-social-link, .pass-forget {text-align: center } #blog-list .blog-list-readmore, #blog-single .blog-single-readmore, #compare-product .cencelX, #contactus .view-map, #faq .faq-arrow, #navigation a, #not-found .not-found-content .content-notfound a:hover, #payment-success .order-success-content .manage-order a:hover, #product-indo .compare-share-btn, #product-indo .faq-arrow, #product-listing #product-listing-filter .card .card-header a, #user-cart .add-address a, #user-cart .payment-content .placed-cod a:hover, #user-profile .edit-pen, .btn, .filter-arrow, .pass-forget, .ui-helper-reset {text-decoration: none } .search-input label, .ui-state-disabled, a.disabled {pointer-events: none } *, :focus {outline: 0!important } @font-face {font-family: ProximaNova-Bold; src: url(../fonts/ProximaNova-Bold_0.WOFF) format("woff") } @font-face {font-family: ProximaNova-Light; src: url(../fonts/ProximaNova-Light.WOFF) format("woff") } @font-face {font-family: ProximaNova-Semibold; src: url(../fonts/ProximaNova-Semibold.WOFF) format("woff") } @font-face {font-family: ProximaNova-Regular; src: url(../fonts/ProximaNova-Regular.WOFF) format("woff") } body {font-family: ProximaNova-Regular; font-size: 14px } .mar-t-30 {margin-top: 30px } .mar-b-15 {margin-bottom: 15px } .common-pdng-top-bttm {padding-top: 25px; padding-bottom: 25px } #navigation .navbar .dropdown-menu h5 {font-size: 14px!important; text-transform: uppercase } @media (max-width:500px) {.offer-banner .container {padding: 0!important } #navigation nav .nav-item:hover .nav-link {text-transform: uppercase } #navigation .navbar .dropdown-menu {border-top: none!important; padding: 0 0 0 15px!important } #shipping .user-cart-box {padding: 0!important } #user-cart .pay-content {padding: 15px!important; text-align: center } .cart-tabs .nav-link {font-size: 14px!important } .common-pdng-top-bttm {padding-top: 25px; padding-bottom: 25px } .jewel-detail section .container, section.product-collection .container {padding: 0!important } .row.offer-banners {margin: 0 -10px!important } .row.offer-banners>div {padding: 0 5px!important } .modal.show img.close {right: -10px!important } } .mar-tb-60 {margin-top: 60px; margin-bottom: 60px } .mar-tb-30 {margin-top: 30px; margin-bottom: 30px } .pad-0 {padding: 0 } .pad-30 {padding: 30px } .pad-tb-15 {padding-top: 15px; padding-bottom: 15px } .pad-tb-10 {padding-top: 10px; padding-bottom: 10px } .pad-tb-5 {padding-top: 5px; padding-bottom: 5px } .h1-heading {font-size: 23px; font-family: ProximaNova-Bold } #productName {font-size: 2rem!important } #productName .caret.product-desc {margin-top: 15px } .pad-tb-60 {padding-top: 60px; padding-bottom: 60px } .pad-tb-90 {padding-top: 90px; padding-bottom: 90px } .pad-tb-30 {padding-top: 30px; padding-bottom: 30px } .animated.infinite {animation-iteration-count: infinite } .animated.hinge {animation-duration: 2s } @keyframes fadeInLeft {from {opacity: 0; transform: translate3d(-100%, 0, 0) } to {opacity: 1; transform: none } } .fadeInLeft {animation-name: fadeInLeft } .carousel-caption p:first-child {animation-delay: .2s } .carousel-caption p:nth-child(2) {animation-delay: .4s } .modal {z-index: 999999 } .btn {-webkit-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; border: 1px solid #f3bb3d; border-radius: 3px; cursor: pointer; padding: 10px 30px; text-transform: uppercase; font-family: ProximaNova-Regular } .card, .card .buttons .col {padding: 0 } .btn:focus, .btn:hover {color: #fff; outline: 0 } .theam-btn {color: #f3bb3d; border-color: #f3bb3d; background-image: linear-gradient(45deg, #f3bb3d 50%, transparent 50%); background-position: 75%; background-size: 400%; -webkit-transition: background .3s ease-in-out; transition: background .3s ease-in-out } .card, .card:hover {transition: all ease-in-out .3s } .theam-btn .fa {margin-left: 8px; font-size: 14px } .theam-btn:hover {background-position: 0 } .line {display: inline-block; width: 25%; height: 1px; margin: 3px 10px; background: #333 } .fa-bars {font-size: 30px!important; color: #d0ac6e; cursor: pointer } .popover {font-family: ProximaNova-Light } .card {border: none; margin: 20px auto auto; float: left } .card:hover {box-shadow: 0 0 20px -2px #dbdbdb; z-index: 999 } .card:hover .like-icon {opacity: 1 } .card .like-icon {opacity: 0 } .card .card-title {font-size: 16px; margin-bottom: 10px; font-family: ProximaNova-Regular } .card .card-block {padding-top: 0 } .card .stars {margin-bottom: 15px } .card .price span {font-size: 18px; font-family: ProximaNova-Semibold; margin-right: 10px } .card span.strike, .card strike {font-size: 14px; color: #999; font-family: ProximaNova-Light } .card .buttons.row {margin: 0 } .card .buttons .btn {font-size: 12px; padding: 5px 15px; line-height: 20px } .card .buttons .btn.theam-btn {color: #000; border-color: #ccc; background-image: linear-gradient(45deg, #000 50%, transparent 50%) } .card .buttons .btn.theam-btn:hover {color: #fff } .card .buttons .btn.compare-btn {padding: 5px; border: 0; color: #565656; background: 0 0 } .card .buttons .btn.compare-btn:hover {color: #565656 } .card .buttons object {width: 14px; height: 14px; float: left; margin: 3px } .card .offer {position: absolute; top: 10px; left: 10px; color: red; font-size: 12px } .filter-arrow {display: block; color: #000; font-family: ProximaNova-Semibold } .breadcrumb {padding: 10px 0; background: #fff; margin: 0 } .breadcrumb .breadcrumb-item a {color: #000 } .custom-control-indicator {background: 0 0; border: 1px solid #000 } .custom-checkbox .custom-control-input:checked~.custom-control-indicator {border: 4px solid #000 } .custom-control-input:focus~.custom-control-indicator {box-shadow: none!important } .custom-control-input:checked~.custom-control-indicator {background-color: #ff6464; border: 2px solid #ff6464!important } .button-next, .button-prev {display: inline-block; font-size: 28px; cursor: pointer } .button-prev {right: 50px; margin-right: 30px } .button-next {right: 0 } .view-all {margin-top: 5px } .view-all.theam-btn {color: #000; border-color: #ddd; background-image: linear-gradient(45deg, #000 50%, #fff 50%); padding: 10px 40px } .view-all.theam-btn:hover {color: #fff } .fa-star {color: #dbdbdb } .fa-star.checked {color: orange } .like-icon {position: absolute; top: 8px; right: 8px; z-index: 999 } .like-icon input[type=checkbox].like-checkbox {position: absolute; z-index: -1000; left: -1000px; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0 } .like-icon input[type=checkbox].like-checkbox+label.css-label, .like-icon label.css-label {padding: 9px; display: inline-block; background-repeat: no-repeat; background-position: 0 0; vertical-align: middle; cursor: pointer; transition: all ease-in-out .15s } .like-icon input[type=checkbox].like-checkbox:checked+label.css-label, .like-icon.active label.css-label {background-position: 0 -18px!important; transition: all ease-in-out .15s } .like-icon label.css-label {background-image: url(../images/like.png); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .custom-form .input-control {margin: 20px 0; max-width: 460px; position: relative } .custom-form.profile-form .input-control {margin: 0!important } .d-inline-block h6 {color: #999 } .custom-form.profile-form .input-control input.ng-valid+label {top: -20px!important } .profile-form label {font-size: 1rem } .custom-form .custom-control-description {font-size: 18px } .custom-form .input-control input, .custom-form .input-control textarea {position: relative; border: 2px solid #ebebeb; font-family: inherit; font-size: 16px; width: 100%; padding: 10px 6px; border-radius: 5px; font-weight: 400; outline: 0; transition: all .2s ease-in-out } .custom-form .input-control input.bottom-border, .custom-form .input-control textarea.bottom-border {border: none; border-bottom: 2px solid #ebebeb; border-radius: 0 } .custom-form .input-control input::placeholder, .custom-form .input-control textarea::placeholder {color: #c3c3c3; transition: opacity .2s ease-out; opacity: 0 } .custom-form .input-control input:focus::placeholder, .custom-form .input-control textarea:focus::placeholder {transition: opacity .2s .1s ease-out; opacity: 1 } .custom-form .input-control input.show-placeholder::placeholder {opacity: 1!important } .custom-form .input-control label {font-size: 16px; pointer-events: none; position: absolute; top: 10px; left: 0; color: #a7a9a7; transition: all .2s ease-in-out } .custom-form .input-control span.border {position: absolute; width: 0%; left: 0; bottom: 0; border-bottom: 2px solid #000; transition: width .2s ease-out } .custom-form .input-control span.border--failed {width: 100%; border-bottom: 2px solid #dc2932 } .custom-form .input-control span.border--failed~label {color: #dc2932 } .custom-form .input-control input.input--focused~span.border, .custom-form .input-control textarea.input--focused~span.border {width: 100% } .custom-form .input-control input.input--focused+label, .custom-form .input-control input.ng-valid+label, .custom-form .input-control input:focus+label, .custom-form .input-control textarea.input--focused+label, .custom-form .input-control textarea.ng-valid+label, .custom-form .input-control textarea:focus+label {color: #000; font-size: 14px; top: -12px!important; font-weight: 700; background-color: #fff } .custom-form .input-control input.ng-valid+label {color: #999!important } .custom-form .input-control input.input--focused+label.failed, .custom-form .input-control textarea.input--focused+label.failed {color: #dc2932 } @media (max-width:768px) {.img-width-ipad {width: 30% } } #navigation, #navigation a {color: #000 } #navigation section.mobile-fixed-header svg {width: 25px; height: 25px } #navigation .nav-link {color: #000; font-size: 15px; position: relative } #navigation .notification {display: block; width: 20px; height: 20px; border-radius: 50%; background: #ff6464; position: absolute; top: 5px; left: 30px; text-align: center; font-size: 12px; line-height: 20px; color: #fff } #navigation .dropdown {position: static } #navigation .nav-box {z-index: 9999; border-radius: 0; box-shadow: 0 6px 25px -18px #000 } #navigation .nav-box .dropdown-menu {width: 100%; left: 0; right: 0; top: 37px; border: none } #navigation .user-profile .dropdown:focus {background: #000; color: #fff } #navigation .user-profile .dropdown:focus svg {fill: #fff } #navigation .user-profile .dropdown-menu {width: 40%; z-index: 999999; background: #000; left: 74px; right: 0; top: 44px; border: none } #navigation .user-profile .dropdown-menu .dropdown-item {color: #fff } #navigation .user-profile .dropdown-menu .dropdown-item:hover {background: 0 0 } #navigation .navbar {position: static; padding: 0 } #navigation .navbar .dropdown-menu {background-color: #fff; border-top: 1px solid #e2e2e2; border-bottom: 3px solid #000; padding: 20px 0 } #navigation .navbar .dropdown-menu h5 {margin-bottom: 15px } #navigation .navbar .dropdown-menu ul {padding: 0; list-style: none } #navigation .navbar .dropdown-menu ul li {margin-bottom: 8px } #navigation .navbar .dropdown-menu a {font-size: 13px } #navigation nav .nav-link {padding: 10px 15px } #navigation nav .nav-item:hover {box-shadow: 0 0 12px 0 rgba(0, 0, 0, .15); -moz-box-shadow: 0 0 12px 0 rgba(0, 0, 0, .15); -webkit-box-shadow: 0 0 12px 0 rgba(0, 0, 0, .15); border-top: 3px solid #000; margin-top: -3px } .login-box, .login-logo-box {box-shadow: 0 0 20px -2px #dbdbdb } #navigation nav .nav-item:hover .nav-link {font-weight: 700; background-color: #fff!important; z-index: 999999 } #navigation nav .nav-link:hover {font-weight: 700 } #navigation #searchbox {position: absolute; left: 50% } #navigation #nav-band {background: #000; color: #fff; font-family: ProximaNova-Light; padding: 5px 15px } .login-heading, .pass-forget, footer #download-app p {font-family: ProximaNova-Semibold } #navigation #nav-band p {font-size: 13px; margin: 0 } #navigation #nav-band b {font-size: 14px } .form-control {border-radius: 0 } .sticky-header {position: fixed; top: 0; width: 100%; transition: all ease .3s; background: #fff } .login-box {padding: 15px; background-color: #fff } .modal {background-color: rgba(255, 255, 255, .4) } .modal-content {background-color: transparent; border: none } .login-logo-box {background-color: #fff; padding: 30px; width: 100% } .login-heading {margin-top: 20px; margin-bottom: 30px } .social-pad {padding: 0 9px } .nav-tabs {border-bottom: none } .nav-tabs .nav-link {border: none; color: #ddd; line-height: 3 } .login-btn, .pass-forget {border-width: 0; display: block; margin: auto } .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {color: #000; width: 142px; font-size: 15pt; line-height: 1.5 } .login-box {position: relative; border-radius: 3px } .button-box {position: absolute; left: 0; right: 0; bottom: -46px } .login-btn {padding: 6px 40px; background-color: #000; color: #fff; border-radius: 3px; font-weight: 700; cursor: pointer } .pass-forget {background-color: transparent; color: #000; font-size: 8pt; padding: 8px } @media (max-width:1023px) {#navigation .nav-item .nav-link span {display: none } } @media (max-width:900px) {#navigation nav .nav-item:hover {box-shadow: none } #navigation .nav-box {border: none } #navigation .nav-link {text-align: left; min-width: 50px!important } #navigation .nav {border-bottom: 1px solid #dbdbdb; border-top: 1px solid #dbdbdb } #navigation .mobile-logo {width: 30% } .navbar-collapse {position: fixed; top: 0; left: 0; padding: 15px; width: 45%; height: 100vh; background: #fff; box-shadow: -5px 10px 30px 0 #dbdbdb; overflow-y: auto; overflow-x: hidden } .navbar-collapse.collapsing {-webkit-transition: left .4s ease; -o-transition: left .4s ease; -moz-transition: left .4s ease; transition: left .3s ease; left: -100% } .navbar-collapse.show {left: 0; -webkit-transition: left .4s ease-in; -o-transition: left .4s ease-in; -moz-transition: left .4s ease-in; transition: left .4s ease-in } .close-icon {position: absolute; top: 15px; right: -30px } .close-icon img {width: 30% } .navbar-toggler {position: absolute; top: 0; left: 0; padding: 5px 0 } .navbar-toggler:focus {outline: 0; border: none } } @media (max-width:500px) {.mobile-last {display: none!important } .navbar-collapse {width: 90% } .mobile-logo {width: 75%!important } #navigation {border-bottom: 1px solid #efefef } } footer p {margin-bottom: 0 } footer #download-app {background: #e9b591; padding-top: 20px; padding-bottom: 20px } footer #download-app p {font-size: 13px; margin-bottom: 10px } footer #download-app .mobile {position: absolute; right: 15px; height: 100% } @media (max-width:320px) {footer #download-app {padding-top: 10px; padding-bottom: 6px } } footer #footer-links {background: #141414; color: #fff; padding-top: 30px; padding-bottom: 30px } footer #footer-links .nav-link {color: #ccc } footer #footer-links .nav-link img {width: 30px; height: 30px } footer #footer-links p {padding: 5px 0 } @media (max-width:500px) {footer #download-app .mobile {top: -68px; width: 66% } footer #download-app .android-app {width: 40% } footer #download-app p {font-size: 10px } footer #footer-links .nav-link {font-size: 12px } } @media (width:412px) {footer #download-app .mobile {top: -100px } } #banner-slider .carousel-caption {bottom: 40%; text-align: left } #banner-slider p:first-child {font-family: Didot-HTF-B42-Bold-Ital; font-size: 25px; color: #eb9362 } #banner-slider p:first-child span {font-size: 80px; margin-left: 10px } #banner-slider p:nth-child(2) {font-family: Didot-HTF-L96-Light-Ital; font-size: 25px; color: #e9b591 } #banner-slider .carousel-indicators {margin: 0; right: 0; left: 50%; bottom: 30px } #banner-slider .carousel-indicators li {background-color: #dbdbdb } #banner-slider .carousel-indicators li.active {background-color: #eb9362 } @media (max-width:768px) {#banner-slider .carousel-indicators {bottom: 15px } #banner-slider .search-bar label {position: absolute; top: 5px; left: 15px; font-size: 20px } #banner-slider .search-bar label .fa {color: #dfdfdf; font-size: 18px } #banner-slider .search-bar input[type=search] {font-size: 12px; padding: 10px 40px; border-color: #fff; border-bottom: 3px solid #f6f6f6 } #banner-slider .search-bar input[type=search]::-webkit-input-placeholder {color: #dfdfdf } #banner-slider .search-bar input[type=search]::-moz-placeholder {color: #dfdfdf } #banner-slider .search-bar input[type=search]:-ms-input-placeholder {color: #dfdfdf } #banner-slider .search-bar input[type=search]:-moz-placeholder {color: #dfdfdf } } @media (max-width:500px) {#banner-slider .carousel-caption {bottom: 0; left: 5%; right: 5% } #banner-slider p:first-child {font-size: 20px } #banner-slider p:first-child span {font-size: 60px } #banner-slider p:nth-child(2) {font-size: 18px } } #offer-banners .grid-container {display: grid; grid-column-gap: 15px; grid-row-gap: 15px; grid-template-areas: "one two two" "three four five"} #offer-banners .grid-1, #offer-banners .one {grid-area: one; grid-column: 1/2 } #offer-banners .grid-2, #offer-banners .two {grid-area: two; grid-column: 2/5 } #offer-banners .grid-3, #offer-banners .three {grid-area: three; grid-column: 1/3; grid-row: 2 } #offer-banners .four, #offer-banners .grid-4 {grid-area: four; grid-column: 3/4; grid-row: 2 } #offer-banners .five, #offer-banners .grid-5 {grid-area: five; grid-column: 4/5; grid-row: 2 } #offer-banners img {width: 100% } @media only screen and (max-width:900px) {#offer-banners .grid-container {grid-template-areas: "one four five" "two two two" "three three three"; grid-column-gap: 10px; grid-row-gap: 10px padding:0 15px } #offer-banners .grid-1, #offer-banners .one {grid-column: 1/2 } #offer-banners .grid-2, #offer-banners .two {grid-column: 1/4 } #offer-banners .grid-3, #offer-banners .three {grid-column: 1/4; grid-row: 3 } #offer-banners .four, #offer-banners .grid-4 {grid-column: 2/3; grid-row: 1 } #offer-banners .five, #offer-banners .grid-5 {grid-column: 3/4; grid-row: 1 } } #singel-product {background-size: cover; font-family: ProximaNova-Light; font-style: italic; color: #d29e37 } #singel-product .singel-product-content {padding: 50px 15px } #product-listing__filter, #shop-by-category {padding-bottom: 15px } #singel-product h2, #singel-product h4 {font-family: Didot-HTF-B42-Bold-Ital; margin: 0; color: #f3bb3d } #singel-product p {font-size: 20px; margin-top: 30px } #singel-product h2 {font-size: 48px } #singel-product h4 {font-size: 32px } @media (max-width:500px) {#singel-product {background-size: cover; background-position: top } #singel-product img {margin-top: 30px } #singel-product p {font-size: 16px } } #product-listing__filter:first-child {padding-top: 0 } #product-listing__filter .nav .nav-item .nav-link {color: #dbdbdb; font-size: 22px; font-family: ProximaNova-Regular } #product-listing__filter .nav .nav-item .nav-link.active {background: 0 0; color: #000; font-family: ProximaNova-Regular; position: relative } #product-listing__filter .card {width: 20% } @media (max-width:900px) {#singel-product {padding: 50px 0 } #product-listing__filter .card {width: 33.33% } } @media (max-width:500px) {#product-listing__filter .card {width: 50% } #product-listing__filter .card .price strike {font-size: 13px } #product-listing__filter .card .btn {width: 100%; margin-bottom: 8px } } @media (max-width:360px) {#product-listing__filter .card .price h5 {font-size: 12px } } @media (max-width:500px) {#product-listing__filter .nav .nav-item .nav-link {font-size: 22px } } #shop-by-category {padding-top: 25px } #shop-by-category .heading h4 {margin: 0; font-size: 20px } #shop-by-category .heading h2 {font-size: 25px; margin-top: 0; font-weight: 900; font-family: ProximaNova-Bold } #shop-by-category .line {width: 60%; margin-left: 0 } #shop-by-category .card {margin-top: 0; max-width: 230px } #shop-by-category .slider-nav {position: absolute; bottom: 0; right: 0; z-index: 999 } #shop-by-category .categorySlider .slider-nav {position: relative!important } #shop-by-category .nav .nav-link {color: #565656; position: relative } #shop-by-category .nav .nav-link.active {color: #000; font-family: ProximaNova-Semibold } #shop-by-category .nav .nav-link.active:after {content: url(../images/double-arrow-right.svg); margin-left: 5px; position: absolute } @media (max-width:500px) {#shop-by-category .card {max-width: none } #shop-by-category .nav .nav-link.active:after {top: 8px; right: -5px } #shop-by-category {padding-top: 30px } #shop-by-category .flex-column {-webkit-flex-direction: row!important; -ms-flex-direction: row!important; flex-direction: row!important; overflow: scroll } #shop-by-category .slider-nav {left: 0; text-align: center } #shop-by-category .nav {margin-bottom: 15px; padding-bottom: 20px; padding-top: 10px } #shop-by-category .nav .nav-link {width: auto } #shop-by-category .nav .nav-link.active {background: #fff; box-shadow: 0 0 20px -2px #dbdbdb } } #testimonial {padding-top: 30px; padding-bottom: 30px } #testimonial .heading {margin-bottom: 40px; font-size: 1.2rem; margin-top: 10px } #testimonial .heading span {font-size: 20px; font-family: ProximaNova-Bold } #testimonial .fa-quote-left {float: left; margin-right: 20px; height: 200px } #testimonial .content {font-size: 20px; font-family: ProximaNova-Light; font-style: italic } #testimonial .content-box {box-shadow: 0 0 16px 0 #dbdbdb; padding: 30px } #testimonial .swiper-slide {min-height: 465px } #testimonial .profile {position: absolute; width: 100%; bottom: 36px } #testimonial .profile img {box-shadow: 0 0 16px 0 #dbdbdb; max-height: 160px } #testimonial .profile h4, #testimonial .profile p {margin: 0 } #testimonial .nav-arrow {position: absolute; top: 50%; width: 100%; z-index: 999; font-size: 45px } #testimonial .nav-arrow .test-button-next {content: url(../images/double-arrow-right.svg); right: 0; position: absolute; display: inline-block } #testimonial .nav-arrow .test-button-prev {content: url(../images/double-arrow-left.svg); left: 0; position: absolute; display: inline-block } #testimonial .nav-arrow .test-button-next:before, #testimonial .nav-arrow .test-button-prev:before {font-family: FontAwesome; font-size: 30px } @media (max-width:500px) {#testimonial {padding-top: 15px; padding-bottom: 15px } #testimonial .content-box {padding: 15px } #testimonial .fa-quote-left {font-size: 2em; height: auto } #testimonial .content {font-size: 14px; margin-top: 45px } #testimonial .pad-30 {padding: 5px } #testimonial .profile {bottom: 80px } } #product-listing {padding-top: 10px; padding-bottom: 30px } #product-listing #product-listing-filter .card {margin-top: 0; float: none } #product-listing #product-listing-filter .card .card-header {background: 0 0; padding: 10px 10px 5px } #product-listing #product-listing-filter .card .card-header h5 {margin-bottom: 0; font-family: ProximaNova-Semibold } #product-listing #product-listing-filter .card .card-header a:focus, #product-listing #product-listing-filter .card .card-header a:hover {color: inherit } #product-listing #product-listing-filter .card .card-block {padding-top: 15px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 16px } #product-listing #product-listing-filter .card .card-block .custom-control {display: block } #product-listing #product-listing-filter .price-range .range-lable {margin-top: 15px; font-family: ProximaNova-Semibold } #product-listing #product-listing-filter .price-range .range-lable input {width: 100%; border: 0 } #product-listing .heading {font-family: ProximaNova-Semibold; font-size: 30px; margin-right: 15px } #product-list .card {min-width: 33.33% } #product-list .card .theam-btn {width: 100% } #product-list .card .compare-btn {width: 95px } @media (max-width:500px) {#product-listing #product-listing-filter {position: fixed; top: 0; left: 0; right: 0; height: 100%; overflow: auto; z-index: 99999999; background: #fff; display: none } #product-listing .floting-btn {position: fixed; bottom: 8px; right: 8px; z-index: 9999 } #product-listing .floting-btn i {font-size: 22px; color: #fff; padding: 15px 18px; background: #333; display: block; border-radius: 50% } #product-list .card {width: 100% } #product-list .card .compare-btn {float: right } } #product-collection .card {min-width: 33%; float: none; display: inline-block } #product-collection .card .theam-btn {width: 100% } #product-collection .card .compare-btn {width: 95px } @media (max-width:500px) {#product-collection .card {width: 100% } #product-collection .card .compare-btn {float: right } } .close-filter {position: absolute; top: 8px; right: 8px; z-index: 9; background: 0 0; border: 1px solid; border-radius: 50%; outline: 0 } #product-indo .product-button-next.product-button-next, #product-indo .product-button-prev.product-button-next, .ui-slider-horizontal .ui-slider-range-max {right: 0 } .page-link {border: 1px solid transparent; color: #000; margin-right: 1px; background-color: transparent } .page-link:hover {border: 1px solid #000; background-color: #fff; color: #000 } .page-item.active .page-link {background-color: transparent; color: #000; border: 1px solid #000 } .ui-helper-hidden {display: none } .ui-helper-hidden-accessible {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px } .ui-helper-reset {margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; font-size: 100%; list-style: none } .ui-helper-clearfix:after, .ui-helper-clearfix:before {content: ""; display: table; border-collapse: collapse } .ui-helper-clearfix:after {clear: both } .ui-helper-zfix {width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: Alpha(Opacity=0) } .ui-front {z-index: 100 } .ui-state-disabled {cursor: default!important } .ui-icon {display: inline-block; vertical-align: middle; margin-top: -.25em; position: relative; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat } .ui-widget-icon-block {left: 50%; margin-left: -8px; display: block } .ui-widget-overlay {position: fixed; top: 0; left: 0; width: 100%; height: 100% } .ui-slider {position: relative; text-align: left; border: 1px solid; border-radius: 8px } .ui-slider .ui-slider-handle {position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; -ms-touch-action: none; touch-action: none } .ui-slider .ui-slider-range {position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0 } .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range {filter: inherit } .ui-slider-horizontal {height: .6em; width: calc(100% - 20px) } .ui-slider-horizontal .ui-slider-handle {top: -.4em; border: 1px solid #565656; background: #dbdbdb; border-radius: 50% } .ui-slider-horizontal .ui-slider-handle:focus {outline: 0 } .ui-slider-horizontal .ui-slider-range {top: 0; height: 100%; background: #dbdbdb } .ui-slider-horizontal .ui-slider-range-min {left: 0 } .ui-slider-vertical {width: .8em; height: 100px } .ui-slider-vertical .ui-slider-handle {left: -.3em; margin-left: 0; margin-bottom: -.6em } .ui-slider-vertical .ui-slider-range {left: 0; width: 100% } .ui-slider-vertical .ui-slider-range-min {bottom: 0 } .ui-slider-vertical .ui-slider-range-max {top: 0 } .tags {margin-right: 5px } .tags .badge {color: #ff6464; border: 1px solid #565656; background-color: #fff } .tags .badge b {color: #000 } .tags .badge span {margin-left: 5px } .tags button {background: 0 0; border: none; padding: 0 } #product-indo .compare-btn:focus, #product-indo .compare-btn:hover, #product-indo .custom-btn {background-color: transparent; outline: 0 } #product-indo .caret {font-family: ProximaNova-Regular; font-style: italic; font-size: 16px } .product-sku {color: #d3d3d3; font-style: italic } #product-indo .custom-btn {border: none; font-size: 15px; font-family: ProximaNova-Semibold; color: #d3d3d3 } #product-indo .share-arrow {color: #000; padding: 6px } #product-indo .price span {font-size: 24px; font-family: ProximaNova-Semibold; margin-right: 10px } #product-indo .compare-btn, #product-indo .select-size-op, #product-indo .size-error p, #product-indo strike {font-family: ProximaNova-Light } #product-indo strike {font-size: 16px; color: #dbdbdb } #product-indo .margin-btm {margin-bottom: 12px } #product-indo .select-size-op {border-radius: 4px; border: 2px solid #d3d3d3; font-style: italic } #product-indo .size-error {line-height: 2 } #product-indo .size-error p {font-style: italic; color: #000 } #product-indo .buynow-btn .btn, .sets .buynow-btn .btn {color: #fff; margin: 10px 0 0; border-radius: 4px; padding: 10px; outline: 0 } #product-indo .compare-btn, #product-indo .compare-share-btn {padding: 5px; border: 0; color: #d3d3d3 } #product-indo .compare-btn {margin: 15px 0 0; font-style: italic } #product-indo .add-compare {margin-right: 5px } #product-indo .select-option {padding: 0 30px 5px 0 } #product-indo .heading-spacing {margin-top: 30px; margin-bottom: 30px } #product-indo .sub-heading-spacing {margin-bottom: 30px } #product-indo .heading-spacing p {font-family: ProximaNova-Semibold } #product-indo .heading-spacing p span {font-family: ProximaNova-Regular; color: #777 } #product-indo .check-btn {background-color: #000; color: #fff; border-color: #000; width: 100% } #product-indo tbody tr td {border-top: none } #product-indo .faq-arrow {display: block; color: #000; font-family: ProximaNova-Semibold } #product-indo .faq-arrow.collapsed::after {content: url(../images/angle-right.svg); float: right } #product-indo .faq-arrow::after {content: url(../images/angle-down.svg); float: right } #product-indo .product-button-next, #product-indo .product-button-prev {position: absolute; top: 30px; z-index: 9999; font-size: 25px } #product-indo .product-button-next.product-button-prev, #product-indo .product-button-prev.product-button-prev {left: 0 } #product-indo .gallery-bgclr {background-color: #fff } #product-indo .swiper-container {width: 100%; height: 400px; margin-left: auto; margin-right: auto } #product-indo .swiper-slide {background-size: cover; background-position: center } #product-indo .gallery-top {width: 100% } #product-indo .gallery-thumbs {height: 100px; box-sizing: border-box; border-bottom: 1px solid #f0f0f0; padding: 10px 0 } @media (max-width:768px) {#product-indo .product-button-next, #product-indo .product-button-prev {top: 15px } #product-indo .swiper-slide {display: flex; align-items: center } #product-indo .gallery-thumbs {height: 60px } } #product-indo .gallery-thumbs .swiper-slide {width: 20%; height: 100%; opacity: .4 } #user-profile .alapatt-diamond img, #user-profile .my-wish img, #user-profile .myorder img {height: auto; width: 100% } #product-indo .gallery-thumbs .swiper-slide-active {opacity: 1; background-color: #f9f9f9 } #product-indo .certi-by {font-size: 16px; font-family: ProximaNova-Light; font-style: italic; font-weight: 700 } .bs-tether-element-attached-top {background: 0 0; border: none; margin-top: 2px!important } .bs-tether-element-attached-top a {display: block; margin-bottom: 15px } .bs-tether-element-attached-top a img {width: 25px } .bs-tether-element-attached-top:before {border: none } #cust-review .media img {width: 8%; box-shadow: 0 0 20px -2px #dbdbdb } #cust-review .review-content h1 {font-size: 23px; font-family: ProximaNova-Semibold } #cust-review .review-cust {margin-top: 15px } #cust-review .margin-btm {margin-bottom: 12px } #cust-review .review-cust-h3 {font-family: ProximaNova-Semibold; font-size: 14px } #cust-review .review-date {color: #d3d3d3; font-size: 10px } #cust-review .review-para {color: #8b8a8a } #cust-review .review-mrgin-btm {margin-bottom: 45px } #cust-review .publish-btn {background-color: #000; color: #fff; border-color: #000; font-family: ProximaNova-Regular; padding: 4px 30px; border-radius: 4px } @media only screen and (max-width:500px) {#cust-review textarea {font-size: 12px } #product-indo .h1-heading {font-size: 19px } #product-indo .custom-btn {float: right } .media img {width: 20%; box-shadow: 0 0 20px -2px #dbdbdb } } #user-profile .card {width: 100%; margin-top: 0!important; padding-top: 0!important } #user-profile .card-padding {padding: 20px } #user-profile .alapatt-diamond {margin-top: 26px } #user-profile .alapatt-diamond p {font-family: ProximaNova-Regular; font-size: 13px; margin-bottom: 0 } #user-profile .alapatt-diamond h3 {font-family: ProximaNova-Semibold; font-size: 16px } #user-profile .account-settings h4 {font-family: ProximaNova-Semibold; font-size: 22px } #user-profile .account-settings .asetting-subhead {font-family: ProximaNova-Regular; font-size: 16px; color: #000; padding-left: 47px } #user-profile .account-settings .order-head {font-family: ProximaNova-Semibold; font-size: 20px; color: #000; padding: .5em 0 } #user-profile .account-settings .order-img-padding {padding-right: 20px } @media (max-width:500px) {#user-profile .account-settings h4 {font-size: 20px } } #user-profile .p-info {font-family: ProximaNova-Semibold; font-size: 22px } #user-profile .form-head h5, #user-profile .manager-add h3, #user-profile .manager-add p, #user-profile .my-wish h3, #user-profile .my-wish p, #user-profile .myorder h3, #user-profile .myorder p {font-family: ProximaNova-Regular } #user-profile .form-head h5 {font-size: 14px } #user-profile .m-add-ellipsis {border: 0; padding: 0 } #user-profile .m-add-ellipsis:focus {color: #000!important; box-shadow: 0!important } #user-profile .m-add-ellipsis:hover {color: #000!important } #user-profile .manager-add h3 {font-size: 17px } #user-profile .manager-add p {font-size: 14px; color: #636363 } #user-profile .manager-add a {color: #000 } #user-profile .manager-add a:focus {-webkit-box-shadow: none; box-shadow: none } #faq .collapse.show, #faq .textContaineer, .cart-tabs .nav-link span, .responsive-table tr:hover {box-shadow: 0 0 20px -2px #dbdbdb } #user-profile .my-wish h3 {font-size: 15px } #user-profile .my-wish p {font-size: 13px; color: #C1C1C1 } #user-profile .my-wish .fa {font-size: 14px } #user-profile .myorder a {color: #000; text-decoration: none; border: none } #user-profile .myorder a:hover {border: none } #user-profile .myorder h3 {font-size: 15px } #user-profile .myorder p {font-size: 13px; color: #C1C1C1 } #user-profile .myorder .fa {font-size: 18px; font-weight: 700 } #user-profile .myorder .buynow-btn .btn {background-color: #000; color: #fff; border-color: #000; margin: 35px 0 0 } #user-profile .item-details, #user-profile .item-details-shiping {border-right: 1px solid #ddd } #user-profile .myorder .cp-btn {padding: 5px 20px; font-family: ProximaNova-Semibold; font-size: 14px } #user-profile .order-details.nav-link.active {width: auto } #user-profile .order-details .back-to-myorder {float: right; font-size: 16px } #user-profile .order-details a {color: #000 } #user-profile .order-details a span {padding: 8px } #user-profile .item-details p:first-child {font-size: 16px; color: #000; font-family: ProximaNova-Bold } #user-profile .item-details p {font-size: 12px; color: #d3d3d3 } #user-profile .item-details span {padding-left: 8px; color: #000; font-size: 13px } #user-profile .item-details-shiping p:first-child {font-size: 16px; color: #000; font-family: ProximaNova-Bold } #user-profile .item-details-shiping p:nth-child(2) {font-size: 13px; color: #000; margin: 0 } #user-profile .item-details-shiping p:nth-child(3) {font-size: 13px; color: #d3d3d3 } #user-profile .item-details-shiping span {padding-left: 8px; color: #d3d3d3; font-size: 13px } #user-profile .item-details-manage p:first-child {font-size: 16px; color: #000; font-family: ProximaNova-Bold } #user-profile .item-details-manage p {font-size: 16px; color: #f3bb3d } #user-profile .item-details-manage p span {padding-left: 4px; border-radius: 50% } #user-profile .item-details-manage p span a {color: #f3bb3d } #user-profile .shiping-order-det p:first-child {margin: 0; color: #000; font-size: 15px; font-family: ProximaNova-Bold } #user-profile .shiping-order-det p {font-size: 12px; color: #d3d3d3 } #user-profile .cont {height: 100%; width: 90%; left: 0; padding: 0; margin: 0 auto; position: relative; font-family: FontAwesome } #user-profile .cont #progress-bar {appearance: none; width: 100%; background-color: #d3d3d3; height: 3px; margin: 0 auto } #user-profile .cont span {height: 20px; width: 20px; border-radius: 100%; border: 3px solid #d3d3d3; background: #d3d3d3; position: absolute; left: 0; top: 2px; cursor: pointer; transition: all .4s ease-in-out } #user-profile .cont span::before {content: "\f00c"; top: -4px; right: -2px; position: relative; color: #fff; font-size: 10px } #user-profile .cont .second {left: 50% } #user-profile .cont .third {left: 100% } #user-profile .cont #progress-bar::-webkit-progress-value {background: #00c440; transition: all .4s ease-in-out } #user-profile .cont #progress-bar::-webkit-progress-bar {background: #d3d3d3 } #user-profile .cont .border-change {border-color: #00c440; transition: all .4s ease-in-out; background-color: #00c440 } #user-profile .cont .msg-of-conf p {margin: 0; color: #d3d3d3 } #user-profile .nav-link.active:after {content: url(../images/double-arrow-right.svg); font-family: FontAwesome; margin-left: 5px } .bs-tether-element-attached-left {background: #000 } .popover-ellipsis {color: #000; background-color: #fff; border: 0 solid #fff } @media only screen and (max-width:786px) {#user-profile .order-details .back-to-myorder a {font-size: 10px } #user-profile .card-padding h4 {font-size: 18px } #user-profile .item-details, #user-profile .item-details-shiping {border-right: none; border-bottom: 1px solid #ddd } #user-profile .item-details-manage {border-bottom: 1px solid #ddd } } @media only screen and (max-width:500px) {#user-profile .card-padding {padding: 0 } #user-profile .card-padding h4 {font-size: 16px } #user-profile .order-details .back-to-myorder a {font-size: 8px } #user-profile .myorder .buynow-btn .btn {float: none!important; font-size: 12px } #user-profile .custom-form .gender-btn {margin-right: 0 } #user-profile .custom-form .gender-btn label {margin-bottom: 0 } } .cart-tabs .nav-link {font-size: 18px; color: #565656; background: 0 0; border: none; outline: 0; font-family: ProximaNova-Regular } .cart-tabs .nav-link span {width: 36px; height: 36px; margin-right: 5px; display: inline-block; text-align: center; line-height: 2 } .cart-tabs .nav-link.active svg path {fill: #ff6464; font-weight: 900 } .cart-tabs .nav-link.active {color: #000; font-weight: 900 } .cart-tabs .nav-link.active span {background: #f3bb3d; color: #fff } #user-cart .add-address a {float: right; padding: 10px; border: 1px solid #d3d3d3; border-radius: 4px; font-size: 13px; color: #000; text-transform: uppercase; background: #f9f9f9 } #user-cart .edit-address a {float: right; padding: 10px; font-size: 14px; color: #FFF } #user-cart .card-type {padding: 2px 30px; background-color: #000; color: #fff; font-family: ProximaNova-Bold; border-radius: 4px; font-size: 18px } #user-cart .card-type h5 {margin: 0 } #user-cart .form-pad {padding: 40px } #user-cart .card-btn {background-color: #000; color: #FFF; border-radius: 5px } #user-cart .card {width: 20% } #user-cart .card .add-card {padding: 20px } #user-cart .card .add-card h4 {font-size: 18px; color: #ababab } #user-cart .card .add-card p {font-size: 13px } #user-cart .card .add-card p:nth-child(3) {font-size: 13px; color: #ababab } #user-cart .card .add-card label {padding: 5px; color: #ababab; border: 1px solid #ababab; border-radius: 4px; cursor: pointer; text-align: center; -webkit-user-select: none; user-select: none; -webkit-transition: all .2s linear; transition: all .2s linear } #user-cart .card .add-card input[type=radio] {display: none } #user-cart .card .add-card input[type=radio]:checked+label {border-color: #000; color: #FFF; background-color: #000 } #user-cart .card .add-card .edit-del a {color: #ababab; font-size: 14px } #user-cart .card .add-card .edit-del a span {padding-left: 8px } #user-cart .pay-content {padding: 25px } @media (max-width:500px) {#user-cart .pay-content {padding: 8px } } #user-cart .pay-content-1 {padding: 30px } #user-cart .pay-content-1 .price-pay {font-size: 16px; font-weight: 100 } #user-cart .pay-content-1 .price-pay p {font-size: 16px } #user-cart .pay-content-1 .price-pay p span {padding-left: 10px } @media (max-width:500px) {#user-cart .pay-content-1 .price-pay p {font-size: 20px!important; text-align: center } #user-cart .pay-content-1 {padding: 15px } } #user-cart .coupan input {border-radius: 0 } #user-cart .coupan-app {padding: 6px 20px; border: 1px solid #ff6464; border-radius: 0; margin-left: -1px; background: #ff6464; color: #fff } .no-border-radius {border-radius: 0 } #user-cart .payment-content {text-align: center } #user-cart .payment-content .price-pay {font-size: 16px; font-weight: 100 } #user-cart .payment-content .price-pay p {font-size: 12px; color: #d3d3d3 } #user-cart .payment-content .price-pay p span {padding-left: 10px } #user-cart .payment-content .placed-payu1 {margin: 10px } #user-cart .payment-content .placed-cod a {padding: 10px; background-color: #000; color: #FFF; border-radius: 3px; margin: 10px; font-size: 14px } #payment, #shipping {padding-top: 30px; background-color: transparent } .user-cart-box {background-color: #fff; padding: 15px; margin-bottom: 15px; font-size: 16px } .responsive-table {font-size: 18px; font-weight: 700; background-color: #fff } .responsive-table button {background: 0 0; border: 0; outline: 0; cursor: pointer } .responsive-table tr {border-bottom: 1px solid #dbdbdb } .responsive-table tr:hover {transition: all ease-in-out .3s } .responsive-table p {margin: 0; font-size: 14px } .responsive-table h6 {font-size: 16px; font-weight: 700 } .responsive-table .btn {border: 1px solid #000; padding: 5px 15px; font-weight: 700; } #shipping .card .btn{border: 1px solid #4CAF50!important; border-radius: 3px; color: #fff!important; background: #4CAF50; font-weight: normal; text-transform: capitalize; } .responsive-table .btn:hover {color: inherit } .responsive-table .next-btns a {color: #fff; background-color: #000 } .responsive-table .next-btns a:hover {color: #fff } @media (max-width:500px) {.responsive-table .rtable th {font-size: 11px; text-align: left; text-transform: uppercase; width: 100%; height: 100% } .responsive-table .rtable td, .responsive-table .rtable th {padding: 6px 12px; border: 1px solid #d9d7ce } .responsive-table .rtable--flip {display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; background: 0 0 } .responsive-table .rtable--flip thead {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; min-width: -webkit-min-content; min-width: -moz-min-content; min-width: min-content } .responsive-table .rtable--flip tbody {display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; overflow-x: auto; overflow-y: hidden } .responsive-table .rtable--flip tbody td {width: 100%; text-align: center } .responsive-table .rtable--flip tbody tr {min-width: 100% } .responsive-table .rtable--flip thead tr {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-width: -webkit-min-content; min-width: -moz-min-content; min-width: min-content; -ms-flex-negative: 0; flex-shrink: 0 } .responsive-table .rtable--flip td, .responsive-table .rtable--flip th {display: block } .responsive-table .rtable--flip td {background-image: none!important; border-left: 0 } .responsive-table .rtable--flip td:not(:last-child), .responsive-table .rtable--flip th:not(:last-child) {border-bottom: 0; min-height: 80px } .responsive-table .rtable--flip td:not(:last-child) img, .responsive-table .rtable--flip th:not(:last-child) img {width: 28% } .responsive-table .rtable--flip td:not(:last-child) h4, .responsive-table .rtable--flip th:not(:last-child) h4 {margin: 0 } .responsive-table button {width: 100% } } .responsive-table .radio-work span {font-size: 16px; color: #d3d3d3 } .selected-pro, .selected-pro i {color: #565656; font-weight: 100 } .selected-pro i {font-size: 17px } @media only screen and (max-width:500px) {#user-cart .card {width: 100% } #user-cart .align-middle p {font-size: 14px; margin-bottom: 8px } } #payment-success .cart-tabs .nav-link {font-size: 18px; color: #000; text-align: center } #payment-success .cart-tabs .nav-link span {box-shadow: 0 0 20px -2px #dbdbdb; width: 36px; height: 36px; margin-right: 5px; display: inline-block; text-align: center; line-height: normal; background: #f3bb3d; color: #fff; padding: 7px; border-radius: 4px } #payment-success .order-success-content {background-color: #fff; padding-bottom: 30px; padding-top: 30px } #payment-success .order-success-content .success-msg h1 {font-size: 28px; color: #f3bb3d; text-align: center } #payment-success .order-success-content .success-msg h1 span {border: 4px solid #f3bb3d; border-radius: 50px; padding: 8px; color: #f3bb3d; display: flex; width: 50px; align-items: center; margin: 0 auto } #payment-success .order-success-content .cont {height: 100%; width: 40%; left: 0; padding: 0; margin: 0 auto; position: relative; font-family: FontAwesome } #payment-success .order-success-content .cont #progress-bar {appearance: none; width: 100%; background-color: #d3d3d3; height: 3px; margin: 0 auto } #payment-success .order-success-content .cont span {height: 30px; width: 30px; border-radius: 100%; border: 3px solid #d3d3d3; background: #d3d3d3; position: absolute; left: 0; top: 2px; cursor: pointer; transition: all .4s ease-in-out; text-align: center } #payment-success .order-success-content .cont span::before {content: url(../svg/tick.svg); line-height: 34px } #payment-success .order-success-content .cont span strong {top: 30px; position: absolute; right: 20px; left: -20px; width: 100px; color: #999; font-size: 12px; font-weight: 500 } #payment-success .order-success-content .cont .second {left: 50% } #payment-success .order-success-content .cont .third {left: 100% } #payment-success .order-success-content .cont #progress-bar::-webkit-progress-value {background: #00c440; transition: all .4s ease-in-out } #payment-success .order-success-content .cont #progress-bar::-webkit-progress-bar {background: #d3d3d3 } #payment-success .order-success-content .cont .border-change {border-color: #00c440; transition: all .4s ease-in-out; background-color: #00c440 } #payment-success .order-success-content .cont .msg-of-conf p {margin: 0; color: #d3d3d3 } #payment-success .order-success-content .manage-order {text-align: center; margin-top: 50px } #payment-success .order-success-content .manage-order a {padding: 12px; background-color: #000; color: #FFF; border-radius: 3px; margin: 10px } #payment-success .card-type {padding: 10px 70px; background-color: #000; color: #fff; font-family: ProximaNova-Bold; border-radius: 4px; font-size: 18px } #payment-success .card-type .header-card h5 {font-size: 16px; margin: 0 } #payment-success .card-type .d-date {float: right } #payment-success .items-list {background-color: #FFF; padding: 0 50px } #payment-success .items-list .count-items span {font-size: 20px; color: #ddd } #payment-success .items-list .count-items img {width: 100px } #payment-success .items-list .count-items h3 {font-size: 16px } #payment-success .items-list .count-items p {font-size: 12px; color: #d3d3d3 } #payment-success .items-list-add {background-color: #FFF; padding: 0 70px } #payment-success .items-list-add .count-items h3 {font-size: 16px; font-family: ProximaNova-Semibold } #payment-success .items-list-add .count-items p {margin: 0; color: #d3d3d3 } @media only screen and (max-width:500px) {#payment-success .items-list .count-items span {font-size: 15px } #payment-success .items-list .count-items h3 {font-size: 14px } #payment-success .items-list .count-items p {font-size: 10px } #payment-success .items-list-add .count-items h3 {font-size: 14px } #payment-success .items-list-add .count-items p {font-size: 10px } #payment-success .order-success-content .cont {width: 60% } #payment-success .card-type {padding: 10px } #payment-success .card-type .header-card h5 {font-size: 8px } } #compare-product .bgwhite {background-color: #fff } #compare-product h3 {font-family: ProximaNova-Semibold; font-size: 20px } @media (max-width:500px) {#compare-product h3 {font-size: 17px } } #compare-product .compare-product-discount {font-family: ProximaNova-Regular; font-size: 14px; color: #EE4E28; margin-top: 20px; font-style: italic } @media (max-width:500px) {#compare-product .compare-product-discount {font-size: 12px } } #compare-product .p-name {font-family: ProximaNova-Regular; font-size: 17px } @media (max-width:500px) {#compare-product .p-name {font-size: 14px } } #compare-product .description-detail, #compare-product strike {font-family: ProximaNova-Regular; font-size: 15px; color: #A0A0A0 } @media (max-width:500px) {#compare-product .description-detail, #compare-product strike {font-size: 13px } } #compare-product .specification-detail {font-family: ProximaNova-Regular; font-size: 15px; color: #A0A0A0 } #compare-product .add-product-btn, #compare-product .cp-btn, #compare-product .p-cost {font-family: ProximaNova-Semibold } @media (max-width:500px) {#compare-product .specification-detail {font-size: 13px; padding-bottom: 0; padding-top: 0 } } #compare-product .p-cost {font-size: 18px } @media (max-width:500px) {#compare-product .p-cost {font-size: 15px } } #compare-product .cencelX {position: absolute; top: 0; right: 8px; border: 1px solid #000; padding: 4px; line-height: 1; border-radius: 50%; font-size: 10px; color: #000 } #compare-product .td-postion, #contactus {position: relative } #compare-product .cencelX img {max-width: 15px } @media (max-width:500px) {#compare-product .cencelX {padding: 2px 4px } } #compare-product .cp-btn {width: 100%; padding: 5px; font-size: 14px } @media (max-width:500px) {#compare-product .cp-btn {font-size: 12px } } #compare-product .theam-btn {color: #000; border-color: #000; background-image: linear-gradient(45deg, #000 50%, transparent 50%) } #compare-product .btn:focus, #compare-product .btn:hover {color: #fff; outline: 0 } #compare-product .buynow-btn .btn {background-color: #000; color: #fff; border-color: #000; margin: 35px 0 0 } #compare-product .col-border .col-borderR {border-right: 1px solid #ccc } #compare-product .add-product-btn {padding: 6px 14px; margin: 0 0 30px; font-size: 14px; border: 1px solid #000 } #compare-product .add-product .btn:hover {color: #000 } #compare-product .table td, #compare-product .table th {border-top: 0 solid #eceeef; padding-bottom: 0 } #compare-product .right-border {border-right: 1px solid #d3d3d3 } #compare-product .des-padding-mob {padding-top: 20px } @media (max-width:500px) {#compare-product .add-product-btn {font-size: 12px; float: none!important } #compare-product h4 {font-size: 20px } #compare-product .p-4 {padding: 0 1.5rem!important } #compare-product .mobile-margin {padding-bottom: 0 } #compare-product .des-padding-mob {padding-top: 0 } } #aboutus, #faq .shiping-returns-text {font-size: 16px } #aboutus .about-box {background-color: #FFF; padding: 50px } #aboutus .text-color {color: #b3b3b3 } #aboutus .about-heading {margin-top: 60px } #aboutus .f-m-heading {font-family: ProximaNova-Bold } #aboutus .f-m-sub-heading, #aboutus .n-founder {font-family: ProximaNova-Semibold } #aboutus .n-founder {color: #00096 } @media (max-width:500px) {#aboutus .about-box {padding: 15px } #aboutus .author-img img {display: block; margin-right: auto; margin-left: auto; max-width: 80%; margin-top: 15px } } #blog-list .container, #faq .card {margin-top: 0 } #faq .faq-m-heading {font-family: ProximaNova-Bold; margin-bottom: 30px } #faq .card-header {background-color: #fff; border-bottom: none } #faq .faq-arrow {display: block; color: #000; font-family: ProximaNova-Semibold } #faq .faq-arrow::after {content: url(../images/angle-down.svg); float: right; font-weight: 700 } #faq .faq-arrow.collapsed::after {content: url(../images/angle-right.svg); float: right } #faq .card {float: none } #faq .text-block {padding-top: 12px } #faq .collapse.show {border-top: 1px solid #b3b3b3 } #faq .textContaineer {background-color: #fff; padding: 30px 50px; border-radius: 3px } @media (max-width:500px) {#faq .textContaineer {padding: 15px } } #faq .list-heading {font-family: ProximaNova-Regular; font-weight: 700; font-style: italic } #faq .list-block {padding: 15px 15px 0; margin: 0 } #faq ul {padding-left: 30px } #faq .list-block li, #faq ul li {padding-bottom: 15px } #faq .term-of-use {color: #000; font-weight: 700; font-family: ProximaNova-Semibold; padding-top: 12px; font-style: italic } #faq .orders {color: #b3b3b3; font-style: italic } #blog-list {background-color: #f9f9f9 } #blog-list h2 {font-family: ProximaNova-Bold; font-size: 18px } @media (max-width:500px) {#blog-list h2 {font-size: 22px } } #blog-list .blog-list-subhead {font-family: ProximaNova-Light; font-size: 13px; color: #333; font-style: italic } #blog-list .blog-list-subhead-detail {font-family: ProximaNova-Regular; font-size: 16px; color: #000 } @media (max-width:500px) {#blog-list .blog-list-subhead-detail {font-size: 14px } } #blog-list .blog-list-readmore {font-family: ProximaNova-Semibold; font-size: 18px; color: #000 } #blog-list img {max-width: 100%; height: auto } @media (max-width:500px) {#blog-list .blog-list-readmore {font-size: 14px } #blog-list img {margin-top: 40px } } #blog-list .bl-top-margin {margin-top: 5% } #blog-list .bl-pagination {margin-top: 5%; margin-bottom: 5% } #blog-list .page-link {border: 1px solid transparent; color: #000 } #blog-list .page-item.active .page-link, #blog-list .page-link:hover {background-color: #fff; border: 1px solid #000!important } #blog-single {background-color: #f9f9f9 } #blog-single .container1 {margin-top: 0 } #blog-single h2 {font-family: ProximaNova-Bold; font-size: 20px } @media (max-width:500px) {#blog-single h2 {font-size: 18px } #blog-single .container2 {padding: 0 } } #blog-single .blog-single-subhead {font-family: ProximaNova-Light; font-size: 13px; color: #A0A0A0; font-style: italic } #blog-single .container2 {padding: 0 } #blog-single .container2 p {font-family: ProximaNova-Regular; font-size: 16px } #blog-single .card {position: relative; margin-top: -20px; margin-bottom: 0; padding: 20px } @media (max-width:500px) {#blog-single .container2 p {font-size: 14px; text-align: justify } #blog-single .card {padding: 15px 0; margin: 30px 0 } } #blog-single h3 {font-family: ProximaNova-Bold; font-size: 18px } #blog-single .blog-detail, .emi {font-family: ProximaNova-Regular } @media (max-width:500px) {#blog-single h3 {font-size: 68px } } #blog-single .blog-detail {font-size: 16px } @media (max-width:500px) {#blog-single .blog-detail {font-size: 14px; text-align: justify } } #blog-single .blog-single-readmore {font-family: ProximaNova-Semibold; font-size: 18px; color: #000 } @media (max-width:500px) {#blog-single .blog-single-readmore {font-size: 14px } } #blog-single .blog-single-margin {margin-bottom: 15% } #map {width: 100%; height: 70vh } #overlay {position: absolute; width: 100%; height: 70vh; background: #fff; background: -moz-linear-gradient(left, transparent, #ededed 100%); background: -webkit-linear-gradient(left, transparent, #ededed 100%); background: linear-gradient(to left, transparent, #ededed 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0); z-index: 1; cursor: pointer } #contactus .form-bgcolor, #contactus .full-map {background-color: #fff } @media(min-width:1024px) {#contactus {padding-bottom: 400px } } #contactus .move-overlay {display: none } #contactus .getIntouch {position: absolute; z-index: 9; text-align: center; width: 100%; margin-top: 30px; left: 0; right: 0 } #contactus .contactus-container {position: absolute; top: 35%; width: 100%; transition: all ease .3s; z-index: 2 } #contactus .move-box {top: 50%; transition: top .3s cubic-bezier(.17, .04, .03, .94) } #contactus .get-in {font-family: ProximaNova-Bold; margin-bottom: 30px } #contactus .get-in-block {min-width: 50% } #contactus .full-map {padding: 8px; z-index: 9; float: right } #contactus .view-full-map-text {font-size: 9px; margin-bottom: 0; padding-left: 22px } #contactus .view-map {float: right; line-height: 2; color: #000 } #contactus .form-bgcolor-right {background-color: #000 } #contactus .msg-box {margin: 40px } #contactus .contact-info {padding-top: 30px } #contactus .contact-info ul {list-style: none; color: #fff } #contactus .contact-info ul li {padding-bottom: 15px } #contactus .social-link-box {margin: 20px 0 } #contactus .social-link {padding-right: 15px } #contactus .buttons .btn.theam-btn {color: #000; border-color: #000; background-image: linear-gradient(45deg, #000 50%, transparent 50%) } #contactus .buttons .btn:hover {color: #fff } @media only screen and (max-width:500px) {#contactus .contactus-container {position: relative } } #collection-banner .grid-container {display: grid; grid-template-columns: auto auto auto auto; grid-gap: 25px } #collection-banner .one {grid-row: 1/span 2 } #collection-banner .two {grid-column: 2/span 3 } #collection-banner .three {grid-row: 1/2/span 3 } #collection-banner .four {grid-column: 3/5 } @media only screen and (max-width:786px) {#collection-banner .grid-container {grid-gap: 8px } } #gift-card .choose-card h4, #gift-card .gift-heading h4, #gift-own-card .choose-card h4, #gift-own-card .gift-heading h4 {font-family: MyriadPro-Semibold } #gift-card .center, #gift-own-card .center {margin: 0 auto; width: 100%; text-align: center } #gift-card .center label, #gift-own-card .center label {width: 20%; position: relative; float: left } #gift-card .center label>span, #gift-own-card .center label>span {position: absolute; width: 100%; z-index: 9; left: 0; right: 0; bottom: 20px; font-size: 25px; color: #fff; text-align: center } #gift-card .center label>input[type=radio], #gift-own-card .center label>input[type=radio] {position: relative; display: inline-block; min-height: 250px; width: 100%; float: left; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; font-family: FontAwesome } #gift-card .center label>input[type=radio]:after, #gift-own-card .center label>input[type=radio]:after {content: ''; font-size: 2em; text-align: center; line-height: 70px; color: #555; position: absolute; margin: auto; left: 0; right: 0; bottom: 0; top: 0; display: block; border-radius: 5px; background-repeat: no-repeat; background-position: center; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out } #gift-card .gift-type label:nth-child(1) input[type=radio]:after, #gift-own-card .gift-type label:nth-child(1) input[type=radio]:after {background-image: url(../images/anniversary.png) } #gift-card .gift-type label:nth-child(2) input[type=radio]:after, #gift-own-card .gift-type label:nth-child(2) input[type=radio]:after {background-image: url(../images/birthday.png) } #gift-card .gift-type label:nth-child(3) input[type=radio]:after, #gift-own-card .gift-type label:nth-child(3) input[type=radio]:after {background-image: url(../images/velentines.png) } #gift-card .gift-type label:nth-child(4) input[type=radio]:after, #gift-own-card .gift-type label:nth-child(4) input[type=radio]:after {background-image: url(../images/for-wife.png) } #gift-card .gift-type label:nth-child(5) input[type=radio]:after, #gift-own-card .gift-type label:nth-child(5) input[type=radio]:after {background-image: url(../images/ocassion.png) } #gift-card .gift-type-card label:nth-child(1) input[type=radio]:after, #gift-own-card .gift-type-card label:nth-child(1) input[type=radio]:after {background-image: url(../images/gift-card-1.png) } #gift-card .gift-type-card label:nth-child(2) input[type=radio]:after, #gift-own-card .gift-type-card label:nth-child(2) input[type=radio]:after {background-image: url(../images/gift-card-2.png) } #gift-card .gift-type-card label:nth-child(3) input[type=radio]:after, #gift-own-card .gift-type-card label:nth-child(3) input[type=radio]:after {background-image: url(../images/gift-card-3.png) } #gift-card .gift-type-card label, #gift-own-card .gift-type-card label {width: 26%; float: none } #gift-card .gift-type-card label>input[type=radio], #gift-own-card .gift-type-card label>input[type=radio] {min-height: 170px } #gift-card .center label>input[type=radio]:before, #gift-own-card .center label>input[type=radio]:before {position: absolute; margin: auto; left: 0; right: 0; bottom: 0; top: 0; content: ''; display: block; -webkit-transition: all .1s ease-in; -moz-transition: all .1s ease-in; -ms-transition: all .1s ease-in; -o-transition: all .1s ease-in; transition: all .1s ease-in } #gift-card .center label>input[type=radio]:checked:before, #gift-own-card .center label>input[type=radio]:checked:before {height: 100%; width: 100%; background: #fff; border: none; border-radius: 0 } #gift-card .center label>input[type=radio]:focus, #gift-own-card .center label>input[type=radio]:focus {outline: 0 } #gift-card .center label>input[type=radio]:checked:after, #gift-own-card .center label>input[type=radio]:checked:after {content: '✔'; color: #fff; font-size: 75px; padding-top: 15% } #gift-card .card-type, #gift-own-card .card-type {padding: 10px 30px; background-color: #000; color: #fff; font-family: ProximaNova-Bold; border-radius: 4px; font-size: 18px } #gift-card .card-type .flt-right, #gift-own-card .card-type .flt-right {float: right } #gift-card .card-type .header-card h5, #gift-own-card .card-type .header-card h5 {font-family: ProximaNova-Semibold } #gift-card .bgclr, #gift-own-card .bgclr {background-color: #FFF } #gift-card .checkbox-price, #gift-own-card .checkbox-price {padding: 10px; font-family: ProximaNova-Semibold; text-align: center; border-radius: 4px } #gift-card .checkbox-price .custom-control-description, #gift-own-card .checkbox-price .custom-control-description {font-size: 18px } #gift-card .form-pad, #gift-own-card .form-pad {padding: 30px } #gift-card .card-btn, #gift-own-card .card-btn {float: right; border: none; background-color: #000; color: #fff; border-radius: 4px } #gift-card .flt-right a, #gift-own-card .flt-right a {color: #FFF; outline: 0 } #gift-card .flt-right a .fa-angle-double-left, #gift-own-card .flt-right a .fa-angle-double-left {padding-right: 5px } #gift-card .own-card-btn, #gift-own-card .own-card-btn {outline: 0; background-color: #000; color: #fff; font-family: ProximaNova-Semibold; border-radius: 4px } #gift-card .cancel-btn, #gift-own-card .cancel-btn {border-radius: 4px } @media only screen and (max-width:768px) {#gift-card .center label>span {font-size: 18px } #gift-card .gift-type-card label {width: 45% } } @media only screen and (max-width:500px) {#gift-card .center label {width: 50% } #gift-card .gift-type-card label {width: 100% } .form-pad {padding: 15px } #gift-own-card .form-pad {padding: 30px } .carousel-item img {min-height: 120px } } #not-found .not-found-content {text-align: center; padding: 0 60px 90px } #not-found .not-found-content .bug-container object {width: 400px } #not-found .not-found-content .bug-container-1 object {width: 400px; height: 100px } #not-found .not-found-content .content-notfound h3 {font-family: ProximaNova-Semibold; color: #f3bb3d; text-transform: uppercase } #not-found .not-found-content .content-notfound p {color: #d3d3d3 } #not-found .not-found-content .content-notfound p span {font-weight: 700; text-transform: uppercase } #not-found .not-found-content .content-notfound a {padding: 12px; background-color: #000; color: #FFF; border-radius: 3px; margin: 10px } .margin-0, .v-align p {margin: 0 } @media only screen and (max-width:500px) {#not-found .not-found-content .bug-container object {width: 200px } #not-found .not-found-content .bug-container-1 object {width: 200px; height: 100px } } @media(min-width:992px) {.above-nav {align-items: center } } @media(max-width:991px) {.search-box span.close {display: block; z-index: 9999 } .search-input>svg {display: none } } .v-align {display: flex; align-items: center } .popup-logo {display: flex; align-items: center; align-content: center } .toll-free a {color: #fff!important } .card .strike {font-size: 16px; color: #dbdbdb; font-family: ProximaNova-Light } #testimonial .fa-quote-left {font-size: 4em } #testimonial .content {margin-top: 30px } .padding-b-30 {padding-bottom: 30px!important } .padding-t-30 {padding-top: 30px!important } .padding-t-15 {padding-top: 15px!important } .cursor {cursor: pointer!important } .strike {text-decoration: line-through!important } .emi a, .toll-free.color a, .top-categories a {text-decoration: none } .card-title a {color: #292b2c!important } .card .card-title {white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 230px } .search-container {position: fixed; left: 0; right: 0; top: 0; height: 100%; background-color: rgba(14, 14, 14, .6); z-index: 99999999999999999999999; overflow: hidden; max-width: 100% } .search-box {height: 400px; background: #fff; z-index: 999999; padding: 15px } .search-result {margin: 0 auto; max-width: 960px; padding-top: 30px } .search-input {position: relative } .search-box input {border: 0 solid; border-bottom: 1px solid #999; padding: 10px 0; font-size: 14px } .search-input label {position: absolute; top: 5px; transition: .2s ease all; color: #999 } .search-box input:focus+label {top: -15px; color: #ff6464 } .search-box input.ng-touched.ng-valid+label {opacity: 0 } .form-control:focus {border-color: #333 } .search-input button.search {position: absolute; right: 0; bottom: 1px; border: 0; padding: 0 } .search-input svg {padding: 0; width: 25px; fill: #ff6464!important } .search-box {position: relative } .search-box span.close {position: absolute; right: 15px; top: 15px; font-size: 20px; font-weight: 700; text-shadow: 0 2px #ccc; color: #000; cursor: pointer } .search-box span.close img {width: 20px; height: 20px } .search-output .nav-link {padding-left: 0 } .search-output .line {margin: 3px 0 } .search-output {padding-top: 20px } .search-output .col-lg-3 {border-right: 1px solid #f2f2f2 } .search-output .card {margin-top: 0; width: 25%; max-width: 25% } .search-output .heading h4 {font-size: 1rem; margin: 0 } .search-output .card img {max-width: 160px } @media(max-width:991px) {.search-box {height: 100%; padding-top: 30px!important } .search-result {padding-top: 0 } .search-container {background-color: rgba(14, 14, 14, .01) } .search-box span.close {position: absolute; right: 15px; bottom: 15px; font-size: 20px; font-weight: 700; text-shadow: 0 2px #ccc; color: #fff; cursor: pointer; background: #ff6464; padding: 10px; border-radius: 50%; opacity: 1; top: auto } } @media(min-width:768px) {.search-output .card .card-title {font-size: 14px } a.dropdown.hover:hover .dropdown-menu-right {display: block } a.dropdown.hover:hover {border-radius: .25rem } a.dropdown.hover:hover, a.dropdown.hover:hover svg {background: #000; color: #fff!important; fill: #fff!important } #navigation .user-profile .dropdown-menu {left: 0; top: 40px } } .customize h4 {font-size: 14px; text-transform: uppercase; color: #333; margin-bottom: 15px; font-weight: 700 } .customize .customize-section {width: 100%; border: 1px solid #edebef; border-radius: 2px; box-shadow: 0 0 4px rgba(40, 44, 63, .08); padding: 5px 10px; background: rgba(43, 58, 76, .01) } .customize-section .customize-option .selected {width: 25%; border-right: 1px solid #f2f2f2; text-transform: uppercase } .customize-section .customize-option:not(:last-child) {border-bottom: 1px solid #f2f2f2 } .customize-option {padding: 10px 0; line-height: initial } .customize-option .selected div {margin-right: 10px; float: left } .customize-option .selected {cursor: pointer; line-height: 16px; float: left; margin-right: 30px; position: relative } .customize-option div.white {background: #fff } .customize-option div.yellow {background: #f1c77f } .customize-option div.rose {background: #c02e4c } .customize-option .option.color {display: flex; margin-right: 10px; line-height: initial } .customize-option .option.color div {margin-right: 20px; cursor: pointer } .customize-option .option.color div div, .customize-option .selected.color div:first-child {width: 12px; height: 12px; margin-right: 5px; float: left; border: 1px solid #999 } .customize-option .selected.hav-option .change-option>div {padding: 5px } .customize-option .selected div:not(:first-child) i {margin-left: 30px } .customize-option .option label {margin-bottom: 0; margin-right: 20px } .customize-option .option label input {margin-right: 5px } .change-option>div {width: 100% } .change-option>div:hover {background: #f2f2f2 } .change-option>div:not(:last-child) {margin-bottom: 10px } .selected.hav-option .change-option:hover, .selected.hav-option:active .change-option {display: block } .cart-tabs .nav-link {display: flex; align-items: baseline } @media(min-width:640px) {#checkout-login {display: flex; padding: 30px; background: #fff } #checkout-login>.login, #checkout-login>.register {width: 50% } #checkout-login .login {padding-right: 5%; margin-left: 10px; border-right: 1px dotted #C2C2C2 } #checkout-login .register {padding-left: 5% } #checkout-login>div>h4 {font-size: 1.2rem } } @media(max-width:640px) {#checkout-login {padding: 20px; background: #fff } #checkout-login>.login, #checkout-login>.register {width: 100% } #checkout-login>.login {margin-bottom: 60px } } .search-output .nav-link {color: #000 } .nav-arrow>div, .nav-item .nav-link, .product-button-next, .product-button-prev {cursor: pointer } .margin-t-20 {margin-top: 20px!important } .color-red {color: red!important } @media(max-width:480px) {.product-listing ul.nav li {margin: 0 auto } .product-listing div.mx-auto {width: 100% } } .user-profile a {position: relative!important } @media(max-width:500px) {.customize-option {display: flex; align-items: center } .customize-option .selected div:not(:first-child) i {margin-left: 18px } .customize-section .customize-option .selected {width: auto; display: flex; align-items: center } .col-10 .mx-auto {margin-left: 0!important } .logo-container>a.search {padding: 5px 0 0; display: flex; align-items: center } .logo-container {display: inherit } } #getProducts {background: #fff; border-radius: 3px; padding: 10px 70px; font-size: 14px; text-transform: uppercase; font-weight: 600; margin: 50px auto 0; cursor: pointer; border: 1px solid #fce063; color: #fddf5b } @media(max-width:480px) {#getProducts {font-size: 13px } #user-cart>.container, section.bg-light-gray>.container {padding: 0!important } ul.cart-tabs li>a {padding-left: 0!important } ul.cart-tabs {overflow: auto; overflow-y: hidden; max-width: 100%; margin: 0 0 1em; white-space: nowrap } .product-listing .card>a>img {max-height: 140px!important; max-width: 140px!important } } #loginPopup .modal-content {width: 100%!important } @media(max-width:767px) {#loginPopup .modal-content {width: 100%!important } } #product-collection .card .product-image, #product-indo .gallery-top .swiper-slide:not(.video), #shop-by-category .card .product-image, .categorySlider .card .product-image, .product-listing .card .product-image {background-image: url(../images/productImageLoader.gif); background-repeat: no-repeat; background-position: center; background-size: 130px } .gallery-top .swiper-wrapper>.swiper-slide:not(.video)>img {background: #fff } #product-indo .swiper-slide:not(.video) {background-size: 50% } #product-collection .card>div.product-image, #shop-by-category .card>a, .categorySlider .card>a, .product-listing .card>a {width: 180px; height: 180px; margin: 0 auto } #product-collection .card>div.product-image>a>img, #product-listing__filter .card>div.product-image>a>img, #shop-by-category .card>a>img, .categorySlider .card>a>img, .product-listing .card>a>img {background-color: #fff; max-height: 180px; max-width: 180px } @media(min-width:768px) {.sticky {position: sticky; top: 60px } } button:focus {outline: 0 } .custom-checkbox .custom-control-indicator {border-radius: .15rem } #compare-product {padding-bottom: 90px } .toast-container {position: fixed; z-index: 99999999999; max-width: 600px; width: auto; right: 30px; top: 10px; padding: 10px 30px; color: #fff; font-size: 16px; box-shadow: 3px 5px 20px -2px #36bd92; -webkit-animation-name: toast; animation-name: toast; -webkit-animation-duration: .5s; animation-duration: .5s; border-radius: 4px } .toast-container.error {background: #ff6464 } .toast-container.success {background: #36bd92 } .toast {margin: 0 auto; height: auto; font-weight: 500; text-align: center; border-radius: 4px; cursor: pointer; font-size: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center } .bold, .secendory-color, .ship-to, .ship-to+ul li b, .style-1, .toll-free.color a {font-weight: 700 } @-webkit-keyframes toast {0% {-webkit-transform: translateY(-50px); transform: translateY(-50px); visibility: hidden } to {-webkit-transform: translateY(0); transform: translateY(0); visibility: visible } } @keyframes toast {0% {-webkit-transform: translateY(-50px); transform: translateY(-50px); visibility: hidden } to {-webkit-transform: translateY(0); transform: translateY(0); visibility: visible } } .toast i {display: none; float: left; margin-right: 10px; border-radius: 50%; padding: 5px; color: #fff; border-color: #fff!important } .toast.error {color: #fff; border-color: #ebccd1 } .toast.success {color: #FFF; background-color: #36bd92; border-color: #d6e9c6 } .add-product-btn, .apply, .search-result.after-search li a {color: #000 } .toast.error i.icon-remove {border: 1px solid #a94442; display: inline-block } .toast.success i.icon-ok {border: 1px solid #3c763d; display: inline-block } .ajax-loader, .loader {display: flex; align-items: center; align-content: center; width: 100%; height: 100vh; text-align: center; position: fixed; background-color: rgba(255, 255, 255, .1); z-index: 999; top: 0 } .loader {z-index: 9999999 } .ajax-loader img, .loader img {margin: 0 auto; max-width: 300px } .hide, .loader .hidden {display: none!important } @-moz-keyframes blink {0%, 100% {opacity: 1 } 50% {opacity: .5 } } @-webkit-keyframes blink {0%, 100% {opacity: 1 } 50% {opacity: .5 } } @-ms-keyframes blink {0%, 100% {opacity: 1 } 50% {opacity: .5 } } @keyframes blink {0%, 100% {opacity: 1 } 50% {opacity: .5 } } .page-dummy {-moz-animation: blink normal 1s infinite ease-in-out; -webkit-animation: blink normal 1s infinite ease-in-out; -ms-animation: blink normal 1s infinite ease-in-out; animation: blink normal 1s infinite ease-in-out } .page-dummy.hide {width: 0; height: 0; display: none } #product-indo table tr td:first-child {padding-left: 0!important } @media(min-width:992px) {#product-indo .container .row>div.col-md-7 {padding-left: 45px } .logo-container>a.search {display: none } } @media(max-width:991px) {.page-dummy {width: 95%!important; max-width: 95%!important; margin: 0 auto 15%!important; display: flex } } @media(max-width:767px) {.page-dummy.hidden-sm-up {margin-top: 80px!important } } .swiper-slide.video {display: flex; align-items: flex-end } .video-poster .play {position: absolute; top: 50%; left: 33%; width: 150px; transform: translateY(-50%); cursor: pointer } .gallery-thumbs .video-poster .play {width: 50px!important; left: 25%; height: 60% } .modal.show {display: block!important } #loginPopup .modal-dialog {display: flex; height: 100vh; align-items: center } #loginPopup .modal-content {position: relative } .modal.show img.close {width: 40px; height: 40px; background: #c69c51; border-radius: 50%; padding: 10px; border: 1px solid #ddd; right: -20px; cursor: pointer; position: absolute; z-index: 99999; opacity: 1 } .pad-b-30, .pad-b-90 {padding-bottom: 30px } .pad-b-120 {padding-bottom: 120px!important } .sec-404 {text-align: center } .img-404 {max-width: 400px; margin-bottom: 30px } .modal-backdrop.show {z-index: 999999 } .modal.show {z-index: 99999999 } .categorySlider .card {padding: 10px 0!important; margin-top: 0!important } .ajax-loader+img.productCollectionPage, .ajax-loader+img.productDetailPage {margin: 30px auto; display: flex; align-items: center } .ajax-loader+img.homePage {max-width: 100%; width: 100% } #amount {margin-bottom: 15px } @media(max-width:991px) {.product-image img.humun_element {display: none; height: 0; width: 0 } } #product-collection .card .product-image img.humun_element, .product-listing .card .product-image img.humun_element {display: none!important } #product-collection .card .product-image:hover img.humun_element, .product-listing .card .product-image:hover img.humun_element, .relative .search-result.after-search {top: 0; display: block!important; position: absolute } .btn-100 {width: 100% } .apply {padding: 6px } .apply:focus, .apply:hover {color: #000; box-shadow: none!important } .clear-filters>a {cursor: pointer } .relative .search-result.after-search {padding: 0; height: 100%; left: auto; opacity: 1; -webkit-animation-duration: .2s; animation-duration: .2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; background: #fff } .relative .search-result.after-search ul {list-style: none; margin: 0; padding: 0 } .relative .search-result.after-search ul li {padding: 5px 0 } .search-result.after-search li span {color: #ff6464; margin-left: 3px; text-transform: capitalize } .style-1, [data-toggle=collapse] {text-transform: uppercase } .search-result .relative {height: 100%; overflow: auto } .style-1 {color: #ff6464 } button.search:active, button.search:focus, button.search:hover, button.search:visited {border: none!important; background: 0 0!important } .search-output .card:hover {cursor: pointer; box-shadow: 0 0 20px -2px #dbdbdb; z-index: 999; transition: all ease-in-out .3s } .jewel-list #product-collection .card, .search-page #product-collection .card {min-width: 25%!important } #not-found img {max-width: 100px; margin-bottom: 30px } .logo-container .search svg {fill: #c79d52 } #blog-list p img, #blog-list p:empty, img.page-dummy.hide+div.row {display: none } @media(min-width:992px) {img.page-dummy+div.row {min-height: 400px; overflow: hidden; max-width: 100% } } @media(max-width:991px) {img.page-dummy+div.row {min-height: 300px; overflow: hidden; max-width: 100% } .card .like-icon {opacity: 1 } } @media(max-width:500px) {img.page-dummy+div.row {min-height: 50px; overflow: hidden; max-width: 100% } } @media(max-width:640px) {.breadcrumb {display: inline-block; overflow: auto; overflow-y: hidden; max-width: 100%; white-space: nowrap } .breadcrumb-item {float: none; display: inline-block; vertical-align: top; text-align: center } .breadcrumb::-webkit-scrollbar {width: 0; height: 0; background: 0 0 } #product-listing .heading:not(.search) {font-size: 20px; margin-right: 0; display: block!important } #product-listing .heading:not(.search)+span.d-inline-block {margin-bottom: 7px } .search label, .search select {margin-bottom: 0!important } #product-listing-filter+div.col-12>div.row>div.col-md-4.col-lg-4>div {text-align: right } select#preference {margin-bottom: 0 } .card .card-title {max-width: 100%; margin-top: 15px } } .relative, section#contactus {overflow: hidden } #my-wishlist #product-collection .card, .gallery-top .swiper-slide, .jewellery-sets .card, .size-measurement {text-align: center } .compare-btn img {max-width: 16px!important } #my-wishlist .remove {position: absolute; right: 15px; top: 10px } #my-wishlist .remove i {color: #ff6464!important } @media(min-width:768px) {#my-wishlist #product-collection .card {max-width: 25%!important; float: left!important } .gallery-top .swiper-slide:not(.video) img {height: 100%!important } .mobile-fixed-header {background: #fff; box-shadow: 0 1px 1px 0 rgba(163, 117, 104, .3) } } @media(max-width:767px) {#testimonial .row>div:nth-child(n+3) {margin-top: 30px } .offerText {display: none } .mobile-fixed-header {position: fixed; z-index: 9999; top: 0; background: #fff; left: 0; right: 0; box-shadow: 0 1px 4px 0 rgba(148, 150, 159, .3) } .breadcrumb {margin-top: 52px; padding: 0 } #product-listing__filter, .pad-tb-30 {padding-bottom: 15px } .last-name {margin-top: 30px } #banner-slider {margin-top: 44px } .pad-tb-30 {padding-top: 15px } .mobile-cart {position: relative } .mobile-cart svg {vertical-align: text-top!important } .mobile-cart .notification {left: 15px!important } #offer-banners .grid-container {grid-row-gap: 15px } #product-listing__filter:first-child, .padding-t-30 {padding-top: 15px!important } } @media(max-width:480px) {#product-indo {padding-left: 15px; padding-right: 15px } #shop-by-category .swiper-slide.card {width: 60% } #user-cart .form-pad {padding: 0!important } #payment, #shipping {padding-top: 0!important } } .modal-backdrop.show.login {opacity: .7!important } .contact-form input.ng-invalid.ng-touched, .contact-form textarea.ng-invalid.ng-touched {border-bottom: 2px solid red!important } .product-enquiry p {margin-top: 10px!important } .product-enquiry .input-control {margin: 10px 0!important } .zoomWindowContainer>div {margin-left: 40px; box-shadow: 0 4px 20px 2px rgba(0, 0, 0, .2) } .track-order-form .input-control {max-width: 100%!important } .track-order-form .input-control input.ng-valid+label, .track-order-form .input-control input:focus+label {top: -20px!important; background: 0 0!important; left: -10px } .nomargin {margin: 0!important } .shop-tracking-status li.list-group-item {display: block!important } video::-webkit-media-controls-fullscreen-button {display: none } .jewellery-sets .card .card-title.fix-height {max-width: 320px; white-space: inherit; width: auto; line-height: 23px; height: 60px } .jewellery-sets.no-products {min-height: 50vh } .mr-15 {margin-right: 15px } #product-listing .heading.set {font-size: 24px } ul.set-product-list {padding-left: 0; list-style: none; margin-top: 15px } ul.set-product-list a {font-size: 18px } h4.set-price {color: #999; font-size: 1.2rem } h4.sku-code {color: #999; font-size: 1rem } h4.set-price span {color: #000; font-size: 1.2rem } h4.sku-code span {color: #000; font-size: 1rem } .jewellery-sets .flex {display: flex } .jewellery-sets .card .select-option select {border-radius: 3px } .bought-together .card {margin-top: 0!important; padding: 0 15px } @media(min-width:768px) {.col.flex {display: flex; align-items: center } .bought-together .buynow-btn {display: inline-flex; align-items: center } .bought-together .card:first-child {margin-left: 0 } } .card.plus {background: 0 0; margin: 0 15px } .card.plus:hover {box-shadow: none!important; border: none!important } .bought-together .card .card-block {padding: 0!important } .bought-together .card .price .col {white-space: nowrap } .bought-together .buynow-btn .btn {max-width: 200px; margin: 0!important } .bought-together .buynow-btn {border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 15px 0; padding: 10px } .bought-together .buynow-btn .price {font-size: 18px; margin-right: 30px } @media(max-width:767px) {.card.plus {margin: 30px!important } .bought-together .card {float: none!important } .pad-tb-90 {padding-top: 20px!important } } #collapseFour {padding-top: 15px } .mobile-cart svg {fill: #c79d52; stroke: #c79d52 } .jewellery-sets .flex .card:first-child, .jewellery-sets .flex .card:nth-child(2) {margin-left: 0!important; margin-right: 0!important } .margin-b-15 {margin-bottom: 15px!important } .stone-class {padding: 3px 4px 0 12px; margin: 5px; border: 1px solid #000 } .margin-t-15 {margin-top: 15px!important } .size-measurement {position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999999999999 } .measurement-img {max-width: 60%; margin: 0 auto; height: 100%; overflow: auto } @media(max-width:768px) {.measurement-img {max-width: 100% } } .measurement-img::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); background-color: #F5F5F5 } .measurement-img::-webkit-scrollbar {width: 6px; background-color: #F5F5F5 } .measurement-img::-webkit-scrollbar-thumb {background-color: #000 } .measurement-img img {max-width: 100% } .size-measurement .close {background: #fff; opacity: 1; padding: 8px 10px; width: 40px; margin-right: 5px; margin-top: 5px; border-radius: 50% } .offer-popup .close, .offer-popup img, .size-measurement .close img {width: 100% } @-webkit-keyframes fadeIn {from {opacity: 0 } to {opacity: 1 } } @keyframes fadeIn {from {opacity: 0 } to {opacity: 1 } } .animated.fadeIn .fade {opacity: .7!important } .fadeIn {-webkit-animation-name: fadeIn; animation-name: fadeIn } .animated {-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both } .animated.fadeIn {z-index: 9999999999999999999 } .offer-popup .modal-dialog {height: 100%; display: flex; align-items: center; align-content: center } .offer-popup .modal-dialog .modal-body>.row {background: #fff } .offer-popup.modal {background-color: #00069!important } @media (min-width:576px) {.offer-popup .modal-dialog {max-width: 600px!important; margin: 30px auto } .modal-sm {max-width: 500px!important } } #offerPopup .button-box {position: relative!important; bottom: 0!important } #offerPopup .login-btn {margin: 10px 0; width: 100%!important } #offerPopup input {padding: 3px 5px; border-radius: 3px; border: 1px solid #90191c; color: #000 } .swiper-button-disabled svg path {fill: #ccc!important } form.product-enquiry .input-control {max-width: 100%!important } form.product-enquiry .input-control .bottom-border {background: 0 0; border-bottom: 1px solid #999!important; padding: 0 } .product-enquiry .input-control .bottom-border:focus+label, .product-enquiry .input-control .form-control:focus+label {background: 0 0!important } #collapseSix .fa-whatsapp {color: green } #collapseSix p {margin: 0 } .diamond-education img {width: 100%; max-width: 100%; box-shadow: 0 6px 25px -18px #000; border: 1px solid #eee } .container-fluid.diamond-edu {padding-bottom: 30px } .diamond-education img:hover {transform: scale(1.05); box-shadow: 0 0 20px -2px #dbdbdb; z-index: 999; transition: all ease-in-out .3s } #testimonial img.icon {width: 100%; height: auto; max-width: 100px; margin-bottom: 10px } .color {color: #333 } #testimonial .heading.mb-10 {margin-bottom: 10px!important } .input-group-addon:not(:first-child) {border-radius: 0!important } .footer-content .input-group-addon {background-color: #ec9b6e; border: 1px solid #ec9b6e; color: #fff } .footer-content .form-control {border: 1px solid #ec9b6e; background-color: #f9f9f9 } .footer-content input::placeholder {color: #999; transition: opacity .2s ease-out } #footer {background: #000 } .w-color {color: #fff } .width-30 {width: 30px; background: #fff; border-radius: 5px } .lh-44 {line-height: 44px } .pb-15 {padding-bottom: 15px } #footer h4.head {color: #e9b591; font-size: 16px; margin: 15px 0 } .footer-link .nav-link {color: #ddd!important; padding: 3px 0 } .footer-link ul {list-style: none; padding: 0 } .pl-0 {padding-left: 0 } footer hr {margin: 15px 0 5px } footer {padding-top: 5px } @media(min-width:768px) {#download-app {margin-right: 0 } } @media(max-width:767px) {#diamond-edu>.row.mar-t-30, #diamond-edu>.row>div:last-child, .instagram {margin-top: 15px } .payment-methods img {max-width: 100% } .copy-right {text-align: left!important } footer .container {padding: 0 } .brand-history .row .col-md-3, .brand-history .row .col-md-9 {text-align: center; padding: 15px 0 } #testimonial .heading span {font-size: 24px; margin-bottom: 10px } .hide-last-card-at-mobile .card-block {padding: 10px!important } .hide-last-card-at-mobile .card .price span {font-size: 16px } } .carousel-item, td[colspan="2"] {text-align: center } .product-enquiry .input-control textarea {background: 0 0; border-bottom: 1px solid #999 } .product-enquiry .input-control label {left: 0; top: 0 } .product-enquiry .input-control input:focus+label, .product-enquiry .input-control textarea:focus+label {left: 0; top: -17px!important } .head-dec {max-width: 180px; margin: 0 auto 30px; display: flex; align-items: center } .have-question {position: relative } .have-question .loading {position: absolute; top: 0; width: 100%; height: 100%; z-index: 999; display: flex; align-items: center } .custom-form.product-enquiry .input-control input.ng-valid+label, .custom-form.product-enquiry .input-control textarea.ng-valid+label {display: none!important } .have-question .loading img {margin: 0 auto; max-width: 50px } .carousel-item {min-height: 150px } .carousel-item a, .carousel-item img, .mar-auto {margin: 0 auto } @media(min-width:768px) {.home-page .container {width: calc(100% - 40px)!important; max-width: 1630px } } .pentant-note {font-style: italic; color: #000 } .grid-container {margin: 0 } .follow-us-on {padding-bottom: 45px!important } .brand-history img {max-width: 100%; box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, .1); cursor: pointer } @media(max-width:767px) {.brand-history .row>div:nth-child(3), .brand-history .row>div:nth-child(4) {margin-top: 15px } .alapatt-advantage .row>div {text-align: center } #testimonial img.icon {max-width: 100% } #user-cart .address-content .card {margin: 15px 15px 0 0!important; width: 100% } .carousel-item img {display: none } } #reward-link {opacity: 0; position: absolute } .secendory-color {color: #ff6464!important } .order-img-padding {max-width: 40px } .stars svg {width: 15px } .slider-nav svg {width: 17px } .nav.nav-pills+.text-center img, .slider-nav img, .text-center svg {width: 15px } ul.nav-pills+.text-center {display: flex; align-items: center; justify-content: center } .floting-btn.hidden-sm-up {background: #333; padding: 10px; border-radius: 50%; text-align: center; display: flex; align-items: center } .floting-btn.hidden-sm-up svg path {fill: #fff } .product-listing .nav-item .nav-link.Ship.Today:before {content: url(../svg/delivery-van.svg); position: absolute; left: -25px } .product-listing .nav-item .nav-link.New.Arrival:before {content: url(../svg/new.svg); position: absolute; left: -25px } span.fa.fa-star:not(.checked):after {content: url(../images/star.svg) } span.fa.fa-star.checked:after {content: url(../images/stared.svg) } .filter-arrow::after {content: url(../images/angle-up.svg); float: right; line-height: normal; margin-top: -6px } .filter-arrow.collapsed::after {content: url(../images/angle-down.svg); float: right; line-height: normal; margin-top: -6px } .text-center svg.fa-angle-double-right {margin-left: 10px } .alapatt-advantage #heading {color: #eb9362 } @media(max-width:576px) {.offer-banners {display: flex; flex-flow: wrap } .column-0 {order: 1 } .column-1 {order: 4 } .column-2 {order: 5 } .column-3 {order: 2 } .column-4 {order: 3 } .offer-banners.no-mar {margin-left: -5px!important; margin-right: -5px!important } .row.offer-banners>div.no-pad {padding: 0!important } } .carousel-item a {-webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .addtocart button {background-color: #abd142; border: none; outline: 0 } .buynow button {background-color: #ff6363; border: none; outline: 0 } span.right-arrow {border: solid #999; border-width: 0 2px 2px 0; display: inline-block; padding: 3px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); margin-left: -1.5rem; margin-right: .5rem } .indo-slider .gallery-top.gallery-bgclr {border: 1px solid #f0f0f0 } .flx {display: flex } .text-center .line+img {margin-right: 10px } .nav li a img {vertical-align: baseline } .nav-item.dropdown.jewel-set {position: relative!important } .ship-to {font-size: 1.2rem!important } .ship-to+ul {list-style: none } tfoot {background: #f9f9f9 } ul.selected-pro {padding-left: 0 } img.emi {border: 2px solid #abd142 } #user-cart .address-content .card, #user-cart .pay-content {box-shadow: 0 0 4px rgba(40, 44, 63, .08); background: rgba(43, 58, 76, .01)!important; border: 1px solid #edebef } @media(min-width:768px) {#user-cart .address-content {display: flex } #product-listing-filter {border-right: 1px solid rgba(0, 0, 0, .125) } #product-listing-filter .card-header {background: #f9f9f9!important } #user-profile>.container>.row .sticky, #user-profile>.container>.row .sticky .card-block {background: rgba(43, 58, 76, .01)!important } #product-listing-filter .card:hover {box-shadow: 0 0 20px -2px #fff } #product-listing-filter .card-header h5 {font-size: .9rem; text-transform: uppercase } #product-listing-filter .card-block {padding: 10px!important; font-size: .9rem!important } #product-listing-filter label.custom-checkbox {line-height: 24px; margin-bottom: 0 } #show-seleced-max {text-align: right } #user-profile>.container>.row .sticky {box-shadow: 0 0 4px rgba(40, 44, 63, .08); border: 1px solid #edebef } #user-profile .row .sticky .card:hover {box-shadow: none!important } #user-cart .pay-content>.row>div:first-child {border-right: 1px solid #edebef } #user-cart {padding-top: 15px; padding-bottom: 15px } #user-cart .nav {justify-content: center } #compare-product .table.table-responsive {border: 1px solid #edebef; border-radius: 2px; box-shadow: 0 0 4px rgba(40, 44, 63, .08); padding: 15px; background: rgba(43, 58, 76, .01) } } #product-collection .card-block, .certified-by, .home-page .card .card-block, .share-content a, .similarProducts .card .card-block, .swiper-slide, ul.alapatt-promise li {text-align: center } .share-arrow {line-height: 10px } .share-content .btn {background-color: transparent; outline: 0; font-size: 15px; font-family: ProximaNova-Semibold; color: green; display: flex; border: 1px solid #b7e8b6; align-items: center; border-radius: 4px; padding: 5px 15px } .jewellery-sets .product-desc a, .title-4 {color: #000 } #collection-banner {max-width: 1200px } .set-img {max-width: 100%; border: 1px solid #eee; padding: 5px } .jewellery-sets .price {font-weight: 700; font-size: 14px; margin-top: 0 } .popover-content {display: flex; padding: 15px; box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .2) } .share-content a {display: block; width: 30px; height: 30px; line-height: 24px } .popover-content a, .share-content a {border: 1px solid #ccc; border-radius: 4px; margin: 5px 0 } .inline {display: inline } .notify-offer p span {background: #df8c7c; padding: 3px 5px; margin-right: 10px } .title-4 {font-size: 16px } .similarProducts {padding: 0 15px } .similarProducts .card {margin-top: 5px; margin-bottom: 5px } .similarProducts .card .price {margin-bottom: 10px } .similarProducts .card .card-title {font-size: 14px; margin-bottom: 0 } .similarProducts .slider-nav .button-next, .similarProducts .slider-nav .button-prev {position: absolute; top: 30%; z-index: 9999; background: #f9f9f9; width: 40px; text-align: center; border: 1px solid #edebef; border-radius: 2px; box-shadow: 0 0 4px rgba(40, 44, 63, .08) } .br-t-15, .br-tb-15 {border-top: 15px solid #f9f9f9 } .similarProducts .slider-nav .button-prev {left: 0; right: auto } .similarProducts .slider-nav .button-next {right: 0; left: auto } .similarProducts .buttons .theam-btn {width: 100% } .d-inline {margin-right: 15px } .swiper-slide img {height: 100% } .br-tb-15 {border-bottom: 15px solid #f9f9f9 } #product-indo .card-block {padding: 10px 15px!important } #product-indo .card-block table {margin-bottom: 0!important } #product-indo .table td, #product-indo .table th {padding: 5px } #product-indo .card-footer, #product-indo .card-header {padding: 10px 15px 8px } .grey-bg {background: #f9f9f9 } .toll-free.color a {color: #000!important } .product-add-info-box {padding: 15px; border: 1px solid #edebef; border-radius: 4px; box-shadow: 0 0 4px rgba(40, 44, 63, .08); background: rgba(43, 58, 76, .01); margin-bottom: 10px } button.form-control:focus {box-shadow: none!important } .buynow button.form-control:focus {box-shadow: none!important; background-color: #ff6363!important } .addtocart button.form-control:focus {box-shadow: none!important; background-color: #abd142!important } .product-enquiry .contactus-btn {border: 1px solid #999; padding: 5px 30px; color: #999 } .product-enquiry .contactus-btn:hover {color: #fff; border: 1px solid #f9f9f9 } .title-4 span {font-size: 13px; display: block; margin-top: 8px; color: #999 } .diamond-edu, .footer-content {position: relative } .diamond-edu .abs, .footer-content .abs {position: absolute; width: calc(100% - 30px); bottom: 0 } .home-page .card {margin-top: 0!important } @media(min-width:992px) {#navbarNav ul.navbar-nav li {position: relative } ul.navbar-nav {justify-content: space-between; width: 100% } ul.navbar-nav .dropdown-menu {border-radius: 0; padding: 15px!important; box-shadow: 0 0 12px 0 rgba(0, 0, 0, .15); -moz-box-shadow: 0 0 12px 0 rgba(0, 0, 0, .15); -webkit-box-shadow: 0 0 12px 0 rgba(0, 0, 0, .15); z-index: 9 } li.menu-4 .dropdown-menu {min-width: 700px } li.menu-4 .dropdown-menu .col-md-3 {min-width: 25%; max-width: 25%; flex: 0 0 25% } li.menu-3 .dropdown-menu {min-width: 600px } li.menu-3 .dropdown-menu .col-md-3 {min-width: 33%; max-width: 33%; flex: 0 0 33% } li.menu-2 .dropdown-menu {min-width: 400px } li.menu-2 .dropdown-menu .col-md-3 {min-width: 50%; max-width: 50%; flex: 0 0 50% } li.menu-0 .dropdown-menu {height: 0; padding: 0!important; border: none!important } li.combo .dropdown-menu .col-md-3, li.menu-1 .dropdown-menu .col-md-3 {min-width: 100%; max-width: 100%; flex: 0 0 100% } ul.navbar-nav li:nth-child(n+6) .dropdown-menu {left: auto!important } li.combo h5 {color: #000!important; font-size: 16px!important; text-transform: capitalize!important } li.combo .dropdown-menu {min-width: 120px } .nav-item.dropdown.combo, .nav-item.dropdown.nose-pins {position: relative!important } .nav-item.dropdown.combo .dropdown-menu, .nav-item.dropdown.nose-pins .dropdown-menu {box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .2); border-radius: 0 } .nav-item.dropdown.combo .dropdown-menu>.container>.row>div {width: 100%; flex: 0 0 100%; max-width: 100% } .container, .home-page .container {width: calc(100% - 30px)!important; max-width: 1260px!important } #product-collection:not(.sets) .card {min-width: 25%; max-width: 25% } .dropdown-menu .container {max-width: 960px!important } /*.breadcrumb {padding-left: 15px }*/ .zoomWindowContainer>div {margin-left: 60px!important } .share-content {float: right } #user-cart .address-content .card {margin: 15px 15px 0 0!important; flex: 0 0 20% } li.menu-2.collection, li.menu-3.gifts {position: static!important } li.menu-2.collection .dropdown-menu, li.menu-3.gifts .dropdown-menu {min-width: 960px!important } li.menu-2.collection .dropdown-menu .col-md-3 {min-width: 33.33%; max-width: 33.33%; flex: 0 0 33.33% } li.menu-3.gifts .dropdown-menu .col-md-3 {min-width: 25%; max-width: 25%; flex: 0 0 25% } li.solitaire.menu-1 .dropdown-menu {width: 420px!important; max-width: 420px } li.solitaire.menu-1 .dropdown-menu .row>div.col-md-3:first-child {width: 120px!important; max-width: 120px; min-width: 120px!important } li.solitaire.menu-1 .dropdown-menu .row>div.col-md-3:last-child {width: calc(100% - 120px)!important; max-width: calc(100% - 120px); min-width: calc(100% - 120px)!important } } @media(min-width:1024px) {#user-profile>.container>.row>div.col-md-4 {max-width: 30%!important; flex: 0 0 30% } #user-profile>.container>.row>div.col-md-8 {max-width: 70%!important; flex: 0 0 70% } .product-collection #product-listing-filter {max-width: 20%!important } .product-collection #product-listing-filter+div.col-12 {max-width: 80%!important; flex: 0 0 80% } .alapatt-advantage.home img {max-width: 100px!important } } .list-style-no {list-style: none } ul.alapatt-promise, ul.set-product-detail {padding: 10px 0; margin: 15px 0; border-top: 1px solid rgba(0, 0, 0, .125); border-bottom: 1px solid rgba(0, 0, 0, .125); background: #f7f7f9 } ul.set-product-detail li {padding-left: 15px } ul.set-product-detail li:nth-child(n+2) {margin-top: 10px; border-top: 1px solid #f1f1f1; padding-top: 10px } ul.set-product-detail li h5 {font-size: 16px } ul.set-product-detail li h5 span {font-size: 13px; font-style: italic; color: #ccc } ul.alapatt-promise li {display: flex; align-items: center; height: 40px; font-size: 12px } .form-group.coupan {width: 100%; display: inline-flex } #product-collection .card .card-title {font-size: 15px } #orderTrackingID {background: #f9f9f9 } .swiper-slide img {margin: 0 auto } .diamond-education .title-4+div.row>div {cursor: pointer } @media(max-width:767px) {.alapatt-promise.list-style-no li:nth-child(n+1), .diamond-education .title-4+div.row>div:nth-child(n+1) {margin-top: 5px } .padding-t-15 {padding-top: 0!important } .share-content a {display: inline-block!important } .share-content {text-align: right!important } .alapatt-promise.list-style-no li img {max-width: 30px } .customize-option .selected {margin-right: 10px!important; line-height: normal!important } .customize-option .option div, .customize-option .selected div {font-size: 12px!important } .customize-option .option.color div {margin-right: 5px!important } .nav-item svg {height: 20px } .navbar-collapse p.hidden-lg-up {font-size: 13px } } @media(min-width:768px) {.edu-popup-img .slider-nav .button-next, .edu-popup-img .slider-nav .button-prev {background: #fff } } .edu-popup {position: fixed; z-index: 99999; top: 0; left: 0; right: 0; bottom: 0 } .edu-popup-img .measurement-img {display: flex; align-items: center } .edu-popup-img .slider-nav {position: absolute; top: 0; height: 100%; display: flex; align-items: center; width: 100% } .edu-popup-img .slider-nav .button-next, .edu-popup-img .slider-nav .button-prev {width: 45px } .edu-popup-img .slider-nav .button-next {right: 0; position: absolute } .edu-popup-img .slider-nav img {width: 20px } .edu-popup-img .close {position: fixed; top: 0; right: 0 } .jewellery-sets .card:hover {box-shadow: none } #product-indo.pad-tb-30 {padding-top: 5px!important } #product-indo .set-product-detail .price span {font-size: 14px!important } app-select-address {width: 100%!important } #product-indo .col>span>span.strike {font-size: 20px!important; color: #999; font-style: italic } #product-indo .price span.caret {color: #abd142 } .no-card-margin .card {margin-top: 0!important } .offer .container {max-width: 1200px!important } .alapatt-advantage img, .offer .alapatt-advantage img {border: 3px solid #ccc; border-radius: 50%; background: #f9f9f9; -webkit-transition: width 2s; transition: width 2s; margin: 5px } .alapatt-advantage img:hover, .offer .alapatt-advantage img:hover {background: #ccc } .kissht, .kissht-first {background-color: #f9f9f9 } .green {color: #5cb85c!important } li:not(.combo) .dropdown-menu ul h5 {color: #000; border-bottom: 1px solid brown; padding-bottom: 5px } @keyframes blink {50% {opacity: 0 } } @-webkit-keyframes blink {50% {opacity: 0 } } .no-pad {padding: 0!important } .top-categories ul {text-align: justify; margin-bottom: 5px } .blog-info, .sec-label h4 {text-align: center; width: 100% } .top-categories ul>li>a {color: #fff; margin-right: 15px } .top-categories ul>li span>a {color: #ccc; font-size: 13px } .top-categories ul>li span>span:nth-child(n+1) a {padding-right: 5px; margin-right: 5px; border-right: 1px solid #999 } span.list-style-no span:last-child a {border-right: 1px solid #555!important } .custom-control-indicator {width: 13px; height: 13px } .relative {position: relative } .kissht {padding: 100px 30px 45px; box-shadow: 0 7px 7px rgba(0, 0, 0, .2); -moz-box-shadow: 0 7px 7px rgba(0, 0, 0, .2); -webkit-box-shadow: 0 7px 7px rgba(0, 0, 0, .2) } .kissht-first {padding: 30px; box-shadow: 0 7px 7px rgba(0, 0, 0, .2); -moz-box-shadow: 0 7px 7px rgba(0, 0, 0, .2); -webkit-box-shadow: 0 7px 7px rgba(0, 0, 0, .2) } .bg-grey img, .box-shadow {box-shadow: 0 0 4px rgba(0, 0, 0, .3) } .kissht .sec-label {width: 200px; height: 100px; position: absolute; top: -20px; left: -8px; background-image: url(../images/labelBg.png); display: flex; align-items: center } .sec-label h4 {margin-top: 25px; color: #fff } .kissht ul li:nth-child(n+1) {padding-top: 10px } .kissht h5+p {margin-left: 20px } .testimonial-page .container {overflow: hidden } .bs-wizard>.bs-wizard-step>.bs-wizard-dot.step1 {background-image: url(../kissht/step1.png); background-size: 100%; background-repeat: no-repeat } .bs-wizard>.bs-wizard-step>.bs-wizard-dot.step2 {background-image: url(../kissht/step2.png); background-size: 100%; background-repeat: no-repeat } .bs-wizard>.bs-wizard-step>.bs-wizard-dot.step3 {background-image: url(../kissht/step3.png); background-size: 100%; background-repeat: no-repeat } .bs-wizard>.bs-wizard-step>.bs-wizard-dot.step4 {background-image: url(../kissht/step4.png); background-size: 100%; background-repeat: no-repeat } .emi {font-size: 14px; margin-top: 10px } .emi b {font-family: ProximaNova-Bold } .emi a {font-size: 12px } .bg-white {background: #fff } .modal-backdrop.show {opacity: .7!important } .no-border {border: none } .gift-amount, .table-bordered, .table-bordered td, .table-bordered th {border: 1px solid #ccc } .bb-1 {border-bottom: 1px solid #ccc } #viewPlans .modal-dialog {height: 100%; display: flex; align-items: center; align-content: center } #blog-single .card, #blog-single .card img {max-width: 100% } #askCustomerDetails .tab-pane {padding: 0 20px!important } .txt-upper {text-transform: uppercase } #blog-single h6 {font-weight: 600 } .blog-info {position: absolute; height: 100%; padding: 15% 0 0; color: #000!important } .blog-info:hover {background-color: rgba(255, 255, 255, .7); -webkit-transition: background-color .5s linear; -ms-transition: background-color .5s linear; transition: background-color .5s linear } .custom-checkbox .custom-control-input:indeterminate~.custom-control-indicator {background-color: #fff } .gift-amount {border-radius: 3px; margin: 0 auto; text-align: center; padding: 8px; font-size: 18px; font-weight: 700; background: #f9f9f9 } [name=gift_card] {cursor: pointer } #gift-card .input-control .ng-invalid.ng-touched, .selected-amount.ng-invalid.ng-touched {border-bottom: 2px solid red } .selected-amount {background: #fff; text-align: left; padding: 8px 8px 8px 0; border-radius: 0; border: none; width: 100%; font-size: 18px; border-bottom: 2px solid #000 } .gift-amount.selected {border: 1px solid #4CAF50 } ul.pagination li, ul.pagination li a {border-radius: 50%; text-align: center } .dropdown-menu a:hover {color: orange!important } .navbar-nav {position: relative!important } .dropdown-menu a>span {font-size: 15px } .dropdown-menu a>span>span:first-child {border-bottom: 1px solid #e4e2df; display: block; font-size: 14px; color: #53b0c5; padding-bottom: 4px } .dropdown-menu a>span>span:last-child {display: block; font-size: 12px; padding-top: 4px } .dropdown-menu a:hover>span>span {color: initial!important } #navigation .navbar .dropdown.collection .dropdown-menu ul li {line-height: normal; margin-bottom: 18px } ul.pagination {list-style: none; justify-content: center } ul.pagination li {display: inline-block; width: 35px; height: 35px; line-height: 35px; margin: 2px } ul.pagination li a {padding: 5px; color: #333; font-size: 12px } ul.pagination li.active a {color: #fff } ul.pagination li.fs-22 a {font-size: 22px!important } ul.pagination li:not(.active) {background-color: #ccc; color: #000 } ul.pagination li.active {background-color: #ff6464; color: #fff } ul.pagination li:not(.show) {display: none } ul.pagination li.dot {display: block } @media(max-width:768px) {ul.pagination {flex-wrap: wrap } } img.toll-free, img.whatsapp {margin: 0 5px 0 10px; height: 12px } @media(max-width:640px) {.pad-mob-0 {padding: 0!important } } .margin-t-25 {margin-top: 25px!important } .bg-grey {background-color: #f9f9f9 } .bg-grey img {border-radius: 2px } @media(min-width:640px) {#bannerSlider {box-shadow: 0 0 4px rgba(0, 0, 0, .3) } } .testimonial .heading.mb-3 {background: #eee; padding: 10px 0 1px 5px; text-align: center } .no-mar {margin: 0!important } .no-mar img {border-radius: 0 } span.list-style-no {border-left: 1px solid #999; padding-left: 5px } .category-banner {width: 100% } .breadcrumb-item.Section, .breadcrumb-item.section {display: none } h5.gift-head:before {content: url(../svg/gift.svg); margin-right: 15px } .bg-white.bg-img {background-image: url(../images/back.png) }