/* ============================== */
/* ! Colors                       */
/* ============================== */

/* dark color */
.dark-color,
.dark-hover:hover,
.dark-hover.selected {
    color: #3e3e3e;
}
.dark-bg,
.dark-bg-hover:hover,
.dark-bg-hover.selected {
    background-color: #3e3e3e;
}
.dark-border,
.dark-border-hover:hover,
.dark-border-hover.selected {
    border-color: #3e3e3e;
}
.dark-gradient,
.dark-gradient-hover:hover,
.dark-gradient-hover.selected {
    background-image: linear-gradient(bottom, #CE2F27 0%, #EE3124 100%);
    background-image: -o-linear-gradient(bottom, #CE2F27 0%, #EE3124 100%);
    background-image: -moz-linear-gradient(bottom, #CE2F27 0%, #EE3124 100%);
    background-image: -webkit-linear-gradient(bottom, #CE2F27 0%, #EE3124 100%);
    background-image: -ms-linear-gradient(bottom, #CE2F27 0%, #EE3124 100%);
    background-color: #EE3124;  
	color:#fff;
}
.product-detail-shadow .middle-color{
	display:none !important;
}
/* middle color */
.middle-color,
.middle-hover:hover,
.middle-hover.selected {
    color: #999;
	
}
.middle-bg,
.middle-bg-hover:hover,
.middle-bg-hover.selected {
    background-color: #999999;
}
.middle-border,
.middle-border-hover:hover,
.middle-border-hover.selected {
    border-color: #999999;
}
.middle-gradient,
.middle-gradient-hover:hover,
.middle-gradient-hover.selected {
    background-image: linear-gradient(bottom, #22557C 0%, #3170A3 100%);
    background-image: -o-linear-gradient(bottom, #22557C 0%, #3170A3 100%);
    background-image: -moz-linear-gradient(bottom, #22557C 0%, #3170A3 100%);
    background-image: -webkit-linear-gradient(bottom, #22557C 0%, #3170A3 100%);
    background-image: -ms-linear-gradient(bottom, #22557C 0%, #3170A3 100%);
    background-color: #3170A3;  
}

/* cream color */
.cream-color,
.cream-hover:hover,
.cream-hover.selected {
    color: #fff;
}
.cream-bg,
.cream-bg-hover:hover,
.cream-bg-hover.selected {
    background-color: #fff;
}
.cream-border,
.cream-border-hover:hover,
.cream-border-hover.selected {
    border-color: #fff;
}
.cream-gradient,
.cream-gradient-hover:hover,
.cream-gradient-hover.selected {
    background-image: linear-gradient(bottom, #fbf9f7 0%, #f7f2ed 100%);
    background-image: -o-linear-gradient(bottom, #fbf9f7 0%, #f7f2ed 100%);
    background-image: -moz-linear-gradient(bottom, #fbf9f7 0%, #f7f2ed 100%);
    background-image: -webkit-linear-gradient(bottom, #fbf9f7 0%, #f7f2ed 100%);
    background-image: -ms-linear-gradient(bottom, #fbf9f7 0%, #f7f2ed 100%);
    background-color: #fbf9f7;
}

/* light color */
.light-color,
.light-hover:hover,
.light-hover.selected {
    color: #ffffff;
}
.light-bg,
.light-bg-hover:hover,
.light-bg-hover.selected {
    background-color: #ffffff;
}
.light-border,
.light-border-hover:hover,
.light-border-hover.selected {
    border-color: #ffffff;
}
.light-gradient,
.light-gradient-hover:hover,
.light-gradient-hover.selected {
    background-image: linear-gradient(bottom, #EFEFEF 0%, #fbf9f7 100%);
    background-image: -o-linear-gradient(bottom, #EFEFEF 0%, #fbf9f7 100%);
    background-image: -moz-linear-gradient(bottom, #EFEFEF 0%, #fbf9f7 100%);
    background-image: -webkit-linear-gradient(bottom, #EFEFEF 0%, #fbf9f7 100%);
    background-image: -ms-linear-gradient(bottom, #EFEFEF 0%, #fbf9f7 100%);
    background-color: #ffffff;
    position: relative;
}

.active-hover select{
	color:#444;
}
/* active color */
.active-color,
.active-hover:hover,
.active-hover.selected {
  color: #ee3124;
}
.active-bg,
.active-bg-hover:hover,
.active-bg-hover.selected {
    background-color: #ee3124;
}
.active-border,
.active-border-hover:hover,
.active-border-hover.selected,
.juicy-selected .active-border-selected {
    border-color: #ee3124;
}
.active-gradient,
.active-gradient-hover:hover,
.active-gradient-hover.selected {
    background-image: linear-gradient(bottom, #ab1207 0%, #ee3124 100%);
    background-image: -o-linear-gradient(bottom, #ab1207 0%, #ee3124 100%);
    background-image: -moz-linear-gradient(bottom, #ab1207 0%, #ee3124 100%);
    background-image: -webkit-linear-gradient(bottom, #ab1207 0%, #ee3124 100%);
    background-image: -ms-linear-gradient(bottom, #ab1207 0%, #ee3124 100%); 
    background-color: #ee3124;  
} 

.facebook-color,
.facebook-hover:hover {
    color: #3B5998;   
}

.twitter-color,
.twitter-hover:hover {
    color: #33CCFF  
}

.linkedin-color,
.linkedin-hover:hover {
    color: #4875B4;   
}

.pinterest-color,
.pinterest-hover:hover {
    color: #AB171E;   
}

.google-color,
.google-hover:hover {
    color: #D04028;  
}

