/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
@font-face {
	font-family: 'FrankenSans_wf';
	font-weight: 300;
	font-style: normal;
	src: url('/css/fonts/franken-sans/OpenSans-300.woff2') format('woff2'),
	     url('/css/fonts/franken-sans/OpenSans-300.woff') format('woff'),
	     url('/css/fonts/franken-sans/OpenSans-300.ttf') format('truetype');
}

@font-face {
	font-family: 'FrankenSans_wf';
	font-weight: 400;
	font-style: normal;
	src: url('/css/fonts/franken-sans/NotoSans-400.woff2') format('woff2'),
	     url('/css/fonts/franken-sans/NotoSans-400.woff') format('woff'),
	     url('/css/fonts/franken-sans/NotoSans-400.ttf') format('truetype');
}

@font-face {
	font-family: 'FrankenSans_wf';
	font-weight: 600;
	font-style: normal;
	src: url('/css/fonts/franken-sans/OpenSans-600.woff2') format('woff2'),
	     url('/css/fonts/franken-sans/OpenSans-600.woff') format('woff'),
	     url('/css/fonts/franken-sans/OpenSans-600.ttf') format('truetype');
}

@font-face {
	font-family: 'FrankenSans_wf';
	font-weight: 700;
	font-style: normal;
	src: url('/css/fonts/franken-sans/NotoSans-700.woff2') format('woff2'),
	     url('/css/fonts/franken-sans/NotoSans-700.woff') format('woff'),
	     url('/css/fonts/franken-sans/NotoSans-700.ttf') format('truetype');
}

/*
@font-face {
	font-family: 'FrankenSans_wf';
	font-weight: 800;
	font-style: normal;
	src: url('/css/fonts/franken-sans/NotoSans-800.woff2') format('woff2'),
	     url('/css/fonts/franken-sans/NotoSans-800.woff') format('woff'),
	     url('/css/fonts/franken-sans/NotoSans-800.ttf') format('truetype');
}
 */

/*  italics  */

@font-face {
	font-family: 'FrankenSans_wf';
	font-weight: 300;
	font-style: normal;
	src: url('/css/fonts/franken-sans/OpenSans-300.woff2') format('woff2'),
	     url('/css/fonts/franken-sans/OpenSans-300.woff') format('woff'),
	     url('/css/fonts/franken-sans/OpenSans-300.ttf') format('truetype');
}

@font-face {
	font-family: 'FrankenSans_wf';
	font-weight: 400;
	font-style: italic;
	src: url('/css/fonts/franken-sans/NotoSans-400i.woff2') format('woff2'),
	     url('/css/fonts/franken-sans/NotoSans-400i.woff') format('woff'),
	     url('/css/fonts/franken-sans/NotoSans-400i.ttf') format('truetype');
}

@font-face {
	font-family: 'FrankenSans_wf';
	font-weight: 600;
	font-style: italic;
	src: url('/css/fonts/franken-sans/OpenSans-600i.woff2') format('woff2'),
	     url('/css/fonts/franken-sans/OpenSans-600i.woff') format('woff'),
	     url('/css/fonts/franken-sans/OpenSans-600i.ttf') format('truetype');
}

@font-face {
	font-family: 'FrankenSans_wf';
	font-weight: 700;
	font-style: italic;
	src: url('/css/fonts/franken-sans/NotoSans-700i.woff2') format('woff2'),
	     url('/css/fonts/franken-sans/NotoSans-700i.woff') format('woff'),
	     url('/css/fonts/franken-sans/NotoSans-700i.ttf') format('truetype');
}

/*
@font-face {
	font-family: 'FrankenSans_wf';
	font-weight: 800;
	font-style: italic;
	src: url('/css/fonts/franken-sans/NotoSans-800i.woff2') format('woff2'),
	     url('/css/fonts/franken-sans/NotoSans-800i.woff') format('woff'),
	     url('/css/fonts/franken-sans/NotoSans-800i.ttf') format('truetype');
}
 */
@font-face {
    font-family: 'Titillium_wf';
    font-weight: 200;
    font-style: normal;
    src: url('/css/fonts/titillium/TitilliumWeb-ExtraLight.woff2') format('woff2'),
/*       url('/css/fonts/titillium/TitilliumWeb-ExtraLight.woff') format('woff'),     */
/*       url('/css/fonts/titillium/TitilliumWeb-ExtraLight.otf') format('opentype'),  */
         url('/css/fonts/titillium/TitilliumWeb-ExtraLight.ttf') format('truetype');
}

@font-face {
    font-family: 'Titillium_wf';
    font-weight: 300;
    font-style: normal;
    src: url('/css/fonts/titillium/Titillium-Light.woff2') format('woff2'),
         url('/css/fonts/titillium/Titillium-Light.woff') format('woff'),
         url('/css/fonts/titillium/Titillium-Light.otf') format('opentype');
}

@font-face {
    font-family: 'Titillium_wf';
    font-weight: 400;
    font-style: normal;
    src: url('/css/fonts/titillium/Titillium-Regular.woff2') format('woff2'),
         url('/css/fonts/titillium/Titillium-Regular.woff') format('woff'),
         url('/css/fonts/titillium/Titillium-Regular.otf') format('opentype');
}

@font-face {
    font-family: 'Titillium_wf';
    font-weight: 500;
    font-style: normal;
    src: url('/css/fonts/titillium/Titillium-SemiBold.woff2') format('woff2'),
         url('/css/fonts/titillium/Titillium-SemiBold.woff') format('woff'),
         url('/css/fonts/titillium/Titillium-SemiBold.otf') format('opentype');
}

