.border(@top-color: #EEE, @right-color: #EEE, @bottom-color: #EEE, @left-color: #EEE) {
 	border-top:    solid 1px @top-color;
 	border-left:   solid 1px @left-color;
 	border-right:  solid 1px @right-color;
 	border-bottom: solid 1px @bottom-color;
}

.box-shadow(@x-axis: 0, @y-axis: 1px, @blur: 2px, @alpha: 0.1) {
 	-webkit-box-shadow: @x-axis @y-axis @blur rgba(0, 0, 0, @alpha);
 	-moz-box-shadow:    @x-axis @y-axis @blur rgba(0, 0, 0, @alpha);
 	box-shadow:         @x-axis @y-axis @blur rgba(0, 0, 0, @alpha);
}

.border-radius-all(@topleft: 0, @topright: 0, @bottomleft: 0, @bottomright: 0) {
 	-webkit-border-top-right-radius: @topright;
 	-webkit-border-bottom-right-radius: @bottomright;
 	-webkit-border-bottom-left-radius: @bottomleft;
 	-webkit-border-top-left-radius: @topleft;

 	-moz-border-radius-top-right: @topright;
 	-moz-border-radius-bottom-right: @bottomright;
 	-moz-border-radius-bottom-left: @bottomleft;
 	-moz-border-radius-top-left: @topleft;

 	border-top-right-radius: @topright;
 	border-bottom-right-radius: @bottomright;
 	border-bottom-left-radius: @bottomleft;
 	border-top-left-radius: @topleft;
}

.border-radius( @radius: 0 ) {
	-webkit-border-radius: @radius;
	 -khtml-border-radius: @radius;
	   -moz-border-radius: @radius;
	    -ms-border-radius: @radius;
	     -o-border-radius: @radius;
			border-radius: @radius;
}

.opacity(@opacity: 0.5) {
	@opperc: @opacity * 100;
	-ms-filter: ~"progid:DXImageTransform.Microsoft.Alpha(opacity=@{opperc})";
	filter: ~"alpha(opacity=@{opperc})";
	-webkit-opacity: @opacity;
	 -khtml-opacity: @opacity;
	   -moz-opacity: @opacity;
	        opacity: @opacity;
}

.transition-duration(@duration: 0.2s) {
	-webkit-transition-duration: @duration;
	   -moz-transition-duration: @duration;
	     -o-transition-duration: @duration;
	        transition-duration: @duration;
}

.transition-delay(@delay: 0) {
	-webkit-transition-delay: @delay;
	   -moz-transition-delay: @delay;
	     -o-transition-delay: @delay;
	        transition-delay: @delay;
}

.transform(...) {
	-webkit-transform: @arguments;
	   -moz-transform: @arguments;
	     -o-transform: @arguments;
	    -ms-transform: @arguments;
	        transform: @arguments;
}


.transition(@arguments) {
 	-webkit-transition: @arguments;
 	   -moz-transition: @arguments;
 	     -o-transition: @arguments;
 	        transition: @arguments;
}

.inner-shadow(@horizontal:0, @vertical:1px, @blur:2px, @alpha: 0.4) {
	-webkit-box-shadow: inset @horizontal @vertical @blur rgba(0, 0, 0, @alpha);
	-moz-box-shadow: inset @horizontal @vertical @blur rgba(0, 0, 0, @alpha);
	box-shadow: inset @horizontal @vertical @blur rgba(0, 0, 0, @alpha);
}

.box-shadow(@arguments: none) {
 	-webkit-box-shadow: @arguments;
 	   -moz-box-shadow: @arguments;
 	        box-shadow: @arguments;
}

.text-shadow(@arguments) {
 	-webkit-text-shadow: @arguments;
 	   -text-box-shadow: @arguments;
 	        text-shadow: @arguments;
}

.box-sizing(@sizing: border-box) {
	-webkit-box-sizing: @sizing;
	   -moz-box-sizing: @sizing;
	    -ms-box-sizing: @sizing;
	        box-sizing: @sizing;
}

