// Typography
@bodyfont: @body_font, Arial, Helvetica, sans-serif;
@textcolor: @text_color;
@textsize: @text_size;
@textselectedcolor: @text_selected_color;
@textselectedbg: @text_selected_bg;
@bordercolor: @border_color;
@pagecontentbackground: @page_content_background;
@backgroundbody: @background_opt;
@headingfont: @heading_font, Arial, Helvetica, sans-serif;
@headingcolor: @heading_color;
@headingfontweight: @heading_font_weight;
@headerfont: @header_font, Arial, Helvetica, sans-serif;
@headercolor: @header_color;
@headerfontweight: @header_font_weight;
@menufont: @menu_font, Arial, Helvetica, sans-serif;
@menucolor: @menu_color;
/* @menufontsize: @menu_font_size; */
@menufontweight: @menu_font_weight;
@submenubg: @sub_menu_bg;
@submenucolor: @sub_menu_color;  
@vsubmenubg: @vsub_menu_bg;
@linkcolor: @link_color;
@linkhovercolor: @link_hover_color;
@linkactivecolor: @link_active_color;
@secondfont: @second_font, Arial, Helvetica, sans-serif;
@secondfontcolor: @second_font_color;
@secondfontweight: @second_font_weight;
// Colors
@primarycolor: @primary_color;
@salecolor: @sale_color;
@saletextcolor: @saletext_color;
@ratecolor: @rate_color;
//Topbar
@topbarcolor: @topbar_color;
@topbarlinkcolor: @topbar_link_color;
@topbarlinkhovercolor: @topbar_link_hover_color;
@topbarlinkactivecolor: @topbar_link_active_color;
//Header
@headerbgimage: @header_bg_image;
@headerbg: @header_bg;
@headercolor: @header_color;
@headerlinkcolor: @header_link_color;
@headerlinkhovercolor: @header_link_hover_color;
@headerlinkactivecolor: @header_active_hover_color;
@headerstickybg: @header_sticky_bg;
@headerbordercolor: @header_border_color;
//Footer
@footerbg: @footer_bg;
@footercolor: @footer_color;
@footerlinkcolor: @footer_link_color;
@footerlinkhovercolor: @footer_link_hover_color;
@footerlinkactivecolor: @footer_link_active_color;
@footerbordercolor: @footer_border_color;
// Defined colors
@darkcolor: #363f4d;
@greycolor: #999;
@lightgreycolor: #bababa;
@white: #fff;
@black: #000;
.clearfix() {
    &:after {
        content: "";
        display: table;
        clear: both;
    }
}
.border-radius(@radius: 4px) {
    -webkit-border-radius: @radius;
       -moz-border-radius: @radius;
            border-radius: @radius;
}
.widgettitleMixin() {
    font-size: 1.285em;
    margin: 0 0 15px;
    text-transform: capitalize;
}
.buttonMixin() {
    background: @primarycolor;
    border: none;
    border-radius: 20px;
    box-shadow: none;
    color: @white;
    display: inline-block; 
    font-size: .8571em;
    font-weight: 500;
    height: 42px;
    line-height: 42px;
    padding: 0 40px;
    text-shadow: none;
    text-transform: uppercase;
    white-space: nowrap;
	cursor: pointer;
    .transition();
    &:hover {
        background: @headingcolor;
    }
}
.priceMixin() {
    color: @secondfontcolor;
    font-family: @secondfont;
    font-size: .9286em;
	line-height: 1;
    font-weight: @secondfontweight;
	.old-price, del{
		color: #c2c2c2;
		margin-right: 5px;
		font-weight: 400;
	}
	.special-price, ins{
		text-decoration: none;
	}
}
.noneTextSelect() {
    -webkit-user-select: none;  /* Chrome all / Safari all */
       -moz-user-select: none;     /* Firefox all */
        -ms-user-select: none;      /* IE 10+ */
            user-select: none;          /* Likely future */
}
.transition (@transition: .4s) {
    -webkit-transition: all @transition ease-out;
       -moz-transition: all @transition ease-out;
        -ms-transition: all @transition ease-out;
         -o-transition: all @transition ease-out;
}
.scale (@factor) {
    -webkit-transform: scale(@factor);
       -moz-transform: scale(@factor);
        -ms-transform: scale(@factor);
         -o-transform: scale(@factor);
}
.scaleY (@factor) {
    -webkit-transform: scaleY(@factor);
       -moz-transform: scaleY(@factor);
        -ms-transform: scaleYscaleY(@factor);
         -o-transform: scaleY(@factor);
}
.opacity (@opacity) {
            opacity: @opacity;
    -webkit-opacity: @opacity;
       -moz-opacity: @opacity;
}
.rotate (@deg) {
    -webkit-transform: rotate(@deg);
       -moz-transform: rotate(@deg);
        -ms-transform: rotate(@deg);
         -o-transform: rotate(@deg);
}
.translate (@x, @y:0) {
    -webkit-transform: translate(@x, @y);
       -moz-transform: translate(@x, @y);
        -ms-transform: translate(@x, @y);
         -o-transform: translate(@x, @y);
}
.bg_gradient (@bottom, @left) {
    background:         linear-gradient(bottom left, @bottom, @left);
    background: -webkit-linear-gradient(bottom left, @bottom, @left);
    background:    -moz-linear-gradient(bottom left, @bottom, @left);
    background:      -o-linear-gradient(bottom left, @bottom, @left);
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}