@font-face {
    font-family: 'Titillium_wf';
    font-weight: 600;
    font-style: normal;
    src: url('/css/fonts/titillium/Titillium-Bold.woff2') format('woff2'),
         url('/css/fonts/titillium/Titillium-Bold.woff') format('woff'),
         url('/css/fonts/titillium/Titillium-Bold.otf') format('opentype');
}
@font-face {
    font-family: 'Bitter_wf';
    font-weight: 400;
    font-style: italic;
    src: url('/css/fonts/bitter/Bitter-400i.woff2') format('woff2'),
         url('/css/fonts/bitter/Bitter-400i.woff') format('woff'),
         url('/css/fonts/bitter/Bitter-400i.ttf') format('truetype');
}
html {
	overflow-y: scroll;
	height: 100%;
}

body, input, textarea {
	font-family: FrankenSans_wf, "Segoe UI", verdana, sans-serif;
	font-size: 13px;
	line-height: 19px;
}

body {
	height: 100%;
	background: white;

	-webkit-text-size-adjust: none;
}

h1 {
	font-family: Titillium_wf;
	font-size: 26px;
	font-weight: 300;
	text-align: center;
	line-height: 100%;
}

h1 b {
	font-weight: 500;
}

h2 {
	font-family: Titillium_wf;
	font-size: 19px;
	font-weight: 500;
	line-height: 100%;
}

a {
	text-decoration: none;
	outline: none;
	border: none;
}

a:hover {
	text-decoration: underline;
}

:focus {
	outline-color: transparent;
	outline-style: none;
}

input::-ms-clear {
	display: none;
}

@media screen {
    @-ms-viewport { width: device-width; }
}

.clear {
	clear: both;
}

.invis {
	visibility: hidden;
}

.clearfix:after {     /* extends the element to wrap around its floating children */
	content: "";
	display: table;
	clear: both;
}

.hidden {
	display: none;
}

.sb { /* semibold */
	font-weight: 600;
}

.f4 {
	background-color: #f4f4f4;
}

.f8 {
	background-color: #f8f8f8;
}

.fafafa {
	background-color: #fafafa;
}

._960px {
	width: 960px;
	margin: 0 auto;
}

._515px {
	width: 515px;
	margin: 0 auto;
}

.dotline {
	display: block;
	width: 100%;
	height: 1px;
	background-image: url(/img/r11/dots.png);
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAABCAYAAADjAO9DAAAAB3RJTUUH3gQKEygPrV8/SQAAAAlwSFlzAAANrAAADawB7wbGRwAAAARnQU1BAACxjwv8YQUAAAAUSURBVHjaY2BgYNAA4ggGBEDhAwASYQEBcJmF6AAAAABJRU5ErkJggg==);
	background-repeat: repeat-x;
}

.dotted-top {
	background-image: url(/img/r11/dots.png);
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAABCAYAAADjAO9DAAAAB3RJTUUH3gQKEygPrV8/SQAAAAlwSFlzAAANrAAADawB7wbGRwAAAARnQU1BAACxjwv8YQUAAAAUSURBVHjaY2BgYNAA4ggGBEDhAwASYQEBcJmF6AAAAABJRU5ErkJggg==);
	background-repeat: repeat-x;
	background-position: top;
}

#wrap {
	min-height: 100%;
/*	margin-top: 48px; /* for fixed menu bar, see #header2 */
}

#questions {
	text-align: center;
	line-height: 20px;
}

#questions h1 {
	padding-bottom: 8px;
	font-size: 24px;
}

#questions a {
	color: #1489DB;
}

#header2 {
	background: #191c1f;
	color: #fff;
	padding: 12px 0;
}

#header2.sticky {
	width: 100%;
	z-index: 500;
	position: sticky;
	top: 0;
}

#header2 .menu-box {
	width: 960px;
	margin: 0 auto;
	position: relative;
}

#header2 .menu-box .logo {
	display: inline-block;
	padding-left: 13px;
	position: relative;
	top: 2px;
}

#header2 .menu-box .logo:hover {
	text-decoration: none;
	display: inline-block;
}

/*
#header2 .menu-box .logo .chevron {

	display: inline-block;
	width: 20px;
	height: 20px;

	background-image: url(/img/r11/logo-symbol-flat-white.png);
	background-repeat: no-repeat;
	background-size: 20px;

	position: relative;
	top: -2px;
	left: -11px;

	opacity: 0.3;
	transition: opacity 600ms;
}
*/
#header2 .menu-box .logo .chevron {
	display: block;
	float: left;
	margin: -2px 14px 0 -11px;

	width: 20px;
	height: 20px;
	background-image: url(/img/r11/logo-symbol-flat-white.png);
	background-repeat: no-repeat;
	background-size: 20px;
	opacity: 0.3;
	transition: opacity 600ms;
}

#header2 .menu-box .logo:hover .chevron {
	opacity: 1.0;
}

#header2 .menu-box .logo .text {

	display: inline-block;
	width: 90px;
	height: 20px;

	background-image: url(/img/r11/logo-text-white-2x.png);
	background-image: url(data:image/png;base64,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);
	background-repeat: no-repeat;
	background-size: 90px;

	text-indent: -10000px;
	overflow: hidden;
}

#header2 .menu-box .menu2,
#header2 .menu-box .subm2 {
	font-size: 10px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.2px;
	padding-top: 2px;
}
	
#header2 .menu-box .menu2 a,
#header2 .menu-box .subm2 a {
	display: inline-block;
	border-bottom: 2px solid transparent;
	padding: 0 1px;
	transition: opacity 100ms, color 200ms, border-color 200ms;
	color: #8C8E8F;
	color: #9A9EA0;
	margin-left: 8px;
}

#header2 .menu-box .subm2 a {
	margin-left: 14px;
}