.user-select(@argument: none) {
	-webkit-user-select: @argument;
	   -moz-user-select: @argument;
	    -ms-user-select: @argument;
	        user-select: @argument;
}

.font-face( @fontname, @type:normal, @style:normal ) {
	@font-face {
        font-family: @fontname;
        src: url('@{path-fonts}@{fontname}.eot');
        src: url('@{path-fonts}@{fontname}.eot?#iefix') format('embedded-opentype'),
             url('@{path-fonts}@{fontname}.woff') format('woff'),
             url('@{path-fonts}@{fontname}.ttf') format('truetype'),
             url('@{path-fonts}@{fontname}.svg#@{fontname}') format('svg');
        font-weight: @type;
        font-style: @style;
    }
}

.filter(@argument) {
	-webkit-filter: @argument;
	   -moz-filter: @argument;
	    -ms-filter: @argument;
	     -o-filter: @argument;
	        filter: @argument;
}

.keyframes(@name; @arguments) {
	@-webkit-keyframes @name { @arguments(); }
	   @-moz-keyframes @name { @arguments(); }
	    @-ms-keyframes @name { @arguments(); }
	     @-o-keyframes @name { @arguments(); }
	        @keyframes @name { @arguments(); }
}

.animation(@arguments) {
	-webkit-animation: @arguments;
	   -moz-animation: @arguments;
	    -ms-animation: @arguments;
	     -o-animation: @arguments;
	        animation: @arguments;
}

.animation-fill-mode(@arguments) {
	-webkit-animation-fill-mode: @arguments;
	   -moz-animation-fill-mode: @arguments;
	    -ms-animation-fill-mode: @arguments;
	     -o-animation-fill-mode: @arguments;
	        animation-fill-mode: @arguments;
}

.animation-delay(@arguments) {
	-webkit-animation-delay: @arguments;
	   -moz-animation-delay: @arguments;
	    -ms-animation-delay: @arguments;
	     -o-animation-delay: @arguments;
	        animation-delay: @arguments;
}

/*! Styles
-----------------------------------------------------------------------------*/
// Variables
@circle-animation: transform .2s ease-in-out, background .2s ease-in-out;

.transition,
.general-nav > li > ul {
	.transition(all .2s ease-out);
}

.general-nav > li > ul ul {
	.transition(all .2s ease-out .2s);
}

.header,
.general-nav > li > ul {
	.box-shadow(0 0 10px rgba(0, 0, 0, .15));
}


.general-nav > li > ul {
	.opacity(0);
	.transform(scale(.9));
}

.general-nav > li:hover > ul {
	.opacity(1);
	.transform(scale(1));
}

/* Theme input */
.input-theme,
.input-theme + .label-theme {
	.box-sizing(border-box);
}

.input-theme + .label-theme {
	.transform(translateY(0));
	.transition(transform 225ms ease-in-out);
}

.input-theme:focus + .label-theme,
.input-theme.value-enable + .label-theme {
	.transform(translateY(-80%));
}

/* Btn */
.btn {
	.border-radius(3px);
}

