/* STORYLINE STYLES */


/* TYPOGRAPHY
------------------------------------------------------------------*/

@font-face {
    font-family: 'Avenir';
    src: url('/web/20161022234846im_/http://iamemo.ru/type/avenirltstd-heavy-webfont.eot');
    src: url('/web/20161022234846im_/http://iamemo.ru/type/avenirltstd-heavy-webfont.eot#iefix') format('embedded-opentype'),
         url('/web/20161022234846im_/http://iamemo.ru/type/avenirltstd-heavy-webfont.woff') format('woff'),
         url('/web/20161022234846im_/http://iamemo.ru/type/avenirltstd-heavy-webfont.ttf') format('truetype'),
         url('/web/20161022234846im_/http://iamemo.ru/type/avenirltstd-heavy-webfont.svg#AvenirLTStd85Heavy') format('svg');
    font-weight: 400;
    font-style: normal;

}

@font-face {
    font-family: 'AvenirLTStd35LightOblique';
    src: url('/web/20161022234846im_/http://iamemo.ru/type/avenirltstd-lightoblique-webfont.eot');
    src: url('/web/20161022234846im_/http://iamemo.ru/type/avenirltstd-lightoblique-webfont.eot#iefix') format('embedded-opentype'),
         url('/web/20161022234846im_/http://iamemo.ru/type/avenirltstd-lightoblique-webfont.woff') format('woff'),
         url('/web/20161022234846im_/http://iamemo.ru/type/avenirltstd-lightoblique-webfont.ttf') format('truetype'),
         url('/web/20161022234846im_/http://iamemo.ru/type/avenirltstd-lightoblique-webfont.svg#AvenirLTStd35LightOblique') format('svg');
    font-weight: 400;
    font-style: normal;

}

@font-face {
    font-family: 'AvenirBlack';
    font-weight: bold;
    src: url("/web/20161022234846im_/http://iamemo.ru/type/AvenirLTStd-Black.otf") format("opentype");
}

@font-face {
    font-family: 'Helvetica Neue Std';
    src: url('/web/20161022234846im_/http://iamemo.ru/type/helvetica/2BDB20_1_0.eot');
    src: url('/web/20161022234846im_/http://iamemo.ru/type/helvetica/2BDB20_1_0.eot#iefix') format('embedded-opentype'),
         url('/web/20161022234846im_/http://iamemo.ru/type/helvetica/2BDB20_1_0.woff') format('woff'),
         url('/web/20161022234846im_/http://iamemo.ru/type/helvetica/2BDB20_1_0.ttf') format('truetype');}

.storyline {font-family: 'Helvetica Neue', Helvetica, arial, sans-serif;}
.storyline h1, .storyline h2, .storyline h3 {font-family: 'Avenir', 'Helvetica Neue', helvetica, arial, sans-serif}