#header2 .menu-box .menu2 a:hover,
#header2 .menu-box .subm2 a:hover {
	text-decoration: none;
	color: #fff;
	border-bottom-color: #fff;
}

#header2 .menu-box .menu2 a.selected,
#header2 .menu-box .subm2 a.selected {
	color: #fff;
	border-bottom-color: #fff;
}

#header2 .menu-box .menu2 i,
#header2 .menu-box .subm2 i {
	display: inline-block;
	color: #8C8E8F;
	padding-left: 12px;
	padding-right: 4px;
}

/***/

#header2 .menu-box .menu2 {
	float: right;
}


#header2 .menu-box .menu2 a.download:hover {
	border-bottom-color: #36baff;
	color: #55aeec;
}

#header2 .menu-box .menu2 a.customer {
}

#header2 .menu-box .menu2 a.customer:hover,
#header2 .menu-box .menu2 a.customer.selected {
	border-bottom-color: #fc0;
	color: #fc0;
}

#header2 .menu-box .menu2 a.customer.logged-in {
	font-weight: 400;
	color: #fc0;
	opacity: 1.0;
}

#header2 .menu-box .menu2 a.customer.logged-in:hover {
	color: #fc0;
	border-bottom-color: #fc0;
}

/***/

#header2 .menu-box .subm2 {
	text-align: right;
	padding: 8px 2px 0;
	margin: 10px -2px 0;
	border-top: 1px solid #2F3134;
	border-top: 1px solid #ffffff18;
	box-shadow: 0 -1px 0 #000;
}

/***/

#header2 .stick-it {
	position: absolute;
	top: 13px;
	right: 11px;
	padding: 0 3px;
	color: #fff2;
	font-size: 16px;
	cursor: pointer;
	visibility: hidden;
	transition: color 500ms;
}

#header2 .stick-it:hover {
	color: #fff8;
}

#header2 .stick-it:before {
	content: '\2299';           /* o */
}

#header2.sticky .stick-it:before {
	content: '\00d7';           /* x */
	position: relative;
	top: 2px;
	right: 2px;
}
.xbutton {
	display: block;
/*	width: 130px;        -- set me */
	height: 30px;
	line-height: 30px;
	margin: 0 auto;
	background: #0e95f7;
	background: linear-gradient(#0e95f7ff, #0982d6ff); /* ...ff to hide this rule from Edge */
	color: white !important;
	text-align: center;
	text-shadow: 0 1px 1px #00000020;
	font-weight: 600;
	border-radius: 2px;
	
	border: 1px solid #0E6DB1;
/*	border: 1px solid #00000038; */

	border-top: 1px solid #7BB3DB;
/*	border-top: 1px solid #ffffff60; */

	opacity: 0.90;
	transition: width 150ms, opacity 150ms;
	cursor: pointer;
	
	position: relative; /* for spinner */
}

.xbutton:hover {
	opacity: 1;
	text-decoration: none;
}

.xbutton.dark {
	background: linear-gradient(#222, #111);
	border: 1px solid #000;
	border-top: 1px solid #727273;
/*	border-top: 1px solid #ffffff70; */
}

/***/

.xbutton.on-dark {
	box-shadow: 0 1px 3px #000;
}

.xbutton.on-dark:hover {
	box-shadow: 0 0 3px #000;
}

/***/
.xbutton.on-light {
	box-shadow: 0 1px 2px #ddd;
	box-shadow: 0 1px 2px #00000060;
}

.xbutton.on-light:hover {
}
#p-index {
	background: #222327;
}

#header2 {
	background: #191c1f;
}

#intro2 {
	background: #191c1f;
/*	background: linear-gradient(#191c1f 50%, #26272b); /* !! used in p-index.js */

	/* for mobile safari, to hide faint subpixel line at the top */
	margin-top: -1px;
}

#intro2 h1 {
	margin: 0;
	padding: 0;

	text-align: center;
	line-height: 100%;
	color: #eee;
	word-spacing: 2px;
	letter-spacing: 0.5px;
	text-shadow: 0 1px 2px #000;

	font-size: 34px;
	font-weight: 300;

	padding: 80px 0 112px;
}

#intro2 h1 b {
	color: #fff;
}

#intro2 img {
	display: block;
	width: 513px;
	height: 295px;
	margin: 0 auto;
	box-shadow: 0 2px 5px #000, 0 0 15px #000;
	background-color: #ddd;
}

#intro2 .brief {
	width: 458px;
	margin: 0 auto;
	padding: 72px 0 64px;

	color: #86898A;
	color: #8E9192;
	color: #aaaab0;
/*	text-align: justify; */
	line-height: 20px;
}

#intro2 .download {
	text-align: center;
	padding-bottom: 64px;
}

#intro2 .download .xbutton {
	width: 156px;
	margin-bottom: 5px;
}

#intro2 .download .xbutton:hover {
	width: 132px;
}

#intro2 .download div {
	color: #8b8e91;
	font-size: 11px;
	letter-spacing: 0.4px;
}

/***/

#intro4 {
	background: #2b2c31;
	background: linear-gradient(#2b2c31 75%, #292a2f);
	background: linear-gradient(#35363c, #1e1f23);
	background: linear-gradient(#23272b, #1c1f22);
/*	border-top: 1px solid #323339; */
	box-shadow: none;

	border-bottom: 1px solid #000;

	padding: 0;
	text-align: center;

	/* for mobile safari, to hide faint subpixel line at the top */
	margin-top: -1px;
}

#intro4 h1 {
	color: #fff;
	padding: 80px 0 75px;
	font-size: 28px;
}

#intro4 .col {
	display: inline-block;
	width: 295px;
	vertical-align: top;
	padding: 0 32px;
}

#intro4 .col.l {
	width: 275px;
}

#intro4 .col.m {
	width: 310px;
}

