.clearfix:before,
.clearfix:after {
  content: ".";    
  display: block;    
  height: 0;    
  overflow: hidden;	
}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;} /* IE < 8 */

img { behavior: url(iepngfix.htc); } /* PNG-fix IE for all images */

/* -------------------------------------------- */

@font-face {
    font-family: 'MSFont';
	src: url('MuseoSans_100-webfont.eot');
	font-weight: 100;
}
@font-face {
    font-family: 'MSFont';
    src: url('MuseoSans_100-webfont.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'MSFont';
	src: url('MuseoSans_300-webfont.eot');
	font-weight: normal;
}
@font-face {
    font-family: 'MSFont';
    src: url('MuseoSans_300-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MSFont';
	src: url('MuseoSans_500-webfont.eot');
	font-weight: bold;
}
@font-face {
    font-family: 'MSFont';
    src: url('MuseoSans_500-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'MSFont';
	src: url('MuseoSans_700-webfont.eot');
	font-weight: 700;
}
@font-face {
    font-family: 'MSFont';
    src: url('MuseoSans_700-webfont.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}


/* --------------------------------------------
 * COMMON.CSS
 */

body {
	background-color: white;
	padding: 0px;
	margin: 0px;
	font: 12px Arial, Tahoma, sans-serif;
	
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

.tableLayoutFixed { table-layout:fixed; }

table {
	border: 0px;
	border-collapse: collapse;
	padding: 0px;
	border-spacing: 0px;
}

td {
	border: 0px;
	padding: 0px;
	border-spacing: 0px;
}

label { cursor: pointer; }

.nowrap { white-space:nowrap; }

img { border: none; }


/* *** FONTS *** */

.Courier	{ font-family: Courier, 'Courier New', sans-serif; }
.Arial		{ font-family: Arial, sans-serif; }
.Tahoma		{ font-family: Tahoma, Verdana, Arial, sans-serif; }
.Verdana	{ font-family: Verdana, Arial, sans-serif; }
.Treb		{ font-family: 'Trebuchet MS', Tahoma, Verdana, Arial; }
.Myriad		{ font-family: 'Myriad Pro', Arial, sans-serif; }
.Museo		{ font-family: MuseoSans500, Helvetiva, Arial; }

/* .HelveticaNeue	{ font-family: 'HelveticaNeue', Helvetica, Arial, sans-serif; } */

/* *** FONT SIZES & STYLES *** */

.px1	{ font-size: 1px; }
.px9	{ font-size: 9px; }
.px10	{ font-size: 10px; }
.px11	{ font-size: 11px; }
.px12	{ font-size: 12px; }
.px13	{ font-size: 13px; }
.px14	{ font-size: 14px; }
.px15	{ font-size: 15px; }
.px16	{ font-size: 16px; }
.px18	{ font-size: 18px; }
.px20	{ font-size: 20px; }
.px22	{ font-size: 22px; }
.px24	{ font-size: 24px; }
.px25	{ font-size: 26px; }
.px26	{ font-size: 26px; }

.normal	{ font-weight: normal !important; }
.bold	{ font-weight: bold !important; }
.italic { font-style: italic !important; }

ti2px	{text-indent: 2px; }

/* *** HEADERS *** */

h1, h2, h3 { 
	font: normal 20px Arial, Helvetica, sans-serif; 
	padding: 0px;
	margin: 0px;
}

h2 { font-size: 16px; }
h3 { font-size: 14px; }

/* *** COLORS *** */
.LLGray		{ color: #d5d5d5; }
.LGray		{ color: #969696; }
.Gray		{ color: #787878; }
.DGray		{ color: #656565; }
.DDGray		{ color: #333333; }
.Black		{ color: black;   }
.Red		{ color: #cc0000; }
.White		{ color: white;   }
.Green      { color: green;   }

/* *** BACKGROUND *** */
.bgcPastel	{ background-color: #f0f0e7; }


/* *** LINKS *** */

a { text-decoration: none; color: black; }

a.noOutline { outline: none; }

.Link        { color: #2a6fb0; }
.RedLink     { color: #cc0000; }
.BlueLink     { color: #0087D6; }

.fadedLink { color: #8c8881; }

.Ref { text-decoration: underline; }
.NoRef { text-decoration: none !important; }

.vaMiddle { vertical-align: middle !important; }
.iBlock { display: inline-block !important; }

/* *** FORM CONTROLS *** */

form { padding: 0px; margin: 0px; }
.noborder { border: none; }

.input_default,
.input_mid,
.input_big {
	background-color: white;
	font-size: 18px;
	color: black;
	padding: 2px;
	border: 1px solid #c7c2a3;
}

.no_padding { padding: 0px; }
.no_margin  { margin: 0px; }

.input_mid { font-size: 14px; }
.input_default { font-size: 12px; }

.button_std { font: bold 12px Arial, Tahoma, sans-serif; }
.button_std_sec { font: normal 12px Arial, Tahoma, sans-serif; }

.yellow_box {
	background-color: #fffeee;
	padding: 20px;
	line-height: 18px;
	border: 1px solid #e7d5b7;
}

.goldenBox {
	background-color: #fff9ec;
	padding: 20px;
	line-height: 18px;
	border: 1px solid #f4d39e;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}


/* *** COMMON *** */

.hidden { display: none }

.floatLeft	{ float: left;  }
.floatRight	{ float: right; }

.w100		{ width: 100%; }
.w95		{ width: 95%;  }
.w90		{ width: 90%;  }

.lh14		{ line-height: 14px; }
.lh16		{ line-height: 16px; }
.lh18		{ line-height: 18px; }
.lh20		{ line-height: 20px; }
.lh22		{ line-height: 22px; }
.lh24		{ line-height: 24px; }
.lh25		{ line-height: 25px; }

.pointer 	{ cursor: pointer; }
.page_title_image { background: url('../images/common/icons/page.gif') no-repeat; }


/* *** MESSAGE DEBUG INFO *** */

.debug_info {
	font: normal 11px "Courier New", Courier, monospace;
	padding: 40px 0 20px 0;
	line-height: 18px;
}

.debug_info h3 {
	font: bold 13px Arial, Helvetica, sans-serif;
	text-decoration: underline;
	/* color: #cc0000; */
}


.ajaxIndicator {
	color: white;
	background: red url('../images/common/ajax/ajax-02.gif') no-repeat;
	background-position: 12px 5px;
	padding-left: 30px;
	top: 0px;
	left: 0px;
	position:absolute;
	padding: 6px 15px 7px 40px;
}

#ajaxCommonIndicator { 
	position: fixed;
	background: #dc0000 url('../images/unclutter/ajax-common.gif') no-repeat 9px 9px;
	bottom: 0px;
	left: 50%;
	margin-left: -71px;
	padding: 18px 18px 15px 59px;
	
	-moz-border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
	
	color: white;
	font-weight: bold;
	display: none;
	z-index: 9999;
}


/* --------------------------------------------
 *	UNCLUTTERAPP.COM
 */

.pageMainContainer { min-width: 1080px; position: relative; min-height: 400px; }
.pageContentBlock { width: 1020px; margin: 0 auto; }

.Orange { color: #ea6600; }
.LBlue	{ color: #3879aa; }
.Green	{ color: #008800; }
.Pink   { color: #fc7c67; }

.RedLink	{ color: #e70000; }
.Gray88 { color: #888888; }

.form_error_field {	border: 1px solid #ee7966 !important; }


.underDashed { background: url('../images/unclutter/v2/header-dash-line.gif') repeat-x; background-position: left bottom; }
.overDashed { background: url('../images/unclutter/v2/header-dash-line.gif') repeat-x; background-position: left top; }

.smallCaps {
	font-size: 9px;
	text-transform: uppercase;
}

.caps { text-transform: uppercase; }

input.defaultValue.blur { 
	color: #9f9e9e;
	font-size: 11px !important;
	text-transform: uppercase;
}

.OpenSans { font-family: 'Open Sans', sans-serif; }

/* -------------------------------------------- */

.uiButton {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background: white url(../images/unclutter/buttons/button.png) 0 0 repeat-x;
	background: -moz-linear-gradient(0% 170% 90deg, #d5d5d5, #f8f8f8);
	background: -webkit-gradient(linear, 0% 0%, 0% 170%, from(#f8f8f8), to(#e2e2e2));
	border-radius: 3px;
	color: black;
	display: inline-block;
	font: 11px Arial, Helvetica, sans-serif;
	padding: 3px 9px;
	text-align: center;
	white-space: nowrap;
}
.uiButton, .uiButton:hover, .uiButton:active { border: 1px solid; text-decoration: none; outline: none; }
.uiButton { border-color: #bbbbbb; }
.uiButton:hover { border-color: #939393; }
.uiButton:active {
	background-position: 0 -25px;
	background: -moz-linear-gradient(0% 170% 90deg, white, #ededed);
	background: -webkit-gradient(linear, 0% 0%, 0% 170%, from(#ededed), to(white));
	border-color: #444444;
	color: #1a1a1a;
}

.uiButton.bold { font-weight: bold; }

.uiButton.active {
	border-color: #969696 !important;
	background: #969696 !important;
	color: white;
}

.uiButton.big {
	font: 13px 'Open Sans', Arial, Helvetica, sans-serif;
	padding: 6px 20px;
}

/* -------------------------------------------- */

.loginBlock {
	/* width: 600px; */
	margin: 0 auto;
	text-align: center;
	padding: 10px;
}

.loginBlock .logo { margin: 60px 0 70px 0; }
.loginBlock .logo.small { margin: 20px 0 30px 0; }

.inputLogin {
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;

	border-width: 1px;
	border-style: solid;
	border-color: rgba(0, 0, 0, 0.25);
	/* border-color: black; */

	display: inline-block;
	width: 220px;

	height: 40px;
	text-indent: 10px;

	font: 16px 'Open Sans', Arial, Tahoma, sans-serif;

	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.inputLogin.top { border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
.inputLogin.bottom {
	-moz-border-radius: 0 0 3px 3px;
	-webkit-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;

	border-top: none;
}

.loginBlock div.submit { margin-top: 20px; }

/* -------------------------------------------- */

.topMenu { border-bottom: 1px solid #ebebeb; }

.pageContentBlock.topMenu {
	height: 80px;
	position: relative;
}

.topMenu a.headerIconTitle {
	position: absolute;
	top: 5px;
	left: 15px;
	outline: none;
}

.topMenu .headerMenu {
	position: absolute;
	top: 0px;
	right: 21px;
}

.headerMenu {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
/* 	font-weight: 300;	 */
}

.headerMenu a {
	color: #989898;
	display: inline-block;

	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	line-height: 20px;
	

	padding: 5px 14px;
	margin: 25px 0 0 30px;
}

.headerMenu a.selected {
	background-color: #a19d95;
	color: white;
}

/* ---------------------------------------------------------------------------------------- */

.darkBlock {
	background-color: #e8e6e2;
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
}
.darkBlock .pageContentBlock { position: relative; }

.darkBlock h1 {
	font-family: MSFont, Arial;
	font-size: 40px;
	color: #8a8986;
}

/* ---------------------------------------------------------------------------------------- */

.pageContentBlock .panelPointer {
	position: absolute;
	
	border: 1px solid #cccccc;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	
	left: 0;
	top: 82px;
	
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	line-height: 16px;
	color: #8d8d8d;
	
	padding: 16px 23px 16px 44px;
	
	background: url('../images/unclutter/v3/pointer-left.gif') no-repeat 0 50%;
}

.pageContentBlock .panelPointer.right {
	left: auto;
	right: 0;
	padding-left: 23px;
	padding-right: 44px;	
	background: url('../images/unclutter/v3/pointer-right.gif') no-repeat 100% 50%;
}



/* retina support for background of left/right panels pointers */
@media	only screen and (-webkit-min-device-pixel-ratio: 2),
		only screen and (   min--moz-device-pixel-ratio: 2),
		only screen and (     -o-min-device-pixel-ratio: 2/1),
		only screen and (        min-device-pixel-ratio: 2),
		only screen and (                min-resolution: 192dpi),
		only screen and (                min-resolution: 2dppx)
{
	.pageContentBlock .panelPointer {
		background: url('../images/unclutter/v3/pointer-left@2x.gif') no-repeat 0 50%;
		background-size: 31px 18px;
	}
	
	.pageContentBlock .panelPointer.right {
		background: url('../images/unclutter/v3/pointer-right@2x.gif') no-repeat 100% 50%;
		background-size: 31px 18px;
	}
}

/* ---------------------------------------------------------------------------------------- */

.darkBlock.getUnclutter { margin-bottom: 47px; }
.darkBlock.getUnclutter h1 { padding: 140px 0 42px 0; font-size: 32px; font-weight: 100; }
/* .darkBlock.getUnclutter .masButtonInline { padding-bottom: 130px; } */

/* ---------------------------------------------------------------------------------------- */


.app { position: absolute; height: 310px; left:0; top: 347px; }
.app .menubar { position: absolute; left: 0; top: 0; z-index: 100; }
.app .pocketContainer {
	position: absolute;
	left: 0;
	top: 16px;
	height: 260px;
	width: 1021px;
	overflow: hidden;
	z-index: 50;
}
.app .pocketContainer .image {
	position: absolute;
	left: 0;
	top: -244px;

	-webkit-transition: top 0.4s ease-in-out 0s;
    -moz-transition: top 0.4s ease-in-out 0s;
    -o-transition: top 0.4s ease-in-out 0s;
    transition: top 0.4s ease-in-out 0s;
}
.app .pocketContainer .image.show { top: 0 !important; }
.app .back { position: absolute; left: 0; top: 16px; z-index: 10; }



.pointerArrow {
	position: absolute;
	left: 480px;
	top: 267px;
	z-index: 1000;
	opacity: 0.0;
	
	-webkit-transition: opacity 0.4s ease-in-out 0s;
    -moz-transition: opacity 0.4s ease-in-out 0s;
    -o-transition: opacity 0.4s ease-in-out 0s;
    transition: opacity 0.4s ease-in-out 0s;
}

.pointerArrow.show { opacity: 1.0; }

/* ---------------------------------------------------------------------------------------- */

.flatButton {
	outline: none;
	display: inline-block;
	padding: 20px 0;
	line-height: 10px;
	text-align: center;

	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 20px;
	
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;

	background-color: #279BD6; /* blue */
	border: 0px solid #279BD6;
	color: white;
	
	-moz-box-shadow:    0 1px 0 0 rgba(0, 0, 0, 0.1);
  	-webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1);
  	box-shadow:         0 1px 0 0 rgba(0, 0, 0, 0.1);
}

.flatButton.Green { 
	background-color: #00A650;
	border: 0px solid #00A650;
	color: white;
}
.flatButton.Red { 
	background-color: #de4025;
	border: 0px solid #de4025;
	color: white;
}
.flatButton.Brown { 
	background-color: #9C9583;
	border: 0px solid #9C9583;
	color: white;
}
.flatButton.White {
	background-color: white;
	border: 1px solid #BCBCBC;
	color: #929292;
	padding: 19px 0;
	
	-moz-box-shadow: none;
  	-webkit-box-shadow: none;
  	box-shadow: none;
}



.flatButton.icon-play {
	background-image: url('../images/unclutter/v3-2/video-play-icon.png');
	background-repeat: no-repeat;
	background-position: 59px 50%;
}

/* retina support for play icon on "Video" button */
@media	only screen and (-webkit-min-device-pixel-ratio: 2),
		only screen and (   min--moz-device-pixel-ratio: 2),
		only screen and (     -o-min-device-pixel-ratio: 2/1),
		only screen and (        min-device-pixel-ratio: 2),
		only screen and (                min-resolution: 192dpi),
		only screen and (                min-resolution: 2dppx)
{
	.flatButton.icon-play {
		background-image: url('../images/unclutter/v3-2/video-play-icon@2x.png');
		background-repeat: no-repeat;
		background-position: 59px 50%;
		
		background-size: 15px 18px;
	}
}

/* ---------------------------------------------------------------------------------------- */

.mainScene { position: relative; padding-top: 62px; }
.mainScene .app { top: 210px; }
.mainScene .app .pocketContainer .image { top: -260px; }

.mainScene h1 {
	font-family: MSFont, Arial, sans-serif;
	font-size: 32px;
	font-weight: normal;
	line-height: 42px;
	color: #343434;
	text-align: center;

	margin-bottom: 374px;
}

/* ----------------------------------- */

.mainScene .priceBlock { padding-top: 36px; }
.mainScene .priceBlock .noDiscountPrice {
	color: #343434;
	font-size: 32px;
	font-weight: normal;
	font-family: MSFont, Arial, sans-serif;
	text-align: center;
}

/* ----------------------------------- */

.mainScene .buttons.cut { height: 227px !important; }
.mainScene .buttons.cut .item {	top: 27px !important; }

/* ----------------------------------- */

.mainScene .priceInfoContainer { padding-top: 28px; height: 99px; overflow: hidden; }
.mainScene .priceInfoContainer .priceInfoDiscount {
	visibility: hidden;
	opacity: 0;
	
	-webkit-transition: opacity 0.4s ease-in-out 0s;
    -moz-transition: opacity 0.4s ease-in-out 0s;
    -o-transition: opacity 0.4s ease-in-out 0s;
    -ms-transition: opacity 0.4s ease-in-out 0s;
    transition: opacity 0.4s ease-in-out 0s;
}

.mainScene .priceInfoContainer .priceInfo {
	visibility: hidden;
	opacity: 0;
	
	-webkit-transition: opacity 0.4s ease-in-out 0s;
    -moz-transition: opacity 0.4s ease-in-out 0s;
    -o-transition: opacity 0.4s ease-in-out 0s;
    -ms-transition: opacity 0.4s ease-in-out 0s;
    transition: opacity 0.4s ease-in-out 0s;
}

/* ----------------------------------- */

.mainScene .priceInfo {	
	position: relative;
	padding-top: 44px;
	padding-bottom: 18px;
}

.mainScene .priceInfo .piText {	
	font-family: 'Open Sans', sans-serif;
	font-size: 20px;
	font-weight: 300;
	color: #787878;
	line-height: 28px;
	text-align: center;
	white-space: nowrap;
}

.mainScene .priceInfo .piPrice {	
	color: #00A650;
	font-size: 24px;
	font-weight: 700;
	font-family: MSFont, Arial, sans-serif;
	text-align: center;
	padding-top: 9px;
}

/* ----------------------------------- */

.mainScene .priceInfoDiscount {
	position: relative;
	padding-top: 28px;
	text-align: center;
}

.mainScene .priceInfoDiscount .piFrame {
	position: relative;
	display: inline-block;
	width: 680px;
	height: 99px;
	border: 4px dashed #f6c8c0;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;

	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.mainScene .priceInfoDiscount .piText {
	font-family: MSFont, Arial, sans-serif;
	font-size: 20px;
	font-weight: 500;
	color: #e0492f;
	line-height: 28px;
	text-align: center;
	white-space: nowrap;
	text-transform: uppercase;
	/*padding: 3px 20px 1px 20px;
	background-color: #e0492f;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;*/
	display: inline-block;
	margin-top: 12px;
}

.mainScene .priceInfoDiscount .piPrices {
	position: absolute;
	top: 45px;
	left: 236px;
	width: 200px;
	overflow: visible;
}

/*.mainScene .priceInfoDiscount .piPriceDiscounted {
	position: absolute;
	top: 0px;
	left: -3px;
	color: #e0492f;
	font-size: 32px;
	font-weight: 700;
	font-family: MSFont, Arial, sans-serif;	
	white-space: nowrap;
	width: 200px;
	text-align: center;
}*/

.mainScene .priceInfoDiscount .piPriceDiscounted {
	position: absolute;
	top: 0px;
	left: 55px;
	color: #e0492f;
	font-size: 32px;
	font-weight: 700;
	font-family: MSFont, Arial, sans-serif;	
	white-space: nowrap;
	width: 200px;
	text-align: left;
}

/*.mainScene .priceInfoDiscount .piPriceRegular {
	position: absolute;
	top: 2px;
	left: -25px;
	font-size: 24px;
	font-weight: 100;
	font-family: MSFont, Arial, sans-serif;
	color: #999999;
	white-space: nowrap;
}*/

.mainScene .priceInfoDiscount .piPriceRegular {
	position: absolute;
	top: 2px;
	right: 165px;
	font-size: 24px;
	font-weight: 100;
	font-family: MSFont, Arial, sans-serif;
	color: #999999;
	white-space: nowrap;
	text-align: right;
}

/*.mainScene .priceInfoDiscount .piPriceRegular .line {
	position: absolute;
	top: -8px;
    right: -5px;
	width: 70px;
    height: 20px;
    border-bottom: 2px solid #999999;
}
*/

.mainScene .priceInfoDiscount .piPriceRegular .line {
	position: absolute;
	top: -8px;
	width: 100%;
    height: 20px;
    left: -5px;
    border-bottom: 2px solid #999999;
    padding: 0 5px;
}

/* ----------------------------------- */

.mainScene .priceInfoContainer .priceInfoDiscount { padding-top: 0; }
.mainScene .priceInfoContainer .priceInfo { padding-top: 16px; }

.mainScene .priceInfoContainer.show { min-height: 99px !important; overflow: visible !important; }
.mainScene .priceInfoContainer.show .priceInfoDiscount { visibility: visible !important; opacity: 1 !important; }
.mainScene .priceInfoContainer.show .priceInfo { visibility: visible !important; opacity: 1 !important; }

/* ----------------------------------- */













.mainScene .textAndPrice {
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	font-weight: 300;
	color: #787878;
	line-height: 28px;
	padding-top: 48px;
/* 	margin-bottom: -10px; */
	padding-left: 173px;
	text-align: left;

	position: relative;
}

.mainScene .textAndPrice .redbold {
	font-weight: bold;
	color: #e0492f;
}

.mainScene .textAndPrice .black { color: #343434; }

.mainScene .textAndPrice .price {
	position: absolute;
	overflow: visible;
	right: 170px;
	top: 48px; /* should be the same as top padding in .textAndPrice */
}

/* *** NO DISCOUNT CASE *** */

.mainScene .textAndPrice .price .noDiscounPrice {
	position: relative;
	top: 16px;
	color: #343434;
	font-size: 32px;
	font-weight: normal;
	font-family: MSFont, Arial, sans-serif;
	right: 0px;
	width: 200px;
	text-align: center;
}

.mainScene .textAndPrice .price .priceText {
	position: absolute;
	right: 115px;
	white-space: nowrap;
	color: #343434;
}

/* *** WITH DISCOUNT *** */

.mainScene .textAndPrice .price .regularPrice {
	position: absolute;
	top: 16px;
/* 	text-decoration: line-through; */
	font-size: 32px;
	font-weight: 100;
	font-family: MSFont, Arial, sans-serif;
	right: 112px;
	color: #343434;
	white-space: nowrap;
}

.mainScene .textAndPrice .price .regularPrice .line {
    width: 89px;
    height: 20px;
    border-bottom: 2px solid #e0492f;
	
    position: absolute;
    top: -6px;
    right: -5px;
}

.mainScene .textAndPrice .price .discountedPrice {
	position: relative;
	top: 15px;
	color: #e0492f;
	font-size: 32px;
	font-weight: bold;
	font-family: MSFont, Arial, sans-serif;
	right: 8px;
}










.mainScene .text {
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	font-weight: 300;
	color: #787878;
	line-height: 28px;
	padding-top: 36px;
	text-align: center;

	position: relative;
}


/* Main Scene Buttons */

.mainScene .buttons { position: relative; height: 250px; }
.mainScene .buttons .item {
	position: absolute;
	top: 50px;
	width: 240px;
	display: inline-block;
	text-align: center;
}

.mainScene .buttons .item a { width: 200px; }
.mainScene .buttons .item a.White { width: 198px; }
.mainScene .buttons .item .buttonText {
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	font-weight: 300;
	color: #787878;
	padding-top: 9px;
}

.masGreenLink {
	font-weight: bold;
	color: #008E44;
}

.masRedLink {
	font-weight: bold;
	color: #cc3b22;
}







/* -------------------------------------------- */

.videoPopup {
	position: relative;
	background: #000000;
	padding: 0;
	width: auto;
	max-width: 1280px;
	max-height: 720px;
	margin: 20px auto;
}

.videoBox { 
	width: 100%    !important;
	height: auto   !important;
}

/* -------------------------------------------- */

.mainScene .app {
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.mainScene .app .pocketContainer .pocket {
	position: absolute;
	left: 0;
	top: -260px;
	
	z-index: 10;
}

.mainScene .app .pocketContainer .pocketShadow {
	position: absolute;
	left: 0;
	top: -54px;
	
	z-index: 1;
}

.mainScene .app .pocketContainer .redLabel {
	position: absolute;
	left: 440px;
	top: -70px;
	
	z-index: 5;
}

/*
 * MAIN POCKET ANIMATION
 */
 
.mainScene .app .pocketContainer.show .pocket {
	-webkit-animation: aIndex_showPocket 2.6s ease-in-out infinite alternate;
	-o-animation: aIndex_showPocket 2.6s ease-in-out infinite alternate;
	-moz-animation: aIndex_showPocket 2.6s ease-in-out infinite alternate;
	-ms-animation: aIndex_showPocket 2.6s ease-in-out infinite alternate;
	animation: aIndex_showPocket 2.6s ease-in-out infinite alternate;
}

.mainScene .app .pocketContainer.show .pocketShadow {
	-webkit-animation: aIndex_showPocket 2.6s ease-in-out infinite alternate;
	-o-animation: aIndex_showPocket 2.6s ease-in-out infinite alternate;
	-moz-animation: aIndex_showPocket 2.6s ease-in-out infinite alternate;
	-ms-animation: aIndex_showPocket 2.6s ease-in-out infinite alternate;
	animation: aIndex_showPocket 2.6s ease-in-out infinite alternate;
}

.mainScene .app .pocketContainer.show .redLabel {
	-webkit-animation: aIndex_showRedLabel 2.6s ease-in-out infinite alternate;
	-o-animation: aIndex_showRedLabel 2.6s ease-in-out infinite alternate;
	-moz-animation: aIndex_showRedLabel 2.6s ease-in-out infinite alternate;
	-ms-animation: aIndex_showRedLabel 2.6s ease-in-out infinite alternate;
	animation: aIndex_showRedLabel 2.6s ease-in-out infinite alternate;
}





/* -------------------------------------------- */

.howto {
	background-color: #e8e6e2;
/* 	margin-top: 110px; */

	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
}

.howto .pageContentBlock { position: relative; /* height: 800px; */ }

.howto .column_1,
.howto .column_2,
.howto .column_3 {
	position: absolute;
	top: 205px;
	left: 0;
	width: 340px;
}

.howto .column_2 { left: 340px; }
.howto .column_3 { left: 680px; }

.howto h1 {
	font-family: MSFont, Arial, sans-serif;
	font-size: 26px;
	font-weight: bold;
	line-height: 26px;
	color: black;
	
	padding: 110px 0 17px 0;
	border-bottom: 1px solid #d5d3d0;
}

.howto .circle {
	display: inline-block;
	width: 40px;
	height: 40px;
	
	-moz-border-radius: 20px 20px 20px 20px;
	-webkit-border-radius: 20px 20px 20px 20px;
	border-radius: 20px 20px 20px 20px;
	
	position: absolute;
	left: 30px;
	top: 0;
	color: white;
	
	font-family: 'Open Sans', sans-serif;
	font-size: 24px;
	line-height: 39px;
	text-align: center;
}

.howto .circle span {
	display: inline-block;
	
	margin: 0;
	padding: 0;
	
	width: 41px;
	text-align: center;
}

.howto .text {
	color: #686765;
	position: absolute;
	top: -4px;
	left: 88px;
}

.howto .text.single-line { top: 7px; }

.howto .image { margin-top: 90px; }

.howto .placeholder { 
	background-color: #e8e6e2;
	
	-moz-box-shadow:    0 5px 16px 0 rgba(0, 0, 0, 0.20);
  	-webkit-box-shadow: 0 5px 16px 0 rgba(0, 0, 0, 0.20);
  	box-shadow:         0 5px 16px 0 rgba(0, 0, 0, 0.20);
}




.howto.openPocket { padding: 10px 0; }
.howto.openPocket .circle { background-color: #e0492f; }
.howto.openPocket h1 { margin-bottom: 148px; }
.howto.openPocket .pageContentBlock { padding-bottom: 64px; }

.howto.dropIn { padding: 10px 0 30px 0; }
.howto.dropIn .circle { background-color: #00A650; }
.howto.dropIn h1 { margin-bottom: 148px; }
.howto.dropIn .pageContentBlock { padding-bottom: 106px; }



/* -------------------------------------------- */

.getUnclutterBlock { background-color: #e8e6e2; }
.getUnclutterBlock .pageContentBlock {
	text-align: center;
	padding-top: 110px;
	padding-bottom: 68px;
}

.getUnclutterBlock h1 {
	font-family: MSFont, Arial, sans-serif;
	font-size: 32px;
	line-height: 26px;
	color: #6A6760;
}

.getUnclutterBlock .text {
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	font-weight: 300;
	color: #787878;
	line-height: 28px;
	padding-top: 18px;
	text-align: center;
}


/* Get Unclutter Buttons */

.getUnclutterBlock .buttons { padding-top: 40px; vertical-align: top; }
.getUnclutterBlock .buttons .item {
	width: 220px;
	display: inline-block;
	text-align: center;
	vertical-align: top;
}

.getUnclutterBlock .buttons .item a { width: 200px; }
.getUnclutterBlock .buttons .item a.White { width: 198px; }


.getUnclutterBlock .buttonsText {
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	font-weight: 300;
	color: #787878;
	padding-top: 37px;
	line-height: 20px;
}

.masGrayLink {
	font-weight: bold;
	color: #686765;
}


/* -------------------------------------------- */


.quotes2 .quotesContainer {
	margin-top: 150px;
	text-align: center;
	border-top: 1px solid #ebebeb
}

.quotes2 .flicker { height: 382px; }

.quotes2 .quotesContainer .text {
	font-family: MSFont, 'Open Sans', sans-serif;
	font-size: 30px;
	font-weight: normal;
	line-height: 42px;
	color: #484848;
	padding: 90px 0 36px 0;
}


/* -------------------------------------------- */

.panels {
	position: relative;
	height: 700px;

	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
}

.panels .column_1,
.panels .column_2,
.panels .column_3 {
	position: absolute;
	top: 335px;
	left: 0;
	width: 340px;
}

.panels .column_2 { left: 340px; }
.panels .column_3 { left: 680px; }

.panels h1 {
	font-family: MSFont, Arial, sans-serif;
	font-size: 32px;
	font-weight: bold;
	line-height: 26px;
	color: #989898;
	text-align: center;
	
	padding: 130px 0 0 0;
}

.panels .grayText {
	color: #8d8d8d;
	padding: 24px 0 0 0;
	text-align: center;
}

.panels h2 {
	font-family: MSFont, Arial, sans-serif;
	font-size: 26px;
	font-weight: normal;
	line-height: 26px;
	color: black;
	padding-bottom: 30px;
	text-align: center;
}

.panels .image { outline: none; }

.panels .image { display: inline-block; position: relative; width: 100%; height: 230px; }
.panels .image img {
	position: absolute;
	left: 0;
	top: 0;
	
	-webkit-transition:top 0.15s ease-out;
	-moz-transition:top 0.15s ease-out;
	-o-transition:top 0.15s ease-out;
	-ms-transition:top 0.15s ease-out;
	transition:top 0.15s ease-out;
}


.panels .text {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	line-height: 22px;
	color: black;

	padding: 25px 0 0 25px;
}


.moreButton {
	display: inline-block;

	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	line-height: 14px;
	color: white;
	
	padding: 7px 22px 7px 22px;
	background-color: #279bd6;
	border: 0 solid #279bd6;

	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}


.moreButton.green { background-color: #00A650; border-color: #00A650;}
.moreButton.red { background-color: #e0592f; border-color: #e0592f; }

.panels .moreButton {
	position: absolute;
	right: 10px;
	bottom: 16px;
	z-index: 100;
}

/* -------------------------------------------- */

.footer { padding-top: 180px; }

.footer .menu {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;	

	text-align: center;
	margin-bottom: 23px;
}

.footer .menu a {
	color: #989898;
	display: inline-block;
	margin: 0 13px;
	padding: 5px 14px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	line-height: 20px;
}


.footer .menu a.selected {
	background-color: #E8E6E2; /* #a19d95; */
	color: #8B8A87;
}


.footer .copyright {
	text-align: center;
	border-top: 1px solid #f0f0f0;
	padding: 40px 0 41px 0;

	font-family: 'Open Sans', sans-serif;
	color: #a3a3a3;
	font-size: 12px;
}

.footer .copyright a { color: #a3a3a3; }

/* -------------------------------------------- */


.messageBlock .title {
	font-family: MSFont, Arial;
	color: #c71500;
	font-size: 32px;
	line-height: 42px;
}

.messageBlock .text {
	margin-top: 25px;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	line-height: 26px;
}

/* ---------------------------------------------------------------------------------------- */

.featuresMainScene h1 {
	font-family: MSFont, Arial, sans-serif;
	font-size: 32px;
	font-weight: normal;
	line-height: 42px;
	color: #343434;
	text-align: center;

	margin-top: 90px;
}

.featuresMainScene .text {
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	line-height: 28px;
	color: #787878;
	padding-top: 8px;

	position: relative;
	text-align: center;
}

/* -------------------------------------------- */

.panelsFeatures {
	position: relative;
	height: 800px;

	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
}

.panelsFeatures .column_1,
.panelsFeatures .column_2,
.panelsFeatures .column_3 {
	position: absolute;
	top: 90px;
	left: 0;
	width: 340px;
}
.panelsFeatures .column_2 { left: 340px; }
.panelsFeatures .column_3 { left: 680px; }


.panelsFeatures h2 {
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 18px;
	font-weight: normal;
	line-height: 28px;
	color: black;
	padding: 28px 0 22px 0;
	text-align: center;
}

.panelsFeatures .image { outline: none; }

.panelsFeatures .image { display: inline-block; position: relative; width: 100%; height: 230px; }
.panelsFeatures .image img {
	position: absolute;
	left: 0;
	top: 0;
	
	-webkit-transition:top 0.15s ease-out;
	-moz-transition:top 0.15s ease-out;
	-o-transition:top 0.15s ease-out;
	-ms-transition:top 0.15s ease-out;
	transition:top 0.15s ease-out;
}


.panelsFeatures .text { position: relative; height: 268px; }
.panelsFeatures .text ul { padding-left: 45px; }
.panelsFeatures .text ul li {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	line-height: 22px;
	color: black;
	margin-bottom: 15px;
}
.panelsFeatures .text ul li span { color: #888888; font-size: 16px; }

.panelsFeatures .buttonWrap {
	position: absolute;
	display: inline-block;
	bottom: 0px;
	width: 100%;
	text-align: center;
}

.panelsFeatures .moreButton {
	padding: 9px 40px;
	z-index: 100;
}


.panelsFeatures.quickReference { height: 480px; }
.panelsFeatures.quickReference .text { height: 50px; }

/* -------------------------------------------- */

.quickReferenceVideo {
	background-color: #e8e6e2;
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
}

.quickReferenceVideo .pageContentBlock { position: relative; height: 850px; }

.quickReferenceVideo h1 {
	font-family: MSFont, Arial, sans-serif;
	font-size: 32px;
	font-weight: normal;
	line-height: 42px;
	color: #343434;
	text-align: center;

	padding-top: 86px;
	padding-bottom: 74px;
}

.quickReferenceVideo .videoLinkContainer { text-align: center; padding: 0; margin: 0; }
.quickReferenceVideo .videoLink {
	
	display: block;
	text-align: center;
	
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	
	-moz-border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
	/* border: 1px solid rgba(0, 0, 0, 0.15); */
	
	box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.15);
	overflow: hidden;
	padding: 0px;
	margin: 0;
	
	height: 570px;
	outline: none;
	
}


.tips.quickReference .title {
	font-family: MSFont, Arial, sans-serif;
	font-size: 22px;
	font-weight: bold;
	line-height: 22px;
	color: black;
	padding-top: 10px;
	margin-bottom: 8px;
}

.tips.quickReference .text {
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	line-height: 28px;
	color: black;
	text-align: left;
	font-weight: 300;
}

/* -------------------------------------------- */


.tips h1 {
	font-family: MSFont, Arial, sans-serif;
	font-size: 32px;
	font-weight: 100;
	line-height: 42px;
	color: #989898;
	text-align: center;

	margin-top: 100px;
	padding-bottom: 90px;
	margin-bottom: 68px;
	
	border-bottom: 1px solid #e5e5e5;
}

.tips .text {
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	line-height: 28px;
	color: #787878;
	padding-top: 8px;
	padding-bottom: 83px;

	position: relative;
	text-align: center;
}

.tips .tip {
	position: relative;
	height: 240px;

	padding: 0 20px 0 380px;
	border-bottom: 1px solid #e5e5e5;
	margin-top: 80px;

	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	line-height: 28px;
	color: black;
	text-align: left;
}

.tips .tip .title {
	font-family: MSFont, Arial, sans-serif;
	font-size: 22px;
	font-weight: bold;
	line-height: 22px;
	color: black;
	padding-top: 10px;
	margin-bottom: 8px;
}

.tips .tip .text {
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	line-height: 28px;
	color: black;
	text-align: left;
	font-weight: 300;
}

.tips .tip.last { border: none; }

.tips .tip .image {
	position: absolute;
	top: -30px;
	left: 0;
}


/* -------------------------------------------- */


.screenshots {
	background-color: #e8e6e2;
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
}

.screenshots .pageContentBlock { position: relative; height: 980px; }

.screenshots h1 {
	font-family: MSFont, Arial, sans-serif;
	font-size: 32px;
	font-weight: normal;
	line-height: 42px;
	color: #343434;
	text-align: center;

	padding-top: 86px;
	padding-bottom: 74px;
}

.screenshots .text {
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	line-height: 28px;
	color: #7f7e7c;
	padding-top: 8px;
	padding-bottom: 93px;

	position: relative;
	text-align: center;
}

.screenshots .row { height: 350px; position: relative; }

.screenshots a.sshot {
	outline: none;
	display: inline-block;
	margin-bottom: 20px;

	-moz-border-radius: 20px 20px 20px 20px;
	-webkit-border-radius: 20px 20px 20px 20px;
	border-radius: 20px 20px 20px 20px;

	background: none;
	
	position: absolute;
	left: 0;
	right: 0;
	
	width: 500px;
}

.screenshots a.sshot .caption {
	position: absolute;
	width: 100%;
	bottom: 30px;
	text-align: center;
	text-decoration: none;
	font-size: 16px;
	color: #444;
}

.screenshots .row a.sshot:last-child { left: 520px; }


/* -------------------------------------------- */

.darkBlock.getUnclutter.features { margin-top: 85px; }

/* ---------------------------------------------------------------------------------------- */

.supportMainScene h1 {
	font-family: MSFont, Arial, sans-serif;
	font-size: 32px;
	font-weight: normal;
	line-height: 42px;
	color: #343434;
	text-align: center;

	margin-top: 89px;
}

.supportMainScene .text {
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	line-height: 28px;
	color: #787878;
	padding-top: 8px;

	position: relative;
	text-align: center;
}

.supportForm {
	background-color: #e8e6e2;
	margin-top: 85px;

	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
}

.supportForm .pageContentBlock { position: relative; }


.supportForm .fields {
	display: inline-block;
	margin-left: 20px;
	width: 640px;
	margin-top: 30px;

	position: relative;
	padding-bottom: 130px;
}

.supportForm .fields .line {
	position: relative;
	margin-top: 25px;
	padding-top: 35px;
}


.supportForm .fields .line .title {
	font-family: 'Open Sans', sans-serif, Arial;
	font-size: 14px;
	font-weight: normal;
	color: #555555;
	
	position: absolute;
	left: 0;
	top: 0;
	
	padding: 5px 8px 5px 8px;
	background: none;
	
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}

.supportForm .fields .line .inputField.form_error_label + div.title { background-color: #e0592f; color: white; }
.supportForm .fields .line .inputField.form_error_label { border-color: #e0592f; }


.supportForm .fields .submitButton {
	display: inline-block;
	position: absolute;
	outline: none;
	right: 0;
	bottom: 48px;

	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	line-height: 18px;

	padding: 10px 54px 11px 54px;
	color: white;
	background-color: #279BD6;
	border: 0px solid #279BD6;

	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;

	cursor: pointer;
	outline: none;

	-moz-box-shadow:    0 1px 0 0 rgba(0, 0, 0, 0.1);
  	-webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1);
  	box-shadow:         0 1px 0 0 rgba(0, 0, 0, 0.1);
  	
  	margin: 3px 0 3px 0;
}


.supportForm .right {
	position: absolute;
	left: 760px;
	top: 104px;
	
	width: 240px;
	display: inline-block;
}


.supportForm .right .followUsText {
	color: #7f7e7c;
	border-bottom: 1px solid #d6d4d0;
	
	padding-bottom: 22px;
	margin-bottom: 30px;
	
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	line-height: 28px;
}

.supportForm .right a {
	display: inline-block;
	margin-right: 15px;
}

/* ---------------------------------------------------------------------------------------- */

.downloadMainScene h1 {
	font-family: MSFont, Arial, sans-serif;
	font-size: 32px;
	font-weight: normal;
	line-height: 42px;
	color: #343434;
	text-align: center;

	margin-top: 89px;
}

.downloadMainScene .text {
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	line-height: 28px;
	color: #787878;
	padding-top: 8px;

	position: relative;
	text-align: center;
}

.downloadInfo {
	background-color: #e8e6e2;
	margin-top: 85px;

	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	height: 430px;
}

.downloadInfo .pageContentBlock { position: relative; }


.downloadInfo .column_1,
.downloadInfo .column_2,
.downloadInfo .column_3 {
	position: absolute;
	top: 100px;
	left: 0;
	width: 340px;
}

.downloadInfo .column_2 { left: 340px; }
.downloadInfo .column_3 { left: 680px; }

.downloadInfo h1 {
	font-family: MSFont, Arial, sans-serif;
	font-size: 26px;
	font-weight: bold;
	line-height: 26px;
	color: black;
	
	padding: 110px 0 17px 0;
	border-bottom: 1px solid #d5d3d0;
}

.downloadInfo .circle {
	display: inline-block;
	width: 40px;
	height: 40px;
	
	-moz-border-radius: 20px 20px 20px 20px;
	-webkit-border-radius: 20px 20px 20px 20px;
	border-radius: 20px 20px 20px 20px;
	
	position: absolute;
	left: 30px;
	top: 0;
	color: white;
	
	font-family: 'Open Sans', sans-serif;
	font-size: 24px;
	line-height: 39px;
	text-align: center;
	background-color: #e0492f;
}

.downloadInfo .circle span {
	display: inline-block;
	
	margin: 0;
	padding: 0;
	
	width: 41px;
	text-align: center;
}

.downloadInfo .text {
	color: #686765;
	position: absolute;
	top: 1px;
	left: 88px;
}
.downloadInfo .text.single-line { top: 9px; }

.downloadInfo .image { margin-top: 60px; }
.downloadInfo .image.left { margin-left: 10px; }
.downloadInfo .image.center { margin-left: 30px; }
.downloadInfo .image.right { margin-left: 20px; }

/* ---------------------------------------------------------------------------------------- */

.affiliateMainScene h1 {
	font-family: MSFont, Arial, sans-serif;
	font-size: 32px;
	font-weight: normal;
	line-height: 42px;
	color: #343434;
	text-align: center;

	margin-top: 89px;
}

.affiliateMainScene .text {
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	line-height: 28px;
	color: #787878;
	padding-top: 8px;

	position: relative;
	text-align: center;
}

.affiliateMainScene .joinButton { text-align: center; margin-top: 40px; }

.affiliateMainScene .joinButton a { width: 200px; }

.affiliateDetails {
	background-color: #e8e6e2;
	margin-top: 75px;

	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	line-height: 26px;
	
	padding: 80px 0;
}

.affiliateDetails .pageContentBlock { position: relative; }

.affiliateDetails h1 {
	font-family: MSFont, Arial;
	font-size: 32px;
	font-weight: 500;
	line-height: 26px;
	padding-bottom: 20px;
}

.affiliateDetails .text a.gLink {
	color: #00A650;
	font-weight: bold;
}

.affiliateDetails .icon {
	position: absolute;
	right: -10px;
	top: 8px;
}


.affiliateDetails.WhiteBack {
	background-color: white !important;
	margin-top: 20px;
}

.affiliateDetails h1 { color: #343434; }
.affiliateDetails .text { color: #343434; font-weight: 100; font-size: 18px; line-height: 28px; }



/* ---------------------------------------------------------------------------------------- */

.notesMainScene {
	text-align: center;
	padding-top: 80px;
	position: relative;
	
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.notesMainScene h1 {
	font-family: MSFont, Arial;
	font-size: 50px;
	color: #343434;
}

.notesMainScene h2 {
	font-family: MSFont, Arial;
	font-size: 24px;
	line-height: 32px;
	color: #343434;
	margin-top: 40px;
	margin-bottom: 494px;
}



.notesMainScene .textBlock {
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	line-height: 28px;
	color: #1f1f1f;
}

.notesMainScene .textBlock.tb01 {
	padding: 0 0 110px 0;
}


.notesMainScene h1.middleHeader {
	color: #989898;
	font-size: 40px;
	font-weight: 100;
}




/* .darkBlock { background-color: #e9e6df; } */
.darkBlock.notesDescription h1 { padding-top: 106px; font-weight: 100; }
.darkBlock.notesDescription .text {
	padding: 40px 0 114px 0;
	line-height: 28px;
}


.pageContentBlock.tips.notes {
	padding-top: 60px;
	padding-bottom: 100px;
}






.notesMainScene .bigImage {
	position: relative;
	text-align: left;
	margin-left: 90px;
	margin-top: 130px;
	margin-bottom: 120px;
}

.notesMainScene .bigImage .annotation {
	position: absolute;
	font-family: 'Open Sans', sans-serif;
	display: inline-block;
}

.notesMainScene .bigImage .annotation .title {
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	line-height: 28px;
	color: #1f1f1f;
}

.notesMainScene .bigImage .annotation .text {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #808080;
	margin-top: 2px;
}

.notesMainScene .bigImage .annotation.a1 {
	left: 561px;
	top: -11px;
}

.notesMainScene .bigImage .annotation.a2 {
	left: 561px;
	top: 108px;
}

.notesMainScene .bigImage .annotation.a3 {
	left: 561px;
	top: 209px;
	opacity: 0;
	
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.notesMainScene .bigImage .annotation.a3 .line {
	display: inline-block;
	position: absolute;
	left: -44px;
	top: 0;
	width: 34px;
	height: 15px;
	border-bottom: 1px solid #cccccc;
}





.notesMainScene .bigImage .animation {
	position: absolute;
	left: 80px;
	top: 136px;
	width: 429px;
	height: 288px;
	overflow: hidden;
	
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}


.notesMainScene .bigImage .animation .openedText {
	position: absolute;
	left: 0;
	top: 0;
	display: inline-block;
	z-index: 1000;
}


.notesMainScene .bigImage .animation .firstNote,
.notesMainScene .bigImage .animation .firstNoteSharp,
.notesMainScene .bigImage .animation .notesHighlight {
	position: absolute;
	left: 0;
	top: 1px;
	display: inline-block;
	z-index: 950;
	opacity: 0;
}

.notesMainScene .bigImage .animation .notesHighlight { z-index: 980; }


.notesMainScene .bigImage .unpressedListButton {
	position: absolute;
	left: 458px;
	top: 112px;	
	display: inline-block;
	z-index: 900;	
	opacity: 1;
	
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}



/*
 *	NOTES BIG-IMAGE ANIMATION
 */


.notesMainScene .bigImage .animation.go .openedText {
	-webkit-animation: aNotes_openedText 4.0s ease-in-out infinite alternate;
	-o-animation: aNotes_openedText 4.0s ease-in-out infinite alternate;
	-moz-animation: aNotes_openedText 4.0s ease-in-out infinite alternate;
	-ms-animation: aNotes_openedText 4.0s ease-in-out infinite alternate;
	animation: aNotes_openedText 4.0s ease-in-out infinite alternate;
}

.notesMainScene .bigImage .animation.go .firstNote {	
	-webkit-animation: aNotes_firstListNote 4.0s ease-in-out infinite alternate;	
	-o-animation: aNotes_firstListNote 4.0s ease-in-out infinite alternate;	
	-moz-animation: aNotes_firstListNote 4.0s ease-in-out infinite alternate;	
	-ms-animation: aNotes_firstListNote 4.0s ease-in-out infinite alternate;	
	animation: aNotes_firstListNote 4.0s ease-in-out infinite alternate;
}

.notesMainScene .bigImage .animation.go .firstNoteSharp {	
	-webkit-animation: aNotes_firstListNoteSharp 4.0s ease-in-out infinite alternate;
	-o-animation: aNotes_firstListNoteSharp 4.0s ease-in-out infinite alternate;
	-moz-animation: aNotes_firstListNoteSharp 4.0s ease-in-out infinite alternate;
	-ms-animation: aNotes_firstListNoteSharp 4.0s ease-in-out infinite alternate;
	animation: aNotes_firstListNoteSharp 4.0s ease-in-out infinite alternate;
}

.notesMainScene .bigImage .animation.go .notesHighlight {
	-webkit-animation: aNotes_listNotesHighlight 4.0s ease-in-out infinite alternate;
	-o-animation: aNotes_listNotesHighlight 4.0s ease-in-out infinite alternate;
	-moz-animation: aNotes_listNotesHighlight 4.0s ease-in-out infinite alternate;
	-ms-animation: aNotes_listNotesHighlight 4.0s ease-in-out infinite alternate;
	animation: aNotes_listNotesHighlight 4.0s ease-in-out infinite alternate;
}

.notesMainScene .bigImage .animation.go + .unpressedListButton {
	-webkit-animation: aNotes_listButton 4.0s ease-in-out infinite alternate;
	-o-animation: aNotes_listButton 4.0s ease-in-out infinite alternate;
	-moz-animation: aNotes_listButton 4.0s ease-in-out infinite alternate;
	-ms-animation: aNotes_listButton 4.0s ease-in-out infinite alternate;
	animation: aNotes_listButton 4.0s ease-in-out infinite alternate;
}

.notesMainScene .bigImage .animation.go ~ .annotation.a3 {
	-webkit-animation: aNotes_annotation 4.0s ease-in-out infinite alternate;
	-o-animation: aNotes_annotation 4.0s ease-in-out infinite alternate;
	-moz-animation: aNotes_annotation 4.0s ease-in-out infinite alternate;
	-ms-animation: aNotes_annotation 4.0s ease-in-out infinite alternate;
	animation: aNotes_annotation 4.0s ease-in-out infinite alternate;
}

/* ---------------------------------------------------------------------------------------- */

.clipboardMainScene {
	text-align: center;
	padding-top: 80px;
	position: relative;
	
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.clipboardMainScene h1 {
	font-family: MSFont, Arial;
	font-size: 50px;
	color: #343434;
}

.clipboardMainScene h2 {
	font-family: MSFont, Arial;
	font-size: 24px;
	line-height: 32px;
	color: #343434;
	margin-top: 40px;
	margin-bottom: 514px;
}


.clipboardMainScene .app .pocketContainer .image { top: -260px; }



.clipboardMainScene .textBlock {
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	line-height: 28px;
	color: #1f1f1f;
}

.clipboardMainScene .textBlock.tb01 { padding: 0 0 110px 0; }

.clipboardMainScene h1.middleHeader {
	color: #989898;
	font-size: 40px;
	font-weight: 100;
}




.clipboardMainScene .bigImage {
	position: relative;
	text-align: left;
	margin-left: 130px;
	margin-top: 110px;
	margin-bottom: 120px;
}

.clipboardMainScene .bigImage .annotation {
	position: absolute;
	font-family: 'Open Sans', sans-serif;
	display: inline-block;
}

.clipboardMainScene .bigImage .annotation .title {
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	line-height: 28px;
	color: #1f1f1f;
}

.clipboardMainScene .bigImage .annotation .text {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #808080;
	margin-top: 2px;
}

.clipboardMainScene .bigImage .annotation.a1 { left: 16px; top: -3px; }
.clipboardMainScene .bigImage .annotation.a2 { left: 456px; top: -3px; }
.clipboardMainScene .bigImage .annotation.a3 { left: 622px; top: 139px; }


.clipboardFeatures { margin-top: 120px; padding-bottom: 20px; }

.clipboardFeatures .item {
	height: 272px;
	position: relative;	
	border-bottom: 1px solid #ebebeb;
	margin: 0 50px 50px 50px;
}
.clipboardFeatures .item.last { border: none; margin-bottom: 50px; }
.clipboardFeatures .item .stateImage { position: absolute; top: 0; left: -10px; }
.clipboardFeatures .item .text {
	text-align: left;
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	line-height: 28px;
	color: #1f1f1f;
	padding: 29px 0 0 380px;
	font-weight: 300;
}

.darkBlock.clipboardDescription h1 { padding-top: 106px; font-weight: 100; }
.darkBlock.clipboardDescription .text { padding: 40px 0 114px 0; line-height: 28px; }

.clipboardDescription .circle {
	background-color: #00A650; /* #279BD6; */
	
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	
	padding: 2px 10px 3px 10px;
	color: white;
}


/* ---------------------------------------------------------------------------------------- */

.filesMainScene {
	text-align: center;
	padding-top: 80px;
	position: relative;
	
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.filesMainScene h1 {
	font-family: MSFont, Arial;
	font-size: 50px;
	color: #343434;
}

.filesMainScene h2 {
	font-family: MSFont, Arial;
	font-size: 24px;
	line-height: 32px;
	color: #343434;
	margin-top: 40px;
	margin-bottom: 494px;
}



.filesMainScene .textBlock {
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	line-height: 28px;
	color: #1f1f1f;
}

.filesMainScene .textBlock.tb01 {
	padding: 0 0 130px 0;
}


.filesMainScene h1.middleHeader {
	color: #989898;
	font-size: 40px;
	font-weight: 100;
}








.filesMainScene .bigImage {
	position: relative;
	text-align: left;
	margin: 150px 0 100px 90px;
}

.filesMainScene .bigImage .annotation {
	position: absolute;
	font-family: 'Open Sans', sans-serif;
	display: inline-block;
}

.filesMainScene .bigImage .annotation .title {
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	line-height: 28px;
	color: #1f1f1f;
}

.filesMainScene .bigImage .annotation .text {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #808080;
	margin-top: 2px;
}

.filesMainScene .bigImage .annotation.a1 {
	left: 103px;
	top: -3px;
}

.filesMainScene .bigImage .annotation.a2 {
	left: 562px;
	top: -3px;
}

.filesMainScene .bigImage .annotation.a3 {
	left: 651px;
	top: 176px;
}

.filesMainScene .bigImage .annotation.a4 {
	left: 651px;
	top: 300px;
}


.howto.dropIn.files { margin-top: 0; border: none; }
.howto.dropIn.files .column_1,
.howto.dropIn.files .column_2,
.howto.dropIn.files .column_3 { top: 205px; }

.howto.dropIn.files .pageContentBlock { /* height: 700px; */ padding-bottom: 120px; }



.pageContentBlock.tips.files {
	padding-top: 60px;
	padding-bottom: 100px;
}




/* ---------------------------------------------------------------------------------------- */

.inputField
{
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	
	padding: 5px 8px 4px 8px;
	
	width: 100%;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	
	background-color: white;
	
	font-size: 14px;
	font-weight: normal;
	font-family: 'Open Sans', sans-serif;
	
	border: 1px solid #b2b2b2;
}

textarea.inputField { resize: vertical; padding: 7px 8px; }

/* -------------------------------------------- */

.pageTitle {
	font-family: MuseoSans500, Helvetiva, Arial;
	font-size: 30px;
	line-height: 30px;
	color: #1a1919;
}

.pageText {
	font-family: 'theFont', Arial, Helvetiva;
	font-size: 18px;
	line-height: 28px;
	color: #727171;
}

/* ---------------------------------------------------------------------------------------- */

.thankYou {
	background-color: #e8e6e2;
	margin-top: 75px;

	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	
	padding: 70px 0 80px 0;
}

.thankYou .pageContentBlock { position: relative; }

.thankyouMainScene h1 {
	font-family: MSFont, Arial, sans-serif;
	font-size: 32px;
	font-weight: normal;
	line-height: 42px;
	color: #343434;
	text-align: center;

	margin-top: 79px;
	text-transform: uppercase;
}

.thankYou .instruction { position: relative; }

.thankYou .instruction .circle {
	display: inline-block;
	width: 32px;
	height: 32px;
	
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	border-radius: 16px;
	
	position: absolute;
	left: 38px;
	top: 0;
	color: white;
	
	font-family: 'Open Sans', sans-serif;
	font-size: 20px;
	line-height: 32px;
	text-align: center;
	
	background-color: #e0492f;
}

.thankYou .instruction .circle span {
	display: inline-block;
	
	margin: 0;
	padding: 0;
	
	width: 33px;
	text-align: center;
}

.thankYou .instruction .text {
	color: black;
	padding: 2px 34px 40px 90px;
	line-height: 26px;
}

.thankYou .bottomText {
	color: #686765;
	padding: 0 34px 0 90px;
	line-height: 26px;
	margin-top: 30px;
}





.thankYou .instruction .button {
	
	display: inline-block;

	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	line-height: 18px;
	
	width: 220px;
	text-align: center;

	padding: 10px 0 11px 0;
	color: white;
	background-color: #3794e0;

	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;

	cursor: pointer;
	outline: none;

	-moz-box-shadow:    0 1px 2px 0 #c5c4c0;
  	-webkit-box-shadow: 0 1px 2px 0 #c5c4c0;
  	box-shadow:         0 1px 2px 0 #c5c4c0;
  	
  	text-decoration: none;
  	
  	margin: 3px;
  	border: 0px solid #3794e0;
  	
  	position: absolute;
	right: 27px;
	top: -7px;
}

.thankYou .instruction .button.downloadLicenseButton { background-color: #00A650; border-color: #00A650; }


/* ---------------------------------------------------------------------------------------------------------- */

/* *** FLICKR *** */
@font-face{	
	font-family:'flickerplate';
	src:url("icon-font-flickerplate/icomoon.eot?c4hmew");
	src:url("icon-font-flickerplate/icomoon.eot?#iefixc4hmew") format("embedded-opentype"),
	url("icon-font-flickerplate/icomoon.woff?c4hmew") format("woff"),
	url("icon-font-flickerplate/icomoon.ttf?c4hmew") format("truetype"),
	url("icon-font-flickerplate/icomoon.svg?c4hmew#icomoon") format("svg");

	font-weight:normal;
	font-style:normal
}

.flickerplate {
	position:relative;
	width:100%;
	height:600px;
	background-color:#fff;
	overflow:hidden
}

.flickerplate ul.flicks {
	width:10000%;
	height:100%;
	padding:0px;
	margin:0px;
	list-style:none
}

.flickerplate ul.flicks>li {
	float:left;
	width:1%;
	height:100%;
	background-position:center;
	background-size:cover;
	display:table
}

.flickerplate ul.flicks>li .flick-inner {
	height:100%;
	padding:10px;
	color:#fff;
	display:table-cell;
	vertical-align:top;
}

.flickerplate ul.flicks>li .flick-inner .flick-content {
	max-width:68.75em;
	margin-left:auto;
	margin-right:auto
}

.flickerplate ul.flicks>li .flick-title{
	padding:0px;
	text-align:center;
	line-height:56px;
	line-height:3.5rem;
	font-size:28px;
	font-size:1.75rem;
}

@media only screen and (min-width: 43.813em) {
	
	.flickerplate ul.flicks>li .flick-title {
		line-height:75px;
		line-height:4.6875rem;
		font-size:44px;
		font-size:2.75rem
	}
}

.flickerplate ul.flicks>li .flick-sub-text {
	padding:5px;
	text-align:center;
	color:rgba(255,255,255,0.8);
	line-height:42px;
	line-height:2.625rem;
	font-size:16px;
	font-size:1rem;
	font-weight:300
}

.flickerplate ul.flicks>li .flick-title span.flick-block-text,
.flickerplate ul.flicks>li .flick-sub-text span.flick-block-text {
	padding-left:18px;
	padding-right:18px;
	padding-top:12px;
	padding-bottom:12px;
	background-color:rgba(0,0,0,0.6)
}

.flickerplate .arrow-navigation {
	display:block;
	position:absolute;
	top:10%;
	width:10%;
	height:80%;
	z-index:100;
	overflow:hidden;
	font-family:"flickerplate";
	vertical-align:middle
}

.flickerplate .arrow-navigation:before {
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-25px;
	margin-top:-25px;
	height:50px;
	width:50px;
	opacity:0.0;
	filter:alpha(opacity=0.0);
	text-align:center;
	color:#c7c3ba;
	font-size:48px;
	font-size:3rem;

	-webkit-transition:opacity 0.2s ease-out;
	-moz-transition:opacity 0.2s ease-out;
	-o-transition:opacity 0.2s ease-out;
	-ms-transition:opacity 0.2s ease-out;
	transition:opacity 0.2s ease-out;
}

.no-touch .flickerplate .arrow-navigation:hover {cursor:pointer}
.no-touch .flickerplate .arrow-navigation:hover.left:before,
.no-touch .flickerplate .arrow-navigation:hover.right:before {
	opacity:1;
	filter:alpha(opacity=100)
}
.no-touch .flickerplate .arrow-navigation:active.left:before,
.no-touch .flickerplate .arrow-navigation:active.right:before { margin-top:-23px; }

.flickerplate .arrow-navigation.left { left:0%; }
.flickerplate .arrow-navigation.left:before { content:"\f104"; }
.flickerplate .arrow-navigation.right { right:0%; }
.flickerplate .arrow-navigation.right:before { content:"\f105"; }
.flickerplate .dot-navigation {
	position:absolute;
	bottom:16px;
	width:100%;
	text-align:center;
	z-index:100
}

.flickerplate .dot-navigation ul {
	text-align:center;
	list-style:none;
	padding:0px 15px;
}

.flickerplate .dot-navigation ul li {
	display:inline-block;
	float:none;
}

.flickerplate .dot-navigation .dot {
	width:14px;
	height:14px;
	margin:0px 8px;
	background-color:rgba(199,195,186,0.4);
	border-radius:50%;

	-o-border-radius:50%;
	-ms-border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;

	background-clip:padding-box;

	-webkit-transition:background-color 0.2s ease-out;
	-moz-transition:background-color 0.2s ease-out;
	-o-transition:background-color 0.2s ease-out;
	-ms-transition:background-color 0.2s ease-out;
	transition:background-color 0.2s ease-out
}

.flickerplate .dot-navigation .dot:hover {
	cursor:pointer;
	background-color:rgba(199,195,186,1.0);
}

.flickerplate .dot-navigation .dot.active { background-color:#ffab00; }
.flickerplate .dot-navigation.left,
.flickerplate .dot-navigation.left ul { text-align:left; }
.flickerplate .dot-navigation.right,
.flickerplate .dot-navigation.right ul { text-align:right; }

.flickerplate.animate-transform-slide ul.flicks {
	-webkit-perspective:1000;
	-webkit-backface-visibility:hidden;
	transform:translate3d(0%, 0px, 0px);
	-webkit-transform:translate3d(0%, 0px, 0px);
	-webkit-transition:-webkit-transform 0.2s ease-out;
	-o-transition:-o-transform 0.2s ease-out;
	-moz-transition:-moz-transform 0.2s ease-out;
	transition:transform 0.2s ease-out;
}

@media only screen and (min-width: 43.813em) {

	.flickerplate.animate-transform-slide ul.flicks { 
		-webkit-transition:-webkit-transform 0.6s ease-out;
		-o-transition:-o-transform 0.6s ease-out;
		-moz-transition:-moz-transform 0.6s ease-out;
		transition:transform 0.6s ease-out;
	}
}

.flickerplate.animate-transition-slide ul.flicks { 
	position:relative;
	left:0%;

	-webkit-transition:left 0.2s ease-in-out;
	-moz-transition:left 0.2s ease-in-out;
	-o-transition:left 0.2s ease-in-out;
	-ms-transition:left 0.2s ease-in-out;
	transition:left 0.2s ease-in-out
}

@media only screen and (min-width: 43.813em) {

	.flickerplate.animate-transition-slide ul.flicks {
		-webkit-transition:left 0.6s ease-in-out;
		-moz-transition:left 0.6s ease-in-out;
		-o-transition:left 0.6s ease-in-out;
		-ms-transition:left 0.6s ease-in-out;
		transition:left 0.6s ease-in-out;
	}
}

.flickerplate.animate-jquery-slide ul.flicks { position:relative; left:0%; }
.flickerplate.animate-scroller-slide { padding-bottom:0px; overflow:auto; }
.flickerplate.animate-scroller-slide ul.flicks { position:auto; }
.flickerplate.animate-transition-fade ul.flicks { position:relative; }
.flickerplate.animate-transition-fade ul.flicks li { 
	float:none;
	position:absolute;
	top:0;
	left:0;
	opacity:0;
	filter:alpha(opacity=0)
}

.flickerplate.animate-transition-fade.fade-inited ul.flicks li {
	-webkit-transition:opacity 0.8s linear;
	-moz-transition:opacity 0.8s linear;
	-o-transition:opacity 0.8s linear;
	-ms-transition:opacity 0.8s linear;
	transition:opacity 0.8s linear;
}

.flickerplate.animate-transition-fade.fade-inited ul.flicks li.first-flick {
	opacity:1;
	filter:alpha(opacity=100)
}

.flickerplate.animate-jquery-fade ul.flicks { position:relative; }
.flickerplate.animate-jquery-fade ul.flicks li {
	float:none;
	position:absolute;
	top:0;
	left:0;
	opacity:0;
	filter:alpha(opacity=0);
}

/* ---------------------------------------------------------------------------------------------------------- */


.mfp-unclutter {
	min-width: 1080px;
}

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none; }
button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover, .mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after, .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before, .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; }
 }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }

  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }

  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }

  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; }
 }

.mfp-ie7 .mfp-img {
  padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
  padding: 0; }
.mfp-ie7 .mfp-content {
  padding-top: 44px; }
.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }


/* -------------------------------------------------------------------- */

.whiteFormTable td.title {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	color: #787878;
	text-align: left;
	width: 200px;
	height: 50px;
}


.whiteFormTable input[type="text"] {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	color: black;
	text-align: left;
	width: 100%;
	height: 36px;
	text-indent: 10px;
	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	
	border: 1px solid rgba(0,0,0,0.17);	
	
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.08);
	-moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.08);
	box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.08);
}

.whiteFormTable input[type="text"].darkBorder {	border: 1px solid rgba(0,0,0,0.25);	}
.whiteFormTable input[type="text"].bigShadow {
	
	-webkit-box-shadow: 0px 3px 12px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 3px 12px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 3px 12px 0px rgba(0,0,0,0.1);
}

.whiteFormErrorField { background: rgba(224, 89, 47, 0.25); }

/* -------------------------------------------------------------------- */
/* REDEEM PAGE */
/* -------------------------------------------------------------------- */

body.redeem { min-height: 100%; height: 100%; position: relative; }

/* wrapper */
body.redeem .pageMainContainer {
	min-height: 100%;
    height: 100%;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    display: table;
    position: static;
}

/* div.id=content */
body.redeem .pageContentBlock.redeem {
	display: table-cell;
    vertical-align: middle;
    width: 100%;
    max-width: 100%;
    position: relative;
    padding-bottom: 90px;
}

/* article */
body.redeem .pageContentBlock .redeemContent {
	max-width: 100%;
    min-width: 768px;
    margin: 0 auto;
    width: 100%;
    
    padding-bottom: 30px;
}

/* footer */
body.redeem .pageContentBlock .redeemFooter {     
	max-width: 100%;
    min-width: 768px;
    margin: 0 auto;
    width: 100%;
    margin-top: 14px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    
    padding:0;
}

.redeemFooter .copyright { padding: 30px 0 28px 0; }

body.redeem .pageContentBlock.redeem,
body.redeem .redeemFooter { *zoom: 1; }

body.redeem .redeemContent:before, 
body.redeem .redeemContent:after,
body.redeem .redeemFooter:before,
body.redeem .redeemFooter:after { content: ""; display: table; }

body.redeem .redeemContent:after,
body.redeem .redeemFooter:after { clear: both; }

body.redeem, body.redeem * {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
    box-sizing: content-box;
}

html.redeem { height: 100%; }

/* ---------------------------------------------------------------------------------------- */

.redeemForm {
	background-color: #e8e6e2;
	margin-top: 30px;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	padding: 32px 0 40px 0;
}

.redeemForm .pageContentBlock { position: relative; }

.redeemProcess h1 {
	font-family: MSFont, Arial, sans-serif;
	font-size: 32px;
	font-weight: normal;
	line-height: 42px;
	color: #343434;
	text-align: center;

	text-transform: uppercase;
	
	margin-top: 59px;
	margin-bottom: 8px;
}

.redeemProcess .descr {
	font-size: 16px;
	color: #969696;
	text-align: center;
	padding-bottom: 30px;
}


.redeemForm .formTable td.title {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	color: #787878;
	text-align: left;
	width: 120px;
	height: 50px;
}

.redeemForm .formTable input[type="text"] {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	color: black;
	text-align: left;
	width: 100%;
	height: 36px;
	text-indent: 10px;
	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	
	border: 1px solid rgba(0,0,0,0.25);	
	
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.1);
}

#promocode_form input.flatButton {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
    box-sizing: content-box;
}

/* ---------------------------------------------------------------------------------------- */
/* Trial Activation */

.trialActivation.linkOpen { text-align: center; }
.trialActivation.linkOpen .wrapper {
	
	display: inline-block;
	width: 600px;
	
	margin-top: 50px;
	text-align: center;
	padding: 30px;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	
	background-color: #f6f6f6;
	border: 1px solid #ccc;
}

.trialActivation.linkOpen h1 {
	font-family: MSFont, Arial, sans-serif;
	font-size: 22px;
	font-weight: bold;
	line-height: 20px;
	color: #343434;
	text-align: center;
	padding-top: 5px;
}

.trialActivation.linkOpen .descr {
	font-size: 16px;
	line-height: 28px;
	color: #969696;
	text-align: center;
	margin-top: 20px;
	font-weight: normal;
}

.trialActivation.linkOpen .activationCode {
	
	font-family: monospace, 'Courier New', 'Open Sans', sans-serif;

	white-space: pre-wrap;      /* CSS3 */   
	white-space: -moz-pre-wrap; /* Firefox */    
	white-space: -pre-wrap;     /* Opera <7 */   
	white-space: -o-pre-wrap;   /* Opera 7 */    
	word-wrap: break-word;      /* IE */
	word-break: break-all;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	
	background-color: #e8e8e8;
	/* color: #787878; */
	
	padding: 20px;
	margin-top: 15px;
}



/* ---------------------------------------------------------------------------------------- */
/* Press Reviews */

.pressReviews { padding-top: 100px; }

.pressReviews .review {
	position: relative;
	padding-bottom: 40px;
}

.pressReviews .review .icon {
	position: absolute;
	left: 0;
	top: 5px;
}

.pressReviews .review .title {
	padding-left: 28px;
	padding-right: 150px;
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	line-height: normal;
}

.pressReviews .review .info {
	padding-left: 28px;
	margin-top: 5px;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	font-weight: 300;
	line-height: normal;
	color: #cccccc;
}

.pressReviews .review .info .date, .pressReviews .review .info .language { color: #787878; }

.pressReviews .review .info .language {
	position: absolute;
	right: 0;
	top: 4px;
}


.pressReviews .year h1 {
	font-family: MSFont, Arial, sans-serif;
	font-size: 26px;
	font-weight: bold;
	color: #343434;
	line-height: 26px;
	
	padding-bottom: 40px;
	padding-top: 38px;
	border-top: 1px solid #ebebeb;
	text-align: right;
}


/* ---------------------------------------------------------------------------------------- */

.topMessageApple h1 {
	font-family: MSFont, Arial, sans-serif;
	font-size: 32px;
	font-weight: bold;
	line-height: 42px;
	color: #343434;
	text-align: center;

	margin-top: 70px;
}

.topMessageApple .text {
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	font-weight: 100;
	line-height: 28px;
	color: #787878;
	padding-top: 8px;

	position: relative;
	text-align: center;
}

.appleForm {
	background-color: #e8e6e2;
	margin-top: 40px;

	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
}

.appleForm .pageContentBlock { position: relative; }

.appleForm .left {
	position: absolute;
	left: 30px;
	top: 45px;
	
	width: 276px;
	display: inline-block;
}


.appleForm .fields {
	display: inline-block;
	margin-left: 340px;
	width: 640px;
	
	position: relative;
	margin-top: 68px;
	padding-bottom: 65px;
	
}

.appleForm .formTable .fieldTitle {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #323232;
	
	text-align: left;
	padding-bottom: 4px;
}

.appleForm .formTable .fieldTitle .fieldDescription {
	color: #787878;
	font-weight: 100;
}


.appleForm .formTable input[type="text"] {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	color: black;
	text-align: left;
	width: 100%;
	height: 36px;
	text-indent: 10px;
	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	
	border: 1px solid rgba(0,0,0,0.25);	
	
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.1);
}

.appleForm input.flatButton {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
    box-sizing: content-box;
}

.appleForm .copyLinkButton {
	display: inline-block;

	font-family: 'Open Sans', sans-serif;
	font-size: 11px;
	line-height: 11px;
	color: white;
	
	padding: 4px 11px 4px 10px;
	background-color: #a6a6a6;
	border: none;

	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

/* ---------------------------------------------------------------------------------------- */

.surveyHeaderText h1 {
	font-family: MSFont, Arial, sans-serif;
	font-size: 32px;
	font-weight: bold;
	line-height: 42px;
	color: #343434;
	text-align: center;

	margin-top: 70px;
}

.surveyHeaderText .text {
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	font-weight: 100;
	line-height: 28px;
	color: #787878;
	padding-top: 8px;

	position: relative;
	text-align: center;
}

.surveyForm {
	background-color: #e8e6e2;
	margin-top: 40px;

	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
}

.surveyForm input[type=submit],
.surveyForm input[type=text],
.surveyForm textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.surveyForm .pageContentBlock { position: relative; }

.surveyForm .fields {
	position: relative;
	padding: 68px 10px 65px 10px;
}

.surveyForm .formTable .fieldTitle {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #323232;
	
	text-align: left;
	padding-bottom: 6px;
}

.surveyForm .formTable .fieldTitle.underline {
	border-bottom: 1px solid rgba(0,0,0,0.1);
	margin-bottom: 5px;
}

.surveyForm .formTable .fieldTitle .fieldDescription {
	color: #787878;
	font-weight: 100;
}

.surveyForm .formTable input[type="text"],
.surveyForm .formTable textarea {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	color: black;
	text-align: left;
	width: 100%;
	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	
	border: 1px solid rgba(0,0,0,0.25);	
	
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.1);
}
.surveyForm .formTable textarea {
	box-sizing: border-box;
	padding: 10px;
	resize: none;
	
	transition: height 0.1s;
	-webkit-transition: height 0.1s; /* Safari */
	-moz-transition: height 0.1s; /* Safari */
	-o-transition: height 0.1s; /* Safari */
}
.surveyForm .formTable input[type="text"] {
	height: 36px;
	text-indent: 10px;
}



.surveyForm .option {
	padding: 5px 5px 0 10px;
	vertical-align: middle;
}
.surveyForm .option input[type=radio],
.surveyForm .option input[type=checkbox] { vertical-align: middle; }
.surveyForm .option label { font-size: 14px; vertical-align: middle; }


.surveyForm input.flatButton {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
    box-sizing: content-box;
}

/* ---------------------------------------------------------------------------------------- */

.infoPage .text {
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	line-height: 28px;
	font-weight: 300;
}

.infoPage h1 {
	font-family: MSFont, Arial, sans-serif;
	font-weight: bold;
	font-size: 32px;
	line-height: 42px;
	margin-bottom: 8px;
}

.infoPage .infoHeader {
	padding-top: 50px;
	font-size: 12px;
	line-height: 22px;
}

.infoPage .infoTitle {
	padding: 80px 0 75px 0;
	text-align: center;
}

.infoPage .infoSubtitle {
	margin-top: 10px;
	font-size: 12px;
	color: #787878;
	font-weight: 300;
	font-family: 'Open Sans', sans-serif;
}

.infoPage .text ol,
.infoPage .text ul {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding-top: 0;
	padding-bottom: 0;	
}

.infoPage .text a { font-weight: normal; }

.infoPage .text .quoteBlock {
	padding: 0px 20px;
	border-left: 3px solid #3e8dd6;
	margin: 20px 0;
}


/* ---------------------------------------------------------------------------------------- */