/* BASIC
------------------------------------------------------------------*/
.storyline {
  padding-top:45px !important; /*cause I removed some default classes and this needs to line up like PSD */
}
.storyline > .row {
  padding:20px 20px 0 20px;
  border:1px solid #b8bfc7;
  width:900px;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 0 10px #d0d6dd;
  behavior: url(/web/20161022234846im_/http://iamemo.ru/PIE.htc);
  position: relative;
}
.storyline .storyline-section-heading {
  margin:40px -40px;
  padding:25px 40px;
  background: #f4f5f6 url(/web/20161022234846im_/http://iamemo.ru/images/storyline/sectionHeadingBg.jpg) repeat-x bottom left;
  border-top:1px solid #c9ced4;
  border-bottom:1px solid #c9ced4;
}
.storyline .top-features-content .storyline-section-heading p {
	font-size: 15px;
}
.storyline .all-features-content .storyline-section-heading {
  margin:0 -20px 0 -37px;
}

/* STORYLINE HEADER
------------------------------------------------------------------*/
.storyline .storyline-header {
  border-radius:5px 5px 0 0;
  behavior: url(/web/20161022234846im_/http://iamemo.ru/PIE.htc);
  border-bottom: none;
  position: relative;
  color:#fff;
  margin:-20px -20px 0 -20px; /*parent element has padding, this forces back to edge*/
  padding:20px 20px 15px 20px;
  background: #000 url(/web/20161022234846im_/http://iamemo.ru/images/storyline/mainImg.png) no-repeat 0 0 ;
  height:275px;

}
.storyline .storyline-header.top-features { height: 309px;}
.storyline .storyline-header > .sub-nav-logo {
  border-radius: 5px 5px 0 0;
  behavior: url(/web/20161022234846im_/http://iamemo.ru/PIE.htc);
  position: relative;
  margin:-20px -20px 10px -20px; /*parent element has padding, this forces back to edge*/
  padding:20px 20px 12px 20px;
  position: relative;
  background: #051e2f ;
  background: rgba(0, 0, 0, .60);

  /*IE needs some spoon feeding, aww.. how cute */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000090,endColorstr=#00000090);
  zoom: 1;
  margin-bottom:0px !important;
}
.ie .storyline .storyline-header > .sub-nav-logo {
  background: url(/web/20161022234846im_/http://iamemo.ru/images/storyline/logoNavBg.png) repeat top left;
}
.storyline .storyline-header > .sub-nav-logo h1 {
  font-size:28px;
  text-transform: uppercase;
  color:#fff;
  float:left;
  line-height:28px;
  margin-bottom:0;
  font-weight: 100;
}
.storyline .storyline-header > .sub-nav-logo ul.sub-nav {
	position: relative;
	top: -3px;
	margin-right: 0;
}
.storyline .storyline-header > .sub-nav-logo ul.sub-nav li a {
  color:#fff;
  text-shadow: none;
  border-radius: 50px;
  behavior: url(/web/20161022234846im_/http://iamemo.ru/PIE.htc);
  position: relative;
  padding:6px 10px 4px 10px;
  height:auto;
	margin-left: 5px;
}

.storyline .storyline-header > .sub-nav-logo ul.sub-nav li a span, .storyline .storyline-header > .sub-nav-logo ul.sub-nav li.active a span {
  /*removed global styles so we can adjust our own height/padding for these nav items */
  padding:0;
  height:auto;
}
/*Lets take out some default rounded images and hope CSS3Pie can fix this for IE.. mmmm, pie*/
.storyline .storyline-header > .sub-nav-logo ul.sub-nav li.active a, .storyline .storyline-header > .sub-nav-logo ul.sub-nav li.active a span {
  background-image: none !important;
}
.storyline .storyline-header > .sub-nav-logo ul.sub-nav li.active a, .storyline .storyline-header > .sub-nav-logo ul.sub-nav li.active a:hover, .storyline .storyline-header > .sub-nav-logo ul.sub-nav li a:hover
  {
  background: #0b3957;
  border-bottom: 1px solid #455f70;
  box-shadow: inset 0px 1px 0 #00172c;
	behavior: url(/web/20161022234846im_/http://iamemo.ru/PIE.htc);
  position: relative;
  font-weight: normal;
  text-decoration: none;
  color: #fff !important;
}
.storyline .storyline-header > .sub-nav-logo ul.sub-nav li a:hover {
  color: #138bbb;
}
.storyline .storyline-header h1.tag{
  color:#fff;
  text-align:center;
  text-shadow: 0 3px 0 #000;
  margin-top:25px;
  font-size: 52px;
  margin-bottom: 5px;
  behavior: url(/web/20161022234846im_/http://iamemo.ru/PIE.htc);
  position: relative;
}
.storyline .storyline-header h2 {
  color:#fff;
  text-align: center;
  font-size: 25px;
  font-weight: normal;
  text-shadow: 0 2px 0 #000;
  font-family: 'Helvetica Neue', Helvetica, arial,'Tahoma', sans-serif;
  behavior: url(/web/20161022234846im_/http://iamemo.ru/PIE.htc);
  position: relative;
  margin-bottom: 20px;
}
.storyline .storyline-header p.header-action {
  text-align: center;
  margin: 40px 0 0 0;

}
.storyline .storyline-header p.header-action a {
  padding:10px 20px;
  font-family: 'Avenir', helvetica, arial, sans-serif;
  text-transform: uppercase;
  font-size: 17px;
  color:#fff;
  border-radius: 5px;
  position: relative;
  margin-left:10px;
}
.storyline .storyline-header p.header-action a:first-child {
  margin-left:0; /*to center the text but still keep the margins between the <a>'s */
}
.storyline .storyline-header p.header-action a:hover {
  box-shadow: 0 0 1px #000;
  position: relative;
  behavior: url(/web/20161022234846im_/http://iamemo.ru/PIE.htc);
}

.storyline .storyline-header p.header-action a abbr {
  /*overwriting some global styles here, I had to use abbr on FAQ.. yep, that anal */
  text-decoration: none;
  color: #fff;
  border: none;
  font-size: 100%;
}

.storyline-transparent-buttons p.header-action a {background: url(/web/20161022234846im_/http://iamemo.ru/images/storyline/actionBg.png) repeat-x;}
.storyline-transparent-buttons p.header-action a:hover {background: url(/web/20161022234846im_/http://iamemo.ru/images/storyline/actionBgActive.png) repeat-x;}


/* STORYLINE All FEATURES CONTENT
------------------------------------------------------------------*/
.storyline .storyline-content {
  border-radius:0 0 5px 5px;
  border-top:none;
  position:relative;
behavior: url(/web/20161022234846im_/http://iamemo.ru/PIE.htc);
}
.storyline .storyline-content .all-features-nav {
  position: relative;
  float:left;
  width:197px; /*correct width to get the .active > a background aligning as seen in PSD */
  padding-bottom:30px;
  background: url(/web/20161022234846im_/http://iamemo.ru/images/storyline/allFeaturesNavBorder.png) repeat-y top right; /*honestly looks better to use this img rather than border/shadow */
  position: relative;
  zoom: 1;
}
.storyline .all-features-nav ul {
  margin-left:-20px;/*offset parent padding*/
  padding-top:30px;
}
.storyline .all-features-nav ul li {
  margin:0;
  z-index: 6;
  position: relative;
}
.storyline .all-features-nav ul li a, .storyline .all-features-nav ul li.inactive a {
  font-size: 14px;
  color: #54575d;
  display:block;
  /*the padding and width are there for the bg img which shows on .active class and :hover state*/
  width:175px;
  padding:8px 20px;

  /*removed global transition on these nav items*/
  -webkit-transition: none;
}
.storyline .all-features-nav ul li.active a{
  /*background: url(/web/20161022234846im_/http://iamemo.ru/images/storyline/featuresNavBg.png) no-repeat top left;*/

  position: relative;
}
.storyline .all-features-nav ul li.active a.active_link {
 color: white;
  font-weight: bold;
}

.storyline .all-features-nav ul li.move_me{
	background: url(/web/20161022234846im_/http://iamemo.ru/images/storyline/featuresNavBg.png) no-repeat top left;
	color: white;
	font-weight: bold;width:212px;height:33px;position:absolute;top:33px;
	z-index: 0;
}
.storyline .all-features-nav ul li a:hover {
  font-weight: bold;
}
.storyline .storyline-content .all-features-content {
  float: right;
  width: 680px;
  /*padding-top: 30px;*/
}
.storyline .all-features-content blockquote {
  margin:0;
  padding:0;
  border:none;
}
.storyline .all-features-content blockquote img {
  float:left;
  margin-right:20px;
  margin-bottom: 20px;
  padding:4px;
  background: #fff;
}
.storyline .all-features-content blockquote p {
  color:#54575d;
  font-size: 14px;
  font-family: 'Droid Serif', serif;
  font-style: italic;
  line-height: 22px;
  padding-top:10px;
}
.storyline .all-features-content blockquote p span.author {
  font-weight: bold;
}
.storyline .all-features-content ul.allFeatures {
  margin:40px 0 0 0;
  padding:0;
}
.storyline .all-features-content ul.allFeatures li {
  float:left;
  width:310px;/*width of the image within <li> */
  zoom: 1;
}
.storyline .all-features-content ul.allFeatures li.first1 {
  margin-right:40px;
}
.storyline .all-features-content ul.allFeatures .featureRow {
  zoom: 1;
  clear:both;
}
.storyline .all-features-content h3 {
  color:#0e6899;
  font-family: 'Avenir', helvetica, arial, sans-serif;
  font-size: 22px;
  font-weight: 100;
}
.storyline .all-features-content h4 {
  font-family: 'Avenir', helvetica, arial, sans-serif;
  font-size: 17px;
  color:#54575d;
  font-weight: 100;
  margin:20px 0 10px 0;
}
.storyline .all-features-content ul.allFeatures li div.imgVidWrapper {
  position: relative;
}
.storyline .all-features-content ul.allFeatures li img {
  /*the wrapper contains the shadow bg, so lets get positioned up in here*/
  position: relative;
  z-index: 3;
}
.storyline .all-features-content ul.allFeatures li div.imgVidWrapper:after {
  /*the bottom shadow for each img/vid*/
  content:'';
  width:354px;
  height:17px;
  display: block;
  position:absolute;
  background:url(/web/20161022234846im_/http://iamemo.ru/images/storyline/featureImgShadow.png) no-repeat top left;
  z-index: 2;
  left:-25px;
  top:181px;

}

/* STORYLINE TOP FEATURES CONTENT
------------------------------------------------------------------*/

.storyline .sub-header {
	float: left;
	width: 942px;
	display: none;
	padding: 0 0 15px 0;
	margin-bottom: -1px;
	position: relative;
	background: url(/web/20161022234846im_/http://iamemo.ru/images/storyline/bg_nav_header.jpg) no-repeat;
	z-index: 10;
	overflow: hidden;
}

.storyline .sub-header a.logo {
	float: left;
	display: block;
	text-indent: -9000px;
	width: 145px;
	height: 22px;
	margin: 20px 0 0 25px;
	background: url(/web/20161022234846im_/http://iamemo.ru/images/storyline/logo_storyline.png);
}

.storyline .sub-header ul.actions {
	float: right;
	list-style-type: none;
	margin: 12px 20px 0 0;
}
.storyline .sub-header ul.actions li {
	display: inline;
}
.storyline .sub-header ul.actions li a {
	float: left;
	width: 109px;
	height: 32px;
	text-indent: -9000px;
	display: block;
	margin-left: 10px;
}
.storyline .sub-header ul.actions li a.try-free {
	background: url(/web/20161022234846im_/http://iamemo.ru/images/storyline/btn_tryfree.png);
}
.storyline .sub-header ul.actions li a.buy-now {
	background: url(/web/20161022234846im_/http://iamemo.ru/images/storyline/btn_buynow.png);
}
.storyline .sub-header ul.actions li a.sales-faq {
	background: url(/web/20161022234846im_/http://iamemo.ru/images/storyline/btn_salesfaq.png);
}
.storyline .sub-header ul.actions li a.live-demo {
	background: url(/web/20161022234846im_/http://iamemo.ru/images/storyline/btn_livedemo.png);
}
.storyline .sub-header ul.actions li a:hover { background-position: -109px 0; }
.storyline #storyline-navigation{
	position: absolute;
	top:-70px;
	height: 151px;
	margin: 0 0 0 -21px;
	width: 940px;
	z-index: 30000;
}
.storyline ul#top-features-nav {
  margin: 0 -20px 20px 0px; /*offset parent's padding */
  padding:0;
  border-bottom:1px solid #b8bfc7;
  background: #e6eaee url(/web/20161022234846im_/http://iamemo.ru/images/storyline/topFeaturesNavBg.jpg) repeat-x top left;
  height: 89px;
  width: 941px;
  bottom: 0px;
  clear: both;
  overflow: hidden;
}
.storyline ul#top-features-nav li {
  display: inline;
}
.storyline ul#top-features-nav li a {
  font-weight: bold;
  font-size: 15px;
  color:#54575d;
  text-shadow: 0px 1px 1px #fff;
  display: block;
  float: left;
  height:64px;
  width:107px;
  text-align: center;
  border-left:1px solid #b8bfc7;
  border-right:1px solid #fff;
  padding:25px 24px 0 23px;
}
.storyline ul#top-features-nav li a span {
  /* ok, so heres the thing, can't vert align middle on block elements,
  needed block for <a> styling, so <span> is wrapped around single line nav
  items only to push them in the middle, super ugly, but a work around for now, fix later */
  padding-top:8px;
  display: block;
}
.storyline ul#top-features-nav li:first-child a {
  /*odd widths, so lets adjust the first slightly to take up the whole width of container */
  padding-left:25px;
  padding-right:27px;
}
.storyline ul#top-features-nav li a:hover {
  color:#126b9b;
  background: #eff0f1 url(/web/20161022234846im_/http://iamemo.ru/images/storyline/topFeaturesNavBgHover.jpg) repeat-x top left;
}
.storyline ul#top-features-nav li.active a {
  padding-bottom:1px; /*this covers the parent <ul> border-bottom*/
  background: #fff;
  background-image: none;
}
.storyline .top-features-content .top-feature, .storyline .top-features-content .top-features-section {
  clear:both;
}
.storyline .top-features-content .top-features-section {
  margin:20px -20px 0px -20px;
  padding:0px 40px 0 40px;
  /*border-top:1px solid #ccc; removed in favor of section-heading design*/
  clear:both;
}
.storyline .top-features-content .top-features-section.first-feature {
  margin-top:70px;
}
.storyline .top-features-content .storyline-section-heading.first-section {
  margin-top:-21px;
  padding-top:40px;
}
.storyline .top-features-content .top-features-section:first-child {
  border-top:none;
}
.storyline .top-features-content .top-feature {
  margin:40px 0 20px 0;
}

.storyline .top-features-content .top-feature .imgVidWrapper {
  margin-bottom:20px;
}
.storyline .top-features-content .top-feature .imgVidWrapper.left {
  margin-right:40px;
  margin-bottom: 40px;
}
.storyline .top-features-content .top-feature .imgVidWrapper.right {
  margin-left: 40px;
  margin-bottom: 40px;
}
.storyline .top-features-content .top-feature .imgVidWrapper.center {
  margin-left: 620px;
}
.storyline .top-features-content h2 {
  color:#0e6899;
  font-family: 'Avenir', helvetica, arial, sans-serif;
  font-size: 27px;
  font-weight: 400;
}
.storyline .top-features-content h3 {
  font-family: 'Avenir', helvetica, arial, sans-serif;
  font-size: 23px;
  color: #0e6899 /*#54575d was gray*/;
  font-weight: 100;
}
.storyline .top-features-content p {
  font-size:16px;
}
.storyline .top-features-content blockquote {
  margin:15px 0 0 0;
  padding:0;
  border:none;
  min-height: 51px;
}
.storyline .top-features-content blockquote img {
  float:left;
  margin-right:20px;
  padding:4px;
  background: #fff;
  height:51px;
}
.storyline .top-features-content blockquote p {
  color:#54575d;
  font-size: 14px;
  font-family: 'Droid Serif', serif;
  font-style: italic;
  line-height: 25px;
  vertical-align: middle;
  margin-left:80px;
  padding-top: 10px;
  margin-bottom: 0;
}
.storyline .top-features-content blockquote p span.author {
  font-weight: bold;
}
.storyline .top-feature .publishing {
  width:512px !important;
}

.storyline .top-feature .tf-vid {
  display: table-cell;
  vertical-align: middle;
  width:295px;
  position: relative;
  left:-17px;
}
.storyline .top-feature .tf-vid span a {
  text-decoration: none;
}
.storyline .top-feature .tf-vid span.vid {
  float: left;
}
.storyline .top-feature .tf-vid > img {
  margin-bottom: 35px;

}
.storyline .top-feature .tf-vid span.vid-title {
  float: left;
  color: #0e6899;
  font-size:14px;
  font-weight: bold;
  width:120px;
  margin-top:15px;
}
.storyline .top-feature .tf-vid a:hover {
  text-decoration: underline;
}
.storyline .top-feature.tf-drag-drop {
  padding-top:90px;
}
.storyline .top-feature.tf-drag-drop h3 {
  margin-top:200px;
}
.storyline .top-feature.tf-drag-drop .imgVidWrapper {
  position: relative;
}
.storyline .top-feature.tf-drag-drop img.tf-drag-drop-top {
  position: absolute;
  top:-100px;
  left:-303px;
}
.storyline .top-feature.tf-states .mainImg {
  margin-bottom: 20px;
}
/* STORYLINE TESTIMONIAL CONTENT
------------------------------------------------------------------*/
.testimonial-content {
  margin:0 -20px; /*offset parent padding so we can get .testimonial borders to edge, starting to wonder if that parent padding was worth it :P */
}
.testimonial-content .testimonial {
  border-top: 1px solid #dbdfe3;
  padding:40px 60px;
  width:820px;
  position: relative;
}
.testimonial-content .testimonial span.quote {
  /*the 'quote' img is positioned off of the entire .testimonial container, not the avatar img*/
  width:33px;
  height:33px;
  position: absolute;
  top:20px;
  background: url(/web/20161022234846im_/http://iamemo.ru/images/storyline/quote.png) no-repeat top left; /*sprite*/
}
.testimonial-content .testimonial.left span.quote {
  left:128px;
}
.testimonial-content .testimonial.right span.quote {
  right:128px;
  background: url(/web/20161022234846im_/http://iamemo.ru/images/storyline/quote-icon-alt.png) no-repeat top left;
}
.testimonial-content .left img {
  float:left;
}
.testimonial-content .right img {
  float:right;
}
.testimonial-content .right {
  text-align:right;
}
.testimonial-content .left p {
  margin-left:106px; /*pushes all <p> past image width 'padding'*/
}
.testimonial-content .right p {
  margin-right:106px; /*pushes all <p> past image width 'padding'*/
}
.testimonial-content p {
  font-family: 'Droid Serif', serif;
  color: #54575d;
  font-size: 17px;
  font-style: italic;
  margin-bottom: 5px;
  line-height: 30px;
}
.testimonial-content p.author {
  color: #54575d;
  font-weight: bold;
  font-size:15px;
  font-family: Helvetica, arial, sans-serif;
  line-height: 18px;
  font-style: normal;
}
.testimonial-content p.author span {
  display:block;
  font-size:14px;
  color:#7b7e84;
  font-family: 'Helvetica Neue', helvetica, arial, sans-serif;
  font-weight: normal;
}


/* STORYLINE TECH SPECS
------------------------------------------------------------------*/
.storyline .storyline-content.try-block {
  margin: 0 -20px;/*parent padding offset*/
  clear:both;
  background: none;
  background: url(/web/20161022234846im_/http://iamemo.ru/images/background/products-sidebar.png) repeat-y top left;
}
.storyline .storyline-content.try-block .tech-specs {
  float:left;
}


/* STORYLINE LANDING PAGE STYLES
------------------------------------------------------------------*/
.storyline-landing .storyline-header {
  height:auto;
}
.storyline-landing .header-img-vid-wrap {
  float: left;
  margin:30px 30px 20px 20px;
}
.storyline-landing .storyline-header h1.tag, .storyline-landing .storyline-header > h2 {
  text-align: left;
}
.storyline-landing .storyline-header blockquote {
  border: none;
}
.storyline-landing .storyline-header blockquote p {
  color: #fff;
  font-family: 'Droid Serif', serif;
  font-style: italic;
  font-size: 18px;
  line-height:24px;
}

.storyline-landing .storyline-header blockquote p.author {
  font-size: 14px;
}

.storyline-landing-sub {
  background: url(/web/20161022234846im_/http://iamemo.ru/images/storyline/landingSubBg.png) repeat-x top left;
  height:147px;
  text-align: center;
  margin:0 -20px 30px -20px; /*compensate for container padding*/
  padding:30px 20px 0 20px;
}
.storyline-landing-sub h2 {
  font-size: 28px;
  font-weight: 100;
  color: #54575d;
}
.storyline-landing-sub h2 strong {
  color: #33353a;
}

.storyline-landing > .row {
  background:#fff url(/web/20161022234846im_/http://iamemo.ru/images/storyline/landingContentBg.png) repeat-x bottom left;

}
.storyline-landing-features {
  margin:0;
  padding:0;
  list-style-type: none;
}
.storyline-landing-features li {
	display: block;
	float: left;
}
.storyline-landing-features li > a {
  display:block;
  width:240px;
  height:167px;
  position: relative;
  padding: 172px 20px 0 20px;
  margin-left: 15px;
  margin-bottom: 20px;
}
.storyline-landing-features .start-right-away {
  background: url(/web/20161022234846im_/http://iamemo.ru/images/storyline/startingBg.png) no-repeat top left;
}
.storyline-landing-features .create-interact {
  background: url(/web/20161022234846im_/http://iamemo.ru/images/storyline/interactiveBg.png) no-repeat top left;
}
.storyline-landing-features .all-the-features {
  background: url(/web/20161022234846im_/http://iamemo.ru/images/storyline/featuresBg.png) no-repeat top left;
}
.storyline-landing-features .elearning-hero {
  height:187px;
  margin-left:165px;
  background: url(/web/20161022234846im_/http://iamemo.ru/images/storyline/elearningBg.png) no-repeat top left;
}
.storyline-landing-features .publish-to {
  height:187px;
  background: url(/web/20161022234846im_/http://iamemo.ru/images/storyline/publishBg.png) no-repeat top left;
}
.storyline-landing-features h4 {
  font-size: 16px;
  margin:0 0 10px 0;
}
.storyline-landing-features p {
  font-size: 13px;
  line-height: 18px;
}
.storyline-landing-features span.more {
    background: url("/web/20161022234846im_/http://iamemo.ru/images/misc/read-more.png") no-repeat scroll right center rgba(0, 0, 0, 0);
    bottom: 10px;
    font-weight: bold;
    left: 20px;
    padding: 0 16px 0 0 !important;
    position: absolute;
}
.landing-main-quote {
  border: none;
  margin:0;
  padding:0;
}
.landing-main-quote p {
  font-family: 'Droid Serif', serif;
  text-align: center;
  color: #0a567f;
  font-weight: bold;
  font-size: 25px;
  font-style: italic;
}
.landing-main-quote p.author {
  font-family: Helvetica, arial, sans-serif;
  font-size: 14px;
  color: #4397c5;
  font-style: normal;
}
.landing-main-quote p.author span {
  font-weight: normal;
}

.storyline-landing a.try-storyline {
  display: block;
  width:421px;
  height:52px;
  margin:0 auto;
  text-indent: -99999em;
  background: url(/web/20161022234846im_/http://iamemo.ru/images/storyline/tryStorylineButton.png) no-repeat top left;
  margin-bottom: 60px;
  margin-top:30px;
}



/* STORYLINE SHOWCASE
------------------------------------------------------------------*/
.storyline-showcase {
  padding:20px;
}
.storyline-showcase .fl {float:left; margin-right: 30px;}
.storyline-showcase .fr {float:right; margin-left: 30px;}
.storyline-showcase .showcase-item {
  clear: both;
  padding:30px 0;
  background: url(/web/20161022234846im_/http://iamemo.ru/images/storyline/showcaseBorder.png) no-repeat top left;
}
.storyline-showcase .showcase-item:first-child {
  background: none;
}
.storyline-showcase .imgWrapper {
  height: 170px;
  min-height: 170px;
  position: relative;
  margin-bottom: 30px;
}
.storyline-showcase .imgWrapper span.view-button {
  position: absolute;
  bottom:20px;
  left:65px;
  z-index: 2;
  background: url(/web/20161022234846im_/http://iamemo.ru/images/storyline/viewNowBtn.png) no-repeat top left;
  width:141px;
  height: 54px;
  text-indent: -99999em;
}
.storyline-showcase .imgWrapper:hover span.view-button { background-position: 0 -54px; }

.storyline-showcase h3 {
  font-size: 26px;
  font-weight: 200;
  color: #0e6899;
  margin-bottom: 0;
}
.storyline-showcase p.published-by {
  color: #9b9b9b;
  font-style: italic;
  font-family: 'helvetica neue', helvetica, arial, sans-serif;
  font-size: 16px;
}


/* COFFEE STYLES
------------------------------------------------------------------*/
.fixed_position{
  position: fixed;
  top:40px;
}
.static_position{
  position: static;
}
.absolute_position{
  position: absolute;
  bottom: 0px;
}


/* Daily demos
------------------------------------------------------------------*/

div.daily-demo-box-shots {
  width: 860px;
  height: 228px;
  margin: 38px 0px 15px 62px;
}
div.daily-demo-box-shots a.storyline {
    background: url(/web/20161022234846im_/http://iamemo.ru/images/storyline/storyline2_box_large.png) no-repeat;
    width: 304px;
    height: 232px;
    margin-left: 45px;
}


div.daily-demo {
	margin-top: 37px;
	width: 940px;
	padding-top: 20px;
	border: 1px solid #B8BFC7;
  border-radius: 5px;
  box-shadow: 0 0 6px #C3CAD3;
  padding-bottom: 0;
  background-color: #fff;

}

	div.daily-demo h1 {
		font-size: 32px;
		font-weight: normal;
		margin-top: 13px;
		font-family: 'Avenir', helvetica, arial, sans-serif;

	}

	div.daily-demo p.subtitle{
		font-size: 17px;
		margin-top: 8px;
	}

	div.daily-demo div.support-landing {
		background-image: url( '/web/20161022234846im_/http://iamemo.ru/images/storyline/daily_demo_separator.png');
		background-repeat: no-repeat;
		background-position: center bottom;
		height: 625px;
	}

	div.daily-demo div.support-landing-products{
		margin-top: 35px;
		padding-top: 0;
	}

	div.daily-demo div.support-landing-products > a.storyline {
		background-image: url( '/web/20161022234846im_/http://iamemo.ru/images/storyline/storyline2_box_large.png' );
		width: 304px;
		height: 232px;
		margin-left: 45px;
	}

	div.daily-demo div.support-landing-products > a.studio {
		background-image: url( '/web/20161022234846im_/http://iamemo.ru/images/storyline/studio13_box_large.png' );
		width: 385px;
		height: 232px;
		margin-left: 15px;
		margin-top: 5px;
	}

	div.daily-demo div.support-landing div.storyline_copy{
		width: 465px;
		float: left;
		position: relative;
	}

		div.daily-demo div.support-landing div.storyline_copy h2{
			text-align: center;
			color: #0e6899;
			font-size: 20px;
			font-weight: bold;
			font-family: 'Helvetica Neue', helvetica, arial, sans-serif;
		}

		div.daily-demo div.support-landing div.storyline_copy p{
			width: 390px;
			margin-left: 42px;
			text-align: center;
			font-size: 13px;
		}

		div.daily-demo div.support-landing div.storyline_copy a.button_link{
			display: block;
			text-indent: -9000px;
			width: 202px;
			height: 32px;
			margin: 25px auto auto 131px;
			background: url(/web/20161022234846im_/http://iamemo.ru/images/storyline/connect_to_webinar.png) no-repeat;
		}

	div.daily-demo div.support-landing div.studio_copy{
		width: 462px;
		float: left;
		position: relative;
	}

		div.daily-demo div.support-landing div.studio_copy h2{
			display: inline-block;
			width: 462px;
			text-align: center;
			color: #0e6899;
			font-size: 20px;
			font-weight: bold;
			font-family: 'Helvetica Neue', helvetica, arial, sans-serif;
		}


		div.daily-demo div.support-landing div.studio_copy p{
			width: 375px;
			margin-left: 45px;
			text-align: center;
			font-size: 13px;
		}

			div.daily-demo div.support-landing p a{
				font-weight: bold;
				text-decoration: underline;
				cursor: pointer;
			}


			div.daily-demo div.support-landing div.studio_copy a.button_link{
				display: block;
				text-indent: -9000px;
				width: 202px;
				height: 32px;
				margin: 25px auto 20px 128px;
				background: url(/web/20161022234846im_/http://iamemo.ru/images/storyline/connect_to_webinar.png) no-repeat;
			}

div.daily_demo_footer{
	background-color: #eff2f4;
	float: left;
	padding-top: 23px;
	border-top: 1px solid #B8BFC7;
  border-radius: 0 0 5px 5px;
  padding-bottom: 25px;
}

	div.daily_demo_footer p{
		font-size: 13px;
		color: #788187;
		text-align: center;
		line-height: 13px;
		margin-top: -10px;
	}

	div.daily_demo_footer p.gtm{
		font-size: 16px;
		font-weight: bold;
		line-height: 16px;
		color: #54575d;
		margin-top: 12px;
		margin-bottom: 28px;
	}

		div.daily_demo_footer p.gtm a{
			text-decoration: underline;
		}

	div.daily_demo_footer form{
		padding-top: 3px;
	}

  div.daily_demo_footer form img {
    margin-right: 10px;
    position: relative;
    top: 8px;
  }

		div.daily_demo_footer form label{
			font-size: 14px;
			display: inline-block;
			margin-top: 3px;
		}

		div.daily_demo_footer form input[type="text"]{
			padding: 4px 10px;
			margin-left: 12px;
			margin-top: 1px;
			display: inline-block;
		}

		div.daily_demo_footer a.daily_demo_submit{
			background: url(/web/20161022234846im_/http://iamemo.ru/images/storyline/daily_demo_submit.png) no-repeat;
			height: 32px;
			width: 100px;
			display: inline-block;
		}

		div.bubble {
			position: absolute;
			bottom: 125px;
			right: 70px;
			display: none;
			padding: 0 0 30px 0;
		}

		div.bubble_top {
			float: left;
			padding-top: 15px;
      background: #ffffff;
      border: 1px solid #cad0d7;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
      -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
      -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
      box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);

		}
		div.bubble_body {
			padding: 10px 27px 10px 27px;
		}
		div.bubble h5 {
			font-size: 16px;
			color: #54575d;
			font-weight: bold;
			margin: 0 0 15px 0;
		}
		div.bubble ul { margin: 0; }
		div.bubble ul li { margin: 0 0 10px 0;}


    div.bubble .arrow {
    width: 22px;
    height: 11px;
    display: block;
    position: relative;
    left: 45%;
    top: 21px;
    background: url(/web/20161022234846im_/http://iamemo.ru/images/misc/plan-box-arrow-down.png) no-repeat;
    }

/* PMP
------------------------------------------------------------------*/

.pmp {
	margin-top: 39px;
    margin-bottom: 30px;
	width: 940px;
	border: 1px solid #B8BFC7;
	/*border-bottom: none;*/
    border-radius: 5px;
    box-shadow: 0 0 6px #C3CAD3; /* kill the bottom shadow spread */
    padding: 0;
    background-color: #fff;
}

.pmp-header {
	padding: 25px 0 22px 0 !important;
	overflow: hidden;
	background: url(/web/20161022234846im_/http://iamemo.ru/images/background/pmp_header_bg.png) repeat-x !important;
	height: 111px;
	border-radius: 5px 5px 0 0;
}

.update .pmp-body { padding: 30px 0 0 0; }

.update .pmp-body h2 { margin-bottom: 15px; }

	.pmp-header h1 {
		font-size: 37px;
		font-family: 'Avenir', helvetica, arial, sans-serif;
		font-weight: normal;
		line-height: 37px;
		text-align: center;
		color: #0e6899;
		margin-top: 8px;
	}

.update h1 { line-height: 1.2em; margin-top: -4px; }
	.pmp-header p {
		font-size: 20px;
		font-weight: normal;
		text-align: center;
		margin: -2px 125px auto;
	}

		.pmp-header p > a {
			color: #54575c;
			text-decoration: underline;
		}
		.pmp-header p > a:hover {
			text-decoration: none;
		}

	.pmp-body {
		border-top: 1px solid #B8BFC7;
		margin-bottom: 40px;
	}

		/*.pmp-body img:first-child {
			display: block;
		    float: right;
		    margin-right: 49px;
		    margin-top: 38px;
		}*/

		.pmp-cover {
			float: right;
		    margin-right: 49px;
		    margin-top: 38px;
		}

		.pmp-faq {
			margin: 12px 0 0 27px;
			display: block;
			width: 101px; height: 38px;
			background: url(/web/20161022234846im_/http://iamemo.ru/images/buttons/pmp-faq.png) no-repeat;
		}

		.pmp-faq:hover { background-position: 0 -38px; }

		.pmp-body h2 {
			color: #0e6899;
			font-size: 20px;
			font-family: 'Avenir', helvetica, arial, sans-serif;
			font-weight: normal;
			margin-top: 39px;
			margin-left: 84px;
		}

		.pmp-body h2.check{
			background: url( /web/20161022234846im_/http://iamemo.ru/images/misc/shiny_check.png ) 0 1px no-repeat;
			margin-left: 50px;
			padding-left: 34px;
		}

		.pmp-body p {
			font-size: 14px;
			margin-left: 84px;
			max-width: 780px;
		}

			.pmp-body p a {
				text-decoration: underline;
				font-weight: bold;
			}
			.pmp-body p a:hover {
				text-decoration: none;
			}

		.pmp-body p.shorty {
			max-width: 582px;
		}


			.pmp-body table{
				margin-left: 80px;
				margin-bottom: 55px;
			}

			.pmp-body table tr{
				height: 47px;
				line-height: 47px;
				border-bottom: 1px solid #dbdfe3;
			}

			.pmp-body table tbody tr:nth-child(odd){
				background-color: #fbfcfc;
			}

			.pmp-body table tr td {
				width: 150px;
				text-align: center;
			}

			.pmp-body table tr td:last-child,
			.pmp-body.alt table tr td:nth-child(4) {
				width: 80px;
				text-align: center;
			}
			.pmp-body table tr td:first-child,
			.pmp-body.alt table tr td:first-child {
				text-align: left;
				padding-left: 10px;
			}
			.pmp-body table tr td:first-child {
				width: 380px;
			}
			.pmp-body.alt table tr td:first-child {
				width: 340px;
			}

			.pmp-body table tbody tr td:last-child,
			.pmp-body.alt table tbody tr td:nth-child(4)
			 {
				background-color: #fff8ca;
				color: #e94d2f;
				font-weight: bold;
			}

			.pmp-body.alt table tbody tr td:last-child { background: none; }
			.pmp-body.alt table tbody tr td a { text-decoration: underline; }
			.pmp-body.alt table tbody tr td a:hover { text-decoration: none; }

			.pmp-body table thead tr td{
				font-size: 14px;
				font-weight: bold;
			}

			.pmp-body table thead tr td:first-child {
				font-size: 16px;
				width: 390px;
			}

				.pmp-body table tbody tr td{
					font-size: 15px;
				}

			.pmp-body ul, .pmp-body ol {
				margin-left: 102px;
				margin-top: 3px;
				max-width: 780px;
			}

				.pmp-body ul li {
					list-style-image: url( /web/20161022234846im_/http://iamemo.ru/images/misc/red_dot_list.png );
					padding-left: 3px;
				}

			.pmp-body p.adobe {
				background: url( /web/20161022234846im_/http://iamemo.ru/images/misc/adobe_download.png ) 1px 3px no-repeat;
				color: #aaa;
			}

			.pmp-body p.download {
				background: url( /web/20161022234846im_/http://iamemo.ru/images/misc/standard_download.png ) 0 3px no-repeat;
			}

			.pmp-body p.download,
			.pmp-body p.adobe {
				padding-left: 25px;
				margin-bottom: 8px;
			}

/* Community showcase
------------------------------------------------------------------*/

.support-nav .righty {
	float: right; /*re-using all the support-nav styles, no need to copy & paste just for a float change*/
	margin-right: 18px;
}

.comm-show {
	margin-top: 39px;
    margin-bottom: 0;
	width: 940px;
	border: 1px solid #B8BFC7;
	/*border-bottom: none;*/
    border-radius: 5px;
    box-shadow: 0 0 6px #C3CAD3; /* kill the bottom shadow spread */
    padding: 0;
    background-color: #fff;
}

	.comm-show-header {
		padding: 25px 0 22px 0 !important;
		overflow: hidden;
		background: url(/web/20161022234846im_/http://iamemo.ru/images/misc/community_show_header_bg.png) repeat-x !important;
		height: 111px;
		border-radius: 5px 5px 0 0;
	}

		.comm-show-header img{
			margin-top: -6px;
			margin-left: 170px;
		}

	.comm-show-body{
		padding: 31px 60px 70px;
	}

		.comm-show-body div.description-wrapper {
			float: left;
			margin-right: 20px;
			width: 59%;
		}

		.comm-show-body div.description-wrapper:nth-child(even){
			float: right;
			margin-right: 0;
			margin-left: 20px;
		}

		.comm-show-body h2 {
			color: #0e6899;
			font-size: 26px;
			font-family: 'Avenir', helvetica, arial, sans-serif;
			font-weight: normal;
		}

		.comm-show-body h2:first-child {

		}

		.comm-show-body h3 {
			font-family: 'AvenirLTStd35LightOblique', helvetica, arial, sans-serif;
			font-weight: 100;
			font-style: italic;
			color: #9b9b9b;
			font-size: 16px;
		}

		.comm-show-body p {
			width: 505px;
			font-size: 15px;
		}

		.comm-show-body img {
			/* margin-left: 40px */
		}

		.comm-show-body div.imgWrapper {
			position: relative;
			right: -9px;
			float: right;
			margin-bottom: 38px;
		}
		.comm-show-body div.imgWrapper.alt {
			float: left;
			right: 0;
			left: -9px;
		}
		.comm-show-body div.imgWrapper a span.view-button {
			position: absolute;
		  bottom: 20px;
		  left: 75px;
		  z-index: 2;
		  background: url(/web/20161022234846im_/http://iamemo.ru/images/storyline/viewNowBtn.png) no-repeat top left;
		  width:141px;
		  height: 54px;
		  text-indent: -99999em;
		}
		.comm-show-body div.imgWrapper:hover span.view-button { background-position: 0 -54px; }

		.comm-show-body div.separate {
			height: 3px;
			margin-top: 38px;
			margin-bottom: 39px;
			clear: both;
			background: #fff url( /web/20161022234846im_/http://iamemo.ru/images/misc/showcase_sep.png )  center bottom no-repeat;
		}



/* IE STYLES
------------------------------------------------------------------*/
.ie .storyline .storyline-header h2 {
   margin-bottom: 35px;
 }


/* IE7 */
.ie7 .container.storyline > .row {
  padding-top:0 !important;
  margin-bottom: 40px !important;

}
.ie7 .container.storyline > .row .storyline-header {
  padding-top:0 !important;
}
.ie7 .storyline .storyline-content .all-features-nav {
	position:absolute;
	padding-bottom:0;
}



/* IE6 */
.back_to_top{
	display: block;
	padding: 20px 0;
}
.ie6 .navigation-bar {
   margin-bottom: 40px !important;
 }
.ie6 .container.storyline {
  padding-bottom: 40px !important;
}
.ie6 .container.storyline > .row {

}
.ie6 .container.storyline .storyline-header {
  margin:0 !important;
  padding:0 !important;
 }
.ie6 .storyline .storyline-header .sub-nav-logo {
   background: url(/web/20161022234846im_/http://iamemo.ru/images/storyline/ie6LogoNavBg.png) repeat;
   border-radius: 5px 5px 0 0;
   behavior: url(/web/20161022234846im_/http://iamemo.ru/PIE.htc);
   width:900px;
   padding:20px 20px 10px 20px;
 }
.ie6 .storyline .storyline-header .sub-nav-logo h1 {
   position: absolute;
   top:12px;
   left:20px;
   text-transform: uppercase;
   color:#fff;
   font-size:28px;
   /* dd_belated not working in ie6 for png bg
   width:144px;
   height:22px;
   text-indent: -99999em;
   background: url(/web/20161022234846im_/http://iamemo.ru/images/storyline/storylineLogo.png) no-repeat top left; */
 }

.ie6 .storyline .storyline-header .sub-nav {
   position: absolute;
   top:20px;
   right:0;
 }
.ie6 .storyline .storyline-header .sub-nav a {
  color: #fff;
}

.ie6 .storyline .storyline-header .sub-nav li.active a {
  background: url(/web/20161022234846im_/http://iamemo.ru/images/storyline/navFirst.png) no-repeat 0 -2px;

}
.ie6 .storyline .storyline-header .sub-nav li.active a span {
  background: url(/web/20161022234846im_/http://iamemo.ru/images/storyline/navLast.png) no-repeat right -2px;
}
.ie6 .storyline .storyline-header .sub-nav li a:hover {
  text-decoration: underline;
}
.ie6 .storyline .storyline-header .sub-nav li.active a:hover {
  text-decoration: none;
}
.ie6 .storyline .storyline-content {
   position: relative;
   padding: 0;
   background: #fff;
   width:940px;
   border:1px solid #ccc;
 }


 /* IE6 all-features */
 .ie6 .storyline .storyline-content .all-features-content {
   zoom: 1;
   position: absolute;
   top:20px;
   left:227px;
 }


 .ie6 .storyline .all-features-nav {
   padding-left:20px;
     border-left: 1px solid #ccc;
 }
 .ie6 .storyline .all-features-nav ul {
   width:217px;
 }


/* IE6 top-features */
.ie6 .storyline ul#top-features-nav {
  top:0 !important;
  left:20px !important;
}

/* IE6 testimonials */
.ie6 .testimonial-content .testimonial span.quote {
  background: url(/web/20161022234846im_/http://iamemo.ru/images/storyline/quoteIE6.png) no-repeat top left; /*sprite*/
}

/* IE6 tech specs */
.ie6 .try-block.storylineTech {
  margin:0 !important;
}

.storyline span.audio-img-text {
    font-family: Helvetica;
    text-align: center;
    position: absolute;
    margin-top: 155px;
    margin-left: 96px;
    font-size: 16px;
    line-height: 22px;
    color: #777;
}

span.dragdrop-text-intl {
    position: absolute;
    margin-left: 250px;
}

/* Video caption width */
.storyline .top-feature .tf-vid span#vt9 { width: 103px; }

/* Storyline download button */
#storyline-update-page .ff-product .large, #storyline-2-update-page .ff-product .large {
    padding: 8px 16px !important;
    font-size: 15px !important;
}

#storyline-update-page .ff-product p, #storyline-2-update-page .ff-product p {
     margin-top: 23px;
     margin-bottom: 0px;
}

/* STORYLINE 2 CASE STUDIES
------------------------------------------------------------------*/
.storyline2-product-head-text h1 {
  font-size: 50px;
  font-family: 'Avenir', 'Helvetica Neue', helvetica, arial, sans-serif;
  text-align: center;
  color: #ffffff;
  line-height: 1.058;
  text-shadow: 0px 0px 15px rgb( 0, 0, 0 );
  font-weight:400 !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.storyline2-product-head-text p {
  font-size: 15px;
  font-family: 'Helvetica Neue', helvetica, arial, sans-serif;
  color: #ffffff;
  font-weight: bold;
  line-height: 2.8;
}

.case-studies-header-text-placement { margin-top: 50px; }

.arlyn-header-text-placement { margin: 45px 0 0 85px; width: 558px; }

.arlyn-header-text-placement h1 {
    font-size: 50px !important;
    text-align: left !important;
    font-weight: 300 !important;
}
.arlyn-header-text-placement h2 {
    text-align: left !important;
    font-weight: 300 !important;
    font-size: 24px !important;
    letter-spacing: 1px;
}

.case-studies-header {
  background: #fff url(/web/20161022234846im_/http://iamemo.ru/images/storyline2/head-case-studies-bg.png) no-repeat 0 0 !important;
  height:430px !important;
}

#case-grid,#case-grid-2{ width: 940px; height: 301px; margin: -35px 0 0 -20px; border-bottom: #cccccc solid 1px; }
#case-grid.last,#case-grid-2.last { border: none !important; margin-top: 0px; }

#case-grid .box,#case-grid-2 .box{width:33.2%; height: 301px; border-right: #cccccc solid 1px; }
#case-grid .box-last,#case-grid-2 .box-last{ border-right: none !important;}

.case-change-first{background: #fff url(/web/20161022234846im_/http://iamemo.ru/images/logos/change-first.png) no-repeat 0 0; width: 170px; height:61px; margin:51px auto;}
.case-insperity{background: #fff url(/web/20161022234846im_/http://iamemo.ru/images/logos/insperity.png) no-repeat 0 0; width: 193px; height:41px; margin:61px auto 61px auto;}
.case-coach-ca{background: #fff url(/web/20161022234846im_/http://iamemo.ru/images/logos/coach-ca.png) no-repeat 0 0; width: 132px; height:115px; margin: 14px auto 34px auto; }

.case-unicorn{background: #fff url(/web/20161022234846im_/http://iamemo.ru/images/logos/unicorn.png) no-repeat 0 0; width: 139px; height:55px; margin:52px auto 61px auto;}
.case-swbc{background: #fff url(/web/20161022234846im_/http://iamemo.ru/images/logos/swbc.png) no-repeat 0 0; width: 103px; height:61px; margin:47px auto 60px auto; }
.case-performance-impact{background: #fff url(/web/20161022234846im_/http://iamemo.ru/images/logos/performance-impact.png) no-repeat 0 0; width: 181px; height:65px; margin:53px auto 50px auto;}

p.case-studies {
  font-size: 22px;
  font-family: 'Helvetica Neue', Helvetica, arial,'Tahoma', sans-serif;
  color: #666666;
  line-height: 1.318;
  width: 240px;
  height: 50px;
  margin: -38px auto 64px auto;
  text-align: center;
}

span.case-read-more {
  font-size: 15px;
  font-family: 'Avenir', 'Helvetica Neue', helvetica, arial,'Tahoma', sans-serif;
  color: #006699;
  line-height: 2.8;
  text-align: center;
  background: #fff url(/web/20161022234846im_/http://iamemo.ru/images/icons/case-more.png) no-repeat scroll right center;
  padding-right: 16px;
  margin-top:20px;
  text-decoration: none;
}

span.read-more-white {
  background: url(/web/20161022234846im_/http://iamemo.ru/images/icons/case-more-white.png) no-repeat scroll right center;
  padding-right: 10px;
  text-decoration: none;
  color: #ffffff;
  text-align: center;
}

/* STORYLINE 2 CASE STUDIES - Modals
------------------------------------------------------------------*/

#changeFirstModal .logo {background: url(/web/20161022234846im_/http://iamemo.ru/images/logos/change-first-alpha.png); width: 225px; height:79px; position: absolute; top:43px; left: 50px;}
#insperityModal .logo {background: url(/web/20161022234846im_/http://iamemo.ru/images/logos/insperity-alpha.png); width: 280px; height:59px; position: absolute; top:50px; left: 50px;}
#coachCaModal .logo {background: url(/web/20161022234846im_/http://iamemo.ru/images/logos/coach-ca-alpha.png); width: 158px; height:107px; position: absolute; top:5px; left: 50px;}
#unicornModal .logo {background: url(/web/20161022234846im_/http://iamemo.ru/images/logos/unicorn-alpha.png); width: 152px; height:60px; position: absolute; top:50px; left: 50px;}
#swbcModal .logo {background: url(/web/20161022234846im_/http://iamemo.ru/images/logos/swbc-alpha.png); width: 126px; height:74px; position: absolute; top:50px; left: 50px;}
#performanceImpactModal .logo {background: url(/web/20161022234846im_/http://iamemo.ru/images/logos/performance-impact-alpha.png); width: 212px; height:78px; position: absolute; top:50px; left: 45px;}

#caseStudiesModal .content {margin-top:130px; margin-left: 50px; margin-right: 50px;}
#caseStudiesModal h1 {
  font-size: 27px;
  font-family: 'Avenir', 'Helvetica Neue', helvetica, arial,'Tahoma', sans-serif;
  font-weight: 400;
  color: #006699;
  line-height: 1.222;
  width:729px;
  margin-bottom: 29px;
}
#caseStudiesModal p {
  font-size: 15px;
  font-family: 'Helvetica Neue', helvetica, arial,'Tahoma', sans-serif;
  color: #666666;
  line-height: 1.533;
  margin-bottom: 60px;
}
#caseStudiesModal p.callout {
  font-size: 34px;
  font-family: "Droid Serif";
  color: #ffffff;
  font-style: italic;
  line-height: 1.118;
  margin: 50px 30px 50px 94px;
}
#caseStudiesModal .smaller{font-size: 24px !important; line-height: 1.333 !important;}
#caseStudiesModal div.callout {
  width:370px;
  margin:10px -50px 20px 40px;
  -moz-border-radius:  5px 0px 0px 5px;
  -webkit-border-radius:  5px 0px 0px 5px;
  border-radius: 5px 0px 0px 5px;
}
#caseStudiesModal div.callout-bg {background: url(/web/20161022234846im_/http://iamemo.ru/images/storyline2/case-studies-callout.png) no-repeat 0 -39px;}
#caseStudiesModal div.callout-top {background-position: 0 0 !important;}
#caseStudiesModal div.mouse-icon {background: url(/web/20161022234846im_/http://iamemo.ru/images/icons/case-mouse.png) no-repeat; width: 66px; height: 96px; margin-top: 28px;}
#caseStudiesModal div.ipad-icon {background: url(/web/20161022234846im_/http://iamemo.ru/images/icons/case-ipad.png) no-repeat; width: 74px; height: 120px; margin-top: 48px;}
#caseStudiesModal div.calendar-icon {background: url(/web/20161022234846im_/http://iamemo.ru/images/icons/case-calendar.png) no-repeat; width: 71px; height: 94px; margin-top: 50px;}
#caseStudiesModal div.stop-watch-icon {background: url(/web/20161022234846im_/http://iamemo.ru/images/icons/case-stop-watch.png) no-repeat; width: 70px; height: 101px; margin-top: 56px;}

/* STORYLINE 2 Pricing - Modal
------------------------------------------------------------------*/
#pricingModal .content {margin: 7px auto -20px auto;}
#pricingModal h1 {
  font-size: 28px;
  font-family: 'Avenir', 'Helvetica Neue', helvetica, arial,'Tahoma', sans-serif;
  color: #ffffff;
  text-align: center;
  margin: 0;
}

#pricingModal p {
  font-size: 14px;
  font-family: 'Helvetica Neue', helvetica, arial,'Tahoma', sans-serif;
  font-weight: normal;
  color: #ffffff;
  text-align: center;
  margin: 0 0 24px;
  padding: 5px 20px 11px 20px;
  line-height: 18px;
}

#pricingModal p span.tiny {font-size: 12px;}

#pricingModal p.pricing-content, #pricingModal .pricing-button {width: 53%;}
#pricingModal p.upgrade, #pricingModal .upgrade {width: 67%; margin-bottom: 26px;}

#pricingModal p.buy-button {margin: 14px 0 0 0;}
#pricingModal p.upgrade-button {margin: 14px 0 52px 0;}

#pricingModal div.pricing-content {padding: 8px 42px 42px 42px;}

#pricingModal div.pricing-content p {
  font-size: 16px;
  font-family: 'Helvetica Neue', helvetica, arial, sans-serif;
  color: #54575d;
  line-height: 1.375;
  text-align: left;
}

#pricingModal div.left-container {
  position: relative;
  top: -120px;
  left: 40px;
  display: block;
  float: none;
  width: 221px;
}

#pricingModal img.pricing-box {
  width:221px;
  height:98px;
  margin-right: 23px;
}

#pricingModal img.pricing-upgrade-box {
  width:168px;
  height:127px;
  position: relative;
  top: 80px;
  left: 0px
}

#pricingModal img.specialoffer-badge {
  position: relative;
  top: 45px;
  left: 10px;
  z-index:999;
}

#pricingModal div.specialoffer-badge {
  background: url(/web/20161022234846im_/http://iamemo.ru/images/background/bg_store_special.png) no-repeat 0 0 !important;
  width: 74px;
  height: 74px;
  position: relative;
  top: 45px;
  left: 10px;
  z-index:999;
}

#pricingModal img.strike-out {
  position: relative;
  top: -34px;
  left: 278px;
}

#buy, #upgrade{margin-top: -37px;margin-bottom: 25px;}

.features-header,.case-studies-header,.arlyn-header,.upgrade-sl2-header{
  background: #000 url(/web/20161022234846im_/http://iamemo.ru/images/storyline2/storyline-features-header-bg.jpg) no-repeat 0 0 !important;
  height: 430px !important;
}

.case-studies-header{
    background-color:#fff !important;
}
.features-header,.arlyn-header,
.upgrade-sl2-header{
    margin: 0px auto !important;
    padding: 0px !important;
    width:940px !important;
}

.upgrade-sl2-header{
    height:205px !important;
}

.upgrade-sl2-product-head-text h1{margin-top:23px;font-size:50px!important;}

.arlyn-header {
  background: #000 url(/web/20161022234846im_/http://iamemo.ru/images/storyline2/sl2-arlynsfeatures-2.jpg) no-repeat 0 0 !important;
}

.storyline > .row.row-extend{width:940px !important; padding:0px !important;}
.storyline > .row.row-extend .storyline-header > .sub-nav-logo{margin:0px !important;}
    #product-feature{width:272px;}
    .product-feature{width:267px;border-left:0 !important;font-weight:700;}
    #feature-description,.feature-description{width:470px;}
    #feature-instruction,.feature-instruction{width:201px;}
    .feature-instruction div a{font-weight:700;color:#186997;}
    .header-bg-dark{background-color:#1d5e92;color:#fff;border-color:#1b4f7a !important;}
    .header-bg-light{background-color:#2a7abb;color:#b4d5f1;border-color:#1b4f7a !important;}
    .header-text{font-weight:700;}
    .content-text{padding:28px 3px;line-height:1.333em;}
    .header-text,.content-text{margin:0 20px 0;text-align: left;}
    .content-text-indent{margin:0 0 0 35px;}
    .content-text-last-column{width:71%;padding:0;margin:20px;}
    .content-text-first-column{width:73%;}
    .content-text-middle-column{width:91%;}
    .new{background-color:#36a63b;color:#fff;}
    .enhanced{background-color:#fdf5b1;color:#d69632;}
    #feature-table {width:100%;font-size:15px;}
    #feature-table tr td{border-bottom:1px solid #d9d9d9;border-left:1px solid #d9d9d9;border-right:1px solid #d9d9d9;border-collapse: collapse;}
    #feature-table tr td:first-child,#feature-table tr th:first-child{border-left:0px}
    #feature-table tr td:last-child,#feature-table tr th:last-child{border-right:0px;}
    #feature-table tr th{border-bottom:1px solid #1b4f7a;border-left:1px solid #1b4f7a;border-right:1px solid #1b4f7a;border-collapse: collapse;}
    #feature-table th,.feature-sub-header{padding:15px 5px;}
    #feature-table td.feature-tag{text-transform: uppercase;font-weight:700;font-size:11px !important;vertical-align:bottom;border-right:0;width:19px !important;}

/* STORYLINE 2 Direct Downloads
------------------------------------------------------------------*/
.storyline-heading .boxshot {margin-right: -55px;}

/*Storyline Store Tech Specs FAQ*/
.storyline-faq{width:100%;}
.storyline-faq h3{font-weight:400;color:#0e6899;font-size:19px;font-family:"Avenir","Helvetica Neue","Helvetica","Arial";margin-top:30px;}
#sl2-tech-specs-answer .storyline-faq h3{margin-top:0px;}
.storyline-faq h4{background-color:#f2f3f7;color:#54575d;font-size:17px;font-weight:400;font-family:"Avenir","Helvetica Neue", "Helvetica";margin:20px 0 5px;padding:10px 0 10px 10px;border-radius:4px;}
.storyline-faq table{border:none;padding:0;margin:0 0 20px 0;width:100%;}
.storyline-faq table tr td{border-bottom:1px solid #dfe2e6;font-size:13px;color:#54575d;padding:15px 10px 10px;border-left:none;border-right:none;border-top:none;}
.storyline-faq table tr:last-child td{border:none;}
.storyline-faq table tr td.desc{font-weight:700;width:200px;}
.storyline-faq ul{margin-bottom:0px;}

/* Sub nav*/
.storyline-header .sub-nav-logo ul{  margin-bottom:0px !important;}

/*Why/What Storyline Page*/
.why-header{background: #fff url(/web/20161022234846im_/http://iamemo.ru/images/storyline2/storyline-2-hero.jpg) no-repeat 0 0 !important;margin: 0px auto !important;padding: 0px !important;width:940px !important;height:830px !important;}
.what-header{background: #fff url(/web/20161022234846im_/http://iamemo.ru/images/storyline2/sl2-whats-new-hero-2.jpg) no-repeat 0 0 !important;margin: 0px auto !important;padding: 0px !important;width:940px !important;height:625px !important;}

.storyline .storyline-header.what-header > .sub-nav-logo{background:rgba(0,0,0,0.3) !important;}
.storyline .storyline-header.what-header > .sub-nav-logo ul.sub-nav li.active a,
.storyline .storyline-header.what-header > .sub-nav-logo ul.sub-nav li a:hover{background:#73726f;border-bottom:1px solid #73726f;box-shadow: inset 0px 1px 0 #5c5c5c;}
.storyline .storyline-header.what-header h2{font-size:24px;}
.storyline .storyline-header.what-header .what-header-text-placement .centered .button-container{padding-top:15px;padding-bottom:15px;}

.sl2-why-section-two-hero{background: #fff url(/web/20161022234846im_/http://iamemo.ru/images/storyline2/sl2-why-section-two.jpg) no-repeat 0 0;width:940px;height:771px;margin:0px auto;padding:0px;position:relative;display:block;}
.sl2-why-section-five-hero{background: #f1f3f6 url(/web/20161022234846im_/http://iamemo.ru/images/storyline2/sl2-why-section-five.jpg) no-repeat 0 0;width:940px;height:823px;margin:0px auto;padding:0px;position:relative;display:block;clear:both;}
.sl2-why-section-seven-hero{background: #f1f3f6 url(/web/20161022234846im_/http://iamemo.ru/images/storyline2/sl2-why-section-seven.jpg) no-repeat 0 0;width:940px;height:800px;margin:0px auto;padding:0px;position:relative;display:block;clear:both;}
.sl2-what-section-four-hero{background: #fff url(/web/20161022234846im_/http://iamemo.ru/images/storyline2/sl2-whats-new-section-four-hero.jpg) no-repeat 0 0;width:940px;height:823px;margin:0px auto;padding:0px;position:relative;display:block;clear:both;border-top:1px solid #b8bfc7;}
.sl2-why-section-three,.sl2-what-section-two{background-color: #dfeff6;border-top:1px solid #cfe1eb;border-bottom:1px solid #b8bfc7;}
.sl2-why-section-five{background-color: #f1f3f6;border-top:1px solid #cfe1eb;border-bottom:1px solid #b8bfc7;}
.sl2-what-section-five{background-color: #f2f4f7;border-top:1px solid #b8bfc7;border-bottom:1px solid #b8bfc7;}
.sl2-why-section-six{border-bottom:1px solid #b8bfc7;}
.sl2-why-section-eight{background-color:#f8f9fa;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;border-top:1px solid #b8bfc7;}
.sl2-section-margin-offset{margin:0px !important;}

.sl2-why-img,.sl2-what-img{text-align:center;display:block;clear:both;position:relative;margin:50px auto;}
.section-six-img{margin:0px auto;}
.section-1-hero-text,.sl2-what-content .section-2-hero-text,.section-3-hero-text,.section-4-hero-text,.section-6-hero-text,.section-8-hero-text{margin:75px auto 40px;width:80%;text-align:center;}
.section-1-hero-text p,.section-3-hero-text p,.section-4-hero-text p,.section-6-hero-text p,.section-8-hero-text p{margin:0 auto;line-height:1.611em;}
.section-3-hero-text p{width:85%;}
.section-4-hero-text p,.sl2-what-section-three .section-3-hero-text p{width:97%;}

.storyline .storyline-header.why-header > .sub-nav-logo{background:rgba(78,114,138,0.802);}
.why-header-text-placement{margin-top:35px;}
.what-header-text-placement{margin-top:0px;}
.sl2-movie-text-overlay{width: 100%;position: absolute;margin-top: -280px;}
.storyline .storyline-header.why-header > .sub-nav-logo ul.sub-nav li.active a, .storyline
.storyline-header.why-header > .sub-nav-logo ul.sub-nav li.active a:hover, .storyline
.storyline-header.why-header > .sub-nav-logo ul.sub-nav li a:hover{background:#3a5a6f;}
.why-header .storyline2-product-head-text h1{color:#0e6899;text-shadow:none;font-size:50px;font-weight:400;}
.why-header .storyline2-product-head-text h2{color:#54575d;text-shadow:none;font-size:24px;}
.why-header .button-container {padding: 10px 0 15px;}
.why-header span.read-more-white{color:#0e6899;background:url(/web/20161022234846im_/http://iamemo.ru/images/storyline2/blue_hero_arrow.png) no-repeat scroll right 7px;}

.sl2-why-section-two-hero .hero-text,.sl2-why-section-five-hero .hero-text,
.sl2-why-section-seven-hero .hero-text,.sl2-what-section-four-hero .hero-text,
.sl2-what-section-five .hero-text{margin-top:65px;clear:both;position:relative;display:inline-block;text-align:center;width:100%;}
.hero-text h3{color:#0e6899;font-size:41px;font-weight:400;}
.section-text{padding:0 0 25px;text-align:center;}
.section-text h4{color:#0e6899;font-size:25px;font-weight:700;font-family:'Helvetica Neue','Helvetica','Tahoma','Arial',sans-serif;}
.sl2-why-section-five-hero .hero-text h3{color:#fff;}
.hero-text p.sub-text,.section-text p.sub-text{color:#54575d;font-size:20px;font-family:"Helvetica Neue","Helvetica","Arial",sans-serif;}
.sl2-why-section-five-hero .hero-text p.sub-text{color:#afafaf;}
.sl2-why-content,
.sl2-what-content{display:block;position:relative;width:100%;float:left;}
.sl2-why-content .small-grid,
.sl2-what-content .small-grid{display:inline-block;float:left;margin:5px auto 30px;position:relative;}

.sl2-why-content .left-top,.sl2-why-content .left-bottom,
.sl2-what-content .left-top,.sl2-what-content .left-bottom{width:40%;padding:0 65px 0 0;margin:0 0 30px 110px;}
.sl2-what-section-two.sl2-what-content .left-bottom{padding-top:5px;}
.sl2-why-content .left-bottom{padding-top:5px;}
.sl2-why-content .right-top,.sl2-why-content .right-bottom,
.sl2-what-content .right-top,.sl2-what-content .right-bottom{width:40%;}
.sl2-why-content .left-top,.sl2-why-content .right-top{margin-top:70px;}
.sl2-what-content .left-top,.sl2-what-content .right-top{margin-top:0px;}
.sl2-what-section-two.sl2-what-content .left-top,.sl2-what-section-two.sl2-what-content .right-top{margin-top:30px;}

.sl2-why-content .left-grid,.sl2-what-content .left-grid{margin:0 0 0 110px; }
.sl2-why-content .left-grid,.sl2-why-content .right-grid,
.sl2-what-content .left-grid,.sl2-what-content .right-grid{width:28%;}
.sl2-why-content .middle-grid,
.sl2-what-content .middle-grid{width:26.5%;padding:0 25px;}

.sl2-why-content .small-grid .small-grid-header,
.sl2-what-content .small-grid .small-grid-header{color:#0e6899;font-size:16px;font-family:"Helvetica Neue","Helvetica","Arial",sans-serif;font-weight:700;margin-bottom:10px;}
.sl2-why-content .small-grid p,
.sl2-what-content .small-grid p{width:79%;font-weight:400;font-size:15px;font-family:"Helvetica Neue","Helvetica","Arial",sans-serif;color:#54575d;}
.sl2-why-section-six.sl2-why-content .small-grid p,
.sl2-what-section-six.sl2-what-content .small-grid p{width:80%;}
.sl2-what-section-five.sl2-what-content .left-grid{padding-top:3px;}

.sl2-why-section-four.sl2-why-content .small-grid.middle-grid p,
.sl2-what-section-four.sl2-what-content .small-grid.middle-grid p{width:83%;}
.sl2-why-section-four.sl2-why-content .small-grid.right-grid p,
.sl2-what-section-four.sl2-what-content .small-grid.right-grid p{width:81%;}

.sl2-why-content .sl2-content-quote,
.sl2-what-content .sl2-content-quote{margin:60px auto;width:85%;display:block;clear:both;position:relative;}
.sl2-why-content .sl2-content-quote .quote-image,
.sl2-what-content .sl2-content-quote .quote-image{width:75px;height:75px;margin:-88px auto 0;}

.sl2-why-content .sl2-content-quote .quote-image.sl2-why-quote-1{background:#fff url(/web/20161022234846im_/http://iamemo.ru/images/storyline2/storyline-why-quote-images-sprite.png) no-repeat 0 0;}
.sl2-why-content .sl2-content-quote .quote-image.sl2-why-quote-2{background:#dfeff6 url(/web/20161022234846im_/http://iamemo.ru/images/storyline2/storyline-why-quote-images-sprite.png) no-repeat -75px 0px;}
.sl2-why-content .sl2-content-quote .quote-image.sl2-why-quote-3{background:#fff url(/web/20161022234846im_/http://iamemo.ru/images/storyline2/storyline-why-quote-images-sprite.png) no-repeat -150px 0px;}
.sl2-why-content .sl2-content-quote .quote-image.sl2-why-quote-4{background:#f1f3f6 url(/web/20161022234846im_/http://iamemo.ru/images/storyline2/storyline-why-quote-images-sprite.png) no-repeat -225px 0px;}
.sl2-why-content .sl2-content-quote .quote-image.sl2-why-quote-5{background:#fff url(/web/20161022234846im_/http://iamemo.ru/images/storyline2/storyline-why-quote-images-sprite.png) no-repeat -300px 0px;}
.sl2-why-content .sl2-content-quote .quote-image.sl2-why-quote-6{background:#fff url(/web/20161022234846im_/http://iamemo.ru/images/storyline2/storyline-why-quote-images-sprite.png) no-repeat -375px 0px;}

.sl2-what-content .sl2-content-quote .quote-image.sl2-what-quote-1{background:#fff url(/web/20161022234846im_/http://iamemo.ru/images/storyline2/sl2-whats-new-twitter-sprite.png) no-repeat 0 0;}
.sl2-what-content .sl2-content-quote .quote-image.sl2-what-quote-2{background:#dfeff6 url(/web/20161022234846im_/http://iamemo.ru/images/storyline2/sl2-whats-new-twitter-sprite.png) no-repeat -75px 0px;}
.sl2-what-content .sl2-content-quote .quote-image.sl2-what-quote-3{background:#fff url(/web/20161022234846im_/http://iamemo.ru/images/storyline2/sl2-whats-new-twitter-sprite.png) no-repeat -150px 0px;}
.sl2-what-content .sl2-content-quote .quote-image.sl2-what-quote-4{background:#fff url(/web/20161022234846im_/http://iamemo.ru/images/storyline2/sl2-whats-new-twitter-sprite.png) no-repeat -225px 0px;}
.sl2-what-content .sl2-content-quote .quote-image.sl2-what-quote-5{background:#f2f4f7 url(/web/20161022234846im_/http://iamemo.ru/images/storyline2/sl2-whats-new-twitter-sprite.png) no-repeat -300px 0px;}
.sl2-what-content .sl2-content-quote .quote-image.sl2-what-quote-6{background:#fff url(/web/20161022234846im_/http://iamemo.ru/images/storyline2/sl2-whats-new-twitter-sprite.png) no-repeat -375px 0px;}

.sl2-why-content .left-grid .hammer-img{background:#dfeff7 url(/web/20161022234846im_/http://iamemo.ru/images/storyline2/sl2-why-icon-sprite.png) no-repeat 0px 0px;width:71px;height:80px;margin:0 0 10px;}
.sl2-why-content .middle-grid .finger-img{background:#dfeff7 url(/web/20161022234846im_/http://iamemo.ru/images/storyline2/sl2-why-icon-sprite.png) no-repeat -78px 0px;width:72px;height:75px;margin:0 0 10px;}
.sl2-why-content .right-grid .person-img{background:#dfeff7 url(/web/20161022234846im_/http://iamemo.ru/images/storyline2/sl2-why-icon-sprite.png) no-repeat -155px 0px;width:60px;height:75px;margin:0 0 10px;}
.sl2-why-content .left-grid .monitor-img{background:#fff url(/web/20161022234846im_/http://iamemo.ru/images/storyline2/sl2-why-icon-sprite.png) no-repeat -220px 1px;width:70px;height:80px;margin:0 0 10px;}
.sl2-why-content .middle-grid .cursor-img{background:#fff url(/web/20161022234846im_/http://iamemo.ru/images/storyline2/sl2-why-icon-sprite.png) no-repeat -297px 0px;width:69px;height:75px;margin:0 0 10px;}
.sl2-why-content .right-grid .projector-img{background:#fff url(/web/20161022234846im_/http://iamemo.ru/images/storyline2/sl2-why-icon-sprite.png) no-repeat -372px 5px;width:70px;height:75px;margin:0 0 10px;}

.sl2-what-content .left-top .text-img{background:#fff url(/web/20161022234846im_/http://iamemo.ru/images/storyline2/sl2-whats-new-section-three-sprite.png) no-repeat -68px 0px;width:89px;height:77px;margin:0 0 30px;}
.sl2-what-content .right-top .font-img{background:#fff url(/web/20161022234846im_/http://iamemo.ru/images/storyline2/sl2-whats-new-section-three-sprite.png) no-repeat -157px 0px;width:68px;height:77px;margin:0 0 30px;}
.sl2-what-content .left-bottom .web-img{background:#fff url(/web/20161022234846im_/http://iamemo.ru/images/storyline2/sl2-whats-new-section-three-sprite.png) no-repeat 0px 0px;width:69px;height:81px;margin:0 0 25px;}
.sl2-what-content .right-bottom .eyedropper-img{background:#fff url(/web/20161022234846im_/http://iamemo.ru/images/storyline2/sl2-whats-new-section-three-sprite.png) no-repeat -225px 0px;width:69px;height:81px;margin:0 0 20px;}

.sl2-what-content .left-top .player-btn-img{background:#fff url(/web/20161022234846im_/http://iamemo.ru/images/storyline2/sl2-whats-new-section-four-sprite.png) no-repeat -182px 0px;width:171px;height:77px;margin:0 0 30px;}
.sl2-what-content .right-top .negative-img{background:#fff url(/web/20161022234846im_/http://iamemo.ru/images/storyline2/sl2-whats-new-section-four-sprite.png) no-repeat -353px 0px;width:76px;height:77px;margin:0 0 30px;}
.sl2-what-content .left-bottom .uncompressed-img{background:#fff url(/web/20161022234846im_/http://iamemo.ru/images/storyline2/sl2-whats-new-section-four-sprite.png) no-repeat 0px 0px;width:81px;height:87px;margin:0 0 15px;}
.sl2-what-content .right-bottom .read-only-img{background:#fff url(/web/20161022234846im_/http://iamemo.ru/images/storyline2/sl2-whats-new-section-four-sprite.png) no-repeat -80px 0px;width:101px;height:87px;margin:0 0 10px;}

.sl2-what-content .left-grid .new-ui-img{background:#f2f4f7 url(/web/20161022234846im_/http://iamemo.ru/images/storyline2/sl2-whats-new-section-five-sprite.png) no-repeat -601px 0px;width:115px;height:117px;margin:0 0 22px;}
.sl2-what-content .middle-grid .dockable-img{background:#f2f4f7 url(/web/20161022234846im_/http://iamemo.ru/images/storyline2/sl2-whats-new-section-five-sprite.png) no-repeat -197px 0px;width:140px;height:117px;margin:0 0 20px;}
.sl2-what-content .right-grid .animation-img{background:#f2f4f7 url(/web/20161022234846im_/http://iamemo.ru/images/storyline2/sl2-whats-new-section-five-sprite.png) no-repeat -337px 0px;width:134px;height:117px;margin:0 0 20px;}
.sl2-what-content .left-grid .view-toggle-img{background:#f2f4f7 url(/web/20161022234846im_/http://iamemo.ru/images/storyline2/sl2-whats-new-section-five-sprite.png) no-repeat -471px 1px;width:131px;height:113px;margin:0 0 12px;}
.sl2-what-content .middle-grid .copy-paste-img{background:#f2f4f7 url(/web/20161022234846im_/http://iamemo.ru/images/storyline2/sl2-whats-new-section-five-sprite.png) no-repeat -88px 0px;width:109px;height:113px;margin:0 0 10px;}
.sl2-what-content .right-grid .autorecovery-img{background:#f2f4f7 url(/web/20161022234846im_/http://iamemo.ru/images/storyline2/sl2-whats-new-section-five-sprite.png) no-repeat 0px 5px;width:89px;height:113px;margin:0 0 10px;}
.autorecovery-text{padding-left:10px;}

.sl2-what-content .left-top .slides-img{background:#fff url(/web/20161022234846im_/http://iamemo.ru/images/storyline2/sl2-whats-new-section-six-sprite.png) no-repeat -0px 0px;width:103px;height:90px;margin:0 0 20px;}
.sl2-what-content .right-top .content-img{background:#fff url(/web/20161022234846im_/http://iamemo.ru/images/storyline2/sl2-whats-new-section-six-sprite.png) no-repeat -291px 0px;width:95px;height:90px;margin:0 0 20px;}
.sl2-what-content .left-bottom .questions-img{background:#fff url(/web/20161022234846im_/http://iamemo.ru/images/storyline2/sl2-whats-new-section-six-sprite.png) no-repeat -197px 0px;width:95px;height:90px;margin:0 0 25px;}
.sl2-what-content .right-bottom .languages-img{background:#fff url(/web/20161022234846im_/http://iamemo.ru/images/storyline2/sl2-whats-new-section-six-sprite.png) no-repeat -104px 0px;width:93px;height:90px;margin:0 0 20px;}

.sl2-why-content .sl2-content-quote .quote-text,
.sl2-what-content .sl2-content-quote .quote-text{margin:20px auto 12px;font-style:italic;font-family:"Droid Serif","Helvectica Neue", "Helvetica", "Arial";font-weight: 400;color: #54575d;font-size: 18px;width:75%;line-height:1.611em;text-align:center;}
.sl2-why-content .sl2-content-quote .quote-text.quote-text-extended,
.sl2-what-content .sl2-content-quote .quote-text.quote-text-extended{width:82%;}
.sl2-what-content .sl2-content-quote .quote-text.quote-text-extended-2{width:85%;}

.sl2-why-content .sl2-content-quote .quote-name,
.sl2-what-content .sl2-content-quote .quote-name{font-family:"AvenirBlack","Helvetica Neue","Arial",sans-serif;font-size:15px;font-weight:700;color:#54575d;margin:0 auto 5px;width:300px;text-align:center;text-transform:uppercase;}
.sl2-what-content .sl2-content-quote .quote-name{width: 450px;}
.sl2-why-content .sl2-content-quote .at-quote-name,
.sl2-what-content .sl2-content-quote .at-quote-name{font-family:"Helvetica Neue","Arial",sans-serif;font-size:15px;font-weight:700;color:#0e6899;margin:0 auto;width:300px;text-align:center;}

.sl2-why-content .sl2-content-quote .quote-text.quote-blue-modifier,
.sl2-why-content .sl2-content-quote .quote-name.quote-blue-modifier,
.sl2-what-content .sl2-content-quote .quote-text.quote-blue-modifier,
.sl2-what-content .sl2-content-quote .quote-name.quote-blue-modifier{color:#5595b3;}

.sl2-why-content .sl2-content-quote .hr-blue-modifier,
.sl2-what-content .sl2-content-quote .hr-blue-modifier{border-color:#a8d3e6;}
.ipad-gif{margin:-593px 0 0 189px;}

.ipad-gif-what{margin:-466px 0 0 5px;}
.imac-gif{margin:-578px 0 0 5px;}
.imac-clear{margin-bottom: 180px;}
.ipad-clear,.laptop-clear,.text-clear{margin-bottom:45px;}
.ipad-clear .sl2-what-img{margin-bottom:45px;}
.font-support-width,.new-ui-width{width:77% !important;}
.movie-button{display:block;clear:both;width:100%;text-align:center;position:relative;cursor:pointer;}
.sl2-whats-new-movie{margin:0px auto 0px;}
.sl2-what-section-one .section-text h4{margin-bottom:15px;}
.sl2-what-section-one .section-text p.sub-text{margin-bottom:12px;}
/*
Storyline 2 sticky nav
*/
#storyline-sticky-nav{width:940px;height:62px;background:#fff url(/web/20161022234846im_/http://iamemo.ru/images/storyline2/sl2-sticky-nav-bg.jpg) no-repeat 0 0;display:none;}
#storyline-sticky-nav tr th{padding:13px 3px 0px;text-transform:uppercase;vertical-align:top;width:90px;}
#storyline-sticky-nav tr th.sticky-nav-product-name{text-align:left;width:600px;padding:15px 25px 0px;}
#storyline-sticky-nav tr th.sticky-nav-empty{width:25px;}
#storyline-sticky-nav tr th h3 a,#storyline-sticky-nav tr th a{color:#fff;font-family:'Avenir','Helvetica Neue','Helvetica',sans-serif;}
#storyline-sticky-nav tr th a{text-shadow: 1px 1px #000;}
#storyline-sticky-nav tr th h3 a{font-size:27px;font-weight:400;}
#storyline-sticky-nav tr th a{font-size:14px;font-weight:400;}
#storyline-sticky-nav tr th a span.oval-button{padding:9px 20px 6px;border-radius:22px;}

.imac-gif{margin:-577px 0 0 5px;}
.imac-clear{margin-bottom: 180px;}

.sl2-arlyn-content {
    margin: 40px 40px;
    font-size: 18px;
    font-weight: 300;
}

.sl2-arlyn-content h3 {
    font-size: 23px;
    font-family: 'Avenir','Helvetica Neue',helvetica,arial,'Tahoma',sans-serif;
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
    margin-bottom: 30px;
}

.sl2-arlyn-content h3, .sl2-arlyn-content h4 {
    color: #0E6FA2 !important;
    font-weight: normal !important;
}

.sl2-arlyn-content table { width: 100%; margin-bottom: 30px; }

.sl2-arlyn-content table h4 {
    font-size: 20px;
    font-family: 'Avenir','Helvetica Neue',helvetica,arial,sans-serif;
    margin: 0 30px;
}

.sl2-arlyn-content table p {
    margin: 0 30px;
    font-family: 'Helvetica Neue',helvetica,arial,sans-serif;
    font-size: 16px;
    font-weight: 400;
}

.sl2-arlyn-content table td {
    vertical-align: top;
}

#storyline-sticky-nav tr th a div.oval-button{padding:8px 10px 3px;border-radius:22px;width:90px;}
#storyline-sticky-nav tr th.sticky-nav-pricing a div.oval-button{width:80px;}
#storyline-sticky-nav tr th.sticky-nav-demo a div.oval-button{width:85px;}

.upgrade-container{width:940px;margin:50px auto 35px;text-align:center;}
.upgrade-container .hero-text h3{font-size:34px;}
.upgrade-container p.sub-text{font-size:16px;width:701px;text-align:left;margin:35px auto;}
.upgrade-table{width:63%;margin:0 auto;}
.upgrade-table td{text-align:left;}
.upgrade-table .cell-header-text{font-size:17px;}
.upgrade-container .upgrade-paragraph{margin:20px auto;width:700px;text-align:left;}
.upgrade-container .sl2-content-quote{margin-top:100px;margin-bottom:30px;}
.upgrade-container.sl2-why-content .sl2-content-quote .quote-text{margin-bottom:25px;}
.upgrade-container.sl2-why-content .sl2-content-quote .quote-image.sl2-why-quote-7{background:#fff url(/web/20161022234846im_/http://iamemo.ru/images/storyline2/upgrade-twitter-img.png) no-repeat 0 0;}
.storyline .storyline-header.upgrade-sl2-header > .sub-nav-logo ul.sub-nav li.active a,
.storyline .storyline-header.upgrade-sl2-header > .sub-nav-logo ul.sub-nav li.active a:hover,
.storyline .storyline-header.upgrade-sl2-header > .sub-nav-logo ul.sub-nav li a:hover{
    border-bottom:none;
}

/*SL2 pricing modal on product pages*/
.sl2-pricing .modal-product{padding:44px 0 40px 0px;background-color:#fff;}
.sl2-pricing .pricing-select{margin-bottom:0px;background-color:#fff;}
.reveal-modal.sl2-pricing{background: #fff none;}
.sl2-pricing-modal-header{background:#000 url(/web/20161022234846im_/http://iamemo.ru/images/storyline2/head-modal-bg.png) no-repeat;width:620px;height:130px;margin-top:-37px;}
.sl2-pricing h1{padding-top:40px;}

.sl2-arlyn-content table td:first-child { width: 200px; }
.sl2-arlyn-content table td:last-child { width: 50px; text-align: right; }

.sl2-arlyn-content table img {
    margin-bottom: 30px;
}

#caseStudiesModal p.paragraph-bottom{margin-bottom:18px;}
#caseStudiesModal p.paragraph-bottom.last-paragraph{margin-bottom:60px;}

#partners-page .company-content h1{font-family:'Avenir','Helvetica Neue','Helvetica','Arial'}
.partner-spacer{
  margin-bottom:100px;
}
.partner-block{margin:0 auto;width:90%;display:block;position:relative;clear:both;min-height:100px;max-height:500px;}

.partner-block-left,.partner-block-right{margin:0 auto;width:47%;display:block;position:relative;float:left;}
.partner-block-left{margin: 0 0 0 50px}

.single-partner{width:100%;display:inline-block;float:left;height:inherit;}
/*.single-partner{width:49%;display:inline-block;float:left;height:inherit;}*/

.single-partner-block{padding:0px 10px 10px 100px;}
.country-partner-title{font-size:18px;color:#0e6899;margin-top:10px;}
.hide-country-name{visibility:hidden;display:none;}
.company-partner-title{margin:8px 0 0;display:block;}
.company-partner-info{display:block;}
.address-spacer{margin-bottom:8px;}
.multiple-address{margin-top:15px;}
.partner-divider{width:1%;display:inline-block;float:left;}
.new-partner-section{width:100%;/*border-bottom:1px solid #d9d9d9;*/margin:0 0 25px;padding:25px 0 0;display:block;clear:both;}

/*
     FILE ARCHIVED ON 23:48:46 Oct 22, 2016 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 13:17:18 May 29, 2019.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  LoadShardBlock: 2684.53 (3)
  esindex: 0.01
  captures_list: 2711.03
  CDXLines.iter: 16.84 (3)
  PetaboxLoader3.datanode: 2740.067 (5)
  exclusion.robots: 0.24
  exclusion.robots.policy: 0.224
  RedisCDXSource: 4.579
  PetaboxLoader3.resolve: 76.993 (2)
  load_resource: 209.96
*/