/*::-webkit-input-placeholder{color:#e7e7e7;font-size:16px;font-weight:500}*/
.Benefits { padding: 3% 2.4%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background: #5472b7; border-radius: 12px; margin: 20px 0px 0px 0px; } .Benefits .Benefits-detils { width: 100%; } .Benefits .Benefits-detils .heading-text h4 { font-size: 16px; font-weight: 700; font-stretch: normal; font-style: normal; line-height: 1; letter-spacing: .57px; color: #fff; padding-bottom: 20px; } .Benefits .Benefits-detils .heading-text hr { border: 1px solid #fff; width: auto; margin: 0; } .Benefits .Benefits-detils .Quality-Assured { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 50px 0; } .Benefits .Benefits-detils .Quality-Assured .Quality-Assured-details { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 43%; } .Benefits .Benefits-detils .Quality-Assured .Quality-Assured-details .Quality-Assured-img { width: 33%; } .Benefits .Benefits-detils .Quality-Assured .Quality-Assured-text { width: 100%; } .Benefits .Benefits-detils .Quality-Assured .Quality-Assured-text h3 { margin: 0 0 5px; font-size: 16px; font-weight: 700; line-height: 1.5; letter-spacing: normal; color: #fff; } .Benefits .Benefits-detils .Quality-Assured .Quality-Assured-text p { margin: 0; font-size: 12px; font-weight: 500; line-height: 1.33; letter-spacing: normal; color: #fff; } .Benefits .records { margin-left: 30px; background: #ffff; -webkit-box-shadow: 5px 6px 1px 1px #1a429d; box-shadow: 5px 6px 1px 1px #1a429d; width: 35%; } .Benefits .records .manage-records { padding: 30px; } .Benefits .records .manage-records h2 { font-size: 17px; font-weight: 700; font-stretch: normal; font-style: normal; line-height: 1.38; letter-spacing: .57px; color: #3b3b3b; margin-top: 0; } .Benefits .records .manage-records .histiory-image { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin: 25px 0; } .Benefits .records .manage-records .histiory-image .image { width: 55px; } .Benefits .records .manage-records .histiory-image p { font-size: 12px; font-weight: 600; font-style: italic; line-height: 1.83; color: #3b3b3b; margin: 0; } @media screen and (max-width: 768px) { .Benefits { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; padding: 20px; } .Benefits .Benefits-detils .Quality-Assured { display: block; } .Benefits .Benefits-detils .Quality-Assured .Quality-Assured-details { margin: 40px 0; width: 100%; } .Benefits .records { margin-left: 0; width: 100%; } .Benefits .records .manage-records .histiory-image .image { width: 70px; } } .experiences-review .experience-list { margin: 0 15px; padding: 5px 0; -webkit-transition: .5s; transition: .5s; } .experiences-review .experience-list .experiences-details { padding: 0 7px; } .experiences-review .experience-list .experiences-details p { font-size: 13px; font-weight: 400; font-style: italic; line-height: 21px; letter-spacing: normal; color: #6a6a6a; margin: 0; border-bottom: 1px solid #083547; padding-bottom: 20px; min-height: 200px; } .experiences-review .experience-list .experience-reviews { padding: 3% 6px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; text-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .experiences-review .experience-list .experience-reviews .icon .fa { background: #84be52; color: #fff; padding: 3px; border-radius: 4px; font-size: 12px; } .experiences-review .experience-list .experience-reviews .reviews-text strong { font-size: 12px; margin: 0 10px; color: #003d51; } .experiences-review .experience-list:hover { -webkit-transform: translateY(-4px); transform: translateY(-4px); -webkit-box-shadow: 0 10px 10px 0 rgba(47,46,46,.15); box-shadow: 0 10px 10px 0 rgba(47,46,46,.15); } .downloads { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 3% 2.2%; } .downloads .download-text { width: 100%; /*padding: 0 4%;*/ } .downloads .download-text h3 { font-size: 24px; font-weight: 700; font-stretch: normal; font-style: normal; line-height: 1; letter-spacing: .57px; text-align: center; color: #3b3b3b; } .downloads .download-text p { font-size: 14px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; text-align: center; color: #434343; margin: 40px 0; } .downloads .download-text .download-para { display: -webkit-box; display: -ms-flexbox; display: inline-flex; /*-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center;*/ align-items: center; width: 100%; justify-content: center; } .downloads .download-text .download-para a { width: 16.6%; /* float: left; */ } .downloads .download-text .download-para .download-icon { text-align: center; } .downloads .download-text .download-para .download-icon .download-pic .image { /* height: 80px; */ width: 143px; height: 143px; border: 0px solid #fff; margin-bottom: 10px; /*box-shadow: 0 2px 8px 0 rgb(0 0 0 / 6%);*/ margin: auto; display: inline-block; border-radius: 50%; } .downloads .download-text .download-para .download-icon .download-pic .image img { width: 100%; /* height: auto; */ height: 100%; /* border-radius: 5px; */ border-radius: 50%; object-fit: cover; } .downloads .download-text .download-para .brandscarousel_sec .download-icon .download-pic .image img { width: 100%; border-radius: 5%; } .downloads .download-text .download-para .download-icon .download-pic p { margin: 10px 0; font-size: 14px; width: 100%; font-weight: 500; min-height: 25px; height: 25px; color: #262626; } .downloads .download-text .link { text-align: center; padding: 20px 0; background: white } .downloads .download-text .link a { margin-right: 10px; } .downloads .download-text .link a img { width: 98px; height: 35px; } @media screen and (max-width: 767px) { .downloads .download-text .download-para .download-icon .download-pic p { min-height: 25px; height: 30px; color: #262626; } .downloads .download-text .download-para { /* display: block!important; */ /* padding: 10px 0 0!important; */ flex-wrap: wrap; /* justify-content: flex-start; */ } .experiences-review .experience-list { width: 100%; } .experiences-review .experience-list .experiences-details { margin-right: 0; } .experiences-review .experience-list .experiences-details p { font-size: 15px; } .experiences-review .experience-list .experience-reviews { padding: 5% 0; } .downloads .download-text h3 { text-align: left; } .downloads .download-text .download-para { /* display: block; */ } .downloads .download-text .download-para .download-icon { text-align: left; } .downloads .download-text .download-para .download-icon .download-pic { padding: 0 -31px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; margin: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .downloads .download-text .download-para .download-icon .download-pic .image { height: auto; width: 100px; } .downloads .download-text .download-para .download-icon .download-pic .image img { width: 100%; height: 100%; /* margin-right: 30px; */ } .downloads .download-text .download-para .download-icon .download-pic p { width: auto; } .downloads .download-text .link { text-align: left; } .downloads .download-text p { text-align: left; margin: 25px 0; line-height: 15px; font-size: 11px !important; } .top_head { display: none } } section.category_area_sec .downloads .download-text .download-para .download-icon .download-pic .image img { background: beige; } @media screen and (max-width: 1300px) { .downloads .download-img { display: none; } } /*---------------upload prescription--------------*/ .display-flex { display: flex; } .main { background-color: #fff; padding: 25px 0; } .main-block { padding: 25px 0 0px 0px; } .main-block a:hover { text-decoration: none } .white-box { /* border-radius: 5px; */ /* box-shadow: 0 0 3px 0 rgba(0,0,0,.4); */ background-color: #fff; /* padding: 20px; */ /* transition: all .5s ease-in-out; */ padding: 15px 10px; text-align: left; position: relative; border: 1px solid rgba(14,14,14,.3); margin: 20px 0; transition: all .3s ease; } .white-box:hover { box-shadow: 0 2px 8px 0 rgb(0 0 0 / 40%); background: #ffffff; border: 1px solid rgb(132 190 82); } .white-box:hover .hmb-heading { color: #006275; font-weight: 700; } .hmb-left { width: 60px; } .bg-subscribe { width: 40px; height: 41px; display: block; } .hmb-left img { width: 60px } .hmb-right { padding-left: 25px; } .hmb-heading { } .hmb-heading h2 { font-size: 18px; margin-bottom: 4px; font-weight: 700; color: #4f585e; margin-top: 0px } .main-block .hmb-content { min-height: 31px; } .hmb-content { } .hmb-content p { font-size: 13px; line-height: 20px; font-weight: normal; color: #4f585e; } @media (min-width: 768px) { .col-md-4 { float: left; } } @media (max-width: 767px) and (orientation: portrait) { .white-box { margin-bottom: 10px; } } /*----------------category------------------*/ .category-main-banner { width: 100%; max-width: 100%; height: auto; /* margin-bottom: 16px; */ overflow: hidden; border-radius: 0; /* padding: 20px 0px; */ background: white; padding-bottom: 0px; /* align-content: center; */ display: flex; align-items: center; /* justify-content: center; */ margin-bottom: 20px; } .category-main-banner img { width: 100%; height: auto; max-width: 100%; } /*---------single-product--------------*/ .ProductImage-thumbnail-container { padding: 10px; width: 60px; max-height: 350px; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ProductImage-thumbnail-array { position: relative; border: 1px solid #d2d2d2; transition: .25s ease-in; } .Thumbnail-selected { border: 1px solid #ff6f61; } .Thumbnail-thumbnail-image-new { max-height: 51px; display: block; margin: auto; width: auto; } .otc-container .col-xs-10 { width: 83.33333333%; } .ProductImage-preview-container { padding: 10px; height: 348px; } .product-title { /* font-size: 22px; */ /* font-weight: 700; */ /* color: #212121; */ color: #1d1d1d; font-size: 20px; font-weight: 400; font-stretch: normal; font-style: normal; line-height: 1; /* letter-spacing: .25px; */ line-height: 24px; font-family: 'Poppins'; } .product-title-manufacturer { font-size: 12px; color: #ff6f61; text-decoration: none; display: block; padding-top: 0; border-bottom: 0px solid #e6e6e6; } .product-title-manufacturer p { margin-bottom: 0; color: #6c6c6c; font-size: 13px; } .product-title-ratings { display: block; } .RatingDisplay-ratings-container { color: #fff; font-size: 12px; border-radius: 2px; display: inline-block; padding: 1px 5px; cursor: pointer; position: relative; margin-right: 5px; } .RatingDisplay-ratings-container span { display: inline-block; vertical-align: middle; font-size: 14px; } .RatingDisplay-ratings-container svg { width: 14px; height: 14px; margin-left: 2px; display: inline-block; vertical-align: middle; } .RatingDisplay-ratings-header { display: inline-block; color: #ff6f61; margin-right: 5px; font-size: 14px; vertical-align: middle; cursor: pointer; } .ProductTitle-tag-list { display: flex; margin-top: 8px; } .ProductTitle-tag-wrap { margin-bottom: 5px; margin-right: 20px; } img.ProductTitle-best-seller-tag { width: 34px; } .ProductTitle-tag-name { font-size: 14px; color: #212121; padding: 0 4px 0 8px; } .OtcVariants-container { padding-top: 5px; } .OtcVariants-header { font-size: 16px; padding-left: 16px; } .OtcVariants-header h3 { font-size: 16px; color: #212121; margin: 0 0 10px; } .OtcVariants-variant-div { display: inline-block; margin-bottom: 10px; } .OtcVariantsItem-container { font-size: 12px; min-width: 100px; border: 1px solid rgba(3,58,80,.5); padding: 5px; display: inline-block; margin-right: 3px; border-radius: 3px; } .OtcVariantsItem-variant-text { color: #913d36; } .OtcVariantsItem-variant-price { color: #913d36; margin-top: 8px; } .OtcVariantsItem-selected { background-color: #fff3e3; border: 1px solid #913d36; cursor: default; font-weight: 700; } .OtcPriceBox-atc-box { padding: 0; /* border-radius: 10px; */ background-color: #fff; /* box-shadow: 0 1px 2px 1px rgba(0,0,0,.3); */ /* border-top: 1px solid #e6e6e6; */ } .SocialCue-box { background-color: #edf9ee; padding: 6px 5px; } .SocialCue-views-icon { width: 14px; margin: 0 8px 0 10px; } .SocialCue-views-text { color: #212121; font-size: 12px; } .OtcPriceBox-price-box { padding: 1em; display: grid; grid-row-gap: 1em; } .OtcPriceBox-price-box div { margin: 0; /* display: flex; */ /* align-items: center; */ /* justify-content: flex-start; */ } .SocialCue-views-icon { width: 14px; margin: 0 8px 0 10px; } .SocialCue-views-text { color: #212121; font-size: 12px; } .PriceDetails-mrp-tag { display: inline-block; color: #999; font-size: 10px; font-weight: 400; margin-right: 2px; } .OtcPriceBox-add-box { width: 100%; display: flex; justify-content: space-between; align-items: center; } .PackSizeLabel-quantity-dropdown { font-size: 14px; border-radius: 4px; position: relative; /*border: 1px solid #e2e2e2;*/ padding: 0 0 0; display: inline-block; text-align: left; background: #f5f5f5; } .Dropdown { cursor: pointer; } .Dropdown-display-text { display: inline-block; vertical-align: top; max-width: 100%; border: none; background: white; border-radius: 5; border: 1px solid #80808045; background: #f0f0f0; } .PackSizeLabel-separator { display: inline-block; margin: 0 10px; color: #212121; } .PackSizeLabel-single-packsize { position: relative; font-size: 14px; color: #212121; display: inline-block; } .AddToCart { /* border-radius: 4px; */ background-color: #790000; color: #fff; font-weight: 700; padding: 10px 6px; cursor: pointer; /* text-transform: uppercase; */ text-align: center; width: 100%; float: right; border: 1px solid #790000; } .style-interaction { font-size: 16px; font-weight: normal; } .AdditionalOffers-offer-container { margin-top: 25px; border: 1px dashed #979797; border-radius: 10px; padding-top: 24px; position: relative; background: white; } .AdditionalOffers-offer-heading { font-size: 12px; text-align: center; color: #fff; background-color: #84be52; position: absolute; padding: 2px 10px 3px 8px; top: 3px; left: -3px; } .AdditionalOffers-offer-heading:after { content: ""; position: absolute; left: 100%; width: 0; height: 0; top: 0; border-top: 11px solid transparent; border-left: 9px solid #84be52; border-bottom: 11px solid transparent; } .AdditionalOffers-offer-content { display: flex; align-items: center; } .AdditionalOffers-offer-icon { width: 18px; margin: 0 0 0 16px; } .AdditionalOffers-offer-detail { padding: 8px 14px; font-size: 12px; color: #212121; width: 100%; } .AdditionalOffers-show-buttons { text-align: right; padding: 0 14px 8px 0; font-size: 14px; font-weight: 700; color: #ff6f61; cursor: pointer; } .ProductHighlights-product-highlights { margin-top: 10px; margin-bottom: 14px; color: #212121; } .ProductHighlights-highlights-header { margin-bottom: 8px; font-size: 16px; } .ProductHighlights-highlights-text { word-break: break-word; font-size: 14px; margin-left: 15px; } .ProductHighlights-highlights-text ul { margin: 4px 0; } .ProductHighlights-highlights-text ul li { list-style-type: disc } .DiscountDetails-mrp-tag { display: inline-block; color: #9e9e9e; } .DiscountDetails-discount-price { display: inline-block; color: #9e9e9e; text-decoration: line-through; margin-left: 2px; font-weight: 400; margin-right: 5px; } .DiscountDetails-discount-percent { display: inline-block; color: #409a4a; font-size: 16px; margin-left: 6px; /* font-weight: 700; */ font-style: italic; } .product-bg { } h1.product-title.uyfguyj_tri { margin-top: 0; margin-bottom: 7px; } .uyguyg_tri { font-size: 12px; margin-bottom: 3px; font-weight: 600; color: #a5a5a5; } .ghuhoiuhu_tri { display: flex; align-items: center; margin-bottom: 15px; } .igybuygb_tri { margin-right: 8px; } .ghuh_tri i { color: #ff9e00; font-size: 11px; } .yujygn_tri { color: #6c6c6c; font-size: 14px; font-weight: 500; margin-right: 8px; margin-left: 5px; } a.yujgrfgygn_tri { color: #6c6c6c; font-size: 14px; font-weight: 500; text-decoration: underline; } .product-title-manufacturer.iugbjbk_tri { display: flex; align-items: center; font-weight: 600; color: #000; } .yghguj_tri { margin-right: 10px; min-width: 98px; color: #6c6c6c; font-weight: 500; font-size: 13px; } .ouyho_tri { margin-bottom: 13px; } .uigbjkb_tri { border-bottom: 0px solid #e6e6e6; padding-top: 10px; margin-bottom: 0; } .yuhiuhiu_tri { /* width: 100%; */ padding-left: 15px; } .iujhu_tri { display: flex; align-items: center; gap: 40px; padding: 12px 0 22px; border-bottom: 1px solid #d9d9d9; margin-bottom: 6px !important; } .iuhbjkn_tri { display: inline-flex; align-items: center; margin-right: 18px; color: #000; } .iuhbjkn_tri i { margin-right: 5px; font-size: 14px; } .grhbjb_tri { font-size: 14px; } .kgnjbn_tri { display: flex; align-items: center; flex-grow: 1; justify-content: end; } .thtgbhk_tri { margin-right: 15px !important; font-size: 13px; } .kgnjbn_tri a { color: #464646; } .ugvhj_tri { display: flex; align-items: center; width: 100%; } img.gyhuby_tri { width: 20px; margin-right: 7px; } .iugbjhk_tri { font-size: 14px; color: gray; padding-left: 8px; } .iyghjb_tri { display: inline-flex; justify-content: flex-end; margin-top: 0; /* width: 100%; */ /* height: 100%; */ align-items: center; } .gvuv_tri { margin-bottom: 0; /* margin-left: -1px; */ /* margin-left: 0px; */ padding-left: 15px; } .yfugb_tri { /* padding-left: 0; */ border-right: 1px solid #d7d7d7; /* padding-left: 52px; */ } .iugh_tri { display: flex; align-items: center; /* margin: 0px 0 15px!important; */ } .iugh_tri .gbjhbyugb_tri { margin-right: 10px !important; font-size: 22px !important; !i; !; line-height: 33px !important; !i; !; } .iugh_tri .DiscountDetails-discount-div { font-size: 18px; } .gbjhbyugb_tri .PriceDetails-discount-div { /* font-weight: bold !important; */ !i; !; color: black; font-weight: 500 !important; !importan; !importa; !import; !impor; !impo; !imp; !im; !i; !; !; /* font-size: 28px; */ !i; !; /* line-height: 33px; */ /* font-weight: bold; */ } .formobiletab.flavour_sec.igdvh_tri .product-details-size-category-cover2 { height: auto; display: block; text-align: center; border: 0; width: auto; } .yuguygu_tri { padding: 3px 0; } img.ygyuh_tri { border: 1px solid #ccc; width: 100%; } .formobiletab.flavour_sec.igdvh_tri input:checked + div img.ygyuh_tri { box-shadow: none; border: 1px solid black; } .formobiletab.flavour_sec.igdvh_tri input:checked + div { box-shadow: none; } .formobiletab.flavour_sec.igdvh_tri input.dynamic-attribute-2 { height: 100%; z-index: 2; } .col-md-2.col-sm-6.col-xs-6.formobiletab.flavour_sec.igdvh_tri { flex: 0 0 11.666667%; max-width: 11.666667%; } .row.product-details-size-category.uihub_tri { margin-bottom: 12px; } .row.product-details-size-category.uihub_tri h3 { color: #6c6c6c; font-weight: 500; font-size: 14px; } .row.product-details-size-category.uihub_tri h3 { color: #6c6c6c; font-weight: 500; font-size: 13px; text-transform: capitalize; font-weight: 600; } .row.product-details-size-category.uihub_tri { margin-bottom: 10px; } .AddToCart.addedtocart.add_to_cart:hover { /* background: #5e89a8; */ } .AdditionalOffers { text-align: right; padding: 0 14px 8px 0; font-size: 14px; font-weight: 700; color: #5472b7; cursor: pointer; } .main-product { width: 100%; /* box-shadow: 0 1px 2px 1px rgba(0,0,0,.3); */ /* border-radius:10px; */ /* background:white; */ margin-bottom: 10px; display: inline-flex; position: relative; } .left-icon { overflow-x: hidden; overflow-y: auto; height: 495px; display: inline-block; float: left; /*height: auto;*/ width: 14%; padding: 0px; margin-right: 0px; } .left-icon::-webkit-scrollbar { height: 3px; width: 3px; } .left-icon > div { margin-bottom: 15px; border-radius: 50%; } #left-circle { height: 40px; width: 40px; border-radius: 50%; } #left-circle:hover { border: 2px solid blue; } @media (max-width: 768px) { .main-product { max-width: 100%; display: block; padding: 0; } .left-icon { display: flex; justify-content: flex-start; width: 100%; height: 15%; margin-bottom: 0; overflow-x: scroll; overflow-y: hidden; -webkit-overflow-scrolling: touch; } .left-icon > div { margin-bottom: 0; } #left-circle { height: 60px; width: 60px; justify-content: center; text-align: center; margin-right: 20px; bottom: 0; } .loginmain .innermain .rightcol { padding: 0px 8px !important; } .loginmain .innercol .socialloginmain .glogin .btn-social img { margin-right: 10px !important } .loginmain .innercol .socialloginmain .fblogin .btn-social img { margin-right: 10px !important } } .column { background: white; /* float: right; */ /* width: 54%; */ /* height: auto; */ /* justify-content: center; */ /* margin-right: 13px; */ margin-top: 0; } .column1 { /* float: left; */ /* width: 44%; */ height: auto; justify-content: center; margin-right: 10px; margin-top: 0; /*background: white;*/ padding: 0 0; } .column2 { float: left; width: 43%; height: auto; justify-content: center; margin-right: 13px; margin-top: 25px; } @media screen and (max-width: 600px) { .column { width: 100%; margin-bottom: 10px; right: 0; left: 0; top: 0; } .icon-box { margin-top: 100px; margin-bottom: 40px; } } #img-holder { background-image: url('https://static-assets.glossier.com/production/spree/images/attachments/000/003/755/portrait_normal/LashSlick.jpg?1556563261'); background-position: center; background-size: cover; background-repeat: no-repeat; height: 90vh; } .top-rate-button { margin-left: 10px; background-color: rgb(245,222,210); height: 60px; width: 100px; padding: 0.5em; border: none; border-radius: 10px; font-weight: 600; } .icon-box { display: flex; flex-direction: row; height: 6vh; width: 100%; margin-top: 10px; } .icon-box > div { width: 33.33%; height: inherit; } #flex-icon { width: 100%; height: 100%; } .xzoom-container { background: white; padding: 0; } .iuhjhk_tri p { font-size: 12px; /* margin-bottom: 10px; */ } .PriceDetails-discount-div { font-size: 28px !important; font-weight: 700 !important; color: #505050; /* font-size: 22px!important; */ font-weight: 400 !important; font-stretch: normal; font-style: normal; line-height: 1; letter-spacing: 0; } @media screen and (min-width: 767px) { .SocialCue-box { /* border-radius: 10px 10px 0 0; */ } .PriceDetails-discount-div { font-size: 30px; font-weight: 700; } } .custom-select { focused-border-color: #333; } select { appearance: auto; cursor: pointer; border-width: 2px; border-color: transparent; box-sizing: border-box; height: 2rem; padding-left: 1rem; padding-right: 2rem; flex-grow: 1; background: none; background: no-repeat !important; } select:focus { outline: none; } .OtcPriceBox-add-box label { border-radius: 4px; position: relative; /* min-width: 10em; */ /* max-width: 18em; */ display: flex; justify-content: space-between; align-items: center; overflow: hidden; margin-bottom: 0px !important; } .OtcPriceBox-add-box label::after { content: '\25BE'; background-color: #f0f0f0; color: #000000; font-size: 20px; width: 20px; position: absolute; top: 0; bottom: 0; right: 0; display: flex; justify-content: center; align-items: center; pointer-events: none; } /*--------------------login---------------------*/ .loginmain { max-width: 1030px; margin: 0 auto; box-sizing: border-box; padding: 0; } .loginmain .login-firststep { margin-top: 3rem; margin-bottom: 3rem } .loginmain .innermain { background: #fff; /* border-radius: 16px; */ overflow: hidden; } .loginmain .innermain .rightcol { padding: 20px; } .loginmain .innermain .rtinner { padding: 0; } .loginmain .innermain .rtinner .ac-title { padding: 0; margin: 0 0 30px; font-size: 22px; color: #151b39; } .loginmain .innermain .rtinner .sign-txt { font-size: 14px; color: rgba(21,27,57,.6); margin-bottom: 35px; } .loginmain .m-0 { margin: 0 !important } .p-0 { padding: 0 !important; } .ghryfhg_tri { width: 100%; } div#loginotpdiv .md-form.otprow.position-relative { margin-top: 0; } .position-relative { position: relative !important; } .loginmain .md-form { margin: 1rem 0 24px; display: inline-block; width: 100%; } .loginmain .md-form .prefix { /*top: .15rem; position: absolute; -webkit-transition: color .2s; transition: color .2s;font-size: 16px; color: #151b39; line-height: normal; border-right: 1px solid #151b39; padding: 0 5px 0 0; margin: 3px 0;*/ } .loginmain .md-form input { outline: 0; border-width: 0 0 2px; width: calc(100% - 2.5rem); padding: 0; margin: 0; font-size: 14px; color: #151b39; border-bottom: 0px solid rgba(21,27,57,.04); background: no-repeat; } .loginmain .md-form ::-webkit-input-placeholder { color: #c7c7c7; font-weight: lighter; font-size: 13px } .loginmain .md-form .pwd { border-bottom: 2px solid rgba(21,27,57,.04); font-size: 16px; color: #151b39; padding: 3px 0; margin: 0; } .loginmain .md-form label { position: absolute; transition: transform .2s ease-out,color .2s ease-out,-webkit-transform .2s ease-out; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: translateY(12px); transform: translateY(12px); cursor: text; color: #757575; left: 0; top: -35px; } a.loginotp.btnusepassword.hgiyuigiu_tri { cursor: pointer; display: block; background: #fff; border-radius: 0; box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; /* letter-spacing: 1px; */ text-transform: uppercase; padding: 7px 6px; width: 100%; height: 100%; margin: 0; border: 1px solid #790000; font-size: 12px; color: #790000; line-height: 22px; background: white; font-weight: 600; } .logincustomersbox_tri .divideline.guygy_tri span { transform: translate(-50%, -50%); text-transform: none; } button.uydguygy_tri { padding: 10px; width: 100%; height: 100%; margin: 0; border: 0; font-weight: 600; cursor: pointer; background: #790000; font-size: 14px; color: white; border: 1px solid #790000; } button.gih_tri { position: absolute; right: 10px; top: 10px; border: 0; background: no-repeat; font-size: 18px; } .logincustomersbox_tri input { width: 100% !important; } h2.ac-title.yguy_tri { margin-bottom: 0; } p.fvuygy_tri { margin-bottom: 25px; } .logincustomersbox_tri input { width: 100% !important; } a.ac-pinklink.changelink { position: absolute; right: 10px; bottom: 10px; } a.ac-pinklink.changelink:focus { color: #000; } .loginmain { position: relative; } .loginmain .md-form label.active { font-size: 12px; color: #333; /* text-transform: uppercase; */ margin-left: 0; background: white; /* border: 1px solid #8080807a; */ } .loginmain .login-firststep .btn-signpass { cursor: pointer; background: #790000; font-size: 14px; color: white; /* border-radius: 4px; */ box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; /*letter-spacing: 1px;*/ /*text-transform: uppercase;*/ padding: 10px; width: 100%; height: 100%; margin: 0; border: 0; font-weight: 600; border: 1px solid #790000; } .loginmain .innermain .divideline { border: 0; border-top: 1px solid rgba(21,27,57,.1); margin: 25px 12%; position: relative; } .loginmain .innermain .divideline span { background: #fff; font-size: 12px; color: rgba(21,27,57,.38); text-transform: uppercase; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); padding: 0 15px; } .loginmain .login-firststep .btn-signotp { cursor: pointer; display: block; background: #fff; border-radius: 0; box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; /* letter-spacing: 1px; */ text-transform: uppercase; padding: 7px 6px; width: 100%; height: 100%; margin: 0; border: 1px solid #790000; font-size: 12px; color: #790000; line-height: 22px; background: #fff; font-weight: 600; } .loginmain .account { margin: 1rem 0 18px; display: inline-block; width: 100%; } .loginmain .account input { font-size: 14px; color: #151b39; padding: 10px 12px; margin: 0; outline: 0; border-width: 0; width: calc(100% - 2.5rem); background: #ebebeb; line-height: 16px; border-radius: 2px; } input:-webkit-autofill:focus { background-color: white !important } .loginmain .md-form.phinput input { padding: 3px 0 3px 2.5rem; margin: 0; border-bottom: 2px solid rgba(21,27,57,.04); font-size: 16px; color: #151b39; border-width: 0 0 2px; width: calc(100% - 2.5rem); } .loginmain .account ::-webkit-input-placeholder { color: #c7c7c7; font-weight: lighter; font-size: 13px } .loginmain .account label { font-size: 11px; position: absolute; transition: transform .2s ease-out,color .2s ease-out,-webkit-transform .2s ease-out; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: translateY(12px); transform: translateY(12px); cursor: text; color: #757575; left: 0; top: -30px; } .loginmain .account label.active { font-size: 11px; color: #757575; /* text-transform: uppercase; */ margin-left: 0; } .loginmain .innermain .rtinner .ac-title .innercol .refotpbox { padding: 20px 0 } .loginmain .innercol .refotpbox h3 { margin: 0; padding: 0 0 10px; font-size: 12px; color: rgba(21,27,57,.6); text-transform: uppercase; letter-spacing: 1px; }.loginmain .innercol .otprow .otptxt { margin: 0 0 10px; font-size: 12px; color: #333; /* text-align: center; */ } .loginmain .innercol .otprow .otptxt span { font-size: 14px; color: #151b39 } .loginmain .innercol .otprow .otptxt a { cursor: pointer } .loginmain .innercol .otprow .otptxt .changelink { float: right; font-size: 12px; color: #790000; } .loginmain .innercol .otprow .otp-inputrow { display: inline-block; } .loginmain .innercol .otprow .otp-inputrow .otpcol { width: 13% !important; float: left; padding: 10px 0; background: #ebebeb; text-align: center; margin: 0 4% 0 0; font-size: 16px; color: #454545; border: 1px solid #790000; } .loginmain .innercol .otprow .otp-inputrow .resend-otprow { padding: 0; display: inline-block; width: 100%; } .loginmain .innercol .otprow .resend-otprow .resend-link { font-size: 12px; color: #790000; float: right; } .loginmain .innercol .otprow .otp-inputrow .resend-otprow a { cursor: pointer } .loginmain .innermain .innercol .md-form .ac-pinklink { /*position: absolute; right: -10px; top: 8px;*/ font-size: 12px; color: #ef4281; } .loginmain .innermain .innercol .btn-login { cursor: pointer; background: #000000; font-size: 14px; color: #fff; border-radius: 0; box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; letter-spacing: 1px; text-transform: uppercase; padding: 7px 6px; width: 100%; height: 100%; margin: 0; border: 0; } .loginmain .innermain .innercol .loginotp { font-size: 12px; color: #000; line-height: 22px; text-transform: uppercase; } .loginmain .innercol .socialloginmain { width: 100%; padding: 0 20px; display: -webkit-box; display: flex; margin: 80px 0 0; } .loginmain .innercol .socialloginmain .glogin { width: 50%; margin: 0; } .loginmain .innercol .socialloginmain .glogin .btn-social { display: block; background: #fff; border: 1px solid rgba(21,27,57,.2); font-size: 14px; color: rgba(21,27,57,.6); text-align: center; padding: 10px 5px 10px 5px; border-radius: 4px; position: relative; } .loginmain .innercol .socialloginmain .glogin .btn-social img { width: 18px; margin-right: 20px } .loginmain .innercol .socialloginmain .fblogin { width: 50%; margin-left: 6%; } .loginmain .innercol .socialloginmain .fblogin .btn-social img { width: 18px; margin-right: 20px } .loginmain .innercol .socialloginmain .fblogin .btn-social { display: block; background: #fff; border: 1px solid rgba(21,27,57,.2); font-size: 14px; color: rgba(21,27,57,.6); text-align: center; padding: 10px 5px 10px 5px; border-radius: 4px; position: relative; } .loginmain .innercol .socialloginmain .glogin .btn-social span.scgoogle { background: url(../images/google-icon.png) center/auto 18px no-repeat; } .loginmain .innercol .socialloginmain .fblogin .btn-social span.scfacebook { background: url(../images/facebook-icon.png) center/auto 18px no-repeat; } .gyyugf_tri { display: inline-flex; align-items: center; margin-bottom: 5px; border-radius: 2px; font-size: 14px; padding: 10px 12px; line-height: 16px; height: auto; color: #282c3f; width: 100%; /* background: #ebebeb; */ border: 1px solid #80808052; } span.hujkn_tri { margin-right: 10px; display: flex; border-right: 1px solid #d1d1d1; padding-right: 8px; align-items: center; } img.gkuj_tri { width: 18px; margin-right: 10px; } .hdkjl_tri.jfgoir_tri { text-align: center; margin-top: 25px; } .kfgfglh_tri { font-weight: 600; font-size: 13px; } ul.social-links__list.dfgfdg_tri.hhhtuih_tri { padding-top: 8px; width: 50%; margin: auto; display: flex; justify-content: space-around; -webkit-box-pack: justify; list-style: none; padding-left: 0; } ul.social-links__list a { font-size: 20px; } ul.social-links__list.dfgfdg_tri li a i.facebook_i { background: #1f7bf2; } ul.social-links__list.dfgfdg_tri li a i { color: #ffffff; padding: 5px; border-radius: 20px; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; font-size: 18px; } ul.social-links__list.dfgfdg_tri li a i.instagram_i { background: #e00188; } ul.social-links__list.dfgfdg_tri li a i.twitter_i { background: #4ea6e9; } ul.social-links__list.dfgfdg_tri li a i.youtube_i { background: #f70000; } .col-lg-6.leftcol.p-0.d-sm-block.jyhjujio_tri { background: #eae0d6; } .md-form.position-relative.grrtguyfg_tri { margin-bottom: 10px; } input#txtloginpassword { padding: 0; border: 0; width: 100%; } .otp-inputrow input:last-child { margin-right: 0 !important; } /*login popup*/ .logincustomersbox_tri { position: fixed; left: 0; top: 0px; z-index: 999; width: 100%; height: 100%; background: rgb(0 0 0 / 65%); /* margin: 0 20px; */ } .oiuhui_tri { /* height: 100%; */ display: flex; align-items: center; width: 100%; justify-content: center; /* height: 380px !important; */ !i; !; /* margin: 0 20px; */ /* margin-top: 77px; */ position: relative; top: 110px; } .uyguyi_tri { width: 380px; /* border-radius: 5px; */ /* min-height: 385px; */ /* margin: auto; */ background: #fff; position: relative; box-shadow: 0 0 3px rgba(0, 0, 0, .22); /* max-width: 650px; */ /* height: 430px !important; */ !i; !; } .logincustomersbox_tri .login-firststep { display: inline-block; width: 100%; } .logincustomersbox_tri h2.ac-title { line-height: 40px; /* margin-bottom: 10px; */ font-size: 18px; padding: 5px 0px; padding-top: 19px; } .logincustomersbox_tri .login-firststep { margin: 0; } .logincustomersbox_tri .uyguyi_tri { /* padding: 10px 0; */ } .logincustomersbox_tri .hgh_tri { margin-bottom: 8px; margin-top: 10px; font-size: 11px; text-align: center; } .hgh_tri.buybj_tri { margin-top: 22px; } .logincustomersbox_tri .hgh_tri.buybj_tri a { /*color: #009120;*/ } .logincustomersbox_tri .divideline { border: 0; border-top: 1px solid rgba(21, 27, 57, .1); margin: 25px 12%; position: relative; } .logincustomersbox_tri .divideline span { background: #fff; font-size: 12px; color: rgba(21, 27, 57, .38); text-transform: uppercase; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding: 0 15px; } .logincustomersbox_tri .uigui_tri { margin-bottom: 10px; } .logincustomersbox_tri .hgh_tri a { color: #790000; font-weight: 500; text-decoration: underline; } .uigihb_tri { text-align: center; margin-top: 20px; } .ygui_tri { /* text-transform: uppercase; */ padding: 5px 6px; width: 100%; height: 100%; margin: 0; border: 1px solid #e1e1e1; font-size: 12px; color: #000000; line-height: 22px; background: #ebebeb8c; font-weight: 600; } @media screen and (max-width: 767px) { .logincustomersbox_tri .uyguyi_tri { width: 100% !important; min-width: 100% !important; min-height: auto !important; max-width: 100% !important; } .oiuhui_tri { padding: 0 20px; } } /*------------pincodebox----------------*/ .pincodeboxouter { width: 136px; height: 48px; float: left; background: #fff; border-radius: 6px 0 0 6px; } .pincodeboxouter .pincodebox { padding: 6px 0 6px 30px; position: relative; background: url(https://www.netmeds.com/msassets/images/icons/location-on.svg) 11% 42% no-repeat rgba(21,27,57,.06); font-size: 12px; color: rgba(21,27,57,.6); line-height: 16px; height: 48px } .pincodeboxouter .pincodebox .pin-num { font-size: 14px; color: #151b39; line-height: 1.43; letter-spacing: normal; width: 74px; border: 0; background: 0 0; padding-left: 0px; height: 20px; } .pincodeboxouter .pincodebox .editIcon { background: url(https://www.netmeds.com/msassets/images/icons/edit.svg) center/12px no-repeat; width: 12px; height: 12px; margin-left: 0; box-shadow: none; border: 0; position: absolute; bottom: 8px; right: 18px; z-index: 999; } /* ============================ */ /* TOOLTIP                      */ /* ============================ */ [data-tooltip] { position: relative; } [data-tooltip]:before, [data-tooltip]:after { -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; position: absolute; top: 100%; left: 50%; -webkit-transition-property: opacity; -moz-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: linear; -moz-transition-timing-function: linear; transition-timing-function: linear; position: absolute; left: 50%; top: 100%; bottom: 100%; visibility: hidden; opacity: 0; z-index: 9999; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } [data-tooltip]:before { content: ""; border-color: #323232; border-style: none; border: 5px solid transparent; border-bottom: 6px solid #323232; margin-top: -4px } [data-tooltip]:after { content: attr(data-tooltip); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; width: auto; height: 22px; padding: 0 4px; font-size: 10px; line-height: 23px; white-space: nowrap; background-color: #323232; color: #ecf0f1; margin-top: 7px; } [data-tooltip]:hover, [data-tooltip]:focus { background-color: transparent; } [data-tooltip]:hover:before, [data-tooltip]:hover:after, [data-tooltip]:focus:before, [data-tooltip]:focus:after { -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); opacity: 1; visibility: visible; } /*---------------calltoorder--------------*/ .ba-we-love-subscribers { width: 160px; height: 56px !important; border-radius: 6px 0 0 6px; box-shadow: 0px 12px 45px rgba(0, 0, 0, .15); text-align: center; margin: 0 0 10px 0; overflow: hidden; opacity: 0; } .ba-we-love-subscribers.open { height: 50px; opacity: 1; margin-bottom: -56px; margin-right: 51px; } /*.ba-we-love-subscribers.popup-ani {-webkit-transition: all .8s cubic-bezier(0.175, 0.885, 0.32, 1.275);transition: all .8s cubic-bezier(0.175, 0.885, 0.32, 1.275);}*/ .ba-we-love-subscribers h1 { font-size: 14px; color: #fff; padding: 12px 0; margin: 0; font-weight: 400; background: #3e415b; } .ba-we-love-subscribers .love { width: 20px; height: 20px; background-position: 35px 84px; display: inline-block; margin: 0 6px; background-size: 62px; } .ba-we-love-subscribers .ba-logo { width: 65px; height: 25px; background-position: 0px; margin: 0 auto; opacity: .5; cursor: pointer; } .ba-we-love-subscribers .ba-logo:hover { opacity: 1; } .logo-ani { transition: 0.5s linear; -webkit-transition: 0.5s linear; } .ba-we-love-subscribers input { font-size: 14px; padding: 12px 15px; border-radius: 15px; border: 0; outline: none; margin: 8px 0; width: 100%; box-sizing: border-box; line-height: normal; } .ba-we-love-subscribers .img { background-image: url("../images/call-order.png"); } .ba-we-love-subscribers-fab { border-radius: 6px 0 0 6px; width: 56px; height: 56px; background-color: #3e415b; float: right; /*box-shadow: 0px 12px 45px rgba(0, 0, 0, .3);*/ z-index: 5; position: relative; } .ba-we-love-subscribers-fab .img-fab { height: 30px; width: 30px; margin: 15px auto; background-image: url("../images/call-cross.png"); background-position: -12px -44px; } .ba-we-love-subscribers-fab .wrap { transform: rotate(0deg); -webkit-transition: all .15s cubic-bezier(0.15, 0.87, 0.45, 1.23); transition: all .15s cubic-bezier(0.15, 0.87, 0.45, 1.23); } .ba-we-love-subscribers-fab .ani { transform: rotate(45deg); -webkit-transition: all .15s cubic-bezier(0.15, 0.87, 0.45, 1.23); transition: all .15s cubic-bezier(0.15, 0.87, 0.45, 1.23); } .ba-we-love-subscribers-fab .close { background-position: -10px -5px; transform: rotate(-45deg); float: none; opacity: 1; } .ba-we-love-subscribers-wrap { position: fixed; right: 0px; bottom: 25px; z-index: 1000; } .ba-settings { position: absolute; top: -25px; right: 0px; padding: 10px 20px; background-color: #555; border-radius: 5px; color: #fff; } .error-msg { color: red; font-style: italic; font-size: 10px; } .pro-img { } @media only screen and (min-width : 768px) and (max-width : 1024px) { ul.drop1_list_1.drop-full.row { width: 90%; overflow: auto } nav ul li:hover ul.drop1_list_1 .first { margin-left: 40px; } nav ul li:hover ul.drop1_list_1 .last { margin-right: 40px; } .pro-text { width: 100px } } /*div#cartlist { margin-bottom: 15px; }*/ h4.upload-pr { font-size: 12px; color: rgba(21,27,57,.6); line-height: 16px; letter-spacing: 1px; margin: 8px; text-align: left; } .dis_sec p { color: #818181; margin-bottom: 10px !important; !i; !; } .rateing_section span { color: #06804a; text-decoration: none; border-right: 1px solid #eee; padding-right: inherit; /* padding: 3px 15px; */ } .rateing_section { /* color: #51C9A6; */ /* text-decoration: none; */ /* font-size: 12px; */ /* display: inline-block; */ /* float: right; */ } .star_sec { float: left; } span.data_reactid { /* color: #b7b7b7; */ /* text-decoration: none; */ /* border-right: 1px solid #fff; */ /* padding-right: inherit; */ /* padding: 3px 0px; */ } .rateing_section span:last-child { border-right: 1px solid #fff; } input.location-search { width: 205px; height: 32px; padding: 0 10px; display: inline-block; vertical-align: middle; border: 1px solid #b7b7b7; border-radius: 2px 0 0 2px; position: relative; opacity: 1; } button.button-primary.location-search-button { background: #969696; border: none; color: #fff; font-size: 12px; border-radius: 0px 3px 3px 0; text-transform: uppercase; padding: 6px 13px; margin-left: -3px; line-height: 20px; height: 32px; } .location_div { display: inline-flex; /* margin-left: 48px; */ } span.location_span { color: #6c6c6c; font-size: 14px; } span.location_avl { color: #818181; display: block; font-size: 10px; margin-top: 5px; font-weight: 500; } .location_sec { margin-top: 17px; border: 2px solid #F4F4F4; padding: 11px 4px; background-color: white; margin-bottom: 10px; /* height: 78px !important; */ !i; !; display: flex; width: 100%; align-items: center; } .margin_left_0 { margin-right: 0; } .row.location_row { margin: 0; display: flex; align-items: center; justify-content: space-around; width: 100%; } /* Style the tab */ .tab { overflow: hidden; /* border: 1px solid #ccc; */ background-color: #ffffff; } /* Style the buttons inside the tab */ .tab button { background-color: inherit; float: left; border: none; outline: none; cursor: pointer; padding: 0 5px 12px; transition: 0.3s; border-bottom: 1px solid #ffffff00; margin-right: 30px; /* border-radius: 5px 5px 0 0; */ text-transform: capitalize; color: #808080; font-size: 15px; font-weight: 500; } /* Change background color of buttons on hover */ .tab button:hover { /* background-color: #ddd; */ /*border-top: 2px solid #005e63;*/ } /* Create an active/current tablink class */ .tab button.active { /* background-color: #ffffff; */ color: #790000; font-size: 15px; font-weight: 600; border-bottom: 1px solid #790000; } /* Style the tab content */ div#myorder.tabcontent { display: inline-block; padding: 0; border: none; border-top: none; width: 100%; } .tabcontent { display: none; padding: 6px 0; /*border: 1px solid #ccc;*/ border-top: none; } .account-div .tabcontent { padding: 0; border: none; border-top: none; background: white; /* padding: 15px; */ } .left-block { width: 64%; float: left; display: block; } .review-bg { background: #fff; margin: 0 auto 10px; border-radius: 8px; padding: 24px 24px 22px; } .review-bg h1 { color: #505050; font-size: 22px; font-weight: 400; font-stretch: normal; font-style: normal; line-height: 1; letter-spacing: .57px; } .review-bg .review-rating-wrap { min-height: 90px; overflow: hidden; align-items: center; } .review-bg .review-lblock { width: 50%; float: left; border-right: 1px solid rgba(21,27,57,.1); padding-right: 8px; margin-right: 8px; } .review-bg .review-rating-wrap .rating-content { font-size: 28px; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: left; width: 100%; float: left; margin-right: 8px; font-weight: 700; margin: 5px 0 15px; } .review-bg .review-rating-wrap .rating-content .average-count { float: left; } .review-bg .review-rating-wrap .rating-content .average-rating-star-icon { margin: 8px 12px 0; display: block; float: left; } .review-bg .review-rating-wrap .rating-content .average-rating-star-icon .total-rating-count { font-size: 18px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #737688; display: block; } .review-bg .review-rating-wrap .above_3 { color: #06804a; } .review-bg .review-rating-wrap .rating-bar-content .rating-desc .rating-rate { padding: 0; float: left; width: auto; font-size: 18px; margin-right: 8px; font-stretch: normal; font-style: normal; color: #737688; height: 15px; line-height: 17px; } .review-bg .review-rating-wrap .rating-bar-content .rating-desc .rating-rate .fa-2x { font-size: 18px; padding: 0 0 0 6px; } .review-bg .review-rating-wrap .rating-bar-content .rating-desc .rating-rate .star5 { color: #73c330 } .review-bg .review-rating-wrap .rating-bar-content .rating-desc .rating-rate .star4 { color: #73c330 } .review-bg .review-rating-wrap .rating-bar-content .rating-desc .rating-rate .star3 { color: #73c330 } .review-bg .review-rating-wrap .rating-bar-content .rating-desc .rating-rate .star2 { color: #feba21 } .review-bg .review-rating-wrap .rating-bar-content .rating-desc .rating-rate .star1 { color: #ef4281 } .review-bg .review-rating-wrap .rating-bar-content .rating-desc .rating-bar { padding: 0; margin-top: 7px; float: left; width: 65%; } span.gyugy_tri { min-width: 15px; display: inline-flex; justify-content: center; } .review-bg .review-rating-wrap .rating-bar-content .rating-desc .rating-bar .progress { height: 5px; margin-bottom: 0; border-radius: 0; background-color: rgba(21,27,57,.24); border-radius: 2px; } .review-bg .review-rating-wrap .rating-bar-content .rating-desc .rating-bar .progress .progress-bar5 { background: #73c330; } .review-bg .review-rating-wrap .rating-bar-content .rating-desc .user-count { min-width: 60px; line-height: 20px; height: 14px; padding: 0; text-align: right; white-space: nowrap; float: left; color: #737688; font-size: 18px; margin-left: 8px; } .review-bg .review-rating-wrap .rating-bar-content .rating-desc { clear: both; padding: 10px 0 10px; width: 100%; } .review-bg .review-rblock { width: 46%; float: right; margin-left: 4px; font-size: 12px; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #151b39; text-align: center; display: flex; align-items: center; height: 90px; margin-top: 70px; } .review-bg .review-rblock .review-form-block { display: block; width: 100%; text-align: left; position: relative; } .review-bg .review-rblock .review-form-block .star-rating { display: block; height: 67px; line-height: 64px; } .review-bg .review-rblock .review-form-block .starrr { display: inline-block; position: absolute; line-height: 71px; margin-left: 11px; padding-left: 7px; } .review-bg .review-rblock .review-form-block .starrr a { font-size: 16px; padding: 0 1px; cursor: pointer; color: #ffd119; text-decoration: none; } .review-bg .review-rblock .fa-star-o:before { font-size: 24px; content: "\f005"; color: rgba(21,27,57,.24); } .review-bg .review-rblock button { width: 100%; height: 50px; background-color: rgba(21,27,57,.06); text-align: center; box-shadow: none; border: 0; border-radius: 5px; margin: 24px auto 0; display: block; text-transform: uppercase; font-size: 14px; font-stretch: normal; font-style: normal; letter-spacing: 1px; color: #737688; } .review-bg .review-box { border-bottom: 2px solid rgba(21,27,57,.04); margin: 0; padding: 24px 0; } .review-bg .review-box .star5 { background: #06804a; } .review-bg .review-box .count-star { width: 31px; padding: 1px 4px; color: #fff; border-radius: 5px; float: left; font-size: 12px; } .review-bg .review-box .count-star i { padding-left: 1px; font-size: 10px; } .review-bg .review-box .reviewer-name-new { /* width: 32px; */ height: 21px; padding: 0; text-align: right; white-space: nowrap; float: left; color: #000000; font-size: 18px; margin-left: 8px; line-height: 20px; font-weight: 500; } .review-bg .review-box .verified { float: right; padding: 0 5px; border-radius: 4px; font-size: 13px; font-stretch: normal; line-height: 1.33; letter-spacing: .5; text-align: right; color: #4a4a4ad1; background: #f0f0f0; } .review-bg .review-box h2 { font-size: 14px; font-stretch: normal; font-style: normal; line-height: 1.43; letter-spacing: normal; color: #151b39; margin: 12px 0; padding: 0; } .review-bg .review-box .review-content { font-size: 15px; font-weight: 400; font-stretch: normal; font-style: normal; line-height: 1.43; letter-spacing: normal; color: #000000; padding-bottom: 10px; margin-top: 5px; } .clearfix { height: 0px; clear: both; display: flex; } .review-bg .review-box .reviewer-name { float: left; font-size: 13px; font-weight: 400; font-stretch: normal; line-height: 1.33; letter-spacing: normal; text-align: right; color: #8c8c8c; } .review-bg .review-box .verified > i { font-size: 15px; padding: 5px; color: #06804a; } .main-product .OtcPriceBox-price-box .OtcPriceBox-add-box { justify-content: normal; } .main-product .OtcPriceBox-price-box { padding: 0 0 1em; } .xzoom_img_sec { height: 550px; width: 87% !important; text-align: center; /* -webkit-box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 50%); */ -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5); /* box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 50%); */ /* border: 1px solid #cecece; */ float: right; /* vertical-align: middle; */ /* text-align: center; */ position: relative; } @media screen and (max-width: 767px) { .OtcPriceBox-price-box .AddToCart.addedtocart { /*margin-top: 10px;*/ display: inline-block; /* width: 206px !important; */ } .OtcPriceBox-price-box div { margin: 0; /*display: inline-flex;width:100%;*/ } section.listing.prodct_listing_main .xzoom-container .xzoom_img_sec { /*height: 300px; width: 100%!important;*/ } .main-product .specialOffers_sec { width: 100%; padding-right: 0; padding-left: 0; margin-bottom: 5px; } section.listing.prodct_listing_main .col-md-6.col-lg-9.col-xs-6.padding_right_0 { padding: 0; } section.listing.prodct_listing_main .xzoom-container { margin-bottom: 0; } section.listing.prodct_listing_main .column1 { padding: 15px 10px 0; } section.listing.prodct_listing_main .column { margin-top: 5px; margin-bottom: 5px; } section.listing.prodct_listing_main { margin-top: 10px; margin-bottom: 10px; } section.listing.prodct_listing_main .xzoom-thumbs { margin-bottom: 0; height: 88px !important; } } @media (max-width: 1300px) and (min-width: 900px) { .container { max-width: 1680px; width: 100%; } } @media (min-width: 1020px) and (max-width: 1245px) { .container { max-width: 1680px; width: 100%; } } div#registerdiv { /* padding: 30px 14px!important; */ } div#registerdiv input.checkQuote { width: 100% !important; } div#registerdiv input.onlyalphawithspace { width: 100% !important; } section.category_area_sec .downloads .download-text .download-para .download-icon .download-pic .image:after { content: ''; background: rgba(0, 0, 0, 0.4); position: absolute; z-index: 1; left: 0; right: 0; bottom: 0; top: 0; opacity: 0; visibility: hidden; transition: 300ms ease 0s; } section.category_area_sec .downloads .download-text .download-para .download-icon .download-pic .image:after { content: ''; background: rgba(0, 0, 0, 0.4); position: absolute; z-index: 1; left: 0; right: 0; bottom: 0; top: 0; opacity: 0; visibility: hidden; transition: 300ms ease 0s; } .allcalculation p { color: #790000 !important; font-size: 13px; } .fa, .fa-brands, .fa-classic, .fa-regular, .fa-sharp, .fa-solid, .fab, .far, .fas { -moz-osx-font-smoothing: grayscale; /* -webkit-font-smoothing: antialiased; */ display: var(--fa-display, inline-block); font-style: normal; font-variant: normal; line-height: 1; text-rendering: auto; } .media-body, .media-body a, .media-body a:focus { font-size: 14px; padding-left: 15px !important; } .contact-info.itygu_tri { background: white !important; padding: 20px 0; } .contact-info.itygu_tri input, .contact-info.itygu_tri textarea { background: #f0f0f0 !important; } .btn.focus, .btn:focus, .form-control:focus { /* box-shadow: 0 0 0 .1rem rgb(95 95 95) !important; */ } .error-msg { color: #790000 !important; font-style: italic; font-size: 10px; } .fa-pencil-square-o { /* margin-left: 463px !important; */ } .xzoom-thumbs { text-align: center; margin-bottom: 10px !important; } .left-icon { overflow-x: hidden; overflow-y: auto; height: 540px !important; display: inline-block; float: left; /* height: auto; */ width: 12%; padding: 0px; margin-right: 0px; } .erneuiiovt { /* font-size:26px !important; */ font-weight: normal; } .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; */ width: 15px !important; height: 15px !important; /* position: relative; */ z-index: 1; border: 4px solid #790000 !important; border-radius: 50%; cursor: pointer; text-align: center; background: #fff; } .irhuignju { padding: 15px !important; } .price-range-slider .range-bar { padding: 0 10px !important; } .hruuvyitu { max-width: 100% !important; /* width: 100%; */ padding: 0px !important; padding-bottom: 15px !important; } .gfyugf { color: #790000 !important; } .margin-body-section .fhuighuig { /* padding-top:40px !important; */ } button.pink-btn.contact-submit { color: white; background: #790000; border: none; } .hruitvh { margin: 15px 0 !important; } .iojrviojb { /* padding: 0 82px !important; */ padding: 0 82px; } .fhuighuig { /* padding-top: 84px !important; */ } #gfguvguei { padding-top: 40px !important; } .box_text a, .cart:hover, .continue_btn:hover, .my_accordian label:hover:after, .my_accordian label:hover:before, .new-address:hover, .not_for_sale p, .right_bar > li.add_store_nav > a:hover, .rip12:hover, .social_product li a.fb:hover i, .social_product li a.in:hover i, .social_product li a.tw:hover i, .track_id i, .track_id:hover, a:focus { /* color: #790000; */ } .payment-continue .gfbyhjugk { color: #790000; } .hiruith { padding: 20px !important; } .ruivthlueri { background: white !important; border: 1px solid #80808014; margin-top: 5px !important; } .uivthruyt { background: white !important; border: 1px solid #8080801a; /* margin-top: 2px !important; */ margin-top: 15px; } #cartlist { padding: 10px; } .xzoom_img_sec { display: flex; justify-content: center; align-items: center; } .xzoom { cursor: zoom-in; } .hbfjkd_tri { display: flex; align-items: center; justify-content: end; margin-bottom: 13px;  } .loginmain { /*width: 375px;*/ max-width: 1030px; margin: 0; box-sizing: border-box; /* padding: 10px 0; */ float: right; max-height: 536px; } .uyguyi_tri { /* width: 380px; */ width: 800px; /* border-radius: 5px; */ /* min-height: 385px; */ /* margin: auto; */ background: #fff; position: relative; box-shadow: 0 0 3px rgba(0, 0, 0, .22); /* max-width: 650px; */ /* height: 430px !important; */ } .uhvlueivth img { /* height: 430px; */ /* width: 375px; */ /* height: 383px; */ /* max-height: 600px; */ /* height: 401px; */ width: 100%; height: 100%; object-fit: cover; } .uhvlueivth { /* width:310px; */ width: 375px; height: 390px; } .uyguyi_tri .ubgfyujgvf { display: flex; align-items: center; justify-content: center; } .color-radio { display: none; /* Hide radio buttons */ } .variant1 label { cursor: pointer; display: inline-block; border: 2px solid #ffffff; width: 65px; height: 70px; opacity: .6; } .variant1 input:checked + label { border: 2px solid #790000; /* Highlight the selected color (optional) */ opacity: 1; } .variant1 input:checked + label img { /* border: 1px solid #790000; */ /* Highlight the selected image (optional) */ } .margin-body-section .fhuighuig { padding-top: 30px; } .action { padding-top: 5px; } .location_span .fa-map-marker-alt { color: gray; } .ugvhj_tri .fa-shipping-fast { color: gray; } .fcdfd_tri a { color: #790000 !important; } .carousel-item .active { transition: transform 1s ease-in-out !important; } .custom-select { padding: 0px !important; } .box_text a, .cart:hover, .continue_btn:hover, .my_accordian label:hover:after, .my_accordian label:hover:before, .new-address:hover, .not_for_sale p, .right_bar > li.add_store_nav > a:hover, .rip12:hover, .social_product li a.fb:hover i, .social_product li a.in:hover i, .social_product li a.tw:hover i, .track_id i, .track_id:hover, a:focus { /* color: #585858 !important; */ } .account-div .customer-account .personaldetails .info li .labelname { font-size: 13px; color: #272727; font-weight: 600 !important; /* font-family: 'Poppins'; */ } .account-div .customer-account .address h2 { padding: 10px 10px; margin: 0px; font-size: 13px; font-weight: 600; color: #414141 !important; border-bottom: 0px solid rgba(21, 27, 57, .1); text-align: left; font-size: 18px; } .gih_tri { cursor: pointer; } .loginmain { margin: 0; box-sizing: border-box; /* padding: 10px 0; */ float: right; /*height: 350px;*/ /*overflow: scroll;*/ } .loginmain::-webkit-scrollbar { width: 3px; height: 3px; } .loginmain::-webkit-scrollbar-thumb { background-color: gray; border-radius: 10px; } .loginmain::-webkit-scrollbar-track { background-color: #f1f1f1; border-radius: 10px; } .gyyugf_tri input::placeholder { color: gray !important; font-weight: 500 !important; } .prodct_dtl { backface-visibility: hidden; /* border: 1px solid #00000017; */ margin: 0; overflow: hidden; /* position: relative; */ background-color: #fff; border-radius: 5px; border: 1px solid #f2f2f2; } a.ac-pinklink.changelink:hover { color: #790000; } a#forgotpassword:hover { color: #790000; } .OtcPriceBox-price-box .price_heading_tri { color: #26a541; font-weight: 600; margin-bottom: 9px; } .OtcPriceBox-price-box .rat_st_tri { padding: 3px 9px; border-radius: 14px; font-size: 16px; background-color: #26a541; vertical-align: baseline; color: #fff; margin-right: 11px; } .OtcPriceBox-price-box .rat_st_tri i { font-size: 12px; margin-right: 4px; } .OtcPriceBox-price-box span.rat_st_span_tri { font-size: 13px; } .OtcPriceBox-price-box .ratings_sec_tri { font-size: 14px; } .OtcPriceBox-price-box .price_new_setcion { display: block; } .iugh_tri { flex-grow: 1; } @media (min-width: 0px) and (max-width: 767px) { #gfguvguei { padding-top: 0px !important; } .uehuhbgb { margin-top: 10px; } .track_order_new { padding: 0px !important; } } .rupee_new { font-family: Lato, sans-serif !important; padding-right: 2px; font-weight: 500 !important; /*font-size: 31px !important;*/ } .rupee_new1 { font-family: Lato, sans-serif !important; font-weight: 500; } .row.hnuhiu_tri input { padding: 16px; } .loginmain .gih_tri { position: absolute; z-index: 10001; cursor: pointer; top: 5px; right: -2px; } .title_new { position: sticky; top: 0px; background: white; z-index: 10001; padding: 0px 0px; } #forgotpassworddiv h2.ac-title { line-height: 40px; margin-bottom: 0px; font-size: 22px; padding: 5px 0px; } .column_new { position: relative; width: 100%; height: 420px; background-image: url('../images/Watches-Repair-Service.png'); background-size: cover; background-position: left; background-repeat:  no-repeat; } .column_new::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgb(0 0 0 / 68%); } label.active.new_level_active { position: absolute; top: -21px; left: 10px; } .uhvlueivth { position: relative; display: inline-block; } .uhvlueivth .gradient-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.5)); pointer-events: none; } uhvlueivth img { display: block; width: 100%; /* Adjust width as needed */ } .row.new_add_sluck { background: #f0f0f0 !important; } .new_category_img { width: 100%; height: 100px; /* text-align: center; */ display: flex; align-items: center; /* justify-content: center; */ } @media (min-width: 1024px) { .price-slider .price-slider-text { font-size: 12px; line-height: 16px; font-weight: 500; } } .loginmain { margin: 0; box-sizing: border-box; /* padding: 10px 0; */ float: right; height: 390px; /* overflow: scroll; */ } div#logindiv { /* display: grid; */ flex-direction: column; /* align-items: center; */ padding: 10px 20px; } .loginmain .gih_tri { position: absolute; z-index: 10001; cursor: pointer; top: -4px; right: -11px; } button.gih_tritsd { border: none; background: white; position: relative; top: -264px; left: -159px; /* color: gray; */ z-index: 10001; } .loginmain .gih_tri { position: absolute; z-index: 10001; cursor: pointer; top: 4px; right: -11px; } .loginmain .md-form { margin: 1rem 0 0px; display: inline-block; width: 100%; } button.gih_tritsd { border: none; background: white; position: relative; top: -240px; left: -159px; /* color: gray; */ z-index: 10001; } .loginmain .md-form { margin: 1rem 0 24px; display: inline-block; width: 100%; } @media screen and (max-width: 767px) { .OtcPriceBox-price-box .AddToCart.addedtocart { /* margin-left: 0px !important; */ display: inline-block; width: auto !important; padding: 6px 15px !important; } .OtcPriceBox-atc-box.utighyuhg_tri .OtcPriceBox-price-box .OtcPriceBox-add-box { flex-wrap: wrap; } .OtcPriceBox-atc-box.utighyuhg_tri .OtcPriceBox-price-box .OtcPriceBox-add-box .qut_sec { margin-bottom: 12px; } .OtcPriceBox-atc-box.utighyuhg_tri .OtcPriceBox-price-box .OtcPriceBox-add-box .yuhiuhiu_tri.ihjvruh { margin-bottom: 12px; } .OtcPriceBox-atc-box.utighyuhg_tri .OtcPriceBox-price-box .OtcPriceBox-add-box .grhbjb_tri.whatsapp-button.addedtowishlist { margin-bottom: 12px; } } @media screen and (max-width: 340px) { .OtcPriceBox-atc-box.utighyuhg_tri .OtcPriceBox-price-box .OtcPriceBox-add-box .grhbjb_tri.whatsapp-button.addedtowishlist { margin: 0px !important; margin-bottom: 12px; } input.location-search { width: 120px; } }