/* ADDITIONAL STYLE */
@font-face {
  font-family: "Futura-Book";
  src: url("../fonts/futura/Futura Book font.ttf");
}

@font-face {
  font-family: "Futura-Bold";
  src: url("../fonts/futura/Futura Bold font.ttf");
}

@font-face {
  font-family: "Arial";
  src: url("../fonts/Arial/garibdttf/G_ari_bd.ttf");
}

@font-face {
  font-family: "Helvetica";
  src: url("../fonts/helvetica/helvetica.otf");
}

@font-face {
  font-family: "Helvetica-Neue";
  src: url("../fonts/Helvetica-Neue/Helvetica Neue W01 87 Hv Cn Obl/Helvetica Neue W01 87 Hv Cn Obl.ttf");
}

@font-face {
  font-family: "Modern-Era";
  src: url("../fonts/Modern Era Medium/Modern Era Medium.woff2.ttf");
}

@font-face {
  font-family: "Avenir";
  src: url("../fonts/Avenir/Book/Avenir-Book.ttf");
}

@font-face {
  font-family: "Avenir Thin";
  src: url("../fonts/Avenir/Light/Avenir-Light.ttf");
}

@font-face {
  font-family: "Avenir Bold";
  src: url("../fonts/Avenir/Black/Avenir-Black.ttf");
}


html,
body{
    font-family: "Avenir", sans-serif;
    color: #000000;
    /* overflow-x makes effect not working */
    /* overflow-x: hidden !important; */
}

small.error {
  font-size: 10px;
  font-style: italic;
  color: #d81818;
}

.form-control {
  font-size: 15px;
}

.btn:active,
.btn:focus,
.btn:visited {
  outline: 0 !important;
  box-shadow: none !important;
}
.pointer {
  cursor: pointer;
}
.none {
  display: none;
}
.margin-shop-page {
  margin-top: 80px;
}
.margin-other-page {
  margin-top: 220px;
}
.account.margin-other-page {
  margin-top: 80px;
}
.featurette-divider {
  margin: 5rem 0 !important;
}

a{
  color: #000000;
  text-decoration: none;
}

a:hover{
  color: #000;
}

h1, h2, h3{
  font-family: 'Avenir Bold', sans-serif;
}

.form-search-header-mobile {
  display: none;
}

#form-search-header input{
  border-radius: 3px 0 0 3px;
}
.input-group-text{
  background: #000000;
  border: 1px solid #000000;
  color: #FFFFFF;
}
#form-search-header .input-group-text{
  background: #000000;
  height: 38px;
  border: 1px solid #000000;
  border-radius: 0 30px 30px 0;
  cursor: pointer;
}
#form-search-header .input-group-text i{
  color: #ffffff;
}

.running-news{
  background: #d1f08f;
  width: 100%;
  padding: 5px 0;
  text-align: center;
  height: 50px;
}

.navbar{
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
}

@media (max-width: 1199px) {
  .navbar.container {
    padding-left: 20px;
    padding-right: 20px;
    max-width: 100%;
  }
}

.pseudo-col{
  display: none;
}

.man-woman .row{
  margin-left: 0px!important;
  margin-right: 0px!important;
}

.navbar-brand{
  font-size: 35px!important;
  font-family: 'Avenir', sans-serif;
}
.navbar-brand img {
  width: 200px;
  height: auto;
  margin-top: -25px;
}

.container-fluid{
  padding: 0 50px;
}

.navbar-nav,
.mr-auto {
flex: 1;
margin: auto !important;
display: flex;
justify-content: space-between;
}

.nav-link {
  color: #000;
}

.navbar-right .nav-link{
  font-size: 20px!important ;
}
.navbar-right .nav-link p {
  font-size: 15px!important;
  display: inline-block;
  margin-bottom: 2px;
  vertical-align: text-bottom;
}
.navbar-right .nav-link .badge {
  font-size: 10px;
}

.link-dark{
  color: #fff!important;
  font-weight: 500!important;
}
.navbar-light .navbar-nav .nav-link{
  color: #fff;
  font-weight: 500;
  font-size: 16px;
}

.badge-bekas {
  padding: 2px 12px;
  border-radius: 8px;
  /* background: #545ba4; */
  background: #3e66b0;
  color: #fff;
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 5;
  font-size: 12px;
}

.main-menu{
  padding: 0 20px;
}

.form-outline-frame{
    position: relative;
}

.form-outline i {
  position: absolute!important;
  top: 50%;
  transform: translateY(-50%);
  /* pointer-events: none; */
  right: 2%;
}

.form-outline input{
  border: none!important;
  border-radius: 10px;
}

.bg-white{
    -webkit-box-shadow: -2px 2px 45px -20px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: -2px 2px 45px -20px rgba(0, 0, 0, 0.3);
        box-shadow: -2px 2px 45px -20px rgba(0, 0, 0, 0.3);
        height: 108px;
        transition: height .3s linear;
}

.bg-transparent{
  padding-top: 5px!important;
  padding-bottom: 5px!important;
  /* background-color: #545ba4!important; */
  background-color: #3e66b0 !important;
    -webkit-box-shadow: transparent!important;
        -moz-box-shadow: transparent!important;
        box-shadow: transparent!important;
        height: 108px;
        transition: height .2s linear;
}

.bg-transparent .nav a:after{
  background: none repeat scroll 0 0 transparent;
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  left: 50%;
  background: #fff;
  transition: width 0.3s ease 0s, left 0.3s ease 0s;
  width: 0;
}

.navbar-light .navbar-toggler-icon {
    color: #fff;
}

.navbar-toggler:focus {
    box-shadow: transparent !important;
    border-color: transparent !important;
}

.nav .dropdown-menu{
  font-size: 0.8125rem;
}

.nav .dropdown-item{
  color: rgba(0,0,0,.55);
}

.nav .dropdown-menu > li > a:hover::after{
  background: transparent;
}

.nav .dropdown-submenu {
    font-size: 0.8125rem;
}

.nav .dropdown-menu > li > a{
  transition: padding-left .3s linear;
}
.nav .dropdown-menu > li > a:hover {
    color: #364974;
    padding-left: 20px;
    background: transparent;
}

.nav .dropdown-toggle::after{
  margin-left: 0;
  border: none!important;
}

.nav .dropdown {
    position:static !important;
}

.nav .dropdown-menu {
    margin-top:0px !important;
    width: 100%!important;
    /* width:2000px !important;
    left:-300px !important; */
    border: none!important;
    border-radius: 0;
}

.nav .dropdown:hover>.dropdown-menu {
  display: block;
  left: 0px;
  padding: 2% 40px;
}

.nav .dropdown-item{
  font-size: 14px;
}

.nav .dropdown-item::after{
  background: transparent!important;
}

.nav .dropdown-border-left{
  border-left: 1px solid #d3d3d3;
}

.nav .dropdown>.dropdown-toggle:active {
  /*Without this, clicking will make it sticky*/
    pointer-events: none;
}

.bg-transparent .navbar-toggler {
    border-color: transparent!important;
    transition: none;
}

.bg-white .navbar-toggler {
    border-color: transparent!important;
}

.bg-transparent .navbar-toggler:focus , .bg-white .navbar-toggler:focus {
    box-shadow: none;
}

.nav-pills .nav-link.active{
    background-color: transparent;
}

.bg-white .nav a:after, .bg-transparent .nav a:after{
    background: none repeat scroll 0 0 transparent;
    bottom: 0;
    content: "";
    display: block;
    height: 2px;
    left: 50%;
    background: #fff;
    transition: width 0.3s ease 0s, left 0.3s ease 0s;
    width: 0;
}
.bg-transparent .nav a:hover:after, .bg-white .nav a:hover:after{
  width: 100%;
  left: 0;
}

.navbar-divider{
    height: 150px;
}

/*hamburger menu */
/* Icon 1 */

.animated-icon1, .animated-icon2, .animated-icon3 {
width: 30px;
height: 20px;
position: relative;
margin: 0px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
}

.animated-icon1 span, .animated-icon2 span, .animated-icon3 span {
display: block;
position: absolute;
height: 3px;
width: 100%;
border-radius: 9px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}

.animated-icon1 span {
background: #e65100;
}

.animated-icon2 span {
background: #fff;
}

.animated-icon3 span {
background: #f3e5f5;
}

.animated-icon1 span:nth-child(1) {
top: 0px;
}

.animated-icon1 span:nth-child(2) {
top: 10px;
}

.animated-icon1 span:nth-child(3) {
top: 20px;
}

.animated-icon1.open span:nth-child(1) {
top: 11px;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
}

.animated-icon1.open span:nth-child(2) {
opacity: 0;
left: -60px;
}

.animated-icon1.open span:nth-child(3) {
top: 11px;
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg);
}

/* Icon 3*/

.animated-icon2 span:nth-child(1) {
top: 0px;
}

.animated-icon2 span:nth-child(2), .animated-icon2 span:nth-child(3) {
top: 5px;
}

.animated-icon2 span:nth-child(4) {
top: 10px;
}

.animated-icon2.open span:nth-child(1) {
top: 11px;
width: 0%;
left: 50%;
}

.animated-icon2.open span:nth-child(2) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}

.animated-icon2.open span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}

.animated-icon2.open span:nth-child(4) {
top: 11px;
width: 0%;
left: 50%;
}