.btn-orange {
	.text-shadow(0 -1px 0 #f85f17);
}

.btn-orange:hover {
	.text-shadow(0 -1px 0 rgba(0, 0, 0, .3));
}

.btn-shadow:after {
	.transition(all .2s ease-out);
	.opacity(0);
}

.btn-shadow:hover:after {
	.opacity(1);
}

.btn-process {
	.transition(all .2s ease-out);
	.border-radius(20px);
	.keyframes(btn-process; {
		0%   {
			.transform(rotate(0));
			border-color: #ebeff2 #ebeff2 #ebeff2 #f85f17;
		}
		100% {
			.transform(rotate(360deg));
			border-color: #ebeff2 #ebeff2 #ebeff2 #f85f17;
		}
	});

	.animation(btn-process .5s linear .3s infinite);
}

.btn-process > span {
	.opacity(0);
}

.btn-process-end {
	.transition-delay(.6s);

	&:before {
		.transform(rotate(40deg));
		.transition(all .2s ease-out);
	}
}

.btn-process-end > span,
.btn-process-stop > span {
	.opacity(1);
}

.btn-process-end > span {
	.transition(opacity .2s linear 1s);
}

.btn-process-stop > span {
	.transition(opacity .2s linear .3s);
}

/* BX Slider */
.bx-wrapper .bx-viewport {
	.border-radius(4px);
	.box-shadow(0 0 6px rgba(0, 0, 0, .25));
}

.bx-wrapper .bx-prev,
.bx-wrapper .bx-next {
	.opacity;
	.transition(all .2s ease-out);
}

.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-next:hover {
	.opacity(1);
}

.circle:before,
.branch-box_icon,
.branch-box_icon:before,
.showcase-item_link:before,
#back-to-top a,
.bx-wrapper .bx-pager.bx-default-pager a,
.similar-products .owl-prev,
.similar-products .owl-next {
	.border-radius(50%);
}

.branch-box_icon:before {
	.transition(transform .2s ease-in-out);
	.text-shadow(-1px -1px 0 rgba(0, 0, 0, .2));
	.transform(scale(1));
}

.shadow-box:hover .branch-box_icon:before {
	.transform(scale(1.08));
}

.shadow-box:before,
.shadow-box:after {
	.transition(all .2s ease-out);
	.opacity(0);
	.box-shadow(0 15px 10px #777);
	.transform(rotate(-3deg));
}

.shadow-box:after {
	.transform(rotate(3deg));
}

.shadow-box:hover:before,
.shadow-box:hover:after {
	.opacity(.8);
}

.showcase-item img {
	.border-radius(5px);
}

.showcase-item_link {
	.transition(all .2s ease-out);
	.border-radius-all(0, 0, 5px, 5px);

	&:before {
		.transition(all .2s ease-out);
	}

	&:after {
		.transition(all .2s ease-out);
		.border-radius-all(0, 5px, 5px, 0);
	}
}

.circle:before {
	.transition(@circle-animation);
	.transform(scale(1));
	.box-shadow(inset 1px 1px 1px rgba(0, 0, 0, .2));
}

.circle:hover:before {
	.box-shadow;
	.text-shadow(-1px -1px 0 rgba(0, 0, 0, .2));
	.transform(scale(1.08));
}

// .projects-next,
// .projects-prev {
// 	.opacity(.5);
// }

// .projects-next:hover,
// .projects-prev:hover {
// 	.opacity(1);
// }

.page,
.left-sidebar,
.content-inside {
	.box-shadow(0 0 6px rgba(0, 0, 0, .05));
}

#back-to-top a {
	.opacity(.5);
}

#back-to-top a:hover {
	.opacity(1);
}

.sidebar-nav > li {
	.transition(all .08s ease);
}

.category-page_cell-image > img {
	.border-radius-all(5px, 5px);
}

.column-product-image > a:before {
	.transition(all .3s ease);
	.opacity(.5);
}

.column-product-image > a:hover:before {
	.opacity(1);
}

.input, .textarea {
	.border-radius(3px);
}

.standart-field {
	.border-radius(0);
}

/* Page Loading */
.page-loading > div {
   .keyframes(page-loading; {
		0%, 80%, 100% {
			.transform(scale(0.0));
		}
  		40% {
  			.transform(scale(1.0));
  		}
	});

	.animation-fill-mode(both);
	.animation(page-loading 1.4s infinite ease-in-out);
}

.page-loading .one {
	.animation-delay(-.32s);
}

.page-loading .two {
	.animation-delay(-.16s);
}

.similar-products .owl-prev {
	.transform(rotate(135deg));
}

.similar-products .owl-next {
	.transform(rotate(-45deg));
}

.similar-products .owl-prev,
.similar-products .owl-next {
	.transition(all .3s ease);
}

.projects .bx-viewport {
	.box-shadow;
	.border-radius;
}