/*
 * Shop-Script.com
 *
 * Requires linking webasystcom.css CSS file from webasyst.com theme
 *
 * @link http://www.webasyst.com/
 * @author Webasyst LLC
 * @copyright 2015 Webasyst LLC
 * @package Webasyst
 */

h1.enormous,
h2.enormous,
h3.enormous { font-weight: normal; font-size: 2.4em; margin: 0 100px 20px; }
h1.title, { font-weight: normal; font-size: 3.0em; }
h2.title,
h3.title { font-weight: normal; font-size: 2.0em; }
.thinkaboutthisforawhile { font-weight: normal; font-size: 2.5em; margin: 0 100px 20px; }
.tagline { color: #777; margin-bottom: 30px; font-weight: normal; font-size: 1.5em; font-family: 'Lucida Grande', sans-serif; line-height: 1.3em; }

.quote.megaquote { margin-left: 0; }
.quote.megaquote p { font-size: 1.2em; }

.no-overflow-x { overflow-x: hidden; }

ul.integrations { margin: 30px 60px 0; padding: 0; }
ul.integrations li { list-style: none; display: inline-block; width: 130px; height: 60px; display: block\9; float: left\9; height: 90px\9; padding: 5px; }

i.sshelperglyph { width: 96px; height: 96px; display: block; background: url("img/ss-helper-glyphs.png") no-repeat; background-size: 768px 96px; margin: 0 auto; }
i.sshelperglyph.store { background-position: 0 0; }
i.sshelperglyph.toocool { background-position: -96px 0; }
i.sshelperglyph.corporate { background-position: -192px 0; }
i.sshelperglyph.megacorporate { background-position: -288px 0; }
i.sshelperglyph.bag { background-position: -384px 0; }

.plans .plan-cloud .summary { margin-bottom: 50px; }

/* Cloud sign up
---------------- */

.ss-signup { position: relative; }
.awnings { background: url('img/awnings.png') no-repeat center top; background-size: 600px 70px; width: 600px; height: 70px; margin: 0 auto; position: relative; margin: -35px 0 30px -50px; }

/* Homepage
----------- */

.megapodarki-video { padding: 0; background: #555; position: relative; }
.megapodarki-video #promo-video-background { position: absolute; right: 0; bottom: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: 1; background: url('img/homepage-video-poster.jpg') no-repeat; background-size: cover; }
.megapodarki-video .promo-video-mask { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 2; background: #000; opacity: 0.83; }
.megapodarki-video .promo-video-content { position: relative; z-index: 2; top: -120px; padding-bottom: 0px; }
.megapodarki-video #cover-center { padding-top: 200px; }
.megapodarki-video .title { font-family: 'PT Sans Caption', sans-serif; font-weight: bold; font-size: 3.0em; text-align: center; padding-top: 70px; color: #fff; margin-bottom: 20px; }
.megapodarki-video .subtitle { font-size: 1.6em; font-weight: normal; color: #888; text-align: center; font-family: 'PT Sans Caption', sans-serif; }
.megapodarki-video #promo-video-watch { color: rgba(0,0,0,0.7); text-align: center; display: block; text-decoration: none; font-size: 3em; margin-top: 80px; }
.megapodarki-video #promo-video-watch span.play { padding: 25px 26px 28px 30px; border-radius: 50%; background: rgba(255,255,255,0.2); display: inline-block; box-shadow: 0 0 3px rgba(0,0,0,0.1); margin-right: 5px; color: white; }
.megapodarki-video #promo-video-watch:hover span.play { color: #ff7 !important; opacity: 1; }
.megapodarki-video.is-active #cover-center {display:none}
.megapodarki-video.is-active .promo-cling {top:45%;bottom:auto}
.megapodarki-video.is-active .get-started-wrapper .hidden-text {display:block;color:#fff;font-size:1rem}

.promo-cling { position: absolute; z-index: 2; bottom: 0; left: 0; right: 0; text-align: center; }
.promo-cling h3 { font-size: 1.8em; }

.video iframe { background: #fff; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25); max-width: 100%; }

/* Styles for "Get Started"
****************************/
.get-started-wrapper {font-size:0;line-height:0;text-align:center;padding:0 0 2.5rem 0;}
.get-started-wrapper .hidden-text {display:none}
.get-started-wrapper input[type="text"],
.get-started-wrapper input[type="submit"],
.get-started-wrapper select {display:inline-block;vertical-align:top;margin:0;padding:.5rem 1rem;border:0;box-sizing:border-box;height:3.75rem;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;font:normal 1.3rem Arial,sans-serif;text-decoration:none;color:#000}
.get-started-wrapper input[type="text"] {width:300px;margin-right:30px}
.get-started-wrapper input[type="submit"] {position:relative;white-space:nowrap;text-align:center;text-shadow:0 1px 0 rgba(255,255,255,0.6);-webkit-box-shadow:0 3px 8px rgba(0,0,0,0.2);box-shadow:0 3px 8px rgba(0,0,0,0.2);-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;margin-left:30px;background:#fbbd00 -webkit-linear-gradient(#ffed7a,#fbbd00);background:#fbbd00 linear-gradient(#ffed7a,#fbbd00)}
.get-started-wrapper select {max-width:350px;padding:.5rem 1rem .5rem 1rem;cursor:pointer;line-height:3.5rem}
.get-started-wrapper .select-wrapper {position:relative;display:inline-block;-webkit-box-shadow:0 3px 8px rgba(0,0,0,0.2);box-shadow:0 3px 8px rgba(0,0,0,0.2)}
.get-started-wrapper p.hint {margin-top:10px;color:rgba(0,0,0,0.3)}

#promo-video-dialog { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.75); z-index: 99; }
#promo-video-dialog .promo-video-iframe { position: fixed; width: 853px; height: 480px; top: 50%; left: 50%; margin-left: -428px; margin-top: -240px; background: #fff; z-index: 100; overflow: hidden; box-shadow: 0px 0px 40px #000; padding: 0; }
#promo-video-dialog a.close { position: fixed; top: 50%; left: 50%; margin-top: 265px; margin-left: -40px; color: #fff; z-index: 101; font-size: 1.2em; text-decoration: none; border-radius: 4px; padding: 4px 10px; background: rgba(0,0,0,0.5); }

ul.homepage-bullets { padding: 30px 0; margin-bottom: 20px; text-align: center; padding-left: 42px; }
ul.homepage-bullets li { list-style: none; width: 235px; display: inline-block; vertical-align: top; text-align: left; padding: 0 30px 50px; position: relative; color: #888; }
ul.homepage-bullets li:before { background: url('img/homepage-bullets.png') no-repeat; background-size: 300%; display: block; width: 96px; height: 96px; margin-top: 10px; content: ""; }
ul.homepage-bullets li h5 { color: #000; font-size: 1.3em; margin-top: 13px; }
ul.homepage-bullets li.owndomain { width: 260px; }
ul.homepage-bullets li.owndomain:before { background-position: 0 0; }
ul.homepage-bullets li.self:before { background-position: -96px 0; }
ul.homepage-bullets li.everythingsincluded:before { background-position: -192px 0; }

.welcometoshopscript { position: relative; clear: both; margin-top: 180px; padding-top: 30px; }
#ss-vstr-type-toggle { padding-left: 0; position: absolute; bottom: 100%; margin: 0 0 -2px; left: 0; right: 0; text-align: center; }
#ss-vstr-type-toggle li { font-size: 1.1em; list-style: none; display: inline-block; text-align: center; padding: 0; min-height: 136px; }
#ss-vstr-type-toggle li a { text-decoration: none; padding: 20px 30px; display: block; color: #aaa; }
#ss-vstr-type-toggle li a i.sshelperglyph { opacity: 0.4; }
#ss-vstr-type-toggle li a:hover { color: #a00 !important; }
#ss-vstr-type-toggle li.selected a { color: #000; background: #eee; background-position: 50% 100%; border-radius: 5px 5px 0 0; }
#ss-vstr-type-toggle li.selected a i.sshelperglyph { opacity: 1; }
#ss-vstr-type-toggle li.selected a:hover { color: #000 !important; }


/* Demo
------- */

.demo-doodles { background: #4ca546 url('img/backgrounds/doodles-shopping.jpg?1510'); background-size: 500px 500px; overflow-x: hidden; margin-bottom: 20px; min-height: 500px; }
.demo-doodles .container { position: relative; }
.demo-launcher { position: absolute; left: 600px; right: 0; top: 140px; text-align: center; color: #fff; }
.demo-launcher a { color: #fff; }
.demo-launcher a:hover { color: #ffa !important; }
.demo-launcher h2,
.demo-launcher h3 { font-size: 2.5em; font-family: 'PT Sans Caption', sans-serif; font-weight: bold; }
.demo-launcher .view-demo-button { margin-top: 40px; margin-bottom: 40px; }
.demo-launcher p.hint { color: #bdb; }
.demo-launcher p.hint a { color: #cec; }
.demo-launcher p.hint a:hover { color: #ffa !important; }
.demo-store-mockup { margin-left: -100px; }

.demo { margin-bottom: 30px; margin-top: 20px; }
.demo .loupe { display: inline-block; width: 49%; display: block\9; float: left\9; text-align: center; vertical-align: top; }
.demo .loupe .inner { width: 450px; height: 450px; margin: 0 auto 10px; border-radius: 50%; overflow:
hidden; border: 1px solid rgba(0,0,0,0.5); box-shadow: 0 2px 10px rgba(0,0,0,0.2); }
.demo #storefront .inner { background: #fff url('img/demo-frontend-en.jpg') no-repeat; }
.demo #storefront .inner.ru { background-image: url('img/demo-frontend-ru.jpg'); }
.demo #backend .inner { background: #fff url('img/demo-backend-en.jpg') no-repeat; }
.demo #backend .inner.ru { background-image: url('img/demo-backend-ru.jpg'); }
.demo .loupe a { font-weight: bold; text-decoration: none; }
.demo .loupe a i.icon16 { position: absolute; margin-top: 0.2em; margin-left: 0.3em; }
.demo .loupe .inner { margin: 0 auto 20px;  }
.demo .loupe h2,
.demo .loupe h4 { font-size: 1.8em; }
.demo p { color: #bdb; margin-left: 50px; margin-right: 50px; }
.demo p strong { color: #000; }
.demo.mini { margin-top: 20px; margin-bottom: 10px; }
.demo.mini .loupe .inner { width: 350px; height: 350px; box-shadow: 0 2px 5px rgba(0,0,0,0.2); }
.demo.mini .loupe img { width: 350px; height: 350px; display: block; margin: 0 auto 5px; }
.demo-doodles .demo { margin-top: 50px; }
.demo-doodles .demo .loupe a { color: #fff; }
.demo-doodles .demo .loupe a:hover { color: #ff3 !important; }

/* Pricing
---------- */

/*
i.sspricingglyph { width: 96px; height: 96px; display: block; background: url("img/pricing-plan-glyphs.png") no-repeat; background-size: 288px 96px; margin: 0 auto; }
i.sspricingglyph.plus { background-position: 0 0; }
i.sspricingglyph.pro { background-position: -96px 0; }
i.sspricingglyph.premium { background-position: -192px 0; }

.sspricing.cloud-pricing-term li a { text-decoration: none; }


.sspricing.plans { text-align: center; }
.sspricing.plans .plan-cloud { width: 23%; margin: 15px -5px; padding-top: 0; }
.sspricing.plans h2,
.sspricing.plans h3 { font-size: 1.6em; }
.sspricing.plans .plan-cloud .gray { color: #ddb; }
.sspricing.plans .plan-cloud .gray a.inline-link { color: #aa7; }
.sspricing.plans .plan-cloud .summary { box-shadow: 0 2px 5px rgba(0,0,0,0.1); padding: 30px 30px 20px;  }
.sspricing.plans ul.plan-key-features { padding: 0 10px; margin-top: 40px; }
.sspricing.plans .plan-cloud.pro { margin-top: 0; padding-top: 15px; }

.sspricing.plans .plan-cloud .glossy { position: relative; }
.sspricing.plans .plan-cloud .glossy:after{
    content: " ";
    display: block;
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    -webkit-background-origin: border-box;
    -moz-background-origin: border;
    background-origin: border-box;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, .03)), to(rgba(0, 0, 0, .07))), -webkit-gradient(linear, right top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(0.3, rgba(255, 255, 255, .25)), color-stop(0.301, rgba(255, 255, 255, 0)), color-stop(1, rgba(255, 255, 255, 0)));
    background: -moz-linear-gradient(top, rgba(255, 255, 255, .03), rgba(0, 0, 0, .07)), -moz-linear-gradient(right top, rgba(255, 255, 255, 0), rgba(255, 255, 255, .25) 30%, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0));
    background: linear-gradient(top, rgba(255, 255, 255, .03), rgba(0, 0, 0, .07)), linear-gradient(right top, rgba(255, 255, 255, 0), rgba(255, 255, 255, .25) 30%, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0));
}
.sspricing.plans .plan-cloud .glossy * { position: relative; z-index: 10; }

.sspricing.plans .plan-developer { background: #fff; width: 75%; margin-top: 0; }

.sspricing.plans .padded-container { padding: 30px 50px 60px; }

*/
/* Testimonials
--------------- */

ul.testimonials { padding: 40px 0 0; margin-bottom: 0px; text-align: center; }
ul.testimonials li { list-style: none; width: 25%; display: inline-block; float: left\9; vertical-align: top; text-align: left; padding-left: 96px; padding-right: 20px; padding-bottom: 50px; position: relative; color: #888; min-width: 300px; }
ul.testimonials li:before { background: url('img/ss-testimonials.png') no-repeat; position: absolute; width: 96px; height: 96px; margin-left: -96px; content: ""; }
ul.testimonials li p { margin-top: 10px; }
ul.testimonials li em.signature { font-size: 0.9em; }
ul.testimonials li#tm-endostore:before { background-position: 0 0; }
ul.testimonials li#tm-bonasilva:before { background-position: -96px 0; }
ul.testimonials li#tm-megapodarki:before { background-position: 0 -96px; }
ul.testimonials li#tm-geekkg:before { background-position: -96px -96px; }

.testimonials .feature img { float: none; margin-top: 30px; margin-bottom: 10px; }

/* Platform
----------- */

#ss6-megaicon { width: 300px; height: 300px; opacity: 0; position: relative; top: -15px; margin: 0 auto 40px; }
#ss6-megaicon .store-badge { right: 30px; top: 30px; opacity: 0; }
#ss6-megaicon .store-badge,
#ss6-megaicon .store-badge:before,
#ss6-megaicon .store-badge:after { width: 75px; height: 75px; }
#ss6-megaicon .store-badge span { font-size: 1.4em; margin-top: 13px; }

ul.benefits { padding: 0; margin: 0 0 0 80px; }
ul.benefits li { display: inline-block; width: 40%; font-size: 1.2em; text-align: left; color: #bbb; list-style: none; padding: 6px 0 13px 26px; box-sizing: border-box; background: transparent 4px 6px no-repeat; background-size: 14px; line-height: 16px; background-image: url("img/white-checkmark.png"); vertical-align: top; }
ul.benefits li a { color: #eee; }
ul.benefits li a:hover { color: #ff5 !important; }
ul.benefits li.hidden { display: none; }

.helloshopscript { background: #111312; padding-top: 120px; padding-bottom: 30px; text-align: center; }
.helloshopscript h1 { color: #fff; margin-bottom: 20px; text-shadow: 0 3px 20px rgba(0,0,0,0.5); font-weight: normal; position: relative; }
.helloshopscript .subheader { margin: 0 150px 40px; position: relative; }
.helloshopscript h2,
.helloshopscript h4 { display: inline; color: #999; font-weight: normal; font-size: 1.4em; font-family: "Lucida Grande","Lucida Sans Unicode","Helvetica Neue",Arial,sans-serif; line-height: 1.2em; }
.helloshopscript h2 strong { color: #fff; }
.helloshopscript .ssdesk { max-width: 100%; margin-top: -350px; }
.helloshopscript p.hint { margin-top: 30px; color: #888; position: relative; }
.helloshopscript p.hint a { color: #ccc; }
.helloshopscript p.hint a:hover { color: #ffa !important; }
.helloshopscript p.hint strong { color: #999; }
.helloshopscript .action { display: block; margin-top: 30px; }
.helloshopscript .action .button2 { margin-right: 20px; }
.helloshopscript.no-menu { padding-top: 80px; }

.cohortwaves { background: #4ca546 url('img/backgrounds/cohort-waves.jpg') no-repeat top center; background-size: cover; padding-top: 40px; overflow: hidden; }
.cohortwaves .container { position: relative; }
.cohortwaves .vofka { position: absolute; right: 0; top: -20px; }
.cohortwaves .feature { margin-left: 40px; margin-bottom: 80px; }
.cohortwaves .feature h3 { color: #fff; font-size: 2.4em; text-shadow: 0 1px 5px rgba(0,0,0,0.3); }
.cohortwaves .feature p { color: #efb; }
.cohortwaves .feature p a { color: #efb; }
.cohortwaves .feature p a:hover { color: #ff7 !important; }

.shopscriptisback { background: #4ca546 url('img/backgrounds/cohort-waves.jpg') no-repeat top center; background-size: cover; padding-top: 40px; padding-bottom: 70px; }
.shopscriptisback .kdpv { float: right; width: 300px; padding-top: 40px; }
.shopscriptisback .kdpv-ousted { margin-right: 400px; }
.shopscriptisback h1 { color: #fff; font-size: 2.4em; margin-bottom: 20px; text-shadow: 0 1px 10px rgba(0,0,0,0.3); }
.shopscriptisback h2 { color: #efb; font-weight: normal; font-size: 1.4em; font-family: "Lucida Grande","Lucida Sans Unicode","Helvetica Neue",Arial,sans-serif; line-height: 1.2em; margin: 0 0 40px; }
.shopscriptisback h2 strong { color: #fff; }
.shopscriptisback p.hint { margin-top: 15px; color: #dea; }
.shopscriptisback p.hint a,
.shopscriptisback p.hint strong { color: #efb; }
.shopscriptisback .action { display: block; margin-top: 30px; }
.shopscriptisback .action .button2 { margin-right: 20px; }
.shopscriptisback ul.benefits { margin-left: 0; }
.shopscriptisback ul.benefits li,
.shopscriptisback ul.benefits li a { color: #efb; }

#ssplatform-download-hint { padding: 20px; background: rgba(255,255,222,0.13); position: relative; }
#ssplatform-download-hint p { margin: 0; color: #aaa; }
#ssplatform-download-hint p a { color: #eee; }
#ssplatform-download-hint p a:hover { color: #ff7 !important; }

/* Features
----------- */


#ssplatformnav ul.menu-h { margin-bottom: 0; margin-top: 9px; border-top: 1px solid #ccc; width: 980px; }
#ssplatformnav ul.menu-h li a { padding: 14px 13px 7px 0; font-size: 0.9em; color: #777; }
#ssplatformnav ul.menu-h li.selected a { font-weight: bold; color: #000; background: transparent; }
#ssplatformnav ul.menu-h li a.button2.actionbutton { padding: 2px 10px 1px; display: inline-block; }
#ssplatformnav ul.menu-h li.aux { float: right; padding-right: 0; padding-top: 1px; }
#ssplatformnav ul.menu-h li.aux a { font-size: 0.8em; padding-left: 24px; padding-right: 0; }
#ssplatformnav ul.menu-h li.action { float: right; display: none; }
#ssplatformnav.fixed { position: fixed; left: 0; right: 0; top: 0; background: #eee; z-index: 1998; border-bottom: 1px solid #ddd; box-shadow: 0 10px 15px -15px rgba(0,0,0,0.25); }
#ssplatformnav.fixed ul.menu-h { margin: 0 auto; border: none; }
#ssplatformnav.fixed ul.menu-h li.aux { display: none; }
#ssplatformnav.fixed ul.menu-h li.action { display: inline-block; padding: 14px 0 12px 13px; }

.condensednav #ssplatformnav { position: absolute; }
.condensednav #ssplatformnav ul.menu-h { margin-top: 0; border-bottom: 1px solid #ddd; border-top: none; }
.condensednav #ssplatformnav ul.menu-h li a { padding-bottom: 13px; }
.condensednav #ssplatformnav.fixed { position: fixed; border-bottom: 1px solid #ddd; }
.condensednav #ssplatformnav.fixed ul.menu-h { border-bottom: none; }

ul.menu-h#ss-feature-category { margin-bottom: 0; display: none; }
ul.menu-h#ss-feature-category li a { padding: 10px 10px 8px; }
ul.menu-h#ss-feature-category li.selected a b { font-weight: bold; color: #000; }
ul.menu-h#ss-feature-category.fixed { display: block; position: fixed; left: 0; right: 0; top: 0; background: #fff; padding: 0; box-shadow: 0 3px 8px rgba(0,0,0,0.1); z-index: 1998; }
ul.menu-h#ss-feature-category.fixed li.selected a { background: #fff; border-bottom: 4px solid #4ca546; }
ul.menu-h#ss-feature-category li a sup { font-size: 0.6em; color: red; font-weight: bold; font-style: italic; margin-left: 5px; margin-top: -3px; }

.feature-group { border-top: 1px solid #ccc; padding-top: 50px; margin-top: 70px; margin-bottom: 0; }
.feature-group.no-border { border-top: none; }
.feature-group.bottom-bordered { border-bottom: 1px solid #ccc; }
.feature-group.no-margin { margin-top: 0; }
.feature-group h4 i.icon16 { margin-top: 0; margin-left: 0.3em; }
.feature-group .float-left { float: left !important; }
.feature-group .float-right { float: right !important; }

.feature-group.orders { height: 500px; overflow: hidden; }

.feature-group .feature-group-headline { font-size: 2.5em; text-align: center; margin-bottom: 50px; }

.feature.funnel { margin-top: 100px; margin-bottom: 150px; }
#scr-funnel { margin-top: -80px; margin-bottom: 40px; }
#scr-cohorts-table { float: left; }
#scr-cohorts-chart { margin-bottom: 40px; margin-top: -20px; }
.cohorts h3 { margin-top: 80px; margin-bottom: 50px; }
.cohorts .feature.center { margin-left: 0; margin-right: 0; }
.cohorts .feature p.left { margin-right: 400px; margin-bottom: 40px; text-align: left; }
.cohorts .feature p.right { margin-left: 550px; }
.feature.metrics h3 { margin-top: 80px; }
.feature.metrics strong { color: #333; }
.feature.right.abtests { margin-top: 50px; }
.feature.right.abtests h3,
.feature.right.abtests p,
.feature.right.abtests ol { margin-left: 570px; }
#scr-abtests { margin-top: -100px; box-shadow: 0 3px 7px rgba(0,0,0,0.2); margin-bottom: 50px; }
#scr-sources,
#scr-metrics { box-shadow: 0 3px 9px rgba(0,0,0,0.1); }
.openastore h2 { text-align: center; margin-right: 0 !important; margin-bottom: 30px; font-size: 2.4em; }
.openastore ol a,
.openastore ol strong { color: #555; }
.openastore img { padding: 10px; background: #fff; margin-left: 20px; }
#vkfb-stores h3 { margin-left: 0; text-align: center; }
#vkfb-stores p { margin-left: 650px; }

.analytics-header { background: #f3f3f3; text-align: center; padding: 30px 0 20px; }
.analytics-header p { color: #888; font-size: 1.4em; margin: 0 50px 80px; }
.cohorts h3 { margin-top: 80px; }
.cohorts p.left { margin-right: 400px; margin-bottom: 40px; }
.cohorts p.right { margin-left: 550px; }

.on-the-go { height: 600px;  background: #e3a35c url('img/backgrounds/ss-homepage-onthego-en.jpg') no-repeat; background-position: center; background-size: cover; height: 600px; margin-top: 40px; clear: both; }
.on-the-go.ru { background-image: url('img/backgrounds/ss-homepage-onthego-ru.jpg'); }
.on-the-go .feature.left { margin-left: 0; margin-top: 40px; }
.on-the-go h3,
.on-the-go p { color: #ffb; text-shadow: 0 1px 1px rgba(0,0,0,0.5); }
.on-the-go span.dimlighted { background: rgba(0,0,0,0.5); padding: 0.2em 0 0em; }
.on-the-go strong { color: #ffe; }

.feature-store-badge-container { position: relative; padding-right: 90px; }
.feature-store-badge-container .store-badge { right: 10px; top: 20px; }
.feature-store-badge-container .store-badge,
.feature-store-badge-container .store-badge:after,
.feature-store-badge-container .store-badge:before { width: 58px; height: 58px; }
.feature-store-badge-container .store-badge span { font-size: 1.1em; top: 20px; }

/* Social
--------- */

.vkontakte { background: #4d75a2 no-repeat; text-shadow: 0 1px 1px rgba(0,0,0,0.5); margin-bottom: 50px; }
.vkontakte h1 { color: #fff; text-shadow: 0 1px 2px #000; font-weight: normal; margin-bottom: 0.3em; padding-top: 50px; }
.vkontakte .tagline { color: #dde; font-size: 1.2em; line-height: 1.4em; margin-bottom: 1.2em; max-height: 180px; }
.vkontakte .tagline img { display: block; margin: 20px auto 70px; }
.vkontakte .get-started { margin-top: 40px; }
.vkontakte .get-started p { margin-top: 40px; }
.vkontakte p { color: #f3f3ff; }
.vkontakte p.hint,
.vkontakte p.hint a { color: #d3d3e3; }
.vkontakte p.hint strong { color: #eef; }
.vkontakte p.hint a:hover,
.vkontakte p.hint a:hover * { color: #ff5 !important; }
.vkontakte .video { margin-bottom: -85px; margin-top: 40px; }
.vkontakte-setup-howto p,
.vkontakte-setup-howto ol { color: #888; }
.vkontakte-setup-howto strong { color: #555; }

.facebook { background: #3b5998 no-repeat; text-shadow: 0 1px 1px rgba(0,0,0,0.5); margin-bottom: 150px; }
.facebook h1 { color: #fff; text-shadow: 0 1px 2px #000; font-weight: normal; margin-bottom: 0.3em; padding-top: 50px; }
.facebook .tagline { color: #dde; font-size: 1.2em; line-height: 1.4em; margin-bottom: 1.2em; max-height: 180px; }
.facebook .tagline img { display: block; margin: 20px auto 70px; }
.facebook .get-started { margin-top: 40px; }
.facebook .get-started p { margin-top: 40px; }
.facebook p { color: #f3f3ff; }
.facebook p.hint,
.facebook p.hint a { color: #d3d3e3; }
.facebook p.hint strong { color: #eef; }
.facebook p.hint a:hover,
.facebook p.hint a:hover * { color: #ff5 !important; }
.facebook .video { margin-bottom: -85px; margin-top: 40px; }
.facebook-setup-howto p,
.facebook-setup-howto ol { color: #888; }
.facebook-setup-howto strong { color: #555; }

/* Turnkey
---------- */

.turnkey { background: #4c6050 url('img/backgrounds/ss-homepage-onthego-ru-hammock.jpg') no-repeat; background-position: center top; background-size: cover; text-shadow: 0 1px 2px #000; min-height: 550px; }
.turnkey .container {  }
.turnkey h1 { padding-top: 50px; color: #fff; text-shadow: 0 2px 13px #000; padding-right: 500px; }
.turnkey .tagline { color: #eef; font-size: 1.5em; }
.turnkey p { color: #ccd; padding-right: 500px; }
.turnkey p a { color: #ccd; }
.turnkey p a:hover { color: yellow !important; }
.turnkey #promo-cling { position: absolute; bottom: 0; left: 0; right: 0; padding-top: 15px; padding-bottom: 65px; }


/* How to open an online store v2015
------------------------------------ */

.hwtcronst { background: #4ca546 url('img/backgrounds/doodles-shopping.jpg?1510'); background-size: 500px 500px; margin-bottom: 20px; min-height: 500px; color: #fff; text-align: center; }
.hwtcronst h1 { font-size: 3em; margin-top: 20px; }
.hwtcronst h2 { color: #ded; font-size: 1.4em; margin-bottom: 20px; }
.hwtcronst .video { margin-bottom: -85px; margin-top: 40px; }
.badge { background: #ff7; font-size: 0.7em; border-radius: 3px; padding: 0 3px 1px; }

.megapodarki-static { padding: 0; background: #ddd url('img/backgrounds/ss-homepage-open-your-storefront.jpg') no-repeat; background-position: center center; background-size: cover; min-height: 600px; position: relative; margin: 0 auto; }
.megapodarki-static .title { text-align: center; padding-top: 70px; color: #000; text-shadow: 0 0 30px #fff; }
.megapodarki-static .tagline { text-align: center; color: #555; text-shadow: none; margin-bottom: 30px; font-weight: normal; font-size: 1.5em; font-family: 'Lucida Grande', sans-serif; line-height: 1.3em; text-shadow: 0 0 10px #fff; }
.megapodarki-static .quote { width: 50%; color: #555; }
.megapodarki-static .author { float: right; width: 40%; color: #777;}

.megapodarki-static .promo-cling { background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.65))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
 }
.megapodarki-static .promo-cling input,
.megapodarki-static .promo-cling select { box-shadow: 0 2px 5px rgba(0,0,0,0.5); }

.interview { font-size: 110%; }

.interview .spoiler { color: #888; margin-bottom: 45px; }

.interview h4 { margin-left: 25%; margin-right: 20%; margin-top: 30px; margin-bottom: 10px; }
.interview p { margin-left: 25%; margin-right: 20%; color: #555; line-height: 1.5em; }
.interview p iframe { margin-top: 20px; max-width: 100%; }
.interview p.spoilerquote { font-size: 1.2em; color: #555; text-align: center; background: #f7f7f7; padding: 30px 50px; margin-right: 5%; font-style: italic; }

.interview .fullsize-image { margin: 30px auto; text-align: center; }
.interview .fullsize-image img { margin-bottom: 5px; }
.interview .fullsize-image em { display: block; }

.interview .sidenote { background: #eed; padding: 20px; color: #997; width: 230px; float: right; margin-left: 25px;  margin-bottom: 30px; margin-top: 10px; font-size: 0.9em; }
.interview .sidenote ol { padding-left: 25px; margin-bottom: 0; }
.interview .sidenote ol li { padding-bottom: 10px; line-height: 1.2em;  }

.stripe.bottom-fixed { position: fixed; bottom: 0; right: 0; left: 0; }
.stripe.bottom-fixed .container { padding-top: 15px; padding-bottom: 0px; }
.stripe.bottom-fixed h2 { margin-bottom: 15px; color: #663; font-size: 1.3em; }
.stripe.bottom-fixed .get-started-wrapper { padding-bottom: 20px; }
.stripe.bottom-fixed .get-started-wrapper input[type="text"],
.stripe.bottom-fixed .get-started-wrapper input[type="submit"],
.stripe.bottom-fixed .get-started-wrapper select { height: 3rem; }

/* Themes
--------- */

ul.thumbs.themes li { width: 40%; }
ul.thumbs.themes li a { margin: 0 auto; }

/* Example store preview
------------------------ */

body.is-theme-preview {overflow:hidden}
.theme-preview-wrapper {display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.66);z-index:2000;cursor:pointer;}
.theme-preview-wrapper.is-shown {display:block}
.theme-preview-wrapper.transition-all .theme-preview-block {-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-ms-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}
.theme-preview-wrapper.is-animated .theme-preview-block {opacity:0;-webkit-transform:scale(.75);transform:scale(.75)}
.theme-preview-wrapper .nav-block .before-link,
.theme-preview-wrapper .nav-block .next-link {position:fixed;display:block;top:0;width:6rem;height:100%;text-decoration:none;cursor:pointer;-webkit-transition:all 300ms linear;-moz-transition:all 300ms linear;-ms-transition:all 300ms linear;-o-transition:all 300ms linear;transition:all 300ms linear;opacity:.66;z-index:1;}
.theme-preview-wrapper .nav-block .before-link:hover,
.theme-preview-wrapper .nav-block .next-link:hover {opacity:1;background:rgba(0,0,0,0.33)}
.theme-preview-wrapper .nav-block .before-link:after,
.theme-preview-wrapper .nav-block .next-link:after {content:"";display:block;position:absolute;top:50%;left:50%;margin:-1rem 0 0 -1rem;width:2rem;height:2rem;background:transparent url("img/icons/arrows-sprite.png") 50% 0 no-repeat;background-size:2rem}
.theme-preview-wrapper .nav-block .before-link {left:0;}
.theme-preview-wrapper .nav-block .before-link:after {background-position:50% 0}
.theme-preview-wrapper .nav-block .next-link {right:0;}
.theme-preview-wrapper .nav-block .next-link:after {background-position:50% -2rem}
.theme-preview-wrapper .theme-preview-block {position:relative;top:40px;max-width:800px;padding:0 6rem;margin:auto;cursor:default;-webkit-transition:transform 300ms ease-in-out;-moz-transition:transform 300ms ease-in-out;-ms-transition:transform 300ms ease-in-out;-o-transition:transform 300ms ease-in-out;transition:transform 300ms ease-in-out;}
.theme-preview-wrapper .theme-preview-block .close-theme-preview {position:absolute;width:2rem;height:2rem;opacity:.5;background:transparent url("img/icons/remove-icon.png") 50% no-repeat;background-size:1.25rem;cursor:pointer;-webkit-transition:opacity 300ms linear;-moz-transition:opacity 300ms linear;-ms-transition:opacity 300ms linear;-o-transition:opacity 300ms linear;transition:opacity 300ms linear;right:7rem;top:1rem;}
.theme-preview-wrapper .theme-preview-block .close-theme-preview:hover {opacity:1}
.theme-preview-wrapper .theme-preview-block .content-wrapper .image-block {margin:.4rem 0 0;float:left;width:50%;background:#fff;}
.theme-preview-wrapper .theme-preview-block .content-wrapper .image-block > .after {display:none;position:absolute;top:110px;left:50%;margin:-1.5rem 0 0 -1.5rem;width:3rem;height:3rem;background:transparent url("img/icons/refresh.png") 0 no-repeat;background-size:3rem;-webkit-animation:infinity-rotate 2500ms infinite linear;-moz-animation:infinity-rotate 2500ms infinite linear;-ms-animation:infinity-rotate 2500ms infinite linear;-o-animation:infinity-rotate 2500ms infinite linear;animation:infinity-rotate 2500ms infinite linear}
.theme-preview-wrapper .theme-preview-block .content-wrapper .image-block.is-loading {position:relative;min-height:220px;background:transparent;}
.theme-preview-wrapper .theme-preview-block .content-wrapper .image-block.is-loading > .after {display:block}
.theme-preview-wrapper .theme-preview-block .content-wrapper .image-block.is-loading img {opacity:0}
.theme-preview-wrapper .theme-preview-block .content-wrapper .image-block img {opacity:1;width:100%}
.theme-preview-wrapper .theme-preview-block .content-wrapper .content-block {position:relative;float:right;width:45%;}
.theme-preview-wrapper .theme-preview-block .content-wrapper .content-block .header-block {font:bold 2.5rem/1 'PT Sans Caption',Arial,"sans serif";color:#fff}
.theme-preview-wrapper .theme-preview-block .content-wrapper .content-block .author-block {display:none;margin:1rem 0 0;font-weight:bold;color:#fff}
.theme-preview-wrapper .theme-preview-block .content-wrapper .content-block .domain-block {display:none;margin:1rem 0 0;color:#fff;}
.theme-preview-wrapper .theme-preview-block .content-wrapper .content-block .domain-block a {color:#fff}
.theme-preview-wrapper .theme-preview-block .content-wrapper .content-block .price-block {margin:1rem 0 0;font:bold 1.25rem/1.25 'PT Sans Caption',Arial,"sans serif";color:#fff}
.theme-preview-wrapper .theme-preview-block .content-wrapper .content-block .text-block {margin:1rem 0 0;font:normal 1rem/1.25 Arial,"sans serif";color:#e8e8e8}
.theme-preview-wrapper .theme-preview-block .content-wrapper .content-block .button-block {margin:1rem 0 0;}
.theme-preview-wrapper .theme-preview-block .content-wrapper .content-block .button-block a {display:inline-block;padding:.7em 1.6em;margin:0 .25rem 0 0;border:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;font:normal 1.1rem/1.5 'PT Sans Caption',Arial,"sans serif";text-decoration:none;white-space:nowrap;text-align:center;cursor:pointer;-webkit-box-shadow:inset 0 0 2rem 0 rgba(123,123,123,0.2);box-shadow:inset 0 0 2rem 0 rgba(123,123,123,0.2);-webkit-transition:box-shadow 300ms linear;-moz-transition:box-shadow 300ms linear;-ms-transition:box-shadow 300ms linear;-o-transition:box-shadow 300ms linear;transition:box-shadow 300ms linear}
.theme-preview-wrapper .theme-preview-block .content-wrapper .content-block .button-block .theme-link {color:#fff}
.theme-preview-wrapper .theme-preview-block .content-wrapper .content-block .webasyst-link-block {display:none;margin:1rem 0 0}
.theme-preview-wrapper .theme-preview-block .content-wrapper .cl {clear:both;height:0;width:0;overflow:hidden}

/* /examples/ */
.featured-clients .client-wrapper {display:none;position:relative;}
.featured-clients .client-wrapper:after {opacity:0;content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.33) url("img/icons/open-icon.png") 50% no-repeat;background-size:1rem;-webkit-transition:all 300ms linear;-moz-transition:all 300ms linear;-ms-transition:all 300ms linear;-o-transition:all 300ms linear;transition:all 300ms linear;cursor:pointer}
.featured-clients .client-wrapper:hover:after {opacity:1;background-size:2.5rem}

/* High-density displays
------------------------ */

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	ul.testimonials li:before { background-image: url('img/ss-testimonials@2x.png'); background-size: 300%; }
	.demo-doodles,
	.hwtcronst { background-image: url('img/backgrounds/doodles-shopping@2x.jpg?1510'); background-size: 500px 500px; }
}

/* TABLETS
---------- */

@media screen and (min-width: 760px) and (max-width: 1024px) {

    #ssplatformnav { right: 20px; left: 20px; }
    #ssplatformnav ul.menu-h { width: 100%; max-height: 53px; overflow: hidden; }
    #ssplatformnav ul.menu-h.fixed { display: none; }

    .demo-launcher { top: 100px; }
    .helloshopscript .ssdesk { margin-top: -280px; }

    ul.thumbs.themes li { width: 330px; }

    /* @media screen and (orientation : portrait) { */
    @media screen and (max-width: 900px) {

        .megapodarki-video .title { font-size: 2.4em; }
        .megapodarki-video .subtitle { font-size: 1.4em; }

        .cloud-vs-software .option-cloud .option-wrapper { width: 180px; }

        ul.homepage-bullets { padding-left: 0; }
        ul.homepage-bullets li { width: 200px; padding-left: 10px; padding-right: 10px; }
        ul.homepage-bullets li.owndomain { width: 220px; }
        ul.homepage-bullets li.owndomain h5.nowrap { white-space: normal; }

        h1.enormous, h2.enormous, h3.enormous { margin: 0 30px 20px; }

        ul.testimonials li { min-width: 196px; width: 20%; }

        .get-started-wrapper input[type="text"], .get-started-wrapper input[type="submit"], .get-started-wrapper select { font-size: 1.2rem; max-width: 250px; }

        .gallery ul.thumbs li { margin-left: 10px; margin-right: 10px; }

        .demo-store-mockup { margin-left: -300px; }
        .demo-launcher { left: 340px; top: 100px; padding: 0 30px; }

        .sspricing.plans .plan-cloud { width: 29%; }

        .helloshopscript h1 { font-size: 2.4em; }
        .helloshopscript .subheader { margin-left: 30px; margin-right: 30px; }
        ul.benefits { margin-left: 40px; }
        ul.benefits li { width: 47%; }

        .quote { margin-left: 200px; }

        .interview h4,
        .interview p { margin-left: 20%; margin-right: 15%; }

        .cohortwaves .feature { margin-left: 0; margin-bottom: 0; }
        .cohortwaves .vofka { top: auto; bottom: 0; }

        .turnkey h1,
        .turnkey p { padding-right: 0; }

    }

}

/* MOBILE
--------- */

@media screen and (max-width: 760px) {

    img {max-width:100%;height:auto !important}

    #ssnav ul.mainnav.actionnav { display: none; }

    #ssplatformnav { margin-top: 10px !important; margin-bottom: 15px; position: static; background: transparent !important; }
    #ssplatformnav ul.menu-h { width: 100%; border: none !important; text-align: center; }
    #ssplatformnav ul.menu-h li { text-align: center; padding-bottom: 0; }
    #ssplatformnav ul.menu-h li a { padding: 3px; }
    #ssplatformnav ul.menu-h li.selected a { color: #000 !important; }
    #ssplatformnav ul.menu-h li.aux { float: none; }
    #ssplatformnav.fixed { position: static !important; }
    #ssplatformnav ul.menu-h li a,
    #ssplatformnav ul.menu-h li.action .price { text-shadow: none !important; color: #888 !important; }
    #ssplatformnav ul.menu-h li a:hover { color: red !important; }
    .condensednav #ssplatformnav { position: static; }
    .condensednav #ssplatformnav ul.menu-h {  }
    .condensednav #ssplatformnav ul.menu-h li a { padding: 3px; }

    ul#ss-feature-category.menu-h.fixed { display: none; }

    .feature {margin:0;}
    .feature > img {margin:0 !important;padding:0 !important}
    .feature .testimonials {padding:1rem 0;margin:0;}
    .feature .testimonials li {display:block;width:100%;margin:0;box-sizing:border-box;font-size: 0.9em; }

    .welcometoshopscript {margin-top:0 !important;padding-top:0 !important;}
    .welcometoshopscript #ss-vstr-type-toggle { display: none; }

    .megapodarki-video #cover-center { padding-top: 100px; margin-bottom: 50px; }
    .megapodarki-video .title { padding-top: 0 !important; font-size: 2.3em; }
    .megapodarki-video .title .dynamic-word-carriage { display: none; }
    .megapodarki-video .subtitle { font-size: 1.3em; line-height: 1.2em; margin-left: 10px; margin-right: 10px; }
    .megapodarki-video .subtitle br { display: none; }
    .megapodarki-video .promo-cling { position: relative; }
    .megapodarki-video #promo-video-watch { display: none; }
    .megapodarki-video .promo-video-content {top:0 !important}
    .get-started-wrapper input[type="text"],
    .get-started-wrapper input[type="submit"] {margin:1rem 0 1rem !important}

    ul.homepage-bullets {padding:0 !important}
    ul.homepage-bullets li { padding: 0 25px 20px; width: 80% !important; }
    .demo-doodles {overflow:hidden}
    .button.giant {padding:1rem 2rem;font-size:1.3rem}
    .footer-block {display:block;box-sizing:border-box;max-width:none;margin:1rem 0 0}
    .featured-clients {margin:0;}
    .featured-clients .client-wrapper {margin:1rem 0 0;width:100%;box-sizing:border-box}

    .theme-list-wrapper {margin:0;}
    .theme-list-wrapper > li {margin:0 !important;box-sizing:border-box}
    .theme-preview-wrapper .nowrap {white-space:normal}
    .theme-preview-wrapper .nav-block .before-link,
    .theme-preview-wrapper .nav-block .next-link {width:2rem;}
    .theme-preview-wrapper .nav-block .before-link:hover,
    .theme-preview-wrapper .nav-block .next-link:hover {background:transparent}
    .theme-preview-wrapper .theme-preview-block {top:0 !important;width:auto;max-width:none;height:100%;padding:4rem 2rem 0;overflow:hidden;overflow-y:auto;box-sizing:border-box;word-wrap:break-word;}
    .theme-preview-wrapper .theme-preview-block .close-theme-preview {right:3rem}
    .theme-preview-wrapper .theme-preview-block .content-wrapper .header-block {font-size:1.6rem !important}
    .theme-preview-wrapper .theme-preview-block .content-wrapper .image-block {width:30%;}
    .theme-preview-wrapper .theme-preview-block .content-wrapper .image-block.is-loading {min-height:100px;}
    .theme-preview-wrapper .theme-preview-block .content-wrapper .image-block.is-loading > .after {top:50%}
    .theme-preview-wrapper .theme-preview-block .content-wrapper .content-block {width:65%;}
    .theme-preview-wrapper .theme-preview-block .content-wrapper .content-block .text-block {display:none}
    .theme-preview-wrapper .theme-preview-block .content-wrapper .button-block .buy-link {margin-top:1rem !important}

    body .ss-pricing-term li {display:block;box-sizing:border-box;width:100%}
    body .plans .plan-cloud {margin:1rem 0 0;width:100%;box-sizing:border-box;}
    body .plans .plan-cloud.pro {padding-top:0;margin-top:1rem}
    body .plans .plan-cloud .summary {margin:0}
    body .plans .plan-license {margin:1rem 0 0;width:100%;box-sizing:border-box}
    body .plans .padded-container {padding:1rem;}
    body .stripe.quote {margin:1rem 0;padding:1rem;}
    body .stripe.quote p {margin:1rem 0 0;padding:0}
    body .stripe.quote .author {float:none}

    #ssnav {margin:0 !important}
    .gallery #ss6-on-iphone {float:none !important;left:auto !important}
    .repository .github-box {width:auto !important;padding:0 !important}
    .thinkaboutthisforawhile {margin:1rem !important}
    .demo .loupe .inner {width:100% !important;padding:0 0 100%}
    .cohorts .feature p.left,
    .cohorts .feature p.right {margin:0 !important}

    h1.enormous, h2.enormous, h3.enormous { margin: 0 0 20px; font-size: 1.8em; }

    .feature p, .feature ul, .feature ol { font-size: 1.1em; }

    .demo-doodles { min-height: 200px; padding-top: 20px !important; }
    .demo-launcher { position: static; margin-bottom: 20px; margin-top: 20px; }
    .demo-launcher .button2 { font-size: 1.3em; }
    .demo-store-mockup { display: none; }

    .cohortwaves .feature { margin-left: 0; text-align: center; }
    .cohortwaves .vofka { display: none; }

    .quote { margin-left: 0; }
    .quote p { margin: 0; }
    .quote .author { float: none; }

    .sspricing.plans .plan-cloud { width: 90%; }
    .sspricing.plans .plan-license { width: 90%; }
    .sspricing.plans .padded-container { padding: 20px 20px 40px; }

    .helloshopscript { padding-top: 50px; }
    .helloshopscript h1 { font-size: 2em; }
    .helloshopscript h2, .helloshopscript h4 { font-size: 1.3em; }
    .helloshopscript .subheader { margin-left: 0; margin-right: 0; }
    .helloshopscript .action .button2 { margin-bottom: 20px; }
    .helloshopscript .ssdesk { margin-top: -120px; }

    ul.benefits { margin-left: 20px; }
    ul.benefits li { display: block; width: 100%; }

    .demo .loupe .inner { height: auto !important; }

    .megapodarki-static .quote { width: 100%; }
    .megapodarki-static .author { width: 90%; }

    .interview h4,
    .interview p { margin-left: 0%; margin-right: 0%; }

    .stripe.bottom-fixed { position: static; }

    .shopscriptisback .kdpv { float: none; width: 100%; padding-top: 0px; }
    .shopscriptisback .kdpv-ousted { margin-right: 0; }

    ul.thumbs.themes li { width: 100%; }

    .turnkey h1,
    .turnkey p { padding-right: 0; }

    .get-started-wrapper .select-wrapper { display: block; }

}

/* WIDE
========= */

@media screen and (min-width: 1441px) {

    .megapodarki-static { min-height: 700px; max-width: 1440px; }
    .megapodarki-static .quote { margin-left: 350px; font-size: 1.6em; }

    ul.thumbs.themes li { width: 30%; }

    .demo-launcher { left: 650px; }
    .demo-store-mockup { margin-left: -50px; }

    .helloshopscript .ssdesk { max-width: 1600px; margin-left: auto; margin-right: auto; }

}

/* Animation Frames
********************/

@-moz-keyframes infinity-rotate {
    0% {-webkit-transform:rotate(0);transform:rotate(0)}
    100% {-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@-webkit-keyframes infinity-rotate {
    0% {-webkit-transform:rotate(0);transform:rotate(0)}
    100% {-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@-o-keyframes infinity-rotate {
    0% {-webkit-transform:rotate(0);transform:rotate(0)}
    100% {-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes infinity-rotate {
    0% {-webkit-transform:rotate(0);transform:rotate(0)}
    100% {-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}

@-moz-keyframes scale {
    0% {-webkit-transform:scale(.75);transform:scale(.75)}
    100% {-webkit-transform:scale(1);transform:scale(1)}
}
@-webkit-keyframes scale {
    0% {-webkit-transform:scale(.75);transform:scale(.75)}
    100% {-webkit-transform:scale(1);transform:scale(1)}
}
@-o-keyframes scale {
    0% {-webkit-transform:scale(.75);transform:scale(.75)}
    100% {-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes scale {
    0% {-webkit-transform:scale(.75);transform:scale(.75)}
    100% {-webkit-transform:scale(1);transform:scale(1)}
}