/* Icon 4 */

.animated-icon3 span:nth-child(1) {
top: 0px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}

.animated-icon3 span:nth-child(2) {
top: 10px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}

.animated-icon3 span:nth-child(3) {
top: 20px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}

.animated-icon3.open span:nth-child(1) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
top: 0px;
left: 8px;
}

.animated-icon3.open span:nth-child(2) {
width: 0%;
opacity: 0;
}

.animated-icon3.open span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 21px;
left: 8px;
}
/*end of hamburger menu */


/* IMAGE HOVER EFFECT*/
.container-image .title{
  text-align: center;
  margin-bottom: 10px;
}

.content {
  position: relative;
  max-width: 400px;
  margin: auto;
  overflow: hidden;
}

.content .content-overlay {
  background: rgba(0,0,0,0.7);
  border-radius: 0px;
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0.5;
}

.content:hover .content-overlay{
  opacity: 0.5;
  background: rgba(0,0,0,0.7);
}

.content img{
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

.content:hover img{
  -webkit-transform: scale(1.25);
  -moz-transform: scale(1.25);
  -ms-transform: scale(1.25);
  -o-transform: scale(1.25);
  transform: scale(1.25);
  background: rgba(0,0,0,0.7);
}

.content-image{
  width: 100%;
}
.content img{
  object-fit: cover;
}

.content-details {
  position: absolute;
  text-align: center;
  padding-left: 1em;
  padding-right: 1em;
  width: 100%;
  top: 50%;
  left: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  color: #fff!important;
  width: 70%;
}

.content-details a:hover, .content-details a, .content-details-show a{
  color: #fff!important;
}

.content-details-show {
  position: absolute;
  text-align: left;
  padding-left: 1em;
  padding-right: 1em;
  padding-top: 1em;
  padding-bottom: 10px;
  width: 100%;
  bottom: 0;
  left: 0%;
  top: auto;
  color: #fff!important;
  background-color: rgba(0, 0, 0, 0.4);
}

.content:hover .content-details{
  top: 50%;
  left: 50%;
  opacity: 1;
}

.opening-desc{
  padding-top: 30%;
  padding-right: 25%;
}

.opening-img-3{
  margin-left: -50px;
}

.purple-bg{
  /* background: #d2c4d6; */
}

.green-bg{
  background: #4b7c63;
}

.caption-banner{
  width: 50%;
}

.green-bg .caption-banner{
  color: #fff!important;
}

.shipping-desc{
  background-color: #eeeeee;
  padding: 5px 0;
}

.special-offer{
  border: 1px solid #000;
  padding: 50px 200px;
  color: #000!important;
}

.special-offer h2{
  font-size: 60px;
}

.special-offer img{
  transition: transform .2s; /* Animation */
}

.special-offer img:hover{
  transform: scale(1.1);
}

.black-bg{
  background: #000;
  padding: 50px 0;
  color: #fff!important;
}

.round-icon{
  width: 100px;
  height: 100px;
  border-radius: 50%;
  padding: 20px;
  background: #fff;
}

#header-search-form {
  display: none;
  -webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
}

.for-bank-transfer .panel-heading img {
  margin-left: 5px;
  height: 50px;
  width: auto;
}
.for-bank-transfer .panel-body table tr td {
  padding-bottom: 20px;
}
.for-bank-transfer .panel-body table tr:last-child td {
  padding-bottom: 0;
}

.modal-shop .modal .modal-dialog {
  float: right;
  width: 30%;
  margin: 0;
  height: 100%!important;
}

.modal-shop .modal.show .modal-dialog {
  float: right;
  width: 450px;
  margin: 0;
  height: 100%!important;
}

.modal-shop .modal-content{
  height: 100%!important;
}

.modal-shop .modal-body h4{
  font-size: 18px;
}

.modal-shop .modal-body{
  font-size: 14px!important;
  font-weight: 400!important;
}

.modal-shop .modal-header{
  border-top-left-radius: 200px!important;
  border-top-right-radius: 0!important;
  border-bottom: transparent!important;
}

.box-color-options{
  height: 20px;
  width: 20px;
  border: 1px solid #000;
}

.color-moonstone{
  background: #6994cd;
}

.color-strawberry{
  background: #bc3e44;
}

.color-navy{
  background: #002855;
}

.color-blush{
  background: #e1bbb4;
}

.purple-bg .dropdown{
  margin-bottom: 10px;
  min-width: 280px;
  height: auto;
  border-radius: 40px;
  box-shadow: 0 1px 2px #00000014;
  border: 0.5px solid #ececec;
  justify-content: space-between;
  align-items: center;
  display: inline-flex;
  padding: 9px 20px;
  font-size: 14px;
  font-weight: 400;
}

.purple-bg .dropdown a{
  width: 100%;
}

.purple-bg .dropdown-menu{
  padding-left: 10px;
  padding-right: 10px;
  z-index: 1;
  width: 100%;
}

.purple-bg .dropdown-menu p{
  font-size: 12px;
}

.purple-bg .dropdown-toggle::after{
  float: right;
  margin-top: 10px;
}

.home-title, .home-title-red{
  font-size: 20px;
  font-weight: 700;
}

.home-title h5{
  padding-bottom: 0px;
  /* border-bottom: 4px solid #545ba4; */
  border-bottom: 4px solid #3e66b0;
  line-height: 30px;
  width: 130px;
}

.home-title-red h5{
  padding-bottom: 0px;
  /* border-bottom: 4px solid #545ba4; */
  border-bottom: 4px solid #3e66b0;
  line-height: 30px;
  width: 170px;
}

.view-more{
  font-size: 14px;
  font-weight: bold;
}

.view-more i{
  /* color: #545ba4; */
  color: #3e66b0;
  rotate: 45deg;
  padding-left: 5px;
}

.box-size-options{
  display: block;
}

.box-size-options p{
  margin-bottom: 10px;

}

.purple-bg .form-select{
  border: 1px solid #000;
  border-radius: 0;
}

.product-detail-desc h5 {
  font-size: 24px;
}

.product-detail-desc .desc-icon i {
  font-size: 28px;
  color: #b9b9b9;
}
.product-detail-desc .desc-icon svg {
  width: 24px !important;
    height: 24px !important;
}


@media (min-width: 992px) {

}



/* Top Search Animation */

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:visited,
.dropdown-item.active, .dropdown-item:active {
  background-color: transparent;
  border-color: transparent;
}

.btn-transparent{
  background: transparent;
  border-radius: 5px;
  color: #000;
  width: auto!important;
  padding: 8px 30px 7px 30px;
  border: 1px solid  #000;
  font-size: 14px;
}

.btn-shop {
  margin-top: 7px;
}

.btn-shop-now,
.btn-view-cart,
.btn-check-out,
.btn-primary{
  background: #000;
  border-radius: 0px;
  color: #fff;
  width: auto!important;
  padding: 8px 30px 7px 30px;
  border-radius: 20px;
  border-color: transparent !important
}
.btn-view-cart {
  width: 100%!important;
}

.btn-shop-now:hover,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus,
.btn-view-cart:hover,
.btn-view-cart:focus
.btn-view-cart:active,
.btn-check-out:hover,
.btn-check-out:active,
.btn-check-out:focus{
  color: #fff;
  background: #f8d570;
  /* background: rgb(249,218,152);
  background: linear-gradient(90deg, rgba(249,218,152,1) 0%, rgba(229,211,242,1) 50%, rgba(218,194,235,1) 100%); */
}

.btn-shop-now-full{
  background: #000;
  border-radius: 0px;
  color: #fff;
  width: 100%!important;
  padding: 8px 30px 7px 30px;
  border-radius: 20px;
}

.btn-shop-now-full:hover{
  color: #000;
  background: rgb(249,218,152);
  /* background: linear-gradient(90deg, rgba(249,218,152,1) 0%, rgba(229,211,242,1) 50%, rgba(218,194,235,1) 100%); */
  background: #f8d570;
}

.btn-shop-now-reverse{
  background: #fff;
  border-radius: 0px;
  color: #000;
  width: 100%!important;
  padding: 8px 30px 7px 30px;
  border: 1px solid #000;
  margin: 10px 0;
}

.btn-shop-now-reverse:hover{
  color: #fff;
  background: #000;
  /* background: rgb(249,218,152); */
  /* background: linear-gradient(90deg, rgba(249,218,152,1) 0%, rgba(229,211,242,1) 50%, rgba(218,194,235,1) 100%); */
}

.btn-shop-now-reverse2{
  background: #fff;
  border-radius: 0px;
  color: #000;
  width: 100%!important;
  padding: 8px 30px 7px 30px;
  border: 1px solid #000;
  text-align: left;
}

.btn-shop-now-reverse2:focus{
  box-shadow: none!important;
}

.btn-white{
  background: #fff;
  border-radius: 10px;
  color: #000;
  width: auto!important;
  padding: 7px 20px 7px 20px;
  font-size: 14px;
  font-weight: 500;
}

.btn-white:hover{
  /* background: rgb(249,218,152);
  background: linear-gradient(90deg, rgba(249,218,152,1) 0%, rgba(229,211,242,1) 50%, rgba(218,194,235,1) 100%);
  color: #fff;
  border: 1px solid #fff; */
}