#intro4 .col.r {
	width: 295px;
}

#intro4 .col h2 {
	font-size: 22px;
	font-weight: 500;
	color: #E8E8E9;
	text-align: left;
	text-shadow: 0 1px 3px #000;
	letter-spacing: 0.25px;

	padding-bottom: 12px;
	border-bottom: 3px solid #3B3C40;
	margin-bottom: 12px;
}

#intro4 .col h2 i {
	padding-right: 2px;
/*	font-size: 18px; */
	font-style: normal;
	opacity: 0.45;
}

#intro4 .col div {
	text-align: left;
	line-height: 160%;
	color: #888a8f;
	font-size: 13px;
}

#intro4 .col div b {
	font-weight: 600;
	color: #fff;
}

#intro4 .clear {
	padding: 32px 0;
}

#intro4 .made-in {
	margin: 85px auto 40px;
	text-align: center;
}

#intro4 .made-in .s1 {
	display: inline-block;
/*	background: #242526;
	border-radius: 1px;
	border: 1px solid #17191B;
	border-top: 1px solid #34353B;
	box-shadow: 0 0 40px #ffffff0c; */
}

#intro4 .made-in .s2 {
	display: inline-block;
	background-image: url(/img/swiss-flag.png);
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEwAAABMCAYAAADHl1ErAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAA3XQAAN10BGYBGXQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAFaSURBVHic7dsxSgNREIDh2RAJpE4QQSS9bQoPItiJB7D0GJYeQOwED5IibfoUkRC0DiwrrFfIPwkM4v/1w1t+eM3wtlldX/Whgw2qP+CvMRhkMMhgkMEgg0EGgwwGGQwyGGQwyGCQwaBh2cGTaVw+v6RmN0+P8fP9deIvOkxZsGY0ivH8Jj1bxSsJGQwyGGQwyGCQwSCDQQaDDAYZDDIYZDDIYJDBoPR6ZziZHrVmOTu/KJmNiOjbNr1Pa7LPnWav7+l9VrX9chHrh7vUrFcSMhhkMMhgkMEgg0EGgwwGGQwyGGQwyGCQwaD0tuIU653Z20dqdn1/G91umz77mPVOeh9W9T4rIqLbbaP73JSc7ZWEDAYZDDIYZDDIYJDBIINBBoMMBhkMMhhkMMhgUNnfbH3bxn65SM9WSS8Q/yuvJGQwyGCQwSCDQQaDDAYZDDIYZDDIYJDBIINBv2uzON/14x3bAAAAAElFTkSuQmCC);
	background-size: 19px 19px;
	background-repeat: no-repeat;
	background-position: 6px 6px;
	padding: 6px 11px 5px 34px;
	font-size: 12px;
	color: #fff;
}

/***/

#features-wrap {
	background: #fff;
	background: linear-gradient(#fff 90%, #f4f4f4);
	padding-bottom: 64px;
}

#features {
	width: 690px;
	margin: 0 auto;

	padding-top: 100px;
}

#features h1 {
	padding-bottom: 45px;
	font-size: 28px;
}

#features a {
	color: #1489db;
}

#features a:hover {
	text-decoration: underline;
}

#features .title {
	background-image: url(/img/r11/p-index-features-vignette.png);
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAADCAIAAADHgxJbAAAALHRFWHRDcmVhdGlvbiBUaW1lAFRodSAxMCBBcHIgMjAxNCAxODoxOTo1NCArMDEwMNFiDFMAAAAHdElNRQfeBAoQGy9gHMToAAAACXBIWXMAAAsSAAALEgHS3X78AAAABGdBTUEAALGPC/xhBQAAABxJREFUeNpj/P//PwMRgOXhw4fEqGP89+8fMeoAodoIobbhquwAAAAASUVORK5CYII=);
	background-repeat: repeat-x;
	background-position: 0 50%;
	text-align: center;
}

#features .title span {
	display: inline-block;
	padding: 0 30px;
	background: #fff;
	font-family: Titillium_wf;
	font-weight: 300;
	font-size: 20px;
	letter-spacing: 0.25px;
	color: #999;
	color: rgba(0,0,0,0.4);
	margin: -2px 0 2px;
}

#features .block {
	padding-top: 16px;
	padding-bottom: 64px;
}

#features .block.h2-less {
	padding-top: 48px;
}

#features .block .l,
#features .block .r {
	width: 290px;
	line-height: 18px;
	color: #777;
	vertical-align: top;
	padding: 0 10px;
}

#features .block .l {
	float: left;
}

#features .block .r {
	float: right;
}

#features .block .l.narrow {
	padding-right: 36px;
	width: 240px;
}

#features .block h2 {
	padding-top: 47px;
	margin-bottom: 14px;
	font-size: 20px;
	color: #222;
	line-height: 23px;
}

#features .block h2 b {
	display: inline-block;

	line-height: 23px;
	padding: 1px 8px 3px;
	margin: -1px -8px -3px;
	border-radius: 1px;
	color: #fff;
	background: #191c1f;
	font-size: 15px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.25px;
	border-radius: 1px;
}

#features .block img {
	display: inline-block;
	margin: 24px auto;
	box-shadow: 0 1px 2px #999;
}

#features a.more {
	font-weight: 600;
	color: #c20;

	display: inline-block;
	padding: 3px 9px;
	margin: -3px -9px;

	border-radius: 1px;

	transition: background 150ms, color 150ms;
}

#features a.more:hover {
	color: #fff;
	background: #c20;
	text-decoration: none;
}

#features tt {
	color: #c20;
	padding-right: 2px;
}

#features .see-also a {
	display: block;
	text-align: center;
	color: #1489DB;
	font-weight: 500;
}

#features .see-also a:hover {
}

