* { margin: 0; padding: 0; }
html {
	/*background: #1a1a1a url(/img/bg_body2.png) 50% -1px;*/
	color: #9e9e9e;
	background-color: rgba(18, 18, 18, 1);
	font: normal 14px/1.5em "myriad-pro-1","myriad-pro-2", "Myriad Pro", sans-serif;
	-webkit-font-smoothing: antialiased;
}

body {
	font-size: 12px;
	line-height: 1.2em;
	color: #909090;
	/*background: #1a1a1a url(/img/bg_body2.png) 50% 0;*/
	-webkit-font-smoothing: antialiased;
}

a { color: #2f91dd; text-decoration: none; }
a:hover {color: #FE7E8A; text-decoration: none; }
a {
	-webkit-transition: color .13s linear;
	-moz-transition: color .13s linear;
	transition: color .13s linear;
}

.nobg {
	background: none !important;
}

/**/

.wrapper {
	/*background: url(/img/part-bg.png) 50% 100% repeat-x;*/
	position: relative;
}
.retina .wrapper {
	/*background: url(/img/part-bg@2x.png) 50% 100% repeat-x;*/
	background-size: 100px 100px;
}
.wrapper .inner {
	margin: 0 auto;
	width: 980px;
	padding: 24px 0;
	position: relative;
}
.wrapper .inner.text {
	width: 916px;
}

.wrapper:after,
.clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

/**/

@media only screen and (max-device-width: 480px) {
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) {
}
@media screen and (min-device-width: 1025px) {
}

/**/

#preload {
	position: absolute;
	left: -100em;
	opacity: 0;
}

/**/

#header,
#footer,
.navigation {
	position: relative;
}
	#header {
		-webkit-transform: translateZ(0); /* lords have mercy on me */
		overflow: hidden;
		padding-top: 26px;
		padding-bottom: 26px;
		background: none;
		z-index: 100;
		height: 40px;
	}
		#header .inner,
		#footer .inner {
			padding-top: 0;
			padding-bottom: 0;
		}
	#header h1 {
		text-rendering: optimizelegibility;
		text-align: left;
		overflow: hidden;
		position: relative;
		font-size: 31px;
		line-height: 37px;
		height: 37px;
		top: 0;
		left: -2px;
		margin: 0;
		padding: 0;
		color: #3f3f3f;
		font-weight: normal;
		float: left;
	}
	#header h1 a {
		color: #fff;
		font-weight: bold;
		text-transform: uppercase;
		margin: 0 4px 0 0;
	}
	#links {
		float: right;
		margin: 13px 0 0 0;
		list-style: none;
		line-height: 18px;
		font-family: "Lucida Grande", "Lucida Sans Unicode", "Myriad Pro", myriad-pro-1, myriad-pro-2, Helvetica, Arial, Verdana, sans-serif;
	}
		#links li {
			float: left;
		}
		#links a {
			margin: 0 0 0 22px;
			color: #9e9e9e;
			font-size: 12px;
		}
		#links a:hover {
			color: #FE7E8A;
		}
		#links a.buynow {
			position: relative;
			top: -1px;
		}

#footer {
	background: none;
	clear: both;
	padding-top: 10px;
	text-align: center;
	font-size: 12px;
	margin-top: 44px;
	margin-bottom: 44px;
	color: #3f3f3f;
}
	#footer p {
		margin: 0;
		padding: 0 0 5px;
	}

/* form items */

input,
textarea {
	color: #fff;
	font-size: 12px;
	background: rgba(0, 0, 0, 0.2);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	/*-moz-box-shadow: 0px 1px 5px #282828;*/
	/*-webkit-box-shadow: 0px 1px 5px #282828;*/
	box-shadow: inset 0px 6px 10px rgba(0, 0, 0, 0.2);
	border-bottom: 1px solid rgba(255, 255, 255, 0.15);
	border-left: 1px solid rgba(255, 255, 255, 0.07);
	border-top: 1px solid rgba(255, 255, 255, 0.08);
	border-right: 1px solid rgba(255, 255, 255, 0.07);
	padding: 0 4px;
	margin: 0 0 4px;
	outline: none;
	overflow: auto;
}
input {
	height: 20px;
}
textarea {
	resize: vertical;
	-webkit-font-smoothing: antialiased;
	font-size: 13px;
}