.btn-login{
  margin-top: -10px;
  min-width: 170px;
}

.btn-shop i{
  font-size: 25px!important;
}

.btn-white span{
  color: #d05a57;
}

.btn-subscribe{
  Background: #000;
  border-radius: 0px;
  color: #fff;
  width: auto!important;
  padding: 8px 30px 7px 30px;
  font-size: 14px;
  font-weight: 700;
  width: 100% !important;
}


.footer-bottom{
  background: rgb(35, 35, 35);
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.footer-bottom h4{
  color: #fff;
  font-size: 18px;
  text-transform: capitalize;
}

.footer-bottom h3{
  color: #fff;
  font-size: 23px;
  text-transform: capitalize;
  font-weight: 500;
  line-height: normal;
}

.footer-bottom p{
  color: #fff;
  font-size: 14px;
}

.footer-bottom a{
  color: #fff!important;
}

.footer-bottom a:hover{
  text-decoration: underline;
}

.footer-desc a{
  color: #fff !important
}

.footer-menu a{
  position: relative;
}

.footer-menu a::after{
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 1px;
  bottom: 0;
  left: 0;
  background-color: #000;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}

.footer-menu a:hover::after{
  transform: scaleX(1);
  transform-origin: bottom left;
}

.product-detail-bg-white input{
  height: 47px;
  border-radius: 0;
}

.footer-bottom .form-control{
  padding: 0.375rem 1rem;
  border: 1px solid #7c7c81;
  border-radius: 40px;
  text-align: center;
  font-size: 16px;
  color: #7c7c81;
  font-weight: 500;
  /* margin-bottom: 20px; */
}

.check-delivery .form-control{
  padding: 20px;
  margin-top: 5px;
  border: 1px solid #c3c3c580 !important;
  border-radius: 40px;
  text-align: center;
  font-size: 16px;
  color: #7c7c81;
  font-weight: 500;
  margin-bottom: 20px;
  height: 44px;
}

footer, footer p, footer h4, footer a, footer a:hover{
    text-decoration: none;
}

footer h4{
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 24px;
}

.footer-upper h4{
  display: inline-block;
}

footer h3{
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
}

footer span{
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 17px;
}

footer #send-subscribe {
  position: relative;
}
footer #subscribe_email-error {
  position: absolute;
    margin-top: -15px;
    font-size: 8px;
}

.copyright p{
  padding: 10px 10px;
  color: #fff!important;
  margin-bottom: 0px;
}

.footer-copyright{
  /* background: #545ba4; */
  background: #3e66b0;
}

.footer-marketplace img{
  margin-bottom: 10px;
}

#gotoTop {
    z-index: 1000001 !important;
    position: fixed!important;
    width: 40px;
    height: 40px;
    background-color: rgba(0,0,0,0.3);
    font-size: 1.25rem;
    line-height: 36px;
    text-align: center;
    color: #fff;
    top: auto;
    /* left: auto; */
    left: 30px;
    cursor: pointer;
    border-radius: 2px;
    bottom: 80px;
}

.social-media {
  display: flex;
}

.social-media i{
  font-size: 30px!important;
  margin-right: 10px;
  padding: 5px;
  color: #000;
}

.social-media a{
  margin-right: 10px;
}

.socmed-bg{
  background: #fff;
  border-radius: 50%;
  height: 40px!important;
  width: 40px!important;
}

/*comparable*/
.comparable-box{
    transition: all 0.3s ease 0s;
    position: relative;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
    border-radius: 20px;
    padding: 0;
    background: #fff;
}

.comparable-img img{
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
}

.comparable-content{
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
}

.comparable-content h4{
  font-size: 16px;
  text-align: center;
  font-weight: bold;
}

.comparable-content p{
  text-align: center;
}

.comparable-label{
  text-align: center;
  margin: 10px 0;
}

.comparable-label.blue{
  color: blue;
}

.comparable-label.green{
  color: green;
}

.comparible-td{
  width: 25%;
}

.favorite-img{
  width: 10%;
}
/* Thumbnail product */
.product-grid{
    transition: all 0.3s ease 0s;
    position: relative;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    padding: 0;
    background: #fff;
}

.product-grid .carousel-inner {
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
}

.product-label{
  position: absolute;
  /* margin-top: 10px; */
  margin-right: 0px;
  margin-bottom: 0px;
  justify-content: flex-end;
  right: 0;
  bottom: 0;
  z-index: 2;
  padding: 10px 10px 10px 15px;
  color: #fff;
  font-size: 12px;
  border-top-left-radius: 85%;
  /* border-bottom-left-radius: 0%; */
  height: 35px;
  text-align: center;
}

.product-label-save{
  background: green;
}

.product-label-best-seller{
  background: rgb(176, 151, 183);
}

.product-label-subscribe{
  background: rgb(0, 40, 85);
}

.product-image{
    overflow: hidden;
    position: relative;
    transition: all 0.3s ease 0s;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    height: 250px;
}
@media (max-width: 1370px) {
  .product-image{
    height: auto;
  }
}

.product-image img{
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    backface-visibility: hidden;
}

.product-image:hover .image{
  opacity: 1;
}
.product-image a.image{ display: block; }
.product-image img{
    width: 100%;
    height: auto;
}

.product-image .pic-1{
    backface-visibility: hidden;
    transition: all 0.5s ease 0s;
}

.product-image:hover .pic-1{ opacity: 1; }
.product-image .pic-2{
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.5s ease 0s;
}
.product-image:hover .pic-2{ opacity: 1; }
.product-grid .carousel {
  margin-bottom: 10px !important;
}
.product-grid .product-links{
    padding: 0;
    margin: 0;
    list-style: none;
    opacity: 0;
    position: absolute;
    bottom: 0;
    right: 10px;
    transition: all 0.3s ease 0s;
}
.product-grid:hover .product-links{ opacity: 1; }

.product-grid .product-links li{
    margin: 0 0 10px 0;
    transform: rotate(360deg) scale(0);
    transition: all 0.3s ease 0s;
}
.product-grid:hover .product-links li{ transform: rotate(0) scale(1); }
.product-grid:hover .product-links li:nth-child(3){ transition-delay: 0.1s; }
.product-grid:hover .product-links li:nth-child(2){ transition-delay: 0.2s; }
.product-grid:hover .product-links li:nth-child(1){ transition-delay: 0.3s; }
.product-grid .product-links li a{
    color: #fff;
    background-color: #000;
    font-size: 14px;
    line-height: 42px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: block;
    transition: all 0.3s ease 0s;
}
.product-grid .product-links li a:hover{
    color: #fff;
    background-color: #000;
}
.product-content{
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  text-align: left;
}

.carousel-product .carousel-indicators {
  padding-left: 10px;
}

.product-content .title{
  font-size: 15px;
  font-weight: normal;
  text-align: left;
  margin-bottom:5px !important;
}
.product-content .subtitle{
  font-size: 15px;
  font-weight: normal;
  text-align: center;
  color: #ac806b;
}

.product-content .price{
  font-size: 13px;
  font-weight: bold;
  text-align: left;
  color: #AFAFAF!important
}

.product-content .price span{
  display: block;
  /* color: #545ba4; */
  color: #3e66b0;
}

.product-content i{
  font-size: 18px;
  margin-bottom: 10px;
  color: #b9b9b9;
}

.jss1854 {
  color: #b9b9b9;
    margin-left: 10px;
}

.star{
    margin-top: 20px;
    color: #E74714;
}

.star span{
  color: #000;
}

.review-info{
  color: #37373d;
  font-size: 14px;
  font-weight: 300;
}

.bg-grey{
  background: #f6f6f6;
}

.product-icon-and-caption{
  background: #fff;
  padding: 50px 30px;
  margin-top: 10px;
}

.product-icon-and-caption span{
  font-size: 12px!important;
}

.breadcrumb{
  margin-top: 20px;
  margin-left: 20px;
}

.breadcrumb a{
  color: #9b9b9b!important;
  margin-left: 10px;
  font-size: 14px;
}

.breadcrumb2{
  margin-top: 20px;
}

.breadcrumb2 a{
  color: #9b9b9b!important;
}
/* .product-detail-desc{
  overflow-y: scroll;
  max-height: 850px;
} */

.product-detail-desc h5 span, .product-detail-desc p span{
  color: #d05a57!important;
  font-weight: 600;
}

.sub-title-product{
  color: #ac806b;
  font-size: 24px;
  font-weight: 300;
  line-height: 30.8px;
}

.detail-product-price span{
  font-size: 30px;
}

.detail-product-price strike{
  font-size: 18px;
  font-weight: 300!important;
  vertical-align: middle;
}

.detail-product-price{
  /* border-right: 1px solid #A19F9F; */
  padding-right: 20px;
  display: inline-block;
  margin-bottom: 10px;
}

.yellow-discount{
  background-color: #f8d570;
  color: #091c33;
  font-size: 18px;
  font-weight: 600;
  /* height: 38px; */
  padding: 2px 6px;
  border-radius: 3px;
  /* margin-left: 10px; */
  display: inline-block;
  width: auto;
  margin-top: -200px;
}

.product-taxes{
  color: #C4C3C3;
  text-align: right;
}

.product-payment-desc{
  color: #C4C3C3;
}