#features .secondary {
	position: fixed;
	top: -30px;
	left: 0;
}

/***/

#shots2 {
	background: #fff;
	padding-top: 100px;
	border-top: 1px solid #ccc;
}

#shots2 h1 {
	padding-bottom: 20px;
}

#shots2 .shot {
	width: 1000px;
	margin: 55px auto 30px;
	padding: 25px 40px 15px;
	position: relative;
}

#shots2 .shot .title {
	position: absolute;
		
	font-size: 14px;
	font-weight: 600;
	color: #111;

	padding: 0 3px;
	margin: 5px -3px;
}

#shots2 .shot .shown {
	position: relative;
}

#shots2 .shot .shown .slide {
	margin: 0 auto;
}

#shots2 .shot .shown .slide img {
	display: block;
	margin: 0 auto;
	cursor: pointer;
	box-shadow: 0 1px 3px #ccc;
}

#shots2 .shot .queue {
	display: none;
}

/***/

#shots2 .shot .notes {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height:	100%;
	pointer-events: none;
}

#shots2 .shot .notes .sub {
	position: absolute;
	top: 25px;
	color: #888;
}

#shots2 .shot .notes .note {
	position: absolute;
	pointer-events: all;

	font-size: 12px;
	font-weight: 400;
	line-height: 16px;
	color: #777;

	width: 190px;
}

#shots2 .shot .notes .note .callout {
	background-image: url(/img/r11/p-index-slides-callout.png);
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAABCAYAAABQSMdZAAAALHRFWHRDcmVhdGlvbiBUaW1lAEZyaSAxOCBBcHIgMjAxNCAxMzoyMjowNiArMDEwMFLMb00AAAAHdElNRQfeBBILFhWWYFD2AAAACXBIWXMAAAsSAAALEgHS3X78AAAABGdBTUEAALGPC/xhBQAAABBJREFUeNpjnD179iaGAQYASL4ChR/8yNQAAAAASUVORK5CYII=);
	background-repeat: repeat-x;
	background-position: 0 8px;
}

#shots2 .shot .notes .note .bracket {
	position: absolute;
	right: 0;
	width: 4px;
	border: 1px solid #bbb;
	border-right: none;
	background: #fff;
}

#shots2 .shot .notes .note h3 {
	font-weight: 600;
	font-size: 13px;
	color: #000;
	padding-bottom: 6px;
}

#shots2 .shot .notes .note span {
	padding-right: 15px;
	background: #fff;
}

#shots2 .shot .notes .note div span {
	display: inline-block;
	margin-bottom: 5px;
}

#shots2 .shot .notes .note tt {
	float: left;
	height: 32px;
	padding-right: 6px;
}

#shots2 .shot .note.sub {
	font-size: 12px;
}

/***/

#shots2 .shot .note.r {
	left: auto;
	right: 0;
}
	
#shots2 .shot .note.r span {
	padding-right: 0;
	padding-left: 15px;
}

#shots2 .shot .note.r .callout {
	padding-left: 60px;
}

#shots2 .shot .note.r .callout span {
	width: 190px;
}

#shots2 .shot .note.r .bracket {
	position: absolute;
	left: 0;
	width: 6px;
	border: 1px solid #bbb;
	border-left: none;
	background: #fff;
}

#shots2 .shot .note.c {
	left: 50%;
	width: 300px;
	margin-left: -150px;
	text-align: center;
}

#shots2 .shot .note.c .bracket {
	position: absolute;
	right: auto;
	left: 50%;
	border: none;
	border-left: 1px solid #bbb;
	height: 40px;
	top: -55px;
	width: 1px;
}
/***/

#shots2 .shot .index {
	margin-top: 36px;
	text-align: center;
	padding-bottom: 10px;
}
	
#shots2 .shot .index * {
	vertical-align: middle;
}

#shots2 .shot .index a {
	display: inline-block;
	width: 8px;
	height: 8px;
	background: #b2b6bb;
	border-radius: 20px;
	margin: 5px;
	border: none;
	outline: none;
}
	
#shots2 .shot .index a:hover,
#shots2 .shot .index a.active {
	background: #2b3035;
}
	
#shots2 .shot .index a.loading {

	width: 4px;
	height: 4px;
	margin: 7px;
	background: #b2b6bb;
}

