:root {
  --pink: #ff3399;
  --darkPurple: #731256;
  --purple: #b63390;
  --darkGrey: #4d4d4d;
  --lightGrey: #999999;
  --blue: #3761bc;
  --black: #000000;
  --white: #ffffff;
  --borderColor: #e6e6e6;
  --greenColor: #6cc84c;
  --redBg: #ff0000;
}
*,
a {
  text-decoration: none;
}
.btn {
  border-radius: 10px !important;
}
p {
  font-weight: normal!important;
}
body {
  padding: 15px 0px;
}
.btn-primary{
  background-color: var(--pink);
  border-color: var(--purple);
}
.btn-primary:hover{
  background-color: var(--purple);
  border-color: var(--purple);
}
.hidden {
  display: none;
  visibility: hidden;
}
.show {
  display: block;
  visibility: visible;
}
.showInline {
  display: inline-block;
  visibility: visible;
}

.lightGrey {
  color: var(--lightGrey);
}
.semiBold {
  font-weight: 600;
}
.link {
  text-decoration: none;
}
.grey {
  color: var(--lightGrey);
}
.blue {
  color: var(--blue);
}
/* Default required for all */

body.login {
  background-color: var(--pink);
  padding: 20px;
  height: 100vh;
}
.loginWrapper {
  background: url(../images/banner.jpg) no-repeat left top;
  background-size: cover;
  height: 96vh;
}
.loginContainer {
  height: 100vh;
}
.loginForm {
  background: var(--white);
  width: 500px;
  border-radius: 25px;
  padding: 15px 25px 0px;
}
.loginForm h1 {
  color: var(--purple);
  font-size: 52px;
  font-weight: 600;
  margin-bottom: 0px;
}
.loginForm h3 {
  font-size: 26px;
  font-weight: normal;
  margin-bottom: 20px;
}
.loginFormControl {
  background: #dfdfdf;
  border-radius: 10px;
  box-shadow: 0px 0px 5px var(--darkGrey);
  font-size: 18px;
  color: var(--lightGrey);
}
.input-group {
  margin: 19px 0px;
}
.btn-pink {
  background-color: var(--purple);
  border-color: var(--darkPurple);
  font-weight: bold !important;
}
.loginSubmitButton {
  width: 100%;
}

.loginExtraFunction h4 {
  font-size: 23px;
  color: var(--darkGrey);
  font-weight: 600;
  margin-bottom: 0px;
}

.languageDropdown {
  margin: 15px 0px 5px;
}
.loginExtraFunction {
  background: url(../images/anchor.png) no-repeat left bottom;
  background-size: 100px;
}

/******home page***********************/
ul.topNavigation {
  padding-bottom: 10px;
  border-bottom: 1px solid #e6e6e6;
}
ul.topNavigation li {
  list-style: none;
  display: inline-block;
}
ul.topNavigation li a {
  padding: 0px 6px;
  font-size: 14px;
  color: var(--lightGrey);
}
ul.topNavigation li.active a,
ul.topNavigation li a:hover {
  color: var(--darkPurple);
}
.borderBottom {
  border-bottom: 1px solid #e6e6e6;
}
.headerSearch {
  border: 1px solid var(--pink);
  border-radius: 20px 0px 0px 20px;
  overflow: hidden;
  height: 38px;
  min-width: 570px;
}
.headerSearch div {
  display: inline-block;
  vertical-align: top;
}
.searchIcon {
  background: var(--pink);
  width: 50px;
  display: inline-block;
  height: 40px;
  text-align: center;
  line-height: 31px;
}
.searchIcon img {
  width: 27px;
  height: 27px;
}
.dropdownSearch {
  background: url(../images/icon-pink-dropdown.png) no-repeat right center;
  width: 150px;
  height: 38px;
}
.dropdownSearch select {
  border: none;
  background: transparent;
  -webkit-appearance: none;
  color: var(--lightGrey);
}
.searchInput {
  border-left: 1px solid #efefef;
  margin: 3px 0px;
  width: calc(100% - 220px);
}
.searchInput input {
  height: 34px;
  color: var(--lightGrey);
  border: none;
  background: transparent url(../images/icn-search.png) no-repeat right center;
}

/*****************nav options ******************/

.navOptions ul {
  padding-left: 10px;
}
.navOptions ul li {
  list-style: none;
  display: inline-block;
}
.navOptions ul > li {
  padding: 0px 5px;
  line-height: 36px;
  vertical-align: middle;
  position: relative;
}
.navOptions ul li ul {
  display: none;
  position: absolute;
  left: 0px;
  top: 34px;
  background: rgba(255, 255, 255, 0.9);
  z-index: 9;
  text-align: left;
  padding: 0px 10px;
  width: 200px;
}
.navOptions ul li > a {
  color: var(--darkGrey);
  background: url(../images/icon-black-dropdown.png) no-repeat right center;
  padding-right: 15px;
}

.navOptions ul > li.navLogin {
  background: url(../images/icon-login.png) no-repeat left center;
  background-size: 17px;
  padding-left: 22px;
}
.navOptions ul > li.navLogin a {
  line-height: 16px;
  display: block;
  text-align: left;
}
.navOptions ul > li.navLogin a small {
  font-size: 0.7em;
}
.navOptions ul > li.navNotification {
  background: url(../images/icon-bell.png) no-repeat left center;
  background-size: 17px;
  padding-left: 22px;
}
.navOptions ul > li.navNotification .badge,
.navOptions ul > li.navMyMiniCart span.badge {
  font-size: 10px;
  border-radius: 15px;
  padding: 1px;
  background: #ffffff;
  position: absolute;
  left: 10px;
  color: var(--pink);
  border: 1px solid var(--pink);
}