.product-payment-desc-black, .product-payment-desc{
  margin-bottom: 0;
  font-size: 14px;
}

.btn-size .active{
  border-color: #000923;
    color: #f8d570;
    background: #000923;
}

.btn-grey.inactive{
  background: transparent!important;
  border: 1px solid #bdbdbd;
}

.grey-font, .grey-font2{
  color: #9b9b9b!important;
}

.grey-font2{
  font-size: 12px;
  font-style: italic;
}

.grey-font a{
  color: #077bff!important
}

.product-detail-bg-white{
  background: #fff;
  padding: 20px;
}

.blue-link{
  color: #077bff!important;
  font-size: 12px;
  cursor: pointer;
}

.size-left p{
  margin: 0px 0;
}

.size-right .size{
  padding: 5px 0;
  text-align: center;
  width: 70px!important;
  border: 1px solid #000;
  display: inline-block;
  margin-left: 5px;
}

.unavailable{
  cursor: not-allowed;
  border: 1px solid #d0d0d0 !important;
  opacity: 0.35;
}

.upgrade{
  border: 1px solid #c6c6c6;
}

.upgrade-desc{
  padding: 10px;
}

.upgrade-desc h5{
  font-size: 14px;
}

.upgrade-desc p{
  margin-bottom: 0;
  font-size: 12px!important;
}

#myDIV {
  display: none;
}

input, select:focus{
  box-shadow: none!important;
  border: 1px solid #000;
}

#size .modal-header, #leash .modal-header{
  display: inline-block;
  position: relative;
}

#size .modal-header .btn-close, #leash .modal-header .btn-close{
  position: absolute;
  right: 10px;
  top: 10px;
}

#size .modal-header p, #leash .modal-header p{
  font-size: 12px;
  font-weight: normal;
}

.email-us{
  background: #d8d2ea;
  border-top: 1px solid #000;
  padding: 20px 20%;
}

#size .modal-body, #leash .modal-body{
  padding: 0!important;
}

.padding-modal-body{
  padding: 10% 7%;
}

#size .modal-body p, #leash .modal-body p{
  font-weight: normal;
}

.switch-size-modal{
  border-bottom: 1px solid #000;
  padding: 10px 0 0 0;
  text-align: center;
}

.switch-size-item {
  color: #999;
  cursor: pointer;
}

.switch-size-item.active{
  color: #000;
  border-bottom: 2px solid #107be9;
}

#calculate, #inches, #inches2, #inches3{
  display: none;
}

#sizechart{
  text-align: center;
}

.measuring{
  padding: 0 20px;
}

.sizechart-italic p{
  font-size: 12px;
  font-style: italic;
  margin-bottom: 0px;
}

.modal-body table{
  font-weight: normal!important;
  font-size: 12px;
}

.modal-body .table-purple{
  background-color: #d8d2ea!important;
  font-weight: 600;
}

.measurements, .measurements-item{
  color: #999;
  cursor: pointer;
  font-size: 12px;
  padding: 10px;
  font-weight: normal;
}

.measurements-item.active{
  color: #000!important;
}

#size .tab-pane{
  padding: 20px;
  border-bottom: 1px solid #dee2e6;
  border-left: 1px solid #dee2e6;
  border-right: 1px solid #dee2e6;
}

#size .nav-link{
  color: #999;
}

#size .nav-link.active{
  color: #000;
}

.grey-bg-sizechart{
  background: #f6f6f6;
  padding: 20px;
}

.grey-bg-sizechart img{
  max-width: 20%;
  padding: 10px 0;
}

.calculate-image{
  padding: 20px;
}

.calculate-size{
  border: 1px solid #ebebeb;
}

.calculate-size-title{
  padding: 10px 20px;
  font-weight: bold;
  background: #ebebeb;
}

.calculate-size-body{
  padding: 20px;
}

.calculate-size input{
  borer: 1px solid #ebebeb!important;
  width: 100%;
}

.calculate-size label{
  color: #000!important;
  font-size: 16px!important;
}

.accordion-body p{
  margin-bottom: 5px;
}

.accordion-body table{
  width: 50%;
}

.accordion-item {
    background-color: transparent!important;
    border-top: transparent!important;
    border-left: transparent!important;
    border-right: transparent!important;
    border-bottom: 1px solid #c6c6c6!important;
    padding: 0!important;
}

.accordion-button {
   /* color: #936041!important; */
   font-weight: 700!important;
   font-size: 18px;
   font-family: 'Avenir', sans-serif;
   /* text-transform: uppercase; */
   background: transparent!important;
   padding: 0.75rem 1rem 0.75rem 0.5rem;
}

.accordion-button:not(.collapsed) {
    color: #000;
    font-weight: 700;
    background-color: transparent!important;
    box-shadow: none!important;
}

.accordion-button:focus {
    z-index: 3;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: none!important;
}

.accordion-button::after{
  order: -1;
    margin-left: 0;
    margin-right:0.5em;
  /* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E")!important; */
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-plus" viewBox="0 0 16 16">  <path d="M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z"/></svg>')!important;
}

.accordion-button:not(.collapsed)::after {
  /* transform: rotate(-180deg); */
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-dash" viewBox="0 0 16 16">  <path d="M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z"/></svg>')!important;
}

.faq-accordion .accordion-button::after{
  order: -1;
  margin-left: 0;
  margin-right:0.5em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E")!important;
}

.faq-accordion .accordion-button:not(.collapsed)::after {
  transform: rotate(-180deg);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E")!important;
}

.faq-accordion .accordion-item {
  border-bottom: transparent!important;
}

.brown-table thead{
  background: #e7ceb5;
}

.wave-bg{
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 10rem;
  background-image: url('../../../images/wave-bg.svg');
}

.purple-bg-detail{
  background: #e8e1ea;
  padding: 50px 0;
}

.brown-bg{
  background: #f1e9e5;
  padding: 50px 0;
}

.progress-table{
  width: 100%;
  vertical-align: middle;
  opacity: 0.4;
}

.progress-table tr{
    border-color: transparent!important;
}

.progress-table td{
  padding: 0 5px;
}

.progress-title{
  padding: 0 10px;
  display: inline-block;
  width: 5%;
  font-size: 14px;
}

.progress-content{
  width: 95%;
}

.progress-bar{
  background-color:#6B6D76;
}

.progress{
  height: 0.5rem;
  border-radius: 0;
  background-color: #e3e3e3;
}

.review-category p{
  font-size: 12px;
  margin-bottom: 10px;
}

.review-category p i{
  font-size: 16px;
}

.review-category p i.last{
  color: #fff;
}

#review-form{
  display: none;
}

#review-form label, #review-form p{
  color: #6A6C77!important;
  font-size: 12px!important;
}

#review-form sup{
  color: red;
}

#review-form label{
  width: 50%;
}

#review-form label i{
  font-size: 18px;
  color: #fff;
}

#review-form label i.red{
  color: red;
}

#review-form label i.green{
  color: green;
}

#review-form label i.blue{
  color: blue;
}

.review{
  padding: 30px;
  background: #fff;
}

.review .input-group-text{
  background: transparent!important;
  border-right: transparent!important;
}

.review .input-group input{
  border-left: transparent!important;
}

.review .input-group input:focus{
  border: 1px solid #ced4da;
  border-left: transparent!important;
}

.review-item{
  border-bottom: 1px solid #000;
  padding: 10px 0;
}

.review-item p{
  margin-bottom: 0;
  font-size: 12px;
}

.review-item h5{
  font-size: 14px;
}

.review-item-first{
  border-top: 1px solid #000;
}

.review-desc, .review-item span, .list-item, .review-date{
  color: #6B6D76;
}

.page-link{
  border: transparent!important;
  color: #000!important;
}

.carousel-indicators-border{
  border-radius: 50%;
  border: 1px solid #9A9898!important;
  padding: 1px;
  height: 25px !important;
  width: 25px !important;
  display: grid;
}

.carousel-product .carousel-indicators button{
  border-radius: 50%;
  height: 18px !important;
  width: 18px !important;
}
.carousel-product .carousel-indicators .active {
  /* border: none !important; */
  /* border: 1px solid #9A9898!important; */
}