#shots2 .shot .index .prev,
#shots2 .shot .index .next {
	display: inline-block;
	width: 24px;
	height: 24px;
	border-radius: 24px;
	line-height: 24px;
	background: #2b3035;
	color: white;
	cursor: pointer;
	margin: 0 6px;
	background-image: url(/img/r11/p-index-slides-arrows.png);
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAwCAIAAACE6i30AAAALHRFWHRDcmVhdGlvbiBUaW1lAEZyaSAxMSBPY3QgMjAxMyAxNToxMDo0MyArMDEwMEb0D6YAAAAHdElNRQfdCgsNCwltNcjNAAAACXBIWXMAAAsSAAALEgHS3X78AAAABGdBTUEAALGPC/xhBQAAAwtJREFUeNrtlVFoUlEcxq9XfdFtscg5elxZBNscbdowRkSBd9Wg14iestCxYEV0F0H0VLsVNYx0q0UPEb32Ertao4gmkVLU2gK9PlQvCwNJNyH3YJ+7clt6zlHHeqrv6XLP///jnvM/9/t039OLXIVyuVw8kYjH44qiJBQFb2xbi9oG2Wwmk6myRVcGKhQKckgOBsd/ZDIcSRuamgZ9PrfbrdPpqKBUKnVjbCwSiXDV5HK5zgwPWywWAgj9o5JE+xDip42IIoh/gPAtxz2e2ika697kpPpdvHou2FG9FAgtaER7CRQKhdjnwvN8y6rjWC00YjjFGkw6EAwyKBj2/bvjoSeP9+/bSyzAiAEx4L4wNmU2myZu+7vsnXjO/8zTNgiIAbeORmkwmycCfntnB54fPHz08tUMrRIQg7JyccmU4C17R7tKka7fZGwfEP0m6+Z0Ol25dunihT19u2uhcCtz52lrmBRXj/SHBg4nk8nKhTexWO8uJ6aOM2psbJiJvGZQnA4Hj3+auJbJZD3eodmPc3g+dvSIePY0AwQID2OgLWez2RPeofcfZlXWwMEDtEpAePgLfhlaxeLS0snBU7G37/BsNBqINWgHpPjTyrJ8RZLYZ9naal1Y+EZcGhHP9Qv9xdHApTQ3oIlGQaPgFjj1p4XXwaUYG6QJLWhUrbJ0WeApcKm6WKqxaSb5F6xW1fqYv6Y1xFF9PxRDhK3BeeGZjK35fF6M/H+u1aTyXMPFoZ0LjI1tlWjEcDg113D9iEUIMsQZQo14cTRhxIDwjFxDkBmNxu6dXXcCfgQcY4OA6HtdfdFolFjx+ctXuDU8G2bk7OkOP53OLy8TK7e0tem372gnmr8qeH6JZbU6HD3h8DMia2NzMzXXSKwWaPr5i8oaVq4RxZggb6PEkSYEESIED3Pzny5L14g1gFBzrYyCgEPMIeyIZVVyDUGmUhBtCDjEHK2ySq6pQYZQQ7Qh4GiU37k2JU+NSleJRYw403ReFAVBKE4BLkXLtaoUNMK/uX8t19bB/DWtIdd+AWfK/Ip0QqTNAAAAAElFTkSuQmCC);
}
	
#shots2 .shot .index .next {
	background-position: 0 -24px;
}

/***/
#shots2 .shot.i1 .slide {
	height: 439px;
}

#shots2 .shot.i1 .s2 .n1 { top: 85px; }
#shots2 .shot.i1 .s2 .n2 { top: 302px; }
#shots2 .shot.i1 .s3 .n1 { top: 57px; }
#shots2 .shot.i1 .s4 .n1 { top: 65px; }
#shots2 .shot.i1 .s4 .n2 { top: 86px; }
#shots2 .shot.i1 .s5 .n1 { top: 169px; }
#shots2 .shot.i1 .s5 .n2 { top: 190px; }
#shots2 .shot.i1 .s6 .n1 { top: 157px; }
#shots2 .shot.i1 .s6 img { box-shadow: none !important; transition: box-shadow; }
#shots2 .shot.i1 .s7 .n1 { top: 214px; }
#shots2 .shot.i1 .s7 img { box-shadow: none !important; }
#shots2 .shot.i1 .s8 img { box-shadow: none !important; }
#shots2 .shot.i1 .s8 .n2 { top: 214px; width: 156px; }

/***/

#shots2 .shot.i2 .slide {
	height: 632px;
	width: 599px;
	background: #f8f8f8;
}

#shots2 .shot.i2 .slide.s5,
#shots2 .shot.i2 .slide.s6,
#shots2 .shot.i2 .slide.s7,
#shots2 .shot.i2 .slide.s8,
#shots2 .shot.i2 .slide.s9 {
	width: auto;
	background: none;
}

#shots2 .shot.i2 .s2 .n1 { top: 192px; width: 160px; }
#shots2 .shot.i2 .s3 .n1 { top: 213px; width: 150px; }
#shots2 .shot.i2 .s4 .n1 { top: 200px; width: 165px; }
#shots2 .shot.i2 .s5 .n2 { top: 185px; width: 180px; }
#shots2 .shot.i2 .s5 .n3 { top: 422px; width: 180px;  }
#shots2 .shot.i2 .s6 img { box-shadow: none; }
#shots2 .shot.i2 .s6 .n2 { top: 42px; width: 125px; }
#shots2 .shot.i2 .s6 .n2 h3 { padding-bottom: 0; }
#shots2 .shot.i2 .s7 .n1 { top: 180px; }
#shots2 .shot.i2 .s8 img { box-shadow: none; }
#shots2 .shot.i2 .s8 .n1 { top:  93px; width: 200px; }
#shots2 .shot.i2 .s8 .n2 { top: 417px; padding-left: 52px; }
#shots2 .shot.i2 .s9 img { box-shadow: none; }
#shots2 .shot.i2 .s9 .n1 { top: 117px; width: 200px; }
#shots2 .shot.i2 .s9 .n2 { top: 429px; padding-left: 52px; }

/***/

#shots2 .shot.i3 .slide { height: 308px; }

#shots2 .shot.i3 img { box-shadow: none !important; }
#shots2 .shot.i3 .s1 .n1 { top: 140px; }
#shots2 .shot.i3 .s2 .n1 { top: 140px; }
#shots2 .shot.i3 .s2 .n1 .bracket { top: -16px; width: 5px; right: -5px; height: 158px; }
#shots2 .shot.i3 .s3 .n1 { top: 98px; }
#shots2 .shot.i3 .s4 .n1 { top: 127px; }
#shots2 .shot.i3 .s4 .n1 .bracket { top: -2px; width: 3px; height: 21px; }
#shots2 .shot.i3 .s5 .n1 { top: 96px; }
#shots2 .shot.i3 .s6 .n1 { top: 96px; }
#shots2 .shot.i3 .s6 .n1 .bracket { top: -58px; width: 10px; height: 66px; border-bottom: none; }

/***/

#shots2 .see-also {
	padding-bottom: 1px;
}

#shots2 .see-also .dotline {
	width: 600px;
	margin: 0 auto;
}