.button {
	cursor: pointer;
	display: inline-block;
	padding: 3px 20px 4px;
	font-size: 12px;
	line-height: 13px;
	text-decoration: none;
	color: #fff !important;
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #474747),
		color-stop(1, #2b2b2b)
		);
	background: -webkit-linear-gradient(#474747, #2b2b2b);
	background: -moz-linear-gradient(#474747, #2b2b2b);
	background: linear-gradient(#474747, #2b2b2b);
	border: 1px solid;
	border-color: #535353 #535353 #373737 #535353;
	border-bottom: none;
	border-left: none;
	border-right: none;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.6);
	-webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.6);
	box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.6);
}
.button-blue {
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #44a8ed),
		color-stop(1, #197ad7)
		);
	background: -webkit-linear-gradient(#2198dd, #176ede);
	background: -moz-linear-gradient(#2198dd, #176ede);
	background: linear-gradient(#2198dd, #176ede);
	border-color: #6abaf0 #6abaf0 #4493df #6abaf0;
	border-bottom: 1px solid #2778e0;
}
.button-bigger {
	font-size: 16px;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	padding: 4px 26px 6px;
}

/**/

.slideshow li span {
	padding: 8px 35px 8px 14px;
	background: transparent url(/tutorials/wp/wp-content/themes/pixelmator/tutorials_arrow.png) no-repeat 100% 50%;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	color: #fff;
	font-size: 17px;
	font-weight: normal;
	background-color: rgba(0,0,0,0.6);
}
.retina .slideshow li span {
	background-image: url(/tutorials/wp/wp-content/themes/pixelmator/tutorials_arrow@2x.png);
	background-size: 24px 14px;
}
.slideshow li a {
	position: relative;
}
.slideshow li a > span {
	position: absolute;
	right: 28px;
	bottom: 32px;
}

#top-image .el-outline {
	border-radius: 5px;
}

/**/

.slideshow-wrap {
	height: 575px;
}
#company #top-image-slideshow {
	height: 575px !important;
}
#company p {
	font-size: 14px;
	line-height: 21px;
	letter-spacing: -0.05em;
	color: #999;
}
#company #footer p {
	font-size: inherit;
	color: inherit;
	line-height: inherit;
}
#company .screenshots h3 {
	text-align: center;
	margin: 0 0 10px;
}
#company .screenshots .item {
	margin: 20px 15px 0;
}
#company .screenshots .item img {
	margin: 0 0 10px 0;
}
#company .screenshots .item.last {
	margin-right: 0;
	float: right;
}
#company .screenshots .item span {
	display: block;
	text-align: center;
	font-size: 12px;
	line-height: 18px;
	color: #969696;
	margin: -1px 0 0 0;
	position: relative;
	z-index: 123;
}
#company .screenshots .item.last span {
	margin: -8px 0 0 0;
}
#company .screenshots .item.last img {
}
#company .screenshots a .download {
	background: url(http://d1c739w2xm33i4.cloudfront.net/2.1/ico-download.png);
	width: 54px;
	height: 54px;
	position: absolute;
	top: 25px;
	left: 50%;
	margin: 0 0 0 -27px;
	opacity: 0;
	-webkit-transition: all .1s linear;
	-moz-transition: all .1s linear;
	transition: all .1s linear;
}
#company .screenshots a.last .download {
	left: 25px;
}
.retina #company .screenshots a .download {
	background: url(http://d1c739w2xm33i4.cloudfront.net/2.1/ico-download@2x.png);
	background-size: 54px 54px;
}
#company .screenshots a:hover .download {
	opacity: 1;
}
#company address {
	font-style: normal;
}

