.wrapper, .w {
	@extend .clearfix;
	margin: 0 auto;
	max-width: $desk-end;
	padding-left: 20px;
	padding-right: 20px;
}

.fixed-wrapper, .fw {
	@extend .clearfix;
	margin: 0 auto;
	width: $desk-end;
}

$i: 100;
@while $i > 0 {
	.width-#{$i} { width: $i * 1% !important; }
	$i: $i - 5;
}

.transition {
	@include transition();
}

// Text replacement
// ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
.ir{background-color:transparent;border:0;overflow:hidden;text-indent:-9999px;line-height:0;font-size:0;}
.ir:before{content:"";display:block;width:0;height:150%}
.hidden{display:none!important;visibility:hidden}
.visuallyhidden{border:0;clip:rect(0000);height:1px;overflow:hidden;position:absolute;width:1px;margin:-1px;padding:0}
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;overflow:visible;position:static;width:auto;margin:0}
.invisible{visibility:hidden}