#shots2 .see-also .text {
	width: 474px;
	margin: 0 auto;
}

#shots2 .see-also .text h3 {
	display: block;
	
	font-family: Titillium_wf;
	font-weight: 500;
	font-size: 20px;

/*	text-align: center; */
	padding: 48px 0;
}

#shots2 .see-also a {
	display: block;
	text-align: center;
	color: #1489DB;
	font-weight: 500;
	text-decoration: none;
	margin: 48px 0;
}

#shots2 .see-also a:hover {
	text-decoration: underline;
}

/***/

#opinions {
	padding: 90px 0 75px;
	border-bottom: 1px solid #ccc;
	background: #191c1f;
}

#opinions h1 {
	padding-bottom: 80px;
	color: #fff;
}

#opinions .wrap {
	width: 970px;
	margin: 18px auto 0;
	position: relative;
}

#opinions .wrap .column {
	width: 485px;
	float: left;
}

#opinions .wrap .column.centered {
	float: none;
	margin: 0 auto;
}

#opinions .wrap .tile {
	float: left;
	width: 386px;
	margin: 0 20px 40px;
	padding: 25px 30px 15px;
	background: #292C2F;
	background: #ffffff10;
	background: linear-gradient(#2F3134, #24272A);
	background: linear-gradient(#ffffff18, #ffffff0c);
	padding: 20px 30px 15px;
	border-radius: 2px;
	box-shadow: 0 1px 3px #000;
}

#opinions .wrap .tile span.text {
	font-family: Bitter_wf;
	font-style: italic;
	font-size: 13px;
	text-align: left;
	padding-bottom: 24px;
	display: block;
	color: #DBDCDC;
	color: #ffffffd4;
	line-height: 20px;
}

#opinions .wrap .tile span.text a {
	color: #333;
}

#opinions .wrap .tile span.name {
	display: block;
	float: right;
	font-size: 11px;
	color: #78797B;
	color: #ffffff60;
}

#opinions .wrap .tile span.name a {
	padding-bottom: 1px;
	color: #78797B;
	color: #ffffff60;
}

#opinions .wrap .tile span.name a:hover {
	color: #C9CACA;
	color: #ffffffc0;
}

#opinions .wrap .tile span.name a.extra {
	color: #55aeec;
}

#opinions .read-more a {
	display: block;
	text-align: center;
	width: 930px;
	margin: 0 auto;
	padding: 12px 0;
	color: #fff;
	background: #36383B;
	background: #ffffff20;
	opacity: 0.5;
	border-radius: 2px;
	transition: opacity 250ms;
}

#opinions .read-more a:hover {
	text-decoration: none;
	opacity: 1.0;
}

/***/

#get {
	background: #fff;
}
#get h1 {
	font-size: 24px;
	color: #000;
}

#get .inner {
	margin: 0 auto;
	width: 680px;
	padding: 64px 0 0;
	line-height: 22px;
}

#get .inner h1 {
	padding-bottom: 48px;
}

#get .l,
#get .r {
	width: 260px;
	text-align: center;
	color: #333;
}

#get .l {
	float: left;
}

#get .r {
	float: right;
}

#get .l b,
#get .r b {
	font-weight: 600;
	color: #000;
}

#get .l h1 b,
#get .r h1 b {
	font-weight: 500;
}

#get p {
	margin: 28px 0 0;
}

#get p a {
	color: #1489DB;
}

#get .xbutton {
	display: block;
	width: 180px;

	font-size: 14px;
	height: 34px;
	line-height: 34px;

	margin-bottom: 45px;
}

#get .xbutton:hover {
	width: 170px;
}

#get #pricing-l {
	float: left;
	text-align: left;
	padding-left: 4px;
}

#get #pricing-r {
	float: right;
	text-align: right;
	padding-right: 4px;
}

#get p.dotline {
	margin: 64px auto;
	width: 680px;
}

#get #keep-up {
	width: 400px;
	margin: 0 auto;
	color: #333;
}

#get #keep-up h1 {
	padding-bottom: 60px;
}

#get #keep-up a {
	color: #1489db;
}

#get #keep-up .subscribe {
	display: block;
	text-align: center;
}

#get #questions {
	padding: 0 0 64px;
}

/***/

.last-beta {
	width: 386px;
	background: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -210px -253px;
	padding: 50px 60px;
	font-size: 13px;
	line-height: 18px;
	border-radius: 4px;
	box-shadow: 0 2px 5px #000;
}

.last-beta h1 {
	text-align: left;
	font-weight: 500;
	padding-bottom: 24px;
	font-size: 22px;
}

.last-beta h2 {
	text-align: left;
	padding: 5px 10px;
	margin: 16px -10px;
	font-size: 18px;
}

.last-beta ol {
	list-style: decimal;
	padding-left: 18px;
}

.last-beta ol li {
	padding-left: 4px;
	margin-bottom: 12px;
}

.last-beta .dotline {
	width: 100px;
	margin: 32px auto;
}

.last-beta a {
	color: #1489db;
}

/***/

.shifter {
	position: relative;
	margin-top: 230px;
	text-shadow: none;
	font-size: 9px;
	text-align: center;
}

.shifter a {
	color: #141516;
	transition: background 1s;
	text-decoration: none;
	word-spacing: 2px;
	padding: 2px 7px;
	border-radius: 1px;
}

.shifter a:hover {
	background: #eee;
	transition: background 2s;
}
#footer2 {
	clear:both;
	position: relative;
	margin-bottom: -276px; /* negative value of footer height */
		
	height: 196px;
	padding: 40px 0;

	background-image: none;
	background-color: #141516;
	text-align: center;
}

