.gradient(@color: #F5F5F5, @start: #EEE, @stop: #FFF) {
	background: @color;
	background: -webkit-gradient( linear, left bottom, left top, color-stop(0, @start),  color-stop(1, @stop));
	background: -ms-linear-gradient( bottom, @start, @stop);
	background: -moz-linear-gradient(center bottom, @start 0%, @stop 100%);
	background: -o-linear-gradient(@stop,  @start);
	filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",@stop,@start));
}

.bordered(@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;
}

.drop-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);
}

.rounded(@radius: 2px) {
 	-webkit-border-radius: @radius;
 	-moz-border-radius: @radius;
 	border-radius: @radius;
}

.border-radius(@topright: 0, @bottomright: 0, @bottomleft: 0, @topleft: 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-topright: @topright;
 	-moz-border-radius-bottomright: @bottomright;
 	-moz-border-radius-bottomleft: @bottomleft;
 	-moz-border-radius-topleft: @topleft;
 	border-top-right-radius: @topright;
 	border-bottom-right-radius: @bottomright;
 	border-bottom-left-radius: @bottomleft;
 	border-top-left-radius: @topleft;
 	.background-clip(padding-box);
}

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

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

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

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

.rotation(@deg:5deg){
	.transform(rotate(@deg));
}

.scale(@ratio:1.5){
	.transform(scale(@ratio));
}

.transition(@duration: .2s, @ease:ease-out) {
 	-webkit-transition: all @duration @ease;
 	-moz-transition: all @duration @ease;
 	-o-transition: all @duration @ease;
 	transition: all @duration @ease;
}

.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) {
 	-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) {
	-ms-box-sizing: @sizing;
	-moz-box-sizing: @sizing;
	-webkit-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;
}

.translate(@x:0, @y:0) {
	.transform(translate(@x, @y));
}

.font-face( @fontname, @type: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');
        font-weight: @type;
        font-style: @type;
    }
}

/*! Styles
-----------------------------------------------------------------------------*/
@path-fonts: './fonts/';

.font-face('MyriadPro-Cond');
.font-face('MyriadPro-Regular');

:after, :before {
	.box-sizing(box-sizing);
}

.wrapper {
	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 56%, rgba(252,253,244,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(56%, rgba(255,255,255,1)), color-stop(100%, rgba(252,253,244,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 56%, rgba(252,253,244,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 56%, rgba(252,253,244,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 56%, rgba(252,253,244,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 56%, rgba(252,253,244,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fcfdf4', GradientType=0 );
}

/* All
-----------------------------------------------------------------------------*/
.header-nav li > a:after,
.header-nav-submenu,
.animate-line:after,
.servise-circle,
.servise-inside > a:hover .servise-circle,
.servise-circle:after,
.hover-image img,
.section-more-info,
.header-nav-submenu {
	.transition(.3s);
}

.servise-circle {
	.transform( translateZ(0) );
    .text-shadow(0 0 1px rgba(0, 0, 0, .2));
}

.servise-circle:hover,
.servise-inside > a:hover .servise-circle {
	.text-shadow(none);
}

.servise-circle,
.servise-circle:after {
	.border-radius-all(50%);
}

.servise-inside > a:hover .servise-circle {
	.scale(1.1);
}

.servise-circle:hover:after {
	.scale(.9);
}

.servise-circle:after {
	.scale(.8);
	.box-shadow(0 0 0 3px #3989c8);
}

.hover-image:hover img,
.section-more-info {
	.scale(1.3);
}

.hover-image:hover .section-more-info {
	.opacity(1);
	.scale(1);
}

.header-nav-item-sub:hover .header-nav-submenu {
	.opacity(1);
}

.section-more-info,
.header-nav-submenu {
	.opacity(0);
}