.navOptions ul > li.navFavourites {
  background: url(../images/icon-heart.png) no-repeat left center;
  background-size: 17px;
  padding-left: 22px;
}
.navOptions ul > li.navMyMiniCart {
  background: url(../images/icon-cart.png) no-repeat left center;
  padding-left: 31px;
}
.navOptions ul > li.navMyMiniCart span.badge {
  background: var(--pink);
  color: #ffffff;
  left: 20px;
  min-width: 15px;
}

.navOptions ul > li ul li {
  line-height: 33px;
  float: left;
  padding: 4px 0px;
  clear: both;
  line-height: 15px;
}
.navOptions ul > li ul li a {
  background: none;
}
.navOptions ul > li ul li a:hover,
.navOptions ul > li ul li.active a {
  color: var(--pink);
}

.categoryNavTitle {
  width: 160px;
  float: left;
  height: 32px;
  background: url(../images/icon-pink-dropdown.png) no-repeat right center;
  font-weight: 600;
  line-height: 28px;
}
.categoryNavTitle::before {
  background: url(../images/icon-category.png) no-repeat left center;
  width: 28px;
  height: 32px;
  content: " ";
  background-size: 22px;
  display: inline-block;
  vertical-align: top;
}
.categoryNavTitle ul {
  list-style: none;
}

ul.categoryButton {
  list-style: none;
  margin-left: 150px;
}
ul.categoryButton li {
  display: inline-block;
}
ul.categoryButton li a {
  color: var(--darkGrey);
  border: 1px solid #cccccc;
  color: var(--darkGrey);
  display: inline-block;
  padding: 0px 14px 3px;
  margin: 0px 5px;
  border-radius: 10px;
}
ul.categoryButton li.active a,
ul.categoryButton li a:hover {
  border-color: var(--pink);
  background-color: var(--pink);
  color: #ffffff;
}
.bannerImage {
  width: 100%;
  height: 500px;
  overflow: hidden;
}
.bannerImage img {
  width: 100%;
}

.categoryTitle {
  padding: 14px 0px 5px;
  display: flex;
}
.categoryTitle h2 {
  font-size: 28px;
  color: var(--pink);
  font-weight: 600;
  display: inline-block;
}
.categoryTitle ul {
  list-style: none;
  display: inline-block;
}
.categoryTitle ul li {
  display: inline-block;
}
.categoryTitle ul li a {
  padding: 5px 20px;
  display: inline-block;
  font-size: 16px;
  color: var(--darkGrey);
  border-radius: 10px;
  border: 1px solid #cccccc;
}

.categoryTitle ul li.active a,
.categoryTitle ul li a:hover {
  background-color: var(--pink);
  color: #ffffff;
  border-color: var(--pink);
}
.listingPrice {
  font-size: 1.2rem;
}
.priceRow {
  display: flex;
  justify-content: space-between;
}
.priceRow > div {
  display: inline-block;
  vertical-align: top;
}
.starRating {
  display: flex;
}
.starRating a {
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
  margin: 0px;
  background: url(../images/star.png) no-repeat left top;
  background-size: 32px;
  background-position: -16px 0px;
}
.starRating a.starred,
.starRating a:hover {
  background-position: -1px 0px;
}
.tabListing ul {
  padding-left: 0px;
  list-style: none;
  display: flex;
  justify-content: space-between;
}
.tabListing ul li {
  width: 12%;
  border: 1px solid var(--lightGrey);
  border-radius: 10px;
}
.tabListing ul li:hover {
  box-shadow: 0px 0px 12px #666;
}
.tabListing ul li:nth-child(8n) {
  margin-right: 0px;
}
.tabListing ul li h2 {
  font-size: 21px;
  color: #000;
  margin-bottom: 0px;
  margin-top: 4px;
}
.tabListing ul li p {
  font-size: 14px;
  margin-bottom: 0px;
}
.listingImage {
  position: relative;
}
.listingImage img {
  width: 100%;
  height: auto;
}
.singleWishlist {
  width: 25px;
  height: 25px;
  padding: 2px;
  border-radius: 13px;
  box-shadow: -3px -1px 2px #ccc;
  position: absolute;
  right: 10px;
  top: 10px;
  background: #fff;
}
.priceCode {
  float: right;
}
.listImgContent {
  padding: 0px 8px 3px;
}
.campaignBanner {
  margin: 2px 0px;
  box-shadow: 0px 0px 4px #333;
}
.campaignBanner img {
  width: 100%;
}
.campaignListing ul{
  flex-wrap: wrap;
}
.campaignListing ul li {
  width: 33%;
  border-radius: 15px;
  margin-bottom: 10px;
  overflow: hidden;
}
.campaignListing ul li img {
  max-width: 100%;
}
.campaignListing ul li:nth-child(3n) {
  margin-right: 0px;
}

.flex-space-between {
  display: flex;
  justify-content: space-between;
}