#footer2 .made-by {
	color: #888;
	font-size: 13px;
	font-weight: 400;

	text-shadow: 0 0 1px #333333;
}

#footer2 .made-by a {
	display: inline-block;
	color: #fff;
	padding: 0 4px;
}

#footer2 .break {
	margin: 40px auto;
	width: 100px;
	height: 0;
	border-bottom: 1px dashed #444;
}

#footer2 .block {
	display: inline-block;
	margin: 0 25px;

	text-align: left;
	color: #aaa;
	font-size: 12px;
	font-weight: 400;
	line-height: 24px;
}

#footer2 .block b {
	display: block;
	color: #fff;
	font-weight: 600;
}

#footer2 .block a {
	color: #888;
}

#footer2 .block a:hover {
	color: #ddd;
	text-decoration: underline;
}

#footer2 .block a.orange {
	color: #ffcc00;
	color: #ff5043 !important;
	opacity: 0.8;
}

#footer2 .block a.orange:hover {
	opacity: 1.0;
}

#footer2 .block .rss {
	color: #666;
}
#overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
/*
 *	background-image: url(/img/r11/overlay-back.png);
 *	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAALHRFWHRDcmVhdGlvbiBUaW1lAFNhdCAyMyBKdWwgMjAxMSAxNjoxMzoxMiAtMDgwMDr8OFwAAAAHdElNRQfcBgsWCQVIapRRAAAACXBIWXMAAArwAAAK8AFCrDSYAAAABGdBTUEAALGPC/xhBQAAAB1JREFUeNpjVFBQ+M+ABFgEBAQ+owh8+PCBF68KAPsaBpB9YJQNAAAAAElFTkSuQmCC);
 *	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAALHRFWHRDcmVhdGlvbiBUaW1lAFNhdCAyMyBKdWwgMjAxMSAxNjoxMzoxMiAtMDgwMDr8OFwAAAAHdElNRQfkCxkMLzVWdd8aAAAACXBIWXMAAArwAAAK8AFCrDSYAAAABGdBTUEAALGPC/xhBQAAABhJREFUeNpjlJSR/8+ABFiAeCWyACNBFQCnFAQDeN/WjwAAAABJRU5ErkJggg==);
 */
	background: #191C1F;
	background: #191C1FF8;
	display: none;
}

.overlay-close,
#overlay-close {
	width: 32px;
	height: 32px;
	background-image: url('/img/r11/overlay-close.png');
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAB3RJTUUH3AQMEQMFUN0BhwAAAAlwSFlzAAANrAAADawB7wbGRwAAAARnQU1BAACxjwv8YQUAAACJSURBVHja7Y9BCkBQFEV9S9CX/diqRRhIGZiYGCCyBEYWQM99dYuZekPcOvX//f3Te0Hw58MRkQwUwN86Dyp9swj1o6ajyPOsKSzCGPQUDETYxda1VTrJlelJFj44D7Df7js703QRaDnZTIRdZBHmFIwgISO70rLyBhqQOucWRc+gBqtp7T8vyQm8X6lsaQDpAAAAAABJRU5ErkJggg==);
	background-repeat: no-repeat;
	background-position: center center;
	position: fixed;
	top: 10px;
	right: 10px;
	opacity: 0.6;
	cursor: pointer;
}

.overlay-close:hover,
#overlay-close:hover {
	opacity: 1.0;
}

#overlay-inner {
	margin: 0 auto;
}
#join-form {
	width: 300px;
	height: 150px;
	
	position: absolute;
	left: 50%;
	top: 50%;

	margin-left: -150px;
	margin-top: -25px;

	display: none;
}

#join-form input {

	height: 28px;
	width: 274px;

	background: none repeat scroll 0 0 #f2f2f2;
	border: 1px solid #fcfcfc;
	border-top: 2px solid #fff;
	border-bottom: 1px solid #ccc;
	border-radius: 2px;
	box-shadow: 0 2px 4px #000, 0 0 50px #000;

	line-height: 28px;
	padding: 0 10px;

	color: #444;
		
	-moz-appearance: none;
	-webkit-text-fill-color: #444;
}

#join-form input:focus {
	outline: none;
}

#join-form input::-moz-selection {
	background: none repeat scroll 0 0 #FFDD22;
	color: #222222;
}

#join-form #email-hint {

	position: absolute;
	top: 0;

	height: 28px;
	width: 274px;

	line-height: 28px;
	padding: 2px 10px 1px;

	font-size: 13px;
	color: #333;
}

#join-form .form-submit {

	color: #555;
	float: right;
	position: absolute;
	right: 13px;

	font-size: 9px;
	font-weight: 600;
	text-transform: uppercase;

	top: 6px;
	cursor: pointer;

	display: none;
}

#join-form .form-submit:hover {
	color: #222;
}

#join-form .form-submit-wait { 
	display: none;
}

#join-form.busy .form-submit-wait {
	display: inline;
}

#join-form.busy .form-submit-join {
	display: none;
}

#join-form .form-error {

	color: #FFDD22;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: 0.25px;
	margin-top: 6px;
	text-align: center;
	text-shadow: 0 0 0 transparent, 0 1px 1px #000, 0 1px 2px #000000;
	text-transform: uppercase;

	display: none;
}

#join-form.error .form-error {
	display: block;
}


#join-form .form-done {
	text-align: center;
	color: white;
	display: none;
}

#join-form .form-done a {
	display: inline-block;
	font-size: 10px;
	font-weight: 600;
	margin-top: 6px;
	text-decoration: none;
	color: #BBB;
	text-transform: uppercase;
}

#join-form .form-done a:hover,
#join-form .form-done a:active {
	color: #FFDD22;
}

#join-form.ok .form-guts {
	display: none;
}

#join-form.ok .form-done {
	display: block;
}