#contacts {
	margin: 0 -20px 20px;
}
#contacts h3 {
	color: #e7e7e7;
}
#contacts .item {
	width: 282px;
	margin: 0 18px;
}

/**/

#footer {
	text-align: center;
	color: #444;
	font-size: 12px;
}

/* slideshow */

.slideshow {
	position: relative;
}
.slideshow ul {
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0);
}
.slideshow ul:not(.skipanim) {
	-moz-transition: -moz-transform 0.4s cubic-bezier(0, 0, 0.25, 1);
	-o-transition: -o-transform 0.4s cubic-bezier(0, 0, 0.25, 1);
	-ms-transition: -ms-transform 0.4s cubic-bezier(0, 0, 0.25, 1);
	-webkit-transition: -webkit-transform 0.4s cubic-bezier(0, 0, 0.25, 1);
	transition: transform 0.4s cubic-bezier(0, 0, 0.25, 1);
}
.slideshow li {
	float: left;
	overflow: hidden;
	transform: translateY(0);
	-moz-transform: translateZ(0);
	-o-transform: translateZ(0);
	-ms-transform: translateZ(0);
}
.slideshow li img {
	position: relative;
	z-index: 1;
	display: inline-block;
}

.slideshow span.c {
	position: absolute;
	width: 4px;
	height: 4px;
	background: url(/img/rounded.png) 0 0 no-repeat;
	z-index: 123;
}
.retina .slideshow span.c {
	background-image: url(/img/rounded@2x.png);
	background-size: 8px 8px;
}
.slideshow span.tl { background-position: 0 0; top: 0; left: 0; }
.slideshow span.tr { background-position: -4px 0; top: 0; right: 0; }
.slideshow span.bl { background-position: 0 -4px; bottom: 0; left: 0; }
.slideshow span.br { background-position: -4px -4px; bottom: 0; right: 0; }

.slideshow-controls {
	position: absolute;
	margin: 18px 0 0 0;
}
.slideshow-controls a {
	float: left;
	margin: 0;
	padding: 3px 2px;
	height: 12px;
	width: 12px;
	text-indent: -9999px;
	background: url(/img/huge/radioOff@2x.png) 50% 50% no-repeat;
	background-size: 10px 10px;
	-moz-user-select: -moz-none;
	-webkit-user-select: none;
	user-select: none;
}
.retina .slideshow-controls a {
	background-image: url(/img/huge/radioOff@2x.png);
}

.slideshow-controls a.active {
	background-image: url(/img/huge/radioOn@2x.png);
}
.retina .slideshow-controls a.active {
	background-image: url(/img/huge/radioOn@2x.png);
}
@media only screen and (min-width: 860px) {
	.slideshow-controls a:hover {
		background-image: url(/img/huge/radioOn@2x.png);
	}
	.retina .slideshow-controls a:hover {
		background-image: url(/img/huge/radioOn@2x.png);
	}
}

/* carousel */

.carouselWrap {
	overflow: hidden;
	margin: 0 -60px;
	width: 980px;
}

.carousel {
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0);
	-moz-transition: -moz-transform 0.3s linear;
	-o-transition: -o-transform 0.3s linear;
	-ms-transition: -ms-transform 0.3s linear;
	-webkit-transition: -webkit-transform 0.3s linear;
	transition: transform 0.3s linear;

	overflow: hidden;
	height: 530px;
	position: relative;
	padding-left: 105px;
}
.carousel.loaded {
	width: 30000px;
}
.carousel p {
	margin: 0 !important;
}
.carousel .item {
	-webkit-transform: scale3d(0.75, 0.75, 0.75);
	-webkit-transition: -webkit-transform 0.3s linear;
	width: 650px;
	padding: 20px 0 0 0;
	float: left;
	transform: translateY(0);
	-moz-transform: translateZ(0);
	-o-transform: translateZ(0);
	-ms-transform: translateZ(0);
}
.carousel.loaded .item img.view {
	cursor: pointer;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.7);
	border-radius: 5px;
}
.carousel.loaded .item .el-outline {
	border-radius: 5px;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.06);
}
.carousel .item.current {
	-webkit-transform: scale3d(1, 1, 1);
}
.carousel.loaded .item.current img.view {
	cursor: default;
}
.carousel.loaded .item img.replacement {
	position: absolute;
}

