@mixin transition($transition: .5s)
{

  -o-transition: $transition;
  -ms-transition: $transition;
  -moz-transition: $transition;
  -webkit-transition: $transition;
  /* ...and now for the proper property */
  transition: $transition;
}

@mixin noboxshadow()
{
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;

}

@mixin linear-gradient($start:#000,$end:#000,$stop:45%,$important:null)
{
	background: $start $important;
	-pie-background: linear-gradient($start $stop, $end) $important;
	background: -webkit-gradient(linear, left top, left bottom, color-stop($stop, $start),
				 								color-stop(1, $end)) $important;
	background: -moz-linear-gradient($start $stop, $end) $important;
	background: -o-linear-gradient($start $stop, $end) $important;
	background: linear-gradient( $start $stop, $end) $important;

	//filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#{$start}', endColorStr='#{$end}');
}

@mixin bp($point)
{
	@if $point == 480
	{
	 	@media (max-width: 480px) { @content; }
	}
	@else if $point == 640 {
		@media (max-width: 640px) { @content; }
	}
	@else if $point == 780 {
	   @media (max-width: 780px) { @content; }
	}
	@else if $point == 800 {
	   @media (max-width: 800px) { @content; }
	}

	@else if $point == 960 {
	 	@media (max-width: 960px) { @content; }
	}
	@else if $point == 1024 {
		@media (max-width: 1024px) { @content; }
	}
	@else if $point == 1200 {
		@media (max-width: 1200px) { @content; }
	}
}