.show-mobile {
  display: none;
}

 @media (min-width: 768px) {

 }

 @media (max-width: 1198px) {
   .navbar-brand{
     max-width: 200px;
   }

   .nav-pills{
     font-size: 0.7125rem;
   }

   .nav-link {
    padding: .5rem .5rem;
    }

 }

  @media (max-width: 990px) {
    .navbar-brand{
      max-width: 160px;
    }

    .nav-pills{
      font-size: 0.6125rem;
    }

    .nav-link {
     padding: .5rem .3rem;
     }
  }

 @media (max-width: 768px) {
   .pseudo-col{
     display: inline-block;
   }
   .navbar-nav .nav-link, .dropdown-item {
      border-bottom: 1px solid #eee;
      border-radius: 0;
    }

    .dropdown-menu{
      border: none;
      padding-left: 20px;
    }

   .navbar-brand{
     max-width: 200px;
   }

   .nav-pills{
     font-size: 0.9125rem;
   }

    .bg-transparent, .bg-white{
      height:80px;
      padding-top: 0px!important;
    }

     .mb-3 {
         /* margin-bottom: 0!important; */
     }

     .nav .dropdown:hover>.dropdown-menu {
      padding: 0px;
     }

     .nav .dropdown-border-left {
      border-left: none;
     }

     .navbar{
       /* background-color: #fff; */
       color: #000!important;
       padding-left: 0px;
       padding-right: 0px;
     }

     .nav-link {
      padding-top: 10px;
      padding-bottom: 10px;
     }

     .navbar-brand img {
      width: 180px;
      margin-top: 0px;
     }

     /* .navbar-collapse{
       margin-top: 40px;
       position: absolute;
       width: 100%;
       background-color: #fff;
       padding-left: 20px;
       padding-right: 20px;
       z-index: 9999;
       margin-left: -15px;
     } */

     .menu .container{
       max-width: 100%;
     }

     .animated-icon2, .navbar-toggler{
       display: flex;
     }

     .navbar-toggler{
       float: left;
     }

     .navbar-toggler .open{
       position: fixed;
       /* float: right; */
       right: 20px;
       top: 40px;
       z-index: 9999999;
     }

     .animated-icon2{
       height: 1px;
       width: 25px;
     }

     .animated-icon2 span{
       height: 2px;
       padding: 0px!important;
     }

     .animated-icon2 span:nth-child(1){
       top: 0px;
     }

     .nav-pills .link-light, .nav-pills .nav-link.active,  .nav-pills .link-dark, .bg-white .nav-pills .nav-link.active{
         color: #000;
         width: 100%;
         text-align: left;
     }

     .nav-pills{
         display: block;
     }

     .nav-pills .nav-link.active:after{
         width: 0;
         left: 0
     }

     .navbar-right{
       padding-right: 5px;
     }

     .navbar-right .nav-link{
       display: inline-block!important;
     }

     .navbar-right.nav-pills .link-dark{
       width: auto!important;
       margin-top: 10px;
     }

     .middle-woman{
       margin-bottom: 20px;
     }

     .man-title{
         position: absolute;
         bottom: auto!important;
         top: 10%;
         right: 15%;
         left: auto!important;
         text-align: right;
         width: 50%;
     }

     .man-title .underline-title{
       margin-right: -10%!important;
       margin-bottom: 20px;
       margin-top: 10%;
     }

     .woman-title{
         position: absolute;
         top: 10%;
         left: 15%;
         text-align: left;
         width: 50%;
     }

     .woman-title .underline-title{
       margin-left: -20%!important;
       margin-bottom: 20px;
       margin-top: 10%;
     }

     .special-offer{
       padding: 20px 20px;
     }

     .special-offer h2{
       font-size: 40px;
     }

     .black-bg-item{
       margin-bottom: 20px;
     }

     .dropdown:hover>.dropdown-menu {
       /* display: inline; */
     }

     .dropdown>.dropdown-toggle:active {
         /* pointer-events:auto; */
     }

     .container-fluid{
       padding: 0 15px;
     }

     .hide-shop-img{
       display: none;
     }

     .opening-desc{
       padding-top: 10%;
       padding-right: 5%;
       padding-left: 5%;
     }

     .opening-img-3{
       margin-left: -30px;
     }

     .caption-banner{
       width: 100%;
       text-align: center;
       padding: 10%;
     }

     .product-grid{
       margin-bottom: 50px;
     }

     .btn-white{
       font-size: 14px;
       padding: 5px 10px;
     }

     .product-grid .featurette-divider{
       margin: 3rem 0;
     }

     .footer-section{
       margin-bottom: 30px;
     }

     .footer-bottom, .footer-bottom h4{
       font-size: 15px;
     }

     .modal-shop .modal .modal-dialog {
       width: 100%;
     }

     .modal-shop .modal.show .modal-dialog {
       width: 100%;
     }

     .wave-bg{
       height: 5rem;
     }
     .purple-bg-detail{
       padding: 0px;
     }
     #review-form label{
       width: 100%;
     }
     .margin-other-page {
      margin-top: 90px;
    }
    .account.margin-other-page {
      margin-top: 0px;
    }
    .margin-shop-page {
      margin-top: 0px;
    }
    .follow-along {
      text-align: center;
    }
    .featurette-divider {
      margin: 3rem 0 !important;
    }
    #header-search-form,
    #header-search-btn{
      display: none !important;
    }
    .customer-name {
      display: none !important;
    }
    .form-search-header-mobile {
      display: block !important;
      padding-bottom: 20px;
    }

    .home-title h5,
    .home-title-red h5{
      /* border-bottom: 1px solid #545ba4; */
      border-bottom: 1px solid #3e66b0;
    }
 }


 /* New Style */
.announcement-bar{
    background-color: #f8d570 !important;
    padding: 8px 0;
    font-size: 14px;
    color: #000;
}

.announcement-bar2{
    background-color: #000923 !important;
    padding: 2px 0;
    font-size: 14px;
    color: #fff;
}

.announcement a{
  text-decoration: underline;
}

.announcement{
  padding-right: 8px;
  font-weight: 500;
}

.announcement-countdown{
  width: 45%;
}

.flipper{
  margin-bottom: -0px!important;
  font-size: 25px!important;
}

.marquee{
  padding: 5px 0;
}

.category{
  padding: 20px 5% 0 5%;
}

.item-category{
  padding: 0 35px;
}

.item-category img {
  /*height: 130px;*/
  /*width: auto;*/

  /* height: 130px;
    width: 130px !important;
    max-width: 130px !important; */
    /* border-radius: 50%; */
    object-fit: cover;
}


.announcement-home{
  margin-top: 30px;
}

.modalSearch .modal-fullscreen .modal-content {
    height: 110px;
}

.modalSearch .nav-link {
    display: inline-block;
}

.modalSearch .form-control{
  border-right: transparent!important;
}

.form-control{
  border: 1px solid #000;
}

.btn-outline-secondary {
  border-color: #000;
  color: #000;
}

.modalSearch .btn-outline-secondary {
  border-left: transparent!important;
}

.modalSearch span{
  margin-right: 15px;
  color: #666666;
}

.modalSearch a{
  text-decoration: underline;
  margin-right: 10px;
}

.announcement-cart p{
  margin-bottom: 0;
}

.sc-close{
  margin-top: 10px;
}

.sc-header{
  color: #fff!important;
  background: #000;
  padding: 10px;
}

.sc-header a{
  color: #fff!important;
}

.modal-shop .modal-content {
  border-radius: 0!important;
}

.modal-shop .modal{
  padding-right: 0!important;
}

.sc-category{
  background: linear-gradient(90deg, rgba(188, 211, 249, 1)  30%, rgba(247, 241, 194, 1) 50%, rgba(237, 232, 187, 1) 70%);
  padding:5px 30px;
  border-radius: 20px;
  margin-bottom: 20px;
}

.modal-shop .modal-footer{
  background: #f7f7f7;
  border: 1px solid #ececec;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  justify-content: center;
}

.modal-shop .modal-footer a{
  text-decoration: underline;
  color: #7c7c81;
  font-size: 14px;
  padding: 10px 20px;
}

.sc-footer-text{
  border-bottom: 1px solid #ececec;
  width: 100%;
  text-align: center;
  padding-bottom: 10px;
}

.btn-deep-blue{
  background: #091c33;
  text-transform: capitalize;
  border-radius: 30px;
  text-align: center;
  padding: 10px;
  width: 100%;
  color: #fff!important;
  font-size: 16px!important;
  text-decoration: none!important;
}

.btn-payment{
  border: 1px solid #AB8E5C;
  background: #EAD6C3;
  padding: 5px!important;
  justify-content: center;
  margin-left: 5px;
  margin-bottom: 5px;
  border-radius: 30px;
  height: 40px;
  width: 80px;
}

.box-product-cart{
  height: auto !important;
  padding: 10px !important;
  border-radius: 8px !important;
  border: 1px solid #ececec !important;
  margin-bottom: 10px;
}

.box-product-cart p{
  margin-bottom: 2px;
}


.sc-qty-btn .input-group-btn {
	background:#FFF!important;
	border: 1px solid #f8d570;
  height: 25px;
  border-radius: 5px!important;
}
.sc-qty-btn .input-group-btn button span {
	color:#000 !important;
	padding-left:5px;
	padding-right:5px;
	margin-top:-15px;
	font-size: 14px;
}
.sc-qty-btn .btn-primary {
	border-radius: 0px;
	padding: 0px;
	font-size:15px;
	background:none!important;
}

.sc-qty-btn .form-control{
  border: none!important;
}

.sc-qty-btn .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: 0!important;
}

.sc-qty-btn .input-group>.form-control{
  width: 20px!important;
  height: 25px;
}

.box-remove-btn{
  width: 100%;
}

.saved_amount {
    color: #ac806b;
    font-size: 12px;
    font-weight: 400;
}

.btn-add-to-cart{
  justify-content: center;
  text-align: center;
  /* gap: 4px; */
  color: rgb(0, 0, 0);
  border: 1px solid rgb(0, 0, 0);
  border-radius: 4px;
  font-weight: normal;
  font-size: 12px;
  text-decoration: none;
  font-style: normal;
  margin: 0px;
  height: 32px;
  width: 180px;
  opacity: 1;
  font-family: inherit !important;
  background-color: transparent !important;
  padding: 4px 20px !important;
}

.apply-discount .form-control{
  border-color: #ececec;
  color: #7c7c81;
  font-weight: 500;
  border-right: none!important;
}