.carousel .description {
	-webkit-transition: opacity 0.3s linear;
	opacity: 0;
	padding: 0 25px;
	line-height: 1.6em;
	font-size: 12px;
	color: #999999;
}
.carousel.loaded .item.current .description {
	opacity: 1;
}
.carousel .item time {
	text-align: right;
	display: block;
	font-size: 16px;
	font-style: italic;
	padding: 6px 20px 0;
	opacity: 0.5;
}
.carousel .item.current time {
	font-size: 12px;
	opacity: 1;
	padding: 5px 25px 0;
}
.carousel .item.next time {
	text-align: left;
}
.carousel .item h3 {
	font-size: 18px;
	text-align: left;
	margin: 10px 0;
}

/**/

.not-button {
	padding: 3px 14px 2px;
	margin: 0 0 10px 0;
	font-size: 14px;
	color: #328bab !important;

	-webkit-font-smoothing: auto;
	text-rendering: optimizelegibility;

	-moz-border-raduis: 4px;
	border-radius: 15px;

	background-color: #fff;
	background: #ffffff; /* Old browsers */
	background: #ffffff; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIyNSUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZGRkZGRkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background: -moz-linear-gradient(top,  #ffffff 25%, #dddddd 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(25%,#ffffff), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 25%,#dddddd 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 25%,#dddddd 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 25%,#dddddd 100%); /* IE10+ */
	background: linear-gradient(top,  #ffffff 25%,#dddddd 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 ); /* IE6-8 */

	-webkit-box-shadow:  0px 1px 1px 0 rgba(0, 0, 0, 0.2);
	box-shadow:  0px 1px 1px 0 rgba(0, 0, 0, 0.2);

	text-shadow: 0px 1px 1px #ffffff;
	filter: dropshadow(color=#ffffff, offx=0, offy=1);
}

.not-button:hover {
	color: #328bab !important;
	background: #dddddd; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #dddddd 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dddddd), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #dddddd 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #dddddd 0%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #dddddd 0%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(top,  #dddddd 0%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}

.center-out {
	overflow: hidden;
}
.center-out .wrap {
	position: relative;
	left: 50%;
	float: left;
}
.center-out .item {
	position: relative;
	right: 50%;
	float: left;
}

/**/

.el-outline {
	position: absolute;
	z-index: 100;
	pointer-events: none;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12);
}
.blog .el-outline {
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08), 0 0 1px 0 rgba(0, 0, 0, 0.5);
}

/**/

@-webkit-keyframes appear {
  0% { -webkit-transform:scale(.4); }
  100% { -webkit-transform:scale(1); }
}

#preload {
	background: url(/js/fancybox/web_spin_back.png), url(/js/fancybox/web_spin.png), url(/js/fancybox/web_spin_back@2x.png), url(/js/fancybox/web_spin@2x.png);
}

#screenshots,
#lmu-veil,
#lmu-loader,
#lmu-box,
#lmu-close {
	-webkit-transform: translateZ(0); /* lords have mercy on me */
}

#lmu-veil {
	z-index: 5000;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
	cursor: pointer;
}
#lmu-box {
	z-index: 5020;
	position: fixed;
	top: 50%;
	left: 50%;
	opacity: 0;
	-webkit-animation: appear 0.2s cubic-bezier(0,0,0,1);
	-webkit-transition: opacity 0.2s cubic-bezier(0,0,0,1);
}
#lmu-box.loaded {
	opacity: 1;
}
#lmu-close {
	position: absolute;
	top: -16px;
	left: -15px;
	width: 31px;
	height: 31px;
	background: transparent url('/js/fancybox/fancy_close.png') 0 0 no-repeat;
	cursor: pointer;
	z-index: 1103;
}
.retina #lmu-close {
	background: transparent url('/js/fancybox/fancy_close@2x.png') 0 0 no-repeat;
	background-size: 31px 31px
}

