.MyFollow .fas.fa-heart{
    color: red !important;
}
.gray-btn {
  border: medium none;
  display: inline-block;
  font-weight: 500;
  font-size: 16px;
  margin-top: 20px;
  padding: 10px 30px;
  text-align: center;
  text-transform: uppercase;
  -webkit-transition: all 300ms ease-in 0s;
  -o-transition: all 300ms ease-in 0s;
  transition: all 300ms ease-in 0s;
  cursor: pointer;
  border-radius: 4px;
  background: #ddd;
  color: #737373; }
  .gray-btn:hover {
    background: #e76667;
    color: #fff; }

.active-item{
  display: none;
}

.account-info{
  display: none;
}

.discountcode-info .info{
    display: none;
    background: #9bd7e7;
    color: white;
    font-weight: bold;
    padding: 10px;
    font-size: 18px;
}

.discountcode-info .info.error{
  color: red;
}

.btn-custom04 {
  background: #ff4d4d;
  color: #fff;
  opacity: .8; }
  .btn-custom04:hover {
    color: #fff;
    opacity: 1; }

.btn-cart3 {
  background: #c3c3c3;
  border: #c3c3c3 1px solid;
  color: #fff;
  opacity: .8;
  border-radius: 50px; }
  .btn-cart3:hover {
    color: #fff;
    opacity: 1; }

.btn-custom05 {
  background: #7ac9df;
  color: #fff;
  opacity: .5; }
  .btn-custom05:hover,.btn-custom05.active {
    color: #fff;
    opacity: 1; }

.activity-cart-list{

}
.activity-cart-list.stick{
  position: fixed;
  width: 100%;
  top: 48px;
  z-index: 9999;
  -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
  animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
  webkit-box-shadow: 1px 2px 3px 1px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 1px 2px 3px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 2px 3px 1px rgba(0, 0, 0, 0.3);
}

[data-bk-link]{
  cursor: pointer;
}

.day.active-cart:not(.disabled){
  color: #0f51a3;
}
.day.active-cart.active:not(.disabled){
  color: white;
}

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){
    padding: 0 10px;
}

[data-bk-link]{
  cursor: pointer;
}

.custom-onepage-header .custom-onepage-item{
    display: flex;
    flex: 0 0 90%;
    max-width: 90%;
    flex-direction: row-reverse;
    margin-left: 10%;
    padding: 5px 0;
    align-items: center;
}
.custom-onepage-header .top-icon{
    padding: 0;
}

.datepicker .day{
	text-align: center;
}

.datepicker .day:hover{
  	cursor: pointer;
  	background: #0062cc;
  	color: #fff;
}
.datepicker .day.active{
	background: #0062cc;
  	color: #fff;
}

.third_login_text {
   height: 60px;
   line-height: 60px;
   text-align: center;
}
.third_login_text .line {
   display: inline-block;
   width: 20%;
   border-top: 1px solid #ccc ;
}
.third_login_text .txt {
   color: #000;
   font-weight: bold;
   vertical-align: middle;
}

.third_login .third_login_btn{
	width: 50%;
	margin: auto;
	text-align: center;
}

.third_login .fb-login{
    margin: auto;
    text-align: center;
}

.third_login .fb-login img{
	width: 73%;
}

.third_login .google-login img{
	width: 100%;
}

.btn-custom02{
  border-radius: unset;
}

.quantity {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .quantity i {
    margin: 0 5px;
    border: 10px solid transparent;
    background-clip: padding-box; }

@media only screen and (min-width: 991px){
  .header .custom-onepage-header .logo img{
    width: 40%;
  }
}

@media only screen and (max-width: 768px){
    .btn-item .btn-fav:hover i{
       color: #777;
    }
}

.fx-btn{
  position:fixed;
  width: 71px;
  right:10px ;
  opacity: .8;
}
.fx-btn:hover{
  opacity: 1;
}
.fx-btn img{
  border-radius: 50%;
  box-shadow: 0 0 15px 0px #cccccc;
  width: 100%;
}

.fx-btn:nth-child(1){
    top: calc(35% + 0px);
}
.fx-btn:nth-child(2){
    top: calc(35% + 80px);
}
.fx-btn:nth-child(3){
    top: calc(35% + 160px);
}
.fx-btn:nth-child(4){
    top: calc(35% + 240px);
}
/*.fx-btn3 img{
    max-width: 71px;
}*/
.cd-top{
    visibility: hidden;
}

.cd-top.cd-fade-out {
  visibility: visible;
  opacity: .8
}

.cd-top.cd-fade-out:hover {
  opacity: 1
}

@media (max-width: 991px){
    .fx-btn{
        width: 50px;
        opacity: 1;
    }
    .fx-btn:nth-child(1){
        top: calc(35% + 0px);
    }
    .fx-btn:nth-child(2){
        top: calc(35% + 60px);
    }
    .fx-btn:nth-child(3){
        top: calc(35% + 120px);
    }
    .fx-btn:nth-child(4){
        top: calc(35% + 180px);
    }
}