.gift .form-control{
  border-color: #ececec;
  color: #ececec!important;
  font-size: 12px;
  border: 0.5px solid #ececec;
  color: #7c7c81;
  font-weight: 400;
}

.apply-discount .btn-outline-secondary {
    border-color: #ececec;
    border-left: none!important;
    color: #e74714;
}

.apply-discount .btn-outline-secondary:hover{
  background: #fff;
}

.gift .form-check .form-check-input {
    float: right;
}

.gift .form-check {
  padding-left: 0;
}

.gift label{
  padding-right: 20px;
}

.gift label span{
  line-height: 14px;
  font-size: 12px;
  font-weight: 400;
  float: left;
  margin-top: 2px;
  text-align: left;
  margin-left: auto;
  color: #7c7c81;
}

.btn-shop-now-navy, .btn-shop-now-navy2{
  background: #091c33;
  width: 100%;
  padding: 0 20px;
  border-radius: 20px;
  display: block;
  text-align: center;
  margin-top: 5px;
  height: 44px;
  line-height: 44px;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
}

.btn-shop-now-navy2{
  width: 60%!important;
  font-size: 16px;
  font-weight: 400;
}

.btn-shop-now-navy:hover, .btn-shop-now-navy:hover{
  color:#fff;
}

.btn-check-delivery{
    min-width: 100px;
    width: 100% !important;
    right: 0 !important;
    border-radius: 50px !important;
    text-transform: capitalize;
    background: #ac806b;
    color: #fff;
    font-weight: 400;
}

.btn-check-delivery:hover{
  color: #091c33;
  background: #f8d570;
}

.btn-yellow{
  color: #091c33;
  background: #f8d570;
  border: 0;
  border-radius: 50px;
  font-size: 24px;
  font-weight: 500;
  height: 56px;
  line-height: 56px;
  padding: 0 30px;
  min-width: 400px;
}

.btn-yellow2{
  color: #091c33;
  background: #f8d570;
  border: 0;
  border-radius: 50px;
  font-size: 18px;
  font-weight: 500;
  padding: 10px 30px;
  width: 100%;
}

.logo-footer img{
  height: 40px!important;
  width: auto;
}

.video-section{
  background-image: url("https://mymuse.in/cdn/shop/files/bg_video_hp.webp?v=1706950769");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 20%;
  padding-bottom: 5%;
}

.pink-bg{
  background-image: url("https://cdn.shopify.com/s/files/1/0511/1001/9234/files/We_have_something_for_everyone_bg_without_border.webp?v=1707004863");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 50px;
  padding-bottom: 5%;
}

.pink-bg h4{
  color: #ee5d83;
  font-size: 30px;
  font-weight: bold;
  letter-spacing: 3px;
  text-align: center;
}

.pink-bg h2{
  color: #ee5d83;
  font-size: 45px;
  font-weight: bold;
  letter-spacing: 5px;
  text-align: center;
}

.we-have-something{
  transition: all 0.3s ease 0s;
  position: relative;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
  border-radius: 20px;
  padding: 0;
}

.we-have-something img{
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

.we-have-something-content{
  padding: 18px 36px 18px 18px;
  margin: 0;
  position: relative;
  min-height: 5em;
  /* background: #FFECEC; */
  background: #FFF;
  border-bottom-left-radius: 22px;
  border-bottom-right-radius: 22px;
  color: #37373D!important;
}

.we-have-something-content i{
  position: absolute;
  right: 10px;
  top: 50%;
  font-size: 30px;
}

.youtube-section{
  background: #f7f2f0;
  padding-top: 50px;
  padding-bottom: 50px;
}

.youtube-section .form-control {
  border: 1px solid #dee2e6;
}
.youtube-section .form-control:focus {
  outline: none;
  box-shadow: none;
}

.red-hight-light{
  color: #E74714;
}

.youtube-section h2{
  text-align: center;
}

.product-review{
  background: #fff;
  border-radius: 30px;
  padding: 20px 20px;
}

.product-review-yellow{
  background: #f8d570;
  border-radius: 30px;
  padding: 20px 20px;
}

.product-review-yellow p{
  font-size: 14px;
}

.yellow-circle{
  background: #f8d570;
  /* margin: 0 auto -10px;
  display: block; */
  width: 160px;
  height: 160px;
  border-radius: 50%;
  padding: 20px;
  position: relative;
}

.yellow-circle img{
  height: 100px;
}

.promise-other-page{
  background: #f9f7f4;
  padding-top: 30px;
  padding-bottom: 50px;
  border-radius: 50px;
  text-align: center;
}

.promise-box{
  padding: 0 10%;
}

.promise{
    padding: 20%;
    text-align: center;
}

.promise img{
  border: 1px solid #ac806b;
  border-radius: 50%;
  margin-bottom: 20px;
}

.promise a{
  text-decoration: underline !important;
  color: #ac806b;
  font-weight: 500;
  margin: 0;
  font-size: 18px;
  position: relative;
}

.promise a::after{
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 1px;
  bottom: 2px;
  left: 0;
  background-color: #ac806b;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}

.promise a:hover::after{
  transform: scaleX(1);
  transform-origin: bottom left;
}

.bg-navy{
  background-color: #000923;
  color: #fff!important;
  border-radius: 68px;
  padding: 30px 5%;
}

.bg-navy h2{
  font-size: 48px;
}

.modalPopup .modal-content{
  background-image: url("https://mymuse.in/cdn/shop/files/popup_age_w.webp?v=1688462687");
  background-size: cover;
  width: 330px;
  border-radius: 20px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  padding: 265px 15px 15px;
  height: 450px;
  top: 200px;
  /* left: 80px; */
}

.modalPopup .modal-content h4{
  font-size: 16px;
}

.modalPopup .modal-content p{
  font-size: 12px;
  line-height: 15px;
}

.modalPopup .modal-content p a{
  display: inline-block;
}

.modalPopup .modal-content a{
  text-decoration: underline;
  display: block;
}

.btn-orange{
  background-color: #e74714;
  border-radius: 40px;
  width: 100%;
  border: 1px solid #e74714;
  color: #fff;
  font-size: 16px;
  text-transform: initial;
  height: 50px;
  margin: 0 auto;
  max-width: 160px;
  box-shadow: 0 0 0 !important;
  text-decoration: none!important;
  padding: 10px 0;
  margin-bottom: 10px;
}

.featured-mobile-menu{
  display: none;
}

.video-list{
  position: relative;
}

.btn-play-video{
  position: absolute;
  top: 50%;
  left: 35%;
  opacity: 0.6;
    background: #000;
    border: 0px solid #fff;
    align-self: center;
    justify-self: center;
    justify-content: center;
    align-items: center;
    width: 64px;
    height: 64px;
    border-radius: 50%;
}

.btn-grey{
  padding: 8px 20px;
  border-radius: 30px;
  height: auto;
  /* display: block; */
  border: 0 solid #797979;
  min-width: 100px!important;
  font-size: 16px;
  background: #e6e8eb;
  font-weight: 400;
  margin-right: 15px;
}

.btn-grey.active{
  background: #091c33;
  color: #f8d570;
  line-height: unset;
}

.tab-category td{
  min-width: 100px;
  padding: 0!important;
}

.detail-product-indicators .carousel-indicators [data-bs-target]{
  width: 15px;
  height: 15px;
  border: 2px solid #000;
  border-radius: 50%;
}

.detail-product-indicators .carousel-indicators .active{
  background-color: #000;
}

/*
 * Custom Control:
 * ---------------
 */
/* custom classes are always prefixed by "spl-" automatically */
.spl-like{
    background-image: url(demo/gallery/heart-outline.svg);
    background-size: 23px;
}
/* optionally, additional state to toggle the button: */
.spl-like.on{
    background-image: url(demo/gallery/heart.svg);
}
/*
 * Custom Animation:
 * -----------------
 */
/* custom scene transition (slide effect) */
.only-this-gallery.show .spl-scene{
    transition: transform 0.2s ease;
}
/* custom animation "visible state" (css context by custom classname "only-this-gallery" to apply these animation just on a specific gallery) */
.only-this-gallery.show .spl-pane > *{
    clip-path: circle(100% at center);
    transition: transform 0.35s ease,
                opacity 0.65s ease,
                clip-path 0.8s ease;
}
/* custom animation "hidden state" ("custom" is the name of the animation you pass as gallery option) */
.only-this-gallery .spl-pane .custom {
    clip-path: circle(0px at center) ;
    transition: transform 0.65s ease,
                opacity 0.65s ease;
}
/* animation state when gallery is hidden */
#spotlight.only-this-gallery{
    clip-path: circle(0px at center);
}
/* animation state when gallery will open */
#spotlight.only-this-gallery.show{
    clip-path: circle(100% at center);
    transition: clip-path 0.65s ease 0.15s;
}

#spotlight .cover {
  object-fit: contain!important;
}

.red-font{
  color: red;
}

.bundle-product .title{
  margin-bottom: 0;
  text-align: left;
}

.bundle-product .star{
  margin-top: 0;
}

.bundle-product .price{
  text-align: left;
}

.bundle-product{
  padding: 5px;
}

.discreet-delivery{
  display: flex;
  gap: 10px;
  background: #f6f2ee;
  padding: 15px 20px;
  border-radius: 15px;
}