#lmu-box img {
	display: block;
}
#lmu-loader {
	z-index: 5010;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	background: url(/js/fancybox/web_spin_back.png) 0 0 no-repeat;
}
.retina #lmu-loader {
	background: url(/js/fancybox/web_spin_back@2x.png) 0 0 no-repeat;
	background-size: 40px 40px;
}
#lmu-loader div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 40px;
	background: url(/js/fancybox/web_spin.png) 0 0 no-repeat;
	-webkit-animation-name: activityIndicatorAnimation;
	-webkit-animation-duration: 0.75s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
}
.retina #lmu-loader div {
	background: url(/js/fancybox/web_spin@2x.png) 0 0;
	background-size: 40px 40px;
}

/**/

html.huge {
	overflow: hidden;
}

#huge {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

	background: -moz-linear-gradient(top,  rgba(0,0,0,0.9) 0%, rgba(0,0,0,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.9)), color-stop(100%,rgba(0,0,0,1)));
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.9) 0%,rgba(0,0,0,1) 100%);
	background: -o-linear-gradient(top,  rgba(0,0,0,0.9) 0%,rgba(0,0,0,1) 100%);
	background: -ms-linear-gradient(top,  rgba(0,0,0,0.9) 0%,rgba(0,0,0,1) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0.9) 0%,rgba(0,0,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6000000', endColorstr='#000000',GradientType=0 );

	opacity: 0;
	-webkit-transition: opacity 200ms cubic-bezier(0,0,0,1);
	z-index: 1234;
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}
#huge.loaded {
	opacity: 1;
}
#huge .c {
	display: none;
}
#huge ul {
	height: 100% !important;
}
#huge li {
	float: left;
	text-align: center;
	height: 100% !important;
	position: relative;
	display: table;
}
#huge li:not(.active) {
	opacity: 0;
}
#huge .align-wrap {
	display: table-cell;
	vertical-align: middle;
	margin: 30px;
}
#huge li img {
	-webkit-transition: all 200ms linear;
}
#huge li .el-outline {
	box-shadow: inset 0 0 0 10px rgba(255, 255, 255, 1.12);
	padding: 0;
	background: none;
	position: absolute;
	z-index: 10;
}
#huge .slideshow-wrap {
	-webkit-transform: scale(0.5);
	height: 100% !important;
	-webkit-transition: all 600ms cubic-bezier(0,0,0,1);
}
#huge.loaded .slideshow-wrap {
	-webkit-transform: scale(1);
}

#huge .close {
	position: fixed;
	top: 20px;
	left: 20px;
	width: 36px;
	height: 36px;
	background: transparent url(/img/huge/off.png) 0 0 no-repeat !important;
	background-size: 36px 36px;
	cursor: pointer;
	z-index: 1103;
}
.retina #huge .close {
	background-image: url(/img/huge/off@2x.png) !important;
}

#huge .next,
#huge .prev {
	position: fixed;
	top: 10%;
	width: 20%;
	height: 80%;
	cursor: pointer;
	margin-bottom: 10%;
	opacity: 0;
	-webkit-transition: opacity 0.2s cubic-bezier(0,0,0,1);
	background-size: 38px 79px !important;
}
#huge .next:hover,
#huge .prev:hover {
	opacity: 1;
}
#huge .next {
	right: 0;
	background: url(/img/huge/right.png) 50% 50% no-repeat;
}
.retina #huge .next {
	background-url: url(/img/huge/right@2x.png);
}
#huge .prev {
	background: url(/img/huge/left.png) 50% 50% no-repeat;
}
.retina #huge .prev {
	background-url: url(/img/huge/left@2x.png);
}
#huge .spinner {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -25px 0 0 -25px;
}