.classicNeedsTab ul li {
  overflow: hidden;
  width: 13.9%;
  position: relative;
  height: 154px;
  line-height: 154px;
}
.classicNeedsTab ul li:hover{
  box-shadow: none;
}
.classicNeedsTab ul li:nth-child(7n){
  margin-right: 0px;
}
.classicNeedsTab ul li img{
  width: 100%;
}
.classicNeedsTab ul li h2{
  position: absolute;
  bottom: 10px;
  left: 0px;
  width:100%;
  text-align: center;
  color: #fff;
  text-shadow: 0px 0px 4px #333;
  font-size: 35px;
}
.classicNeedsBadge{
  position: absolute;
  right: 13px;
  color: #000;
  z-index: 9;
  top: 10px;
  font-size: 16px;
  height: 30px;
  line-height: 30px;
}
.brandNeedsTab ul li{
  overflow: hidden;
  padding: 25px 0px;
  width: 100%;

}
.brandNeedsTab ul li:hover{
  box-shadow: none;
}
.brandNeedsTab ul li img{
  display: inline-block;
  margin: 0px 29px;
  width: 100px;
}
.holidayTab ul li {
  width: 24%;
  margin-right: 1.3%;
  overflow: hidden;
}
.holidayTab ul li:nth-child(4n){
  margin-right: 0px;
}
.holidayTab ul li img{
  width: 100%;
}
.collectionBadge{
  background-color: var(--pink);
  height: 200px;
  line-height: 200px;
  padding-left: 30px;
  overflow: hidden;
}
.collectionBadge img{
  width: 100%;
}
.collectionBadge h2{
  font-size: 53px;
  color: #fff;
  line-height: 200px;
  text-align: center;
}
.partnerApplicationList ul li{
  width: 24%;
  margin-right: 1.3%;
  border-radius: 15px;
  background-color: #00ccff;
  height: 200px;
  position: relative;
  box-shadow: 0px 0px 8px #666;
  text-align: center;
}
.partnerApplicationList ul li:nth-child(4n){
  margin-right: 0px;
}
.partnerApplicationList ul li h2{
  font-size: 52px;
  position: absolute;
  bottom: 40px;
  width: 100%;
  text-shadow: 0px 0px 5px #666;
}
.partnerApplicationList ul li:nth-child(2){
  background-color: #f40083;
}
.partnerApplicationList ul li:nth-child(3){
  background-color: #33cc66;
}
.paymentMethods ul{
  display: flex;
  list-style: none;
  border: 1px solid #ccc;
  box-shadow: 0px 0px 6px #aaa;
  padding-top: 5px;
  padding-bottom: 5px;
}
.paymentMethods ul li {
  width: 20%;
  display: flex;
  align-items: center;
}
.paymentMethods ul li img{
  width: 50px;
  margin-right: 7px;
}
.paymentMethods ul li h4{
  font-size: 21px;
  line-height: 18px;
}
footer{
  margin-top: 20px;
  padding-top: 15px;
  border-top: 1px solid #eee;
}
.footerBrandTitle{
  font-size: 32px;
  padding-left: 2rem;
}
ul.footerBrands{
  display: flex;
  justify-content: left;
  flex-wrap: wrap;
  list-style: none;
}
ul.footerBrands li{
  width: 30%;
}
ul.footerBrands li a{
  color: #000;
}
ul.footerBrands li a:hover{
  color: var(--pink);
}
.newsletterWrapper{
  background-color: var(--purple);
  padding: 15px 0px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.newsletterTitle{
  display: flex;
  align-items: center;
  width: 40%;
}
.newsletterTitle i{
  font-size: 52px;
  color: #fff;
}
.newsletterTitle h3{
  font-size: 15px;
  color: #fff;
  padding-left: 15px;
  margin-bottom: 2px;
  font-weight: bold;
}
.newsletterTitle h3 small{
  display: block;
  font-weight: normal;
}
input.newsletterInput{
  width: 33%;
  height: 40px;
  border-radius: 5px;
  border: none;
  padding: 0px 20px;
  margin-right: 10px;
}
button.newsletterButton{
  background: #333;
  color: #fff;
  border-radius: 5px;
  border: none;
  height: 40px;
  padding: 0px 24px;
  font-size: 15px;
  font-weight: bold;
}
.footerDetails{
  background: #f8f8f8;
  padding: 40px 0px;
}
.footerAbout p{
  margin: 0.5rem 0;
  font-size: 1rem;
}
.footerAbout h4{
  font-size: 1.1rem;
  font-weight: 600;
}
.socialmedia{
  padding-top: 1.5rem;
}
.footerExtraLinks ul{
  display: flex;
  justify-content: space-around;
  list-style: none;
}
.footerExtraLinks ul li h4{
  color: var(--darkGrey);
  font-weight: 600;
  font-size: 1rem;
  margin-bottom: 20px;
}
.footerExtraLinks ul li a{
  display: block;
  width: 100%;
  color: var(--lightGrey);
  padding: 3px 0px;
}
.footerExtraLinks ul li a:hover{
  color: var(--pink);
}
.copyright{
  padding-top: 40px;
}
.copyright p{
  color: var(--lightGrey);
  font-size: 12px;
}
.categoryListingImage {
  list-style: none;
  padding-left: 0px;
}
.categoryListingImage li{
  padding-bottom: 20px;
}
.categoryListingImage li img{
  width: 100%;
}
.categoryListingImage li p{
  color: var(--lightGrey);
  padding-left: 20px;
  padding-top: 10px;
}

ul.breadcrumb{
  padding-left: 0px;
  list-style: none;
}
ul.breadcrumb li{
  background: url(../images/arrow_right.png) no-repeat right 8px;
  padding-right: 22px;
  margin-right: 8px;
}
ul.breadcrumb li.active{
  background: none;
}
ul.breadcrumb li a{
  color: #000;
}
ul.breadcrumb li a:hover{
  color: var(--pink);
}


.productDetailWrapper{
  border: 1px solid #ccc;
  border-radius: 15px;
  margin-top: 15px;
  padding: 15px 20px;
}
.productDetailWrapper h1{
  font-size: 2rem;
  padding-bottom: 10px;
}
ul.productExtraEval{
  display: flex;
  justify-content: space-between;
  padding-left: 0px;
}
ul.productExtraEval li:first-child{
  list-style: none  ;
}
ul.productExtraEval li.favourite span{ color:var(--lightGrey); }
.productFeatures{
  padding: 20px 0px;
}
.productFeatures ul {
  display: flex;
  list-style: none;
  flex-wrap: wrap;
  padding-left: 0px;
}
.productFeatures ul li{
  margin-right: 5px;
}
.inStockTag{
  background: #e6e6e6;
  padding: 0px 10px;
  border-radius: 6px;
  font-size: 1.1rem;
  color: var(--darkGrey);
}
.inStockTag i{
  color: var(--purple);
}
.productFeatures .inStockTag{
  margin-right: 20px;
}
.featuresTag{
  background: #ffcce6;
  padding: 4px;
  border-radius: 10px;
  box-shadow: 0px 0px 5px #666;
  margin: 0px 2px;
  width: 100px;
  text-align: center;
  font-size: 0.8rem;
  line-height: 1rem;
  padding-top: 0px;
  height: 90px;
}
.featuresTag span{
  display: block;
  clear: both;
  width: 100%;
  text-align: center;
}
.variation_color ul{
  list-style: none;
  display: flex;
}
.variation_color ul li{
  width: 70px;
  border: 2px solid var(--pink);
  border-radius: 10px;
  overflow: hidden;
  margin-right: 10px;
  cursor: pointer;
}
.variation_color ul li:hover{
  border-color: var(--purple);
}
.variation_color ul li img{
  width: 100%;
}
.variation_size ul{
  padding-left: 0px;
  list-style: none;
  display: flex;
}
.variation_size ul li{
  border: 2px solid #efefef;
  width: 60px;
  height: 40px;
  border-radius: 10px;
  text-align: center;
  line-height: 37px;
  color: #000;
  margin-right: 10px  ;
  cursor: pointer;
}
.variation_size ul li.selected, .variation_size ul li:hover{
  border-color: var(--pink);
}
.measurementFeatures{
  font-size: 1.2rem;
  text-align: center;
  padding: 10px;
}
.addtocartbtns{
  padding: 20px 0px;
}
.addtocartbtns ul{
  display: flex;
  justify-content: space-between;
  padding-left: 0px;
  list-style: none;
  align-items: center;
}
.price{
  width: 100px;
  display: flex;
  justify-content: space-around;
}
.price.vertical{
  flex-wrap: wrap;
}
.cross{
  white-space: nowrap;
  background: url(../images/icon-cross.png) no-repeat center center;
  height: 40px;
  line-height: 40px;
}
.price.vertical h2{
  white-space: nowrap;
}
.price.vertical .cross{
  width: 100%;
  text-align: center;
}
.qtyTextbox{
  width: 200px;
  border: 1px solid #e6e6e6;
  border-radius: 15px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  overflow: hidden;
}
.qtyTextbox input{
  width: 100px;
  height: 45px;
  border: none;
  font-size: 2rem;
  color: var(--lightGrey);
  text-align: center;
}
.qtyTextbox input:focus-visible{
  border:none;
}
.qtyTextbox a{
  background: var(--pink);
  color: #fff;
  width: 32px;
  height: 32px;
  text-align: center;
  line-height: 22px;
  display: inline-block;
  border-radius: 16px;
  font-size: 2rem;
}
p.light{
  color: var(--lightGrey);
}
.product_socials{
  display: flex;
}
.product_socials a{
  width: 42px;
  height: 42px;
  
  text-align: center;
  line-height: 40px;
  font-size: 1.3rem;
  color: var(--lightGrey);
  margin: 0px 5px;
}
.product_socials a:hover{
  color: var(--pink);
}
.product_socials a.circle{
  border: 1px solid #e6e6e6;
  border-radius: 21px;
}
.detailWishlist {
  border-left: 1px solid #e6e6e6;
  margin-left: 30px;
  padding-left: 30px;
}
.extraInformationTab{
  padding-top: 130px;
}
.extraInformationTitle{
}
.extraInformationTitle ul{
  padding-left: 0px;
  list-style: none;
  display: flex;
  justify-content: space-around;
  margin-bottom: 0px;
}
.extraInformationTitle ul li{
  padding: 0px 5px;
  white-space: nowrap;
  border-bottom: 3px solid #e6e6e6;
}
.extraInformationTitle ul li a{
  font-size: 1.2rem;
  color: #000;
}
.extraInformationTitle ul li.active{
  border-bottom:3px solid var(--pink);
}
.extraInformationTabs{
  display: none;
}
.extraInformationTabs.show{
  display: block;
}
.extraInformationContents{
  padding: 5px;
  border: 1px dotted #000;
  margin-top: 5px;
}

.rightSidebar{
  padding-top: 15px;
}
.productGiftCoupon{
  border: 1px solid var(--borderColor);
  width: 330px;
  padding: 15px 15px;
  border-radius: 10px;
}
.productGiftCoupon a{
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1.3rem;
  color: var(--lightGrey);
}
.productGiftCoupon a i{
  color: var(--darkGrey);
}
.storeInformation{
  width: 330px;
  border: 1px solid var(--borderColor);
  padding: 10px;
  border-radius: 10px;
  margin-top: 20px;
  position: relative;
  padding-bottom: 40px;
  margin-bottom:  30px;
}
.badges{
  padding-bottom: 10px;
}
.storeInformation h2{ color: var(--pink); }
a.linkWithIcon{
  padding: 10px 0px;
  font-size: 1.2rem;
  color: var(--darkGrey);
  display: flex;
  clear: both;
  justify-content: space-between;
  align-items: center;
  padding-right: 10px;
}
.pink{
  color: var(--pink);
}
a.gotostore{
  width: 200px;
  text-align: center;
  font-size: 1.5rem;
  color: var(--darkGrey);
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -100px;
  bottom: -16px;
  background: #fff;
}
.badgeBox{
  font-size: 1.2rem;
  font-weight: normal;
  padding: 0px 4px 2px;
  display: inline-block;
  position: absolute;
  right: 20px;
  top: 21px;
}
.rightSidebar h3{
  font-size: 1.4rem;
}
.price.horizontal{
  width: 100%;
  justify-content: center;
}
.sellerProductWrapper h2{
  color: #000;
}
.relatedProduct{
  clear: both;
  padding-top: 30px;
}
.relatedProduct h4{
  font-weight: 600;
  font-size: 1.9rem;
  border-bottom: 1px solid var(--borderColor);
  padding-bottom: 15px;
  margin-bottom: 20px;
}
 ul.similarProduct {
  padding: 0px 20px;
  list-style: none;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
ul.similarProduct li{
  width: 50%;
  display: flex;
  margin-bottom: 15px;
  border-bottom: 1px solid var(--borderColor);
  padding-bottom: 15px;
}
.similarThumbnail{
  width: 20%;
}
.similarThumbnail img{
  max-width: 100%;
}
.similarProductDetails{
  padding-left: 15px;
  width: 76%;
}
.similarProductDetails h3{
  font-size: 1.3rem;
  color: var(--darkGrey);
}
.thumbVariationOption{
  margin-bottom: 5px;
}
.thumbVariationOption h5{
  color: var(--lightGrey);
  font-size: 1rem;
  margin-bottom: 2px;
}
.thumbVariationOption ol{
  padding-left: 0px;
  list-style: none;
  display: flex;
}
.thumbVariationOption ol li{
  
  margin-right: 4px;
}
.thumbVariationOption ol li a{
  padding: 1px 5px 2px;
  border: 1px solid var(--borderColor);
  text-align: center;
  display: block;
  text-align: center;
  font-size: 1rem;
  color: var(--lightGrey);
  width: 100%;
}
.thumbVariationOption ol li a:hover, .thumbVariationOption ol li.active a{
  border-color: var(--pink);
  color: var(--pink);
}
.priceWithCart{
  display: flex;
  justify-content: space-between;
  padding: 10px;
}
.btn-pink{
  font-weight: normal!important;
}
.thumbnailPrice{
  font-size: 1.4rem;
}
.sellerPrice{
  justify-content: space-between!important;
}
.buysellerboxBtns{
  height: 40px;
}
.priceHorisontal{
  display: flex;
}
.boxsellerBox{
  position: relative;
  padding-left: 0px;
  flex-wrap: wrap;
  justify-content: space-between;
}
ul.buyboxSeller{
  padding-left: 0px;
  list-style: none;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
ul.buyboxSeller li{
  width: 48%;
  border: 1px solid var(--borderColor);
  box-shadow: 0px 0px 3px #666;
  border-radius: 5px;
  padding: 10px;
  margin-bottom: 15px;
}
a.seeAllFullWidth{
  display: block;
  width: 100%;
  text-align: center;
  height: 48px;
  line-height: 44px;
  font-size: 1.4rem;
  color: var(--darkGrey);
  border: 1px solid var(--borderColor);
}
a.seeAllFullWidth:hover{
  color: var(--pink);
}
.rowBreadcrumb{
  display: flex;
  justify-content: space-between;
}
.categoryTags ul {
  display: flex;
  list-style: none;
}
.categoryTags ul li{
  padding: 0px 2px;
}
.categoryTags ul li a{
  font-size: 0.9rem;
  background: #fff0f4;
  padding: 1px 15px 4px;
  color: #000;
  border-radius: 10px;
}
.selectedOptions{
  border: 1px solid var(--pink);
  border-radius: 5px;
  padding: 2px 8px 4px;
  font-size: 0.9rem;
  text-align: center;
  cursor: pointer;
}
.rankingDropdowns{
  position: relative;
}
.rankingDropdowns ul{
  list-style: none;
  padding-left: 0px;
  background: rgba(255, 255, 255, 0.6);
  padding: 10px ;
  position: absolute;
  top: 30px;
  left: 0px;
  display:none;
}
.rankingDropdowns ul li a{
  color: var(--darkGrey);
}
.rankingDropdowns ul li a:hover, .rankingDropdowns ul li.active a {
  color: var(--pink);
}
.leftSidebar{
  width: 20%;
  min-width: 250px;
}
.leftSidebar ul{
  padding-left: 0px;
  list-style: none;
}
.leftSidebar > ul > li{
  border-bottom: 1px solid var(--borderColor);
  padding: 8px 0px;
}
.leftSidebar > ul > li a{
  display: block;
  width: 100%;
  height: 28px;
  font-size: 1.2rem;
  color: #000000;
  background: url(../images/icon-pink-dropdown.png) no-repeat 90% center;
}
.leftSidebar > ul > li input[type=search]{
  width: 100%;
  height: 30px;
  border: 1px solid #ccc;
  color: var(--lightGrey);
}
.leftSidebar input[type=checkbox]{
  margin-right: 6px;
}
.subItem ul li{
  padding-left: 8px;
}
.flex{
  display: flex;
}
.categoryContent{
  padding: 10px 15px;
  width: 100%;
}
.categoryContent ul{
  list-style: none;
  padding-left: 0px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.categoryContent ul li{
  width: 23%;
  margin-bottom: 15px;
}
.productThumbTags{
  display: flex;
  padding-top: 4px;
  flex-wrap: wrap;
}
.productThumbTags img{
  box-shadow: 0px 0px 4px #333;
  margin: 0px 3px 6px ;
}
.categoryContent ul li h2{
  margin-bottom: 0px;
}
.categoryContent ul li p{
  margin-bottom: 0px;
}

.loginInnerWrapper{
  width: 500px;
  margin: auto;
  border: 1px solid #ccc;
  margin: 40px auto;
  border-radius: 30px 30px 0px 0px;
}
.loginTabMenu ul{
  list-style: none;
  padding-left: 0px;
  display: flex;
}
.loginTabMenu ul li{
  width: 50%;
  text-align: center;
}
.loginTabMenu ul li a{
  height: 50px;
  font-size: 1.3rem;
  color: var(--darkGrey);
  display: block;
  line-height: 47px;
  border-bottom: 1px solid #ccc;
}
.loginTabMenu ul li:first-child a{
  border-right: 1px solid #ccc;
}
.loginTabMenu ul li.active a{
  border-bottom: 1px solid #fff;
  color: var(--pink);
}
.formHorizontal{
  display: flex;
  justify-content: space-between;
}
.btnloginBlock{
  width: 100%;
  font-size: 1.2rem;
}
.loginTabLogin{
  padding: 2px 25px 40px;
  font-size: 1.1rem;
}
.loginArea{
  text-align: right;
  font-size: 1.1rem;
  padding-bottom: 10px;
}
.loginTabLogin a{
  color: #000;
}
.loginTabLogin a:hover{
  color: var(--pink);
}
.facebookLoginBtn{
  border: 1px solid var(--borderColor);
  border-radius: 10px;
  padding: 5px 10px;
  width: 48%;
}
.loginBtnWrapper{
  padding-top: 15px;
}
.facebookLoginBtn a{
  display: flex;
}
.facebookLoginBtn a i{
  font-size: 2.5rem;
  color: #4c6ea8;
  margin-right: 10px;
}
.facebookLoginBtn a span{
  font-size: 1rem;
  line-height: 15px;
  padding-top:4px;
}
.facebookLoginBtn a span small{
  display: block;
  color: var(--lightGrey);
}
.googleLoginBtn a i{
  color: #f14236;
}
.loginTabSignup{
  display: none;
  padding: 2px 25px 40px;
  font-size: 1.1rem;
}

.profileAvatar{
  width: 150px;
  height: 150px;
  margin: auto;
  position: relative;
  background: #b3b3b3;
  border-radius: 75px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.profileAvatar .btnPlusAvatar{
  position: absolute;
  top: 0px;
  right: 0px;
  font-size: 1.8rem;
  color: var(--pink);
}
.radioBtn input[type="radio"]{
  display: none;
}
.radioBtn label{
  font-size: 1.2rem;
  padding: 4px 14px;
  border: 1px solid #ccc;
  border-radius: 10px;
  cursor: pointer;
}
.radioBtn input[type="radio"]:checked + label {
  border-color: var(--pink);
}
#countryCode_addon1 {
  position: relative;
  display: inline-block;
  cursor: pointer;
}
#countryCode_addon1 ul{
  display: none;
  position: absolute;
  width:100px;
  background: rgba(255, 255, 255, 0.9);
  left: 0px ;
  top: 37px;
  border: 1px solid #ccc;
  list-style: none;
  padding-left: 0px;
  text-align: left;
  height: 150px;
  overflow-y: auto;
}
#countryCode_addon1 ul li{
  border-bottom: 1px solid var(--borderColor);
}
#countryCode_addon1 ul li a{
  padding: 3px 10px;
  color: var(--darkGrey);
  display: block;
}
#countryCode_addon1 ul li a:hover{
  background: var(--borderColor);
}
.formAddress{
  width: 48%;
  margin-bottom: 10px;
}
.myAccountSidebar{
  border: 1px solid #cccccc;
  border-top-right-radius: 25px;
  padding: 20px 0px;
}
.profileBar{
  display: flex;
  padding: 0px 10px 20px;
}
.profileBar img{
  width: 60px;
  height: 60px;
  border-radius: 50px;
  margin-right: 15px;
}
.profileDetail{
  text-align: center;
  line-height: 1.1rem;
}
.profileSideContent li h3{
  font-size: 1.5rem;
  background: #e6e6e6;
  padding: 4px 20px 11px;
  font-weight: bold;
  color: var(--darkGrey);
  cursor: pointer;
}
.profileSideContent li.active h3{
  color: var(--pink);
}
.leftSidebar ul ul {
  padding-left: 20px;
  padding-bottom: 15px;
}