.discreet-delivery p{
  color: #7c7c81;
}

.discreet-delivery span{
  color: #ac806b;
}

#delivery .modal-header{
  border-bottom: transparent;
}

#delivery .modal-content{
  border-radius: 20px;
}

.marquee-item{
  margin-right: 3%;
  font-size: 30px;
}

.marquee-item2{
  margin-right: 3%;
  font-size: 16px;
}

.newFormula{
  border-radius: 30px;
}

.review-progress{
  padding-top: 7px;
}

.review-list{
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 30px;
}

.review-list p{
  color: #3c3c43;
}

.review-list span{
  font-size: 12px;
}

.red-circle-box{
}

.red-circle-box:hover{
  border: 2px solid #fff;
  border-radius: 20px;
  padding: 5px 20px;
}

.red-circle{
  height: 15px;
  width: 15px;
  text-align: center;
  vertical-align: middle;
  background: red;
  color: #fff;
  font-size: 10px;
  border-radius: 50%;
  display: inline-block;
}

.red-circle-box span{
  color: #000;
  font-size:  10px;
  margin-left: 10px;
}

.red-circle-box span{
  display: inline-block;
}

.tab-review .nav-pills .nav-link.active{
  color: black!important;
  border-bottom: 1px solid red!important;
  border-radius: 0;
}

.tab-review .nav-pills .nav-link{
  color: #7c7c81 !important;
  font-size: 18px;
}

.btn-filter{
  background: #fff;
  border: 1px solid #000;
  border-radius: 20px;
  padding: 10px 20px;
  font-size: 12px;
  display: inline!important;
}

.btn-filter:hover, .btn-filter:active{
  border: 1px solid red;
  color: red;
}

.card-body p{
  font-size: 12px;
  font-weight: 500;
}

.card-body .input-group-text{
  background: #fff;
  color: #000;
}

.card-body .form-control{
  border-left: transparent;
}

.btn-star{
  align-items: center;
  padding: 6px 16px;
  background: #F4E9E1;
  color: red;
  border: 1px solid red;
  border-radius: 20px;
  width: auto;
  font-size: 12px;
  margin: 0 5px 5px 0;
}

.product-question-initial{
  background-color: #ef8462;
  border-radius: 50%;
  height: 45px;
  width: 45px;
  color: #fff;
  font-weight: 500;
}

.product-answer{
  background: #fff;
  border-radius: 10px;
  padding: 20px;
}

.product-faq .accordion-item{
  background-color: #fff;
  border: 1px solid rgba(0,0,0,.125)!important;
  margin-bottom: 10px;
  border-radius: 5px;
}

.ys-product{
  border-radius: 20px;
}

.product-fav {
  cursor: pointer;
}
.product-fav.active i{
  color: #f00202;
}

.compare-section{
  /* overflow-x: auto; */
}

.compare{
  text-align: center;
  padding: 20px 10px;
  max-width: 210px;
  border-radius: 20px;
  z-index: 1;
  width: 200px;
  /* position: relative; */
  display: inline-block;
  margin: 0 5px;
}

.compare-product{
  height: 200px;
}

.compare-item{
  height: 50px;
  font-size: 14px;
}

.compare-white{
  background: #fff;
  box-shadow: 1px 1px 8px 5px #0000000d;
}

.compare-peach{
  background: #f7f2f0;
}

.gold-text{
  color: #AC806B;
  font-size: 18px;
  text-align: right;
}

.box-compare{
  height: 40px;
  width: 40px;
  border-radius: 10px;
}

.box-compare.green{
  color: green;
  border: 2px solid green;
}

.box-compare.red{
  color: red;
  border: 2px solid red;
}

.bundle-mobile{
  display: none;
}

#modalProduct .carousel-inner {
  margin-bottom: 30px;
}

.title-other-page .carousel-inner{
  background: #000000 !important;
}

#modalProduct .carousel-indicators{
  margin-left: 22%;
  margin-right: 10%;
}

#modalProduct .carousel-indicators [data-bs-target]{
  width: 80px;
  height: auto;
  background: transparent!important;
}

#modalProduct .modal-body{
  background: #000;
}

#modalProduct .modal-header{
  background: transparent!important;
  border-bottom: none!important;
}

#modalProduct .modal-body{
  position: relative;
}

#modalProduct .modal-body .btn-close{
  position: absolute;
  top: -30px;
  right: 0px;
  color: #fff!important;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="%23fff" class="bi bi-x-lg" viewBox="0 0 16 16"><path d="M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8z"/></svg>');
  background-repeat: no-repeat;
}

.carouselProductCaption{
  background: #fff;
  padding: 20px 30px;
}

.carouselProductCaption span{
  font-size: 10px;
}

.frame-socmed{
  display: inline-block!important;
}

.box-socmed{
  width: 40px;
  height: 40px;
  color: #fff;
  margin-right: 5px;
}

.bg-fb{
  border-color: #2d5073;
  background-color: #3b5998;
}

.bg-google{
  border-color: #c23321;
  background-color: #dd4b39;
}

.bg-twitter{
  border-color: #2795e9;
  background-color: #55acee;
  margin-bottom: -10px;
}

.bg-linkedin{
  border-color: #005983;
  background-color: #007bb6;
}

.bg-amazon{
  border-color: #cc7a00;
  background-color: #ff9900;
}

.bg-fb:hover, .bg-google:hover, .bg-twitter:hover, .bg-linkedin:hover, .bg-amazon:hover{
  filter: brightness(120%);
  color: #fff;
}

/* .navbar-brand-mobile{
  display: none;
} */

#myModalRegister .form-control {
    border: 1px solid #dedede;
}

#myModalRegister hr{
  background-color : #dedede!important;
}

#myModalRegister .btn-close{
  position: absolute;
  right: 10px;
  top: 10px;
}

#searchModal .modal-fullscreen .modal-body {
    overflow-y: hidden;
}

.sidebar-category{
  margin-top: 60px;
  padding: 20px 15px;
  /* box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); */
  border-radius: 8px;
  border: 1px solid #dedede;
}

.btn-brand-box:hover{
  border: 1px solid #000;
  border-radius: 20px;
}

.btn-brand-box{
  padding: 30px 10px;
}

.btn-brand{
  width: 10%!important;
  display: inline-block;
  margin-right: 20px;
  margin-bottom: 30px;
}

.curve-frame{
  border-radius: 8px;
}

.curve-date img {
  width: 16px;
  height: auto;
  margin-top: -3px;
}

.curve-desc{
  text-transform: uppercase;
  font-size: 12px;
  padding-top: 5px;
}

.curve-desc{
  font-size: 14px;
  margin-top: 0px;
}

.news img{
  max-height: 235px;
  width: 100%;
  object-fit: cover;
}

.benefit-caption{
  font-size: 8px;
  text-align: center;
  font-weight: 700;
}

.mobile-menu{
  display: none;
}