#huge .slideshow-controls {
	position: fixed;
	bottom: 4%;
}

.spinner {
	display: block;
	z-index: 12345;
	width: 50px;
	height: 50px;
	background: url(http://d1c739w2xm33i4.cloudfront.net/activityindicator.png) 50% 50% no-repeat;
	background-size: 50px 50px;
	-webkit-animation-name: activityIndicatorAnimation;
	-webkit-animation-duration: 0.75s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
}
.retina .spinner {
	background-image: url(http://d1c739w2xm33i4.cloudfront.net/activityindicator@2x.png);
	background-size: 50px 50px;
}
#huge .spinner {
	background-image: url(/img/huge/load.png);
}
.retina #huge .spinner {
	background-image: url(/img/huge/load@2x.png);
}


#video-player .spinner {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 30px;
	height: 30px;
	margin: -15px 0 0 -15px;
	background-image: url(/img/load-white.png);
	background-size: 30px 30px;
	padding: 0;
}
.retina #video-player .spinner {
	background-image: url(/img/load-white@2x.png);
}
#video-player .spinner-bg {
	position: absolute;
	z-index: 12344;
	left: 50%;
	top: 50%;
	width: 42px;
	height: 42px;
	margin: -21px 0 0 -21px;
	background: url(/img/load-bg.png) 50% 50% no-repeat;
	background-size: 42px 42px;
}
.retina #video-player .spinner-bg {
	background-image: url(/img/load-bg@2x.png);
}

@-webkit-keyframes activityIndicatorAnimation {
	0%{-webkit-transform:rotate(0deg);}
	8.32%{-webkit-transform:rotate(0deg);}
	8.33%{-webkit-transform:rotate(30deg);}
	16.66%{-webkit-transform:rotate(30deg);}
	16.67%{-webkit-transform:rotate(60deg);}
	24.99%{-webkit-transform:rotate(60deg);}
	25%{-webkit-transform:rotate(90deg);}
	33.32%{-webkit-transform:rotate(90deg);}
	33.33%{-webkit-transform:rotate(120deg);}
	41.66%{-webkit-transform:rotate(120deg);}
	41.67%{-webkit-transform:rotate(150deg);}
	49.99%{-webkit-transform:rotate(150deg);}
	50%{-webkit-transform:rotate(180deg);}
	58.32%{-webkit-transform:rotate(180deg);}
	58.33%{-webkit-transform:rotate(210deg);}
	66.66%{-webkit-transform:rotate(210deg);}
	66.67%{-webkit-transform:rotate(240deg);}
	74.99%{-webkit-transform:rotate(240deg);}
	75%{-webkit-transform:rotate(270deg);}
	83.32%{-webkit-transform:rotate(270deg);}
	83.33%{-webkit-transform:rotate(300deg);}
	91.66%{-webkit-transform:rotate(300deg);}
	91.67%{-webkit-transform:rotate(330deg);}
	99.99%{-webkit-transform:rotate(330deg);}
	100%{-webkit-transform:rotate(360deg);}
}

/**/


/**/

.blog-video {
	margin: 0 -2px;
	position: relative;
	width: 864px;
	height: 486px;
}
.section-old .blog-video {
	margin: 0 -50px;
}
.blog-video img {
	position: absolute;
}
.blog-video .play,
.video .play {
	cursor: pointer;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 86px;
	height: 86px;
	margin: -43px 0 0 -43px;
	padding: 0;
	background: url(http://tutorials-cdn.pixelmator.com/tutorials-mainpage/main-play-v1.png) 0 0;
}
.retina .blog-video .play,
.retina .video .play {
	background-image: url(http://tutorials-cdn.pixelmator.com/tutorials-mainpage/main-play-v1@2x.png);
	background-size: 86px 182px;
}
.blog-video .play:hover,
.video .play:hover {
	background-position: 0 86px;
}
.blog-video .bigPlay,
#superslide .bigPlay,
.video .bigPlay {
	display: none !important;
}

/**/