.leftSidebar ul ul li a {
  color: var(--darkGrey);
  font-size: 1.1rem;
  display: block;
}
.leftSidebar ul ul li a:hover, .leftSidebar ul ul li.active a{
  color: var(--pink);
}

.profileLookup ul {
  display: flex;
  justify-content: space-between;
}
.profileLookup ul li{
  width: 200px;
  background: var(--pink);
  color: #fff;
  text-align: center;
  align-items: center;
  height: 91px;
  display: flex;
  justify-content: center;
  border: 1px solid #ccc;
  box-shadow: 0px 0px 5px #ccc;
}
.profileLookup ul li:first-child{
    border-top-left-radius: 25px;
}
.profileLookup ul li .pinkImg{ display:none }
.profileLookup ul li .whiteImg{ display:inline-block }
.profileLookup ul li a{ 
  color: #fff;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.4rem;
  padding: 10px 0px 14px;
  display: block; 
}

.profileLookup ul li.active{
  background: #fff;
}
.profileLookup ul li.active a{
  color: var(--pink);
}
.profileLookup ul li.active .pinkImg{ display:inline-block; }
.profileLookup ul li.active .whiteImg{ display:none; }
.noProductFind{
  width: 100%;
  padding-top: 150px;
  text-align: center;
}
.noProductFind p{
  font-size: 1.3rem;
  color: var(--darkGrey);
}
.profileLookup{
  box-shadow: 0px 0px 8px var(--lightGrey);
  padding: 20px 20px 0px;
  border-top-left-radius: 35px;
}
.addToCartThumbs{
  display: flex;
  justify-content: space-between;
}
.myProducts ul{
  display: flex;
  justify-content: space-between;
}
.myProducts ul li{
  width: 48%;
  border: 1px solid #ccc;
  box-shadow: 0px 0px 12px #999;
  border-radius: 15px;
}
.productThumbLayout2{
  display: flex;
  justify-content: space-between;
}
.productThumbLayout2 .productThumb{
  width: 16%;
  margin: 13px;
  overflow: hidden;
  border-radius: 12px;
  border: 1px solid #ccc;
}
.productThumbLayout2 .productThumb img{
  width: 100%;
}
.productThumbLayout2 .prodDetail{
  width: 80%;

  color: var(--lightGrey);
}
.productThumbLayout2 .prodDetail .productTitleRow{
  display: flex;
  justify-content: space-between;
  padding: 5px 10px 0px 0px;
}
.productTitleRow h2{
  font-size: 1.6rem;
}
.productThumbLayout2 .prodDetail .productDetail p{ color: #000; }
.productThumbLayout2 .prodDetail .singleWishlist{
  position: static;
  padding: 0px 0px 0px 3px;
  margin-top: 4px;
}
.productDetail{
  display: flex;
  justify-content: space-between;
}
.productDetail .actionIcons{
  width: 30px;
}
.productDetail .actionIcons a{
  color: #000;
  font-size: 1.4rem;
}
.productDetail .actionIcons a.pink{
  color: var(--pink);
}
.productFeedback{
  padding-top: 20px;
}
.productFeedback ul{
  list-style: none;
  padding-left: 0px;
}
.productFeedback ul li{
  display: flex;
  justify-content: space-between;
  padding: 5px 10px;
  border-bottom: 1px solid var(--borderColor);
}
.productFeedback ul li:last-child{
  border: none;
}
.feedbackAction{
  display: flex;
}
.feedbackAction a{
  display: inline-block;
  padding: 0px 4px;
  color: var(--darkGrey);
}
.feedbackAction a.pink {
  color: var(--pink);
}
.feedbackContent{
  padding: 0px 15px;
}
.productFeedbackForm textarea{
  border: 1px solid #ccc;
  width: 90%;
  color: var(--lightGrey);
  margin-right: 10px;
}
.commebtButton{
  background: var(--pink);
  border-radius: 15px;
  font-size: 2rem;
  padding: 3px 25px 7px 30px;
  color: #fff;
}
.feedbackStars{
  display: flex;
  justify-content: center;
  width: 100%;
  flex-wrap: wrap;
}
.feedbackStars span{
  width: 100%;
  text-align: center;
}
.btn-dismiss{
  position: absolute;
  right: 0px;
  top: 0px;
  color: var(--darkGrey);
}

.profileMessage ul li{
  display: flex;
  justify-content: space-between;
  width: 100%;
  box-shadow: 0px 0px 4px var(--lightGrey);
  margin-bottom: 0px;
  align-items: center;
  padding: 15px 10px;
}
.profileMessage ul li:nth-child(2n+1){
  background: #ffcce6;
}
.messageText{
  width: 85%;
  display: flex;
  padding: 0px 10px;
}
.messageText em{
  color: var(--pink);
  font-size: 1.2rem;
  font-style: normal;
}
.messageText p{
  font-size: 1.2rem;
  margin: 0px;
  padding-left: 10px;
}
.messageInfo{
  position: relative;
}
.messageInfo i {
  font-size: 2.5rem;
  color: var(--pink);
}
.bg-pink{
  background-color: var(--pink);
}
.border-pink{
  border-color: var(--darkPurple);
}
.messageBody{
  padding-top: 20px;
}
.messageBody ul{
  padding-left: 0px;
  list-style: none;
}
.messageBody ul li{
  padding: 5px 0px;
  font-size: 1.1rem;
  color: var(--darkGrey);
}
.messageBody ul li em{
  font-style: normal;
  color: var(--pink);
}
.messageBody form{
  display: flex;
  justify-content: space-between;
}
.messageBody input{
  height: 45px;
  width: 90%;
  box-shadow: 0px 0px 10px #333;
  padding-left: 10px;
}
.messageBody button{
  padding: 10px 20px;
}

.LangDropdownWithFlag{
  padding: 0px 5px;
  line-height: 36px;
  vertical-align: middle;
  position: relative;
}
.LangDropdownWithFlag ul {
  display: none;
  position: absolute;
  left: 0px;
  top: 34px;
  background: rgba(255, 255, 255, 0.9);
  z-index: 9;
  text-align: left;
  padding: 0px 10px;
  width: 200px;
}
.LangDropdownWithFlag > a {
  color: var(--darkGrey);
  background: url(../images/icon-black-dropdown.png) no-repeat right center;
  padding-right: 15px;

}
.LangDropdownWithFlag ul li{
  width: 100%;
  line-height: 22px;
  margin-bottom: 0px;
}
.LangDropdownWithFlag ul li a{
  color: #000;
}
.liveSelection{
  display: flex;
  justify-content: center;
  align-items: center;
}
.areaDropdown{
  margin-right: 100px;
}
.liveSelection{
  height: 80px;
  color: var(--darkGrey);
}
ul.liveSupportLis{
  display:  flex ;
  flex-wrap: wrap ;
  padding:  0px 20%;
}
ul.liveSupportLis li{
  width: 100%;
}
.allborders{
  border: 1px solid var(--borderColor);
  padding: 10px;

}
.messageBody.allborders input{
  box-shadow: none;
  border:1px solid var(--borderColor);
}
.notificationMessages{
  background: #e6e6e6;
  padding: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-shadow: -2px 3px 4px #ccc;
  font-size: 1.3rem;
}
.notificationMessages i{
  background: var(--pink);
  color: #fff;
  padding: 10px;
  font-size: 3rem;
  border-radius: 50px;
}
.noMessages{
  padding: 30px;
  text-align: center;
}
.noMessages i{
  font-size: 5rem;
  color: var(--pink);
}
.noMessages p{
  font-size: 1.5rem;
  color: var(--lightGrey);
  margin-bottom: 100px;
}

/* toggle in label designing */
.toggle {
    position : relative ;
    display : inline-block;
    width : 40px;
    height : 24px;
    background-color: #ccc;
    border-radius: 20px;
    border: 2px solid #bbb;
}
       
/* After slide changes */
.toggle:after {
    content: '';
    position: absolute;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: #fff;
    top: 1px; 
    left: 1px;
    transition:  all 0.5s;
}
       
/* Toggle text */
p {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}
       
/* Checkbox checked effect */
.checkbox:checked + .toggle::after {
    left : 17px; 
}
       
/* Checkbox checked toggle label bg color */
.checkbox:checked + .toggle {
    background-color:  #A5E1A6;
    border-color: #96DD99;
}

/* Checkbox checked toggle label bg color */
.checkbox:checked + .toggle.pink {
    background-color:  var(--pink);
    border-color: var(--pink);
}
       
/* Checkbox vanished */
.checkbox { 
    display : none;
}

.allowNotification {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  border-radius: 27px;
  background: var(--borderColor);
}
.allowNotification p{
  margin-bottom: 0px;
}
.malladiaSetting form{
  padding: 20px 0px;
}
.notificationList ul li{
  background: #ffcce6;
  margin-bottom: 10px;
  color: var(--darkGrey);
}
.notificationList .messageText{
  align-items: center;
}
.notificationList .messageText em{ font-size:1.5rem; color:#ef63c4; }

.pagination{
  background: var(--pink);
  padding: 10px;
  width: 100%;
  color: #fff;
  display: flex;
  justify-content: right;
  border-radius: 0px 0px 15px 0px;
}
.pagination a{
  border: 1px solid #fff;
  color: #ffffff;
  padding: 2px 10px 4px;
  border-right: 0px;
  cursor: pointer;
}
.pagination a:first-child{
  border-radius: 5px 0px 0px 5px;
}
.pagination a:last-child{
  border-radius: 0px 5px 5px 0px;
  border-right: 1px solid #fff;
}
.pagination a.active, .pagination a:hover{
  background: rgba(255, 255, 255, 0.3);
}
.btn-block{
  width: 100%;
}
.toggleSwitch label{
  width: 40px!important;
}

.alertBox{
  display: none;
  min-width: 400px;
  position: absolute;
  left: 50%;
  margin-left: -150px;
  top: 55%;
  border: 1px solid #ccc;
  box-shadow: 0px 0px 10px #aaa;
  min-height: 120px;
  background: #fff;
  z-index: 9;
  padding: 10px 20px;
}
.alertBox.show{
  display: block;
}
.alertFooter{
  position: absolute;
  bottom: 0px;
  height: 35px;
  width: 90%;
  text-align: right;
}
.alertFooter a{
  padding: 10px;
  color: var(--pink);
}
.singleWishlist a{
  line-height: 12px;
}