@media (max-width: 992px) {
  .search-main-menu, .login-hide{
    display: none;
  }

  .navbar-nav .nav-link, .dropdown-item {
        border-bottom: 1px solid #eee;
        border-radius: 0;
    }

  .navbar-collapse1 {
      position: fixed;
      top: 0;
      left: 0;
      padding-top: 15px;
      padding-left: 15px;
      padding-right: 15px;
      padding-bottom: 15px;
      width: 100%;
      height: 100%;
      background-color: #fff!important;
      z-index: 99999;
  }

  .navbar-collapse1.collapsing {
      left: -75%;
      transition: height 0s ease;
  }

  .navbar-collapse1.show {
      left: 0;
      /* transition: left 300ms ease-in-out; */
      transition: left 0.3s ease 0s, left 0.3s ease 0s;
  }

  .navbar-toggler.collapsed ~ .navbar-collapse1 {
      /* transition: left 500ms ease-in-out; */
      transition: width 0.1s ease 0.1s, left 0.5s ease 0.5s;
  }

  .link-dark {
   color: #000 !important;
   }

   .navbar-toggler {
     position: absolute;
     float: right;
     right: 20px;
     top: 25px;
   }

   .navbar-toggler .open {
       position: fixed;
       float: right;
       right: 20px;
     top: 25px;
       z-index: 999999;
   }

   .animated-icon2.open span {
   background: #000!important;
   }

   .navbar-brand-mobile{
     height: 1000px;
   }

   .navbar-brand-mobile img{
     display: none;
   }
}

 @media (max-width: 768px) {
   .mobile-menu{
     display: inline;
    /* background: #545ba4; */
    background: #3e66b0;
    padding: 20px;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 1;
   }

   .text-sosial-media {
    display: none;
   }

   .mobile-menu a{
     color: #fff;
     font-size: 18px;
   }

   #modalSearch .form-outline input{
     height: 30px;
     margin-top: 20px;
   }

   #modalSearch .form-outline i{
     top: 35%;
   }

   .search-main-menu, .login-hide{
     display: none;
   }
   .social-media{
    text-align: center;
    display: flex;
    justify-content: center;
  }

   .social-media a{
     text-align: center;
   }

   .item-category img{
     height: 100%!important;
     width: 100%!important;
   }

   .btn-brand {
      width: 40% !important;
      display: inline-block;
      margin-right: 20px;
      margin-bottom: 30px;
    }

   .navbar-brand-mobile{
     display: inline-block;
   }

   .flipper{
     font-size: 20px!important;
     padding-left: 10%;
   }

   .announcement-bar{
     font-size: 13px;
   }

   .announcement{
     padding-right: 15px;
   }

   .announcement-countdown{
     width: 45%;
   }

   .category{
     padding: 20px 0;
   }

   .item-category{
     /* width: 40%!important; */
     padding: 0 18px!important;
   }

   .modalSearch .modal-fullscreen .modal-content {
       height: 25%;
       text-align: center;
   }

   .modalSearchForm{
     font-size: 12px;
   }

   .product-content h3{
     margin-top: 0px!important;
   }

   .product-content .title{
     font-size: 14px;
   }

   .product-content .price{
     font-size: 12px;
   }

   .product-content i{
     font-size: 10px;
     margin-bottom: 5px;
   }

   .review-info {
     font-size: 10px;
   }

   .star{
       margin-top: 5px;
   }

   .product-content .btn-shop-now-navy{
    padding: 0 20px;
    border-radius: 20px;
    display: block;
    text-align: center;
    margin-top: 5px;
    height: 32px;
    line-height: 31px;
    font-size: 15px;
   }

   .promise-box{
     padding: 0;
   }
   .promise{
       padding: 20%;
    }
   .promise h5{
     font-size: 14px;
     margin-bottom: 0px;
   }
   .promise a{
     font-size: 14px;
   }

   .bg-navy{
     border-radius: 28px;
     width: 100%;
     padding: 40px 20px;
   }

   .bg-navy h2{
     font-size: 26px;
   }

   /*mobile menu slide left*/
   .featured-mobile-menu{
     display: inline-block;
   }
   .navbar-collapse1 {
       position: fixed;
       top: 0;
       left: 0;
       padding-top: 15px;
       padding-left: 15px;
       padding-right: 15px;
       padding-bottom: 15px;
       width: 100%;
       height: 100%;
       background-color: #fff!important;
       z-index: 99999;
   }

   .navbar-collapse1.collapsing {
       left: -75%;
       transition: height 0s ease;
   }

   .navbar-collapse1.show {
       left: 0;
       /* transition: left 300ms ease-in-out; */
       transition: left 0.3s ease 0s, left 0.3s ease 0s;
   }

   .navbar-toggler.collapsed ~ .navbar-collapse1 {
       /* transition: left 500ms ease-in-out; */
       transition: width 0.1s ease 0.1s, left 0.5s ease 0.5s;
   }


   .nav-pills{
       display: block;
   }

   .featured-item{
     width: 90%;
     overflow-x: scroll;
   }

   .track-order{
     margin-top: 20%;
   }
   .track-order a{
     display: inline-block;
     margin-right: 10px;
     width: 30%;
   }

   .video-section{
     padding-top: 35%;
   }

   .btn-grey{
     display: inline-block;
     margin-bottom: 30px;
     font-size: 12px;
     min-width: 130px!important;
   }

   .compare{
     padding: 10px 5px;
     width: 100px;
     border-radius: 20px;
     z-index: 1;
     /* position: relative; */
   }

  .compare-white, .compare-peach{
    width: 160px;
  }

   .compare-item{
     height: 35px;
     font-size: 12px;
   }

   .box-compare{
     height: 28px;
     width: 28px;
     border-radius: 10px;
   }

   .bundle-mobile{
     display: inline;
   }

   .bundle-desktop{
     display: none;
   }

   .btn-yellow{
     min-width: 200px;
   }

   .sidebar-category p{
     margin-bottom: 15px;
   }

   .comparible-td{
     width: auto;
   }

   .favorite-img{
     width: 80px!important;
   }

   .btn-shop-now-reverse{
     font-size: 10px;
     padding: 5px;
   }

   .favorite-btn{
     width: 100px;
   }

   .favorite-table{
     font-size: 12px;
   }

   .link-dark {
    color: #000 !important;
    }

    .navbar-toggler {
      position: absolute;
      float: right;
      right: 20px;
      top: 25px;
    }

    .navbar-toggler .open {
        position: absolute;
        float: right;
        right: 20px;
        top: 25px;
        z-index: 999999;
    }

    .animated-icon2.open span {
    background: #000;
    }

    .navbar-brand-mobile{
      height: 100px;
    }

    .navbar-brand-mobile img{
      display: none;
    }
 }


 .wa.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.wa.float .my-float{
	margin-top:16px;
}


.navbar-nav .nav-item.jual-kamera-mu a{
  border: 1px solid #FFFFFF;
  padding: .3rem 1rem;
}

.carousel-caption p{
  color: #FFFFFF;
  font-size: 1em !important;
}
#form-jual-kamera{
  background: #fafafa;
  padding: 30px;
  border-radius: 10px;
}
#form-jual-kamera #formRender textarea{
  height: 100px;
}
#form-jual-kamera #formRender{
  margin-bottom: 40px;
}
#form-jual-kamera #formRender input[type=text],
#form-jual-kamera #formRender textarea{

}

.carousel-caption, 
.carousel-caption h1{
  color: #FFFFFF !important;
}

@media (max-width: 768px) {
  .jual-kamera-mu{
    /* background: #545ba4; */
    background: #3e66b0;
  }
  .jual-kamera-mu a{
    text-align: center;
    color: #FFFFFF !important;
  }

  .show-mobile {
    display: flex;
    margin-bottom: 20px;
  }
  .show-mobile .btn-shop-now-full {
    background: #fff;
    color: #000;
    border-bottom: 1px solid #000;
    border-radius: 0;
    margin-bottom: 20px;
    font-size: 12px;
  }
  .show-mobile ul {
    padding: 0;
    overflow: hidden; 
  }
  .show-mobile li {
    font-size: 11px;
    text-decoration: none;
    list-style: none;
    float: left; 
    margin-right: 5px;
    margin-bottom: 5px;
  }
  .show-mobile li a {
    color: #858585;
    border: 1px solid #858585;
    border-radius: 30px;
  }
}

.market-place img{
  height: 60px;
  margin-right: 20px;
}

.store-location{
  margin-bottom: 10px;
}
.store-location i{
  color: #FFFFFF;
}

.title-other-page img{
  width: 100%;
}

.title-other-page{
  background-color: #000000;
}
.title-other-page img{
  width: 100%;
  opacity: 0.8;
  max-height: 400px;
  object-fit: cover;
}

.h1-title-other-page{
  font-family: "Avenir Bold";
  color: #3d3d3d;
}

p strong{
  font-family: "Avenir Bold";
}

/* .mb-hide{
  display: none;
}
.mb-show{
  display: initial;
}

.title-other-page .carousel-inner{
  background-position: center !important;
}
.title-other-page .carousel-inner .carousel-item{
  background: rgba(0,0,0,.9) !important;
  height: 50vh !important;
  opacity: 0.8 !important;
}

@media (min-width: 767px) {
  .mb-hide{
    display: initial;
  }
  .mb-show{
    display: none;
  }
  .title-other-page .carousel-inner .carousel-item{
    height: 10vh !important;
    opacity: 0.8 !important;
  }
} */

/*--------------------------------------------------------------
# Portfolio
--------------------------------------------------------------*/
.portfolio #portfolio-flters {
  padding: 0;
  margin: 0 auto 25px auto;
  list-style: none;
  text-align: center;
  border-radius: 50px;
}

.portfolio #portfolio-flters li {
  cursor: pointer;
  display: inline-block;
  padding: 7px 20px 7px 20px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  color: #444444;
  margin: 0 3px 10px 3px;
  transition: all ease-in-out 0.3s;
  background: #ede9e9;
  border-radius: 50px;
}

.portfolio #portfolio-flters li:hover,
.portfolio #portfolio-flters li.filter-active {
  color: #fff;
  background: #3e66b0;
}

.portfolio #portfolio-flters li:last-child {
  margin-right: 0;
}

.portfolio .portfolio-item {
  margin-bottom: 30px;
  overflow: hidden;
}

.portfolio .portfolio-item img {
  position: relative;
  top: 0;
  transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.portfolio .portfolio-item .portfolio-info {
  opacity: 0;
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: -50px;
  z-index: 3;
  transition: all ease-in-out 0.3s;
  background: #3e66b0;
  padding: 15px 20px;
}

.portfolio .portfolio-item .portfolio-info h4 {
  font-size: 18px;
  color: #fff;
  font-weight: 600;
}

.portfolio .portfolio-item .portfolio-info p {
  color: #fff;
  font-size: 14px;
  margin-bottom: 0;
}

.portfolio .portfolio-item .portfolio-info .preview-link,
.portfolio .portfolio-item .portfolio-info .details-link {
  position: absolute;
  right: 50px;
  font-size: 24px;
  top: calc(50% - 18px);
  color: white;
  transition: ease-in-out 0.3s;
}

.portfolio .portfolio-item .portfolio-info .preview-link:hover,
.portfolio .portfolio-item .portfolio-info .details-link:hover {
  color: #fff;
}

.portfolio .portfolio-item .portfolio-info .details-link {
  right: 15px;
}

.portfolio .portfolio-item:hover img {
  top: -30px;
}

.portfolio .portfolio-item:hover .portfolio-info {
  opacity: 1;
  bottom: 0;
}