/* STUDIO STYLES */ /* TYPOGRAPHY ------------------------------------------------------------------*/ @font-face { font-family: 'Avenir'; src: url('/web/20161022234238im_/http://iamemo.ru/type/avenirltstd-heavy-webfont.eot'); src: url('/web/20161022234238im_/http://iamemo.ru/type/avenirltstd-heavy-webfont.eot#iefix') format('embedded-opentype'), url('/web/20161022234238im_/http://iamemo.ru/type/avenirltstd-heavy-webfont.woff') format('woff'), url('/web/20161022234238im_/http://iamemo.ru/type/avenirltstd-heavy-webfont.ttf') format('truetype'), url('/web/20161022234238im_/http://iamemo.ru/type/avenirltstd-heavy-webfont.svg#AvenirLTStd85Heavy') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'AvenirLTStd35LightOblique'; src: url('/web/20161022234238im_/http://iamemo.ru/type/avenirltstd-lightoblique-webfont.eot'); src: url('/web/20161022234238im_/http://iamemo.ru/type/avenirltstd-lightoblique-webfont.eot#iefix') format('embedded-opentype'), url('/web/20161022234238im_/http://iamemo.ru/type/avenirltstd-lightoblique-webfont.woff') format('woff'), url('/web/20161022234238im_/http://iamemo.ru/type/avenirltstd-lightoblique-webfont.ttf') format('truetype'), url('/web/20161022234238im_/http://iamemo.ru/type/avenirltstd-lightoblique-webfont.svg#AvenirLTStd35LightOblique') format('svg'); font-weight: normal; font-style: normal; } .studio13 {font-family: 'Helvetica Neue', Helvetica, arial, sans-serif;} .studio13 h1, .studio13 h2, .studio13 h3 {font-family: 'Avenir', 'Helvetica Neue', helvetica, arial, sans-serif} /* STUDIO 13 HEADER ------------------------------------------------------------------*/ .studio13 .studio13-header, .studio13 .studio13-header-replay, .studio13 .studio13-header-big, .studio13 .studio13-header-tech, .studio13 .studio13-header-upgrade, .studio13 .studio13-header-overview { border-radius:5px 5px 0 0; behavior: url(/web/20161022234238im_/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/20161022234238im_/http://iamemo.ru/images/storyline/mainImg.png) no-repeat 0 0 ;*/ height:275px; } /* .studio13 .studio13-header.top-features { height: 309px;} */ .studio13 .studio13-header > .sub-nav-logo, .studio13 .studio13-header-replay > .sub-nav-logo, .studio13 .studio13-header-big > .sub-nav-logo, .studio13 .studio13-header-tech > .sub-nav-logo, .studio13 .studio13-header-upgrade > .sub-nav-logo, .studio13 .studio13-header-overview > .sub-nav-logo { border-radius: 5px 5px 0 0; behavior: url(/web/20161022234238im_/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: #F0F7FB; */ background: #072558; /*IE needs some spoon feeding, aww.. how cute */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000090,endColorstr=#00000090); zoom: 1; } .ie .studio13 .studio13-header > .sub-nav-logo, .ie .studio13 .studio13-header-replay > .sub-nav-logo, .ie .studio13 .studio13-header-big > .sub-nav-logo, .ie .studio13 .studio13-header-tech > .sub-nav-logo, .ie .studio13 .studio13-header-upgrade > sub-nav-logo, .ie .studio13 .studio13-header-overview > .sub-nav-logo{ /*background: url(/web/20161022234238im_/http://iamemo.ru/images/storyline/logoNavBg.png) repeat top left;*/ } .studio13 .studio13-header > .sub-nav-logo h3,.studio13 .studio13-header > .sub-nav-logo h3 a, .studio13 .studio13-header-replay > .sub-nav-logo h3,.studio13 .studio13-header-replay > .sub-nav-logo h3 a, .studio13 .studio13-header-big > .sub-nav-logo h3,.studio13 .studio13-header-big > .sub-nav-logo h3 a, .studio13 .studio13-header-tech > .sub-nav-logo h3,.studio13 .studio13-header-tech > .sub-nav-logo h3 a, .studio13 .studio13-header-upgrade > .sub-nav-logo h3,.studio13 .studio13-header-upgrade > .sub-nav-logo h3 a, .studio13 .studio13-header-overview > .sub-nav-logo h3,.studio13 .studio13-header-overview > .sub-nav-logo h3 a, #storyline-navigation .sub-header .sub-nav-logo h3 a{ font-family:"Avenir", "Helvectica Neue", "Helvetica", "Arial"; font-size:28px; text-transform: uppercase; color:#fff !important; float:left; line-height:1em; margin-bottom:0; font-weight:400; margin-top:0px; } .studio13 .studio13-header > .sub-nav-logo ul.sub-nav li a, .studio13 .studio13-header-replay > .sub-nav-logo ul.sub-nav li a, .studio13 .studio13-header-big > .sub-nav-logo ul.sub-nav li a, .studio13 .studio13-header-tech > .sub-nav-logo ul.sub-nav li a, .studio13 .studio13-header-upgrade > .sub-nav-logo ul.sub-nav li a, .studio13 .studio13-header-overview > .sub-nav-logo ul.sub-nav li a, #storyline-navigation .sub-header h3 a { color:#fff !important; text-shadow: none; border-radius: 50px; behavior: url(/web/20161022234238im_/http://iamemo.ru/PIE.htc); position: relative; padding:6px 10px 4px 10px; height:auto; margin-left: 5px; border: 1px solid transparent; font-weight:400; } #storyline-navigation .sub-header h3{margin-top:0 !important;} .studio13 .studio13-header > .sub-nav-logo ul.sub-nav li a span, .studio13 .studio13-header > .sub-nav-logo ul.sub-nav li.active a span, .studio13 .studio13-header-replay > .sub-nav-logo ul.sub-nav li a span, .studio13 .studio13-header-replay > .sub-nav-logo ul.sub-nav li.active a span, .studio13 .studio13-header-big > .sub-nav-logo ul.sub-nav li a span, .studio13 .studio13-header-big > .sub-nav-logo ul.sub-nav li.active a span, .studio13 .studio13-header-tech > .sub-nav-logo ul.sub-nav li a span, .studio13 .studio13-header-tech > .sub-nav-logo ul.sub-nav li.active a span, .studio13 .studio13-header-upgrade > .sub-nav-logo ul.sub-nav li a span, .studio13 .studio13-header-upgrade > .sub-nav-logo ul.sub-nav li.active a span, .studio13 .studio13-header-overview > .sub-nav-logo ul.sub-nav li a span, .studio13 .studio13-header-overview > .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; } span.red-color{ color: #F30000; } /*Lets take out some default rounded images and hope CSS3Pie can fix this for IE.. mmmm, pie*/ .studio13 .studio13-header > .sub-nav-logo ul.sub-nav li.active a, .studio13 .studio13-header > .sub-nav-logo ul.sub-nav li.active a span, .studio13 .studio13-header-replay > .sub-nav-logo ul.sub-nav li.active a, .studio13 .studio13-header-replay > .sub-nav-logo ul.sub-nav li.active a span, .studio13 .studio13-header-big > .sub-nav-logo ul.sub-nav li.active a, .studio13 .studio13-header-big > .sub-nav-logo ul.sub-nav li.active a span, .studio13 .studio13-header-tech > .sub-nav-logo ul.sub-nav li.active a, .studio13 .studio13-header-tech > .sub-nav-logo ul.sub-nav li.active a span, .studio13 .studio13-header-upgrade > .sub-nav-logo ul.sub-nav li.active a, .studio13 .studio13-header-upgrade > .sub-nav-logo ul.sub-nav li.active a span, .studio13 .studio13-header-overview > .sub-nav-logo ul.sub-nav li.active a, .studio13 .studio13-header-overview > .sub-nav-logo ul.sub-nav li.active a span { background-image: none !important; } .studio13 .studio13-header > .sub-nav-logo ul.sub-nav li.active a, .studio13 .studio13-header > .sub-nav-logo ul.sub-nav li.active a:hover, .studio13 .studio13-header > .sub-nav-logo ul.sub-nav li a:hover, .studio13 .studio13-header-replay > .sub-nav-logo ul.sub-nav li.active a, .studio13 .studio13-header-replay > .sub-nav-logo ul.sub-nav li.active a:hover, .studio13 .studio13-header-replay > .sub-nav-logo ul.sub-nav li a:hover, .studio13 .studio13-header-big > .sub-nav-logo ul.sub-nav li.active a, .studio13 .studio13-header-big > .sub-nav-logo ul.sub-nav li.active a:hover, .studio13 .studio13-header-big > .sub-nav-logo ul.sub-nav li a:hover, .studio13 .studio13-header-tech > .sub-nav-logo ul.sub-nav li.active a, .studio13 .studio13-header-tech > .sub-nav-logo ul.sub-nav li.active a:hover, .studio13 .studio13-header-tech > .sub-nav-logo ul.sub-nav li a:hover, .studio13 .studio13-header-upgrade > .sub-nav-logo ul.sub-nav li.active a, .studio13 .studio13-header-upgrade > .sub-nav-logo ul.sub-nav li.active a:hover, .studio13 .studio13-header-upgrade > .sub-nav-logo ul.sub-nav li a:hover, .studio13 .studio13-header-overview > .sub-nav-logo ul.sub-nav li.active a, .studio13 .studio13-header-overview > .sub-nav-logo ul.sub-nav li.active a:hover, .studio13 .studio13-header-overview > .sub-nav-logo ul.sub-nav li a:hover { background: #03183a; border: 1px solid #03193e; box-shadow: inset 0px 2px 4px #000; behavior: url(/web/20161022234238im_/http://iamemo.ru/PIE.htc); position: relative; font-weight: bold; text-decoration: none; color: #FFFFFF !important; } .studio13 .studio13-header-big > .sub-nav-logo ul.sub-nav li a:hover, .studio13 .studio13-header-overview > .sub-nav-logo ul.sub-nav li a:hover, .studio13 .studio13-header-tech > .sub-nav-logo ul.sub-nav li a:hover, .studio13 .studio13-header-upgrade > .sub-nav-logo ul.sub-nav li a:hover, .studio13 .studio13-header-replay > .sub-nav-logo ul.sub-nav li a:hover, .studio13 .studio13-header > .sub-nav-logo ul.sub-nav li a:hover{font-weight:normal;} .studio13 .sub-nav-logo { height: 30px; } .studio13 .studio13-header p.header-action a, .studio13 .studio13-header-replay p.header-action a, .studio13 .studio13-header-big p.header-action a, .studio13 .studio13-header-tech p.header-action a, .studio13 .studio13-header-upgrade p.header-action a, .studio13 .studio13-header-overview 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;*/ background: url(/web/20161022234238im_/http://iamemo.ru/images/storyline/actionBg.png) repeat-x; behavior: url(/web/20161022234238im_/http://iamemo.ru/PIE.htc); } .studio13 .studio13-header p.header-action a:hover, .studio13 .studio13-header-replay p.header-action a:hover, .studio13 .studio13-header-big p.header-action a:hover, .studio13 .studio13-header-tech p.header-action a:hover, .studio13 .studio13-header-upgrade p.header-action a:hover, .studio13 .studio13-header-overview p.header-action a:hover { /*box-shadow: 0 0 1px #000;*/ position: relative; background: url(/web/20161022234238im_/http://iamemo.ru/images/storyline/actionBgActive.png) repeat-x ; behavior: url(/web/20161022234238im_/http://iamemo.ru/PIE.htc); } .trial-box-text{width:305px;display:inline-block;} .trial-box-text span{font-family: 'Avenir', helvetica, arial, sans-serif;font-size:11px;font-weight:400; color:#0e6899;padding:5px 0px;} .trial-box-text .trial-storyline{margin:0 0 0 18px;} .trial-box-text .trial-studio{margin:0 0 0 55px;} .trial-box-text .trial-ao{margin:0 0 0 35px;} /*--------------------------------------- Banner Quote ----------------------------------------*/ .studio13-quote { float:left; clear:both; width:100%; font-family:'Droid Serif',serif; font-weight:400; text-align:center; margin:-15px 0 0; } .studio13-quote .hero-quote { display:block; font-size: 20px; color: #54575d; line-height:1.4em; font-style:italic; } .studio13-quote .hero-quote span { display:block; color: #0e6899; font-size:16px; margin:5px 0 17px 0; font-style:italic; } /* ----------------------------------------- Products Page ----------------------------------------- */ .studio13 .studio13-header { height: 516px; background: url(/web/20161022234238im_/http://iamemo.ru/images/products13/bg_banner_studio13.png) repeat-x 0px 62px;} .studio13 .studio13-header-replay { height: 670px; background: url(/web/20161022234238im_/http://iamemo.ru/images/products13/bg_replay_background.png) repeat-x 0px 0px;} .studio13 .studio13-header-big { height: 740px; background: url(/web/20161022234238im_/http://iamemo.ru/images/products13/bg_banner_studio13_big.png) repeat-x 0px 62px;} .studio13 .studio13-header-overview { height: 805px; background: url(/web/20161022234238im_/http://iamemo.ru/images/products13/bg_banner_overview.png) repeat-x 0px 62px;} .studio13 .studio13-header-tech { height: 300px; background: url(/web/20161022234238im_/http://iamemo.ru/images/products13/bg_banner_overview.png) repeat-x 0px 62px;} .studio13 .studio13-header-upgrade { height: 190px; background: url(/web/20161022234238im_/http://iamemo.ru/images/products13/studio_upgrade_background.png) repeat-x 0px 13px; margin-top: 0px;} .studio13 .whats-new { background: url(/web/20161022234238im_/http://iamemo.ru/images/products13/studio13.png) no-repeat; float: left; width:939px; height:425px; margin-top: -42px; } .studio13 .studio13-boxes { background: url(/web/20161022234238im_/http://iamemo.ru/images/products13/studio13-boxes.png) no-repeat; float: left; width:938px; height:410px; margin: -42px 0 0 -19px; } .studio13 .presenter13 { background: url(/web/20161022234238im_/http://iamemo.ru/images/products13/presenter_studio13.png) no-repeat; float: left; width:325px; height:341px; margin:60px 15px 0 -20px;} .studio13 .quizmaker13 { background: url(/web/20161022234238im_/http://iamemo.ru/images/products13/quizmaker_studio13.png) no-repeat; float: left; width:325px; height:341px; margin:60px 15px 0 -20px;} .studio13 .engage13 { background: url(/web/20161022234238im_/http://iamemo.ru/images/products13/engage_studio13_new.png) no-repeat; float: left; width:325px; height:341px; margin:60px 15px 0 -20px;} .studio13 .replay13 { background: url(/web/20161022234238im_/http://iamemo.ru/images/products13/rp_box_shot.png) no-repeat; float: left; width:325px; height:341px; margin:10px 28px 0 18px;} .studio13 .studio13-header p.header-action { margin: 23px 0 0 -20px; padding-left: 0px; } .studio13 h3 { margin-top: 40px; font-size: 34px; padding-left3 0px; color: #fff; } .studio13 .studio13-header-big h3 { margin-top: 0px; font-size: 40px; padding-left: 0px; color: #fff; } .studio13 p{ margin: 0 0 18px; font-family: 'Helvetica'; font-size: 22px; color: #52575D; line-height: 1.5em; } .studio13 h2.content { font-family: 'Helvetica Neue', Helvetica, aria, sans-serif;behavior: url(/web/20161022234238im_/http://iamemo.ru/PIE.htc);position: relative; margin:5px 0 30px -20px; font-size: 25px; color: #fff; line-height: 1.2em; padding-left: 0px; font-weight:400;} .studio13 h2.content-center { color: #fff;text-align: center;font-size: 25px;font-weight: normal;font-family: 'Helvetica Neue', Helvetica, aria, sans-serif;behavior: url(/web/20161022234238im_/http://iamemo.ru/PIE.htc);position: relative;margin-bottom: 45px; } .studio13 .studio13-header p.header-action a, .studio13 .studio13-header-replay p.header-action a, .studio13 .studio13-header-overview p.header-action a, .studio13 .studio13-header-tech p.header-action a, .studio13 .studio13-header-big p.header-action a { display: inline-block; width: 130px; height: 42px; margin-right: 0px; } .studio13 .studio13-header p.header-action a.try, .studio13 .studio13-header-replay p.header-action a.try, .studio13 .studio13-header-overview p.header-action a.try, .studio13 .studio13-header-tech p.header-action a.try, .studio13 .studio13-header-big p.header-action a.try { background: url(/web/20161022234238im_/http://iamemo.ru/images/products13/btn_try.png) no-repeat; } .studio13 .studio13-header p.header-action a.buynow, .studio13 .studio13-header-replay p.header-action a.buynow, .studio13 .studio13-header-overview p.header-action a.buynow, .studio13 .studio13-header-tech p.header-action a.buynow, .studio13 .studio13-header-big p.header-action a.buynow { background: url(/web/20161022234238im_/http://iamemo.ru/images/products13/btn_buynow.png) no-repeat; } .studio13 .studio13-header p.header-action a.livedemo, .studio13 .studio13-header-replay p.header-action a.livedemo, .studio13 .studio13-header-overview p.header-action a.livedemo, .studio13 .studio13-header-tech p.header-action a.livedemo, .studio13 .studio13-header-big p.header-action a.livedemo { background: url(/web/20161022234238im_/http://iamemo.ru/images/products13/btn_livedemo.png) no-repeat; } .studio13 .studio13-header p.header-action a.salesfaq, .studio13 .studio13-header-replay p.header-action a.salesfaq, .studio13 .studio13-header-overview p.header-action a.salesfaq, .studio13 .studio13-header-tech p.header-action a.salesfaq, .studio13 .studio13-header-big p.header-action a.salesfaq { background: url(/web/20161022234238im_/http://iamemo.ru/images/products13/btn_salesfaq.png) no-repeat; } .studio13 .studio13-header p.header-action a:hover, .studio13 .studio13-header-replay p.header-action a:hover, .studio13 .studio13-header-overview p.header-action a:hover, .studio13 .studio13-header-tech p.header-action a:hover, .studio13 .studio13-header-big p.header-action a:hover { background-position: 0px -45px; } .studio13 .banner-bottom { border-bottom: 1px solid #b8bfc7; width:940px; margin-left:-20px; } .studio13 ul#top-features-nav li a.four { width: 185px !important;} .studio13 ul#top-features-nav li a.five { width: 138px !important;} .studio13 .section-508 { padding-top: 45px !important; } .productTextRight{width:565px;float:left;margin-top:50px;} .productTextAbove,.studio13-tech-productTextAbove{width:100%;float:left;clear:both;text-align:center;} .videoMarginTop{margin-top: 30px !important;width:auto !important;} .button-margin-reset{margin:45px 0 0 -165px;} .button-margin-studio{margin:-10px 0 0 195px;} .button-margin-whats-new{margin:425px 0 0 195px;} .button-margin-showcase{margin:0 0 0 215px;} .productTextRight h1{color: #fff;font-size: 52px;behavior: url(/web/20161022234238im_/http://iamemo.ru/PIE.htc);position: relative;line-height:1em;margin:40px 0 0 -20px;font-weight:400;text-shadow: 0 0 1px #000;} .productTextAbove h1{color: #fff;text-align: center;font-size: 52px;margin: 30px 0 5px 0; behavior: url(/web/20161022234238im_/http://iamemo.ru/PIE.htc);position: relative;font-weight:400;text-shadow: 0 0 1px #000;line-height:1em;} .productTextAboveOverview h1{color: #fff;text-align: center;font-size: 52px;margin: 55px 0 5px 0; behavior: url(/web/20161022234238im_/http://iamemo.ru/PIE.htc);position: relative;font-weight:400;text-shadow: 0 0 1px #000;line-height:1em;} .studio13-tech-productTextAboveOverview h1{color: #fff;text-align: center;font-size: 52px;margin: 30px 0 15px 0; behavior: url(/web/20161022234238im_/http://iamemo.ru/PIE.htc);position: relative;font-weight:400;text-shadow: 0 0 1px #000;line-height:1em;} .studio13-tech-productTextAboveOverviewNewMargin h1{margin: 55px 0 15px 0;} .hero-btns-big-bg{text-align:center;display:block;clear:both;} .hero-action {margin: -25px 0px 0px -18px;} .productTextHeaderOnly h1{ font-size:40px; font-weight:400; font-family:"Avenir", "Helvetica Neue", "Helvetica", "Arial"; color:#ffffff; line-height:1.05; text-align:center; margin:28px 0; } .productTextHeaderOnly h2{ font-size:25px; font-weight:400; font-family:"Helvetica Neue", "Helvetica", "Arial"; color:#ffffff; line-height:1.2; text-align:center; margin-bottom:51px; } .studio13 .text-left{width:525px;padding:10px 0 30px 5px;} .studio13-tech-specs > .row{padding:20px 20px 0 20px;border-radius:0;} .studio13-tech-specs .main-content{border-bottom-left-radius:5px;border-bottom-right-radius:5px;} .studio13-tech-specs .first-quote{background:none;} .studio13-tech-specs h3{font-family:"Avenir", "Helvectica Neue", "Helvetica", "Arial";font-weight:400;color:#0e6899;font-size:27px;} .studio13-tech-specs .try-block .tech-specs h4{background-color:#eaecee;font-size:18px;font-family:"Helvectica Neue", "Helvetica";font-weight:700;} .studio13-tech-specs ul{list-style-image: url('/web/20161022234238im_/http://iamemo.ru/images/misc/red-bullet.png');} .studio13-tech-specs .sidebar-active{padding-top:25px;} .user-quote{font-weight:400px !important; font-size:13px !important; color:#54575d !important;font-style:italic !important;margin:0 0 15px 0 !important;font-family: georgia !important;} h1.storylinevsstudio{font-weight:400;font-family:"Avenir", "Helvectica Neue", "Helvetica", "Arial";margin:0 auto 20px;} /* ----------------------------------------- Products Page - Engage ----------------------------------------- */ .left-col {width:450px; float:left;} .right-col {width:410px; float:left;} .padding { margin-top: 10px; margin-left: 5px; float: left; } .imgVidWrapper { margin-right: 25px; } h4.imageWrapper, p.imgVidWrapper { margin-left: 5px; } /* STUDIO 13 TOP FEATURES CONTENT ------------------------------------------------------------------*/ .studio13 .sub-header { float: left; width: 942px; display: none; padding: 0px; margin-bottom: -1px; position: relative; /*background: url(/web/20161022234238im_/http://iamemo.ru/images/storyline/bg_nav_header.jpg) no-repeat;*/ background: #072558; z-index: 10; overflow: hidden; } .studio13-header ul.sub-nav, .studio13-header-overview ul.sub-nav, .studio13-header-tech ul.sub-nav, .studio13-header-big ul.sub-nav{margin-right:0px;} .studio13 .sub-header a.logoText{ float: left; display: block; /* text-indent: -9000px; width: 155px;*/ height: 21px; margin: 10px 0 10px 20px; font-size:28px; font-family:"Avenir", "Helvectica Neue", "Helvetica", "Arial"; text-transform: uppercase; color:#fff; /* background: url(/web/20161022234238im_/http://iamemo.ru/images/products13/logo_studio13.png); */ } .storyline .sub-header ul.actions li a{border-radius:30px;} .storyline .sub-header ul.actions li a.buy-now{background: url(/web/20161022234238im_/http://iamemo.ru/images/products13/btn_buynow.png) no-repeat -7px -5px;} .storyline .sub-header ul.actions li a.buy-now-free{border-radius:0px !important;background: url(/web/20161022234238im_/http://iamemo.ru/images/products13/btn_buynow_red.png) no-repeat 0px 1px;} .storyline .sub-header ul.actions li a.live-demo{background: url(/web/20161022234238im_/http://iamemo.ru/images/products13/btn_livedemo.png) no-repeat -7px -5px;} .storyline .sub-header ul.actions li a.sales-faq{background: url(/web/20161022234238im_/http://iamemo.ru/images/products13/btn_salesfaq.png) no-repeat -7px -5px;} .storyline .sub-header ul.actions li a:hover { background-position: -7px -50px; } .storyline .sub-header ul.actions li a.buy-now-free:hover { background-position: 0px -31px; } .storyline .sub-header ul.actions li a.try-free{background: url(/web/20161022234238im_/http://iamemo.ru/images/products13/btn_try.png) no-repeat -9px -5px;} .storyline .sub-header ul.actions li a:hover.try-free { background-position: -9px -50px; } ul.actions-postion {margin: 15px 15px 0 0 !important;} .studio13 #storyline-navigation{ position: absolute; top:-70px; height: 151px; margin: 0 0 0 -21px; width: 940px; z-index: 30000; } #storyline-navigation-replay{ margin: -36px 0 0 -21px; width: 940px; } .studio13 .top-features-text { text-align:center; color:#54575d; font-size:26px; font-weight:500; /*font-family:"Avenir", "Helvectica Neue", "Helvetica", "Arial";*/ behavior: url(/web/20161022234238im_/http://iamemo.ru/PIE.htc); position: relative; margin:36px 0 0; line-height:1.3em; } .studio13 ul#top-features-nav { margin: 0 0 20px 0; /*offset parent's padding */ padding: 1px 0 0 0; border-bottom:1px solid #b8bfc7; background: #e6eaee url(/web/20161022234238im_/http://iamemo.ru/images/storyline/topFeaturesNavBg.jpg) repeat-x top left; height: 89px; width: 941px; bottom: 0px; clear: both; overflow: hidden; } #studio13-features{ margin: 0 0 20px -2px; /*offset parent's padding */ /* border-bottom:1px solid #b8bfc7; */ background: #e6eaee url(/web/20161022234238im_/http://iamemo.ru/images/products13/topFeaturesNavBgOverview.png) no-repeat; height: 177px; width: 945px; clear: both; overflow: hidden; } .scroll-features-overview{ background: #e6eaee url(/web/20161022234238im_/http://iamemo.ru/images/products13/topFeaturesNavBgOverviewScroll.png) repeat-x 0 0 !important; width: 940px !important; margin:0 0 20px 1px !important; } .top-feature-overview{ clear:both; margin:80px 0 0; float:left; display:block; } .product-box-row{ height:400px; width:900px; margin:70px 0px 25px -20px; } .product-box{ width:195px; height:364px; border-radius:5px; background-color:#fff; box-shadow: 0 0 4px 3px #e6e9ed; margin: 0 13px 0; display:inline-block; background: #fff url(/web/20161022234238im_/http://iamemo.ru/images/products13/product_box_bg.png) repeat-x 0 10px; } .product-box-first{ margin-left:15px } .product-box-product{ width:100%; float:left; } .product-box-title{ color:#0e6899; font-weight:400; font-family:"Avenir", "Helvectica Neue", "Helvetica", "Arial"; behavior: url(/web/20161022234238im_/http://iamemo.ru/PIE.htc); position: relative; font-size:18px; clear:both; display:block; text-align:center; margin: 0 0 8px 0; line-height:1.3em; } .product-box-description{ color:#54575d; font-weight:500; font-family:"Helvectica Neue", "Helvetica", "Arial"; behavior: url(/web/20161022234238im_/http://iamemo.ru/PIE.htc); position: relative; font-size:14px; clear:both; display:block; text-align:center; margin: 0 0 8px 0; line-height:1.4em } .learn-more a{ clear:both; display:block; text-align:center; font-weight:700; font-family:"Helvectica Neue", "Helvetica", "Arial"; behavior: url(/web/20161022234238im_/http://iamemo.ru/PIE.htc); position: relative; font-size:14px; color:#0e6899; } .learn-more-arrow{ vertical-align:middle; } .box-image{ margin:30px 0 5px 2px; } .section-divider{ background: url(/web/20161022234238im_/http://iamemo.ru/images/products13/divider_line.png) no-repeat; text-align:center; width:900px; height:10px; margin:0 0 40px 50px; } #studio13-compare{ margin:0 0 50px 0; width:850px; height:500px; } .versus-compare-title{color:#54575d;font-size:21px;font-family:"Helvectica Neue", "Helvetica", "Arial";font-weight:700;margin-bottom:8px;} .versus-compare-text{color:#54575d;font-size:14px;font-family:"Helvectica Neue", "Helvetica", "Arial";font-weight:400;line-height:1.72;margin-right:8px;} #studio13-storyline-compare{margin:30px 0px 0px 0px;padding:18px 0 56px 0;width:940px;height:1320px;background:#fff url(/web/20161022234238im_/http://iamemo.ru/images/background/compare-matrix-bg.png) repeat-x bottom left;border-radius:5px;} #studio13-storyline-compare .text{float:left;display:inline-block;width:405px;margin:95px 0 0 31px;text-align:left;padding:13px 0 16px 15px !important;line-height:24px; border-top-left-radius: 5px;border-top-right-radius: 5px;background-color: #0f71a2;color:#fff;font-family:"Helvectica Neue", "Helvetica", "Arial"; behavior: url(/web/20161022234238im_/http://iamemo.ru/PIE.htc);position: relative;font-size:17px;font-weight:700;border-left: 1px solid #063b5c !important;border-top: 1px solid #063b5c !important;border-bottom: 1px solid #063b5c !important; background: url(/web/20161022234238im_/http://iamemo.ru/images/products13/capabilities_bg.png) repeat-x;} #studio13-storyline-compare .big-head{height:115px;float:left;display:inline-block;width:221px;text-align:center; border-top-left-radius: 5px;border-top-right-radius: 5px;background-color: #fff;padding-top:25px;text-align:center; color:#54575d;font-family:"Helvectica Neue", "Helvetica", "Arial";behavior: url(/web/20161022234238im_/http://iamemo.ru/PIE.htc);position: relative;font-size:14px;font-weight:700; border-left: 1px solid #ced4dc;border-top: 1px solid #ced4dc;box-shadow: 0 0 4px 1px #e6e9ed;} #studio13-storyline-compare .common-column{padding:17px 0 16px 5px; position:relative;border:1px solid #c6dde9;background-color:#fff;} #studio13-storyline-compare .first-column, #studio13-storyline-compare .first-column-last-row{float:left;display:inline-block;width:415px;text-align:left;margin:0 0 0 31px;line-height:29px;color: #54575d;font-size: 14px;font-weight: 700;box-shadow:-1px 0 2px 0 #e6e9ed;background:#fff url(/web/20161022234238im_/http://iamemo.ru/images/background/plan-left-bg.png) repeat-y top right} #studio13-storyline-compare .first-column-last-row{border:0px;width:415px !important; margin:0 0 0 33px;background-color:transparent !important;box-shadow:none;background:none;} #studio13-storyline-compare .middle-column, #studio13-storyline-compare .middle-column-last-row{float:left;display:inline-block;width:221px;text-align:center;box-shadow:4px 0px 4px 0px #e6e9ed,-4px 0px 4px -1px #e6e9ed;line-height:29px;color: #54575d;font-size: 14px;font-weight: 700;border-bottom-right-radius:0;} #studio13-storyline-compare .last-column, #studio13-storyline-compare .last-column-last-row{float:left;display:inline-block;width:221px;text-align:center;line-height:29px;color: #54575d;font-size: 14px;font-weight: 700;} #studio13-storyline-compare .first-cell{border-radius:0;} #studio13-storyline-compare .first-column span{padding: 0 20px 0 15px;background: url(/web/20161022234238im_/http://iamemo.ru/images/background/compare-matrix-info.png) no-repeat top right;} #studio13-storyline-compare .middle-column-last-row, #studio13-storyline-compare .last-column-last-row{height:50px !important;line-height:50px !important;} a.storyline-learn{background:url(/web/20161022234238im_/http://iamemo.ru/images/buttons/storyline_learn_more_btn.png) no-repeat;display:inline-block;height:36px;width:192px;} a.studio-pro-learn{background:url(/web/20161022234238im_/http://iamemo.ru/images/buttons/studio_learn_more_btn.png) no-repeat;display:inline-block;height:36px;width:192px;} a:hover.storyline-learn, a:hover.studio-pro-learn{background-position:0 -36px;} #storyline-studio-page .container .spacing-less{margin-top:0px !important;} .storyline-studio .compare-details{padding:44px 48px 0 25px !important;} #studio13-storyline-compare .box { font-size: 13px; font-weight: normal; color: #54575d; display: none; padding: 18px 23px 7px 23px; border: 1px solid #b8bfc7; background-color: #fff; position: absolute; top: -143px; left: 197px; width: 422px; -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); height: auto; } #studio13-storyline-compare .box .arrow { width: 11px; height: 22px; display: block; position: absolute; left: -11px; top: 45%; background: url(/web/20161022234238im_/http://iamemo.ru/images/misc/plan-box-arrow.png) no-repeat; } #studio13-storyline-compare .first-column.hover .box { display: block; } #studio13-storyline-compare .box span.annotation-title { font-size: 18px; margin: 0 0 10px 0;background:none;padding:0;color:#0e6899;font-weight:700;} #studio13-storyline-compare.box p { line-height: 20px; } /* .compare-matrix .plan-items .type.one .box { top: -40px; left: 151px; } .compare-matrix .plan-items .type.two .box { top: -41px; left: 159px; } .compare-matrix .plan-items .type.three .box { top: -40px; left: 258px; } .compare-matrix .plan-items .type.four .box { top: -40px; left: 429px; } .compare-matrix .plan-items .type.five .box { top: -50px; left: 334px; } .compare-matrix .plan-items .type.six .box { top: -32px; left: 156px; } .compare-matrix .plan-items .type.seven .box { top: -39px; left: 280px; } .compare-matrix .plan-items .type.eight .box { top: -32px; left: 245px; } .compare-matrix .plan-items .type.nine .box { top: -40px; left: 264px; } .compare-matrix .plan-items .type.ten .box { top: -39px; left: 253px; } */ #studio13-compare .no-text{ width:270px; float:left; display:inline-block; height:45px; padding-top:25px; } #studio13-compare .big-head{ height:45px; width:300px; float:left; display:inline-block; border-top-left-radius: 5px; border-top-right-radius: 5px; background-color: #0f71a2; padding-top:25px; text-align:center; color:#fff; font-family:"Helvectica Neue", "Helvetica", "Arial"; behavior: url(/web/20161022234238im_/http://iamemo.ru/PIE.htc); position: relative; font-size:17px; font-weight:700; border-left: 1px solid #ced4dc; border-top: 1px solid #ced4dc; box-shadow: 0 0 4px 3px #e6e9ed; } #studio13-compare .std-head{ width:276px; float:left; display:inline-block; height:32px; border-top-right-radius: 5px; background-color: #0f71a2; padding-top:20px; margin-top:19px; text-align:center; color:#fff; font-family:"Helvectica Neue", "Helvetica", "Arial"; behavior: url(/web/20161022234238im_/http://iamemo.ru/PIE.htc); position: relative; font-size:17px; font-weight:700; border-left: 1px solid #ced4dc; box-shadow: 2px 0px 10px 1px #e6e9ed; } .first-cell{ border-top-left-radius: 5px; } #studio13-compare .common-column{ float:left; display:inline-block; font-family:"Helvectica Neue", "Helvetica", "Arial"; behavior: url(/web/20161022234238im_/http://iamemo.ru/PIE.htc); position: relative; color:#54575d; font-size:15px; font-weight:700; height:60px; line-height:60px; } .first-column { width:260px; padding-right:10px; border-left: 1px solid #ced4dc; border-top: 1px solid #ced4dc; text-align:right; box-shadow: -1px 0 2px 1px #e6e9ed; background: #fff; } .first-column span, .first-column-last-row span{ margin:15px 20px 15px 0; } .first-column-last-row { width:260px; padding-right:11px; text-align:center; height:105px !important; line-height:105px !important; } .middle-column{ width: 300px; border-left: 1px solid #ced4dc; border-top: 1px solid #ced4dc; text-align:center; box-shadow: 4px 0px 4px 0px #e6e9ed,-4px 0px 4px -1px #e6e9ed; background: #fff; z-index: 1; } .middle-column-last-row{ width: 300px; border-left: 1px solid #ced4dc; border-top: 1px solid #ced4dc; border-bottom:1px solid #ced4dc; text-align:center; box-shadow: 4px 0px 4px 0px #e6e9ed,-4px 0px 4px -1px #e6e9ed; height:105px !important; line-height:105px !important; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; background: #fff url(/web/20161022234238im_/http://iamemo.ru/images/products13/matrix_bg_last_cell.png) repeat-x 0 22px; z-index: 1; } .middle-column img, .last-column img{ vertical-align:middle; } .arrow-image{ margin-top:-5px; vertical-align:top !important; } div.strike, div.strike-std{ margin-top:-70px; } .last-cell{ border-bottom: 1px solid #ced4dc; border-bottom-left-radius: 5px; box-shadow: 0 4px 2px -2px #e6e9ed,-1px 0 2px 1px #e6e9ed; } .last-column{ width:275px; border-left: 1px solid #ced4dc; border-right: 1px solid #ced4dc; border-top: 1px solid #ced4dc; text-align:center; box-shadow: 2px 0px 5px 0px #e6e9ed; background: #fff; } .last-column-last-row{ width:275px; height:70px !important; line-height:70px !important; border-left: 1px solid #ced4dc; border-right: 1px solid #ced4dc; border-top: 1px solid #ced4dc; border-bottom-right-radius:5px; border-bottom: 1px solid #ced4dc; text-align:center; box-shadow: 2px 0px 5px 0px #e6e9ed; background: url(/web/20161022234238im_/http://iamemo.ru/images/products13/matrix_bg_last_cell.png) repeat-x; } .no-bottom-border{ border-top:0px; height:75px !important; line-height:75px !important; } .compare-special-price{ width:210px; position:absolute; text-align:right; } .compare-price-arrow{ z-index:2; margin-left:220px !important; position:relative; } .compare-price-arrow img{ vertical-align:middle; } .big-price{ font-size:23px; } #studio13-compare .strike{ background: url(/web/20161022234238im_/http://iamemo.ru/images/products13/price_slash.png) no-repeat 119px 32px; } #studio13-compare .strike-std{ background: url(/web/20161022234238im_/http://iamemo.ru/images/products13/price_slash.png) no-repeat 105px 32px; } .tech-specs-box{ box-shadow: 0 0 4px 3px #e6e9ed; border: 1px solid #ced4dc; border-radius:5px; width:825px; margin:0 0 50px; padding: 15px; height:55px; background: url(/web/20161022234238im_/http://iamemo.ru/images/products13/tech_specs_bg.png) repeat-x 0 8px; } .tech-specs-box img{ margin:9px 10px 0; float:left; } .tech-specs-box .title{ float:left; display:inline-block; margin:19px 1px; color: #0e6899; font-weight:400; font-family:"Avenir", "Helvectica Neue", "Helvetica", "Arial"; font-size:20px; } .tech-specs-box .description{ color: #54575d; } .read-now { float:right; margin: -8px 20px 0 0; } .row-bottom{ background:none repeat scroll 0 0 #fafbfc; border-bottom-right-radius:5px; border-bottom-left-radius:5px; border-top:1px solid #b8bfc7; margin:0 -39px; padding:20px 20px 15px; width:899px; } .studio13 ul#top-features-nav li { display: inline; } .studio13 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; } .studio13 ul#top-features-nav li a span { /* ok, so heres the thing, can't vert align middle on block elements, needed block for styling, so 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; } .studio13 .top-features-content h3 { color:#0e6899; font-family: 'Avenir', helvetica, arial, sans-serif; font-size: 27px; font-weight: 400; margin-top:0; } .studio13 .top-features-content h4 { font-family: 'Avenir', helvetica, arial, sans-serif; font-size: 1.438em; color: #0e6899 /*#54575d was gray*/; font-weight: 400; margin: 0 0 8px !important; } .studio13 .top-features-content p { font-size:16px; } .studio13 .top-features-content blockquote { margin:15px 0 0 0; padding:0; border:none; min-height: 51px; } .studio13.top-features-content blockquote img { float:left; margin-right:20px; padding:4px; background: #fff; height:51px; } .studio13 .top-features-content blockquote p { color:#54575d; font-size: 14px !important; font-family: 'Droid Serif', serif; font-style: italic; line-height: 25px; vertical-align: middle; margin-left:80px; /* padding-top: 10px; */ padding-top: 5px; margin-bottom: 0; } .studio13 .top-features-content .top-feature .imgVidWrapper.right {left:40px;margin-left:23px;} .studio13 .top-features-content .top-feature .imgVidWrapper.left{margin-right:35px !important;} .studio13 .top-feature .tf-vid{width:325px !important;} .studio13 .top-features-content .top-feature p{line-height:24px !important;} .imgVidWrapper.right.noMargin{margin-left:0 !important;} .vid-margin-adjustment{margin:-135px 52px 0 0;} /* .studio13 .top-feature .tf-vid {left:40px;} */ .vid-title-long{width:152px !important;} .vid-title-longer{width:158px !important;} .shadow{box-shadow:0 0 4px 3px #e6e9ed;} .left-overlap-text{float: left;display: inline-block;width: 395px;margin: -128px 0 0 0;} .vid-big-img-right{margin:10px -65px 0 0;} .vid-margin-top{margin-top:35px;} .top-feature-margin-top-reset{margin-top:25px !important;} .tf-vid-extra{left:-22px !important;} .remove-left-float{float:none !important;;} .remove-right-margin{margin-right:0px !important;} .negative-right-margin{margin-right: -25px;} .negative-bottom-margin{margin-bottom:-4px !important;} #en-interaction-types td{padding:0 10px 15px 0;} #en-interaction-types td .cell-text{margin:-24px 30px 0;color:#0e6899;font-family: 'Helvectica Neue', helvetica, arial, sans-serif;font-size: 14px;font-weight: 700;} .adjust-right-margin{margin-right:20px !important;} .p-studio{display:inline-block;width:290px;font-weight:400;font-size:1.1em !important;} .p-studio-minor-increase{width:305px !important;} .p-studio-xsmall{width:215px !important;} .p-studio-small{width:240px !important;} .p-studio-small_1{width:270px !important;} .p-studio-small_2{width:280px !important;} .p-studio-small_3{width:300px !important;} .p-studio-medium{width:350px !important;} .p-studio-medium_2{width:355px !important;} .p-studio-medium_3{width:365px !important;} .p-studio-large{width:370px !important;} .p-studio-xlarge{width:385px !important;} .p-studio-xlarge_2{width:400px !important; } .p-studio-xxlarge{width:405px !important;} .p-studio-xxxlarge{width:415px !important;} .p-studio-xxxxlarge{width:480px !important;} .p-studio-5xlarge{width:500px !important;} .p-studio-55xlarge{width:560px !important;} .p-studio-6xlarge{width:650px !important;} .p-studio-68xlarge{width:680px !important;} .p-studio-first-feature{width:535px !important;} .p-studio-nowrap{white-space:nowrap;} .p-studio-full{width:805px !important;} .p-studio-full_2{width:840px !important;} .feature-padding{padding:0 65px 0;} .vid-padding-left{padding:0 0 0 375px;} .two-columns{width:46%;} .top-feature-margin-bottom-reset{margin-bottom:20px !important;} .p-nudge-up{margin-bottom: -20px !important;} /* STUDIO 13 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/20161022234238im_/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/20161022234238im_/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

past image width 'padding'*/ } .testimonial-content .right p { margin-right:106px; /*pushes all

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; } /* IE STYLES ------------------------------------------------------------------*/ .ie .studio13 .studio13-header h2 { margin-bottom: 35px; } /* IE7 */ .ie7 .container.studio13 > .row { padding-top:0 !important; margin-bottom: 40px !important; } .ie7 .container.studio13 > .row .studio13-header { padding-top:0 !important; } .ie7 .studio13 .studio13-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.studio13 { padding-bottom: 40px !important; } .ie6 .container.studio13 > .row { } .ie6 .container.studio13 .studio13-header { margin:0 !important; padding:0 !important; } .ie6 .studio13 .studio13-header .sub-nav-logo { background: url(/web/20161022234238im_/http://iamemo.ru/images/storyline/ie6LogoNavBg.png) repeat; border-radius: 5px 5px 0 0; behavior: url(/web/20161022234238im_/http://iamemo.ru/PIE.htc); width:900px; padding:20px 20px 10px 20px; } .ie6 .studio13 .studio13-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/20161022234238im_/http://iamemo.ru/images/storyline/storylineLogo.png) no-repeat top left; */ } .ie6 .studio13 .studio13-header .sub-nav { position: absolute; top:20px; right:0; } .ie6 .studio13 .studio13-header .sub-nav a { color: #fff; } .ie6 .studio13 .studio13-header .sub-nav li.active a { background: url(/web/20161022234238im_/http://iamemo.ru/images/storyline/navFirst.png) no-repeat 0 -2px; } .ie6 .studio13 .studio13-header .sub-nav li.active a span { background: url(/web/20161022234238im_/http://iamemo.ru/images/storyline/navLast.png) no-repeat right -2px; } .ie6 .studio13 .studio13-header .sub-nav li a:hover { text-decoration: underline; } .ie6 .studio13 .studio13-header .sub-nav li.active a:hover { text-decoration: none; } .ie6 .studio13 .studio13-content { position: relative; padding: 0; background: #fff; width:940px; border:1px solid #ccc; } /* IE6 all-features */ .ie6 .studio13 .studio13-content .all-features-content { zoom: 1; position: absolute; top:20px; left:227px; } .ie6 .studio13 .all-features-nav { padding-left:20px; border-left: 1px solid #ccc; } .ie6 .studio13 .all-features-nav ul { width:217px; } /* IE6 top-features */ .ie6 .studio13 ul#top-features-nav { top:0 !important; left:20px !important; } /* IE6 testimonials */ .ie6 .testimonial-content .testimonial span.quote { background: url(/web/20161022234238im_/http://iamemo.ru/images/storyline/quoteIE6.png) no-repeat top left; /*sprite*/ } /* IE6 tech specs */ .ie6 .try-block.studio13Tech { margin:0 !important; } /** * Store updates */ div.upsell-product.upsell-storyline { background: url(/web/20161022234238im_/http://iamemo.ru/images/background/store_upsell_storyline_characters.jpg) no-repeat 0px 0px !important; margin-left:0px!important; padding-left:50px; margin-top: -10px; } #studio-mainProducts{padding: 0 0 0 18px;border-bottom: 1px solid #d4d9dd;width: 922px;background: url(/web/20161022234238im_/http://iamemo.ru/images/background/store-mainproducts-bg.png) repeat-x 0px 0px;} #studio-subProducts{padding:5px 0 0 18px;width:940px;} .studio-store-main{width:431px;height:220px;margin:25px 0 0 22px;float:left;} .studio-store-main-adjustment{margin:60px 0 5px 22px !important;} .studio-store-main h1{color:#00659b;font-family:"Avenir", "Helvectica Neue", "Helvetica", "Arial";font-size:28px;font-weight:400;} .studio-store-main .studio-store-main-description{font-family:"Helvectica Neue", "Helvetica", "Arial";font-size:17px;font-weight:400;} .studio-store-main .studio-store-main-buy-text{font-family:"Helvectica Neue", "Helvetica", "Arial";font-size:18px;font-weight:400;margin-bottom: 95px;} .studio-store-main-right{background:url(/web/20161022234238im_/http://iamemo.ru/images/products13/studio_store_main.png) no-repeat 0 0;float:right;width:469px;height:234px;margin:45px 0 90px 0;} .buy-now-big{float:left;display:block;clear:both;margin:-70px 0 90px 22px;} .buy-now-big a.buy-up-big{background:url(/web/20161022234238im_/http://iamemo.ru/images/products13/buy_upgrade_now_big_btn.png) no-repeat;height:41px;width:183px;display:inline-block;} .buy-now-big a.buy-up-big:hover{background-position: 0 -41px;} .store-row{width:940px;/* height:300px; */margin:5px 0 10px -10px;} .store-row.bottom-row{margin:5px 0 75px -10px;} .store-row .store-left{width:450px; /* height:300px; */float:left;} .store-row .store-right{width:450px; /* height:300px; */float:left;margin-left:8px;} .store-row .product-image{float:left; width:175px;margin:75px 0 0 0;} .store-row .product-content{float:left;width:268px;margin:83px 0 0 0;} .store-row h2{color:#00659b;font-family:"Avenir", "Helvectica Neue", "Helvetica", "Arial";font-size:22px;font-weight:400;} .store-row .product-description{font-family: Helvetica, "Arial";font-size:15px;font-weight:400;margin:11px 0 0 0;} .store-row .price-block{margin:12px 0 0 0;float:left;} .store-row .price-block td{padding:3px;} .store-row .price-block .price-label{font-family:Helvetica, "Arial";font-size:14px;font-weight:700;} .store-row .price-block .price-amount{font-family: Helvetica, "Arial";font-size:14px;font-weight:700;text-align:right;} .store-row .price-block .price-amount.full-price{color:#ff0000;text-decoration:line-through;padding:2px;} .store-row .price-block .price-amount.special-price{background-color:#fdf59b;padding:2px 3px;} .store-row .buy-now-block{float:left;margin:20px 0 0 0;} .store-row .buy-now-offset{float: left;height: 25px;width: 39%} .store-row .product-height-container{height:250px;} .store-row .buy-now-block a.store-studio-btn{background:url(/web/20161022234238im_/http://iamemo.ru/images/products13/studio_store_buy_btn_small.png) no-repeat;height:36px;width:153px;display:inline-block;} .store-row .buy-now-block a.store-studio-btn:hover{background-position:0 -36px;} .store-horizontal-divider{background:url(/web/20161022234238im_/http://iamemo.ru/images/products13/studio_store_horizontal_divider.png) no-repeat;width:900px;height:1px;display:inline-block;margin-top:50px;} .store-vertical-divider{background:url(/web/20161022234238im_/http://iamemo.ru/images/products13/studio_store_vertical_divider.png) no-repeat;width:1px;height:593px;position: absolute;top:65px;left:470px;} .buy-up-big.button,.store-studio-btn.button{padding:0;} /** * Free replay banner **/ .free-replay-container{height:71px;border:1px solid #b9c5cb;border-radius:5px;padding:0 20px 0 20px;width: 900px;box-shadow: 0 0 10px #d0d6dd;behavior: url(/web/20161022234238im_/http://iamemo.ru/PIE.htc);position: relative;margin:0 auto 45px;background:url(/web/20161022234238im_/http://iamemo.ru/images/products13/free_replay_bg.png) repeat-x 0 0;} .free-replay-container-left{width:100px;border-right:1px solid #b9c5cb;height:71px} .free-replay-container-right{width:800px;height:71px;} .free-replay-container img{margin:-15px -9px 0;} .free-replay-text{color:#00659b;font-family:'Helvetica Neue', Helvetica, aria, sans-serif;font-size:22px;font-weight:700;margin:-58px 0 0 145px;} .free-replay-text-red{color:#e94d1a;} .free-replay-more{display:block;color:#0084c9;font-family:'Helvetica Neue', Helvetica, aria, sans-serif;font-size:15px;font-weight:700; margin-top:8px;} .free-replay-more a:hover{color:#0084c9;} .free-replay-arrow{margin:0 5px !important;} .studio13 .storyline-header > .sub-nav-logo h3 {font-size: 28px;text-transform: uppercase;color: #fff;float: left;line-height: 28px;margin-bottom: 0;font-weight: 100;margin-top:0px !important;} .replay .storyline-header{background:#000 url(/web/20161022234238im_/http://iamemo.ru/images/storyline2/free_replay_storyline2_bg.png) no-repeat 1px 0 !important; height:850px !important;} .free-triangle{float:right;margin:0px -20px 0 0;clear:both;} .free-triangle span { position: absolute; top: 92px; right: 8px; font-size: 24px; transform:rotate(41deg); -ms-transform:rotate(41deg); -webkit-transform:rotate(41deg); -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.75470958, M12=-0.65605903, M21=0.65605903, M22=0.75470958,sizingMethod='auto expand')"; filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.75470958, M12=-0.65605903, M21=0.65605903, M22=0.75470958,sizingMethod='auto expand'); font-family: Arial; } .replay-text{margin-top:-100px !important;} .replay-video{border:1px solid #fff;height:350px;width:600px;margin:10px 150px 0;float:left;background-color:#242729;} .studio13 .storyline-header p.header-action{float:left;margin:50px 275px 0;} .studio13 .storyline-header p.header-action a.buy_replay_free { background: url(/web/20161022234238im_/http://iamemo.ru/images/products13/buy_replay_btn.png) no-repeat;width:345px;height:39px; display:inline-block;padding:0;} .studio13 .storyline-header p.header-action a.buy_replay_free:hover { background-position:0 -39px;} .studio13 .storyline-header p.header-action a.replay-btn-modal { background: url(/web/20161022234238im_/http://iamemo.ru/images/products13/replay_btn_modal.png) no-repeat;width:282px;height:41px; display:inline-block;padding:0;display:block;} .studio13 .storyline-header p.header-action a.replay-btn-modal:hover { background-position:0 -41px;} .replay-offer{float:left;margin:20px 405px;} .replay-offer a{color:#565d62;font-family:'Helvetica Neue', Helvetica, aria, sans-serif;font-size:14px;font-weight:700;text-decoration:underline;} .store-size-replay{width: 600px; /*margin-left: -267px;*/} .reveal-modal.store-size-replay .close-reveal-modal{text-indent: -9000px;display: block;width: 11px;height: 12px;top: 11px;background: url(/web/20161022234238im_/http://iamemo.ru/images/icons/lightbox-medium-close.png) no-repeat;} .specialoffer-replay{width: 375px;padding-top: 20px;padding-bottom: 20px;display: block;margin-left: 30px;padding-left: 150px;background: url(/web/20161022234238im_/http://iamemo.ru/images/background/bg_store_special.jpg) no-repeat 0 4px;} .specialoffer-replay p{font-size: 15px !important;margin: 0 0 12px 0 !important;} .store-size-replay a{color:#0e6899;font-weight:700;} /* ----------------------------------------- Store Page - Main ----------------------------------------- */ .store-page-logo { color: #002f59; font-family: 'AvenirLTStd', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif'; font-size: 26px; font-weight: 600; margin: 1px 0 0 20px; float: left; } h1.product-title { font-size: 27px; font-family: 'AvenirLTStd', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif'; font-weight: 500; color: #0E6899; height: 36px; margin-left: auto; margin-right: auto; margin-top:1px; } p.product-desc { margin-bottom: 7px; font-size: 17px; font-family: 'AvenirLTStd', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif'; color: #54575d; } h2.product-title{ font-size: 22px; font-family: 'AvenirLTStd', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif'; font-weight: 500; color: #0E6899; height: 36px; margin-left: auto; margin-right: auto; margin-top:10px; margin-bottom: 0px; } h2.more-questions{ font-size: 22px; font-family: 'AvenirLTStd', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif'; font-weight: 400; color: #0e6899; line-height: 1.045; padding-top: 20px; } p.smaller { font-size: 15px !important; } a.shop { font-weight: 600; } .store-character-bundle { padding: 25px 0 22px 0; overflow: hidden; background: #dee5e9 url(/web/20161022234238im_/http://iamemo.ru/images/background/store-character-bundle-bg.png) no-repeat !important; } .store-character-bundle-alt { background: #ffffff url(/web/20161022234238im_/http://iamemo.ru/images/background/store-character-bundle-bg.png) 0px -36px no-repeat !important; } .store-character-bundle-pos{ position: absolute !important; top: 25px; } .ie6 .store-character-bundle { margin: 30px 0 0 0 !important; } .store-character-bundle .character-bundle-body { padding: 0 0 0 155px; width: 575px; float: left; } .character-bundle-body-alt { padding: 0 0 0 155px; width: 510px; float: left; } .store-character-bundle .character-bundle-body p { margin: 5px 0 0 0; text-shadow: 0 1px 0 rgba(255,255,255,0.5); } .ie6 .store-character-bundle .character-bundle-body p { padding: 0; } .store-character-bundle .button.learn-more { margin: 30px 38px 0 0; padding: 0; width: 159px; height: 38px; float: right; background: url(/web/20161022234238im_/http://iamemo.ru/images/buttons/plan-learnmore.png) no-repeat !important; } .ie6 .store-character-bundle .button.learn-more { border: none !important; margin-right: 20px; } .store-character-bundle .button.learn-more:hover { background-position: 0 -38px; } .store-character-bundle .button.learn-more span { display: none; } .limited-time-offer { border-radius: 3px; background-color: #044F77; width: 150px; height: 21px; position: relative; top:-8px; left:0px; behavior: url(/web/20161022234238im_/http://iamemo.ru/PIE.htc); } .limited-time-offer p { font-size: 11px; font-family: 'AvenirLTStd', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif'; color: #FEFFFF; height: 14px; text-align: center; } .store-character-bundle h1.heading { font-size: 23px; font-family: 'AvenirLTStd', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif'; font-weight: 500; color: #044F77; text-align: left; text-shadow: 0.5px 0.866px 0px #FFFFFF; } .store-character-bundle-alt h1.heading { width: 500px; margin-top: 5px;} .store-character-bundle p.sub { font-size: 14px; font-family: 'AvenirLTStd', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif'; color: #508AA6; font-weight: 600; line-height: 1.571; text-align: left; /*text-shadow: 0.5px 0.866px 0px #508AA6;*/ height: 37px; } .store-character-bundle p.heading span.red{ color: #db3228; font-weight: bold; } .store-character-bundle p.sub a.more { color: #044f77; font-size: 14px; margin-left: 5px; } .free-ribbon { z-index: 9999; position: absolute; top: -11px; left: 25px; width: 105px; height: 129px; background: url(/web/20161022234238im_/http://iamemo.ru/images/icons/free-ribbon.png) no-repeat 0 0px; } .characters-dvd { margin-bottom: 10px; } .characters-dvd-alt { margin-top: -15px; } .store-storyline-box { width:306px; height:232px; background: url(/web/20161022234238im_/http://iamemo.ru/images/products13/store-storyline-box.jpg) no-repeat 0 0px; margin-top: 40px; margin-left: auto; margin-right: auto; margin-bottom: 11px; } .store-storyline-box-edu { width:300px; height:249px; background: url(/web/20161022234238im_/http://iamemo.ru/images/products13/store-storyline-box-edu.png) no-repeat 0 0px; } .store-studio13-box-edu { width:601px; height:248px; background: url(/web/20161022234238im_/http://iamemo.ru/images/products13/store-studio13-box-edu.png) no-repeat 0 0px; } .store-studio-box { width:454px; height:232px; background: url(/web/20161022234238im_/http://iamemo.ru/images/products13/store-studio-box.png) no-repeat 0 0px; margin-top: 95px; margin-left: auto; margin-right: auto; } .store-bottom { border-radius: 0 0 5px 5px; behavior: url(/web/20161022234238im_/http://iamemo.ru/PIE.htc); border-bottom: none; position: relative; color: #fff; margin: -15px 0px -25px 0px; height: 106px; background: #f1f4f5; background: -webkit-gradient(linear, left top, left bottom, from(#f1f4f5), to(#dee5e9)); background: -webkit-linear-gradient(top, #f1f4f5, #dee5e9); background: -moz-linear-gradient(top, #f1f4f5, #dee5e9); background: -ms-linear-gradient(top, #f1f4f5, #dee5e9); background: -o-linear-gradient(top, #f1f4f5, #dee5e9); border-top: 1px solid #cfd4d9; } .store-character-bundle p.bottom { color: #0e6899; font-size: 20px; font-weight: 600; font-family: 'AvenirLTStd', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif'; text-align: center; padding-top: 40px; } .store-character-bundle span.more.red-color { background: url(/web/20161022234238im_/http://iamemo.ru/images/icons/arrow-ico.png) no-repeat 0 0; width: 14px; height: 14px; margin-left: 7px; display: inline-block; } div.fold-down { background: url(/web/20161022234238im_/http://iamemo.ru/images/misc/fold-down.png) no-repeat 0 0; width: 151px; height: 20px; position: absolute; top: -1px; left: 397px; } .hidden-offer {visibility: hidden; display: none;} .show-offer {visibility: visible; display:block; } /* ----------------------------------------- Store Page - AO ----------------------------------------- */ .store-ao-container { /*height: 220px;*/ width: 450px; } .store-ao-text-container { width: 500px; margin-left:-90px; margin-bottom:20px; } .store-ao { overflow: hidden; background: url(/web/20161022234238im_/http://iamemo.ru/images/background/store-ao-overlay-bg.png) no-repeat !important; width: 420px; height: 115px; position: absolute; top: 55px; left: 0px; float: left; } .store-ao-screen { width: 255px; height: 182px; position: absolute; top: 20px; left: 65px; } .inline-text { margin-right: 90px; margin-top: -4px; } a.inline-text { color: #0e6899; } .inline { margin-left:90px; } /* ----------------------------------------- Store Page - Training ----------------------------------------- */ .store-training-container { height: 243px; width: 319px; } .store-training-text-container { width: 240px; margin-right: auto; margin-left: auto; } .store-training-text-container-right { width: 320px; } .store-training { margin: -25px 0px 15px 0px; overflow: hidden; background: #f2f4f7; width: 319px; height: 249px; border-right: 1px solid #cfd4d9; padding-top: 44px; } .store-training-bottom { border-radius: 5px 5px 5px 5px; behavior: url(/web/20161022234238im_/http://iamemo.ru/PIE.htc); border-bottom: none; position: relative; color: #f2f4f7; margin: -15px 0px 15px 0px; border-top: 1px solid #cfd4d9; } .store-training-dvds { float:left; /*width:175px;*/ height:209px; margin: 15px 40px 0 47px; } /* ----------------------------------------- Store Page - PMP ----------------------------------------- */ .store-pmp-container { /*zoom:1;*/ height: 243px; color: #f2f4f7; background: #fefeff; background: -webkit-gradient(linear, left top, left bottom, from(#fefeff), to(#e0e7ee)); background: -webkit-linear-gradient(top, #fefeff, #e0e7ee); background: -moz-linear-gradient(top, #fefeff, #e0e7ee); background: -ms-linear-gradient(top, #fefeff, #e0e7ee); background: -o-linear-gradient(top, #fefeff, #e0e7ee); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefeff', endColorstr='#e0e7ee'); } .store-pmp-text-container { width: 606px; } .store-pmp-badge { float:left; /*width:177px;*/ height:211px; margin: 15px 40px 0 47px; } /* ----------------------------------------- Store Page - Discounts and More ----------------------------------------- */ .store-discounts-container { /*zoom:1;*/ height:265px; color: #f2f4f7; background: #ffffff; background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eaeef0)); background: -webkit-linear-gradient(top, #ffffff, #eaeef0); background: -moz-linear-gradient(top, #ffffff, #eaeef0); background: -ms-linear-gradient(top, #ffffff, #eaeef0); background: -o-linear-gradient(top, #ffffff, #eaeef0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eaeef0'); /* overflow: hidden; */ } .store-discounts-container { width: 175px; } .store-discounts-text-container { width: 220px; } .store-government-pricing-container { width: 309px; } .store-more-row { border-top: 1px solid #cbd1d7; position: relative; top: -25px; } .store-more-qmark { width:63px; height:63px; } .store-more-qmark-small { width:24px; height:24px; position: relative; top: 5px; } /* ----------------------------------------- Store Page - postions and overwrites ----------------------------------------- */ .left-align-text { margin:19px 0 18px 40px; } .center-align { text-align: center; margin-left: auto; margin-right: auto; } .nudge-down { margin-top:30px; } .wider { width: 325px !important; } .ie-nudge-left { margin-left: -22px !important; } .columns-reset { margin-left: 0px !important; } .one-third { width:277px !important; } .two-thirds { width:630px !important; margin-right: 30px; } .one-third-padding { padding: 0px; } .two-thirds-padding { padding: 0 40px 0 40px; } .three-thirds-padding { padding: 0 15px 0 15px; } div.vertical-divider { height:228px; border-right: 1px solid #cbd1d7; position: relative; top:-25px; float: left; } .one-louder { width: 941px !important; } /* -------------------------------------------------- New CSS Buttons - page specific and customized (base button classes in ui.css) -------------------------------------------------- */ .store-button, .link-button, .modal-button, .red-btn-large { color: white!important; cursor:pointer; text-decoration: none!important; margin-left: auto; margin-right: auto; height: 100%; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; text-shadow: rgba(0,0,0,.4) 0 1px 0; behavior: url(/web/20161022234238im_/http://iamemo.ru/PIE.htc); } .red-btn-large { padding: 12px 26px !important; -moz-box-shadow: 0 0 3px #19364a; -webkit-box-shadow: 0 0 3px #19364a; box-shadow: 0 0 3px #19364a; behavior: url(/web/20161022234238im_/http://iamemo.ru/PIE.htc); } .free-trial-button { color: white !important; font-size: 14px !important; margin-top: 0px !important; text-shadow: rgba(0,0,0,.4) 0 1px 0 !important; padding: 4px 17px 4px 17px !important; border-color: black !important; border-radius: 4px; background: #ed4a3c; background: -webkit-gradient(linear, left top, left bottom, from(#fe5e47), to(#ca1a15)); background: -webkit-linear-gradient(top, #fe5e47, #ca1a15); background: -moz-linear-gradient(top, #fe5e47, #ca1a15); background: -ms-linear-gradient(top, #fe5e47, #ca1a15); background: -o-linear-gradient(top, #fe5e47, #ca1a15); background: linear-gradient(#fe5e47, #ca1a15); -pie-background: linear-gradient(#fe5e47, #ca1a15); behavior: url(/web/20161022234238im_/http://iamemo.ru/PIE.htc); } .free-trial-button:hover { background: #e0392e; background: -webkit-gradient(linear, left top, left bottom, from(#e0392e), to(#d62b22)); background: -webkit-linear-gradient(top, #e0392e, #d62b22); background: -moz-linear-gradient(top, #e0392e, #d62b22); background: -ms-linear-gradient(top, #e0392e, #d62b22); background: -o-linear-gradient(top, #e0392e, #d62b22); background: linear-gradient(#e0392e, #d62b22); -pie-background: linear-gradient(#e0392e, #d62b22); behavior: url(/web/20161022234238im_/http://iamemo.ru/PIE.htc); } .thirtyday-button { z-index:99999; cursor:pointer; text-decoration: none; margin-left: auto; margin-right: auto; height: 100%; padding:4px 12px 4px 12px; font-size: 12px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; text-shadow: rgba(255,255,255,1) 0 1px 0; behavior: url(/web/20161022234238im_/http://iamemo.ru/PIE.htc); } .thirtyday-button a { color: #886e0c !important; } a.visit-store-button { color: white !important; } .visit-store-button-placement { position:relative; top: 0px; left: -231px; z-index:999; } .button-arrow-red { width:19px; height:19px; display:inline-block; position: relative; top:3px; left:10px; background: url(/web/20161022234238im_/http://iamemo.ru/images/buttons/button-arrow-red.png) no-repeat !important; } .button-smallarrow-red { width:12px; height:12px; display:inline-block; position: relative; top:3px; left:10px; background: url(/web/20161022234238im_/http://iamemo.ru/images/buttons/button-smallarrow-red.png.png) no-repeat !important; } .button-question-blue { vertical-align: text-top; line-height: 19px; width:19px; height:19px; display:inline-block; position: relative; top:-1px; left:-5px; background: url(/web/20161022234238im_/http://iamemo.ru/images/buttons/button-question-blue.png) no-repeat !important; } .button-check-green { vertical-align: text-top; line-height: 19px; width:19px; height:19px; display:inline-block; position: relative; top:-1px; left:-5px; background: url(/web/20161022234238im_/http://iamemo.ru/images/buttons/button-check-green.png) no-repeat !important; } .showcase-view-button { padding: 4px 17px 4px 17px !important; border-radius: 4px !important; -webkit-border-radius: 4px !important; -moz-border-radius: 4px !important; } .showcase-view-button-placement { margin: -118px 178px 70px; } .showcase-view-button-storyline-placement { margin: -80px 80px 70px; } .modal-button-container.replay { width: 575px; margin: 20px auto 0 auto; } .modal-button-placement.replay { margin-left: auto; margin-right: auto; width: 290px; } .storyline-overview-button-placment { margin: 0px 0px 50px 0px !important; } .ao-hero-button-placement { margin: 35px 0px 50px 300px !important; } .ao-side-bar-trial-placement { margin: -10px 0px 20px 0px !important; } .ao-plans-button-placement { margin: 10px 48px -20px 0px !important; float:right; } .storyline-studio-placement { margin: -32px 0px 0px 0px !important; } .compay-contact-placement { margin: 5px 0px 0px 20px !important; float:left; } .support-train-placement { margin: -20px 0px 15px 0px !important; } .support-train-placement.button-container { padding-top: 5px !important; } .support-twitter-placment { margin: -25px 0px 0px 0px !important; } .onsite-button-placement { margin: -15px 0px 0px 0px !important; } .web-training-button-placement { margin: -35px 32px 0px 25px; } .support-contact-button-placement { margin: -15px 0px 0px 0px !important; } .support-conference-button-placement { margin: 0px 0px 0px 505px !important; } .support-case-button-placement { margin: 0px 0px 0px 120px !important; } .support-screencast-button-placement { margin: 0px 0px 15px 207px !important; } .support-submit-button-placement { margin: 10px 0px 15px 207px !important; } .support-pmp-button-placement { margin: 10px 0px 0px 120px !important; } .support-ao-cancel-button-placement { margin: 40px 0px 0px 0px !important; } .support-live-chat-button-placement { margin: -15px 0px 0px 0px !important; } .thirtyday-button-placement{ display: block; margin: -5px 0px 0px 0px; } .search-results-button-placement{ margin: -22px 10px 0px 0px; } .support-kb-button-placement{ margin: -20px 0px 0px 12px; display: inline-block; } .support-pmp-placement{ margin: 0px 0px -70px 195px; } .store-modal-close-placement { /* position: relative; top: -35px; left: 200px;*/ } .store-continue-placement { margin: -10px 50px 10px 0px; } .store-greatidea-placement { margin: 0px -25px 0px 0px; } .store-tellmore-placement { margin: -45px -25px 0px 0px; } .store-cb-placement { margin: -19px 0px 0px 0px; } .store-character-placement { margin: -8px 0px 0px 0px; } .store-trial-download-placement { margin: -10px 0px 0px 0px; } .products-buy-sl-replay-placement { margin: 20px 0px -45px 0px; } .products-studio-update-placement { margin: 40px 0px -20px 0px; } .continue-english-button-placement { top: -20px !important; z-index:99999; } .get-storyline { margin: -55px 50px 10px 0px !important; } .individual-products{ margin: 30px 50px 10px 0px !important; } .footer-trial-button-placemnt { margin: 0px 0px 0px -85px; width:400px !important; text-align: center !important; } .white-font { color: #fffffe !important; } .show-spinner {visibility: visible !important;} .spinner { background:url(/web/20161022234238im_/http://iamemo.ru/images/buttons/spinner.gif) no-repeat 0 0; !important; width:80px; height:80px; visibility: hidden; position: relative; top:-25px; left:45px;} .store-nav{background:url(/web/20161022234238im_/http://iamemo.ru/images/background/store-nav.png) repeat-y 1px 0 !important;} .border-space{background:url(/web/20161022234238im_/http://iamemo.ru/images/background/store-nav-li-border.png) no-repeat 0 0;margin:0 -20px 0 20px !important;} .store-nav ul{margin:0 15px 0 0px !important; float:right;} .store-nav .page-logo, .company-nav .page-logo, .support-nav .page-logo{color:#002f59;font-size:26px;font-family:'AvenirLTStd', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif';font-weight:700;margin:4px 0 0 20px !important;} /** * STUDIO SHOWCASE */ .studio13-showcase > .row{padding:20px 20px 0 20px !important;} .showcased h3{font-family: "Avenir", "Helvectica Neue", "Helvetica", "Arial";font-weight: 400;color: #0e6899;font-size: 27px;margin: 15px 0px 5px;} .showcase-try-block{background:url(/web/20161022234238im_/http://iamemo.ru/images/products13/showcase_try_border.png) repeat-y top right;margin:25px 0 25px 90px;} .studio13 .showcase-text-left{width:525px; padding:30px 0 30px 30px;} .showcased table{border:none;width:557px;padding:0;margin:0 0 20px 0;} .showcase-author{font-style:italic;font-size:1.1em !important;font-weight:400;color:#9b9b9b !important;} .showcase-story{font-size:1.1em !important;font-weight:400;width:500px;} .showcased .story-container{margin:0 0 70px;} .sidebar-quote p.author span.author-title{color:#54575d !important;font-style:normal;font-weight:400;} .quote-left .quote-img-left{float:left; margin: 0 5px 0 0;width:50px;} .quote-right .quote-img-right{float:right; margin: 0 0 3px 15px;width:50px;} .quote-left .quote-text-left{margin:-15px 0 0 0;} .quote-right .quote-text-right{margin:-35px 0 0 -17px;} .img-right{float:right !important;margin:0 5px 0 15px !important;} .img-right-quote{float:right !important;margin:-17px -181px 0 0 !important;} .quote-mark-left{height: 34px;width: 34px;margin: -20px 0px 0 -33px;display: inline-block;} .quote-mark-right{height: 34px;width: 34px;margin: 0; display: inline-block;} #showcase-sidebar-quotes .sidebar-quote p.author span{color:#0e6899; margin-bottom:5px;font-style:italic;} /*.showcase-view-button{position: relative;display:block;z-index: 2;background: url(/web/20161022234238im_/http://iamemo.ru/images/storyline/viewNowBtn.png) no-repeat top left;width: 141px;height: 54px;text-indent: -99999em;margin:-110px 160px 75px;}*/ /*.showcase-view-button:hover{ background-position: 0 -54px; }*/ .author-margin{margin-top:5px !important;} .small-quote{margin:25px 0 15px 0 !important;} /** * EULA */ .studio-headline-only{padding-top: 5px !important;background: #fff url(/web/20161022234238im_/http://iamemo.ru/images/background/company-heading-news.png) repeat-x 0 -40px !important;} .studio-headline-only h1{color: #0e6899;font-size: 37px;text-align: center;margin-bottom: 37px;display: block;} .justified{text-align:justify;} /** * Presenter 13 */ .flash-movie-wrapper{position:absolute;margin:-338px 0 0 139px;} .slide-transitions{margin:0 0 20px -2px !important;} .slide-transitions-wrapper{left:-22px !important;} #support-page .support-landing .support-landing-products a.studio {width: 296px;height: 183px;margin-left: 54px;background: url(/web/20161022234238im_/http://iamemo.ru/images/products13/support-studio-box.png) no-repeat !important;} .support-product{float:left;} .support-studio-text{display: block;clear: both;margin: 165px 0 0 160px;position: absolute;font-size: 18px;font-weight: 400;color: #0e6899;font-family: "Avenir", "Helvectica Neue", "Helvetica", "Arial";} .support-list-offset{margin-left:15px;} .support-list-text-offset-replay{margin-left:45px !important;white-space:nowrap;} .studio-lb-boxes{width:89px;height:89px;} .noIndent{text-indent:0px !important; color:#0e6899 !important;} .upsell-row.first .upsell-row-product { background: url(/web/20161022234238im_/http://iamemo.ru/images/background/store-upsell-productboxes-1.png) no-repeat 0 29px !important; } .upsell-row.last .upsell-row-product { background: url(/web/20161022234238im_/http://iamemo.ru/images/background/store-upsell-productboxes-2.png) no-repeat !important; } /** * HOME PAGE */ .main-hero{background:url(/web/20161022234238im_/http://iamemo.ru/images/background/home_page_hero_bg.png) no-repeat !important;background-color:#fffffe !important;} .home-page h1{font-size:55px !important;text-shadow:none;margin:35px 0 5px 0 !important;} .home-page h2{font-size:27px !important;} .home-page-video{text-align:center;} .e-heroes-title{font-family: "Avenir", "Helvectica Neue", "Helvetica", "Arial";font-weight: 400;color: #0e6899;font-size: 55px;text-align:center;margin:20px 0 30px 0;} .e-heroes-sub-title{font-family:"Helvectica Neue", "Helvetica", "Arial";font-weight: 400;color: #54575d;font-size: 27px;line-height:27px;margin:0 0 25px 0;text-align:center;} .e-heroes-text{width:365px !important;font-family:"Helvectica Neue", "Helvetica", "Arial";font-weight: 400;color: #54575d;font-size: 18px !important;line-height:30px;margin:70px 0 25px 0;} .e-heroes-text-override-width{width:359px !important;} .home-page-section-title{margin:60px 0 30px 0 !important;line-height:60px;} .home-page-section-text{margin:30px 0 30px 30px !important;} #home-page-video{margin:0 35px 0;} .left-container{width:375px;display:inline-block;float:left;} .right-container{width:500px;display:inline-block;margin-left:35px;float:left;margin-top:25px;} .company-badge{margin:0px 0px 5px 2px;display:inline-block;} .google-badge{background:url(/web/20161022234238im_/http://iamemo.ru/images/misc/company_icon_badges/home_page_logos.jpg) 0 0; width:112px; height:112px;} .coke-badge{background:url(/web/20161022234238im_/http://iamemo.ru/images/misc/company_icon_badges/home_page_logos.jpg) -120px 0; width:117px; height:112px;} .hp-badge{background:url(/web/20161022234238im_/http://iamemo.ru/images/misc/company_icon_badges/home_page_logos.jpg) -245px 0; width:117px; height:112px;} .southwest-badge{background:url(/web/20161022234238im_/http://iamemo.ru/images/misc/company_icon_badges/home_page_logos.jpg) -370px 0; width:117px; height:112px;} .nike-badge{background:url(/web/20161022234238im_/http://iamemo.ru/images/misc/company_icon_badges/home_page_logos.jpg) 0 363px; width:112px; height:112px;} .amazon-badge{background:url(/web/20161022234238im_/http://iamemo.ru/images/misc/company_icon_badges/home_page_logos.jpg) -120px 363px; width:117px; height:112px;} .ge-badge{background:url(/web/20161022234238im_/http://iamemo.ru/images/misc/company_icon_badges/home_page_logos.jpg) -245px 363px; width:117px; height:112px;} .visa-badge{background:url(/web/20161022234238im_/http://iamemo.ru/images/misc/company_icon_badges/home_page_logos.jpg) -370px 363px; width:117px; height:112px;} .microsoft-badge{background:url(/web/20161022234238im_/http://iamemo.ru/images/misc/company_icon_badges/home_page_logos.jpg) 0 238px; width:112px; height:112px;} .johnson-badge{background:url(/web/20161022234238im_/http://iamemo.ru/images/misc/company_icon_badges/home_page_logos.jpg) -120px 238px; width:117px; height:112px;} .fedex-badge{background:url(/web/20161022234238im_/http://iamemo.ru/images/misc/company_icon_badges/home_page_logos.jpg) -245px 238px; width:117px; height:112px;} .unitedhealth-badge{background:url(/web/20161022234238im_/http://iamemo.ru/images/misc/company_icon_badges/home_page_logos.jpg) -370px 238px; width:117px; height:112px;} .harvard-badge{background:url(/web/20161022234238im_/http://iamemo.ru/images/misc/company_icon_badges/home_page_logos.jpg) 0 113px; width:112px; height:112px;} .yale-badge{background:url(/web/20161022234238im_/http://iamemo.ru/images/misc/company_icon_badges/home_page_logos.jpg) -120px 113px; width:117px; height:112px;} .stanford-badge{background:url(/web/20161022234238im_/http://iamemo.ru/images/misc/company_icon_badges/home_page_logos.jpg) -245px 113px; width:117px; height:112px;} .leeds-badge{background:url(/web/20161022234238im_/http://iamemo.ru/images/misc/company_icon_badges/home_page_logos.jpg) -370px 113px; width:117px; height:112px;} .org-quote-container{width:385px;height:190px;margin:40px 0;} .blue-quote-bg{background-color:#e3f1f6;border-top:1px solid #b0cbd4;border-bottom:1px solid #b0cbd4;border-right:1px solid #b0cbd4;border-top-right-radius:5px;border-bottom-right-radius:5px;} .org-quote{margin:35px 15px 25px 30px;font-style:italic;font-family:"Droid Serif","Helvectica Neue", "Helvetica", "Arial";font-weight: 400;color: #54575d;font-size: 15px;width:290px;line-height:22px;} .org-quote-author{margin:-5px 5px 0 30px;width:50px;float:left;display:inline-block;} .org-quote-author-info{float:left;width:250px;display:inline-block;} .org-quote-img{padding:0 8px 0 0;} .org-quote-name{font-family:"Helvectica Neue", "Helvetica", "Arial";font-weight: 700;color: #54575d;font-size: 16px;} .org-quote-title{font-family:"Helvectica Neue", "Helvetica", "Arial";font-weight: 700;color: #8cbbcc;font-size: 12px;text-transform:uppercase;display:block;clear:both;} div.home_community a{/*background:none;width:auto;height:inherit;display:inline-block;margin-top:0;text-indent:0;*/} div.buzz{/*height:350px !important;*/} .home_community .button-container a.red.large.link-button{height:auto;} .product-choice{width:100%;display:block;clear:both;text-align:center;margin:60px 0 0 0;} .choose-storyline-container{width:48%;display:inline-block;float:left;margin:0 0 0 15px;} .choose-studio-container{width:48%;display:inline-block;float:left;} .productTitle{font-family: "Avenir", "Helvectica Neue", "Helvetica", "Arial";font-weight: 400;color: #0e6899;font-size: 27px;} .productDescription{font-family:"Helvectica Neue", "Helvetica", "Arial";font-weight: 400;color: #54575d;font-size: 20px;line-height:27px;margin:0 0 25px 0;} .home-page-video{text-align:center;} .compare-products-container{width:100%;display:block;clear:both;text-align:center;padding:25px 0 30px 0;} .compare-products-container .left-arrow{display:inline-block;margin:0 8px 0 0;} .compare-products-container .compare-text{display:inline-block;font-family: "Avenir", "Helvectica Neue", "Helvetica", "Arial";font-weight: 400;color: #0e6899;font-size: 16px;} .compare-products-container .right-arrow{display:inline-block;margin:0 0 0 8px;} .arrow-margin{margin:0 0 8px 0;} .arrow-margin-right{margin:0 0 6px 0;} .home-main-bottom{background:url(/web/20161022234238im_/http://iamemo.ru/images/background/home_page_main_bottom_bg.png) repeat-x;height:102px;border-bottom-right-radius:5px;border-bottom-left-radius:5px} .padded.newHome{padding-bottom:0px !important;} .main-bottom-text{display:inline-block;float:left;width:605px;margin:45px 0 0 45px;font-family: "Avenir", "Helvectica Neue", "Helvetica", "Arial";font-weight: 400;color: #0e6899;font-size: 24px;} .main-bottom-button{display:inline-block;float:left;width:240px;margin:19px 0 0 30px;} .compare-text a, .productTitle a{color:#0e6899;} .home_community{background:url(/web/20161022234238im_/http://iamemo.ru/images/background/home_page_eheros_bg.png) no-repeat bottom left !important;height:460px !important;width:900px !important;margin:0px !important;} .community-posts{height:47%;} /** * Reveal Modal Videos - Studio '13 products only */ .studio13 .reveal-modal.video{width: 950px !important;height: 566px!important;} /** * DOWNLOAD PAGES */ .p-download{width:465px;font-family: Helvetica, aria, sans-serif !important;font-weight:400;font-size:14px !important;} .studio13 .ff-product, .storyline2 .ff-product{padding:60px 10px 40px 30px;} .studio13 .product-details{margin:-30px 0 0 10px !important;} .studio13 .product-details.override {margin: 0 0 0 10px !important;} .studio13 .storyline-heading h1, .studio13 .studio-heading h1{font-family:'Helvetica Neue', helvetica, arial, sans-serif !important; font-size:32px !important;font-weight:700;} .download-button-reset{ font-size:14px !important; font-weight:700 !important; background: #2196c3; background: -webkit-gradient(linear, left top, left bottom, from(#2196c3), to(#0a305f)) !important; background: -webkit-linear-gradient(top, #2196c3, #0a305f) !important; background: -moz-linear-gradient(top, #2196c3, #0a305f) !important; background: -ms-linear-gradient(top, #2196c3, #0a305f) !important; background: -o-linear-gradient(top, #2196c3, #0a305f) !important; background: linear-gradient(#2196c3, #0a305f) !important; -pie-background: linear-gradient(#2196c3, #0a305f) !important; behavior: url(/web/20161022234238im_/http://iamemo.ru/PIE.htc); padding:3px 13px 6px !important; } .download-button-reset:hover{ font-size:14px !important; font-weight:700 !important; background: #36d1e7; background: -webkit-gradient(linear, left top, left bottom, from(#36d1e7), to(#0a305f)) !important; background: -webkit-linear-gradient(top, #36d1e7, #0a305f) !important; background: -moz-linear-gradient(top, #36d1e7, #0a305f) !important; background: -ms-linear-gradient(top, #36d1e7, #0a305f) !important; background: -o-linear-gradient(top, #36d1e7, #0a305f) !important; background: linear-gradient(#36d1e7, #0a305f) !important; -pie-background: linear-gradient(#36d1e7, #0a305f) !important; behavior: url(/web/20161022234238im_/http://iamemo.ru/PIE.htc); padding:3px 13px 6px !important; } .download-button-text-reset,.download-button-text-reset:hover{font-size:14px !important;} .download-button-container-reset{padding-top:8px !important;} .get-more-button-container-reset{padding-top: 0px !important;} .upsell-background-override{background-color:#f6f7f9;padding-top:20px !important;} .awards-background-override{background-color:#fff !important;border-radius:5px;} .first-width-override{padding:0 0 0 75px !important;margin-left:70px !important;} .second-width-override{width:250px !important;padding:0 0 0 115px !important;margin-left:35px;} .first-width-replay {padding: 0 0 0 185px !important; margin-left: 7px !important; width: 250px !important;} .second-width-replay {padding: 0 0 0 230px !important; margin-left: -30px !important; width: 210px !important;} .first-width-replay-override {padding: 0 0 0 235px !important; margin-left: 7px !important; width: 170px !important;} .first-width-storyline-override {padding: 0 0 0 165px !important;margin-left: 7px !important;width: 240px !important;} /** * STORYLINE OVERVIEW */ .storyline-header-override{height:850px !important;} .storyline-video{margin:50px 70px 15px;} .storyline-landing-sub {padding:40px 20px 0 !important;} .storyline-landing-sub h2 {font-size:26px !important;} .studio-13 .storyline-landing-sub h2 { font-weight:400; font-family:'Helvetica Neue',helvetica,arial,sans-serif; } .storyline-quote { float:left; clear:both; width:100%; font-family:'Droid Serif',serif; font-weight:400; text-align:center; margin:30px 0 0; } .storyline-quote .hero-quote { display:block; font-size: 20px; color: #fff; line-height:1.4em; font-style:italic; } .storyline-quote .hero-quote span { display:block; color: #5fb0d6; font-size:16px; margin:5px 0 17px 0; font-style:italic; } /** * Free Trial Modal */ .free_trial .trial-form p.no-creditcard {font-family:sans-serif, 'Helvetica Neue', Helvetica, Arial !important;} /** * FAQ */ #upgrade-process th,#upgrade-process td{text-align: left;font-size: 1em;font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;border: 1px solid #000;border-collapse:collapse;} #upgrade-process th{padding: 7px 3px;font-weight: 700;background-color: #e0f0f5;} #upgrade-process td{padding:5px 3px;font-weight: 400;} #upgrade-process tr.odd{background-color:#fff;} #upgrade-process tr.even{background-color:#e6ebf0;} #upgrade-process tr:hover{background-color:#f6fb9f;} /** * KB product header */ .support-indiv.prod-presenter13 { background: url(/web/20161022234238im_/http://iamemo.ru/images/products13/small_box_presenter13.png) no-repeat 15px 25px #fff !important; padding-bottom: 40px !important; background-size:140px 134px!important; } .support-indiv.prod-quizmaker13 { background: url(/web/20161022234238im_/http://iamemo.ru/images/products13/small_box_quizmaker13.png) no-repeat 15px 25px #fff !important; padding-bottom: 40px !important; background-size:140px 134px!important; } .support-indiv.prod-engage13 { background: url(/web/20161022234238im_/http://iamemo.ru/images/products13/small_box_engage13.png) no-repeat 15px 25px #fff !important; padding-bottom: 40px !important; background-size:140px 134px!important; } .support-indiv.prod-replay13 { background: url(/web/20161022234238im_/http://iamemo.ru/images/products13/small_box_replay13.png) no-repeat 10px 25px #fff !important; padding-bottom: 40px !important; background-size:150px 135px!important; } /** * UPGRADE TO STUDIO13 (/upgrade-to-studio13/) */ .studio13-upgrade > .row{padding:0px 20px 0 20px !important;} .storyline > .row{box-shadow: 0 5px 10px #d0d6dd !important;/*border-bottom:1px solid #276994 !important;*/} .first-row-upgrade{ border-radius: 5px 5px 0 0 !important; behavior: url(/web/20161022234238im_/http://iamemo.ru/PIE.htc); } .upgrade-text-left{width:600px;padding:25px 0 0 20px;margin:0;} .upgrade-paragraph{font-family:'Helvetica Neue', Helvetica, Arial, sans-serif !important;font-size:14px !important;font-weight: 400;width: 575px;} .small-column{width:50px;padding:5px 0 5px;} .wide-column{width:475px;padding:10px 0 5px;} .cell-header-text{vertical-align:top;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif !important;font-size:18px; color:#54575d;font-weight:700;line-height:24px;} .cell-description-text{font-family:'Helvetica Neue', Helvetica, Arial, sans-serif !important;font-size:14px !important;font-weight: 400;width: 575px;padding:0px 0 10px !important;line-height:24px;} .row-spacer{padding:30px 0 0;} .upgrade-link-text{color:#0e6899 !important;font-weight:700;text-decoration:underline;} .story-container-margin-reset{margin:0 0 75px !important;} .story-container-margin-reset-top{margin:0 0 30px !important;} .upgrade-try-block{background:url(/web/20161022234238im_/http://iamemo.ru/images/products13/quote-sidebar-divider.png) repeat-y top right;} .sidebar-quote-upgrade{padding:31px 29px 0 0 !important;width:270px!important;} .sidebar-quote img.upgrade-margin{margin:0 15px 3px 25px !important;} .quote-left-margin-reset{margin:-15px 0 0 25px !important;} .sidebar-active-width-reset{width:278px !important;padding-top:15px !important;} .upgrade-paragraph-padding-top{padding-top:10px;} /* Accomodate two line links in sub-nav */ .storyline-header.top-features .sub-nav { margin-bottom: -5px; } /** * Award winning products banner text */ .award-text{ font-size:15px; font-family: 'Avenir', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif'; font-weight: 400; color: #0E6899; margin: 16px -25px 0 37px; float:left; display:inline-block; } .five-times-text{ position: relative;top: -48px;left: 60px;font-size: 24px;color: white;font-weight: 500; } .edu-text-left-margin{ margin-left: 32px !important; } .edu-text-width{ width:576px; } .edu-text-ul{ width:642px; } body#index-page #fancybox-overlay, #storyline-arlyns-favorite-features-page #fancybox-overlay { opacity: 1 !important; z-index: 2147000001; } body#index-page .wistia-fancybox-wrap, #storyline-arlyns-favorite-features-page .wistia-fancybox-wrap { z-index: 2147000002; } .wistia-fancybox .fancybox-close, .wistia-fancybox .fancybox-prev span, .wistia-fancybox .fancybox-next span { background: transparent url("/web/20161022234238im_/http://iamemo.ru/images/storyline2/closex.png") no-repeat 0 0 !important; } .wistia-fancybox .fancybox-close { border-radius: 0 !important; } .sl2-home-top img { border-radius: 5px; } .sl2-home-top .sl2-video-overlay { position: absolute; width: 100%; bottom: 0; left: 0; text-align: center; } .sl2-home-top .sl2-video-overlay h1 { text-align: center; color: #fff; font-family: "Avenir","Helvectica Neue","Helvetica","Arial"; font-size: 55px; font-weight: 400; text-shadow: none; } .sl2-home-top .sl2-video-overlay h2 { color: #fff; font-family: Helvetica, arial, sans-serif; font-size: 23px; font-weight: 400 !important; } .sl2-home-top .sl2-video-overlay .sl2-buttons { background-color: #021D38; padding: 40px 0 70px 0; border-radius: 5px; } .sl2-home-top .sl2-video-overlay .sl2-buttons a { margin: 0 12px; font-size: 17px; padding: 10px 25px; } .sl2-home-top .sl2-video-overlay .sl2-buttons a:first-child { padding: 10px 40px; } /* FILE ARCHIVED ON 23:42:38 Oct 22, 2016 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 13:17:19 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: 144.234 (3) esindex: 0.013 captures_list: 174.88 CDXLines.iter: 16.387 (3) PetaboxLoader3.datanode: 163.371 (5) exclusion.robots: 0.558 exclusion.robots.policy: 0.5 RedisCDXSource: 8.913 PetaboxLoader3.resolve: 156.373 (3) load_resource: 250.725 */