/*
 * Webasyst.com
 *
 * @link http://www.webasyst.com/
 * @author Webasyst LLC
 * @copyright 2015 Webasyst LLC
 * @package Webasyst
 */

/* Reset
-------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, /* ol, ul, li, */ fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, credentials, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; }
article, aside, credentials, figcaption, figure, footer, header, hgroup, menu, nav, section, main { display: block; }
html { background: #eee; }
body { line-height: 1; background: #fff; }

/* Common HTML elements, fonts, and colors
------------------------------------------ */
html,
body { width: 100%; min-height: 100%; font-family: 'Helvetica Neue', Arial, sans-serif; font-size: 14px; -webkit-text-size-adjust: 100%; }
a { color: #03c; outline:0 none; }
a:focus { outline:none; outline-offset:-4px; }
a:visited { color: #63c; }
a:hover { color: red !important; }
input[type="button"]::-moz-focus-inner { border: 0; }
input[type="submit"]::-moz-focus-inner { border: 0; }
a img { border: 0; }
p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset, blockquote { margin-bottom: 20px; }
h1, h2, h3, h4, h5, h6 { line-height:1.2em; margin-bottom:.3em; font-family: 'Helvetica Neue', Arial, sans-serif; }
h1 { font-size: 2.5em; font-family: 'PT Sans Caption', 'Helvetica Neue', Arial, sans-serif; }
h1 a { text-decoration:none; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.45em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.1em; }
h6 { font-size: 1em; }
ul, ol { padding-top: 0; }
ol { list-style: decimal; }
li { padding-bottom: 1em; line-height: 1.5em; }
input, textarea, select { margin:0; }
input, textarea { font-size: 1em; color: #000; }
input[type="button"]:focus,
input[type="submit"]:focus { outline:none; outline-offset:-2px; }
fieldset { border:1px solid #bbb; padding:10px; position:relative; background:#e9e9e9; margin-bottom:10px; }
legend { font-size:1.1em; padding:.4em .8em; background:#fff; //background:none;
border:1px solid #bbb; //border:none
}
fieldset p label { width:98%; }
fieldset p input[type="text"] { width:98%; }
fieldset p select { width:99%; }
blockquote { color: #555; padding:20px; background: rgba(0,0,0,0.05); font-style: italic; }
blockquote li { padding-bottom: 0; }
blockquote cite { font-size: 0.9em; }
hr { background-color: #ccc; height: 1px; border: 0; }
p { line-height: 1.4em; font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Helvetica Neue', Arial, sans-serif; }
pre { background-color: rgba(0,0,0,0.05); padding: 20px !important; font-size: 1.1em; overflow-x: auto; }
input::-webkit-input-placeholder { color: #ccc; }
input:-moz-placeholder { color: #ccc; }
input:-ms-input-placeholder { color: #ccc; }
textarea::-webkit-input-placeholder { color: #ccc; }
textarea:-moz-placeholder { color: #ccc; }
textarea:-ms-input-placeholder { color: #ccc; }

/* Misc atom classes
-------------------- */

.block { padding: 10px; }
.block.double-padded { padding: 20px; }
.inline-link { text-decoration: none !important; }
.inline-link b { border-bottom: 1px dotted; font-weight: normal; position: relative; top: -0.13em;}
.inline-link b i { font-style: normal; position: relative; top: 0.13em;}
.small { font-size: 0.9em; }
.smaller { font-size: 0.8em !important; }
.smallest { font-size: 0.7em !important; }
.large { font-size: 1.2em; }
.bold { font-weight: bold; }
.highlighted { background:  #ffd; }
.highlighted-heavy { background: #ffa; }
.hint { color: #aaa; font-size: 0.9em; }
.hint a,
.hint:visited,
.hint a:visited { color: #aaa; }
.hint strong { color: #777; }
a.blue { color: #03c; }
a.blue:visited { color: #63c; }
.align-center { text-align: center; }
.align-left { text-align: left; }
.align-right { text-align: right; }
.valign-top { vertical-align: top; }
.clear-both { clear: both; }
.clear-left { clear: left; }
.clear-right { clear: right; }
.shadowed { -moz-box-shadow: 0 5px 15px #aaa; -webkit-box-shadow: 0 5px 15px #aaa; box-shadow: 0 5px 15px #aaa; }
.overhanging-quote { margin-left: -0.6em;  margin-right: 0.1em; }
.nowrap { white-space: nowrap; }
.gray, .grey { color: #888; }
.gray:visited, .grey:visited { color: #777; }
.black { color: #000 !important; }
.hidden { display: none; }
.path { color: #2E8B57; white-space: nowrap; }
.big { font-size: 1.1em; }
.bigger { font-size: 1.3em; }
.lookatme { font-size: 1.5em; }
.squeezed { margin-left: 90px; margin-right: 90px; }
.heading,
.heading a { text-transform: uppercase; color: #888; }
.heading a:hover { color: #777 !important; }
.no-underline { text-decoration: none; }
.no-bold { font-weight: normal; }
.strike { text-decoration: line-through; }
input.long { min-width: 400px; width: 65%; font-size: 1.2em; }
input.short { width: 110px !important; min-width: 0 !important; }
pre.prettyprint { border: none !important; }
.userpic { border-radius: 50%; }
.tooltip-bubble { display:none; position:absolute; box-shadow:2px 2px 3px rgba(0,0,0,.2); background-color:#fff; border: 1px solid #ccc; text-shadow: 0 2px 3px rgba(0,0,0,0.1); color:#555; padding: 5px 10px; max-width: 250px; font-size: 0.8em; z-index: 9999; }
.indicator { background: #f00; border-radius: 20px; color: #fff; display: inline-block; font-size: 10px; font-weight: bold; line-height: 1em; padding: 2px 4px; position: absolute; right: -7px; top: -7px; cursor: pointer; }
sup.exclusive { color: red; font-style: italic; font-size: 0.4em; font-weight: bold; font-family: 'Helvetica Neue', Arial, sans-serif; position: relative; top: -6px; }
.video-tiny-badge { background: #65caf1; padding: 1px 4px 2px !important; color: #fff; font-size: 0.8em; border-radius: 3px; line-height: 1.3em; position: relative; top: -1px; }

/* Layout misc
-------------- */

.container { min-width: 650px; max-width: 980px; margin: 0 auto; padding: 20px 30px; }

.sidebar.left { width: 180px; float: left; }
.sidebar.left250px { width: 230px; float: left; }
.sidebar.left300px { width: 280px; float: left; }
.sidebar.right { width: 190px; float: right; }
.sidebar.right300px { width: 280px; float: right; }
.sidebar.right400px { width: 380px; float: right; }

.content.left { margin-left: 200px; }
.content.left250px { margin-left: 250px; }
.content.left300px { margin-left: 300px; }
.content.right { margin-right: 200px; }
.content.right300px { margin-right: 300px; }
.content.right400px { margin-right: 400px; }
.content.right #page { margin-right: 50px; /* extra margin in case page tree is on the right */ }

.content img { max-width: 100%; }

.top-padded { padding-top: 51px; }

/* Menus & Lists
---------------- */

ul.menu-v { margin: 0 0 20px -6px; padding: 0; }
ul.menu-v li { list-style: none; padding: 0; margin: 1px 0 3px; line-height: 1.1em; }
ul.menu-v li a { padding: 5px 6px; display: block; text-decoration: none; }
ul.menu-v li.selected a { color: #000; text-decoration: none; background: #eee; }
ul.menu-v li.selected ul li a { background: inherit; color: #03c; }
ul.menu-v li ul.menu-v { margin-left: 20px; margin-top: 5px; margin-bottom: 15px; }
ul.menu-v li ul.menu-v li a { padding: 4px 6px; font-size: 0.9em; }
ul.menu-v li ul.menu-v li ul.menu-v li a { font-size: 0.9em; }
ul.menu-v li a i.icon16 { margin-top: 0; margin-right: 0.3em; }
ul.menu-v li.top-padded { padding-top: 10px; }
ul.menu-v li.bottom-padded { padding-bottom: 10px; }
ul.menu-v.stacked li a { border-bottom: 1px solid #eee; padding: 10px 6px 13px; }
ul.menu-v.stacked li.swipable a { background: url('img/rarr.png?1509') no-repeat; background-position: right center; }
ul.menu-v.stacked li.selected a { background: #fff; color: #000; font-weight: bold; }
ul.menu-v.large li a i.icon16 { margin-top: 0em; }
ul.menu-v li span.comingsoon { padding: 5px 6px; display: block; color: #aaa; }

ul.menu-h { margin: 0 0 15px; padding: 0; }
ul.menu-h li { list-style: none; display: inline-block; float: left\9; padding: 0 10px 0 0; }
ul.menu-h li a { display: block; padding: 4px 6px; text-decoration: none; }
ul.menu-h li i.icon16 { margin: 0px 5px; }
ul.menu-h li.selected a { color: #000; text-decoration: none; background: #eee; }
ul.menu-h li.selected a.inline-link b { border: none; }
ul.menu-h li.selected ul * { background: #fff !important; }

.dropdown { position: relative; display: block; background: url('img/darr.png?1509') no-repeat; background-position: right center; /* margin-right: 15px !important;  */padding-right: 15px; padding-bottom: 0; }
.dropdown ul.menu-v { display: none; position: absolute; width: 300px; top: 100%; left: -3px; background: #fff; border: 1px solid #ccc; padding: 0; z-index: 13012; margin-left: 0; -moz-box-shadow: 0px 5px 20px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 5px 20px rgba(0,0,0,0.3); box-shadow: 0px 5px 20px rgba(0,0,0,0.3); margin-top: 0; } /* .menu-h's dropdown menus look like .menu-v's menus: plain, with icons, new branches are rendered to the left from parent menu */
.dropdown ul.menu-v li { display: block; width: 300px; padding: 0; margin: 0; border-bottom: 1px solid #eee; }
.dropdown ul.menu-v li a { display: block; padding: 8px 15px 5px 8px; margin: 0; font-weight: normal !important; color: inherit; }
.dropdown ul.menu-v li a i.icon16 { margin-top: -0.1em; margin-right: 0.5em; }
.dropdown ul.menu-v li ul.menu-v { top: -1px; left: 100%; margin-left: 0; }
.dropdown:hover ul.menu-v { display: block; }

/* float right dropdown menus unfold to the opposite direction */
.aux.dropdown ul.menu-v { left: auto; right: -3px; }
.aux.dropdown ul.menu-v li { padding-left: 0px; margin-left: 0 !important; }
.aux.dropdown ul.menu-v li.collapsible { background: url('img/larr.png?1509') no-repeat; background-position: left center; padding-left: 13px; margin-left: 0 !important; }
.aux.dropdown ul.menu-v li ul.menu-v { left: auto; right: 100%; }
.aux.dropdown ul.menu-v li a { color: #000 !important; text-shadow: none !important; }

ul.thumbs { list-style:none; padding-left: 0; margin: 0 30px; }
ul.thumbs li { width: 250px; display: inline-block; vertical-align: top; margin-bottom: 42px; }
ul.thumbs.x2 li { width: 49%; }
ul.thumbs.x3 li { width: 32%; }
ul.thumbs.x4 li { width: 24%; }
ul.thumbs.li150px li { width: 150px; }
ul.thumbs.li300px li { width: 300px; }
ul.thumbs li a { text-decoration: none !important; display: block; /* margin-right: 20px;  */}
ul.thumbs li a img { display: block; margin-bottom: 10px; }
ul.thumbs li.fullwidth { width: 100% !important; }
ul.thumbs li a.inline-link.selected b { border: none; font-weight: bold; color: #000; }

ul.compact { padding-left: 20px; }
ul.compact li { padding-bottom: 0.5em; line-height: 1.2em; }

.mobile-only { display: none !important; }

/* Fields: name-value data display & forms
-------------------------------------------- */

.fields { float: left /* to handle clear within the form */; margin-bottom: 10px; overflow: visible; } /* wrapper for .field */
.field-group { margin: 5px 0 30px; }
.field { clear: left; margin: 0; padding-top: 3px; }
.field .name { float: left; width: 155px; padding-top: 0.05em; padding-bottom: 10px; color: #888; font-size: 0.95em; }
.field .name.large { font-size: 1.2em; font-weight:bold; color:#000; }
.fields.form .field .name { padding-top: 0.45em; /* color: #000; */ /* class="fields form" is for forms with text inputs */ }
.fields.form .field .value.no-shift { padding-top: 0.3em; /* use in class="fields form" forms for elements with no inputs within class="value" to exclude unwanted paddings */ }
.fields .field .value.bottom-padded { padding-bottom: 10px; }
.field .value { margin-left: 180px; margin-bottom: 5px; position: relative; }
.field .value.submit { margin-left: 170px /* a little offset */; }
.field .value .error-message { display: none; }
.field .value input[type="text"],
.field .value input[type="email"],
.field .value input[type="password"],
.field .value textarea { width: 30%; min-width: 200px; margin: 0; }
.field .value input[type="email"] { min-width: 260px; }
.field .value textarea { min-width: 400px; height: 70px; }
.field .value input.semi { width: 10%; min-width: 80px; }
.field .value input.large { width: 35%; }
.field .value img.overhanging { position: absolute; left: -20px; }
.field .value i.icon16 { margin-top: -3px; }
.field .value i.icon16.country { margin-top: 0; }
.field .value .address-subfield { padding:1px 0; }
.field .value span { margin:0 3px 0 0; }
.field .value input, .field .value select { vertical-align:middle; }
.fields.width100px .name { width: 105px; }
.fields.width100px .value { margin-left: 120px; }
.fields.width100px .value.submit { margin-left: 110px; }

/* Profile: userpic + data
-------------------------- */

.profile { line-height: 1.2em; }
.profile .image { float: left; }
.profile .details { margin-left: 55px; }
.profile.image20px .details { margin-left: 25px; min-height: 25px; }
.profile.image32px .details { margin-left: 37px; min-height: 37px; }
.profile.image50px .details { margin-left: 55px; min-height: 55px; }
.profile.image96px .details { margin-left: 105px; min-height: 105px; }

/* Global navigation
-------------------- */

#globalnav { background: #666; padding: 0 20px; position: relative; z-index: 999; box-shadow: 0 -5px 10px -10px #000 inset; }
#globalnav ul.sites { padding: 0; margin: 0; float: left; }
#globalnav ul.sites li { list-style: none; display: inline-block; margin-right: 20px; text-align: center; }
#globalnav ul.sites li a { color: #ccc; text-decoration: none; }
#globalnav ul.sites li a:hover { color: #ee4 !important; }
#globalnav ul.sites li a i { display: block; width: 96px; height: 96px; background-size: 96px 96px; }
#globalnav ul.sites li a.wa i { background-image: url('img/logos/webasyst-192.png'); }
#globalnav ul.sites li a.ss i { background-image: url('img/logos/shopscript-192.png'); }
#globalnav ul.sites li a.md i { background-image: url('img/logos/crm-192.png'); }
#globalnav ul.aux { float: right; width: 200px; margin: 0 0 20px; }
#globalnav ul.aux li { list-style: none; padding-bottom: 5px; }
#globalnav ul.aux li a { color: #aaa; text-decoration: none; }
#globalnav ul.aux li a:hover { color: #ee4 !important; }
#globalnav ul.aux li.bordered-bottom { border-bottom: 1px solid #828282; margin-bottom: 12px; padding-bottom: 12px; }
#globalnav-toggle { cursor: pointer; float: right; border: none; position: relative; top: 6px; background: url('img/globalnav-toggle.png?1509'); background-repeat: no-repeat; height:16px; width:18px; background-size: 18px 16px; display: block; outline:0 none; }
#globalnav-toggle::-moz-focus-inner { border: 0; }
#globalnav-toggle.light { background-image: url('img/globalnav-toggle-light.png?1509'); }
#globalnav-toggle.dark { background-image: url('img/globalnav-toggle-dark.png?1509'); }
#globalnav-toggle .indicator { right: -8px; top: -8px; }

#region_clone { border-top: 1px solid #777; margin-top: 13px; padding-top: 18px; }
#region_clone #region { display: inline-block; }
#region a i.icon16.currentcountry { margin-right: 6px; margin-top: 3px; }
#region.dropdown ul.menu-v li a { color: #000 !important; font-size: 1rem; }
#region.dropdown ul.menu-v li a:hover { color: red !important; }
#region.dropdown ul.menu-v li a i.icon16 { margin-top: 0; }

#wanav nav.container { padding-top: 20px; padding-bottom: 10px; position: relative; }
#wanav #logo { float: left; position: relative; }
#wanav #logo a { font-family: 'PT Sans Caption', sans-serif; font-size: 1.2em; margin-left: 0; }
#wanav #logo a span { display: inline-block; }
#wanav #logo a span.wa-logo-black { color: #000;  }
#wanav #logo a span.wa-logo-a { color: #07c; }
#wanav #logo a span.wa-logo-s1 { color: #3b1; }
#wanav #logo a span.wa-logo-y { color: #e50; }
#wanav #logo a span.wa-logo-s2 { color: #eb1; }
#wanav #logo a span.wa-logo-t { color: #4dd; }
#wanav #logo a span.wa-logo-a:hover { -moz-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); -o-transform: rotate(-5deg); transform: rotate(-5deg); }
#wanav #logo a span.wa-logo-s1:hover { transform: rotate(13deg); -moz-transform: rotate(13deg);-webkit-transform: rotate(13deg); -o-transform: rotate(13deg); }
#wanav #logo a span.wa-logo-y:hover { transform: rotate(11deg); -moz-transform: rotate(11deg); -webkit-transform: rotate(11deg); -o-transform: rotate(11deg);}
#wanav #logo a span.wa-logo-s2:hover { transform: rotate(-9deg); -moz-transform: rotate(-9deg); -webkit-transform: rotate(-9deg); -o-transform: rotate(-9deg); }
#wanav #logo a span.wa-logo-t:hover { transform: rotate(18deg); -moz-transform: rotate(18deg);-webkit-transform: rotate(18deg); -o-transform: rotate(18deg); }
#wanav #logo a sup { color: #ccc; position: relative; font-size: 0.4em; top: -0.3em; left: -0.5em; font-weight: normal; }
#wanav #logo a i.icon16.webasyst-favicon { background-image: url('img/webasyst-favicon.png'); background-size: 16px 16px; margin-top: 3px; }
#wanav #logo a span.gray { color: #aaa; font-weight: 100; font-size: 0.9em; }

ul.mainnav { float: left; margin-top: 1px; margin-bottom: 0; padding-left: 90px; }
ul.mainnav.ru { padding-left: 40px; }
ul.mainnav li { display: inline-block; list-style: none; }
ul.mainnav li a { font-size: 1.1em; margin-left: 30px; padding: 5px 1px 8px; color: #333; text-decoration: none; line-height: 1.0em; position: relative; }
ul.mainnav.ru li a { margin-left: 21px; }
ul.mainnav li.selected a { /* background: inherit !important;  */border-bottom: 2px solid #777; font-weight: bold; }
ul.mainnav li.selected#platform a,
ul.mainnav li.selected#platform a:hover { color: #09f !important; border-color: #09f; }
ul.mainnav li.selected#store a,
ul.mainnav li.selected#store a:hover { color: #5b2 !important; border-color: #5b2; }
ul.mainnav li.selected#support a,
ul.mainnav li.selected#support a:hover { color: #f50 !important; border-color: #f50; }
ul.mainnav li.selected#blog a,
ul.mainnav li.selected#blog a:hover { color: #ea0 !important; border-color: #ea0; }
ul.mainnav li.selected#pricing a,
ul.mainnav li.selected#pricing a:hover { color: #3aa !important; border-color: #3aa; }
ul.mainnav li.selected#tv a,
ul.mainnav li.selected#tv a:hover { color: #748 !important; border-color: #748; }
ul.mainnav li#blog a .indicator { top: 1px; right: -11px; }

ul.mainnav.actionnav { position: absolute; right: 65px; padding-left: 0; }
ul.mainnav.actionnav li a i.icon16 { margin-top: 3px; }
ul.mainnav.actionnav li a i.icon16.userpic20 { margin-right: 5px; background-size: auto; }
ul.mainnav.actionnav li a.small { font-size: 0.9em; margin-left: 13px; }

a.button2.actionbutton { padding: 8px 10px 7px; margin-top: -3px; margin-left: 7px; color: #fff !important; }
a.button2.actionbutton:hover { color: #ffa !important; }
a.button2.yellow.actionbutton { color: #000 !important; }
a.button2.yellow.actionbutton:hover { color: #a00 !important; }

ul.mainnav li.dropdown ul.menu-v,
ul.mainnav li.dropdown ul.menu-v li { width: 320px !important; }
ul.mainnav li.dropdown ul.menu-v li a { color: #000 !important; padding: 10px 15px 8px 8px; text-decoration: none !important; margin: 0 !important; font-size: 1.05em; text-shadow: none; background: #fff; }
ul.mainnav li.dropdown ul.menu-v li a:hover { color: red !important; }
ul.mainnav li.dropdown ul.menu-v li a.current { font-weight: bold !important; }
ul.mainnav li.dropdown ul.menu-v li.gray a { color: #999 !important; }
ul.mainnav li.dropdown ul.menu-v li.gray a:hover { color: red !important; }
ul.mainnav li.dropdown ul.menu-v li i.icon16 { margin-top: -2px; }
ul.mainnav li.dropdown ul.menu-v li.divided-top { border-top: 10px solid #eee; background: #eee; }
ul.mainnav li.dropdown ul.menu-v li.divided-bottom { border-bottom: 10px solid #eee; }
ul.mainnav li.dropdown ul.menu-v li.extra a { background: #eee; border-top: 1px solid #ddd; }
ul.mainnav li.dropdown ul.menu-v li .heading { display: block; padding-left: 15px; padding-bottom: 5px; font-weight: bold; font-size: 0.9em; color: #888; }

#wanav.condensednav { background: #fff; height: auto; }
#wanav.condensednav .container { padding-top: 13px; padding-bottom: 1px; }
#wanav.condensednav ul.mainnav { margin-bottom: 0; }
#wanav.condensednav ul.mainnav.ru { padding-left: 30px; }
#wanav.condensednav ul.mainnav li a { color: #777; top: 1px; }
#wanav.condensednav ul.mainnav li.selected a { border: none; color: #000 !important; }
#wanav.condensednav ul.mainnav.actionnav li a { top: -1px; }
#wanav.condensednav #logo a { font-size: 18px; }

.nav-negative { display: none; /* mobile-only slide-out navigation */ padding-left: 0; margin: -13px 0 0; border-bottom: 1px solid #777; }
.nav-negative li { list-style: none; display: block; border-top: 1px solid #777; margin-bottom: 0; padding-bottom: 0; }
.nav-negative li a { font-size: 1.2em; text-decoration: none; color: #ddd !important; display: block; padding: 15px 0; }
.nav-negative li a.button { display: inline-block; height: auto; text-align: center; margin: 15px auto; }
.nav-negative li.selected a { color: #fff !important; text-shadow: 0 1px 0 #000; background: transparent; font-weight: bold; }
.nav-negative.actionnav { display: none; }

ul.menu-h.experts-mode-toggle { margin-top: 7px; float: right; font-size: 1.1em; white-space: nowrap; }
ul.menu-h.experts-mode-toggle li a { color: #fff; padding: 6px 12px; }
ul.menu-h.experts-mode-toggle li a:hover { color: yellow !important; }
ul.menu-h.experts-mode-toggle li.selected a { background: #fff; border-radius: 2px; color: black; }
ul.menu-h.experts-mode-toggle li.selected a:hover { color: black !important; }

#wanav.docs-header { background: #eee; }
#wanav.docs-header a { text-decoration: none; }
#wanav.docs-header ul.mainnav { padding-left: 10px; }
#wanav.docs-header .container { padding-top: 20px; padding-bottom: 10px; }
#wanav.docs-header .docs-search { margin: 0px 10px; }
#wanav.docs-header .docs-search input { width: 180px; }

/* Shop-Script nav
------------------ */

#ssnav { clear: both; background: #eee; position: relative; z-index: 13; }
#ssnav nav.container { padding-top: 20px; padding-bottom: 10px; position: relative; }
#ssnav a:hover { color: #c00 !important; }
#ssnav h4 { float: left; font-size: 18px; font-weight: bold; position: relative; }
#ssnav h4 a { color: #000; text-decoration: none; }
#ssnav h4 a i.icon16 { margin-top: 2px; margin-right: 7px; }
#ssnav h4 a i.icon16.shopscript { background-position: 0 0; background-image: url('img/ss-favicon.png?1509'); background-size: 24px 24px; width: 24px; height: 24px; margin-top: -1px; }
#ssnav ul.mainnav { padding-left: 40px; }
#ssnav ul.mainnav li { margin-right: 0px; }
#ssnav ul.mainnav li a { border: none; font-size: 1.05em; }
#ssnav ul.mainnav li a.gray { color: #aaa; }
#ssnav ul.mainnav.ru { padding-left: 60px; }
#ssnav ul.mainnav.ru li { margin-right: 5px; }
#ssnav a.button2.actionbutton.green:hover { color: #ffa !important; }

#ssnav.condensednav { background: #fff; }
#ssnav.condensednav .container { padding-top: 13px; padding-bottom: 1px; }
#ssnav.condensednav ul.mainnav { margin-bottom: 0; }
#ssnav.condensednav ul.mainnav li a { color: #777; top: 1px; }
#ssnav.condensednav ul.mainnav li .gray { color: #aaa; }
#ssnav.condensednav ul.mainnav li .discounted { color: #000; }
#ssnav.condensednav ul.mainnav li.selected a { color: #000; }
#ssnav.condensednav ul.mainnav.actionnav li a { top: -1px; }
#ssnav ul.menu-v.ssnav-more { left: 7px; }
#ssnav ul.menu-v.ssnav-more li a { padding: 10px 15px; position: relative; }
#ssnav ul.menu-v.ssnav-more li a i.icon16.new-window { opacity: 0.5; position: absolute; right: 5px; }
#ssnav ul.menu-v.ssnav-more li a:hover i.icon16.new-window { opacity: 0.8; }

/*
a.button.actionbutton { color: #fff; font-size: 1.1em; font-weight: bold; height: auto; margin-top: -3px; padding: 8px 18px 7px; }
a.button.yellow.actionbutton { background: -moz-linear-gradient(center top , rgba(255, 255, 244, 1) 0%, rgba(243, 210, 77, 1) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); border: medium none; color: #000 !important; text-shadow: 0 1px 0 #ffc !important; }
*/

/* Footer
--------- */

footer.globalfooter { clear: both; background: #eee; color: #aaa; }
footer.globalfooter a { text-decoration: none; }
footer.globalfooter .copyright { clear: both; border-top: 1px solid #ccc; margin-bottom: 60px; }
footer.globalfooter .copyright ul { float: left; padding-left: 0; }
footer.globalfooter .copyright ul li { float: left; list-style: none; margin-right: 20px; }
footer.globalfooter .copyright ul li a { color: #888; }
footer.globalfooter .poweredby { padding-top: 15px; float: right; }
footer.globalfooter .poweredby a { color: #aaa; }
footer.globalfooter .poweredby .dots { text-decoration: none; display: inline-block; width: 54px; height: 9px; background: url("/wa-content/img/dots/all-dots-default-order@2x.png") no-repeat 0 3px; background-size: 54px 9px; padding-top: 3px; margin-left: 10px; display: block\9; float: right\9; }

footer.globalfooter li#region.dropdown { background-image: url('img/uarr.png?1509'); }
footer.globalfooter li#region.dropdown ul.menu-v { top: auto; bottom: 0%; }
footer.globalfooter li#region.dropdown ul.menu-v li a { padding-bottom: 9px; }

.footer-block { display: inline-block; margin-right: 30px; vertical-align: top; margin-bottom: 20px; max-width: 23%; display:block\9; float:left\9; font-size: 0.9em; min-width: 120px; }
.footer-block a { display: block; color: #888; margin-bottom: 5px; }
.footer-block p { line-height: 1.3em; font-family: 'Helvetica Neue', Arial, sans-serif; }
.footer-block p a { display: inline; }
.footer-block ul { padding-left: 0; }
.footer-block ul li { list-style: none; padding-bottom: 0;  }
.footer-block.follow-block { float: right; }
.footer-block.follow-block ul li i.icon16 { margin-top: 0px; }

.support-badge { position: fixed; bottom: 0; right: 30px; background: #fff; box-shadow: 0 2px 9px rgba(0,0,0,0.4); font-size: 1.1em; z-index: 9999; width: 300px; color: #000; text-align: center; }
.support-badge .toggler { background: #5bae23; padding: 12px 13px 9px; display: block; }
.support-badge .toggler i.icon16 { margin-top: -0.05em; }
.support-badge .toggler b { color: #fff; font-weight: bold; }
.support-badge .toggler:hover b { color: #ff7 !important; }
.support-badge .aux { opacity: 0.7; float: right; margin-left: 8px; }
.support-badge .inner { display: none; padding: 25px 0px 0; }
.support-badge .inner .sales { background: #ffc; padding: 18px 13px 1px; margin-bottom: 20px; }
.support-badge p { margin-left: 13px; margin-right: 13px; }
.support-badge p.hint { font-size: 0.8em; }
.support-badge p.hint a { text-decoration: underline; }
.support-badge .button2 { font-size: 1.1em; padding: 12px 16px 10px; margin-bottom: 15px; }

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

.feature-group { float:left; /* border-top: 1px solid #ccc; */ margin-bottom: 70px; color: #777; }
.feature-group h3 { color: #000; font-size: 2em; margin-bottom: 20px; font-weight: normal; font-family: 'PT Sans Caption', sans-serif; }
.feature-group h4 { margin-top: 25px; font-size: 1.1em; color: #333; }
.feature-group .col { float: left; padding-right: 20px; }
.feature-group .col.w05 { width: 5%; }
.feature-group .col.w25 { width: 25%; }
.feature-group .col.w33 { width: 30%; }
.feature-group .col.w50 { width: 40%; padding-right: 10%; }
.feature-group .col.w66 { width: 60%; padding-right: 40px; }
.feature-group .col ul { padding-left: 20px; }
/* .feature-group .col ul li { margin-bottom: 13px; } */
.feature-group.client h3 { margin-bottom: 10px; }

.feature { margin: 0 0 50px; color: #888; clear: both; }
.feature .img-instead { width: 450px; }
.feature.no-clear { clear: none; }
.feature h1 { font-size: 2.5em !important; }
.feature h1,
.feature h2,
.feature h3 { color: #000; font-size: 2em; margin-bottom: 20px; font-weight: normal; font-family: 'PT Sans Caption', sans-serif; }
.feature.left h1,
.feature.left h2,
.feature.left h3,
.feature.left p,
.feature.left ol,
.feature.left ul { margin-right: 450px; }
.feature.left img,
.feature.left .img-instead { float: right; }
.feature.right h1,
.feature.right h2,
.feature.right h3,
.feature.right p,
.feature.right ol,
.feature.right ul { margin-left: 450px; }
.feature.right img,
.feature.right .img-instead { float: left; }
.feature.center { margin-left: 50px; margin-right: 50px; text-align: center; }
.feature.top-padded { margin-top: 50px; }
.feature.bottom-padded { margin-bottom: 150px; }
.feature.not-padded { margin-bottom: 0; }
.feature p strong { color: #555; }
.feature .top-lifted { margin-top: -60px; }
.feature .top-lifted.x2 { margin-top: -120px; }

.feature.testimonial { margin-left: 130px; margin-right: 130px; }
.feature.testimonial .author { float: right; width: 350px; font-size: 0.8em; margin-right: 10px; font-style: italic; margin-top: 10px; }
.feature.testimonial .author img { margin-right: 10px; margin-top: -2px; }
.feature.testimonial .author a { text-decoration: none; color: #aaa; }
.feature.testimonial .author a:hover { color: #777 !important; }

.feature.centralized h3 { text-align: center; }

.wa-applist { display: inline-block; width: 510px !important; overflow: hidden; height: 170px; }
.wa-applist ul { margin: 0; padding: 0; }
.wa-applist ul li { list-style: none; float: left; color: #aaa; }
.wa-applist ul li a { color: #aaa; }
.wa-applist ul li img { display: block; margin: 15px; width: 96px; height: 96px; }

.feature.right.yourapp { margin-top: 10px; }
.feature.right.yourapp p { margin-left: 480px; }
.feature.right.yourapp img { margin-left: -33px; margin-top: -10px; }

.ttb { background: #eeeeee; /* Old browsers */
background: -moz-linear-gradient(top,  #eeeeee 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #eeeeee 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #eeeeee 0%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #eeeeee 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #eeeeee 0%,#ffffff 100%); /* W3C */ }
.btt { background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #eeeeee 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#eeeeee 100%); /* W3C */ }
.rtl { background: rgb(248,248,248); /* Old browsers */
background: -moz-linear-gradient(left, rgba(248,248,248,1) 0%, rgba(238,238,238,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(248,248,248,1)), color-stop(100%,rgba(238,238,238,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(248,248,248,1) 0%,rgba(238,238,238,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(248,248,248,1) 0%,rgba(238,238,238,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(248,248,248,1) 0%,rgba(238,238,238,1) 100%); /* IE10+ */
background: linear-gradient(to right, rgba(248,248,248,1) 0%,rgba(238,238,238,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=1 ); /* IE6-9 */ }
.ltr { background: rgb(238,238,238); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(238,238,238,1) 0%, rgba(248,248,248,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(248,248,248,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(238,238,238,1) 0%,rgba(248,248,248,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(238,238,238,1) 0%,rgba(248,248,248,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(238,238,238,1) 0%,rgba(248,248,248,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(238,238,238,1) 0%,rgba(248,248,248,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */ }


/* Colored site-wide stripes
---------------------------- */

.stripe { background: #f3f3f3; text-align: center; }
.stripe .container { padding-top: 40px; padding-bottom: 30px; }
.stripe input,
.stripe button { -webkit-appearance: none; padding: 15px; font-size: 18px; box-shadow: 0 3px 8px rgba(0,0,0,0.2); border-radius: 0; border: none; margin-top: 10px; }
.stripe button { line-height: 20px; background: #a00; background-size: 24px 24px; color: white; font-weight: bold; margin-left: -4px; }
.stripe button:hover { background-color: #f33; cursor: pointer; }
.stripe p.hint { color: rgba(0,0,0,0.5); margin-bottom: 0px; }

.stripe.yellow { background: repeating-linear-gradient(-55deg, #fde834, #fde834 30px, #f6e12e 30px, #f6e12e 60px) repeat scroll 0 0 rgba(0, 0, 0, 0) !important; text-align: center; }
.stripe.green { background: repeating-linear-gradient(-55deg, #bcdd64, #bcdd64 30px, #aed447 30px, #aed447 60px) repeat scroll 0 0 rgba(0, 0, 0, 0) !important; text-align: center; }
.stripe.red { background: repeating-linear-gradient(-55deg, #ed6f6f, #ed6f6f 30px, #e45959 30px, #e45959 60px) repeat scroll 0 0 rgba(0, 0, 0, 0) !important; text-align: center; color: white; }
.stripe.blue { background: repeating-linear-gradient(-55deg, #55a1e7, #55a1e7 30px, #6fb0ed 30px, #6fb0ed 60px) repeat scroll 0 0 rgba(0, 0, 0, 0) !important; text-align: center; color: white; }


/* Dialog
--------- */

.dialog { display: none; }
.dialog-background { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #fff; opacity: 0.8; z-index: 99; }
.dialog-window { position: fixed; top: 20%; left: 20%; right: 20%; bottom: 20%; background: #fff; opacity: 1; z-index: 100; overflow: hidden; -moz-box-shadow: 0px 0px 70px #bbb; -webkit-box-shadow: 0px 0px 70px #bbb; box-shadow: 0px 0px 70px #bbb; padding: 0 0 60px; min-width: 500px; min-height: 300px; border: 5px solid #f3f3f3; }
.dialog-buttons { position: absolute; bottom: 0; height: 10px; z-index: 101; width: 100%; padding: 30px; }
.dialog-content { height: 100%; overflow: auto; overflow-x:hidden;}
.dialog-content-indent { padding: 30px; }


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

.cloud-pricing-term { padding-left: 0; margin: 0 auto 20px; text-align: center; }
.cloud-pricing-term li { list-style: none; display: inline-block; padding: 0; text-decoration: none; padding: 12px 15px; display: inline-block; font-size: 1.2em; }
.cloud-pricing-term li a { color: #aaa; }
.cloud-pricing-term li.selected { color: #000; background: rgba(0,0,0,0.05); background-position: 50% 100%; border-radius: 3px; }
.cloud-pricing-term li.selected a { color: #000; }
.cloud-pricing-term li.selected a b { border: none; font-weight: bold; }
.cloud-pricing-term li.selected a:hover b { color: #000; }
.cloud-pricing-term li .floating-asterix { display: none; }
.cloud-pricing-term li.selected .floating-asterix { display: inline; }
.cloud-pricing-term li select { position: relative; top: -1px; margin-left: 3px; }

.plans { text-align: center; position: relative; z-index: 12; }
.plans .summary { padding: 15px 15px 10px; font-size: 0.9em; background: #ffc; margin: 0 -1px; line-height: 1.4em; border-left: 1px solid #cca; border-right: 1px solid #cca; }
.plans .summary .stars { font-size: 1.8em; display: block; margin-bottom: 5px; color: #3eb000; text-shadow: 0 2px 0 #ffc; }
.plans .summary .hint,
.plans .summary .hint strong { color: #986; }
.plans .summary h2,
.plans .summary h3 { font-size: 1.4em; margin-bottom: 0.8em; }
.plans .summary h4 { font-family: 'PT Sans Caption', sans-serif; white-space: nowrap; margin-bottom: 1.6em; font-size: 1.1em; line-height: 1.6em; }
.plans .summary h4 .gray { font-size: 1.2em; color: #cca; }
.plans .summary h4 strong { font-size: 2em; }

.plans ul.menu-h li { font-size: 0.9em; color: #aaa; }
.plans ul.menu-h li.selected { color: #333; font-weight: bold; }
.plans ul.menu-h li .ibutton-container { top: 3px; }

.plans .plan-cloud { display: inline-block; float: left\9; width: 23%; vertical-align: top; margin: 25px -5px; border: 1px solid rgba(0,0,0,0.13); background: #fff; text-align: center; position: relative; }
.plans .plan-cloud i.sspricingglyph { margin-top: 20px; }
.plans .plan-cloud h2 { margin-top: 0px; color: #333; }
.plans .plan-cloud p.hint { color: #888; white-space: nowrap; font-family: 'Helvetica Neue', Arial, sans-serif; }
.plans .plan-cloud p.hint a { color: #777; }
.plans .plan-cloud .gray { color: #ddd; }
.plans .plan-cloud .gray a.inline-link { color: #aaa; }
.plans .plan-cloud .gray a.in-content { color: #ddd; text-decoration: none; }
.plans .plan-cloud .best-plan { position: absolute; right: 0; top: 0; left: 0; background: #ff6; padding: 10px; }
.plans .plan-cloud .summary { padding: 20px 30px 10px; margin-bottom: 30px; }
.plans .plan-cloud .summary p { white-space: nowrap; }

.plans .plan-cloud.pro { margin-top: 0px; padding-top: 25px; width: 27%; position: relative; z-index: 1; padding-bottom: 20px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); }
.plans .plan-cloud.pro .summary { padding-bottom: 30px; background: #ffa; margin-bottom: 0px; }


.plans .plan-server { display: inline-block; float: left\9; width: 45%; vertical-align: top; margin: 15px 0 25px 30px; border: 1px solid rgba(0,0,0,0.13); box-shadow: 0 2px 10px rgba(0,0,0,0.1); background: #f9f9f9; text-align: center; position: relative; }
.plans .plan-server i.sspricingglyph { margin-top: 20px; }
.plans .plan-server h2 { margin-top: 0px; color: #333; }
.plans .plan-server p.hint { color: #888; white-space: nowrap; font-family: 'Helvetica Neue', Arial, sans-serif; }
.plans .plan-server p.hint a { color: #777; }
.plans .plan-server .gray { color: #ccc; }
.plans .plan-server .gray a.in-content { color: #ddd; text-decoration: none; }
.plans .plan-server .best-plan { position: absolute; right: 0; top: 0; left: 0; background: #ff7; padding: 10px; }
.plans .plan-server .summary { background: #eee; padding: 20px 30px 20px; border-color: #ccc; }
.plans .plan-server .summary .hint,
.plans .plan-server .summary .hint a { color: #777; }

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

.plans .plan-box { display: none; background: #fff; width: 50%; border: 1px solid #ddd; margin: 10px auto; box-shadow: 0 2px 10px rgba(0,0,0,0.1); }
.plans .plan-box h2 { margin-top: 30px; }
.plans .plan-box p.hint { color: #888; margin-top: 30px; }
.plans .plan-box p.hint a { color: #555; }
.plans .plan-box strike { color: #aaa; }
.plans .plan-box h4 { margin-bottom: 1.7em; margin-top: 2em; }
.plans .plan-box h4 strong { font-size: 2em; }
.plans .plan-box h4 span.hint { color: #696; font-size: 0.6em; }

.plan-key-features { padding: 0 10px; margin-top: 30px; }
.plan-key-features li { list-style: none; color: #555; line-height: 1.4em; padding-bottom: 22px; }
.plan-key-features li .highlighted { background: #ffa; }
.plan-key-features p { color: #999; margin: 0 10px 20px; }

.plan-included-apps { padding: 10px; margin: 10px auto 10px; height: 230px; }
.plan-included-apps ul { list-style: none; text-align: center; padding: 0; margin: 10px auto 10px; max-width: 240px; }
.plan-included-apps ul li { display: inline-block; font-size: 0.8em; text-align: center; padding: 2px; }
.plan-included-apps ul li a { text-decoration: none; color: #555; }
.plan-included-apps ul li img { display: block; }
.plan-included-apps ul.two-columns { max-width: 140px; }
.plan-included-apps p { display: inline-block; text-align: left; }

.plans .padded-container { padding: 10px 30px 40px; }
.plans .padded-container img { max-width: 100%; }

.we-accept { margin: 20px; color: #aaa; font-size: 0.9em; text-align: center; }
.we-accept img { display: block; margin: 10px auto; }

.hosted-vs-software h1 { font-size: 2em; color: #000; font-weight: normal; }

.extra-charge-list { list-style: none; padding-left: 25px; }

table.extra-pricing { border-collapse: collapse; border-spacing: 0; height: 300px; margin: 40px auto; max-width: 80%; }
table.extra-pricing th,
table.extra-pricing td { border: 1px solid #CCCCCC; padding: 25px; }
table.extra-pricing th { background: none repeat scroll 0 0 #EEEEEE; }
table.extra-pricing td p { margin-top: 10px; }

i.pricingglyph { display: block; margin: 20px auto; text-align: center; background: url('img/pricing-glyphs.png?1602') no-repeat; background-position: top center; background-size: 480px 96px; width: 96px; height: 96px; }
i.pricingglyph.plus { background-position: 0 0; }
i.pricingglyph.pro { background-position: -96px 0; }
i.pricingglyph.pro-crm { background-position: -192px 0; }
i.pricingglyph.premium { background-position: -288px 0; }
i.pricingglyph.server { background-position: -386px 0; }


/* Common styles for Blog, Help & Support, docs, and more
--------------------------------------------------------- */

.post { margin-bottom: 50px; }
.post .post-author img.userpic20 { position: relative; top: 5px; border-radius: 50%; }
.post .post-author a { color: #888; text-decoration: none; padding-right: 7px;  }
.post .post-author i.icon16 { margin-top: 7px; }
.post .post-body { margin-top: 15px; margin-bottom: 20px; line-height: 1.5em; }

.post .aux { float: right; }

.comment { margin-bottom: 20px; }
.comment .user { color: #555; }
.comment a .user { display: inline; }
.comment a strong.user { text-decoration: underline; }
.comment a:hover strong.user { color: red; }
.comment p { font-size: 0.9em; line-height: 1.3em; margin: 5px 0; }

.comments { border-top: 1px solid #ccc; padding-top: 15px; margin-top: 15px; }
.comments h3 { margin-bottom: 20px; }
.comments .order-by { float: right; }
.comments ul.menu-v { margin-left: 0; }
.comments ul.menu-v#comment-add { margin-left: 0; }
.comments ul.menu-v li { padding-left: 0; clear: both; }
.comments ul.menu-v li a { padding: 0 !important; display: inline; }
.comments ul.menu-v li i.icon16 { margin-top: -1px; margin-right: 1px; }
.comments ul.menu-v li i.icon16.userpic20 { margin-right: 2px; background-size: auto; border-radius: 50%; margin-top: 0; }
.comments ul.menu-v ul.menu-v { margin-left: 35px; margin-bottom: 30px; margin-top: 0; }

.comments .field .name { width: 110px; }
.comments .field .value { margin-left: 120px; }
.comments textarea { width: 450px; height: 100px; }

.comments.answers { }
.comments.answers ul.menu-v li p.big { font-size: 1.1em; }
.comments.answers ul.menu-v li .comment { margin-left: 70px; margin-bottom: 40px; }
.comments.answers .aux { float: right; }

/* Comment & Reviews voting
--------------------------- */

.negative { color: #a00; }
.positive { color: green; }

.kudos i.icon16 { width: 10px; height: 10px; margin-top: 0.2em; margin-right: 0.1em; }
.kudos.positive i.icon16 { background-position: -3px -67px; }
.kudos.negative i.icon16 { background-position: -19px -67px; }
.kudos.small i.icon16 { margin-top: 0.3em; }

.vote.a { font-size: 1.6em; display: block; width: 65px; float: left; text-align: center; }
.vote.a a,
.vote.a strong { display: block !important; margin: 0 auto !important; padding: 2px !important; line-height: 1em !important; }
.vote.a strong { font-size: 1.8em; position: relative; }
.vote.a i.icon16 { margin: 3px 0 0 !important; }
.vote.a a:hover i.icon16.upup-bw { background-position: -144px -32px; /* colored version */ }
.vote.a a:hover i.icon16.downdown-bw { background-position: -160px -32px; /* colored version */ }

.comments.answers .vote.a { font-size: 1.3em; }

.vote.c { float: right; }
.vote.c i.icon16 { margin-right: -2px !important; margin-left: -2px !important; }
.vote.c a:hover i.icon16.up-bw { background-position: -80px -32px; /* colored version */ }
.vote.c a:hover i.icon16.down-bw { background-position: -96px -32px; /* colored version */ }

.vote-ousted { margin-left: 75px; margin-right: 250px; }

/* Add comment
-------------- */

.comment-form h4 { margin-bottom: 15px; }
.comment-form img.userpic20 { width: 20px; height: 20px; float: left; margin-right: 5px; position: relative; top: -3px; }
.comment-form #user-auth-provider { min-height: 35px; overflow: visible; }

.comment-form ul#comment-add li { padding-left: 4px; }

.comment-form #comment-add-form i.icon16.loading { margin: 0;  }
.comment-form #comment-add-form { overflow: visible; }

.comment-form textarea.error { border: 2px solid red; color: red; }

.comment-form .field .value a { display: inline; }

.comment-form ul.menu-h li { clear: none; }
.comment-form ul.menu-h li a { padding: 4px 6px !important; }
.comment-form ul.menu-h li a i.icon16 { margin-top: 0.1em; }

/* Store
-------- */

ul.thumbs li .price { display: block; margin-top: 7px; line-height: 1.4em; }
ul.thumbs li .price strong { white-space: nowrap; }
ul.thumbs li .price a.button2.mini { display: inline-block; padding: 4px 8px 3px; position: relative; top: -1px; width: auto; }
ul.thumbs li .price a.button2.green.mini { color: #fff; }
ul.thumbs li .price a.button2.yellow.mini:hover { color: red !important; }
.discounted { background: #ffa; color: #000; padding: 2px 3px 1px; }
.discounted.summer35 { background: #ff3; }
.discounted.summer20 { background: #d5fab1; }
.discounted.cm { background: #000; color: #ff0; font-size: 1.2em; }
.discounted.ny { background: #ff0; color: #057be0; font-size: 1.2em; }

ul.thumbs li .image-wrapper { position: relative; }
.store-badge { height: 32px; width: 32px; background: #e0b8ff; position: absolute; text-align: left; top: -5px; }
.store-badge:before { height: 32px; width: 32px; background: #e0b8ff; content:""; position: absolute; -moz-transform: rotate(30deg); -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); -o-transform: rotate(30deg); transform: rotate(30deg); }
.store-badge:after { height: 32px; width: 32px; background: #e0b8ff; content:""; position: absolute; -moz-transform: rotate(-30deg); -webkit-transform: rotate(-30deg); -ms-transform: rotate(-30deg); -o-transform: rotate(-30deg); transform: rotate(-30deg); }
.store-badge span { color: #000; font-weight: bold; position: absolute; z-index: 1; top: 9px; left: -2px; right: -2px; font-size: 0.7em; text-align: center; overflow: visible; line-height: 1em; }
.store-badge.two-lines span { top: 6px; font-size: 0.6em; }
.store-badge i.thumb-up { background-repeat:no-repeat; height: 24px; width: 24px; display:inline-block; text-indent:-9999px; text-decoration:none!important; margin: -0.1em 0.2em 0 -0.1em; background-image: url('img/thumb-up@2x.png?1509'); background-size: 24px 24px; position: absolute; z-index: 1983; opacity: 0.7; top: 4px; left: 5px; }
ul.thumbs li .image-wrapper:hover i.thumb-up { opacity: 1; }

.store-badge.new,
.store-badge.new:before,
.store-badge.new:after { background: #ff4; color: #000; }
.store-badge.updated,
.store-badge.updated:before,
.store-badge.updated:after { background: #ff4; color: #300; }
.store-badge.featured,
.store-badge.featured:before,
.store-badge.featured:after { background: #74ff30; color: #030; }

ul.thumbs.apps96 { margin: 0; padding-left: 0px; }
ul.thumbs.apps96 li { padding-left: 110px; width: 205px; margin-right: 10px; line-height: 1.3em; font-size: 1.0em; margin-bottom: 50px; text-align: left; }
ul.thumbs.apps96 li img { margin-left: -110px; margin-top: -2px; float: left; width: 96px; height: 96px; }
ul.thumbs.apps96 li h4 { font-size: 1.7em; font-family: 'PT Sans Caption', sans-serif; white-space: nowrap; }
ul.thumbs.apps96 li span.summary { color: #555; }
ul.thumbs.apps96 li .store-badge { left: -38px; top: -8px; }

ul.thumbs.apps { margin-left: 0; margin-top: 20px; }
ul.thumbs.apps li { width: 140px; margin-bottom: 20px; text-align: center; }
ul.thumbs.apps li .image-wrapper { text-align: center; display: block; text-align: center; }
ul.thumbs.apps li .image-wrapper img { margin: 0 auto 10px; }
ul.thumbs.apps li h4 { margin-bottom: 5px; white-space: nowrap; font-family: 'PT Sans Caption', sans-serif; }
ul.thumbs.apps li p.summary { color: #555; font-family: 'Helvetica Neue', Arial, sans-serif; line-height: 1.3em; margin: 0 12px 7px; height: 4em; overflow: hidden; text-overflow: ellipsis; font-size: 0.9em; }
ul.thumbs.apps li .price { margin-top: 0; display: inline-block; text-align: left; }
ul.thumbs.apps li .price a.button2.mini { margin-top: 5px; padding: 3px 8px 2px; }
ul.thumbs.apps li .store-badge { right: 14px; }

ul.thumbs.widgets { margin: 0; padding-left: 0px; }
ul.thumbs.widgets li { padding-left: 110px; width: 205px; margin-right: 10px; line-height: 1.3em; font-size: 1em; margin-bottom: 50px; text-align: left; }
ul.thumbs.widgets li img { margin-left: -110px; margin-top: -2px; float: left; width: 96px; height: 96px; border: 1px solid rgba(0,0,0,0.13); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); }
ul.thumbs.widgets li h4 { font-size: 1.4em; white-space: nowrap; }
ul.thumbs.widgets li .store-badge { left: -38px; top: -8px; }

ul.thumbs.widgets-mini { margin-left: 0; margin-top: 20px; }
ul.thumbs.widgets-mini li { width: 102px; margin: 0 15px 20px; text-align: center; line-height: 1.2em; }
ul.thumbs.widgets-mini li img { margin: 0 auto 10px; border: 1px solid rgba(0,0,0,0.13); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); width: 96px; height: 96px; }
ul.thumbs.widgets-mini li h5 { margin-bottom: 5px; text-overflow: ellipsis; white-space: nowrap; height: 1.5em; overflow: hidden; }
ul.thumbs.widgets-mini li p.summary { color: #555; font-family: 'Helvetica Neue', Arial, sans-serif; line-height: 1.3em; margin: 0 12px 7px; max-height: 3em; overflow: hidden; text-overflow: ellipsis; font-size: 0.9em; }
ul.thumbs.widgets-mini li .price { margin-top: 0; display: inline-block; text-align: left; }
ul.thumbs.widgets-mini li .price a.button2.mini { margin-top: 5px; padding: 3px 8px 2px; }
ul.thumbs.widgets-mini li .store-badge { right: 14px; }


/* Theme lists
-------------- */

ul.thumbs.themes { margin-right: 0; margin-left: 0; }
ul.thumbs.themes li { width: 326px; margin-right: 0; text-align: center; }
ul.thumbs.themes li a { display: block; -moz-transform:skew(0deg, 0deg); width: 300px; }
ul.thumbs.themes li a .gray { color: #777; }
ul.thumbs.themes li a .paper { margin-bottom: 15px; width: 300px; position: relative; }
ul.thumbs.themes li a .paper img { width: 300px; height: 330px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); border: 1px solid #ddd; }
ul.thumbs.themes li.installed a { color: #777; }
ul.thumbs.themes li.installed a .paper { opacity: 0.7; }
ul.thumbs.themes li .price { margin-left: -40px; }

ul.thumbs.themes li .store-badge { right: -7px; top: -7px; }


/* Plugin list: Store, SS how it works
-------------------------------------- */

ul.thumbs.plugins { margin: 20px 0 0; }
ul.thumbs.plugins li { width: 200px; padding-right: 30px; line-height: 1.2em; }
ul.thumbs.plugins li .image-wrapper { width: 200px; height: 110px; border: 1px solid #ddd; box-shadow: 0 1px 3px rgba(0,0,0,0.1); margin-bottom: 5px; background: #fff; position: relative; }
ul.thumbs.plugins li .image-wrapper img { width: 200px; height: 110px; display: block; }
ul.thumbs.plugins li .store-badge { right: -5px; }


/* Etc
------ */

h1#logo { font-size: 3.5em; font-family: 'PT Sans Caption', 'Helvetica Neue', Arial, sans-serif; text-shadow: 0 1px 0 #fff; }

img.screenshot75 { margin-left: -40px; }

.ousted-right { margin-right: 250px; }

.option { padding: 0 10px 5px; text-align: center; }
.option .button-wrapper { display: inline-block; margin-top: 10px; }
.option h4 { display: inline-block; margin-right: 15px; display: inline\9; font-family: 'PT Sans Caption', sans-serif; min-height: 20px; font-size: 1.8em; }

.disclaimer { font-size: 0.9em; color: #888; text-align: center; margin: 0 200px 20px; }

.addthis { width: 250px; margin: 20px auto; }

.above-others { position: relative /* for over-hshadowed screenshots stuff */; }
ul#framework-docs.menu-v a span.label { font-size: 0.8em; padding: 0 2px; color: #888; background: #eec; }

ul.menu-v.file-structure { margin-left: 0px; }
ul.menu-v.file-structure .name { float: left; width: 140px; padding-left: 6px; color: #555; }
ul.menu-v.file-structure .name i.icon16 { margin-top: -1px; margin-right: 5px; }
ul.menu-v.file-structure .description { margin-left: 150px; color: #888; min-height: 23px; }
ul.menu-v.file-structure ul { padding-left: 20px; margin-top: 13px; font-size: 0.9em; }
ul.menu-v.file-structure ul .name { float: left; width: 120px; }
ul.menu-v.file-structure ul .description { margin-left: 130px; color: #888; }
ul.menu-v.file-structure ul ul .name { float: left; width: 100px; }
ul.menu-v.file-structure ul ul .description { margin-left: 110px; color: #888; }

.wa-screenshot-shadow-left-offset { margin-left: -29px; }
.scr-offset,
.wa-screenshot-shadow-left-offset-lion { margin-left: -36px; }

.breadcrumbs { color: #aaa; margin-bottom: 20px; margin-left: -5px; }
.breadcrumbs a { color: #888; font-size: 0.9em; margin: 0 5px; }

.article { margin-top: 25px; font-size: 1.05em; }

.tags a { color: green; }
.tags span { color: green; }

.get-started { display: block; margin-bottom: 50px; text-align: center; }
.selvedged { border: 17px solid #fff; border-radius: 64px; background: #fff; margin: 0 auto; display: inline-block; padding: 22px 0; margin-bottom: 10px; }
.get-started .download { line-height: 1.5em; }
.get-started .button2 { margin-bottom: 20px; }

.fake-editor { font-size: 130%; background: #fff; border: 0 !important; padding: 0 !important; width: 360px !important; overflow: hidden; margin-left: 30px; }
.fake-editor span { outline: none; }
.fake-editor #carriage { background: #000; width: 0.3em; }

.faq { margin-right: 280px; margin-left: 130px; }

.faq h2,
.faq h3,
.faq h4 { margin-top: 55px; margin-bottom: 5px; }
.faq h2 { font-size: 1.5em; }
.faq h3 { font-size: 1.4em; }
.faq h4 { font-size: 1.4em; }
.faq p { color: #777; }
.faq ul li,
.faq ol li { color: #777; }
.faq ol li strong { color: #555; }

a.back { font-size: 19px; font-weight: bold; background: #eee; color: #aaa; padding: 2px 5px 3px; position: relative; top: -3px; border-radius: 4px; text-decoration: none; }

.changelog div { line-height: 1.4em; font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Helvetica Neue', Arial, sans-serif; margin-bottom: 25px; }

.promo-block { background: #fffdce; border: 1px solid #ddb; border-radius: 0px; padding: 10px; margin: 0 4px 20px -9px;
background: #fffdce -moz-linear-gradient(top, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.0) 100%); /* FF3.6+ */
background: #fffdce -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0.0))); /* Chrome,Safari4+ */
background: #fffdce -webkit-linear-gradient(top, rgba(255,255,255,0.85) 0%,rgba(255,255,255,0.0) 100%); /* Chrome10+,Safari5.1+ */
background: #fffdce -o-linear-gradient(top, rgba(255,255,255,0.85) 0%,rgba(255,255,255,0.0) 100%); /* Opera 11.10+ */
background: #fffdce -ms-linear-gradient(top, rgba(255,255,255,0.85) 0%,rgba(255,255,255,0.0) 100%); /* IE10+ */
background: #fffdce linear-gradient(to bottom, rgba(255,255,255,0.85) 0%,rgba(255,255,255,0.0) 100%); /* W3C */
 }
.promo-block h6 { text-align: center; margin-bottom: 10px; color: #aa9944; text-shadow: 0 1px 0px rgba(255,255,255,0.5); }
.promo-block ul.menu-v { margin: 0 -10px 5px -10px; }
.promo-block ul.menu-v li.selected a { background: rgba(0,0,0,0.07); }

.quote { padding: 30px 0; text-align: left; margin-left: 250px; }
.quote p { margin: 0 100px; color: #777; font-style: italic; }
.quote a { color: #555; }
.quote .author { float: right; width: 400px; color: #888; line-height: 1.3em; margin-top: 30px; font-size: 0.9em; }
.quote .author a { color: #777; }
.quote .author img { float: left; width: 48px; height: 48px; margin-right: 10px; border-radius: 50%; margin-top: -3px; }

ul.thumbs.team { margin-left: 0; }
ul.thumbs.team li { width: 160px; margin-right: 25px; }
ul.thumbs.team li img { margin-bottom: 5px; border-radius: 50%; width: 140px; height: 140px; }

.map { min-height: 350px; margin-bottom: 20px; }

ul.cloud-status-board { text-align: left; padding-left: 0; }
ul.cloud-status-board li { list-style: none; margin-bottom: 0; }

.partners-promo { background: #ffc; padding-top: 0px; margin-bottom: 20px; box-shadow: 0 3px 8px -3px #eee; border: 1px solid rgba(0,0,0,0.06); position: relative; margin-left: -10px; }
.partners-promo ul.menu-v { margin-bottom: 0; }
.partners-promo ul.menu-v li a i.icon16 { margin-top: -0.05em; margin-right: 0.4em; }
.partners-promo ul.menu-v li.selected a { background: transparent; font-weight: bold; }

.developers-promo a { text-decoration: none; margin-bottom: 10px; display: block; font-size: 1.1em; font-weight: bold; line-height: 1.2em; }

.split { display: inline-block; }
.split.software {  width: 50%; }
.split.software div.box { border: 1px solid #ccc; padding: 60px 25px 40px; margin: 30px auto; text-align: center; }
.split.software table.box { border-spacing: 0; border-collapse: collapse; margin: 0 auto 40px; height: 300px; }
.split.software table.box th,
.split.software table.box td { padding: 25px; border: 1px solid #ccc; }
.split.software table.box th { background: #eee; }
.split.software table.box.lookatme { font-size: 1.4em; }
.split.hosted { width: 49%; }
.split.hosted .cloud { width: 430px; height: 350px; background: url('img/pricing-cloud.png') no-repeat; text-align: center; margin: 0 auto; padding-top: 115px; padding-right: 20px; }
.split.hosted .cloud.bigger-cloud { background-image: url('img/pricing-cloud-bigger.png'); width: 490px; padding-top: 130px; }
.split.repository { width: 49%; }
.split.repository .github-box { width: 430px;height: 350px; text-align: center; margin: 0 auto; padding-top: 35px; padding-right: 20px; }

.cloud-vs-software h4 { margin-bottom: 15px; }
.cloud-vs-software .option-wrapper { padding: 30px 50px; }
.cloud-vs-software .option-cloud { display: inline-block; width: 49%; vertical-align: top; position: relative; min-height: 340px; }
.cloud-vs-software .option-cloud .option-glyph { position: absolute; width: 312px; height: 312px; background: transparent url('img/glyph-cloud.png') no-repeat; top: 50px; right: 330px; background-size: 312px auto; }
.cloud-vs-software .option-cloud .option-wrapper { width: 230px; float: right; }
.cloud-vs-software .option-software { display: inline-block; width: 51%; vertical-align: top; }
.cloud-vs-software .option-software .option-glyph { background: transparent url('img/glyph-software.png') no-repeat; background-position: 350px 40px; background-size: 256px 256px; min-height: 340px; position: relative; }
.cloud-vs-software .option-software .option-divider { width: 10px; position: absolute; top: 0; bottom: 0; left: 0; background: #fff; }
.cloud-vs-software .option-software .option-wrapper { width: 250px; }

.gallery { text-align: center; }
.gallery .container { padding-top: 80px; padding-bottom: 80px; }
.gallery iframe { box-shadow: 0 10px 30px rgba(0,0,0,0.25); margin-bottom: 70px; max-width: 100%; background: #fff; }
.gallery ul.thumbs li { width: 200px; margin-left: 20px; margin-right: 20px; }
.gallery ul.thumbs li img { width: 200px; }
.gallery ul.thumbs a { box-shadow: 0 2px 5px rgba(0,0,0,0.15); width: 200px; display: block; height: 125px; overflow: hidden; background: #fff; }
.gallery #ss6-on-iphone { float: right; height: 500px; width: 265px; position: relative; left: -80px; }

.gallery.condensed .container { padding-top: 50px; padding-bottom: 10px; }

.jCountdown .container { min-width: 0; padding: 0 !important; }

.social-widget { margin-bottom: 30px; }

ul.cloud-benefits li { color: #555; }

ul.bullets { padding: 0; margin-bottom: 20px; text-align: center; }
ul.bullets li { list-style: none; width: 25%; display: inline-block; vertical-align: top; text-align: left; padding: 0 50px 50px 0; position: relative; color: #888; }
ul.bullets li h5 { color: #000; font-size: 1.3em; margin-top: 13px; }

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

.hellowebasyst { position: relative; text-align: center; margin-bottom: 30px;
    background: #859dbd;
    background: -moz-linear-gradient(-45deg,  #a0759b 0%, #4fecff 100%);
    background: -webkit-linear-gradient(-45deg,  #a0759b 0%,#4fecff 100%);
    background: linear-gradient(135deg,  #a0759b 0%,#4fecff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a0759b', endColorstr='#4fecff',GradientType=1 );
}
.hellowebasyst .container { padding-top: 80px; padding-bottom: 0; text-align: center; }
.hellowebasyst h1 { color: #000; font-size: 2.4em; }
.hellowebasyst h1 ul.menu-h li { padding: 0; }
.hellowebasyst h1 ul.menu-h li a { color: #000; padding: 0 10px; background: rgba(0,0,0,0); transition: background .2s ease-out, color .2s ease-out; }
.hellowebasyst h1 ul.menu-h li a:hover { color: rgba(33,0,0,0.6) !important; }
.hellowebasyst h1 ul.menu-h li a.inline-link b { font-weight: bold; border-bottom: 2px dotted rgba(0,0,0,0.25); }
.hellowebasyst h1 ul.menu-h li.selected a { color: #fff; background: #000; border-radius: 3px; }
.hellowebasyst h1 ul.menu-h li.selected a.inline-link b { border-bottom: none; }
.hellowebasyst h1 ul.menu-h li.selected a:hover { color: #fff !important; }
.hellowebasyst h1 ul.menu-h li.selected.hw-toggle-cms a { background: #222; }
.hellowebasyst h1 ul.menu-h li.selected.hw-toggle-intranet a { background: #07c; }
.hellowebasyst h1 ul.menu-h li.selected.hw-toggle-ecommerce a { background: #4fa436; }
.hellowebasyst h1 ul.menu-h li.selected.hw-toggle-crm a { background: #e40; }
.hellowebasyst h1.longtitle { font-size: 3em; margin-left: 110px; margin-right: 110px; }
.hellowebasyst h3 { color: #555; font-size: 1.5em; font-weight: normal; }
.hellowebasyst h3 a { color: #444; }
.hellowebasyst .hero { margin-bottom: -150px; margin-left: -73px; }
.hellowebasyst .hw-link { display: none; }
.browser-frame { background: url('img/browser-frame.png') no-repeat; margin: -10px auto 0; background-size: 1011px 298px; display: block; width: 1011px; }
.browser-frame.ru { background-image: url('img/browser-frame-ru.png'); }
.browser-frame .wa-applist { margin-top: 125px; margin-left: 325px; }
.browser-frame .wa-applist ul li { text-align: center; }
.browser-frame .wa-applist ul li a { color: #555; font-size: 1.4em; }
.browser-frame .wa-applist ul li.hw-icon { display: none; }
.browser-frame .wa-applist ul li.hw-icon.hw-cms { display: inline-block; }

.hellowebasyst-ataglance.subhero { margin-top: 50px; margin-bottom: 30px; }
.hellowebasyst-ataglance .feature { margin-left: 40px; margin-right: 40px; }

/* BACKGROUNDS */
.hellowebasyst .container { position: relative; }
.hellowebasyst .backgrounds { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; }
.hellowebasyst .backgrounds .background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; background: transparent; -webkit-transition: opacity 300ms linear; -moz-transition: opacity 300ms linear; -ms-transition: opacity 300ms linear; -o-transition: opacity 300ms linear; transition: opacity 300ms linear; }
.hellowebasyst .backgrounds .background.is-active { opacity: 1; }
.hellowebasyst .backgrounds .background.cms-mode {
    background: #a0759b;
    background: -moz-linear-gradient(-45deg,  #a0759b 0%, #4fecff 100%);
    background: -webkit-linear-gradient(-45deg,  #a0759b 0%,#4fecff 100%);
    background: linear-gradient(135deg,  #a0759b 0%,#4fecff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a0759b', endColorstr='#4fecff',GradientType=1 );
}
.hellowebasyst .backgrounds .background.intranet-mode {
    background: #2e8ac5;
    background: -moz-linear-gradient(-45deg,  #2e8ac5 0%, #64ff5c 100%);
    background: -webkit-linear-gradient(-45deg,  #2e8ac5 0%,#64ff5c 100%);
    background: linear-gradient(135deg,  #2e8ac5 0%,#64ff5c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e8ac5', endColorstr='#64ff5c',GradientType=1 );
}
.hellowebasyst .backgrounds .background.ecommerce-mode {
    background: #56a25e;
    background: -moz-linear-gradient(-45deg,  #56a25e 0%, #fffd5c 100%);
    background: -webkit-linear-gradient(-45deg,  #56a25e 0%,#fffd5c 100%);
    background: linear-gradient(135deg,  #56a25e 0%,#fffd5c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#56a25e', endColorstr='#fffd5c',GradientType=1 );
}
.hellowebasyst .backgrounds .background.crm-mode {
    background: #f2fc55;
    background: -moz-linear-gradient(-45deg,  #f2fc55 0%, #fc8c55 100%);
    background: -webkit-linear-gradient(-45deg,  #f2fc55 0%,#fc8c55 100%);
    background: linear-gradient(135deg,  #f2fc55 0%,#fc8c55 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2fc55', endColorstr='#fc8c55',GradientType=1 );
}
.hellowebasyst .backgrounds .background.tv-mode {
    /*background: #cf5418;
    background: -moz-linear-gradient(-45deg,  #cf5418 0%, #884263 100%);
    background: -webkit-linear-gradient(-45deg,  #cf5418 0%,#884263 100%);
    background: linear-gradient(135deg,  #cf5418 0%,#884263 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#39e537', endColorstr='#884263',GradientType=1 );*/
    background: #fff url('img/wall.jpg') repeat-x; background-position: center top; background-size: auto 700px;
}

/* TV
----- */

.tv { position: relative; }
.tv body { background: #fff url('img/wall.jpg') repeat-x; background-position: center top; background-size: auto 800px; z-index: 0; }
.tv .flat-panel { position: relative; max-width: 1000px; margin: 0 auto; }
.tv .flat-panel.fixed-1000px-wide { width: 1000px; height: 620px; }
.tv .flat-panel.fixed-1000px-wide img { width: 1000px; height: 620px; }
.tv .flat-panel #widget { position: absolute; top: 122px; right: 68px; }
.tv.en .flat-panel #widget { top: 116px; right: 82px; }
.tv #wanav { left: 0; right: 0; z-index: 1; }
.tv ul.mainnav li a,
.tv ul.menu-v li a { text-shadow: 0 1px 1px #fff; }
.tv ul.menu-v li.selected a { background: rgba(0,0,0,0.12); }
.tv .partners-promo { box-shadow: 0 2px 15px rgba(0,0,0,0.2); }

.tv .round-clock-wrapper {
    position: relative;
    width: 196px;
    height: 196px;
    font-size: 16px;
    background: #000;
}
.tv .round-clock-wrapper .round-clock-block {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.tv .round-clock-wrapper .round-clock-block svg {
    display: block;
    margin: auto;
    stroke: #aaa;
}
.tv .round-clock-wrapper .round-clock-block .second-hand {
    stroke: #a00;
    stroke-width: 0.125em;
}
.tv .round-clock-wrapper .round-clock-block .minute-hand {
    stroke: #fff;
    stroke-width: 0.25em;
    stroke-linecap: round;
}
.tv .round-clock-wrapper .round-clock-block .hour-hand {
    stroke: #fff;
    stroke-width: 0.35em;
    stroke-linecap: round;
}
.tv .round-clock-wrapper .round-clock-block .hands-cover {
    stroke-width: 0.125em;
    fill: #fff;
    stroke: #a00;
}
.tv .round-clock-wrapper .round-clock-block .second-tick {
    stroke-width: 0.125em;
    fill: #000;
}
.tv .round-clock-wrapper .round-clock-block .hour-tick {
    stroke-width: 0.125em;
}
.tv .round-clock-wrapper .round-clock-block .second-label {
    font-size: 0.75em;
    fill: #aaa;
}
.tv .round-clock-wrapper .round-clock-block .hour-label {
    font-size: 0.75em;
}

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

.clouds { background: #def; position: relative; z-index: 0; }
.clouds .layer { position: absolute; left: 0; right: 0; }
.clouds #cloud-layer-1 { top: 200px; z-index: 5; background: url('img/cloud-layer-signup.png?1309') repeat-x; height: 400px; left: -200px; right: 0; }
.clouds #cloud-layer-2 { top: 300px; z-index: 10; background: url('img/cloud-layer-signup.png?1309') repeat-x; height: 400px; left: -400px; right: 0; }
.clouds #cloud-layer-3 { top: 425px; z-index: 11; background: url('img/cloud-layer-signup.png?1309') repeat-x; height: 350px; left: 0px; right: 0; }
.clouds #white-bg-layer-below-the-clouds { top: 750px; height: 500px; z-index: 12; background: #fff; left: 0; right: 0; }

.clouds #cloud-box { position: relative; z-index: 15; width: 498px; margin-left: -285px; background: #fff; top: 30px; left: 50%; border-radius: 10px; padding: 30px 30px 30px; box-shadow: 0 5px 20px rgba(0,0,0,0.2); font-size: 1.1em; border: 5px solid #eee; min-height: 400px; }
.clouds #cloud-box h1,
.clouds #cloud-box h2 { text-align: center; }
.clouds #cloud-box h1 { font-size: 2em; }
.clouds #cloud-box h2 { text-align: center; font-family: 'PT Sans Caption', sans-serif; font-size: 1.5em; }
.clouds #cloud-box h2 input[type="text"] { font-family: 'PT Sans Caption', sans-serif; width: 180px; font-weight: bold; font-size: 24px; -webkit-appearance: none; -moz-appearance:none; appearance:none; outline: none; padding: 10px; border: 1px solid #ccc; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.clouds #cloud-box h2 select { font-family: 'PT Sans Caption', sans-serif; width: 180px; font-weight: bold; font-size: 24px; -webkit-appearance: none; -moz-appearance:none; appearance:none; outline: none; padding: 10px; border: 1px solid #ccc; border-radius: 0 4px 4px 0; border-left: 0; width: 70px; background: #eee; }
.clouds #cloud-box h2.bigger{ font-size: 1.8em; }
.clouds #cloud-box h2 i.icon16 { position: relative; top: 2px; }
.clouds #cloud-box p.small { font-size: 0.85em; margin-bottom: 10px; }
.clouds #cloud-box p.hint { font-size: 0.8em; margin-bottom: 5px; }
.clouds #cloud-box .button { margin-bottom: 10px; margin-top: 0; }
.clouds #cloud-box .button.disabled { color: #aaa !important; }
.clouds #cloud-box i.loading { position: absolute; margin-top: 18px; margin-left: 10px; }
.clouds #cloud-box-thankyou { opacity: 0; margin-top: 0px; }
.clouds #cloud-box-thankyou p { text-align: center; }
.clouds #cloud-box #signup-fields { margin: 0 -43px 20px; background: #ffd; padding: 20px 40px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); border-left: 5px solid #eeb; border-right: 5px solid #eeb;  }
/* .clouds #cloud-box .field .name { margin-top: 0.2em; } */
.clouds #cloud-box .field .value { margin-bottom: 0.7em; }
.clouds #cloud-box .field .value input { margin-top: -0.2em; }
.clouds #cloud-box .field .value input#signup-firstname { margin-right: 0.2em; }
.clouds #cloud-success { position: relative; z-index: 15; min-height: 600px; }
.clouds #cloud-success .feature { margin: 0; }
.clouds #cloud-success .feature p a strong { color: #03c; }
.clouds #cloud-success .feature p a:hover strong { color: red !important; }
.clouds #cloud-success iframe { background: #fff; box-shadow: 0 10px 30px rgba(0,0,0,0.25); margin-bottom: 30px; max-width: 100%; }

ul.apps-preinstalled { padding: 0; margin: -5px 0 0 20px; text-align: center; position: relative; }
ul.apps-preinstalled li { display: inline-block; list-style: none; text-align: center;
color: #555; font-size: 0.8em; padding: 0 5px 15px; float: left\9; display: block\9; vertical-align: top; }
ul.apps-preinstalled li img { display: block; padding-bottom: 3px; margin: 0 auto; max-width: 48px; max-height: 48px; }
ul.apps-preinstalled li.pseudo-arrow { position: absolute; top: 15px; left: -30px; width: 50px; height: 65px; background: url('img/signup-pseudo-arrow.png') center bottom no-repeat; background-size: 50px 65px; }
ul.apps-preinstalled.two-lines { max-width: 350px; margin: -5px auto 0; }
ul.apps-preinstalled.two-lines li.pseudo-arrow { left: -60px; top: 40px; }

.clouds .page-404 { position: relative; z-index: 15; text-align: center; min-height: 520px; }
.clouds .page-404 h1 { color: #fff; font-family: 'Helvetica Neue', Arial, sans-serif; font-size: 12em; line-height: 1em; margin-bottom: 0; font-weight: normal; }
.clouds .page-404 h3 { color: #fff; font-size: 2.1em; }

.cloud-login { background: #def url('img/cloud-layer-signup.png?1309') repeat-x; height: 220px; box-shadow: 0 3px 10px rgba(0,0,0,0.1); padding: 80px 20px 0; text-align: center; border-radius: 10px; margin-top: -60px; }
.cloud-login h2 { font-family: 'PT Sans Caption', sans-serif; font-size: 2em; margin-bottom: 15px; color: #9ab; }
.cloud-login p.hint { color: #9ab; }
.cloud-login p.hint .gray { color: #789; }
.cloud-login h4 { margin: 18px; }

#cloud-signup-form { display: none; position: fixed; background: rgba(0,100,0,0.7); color: #fff; top: 0; bottom: 0; left: 0; right: 0; z-index: 9999; }


/* 16x16 Icons
-------------- */

i.icon16 { background-repeat:no-repeat; height:16px; width:16px; display:inline-block; text-indent:-9999px; text-decoration:none!important; }
* i.icon16 { text-decoration:none!important; vertical-align:top; margin: 0.1em 0.25em 0 0; background-image: url('img/webasystcom-icons.png?1602'); }
i.icon16.country { margin-top: 0.3em; background-size: auto; }
.icon16.loading { background: url('img/loading16.gif'); background-size: 16px 16px; }
.icon16.ff { background-position: -16px 0; }
.icon16.checkmark { background-position: -32px 0; }
.icon16.new { background-position: -48px 0; }
.icon16.spark { background-position: -64px 0; }
.icon16.download { background-position: -80px 0; }
.icon16.folder { background-position: -96px 0; }
.icon16.script { background-position: -112px 0; }
.icon16.star { background-position: -128px 0; }
.icon16.star-half { background-position: -240px 0; }
.icon16.star-empty { background-position: -256px 0; }
.icon16.star-hover { background-position: -272px 0; }
.icon16.percent { background-position: -288px 0; }
.icon16.medal { background-position: -304px 0; }
.icon16.global { background-position: -320px 0; }

.icon16.themes { background-position: -144px 0; }
.icon16.plugins { background-position: -160px 0; }
.icon16.apps { background-position: -176px 0; }
.icon16.widgets { background-position: -192px 0; }
.icon16.tags { background-position: -208px 0; }
.icon16.checkmark-bw { background-position: -224px 0; }

.icon16.facebook { background-position: 0 -16px; }
.icon16.twitter { background-position: -16px -16px; }
.icon16.habrahabr { background-position: -32px -16px; }
.icon16.github { background-position: -48px -16px; }
.icon16.rss { background-position: -64px -16px; }
.icon16.webasyst { background-position: -80px -16px; }
.icon16.vk { background-position: -96px -16px; }
.icon16.phone { background-position: -112px -16px; }
.icon16.phone-mini { background-position: -192px -16px; }
.icon16.mail { background-position: -128px -16px; }
.icon16.livejournal { background-position: -144px -16px; }
.icon16.google { background-position: -160px -16px; }
.icon16.yandex { background-position: -176px -16px; }
.icon16.pdf { background-position: -208px -16px; }
.icon16.search-bw { background-position: -224px -16px; }
.icon16.vimeo { background-position: -240px -16px; }

.icon16.lock-bw { background-position: 0px -32px; }
.icon16.lock-bw-mini { background-position: -16px -32px; }
.icon16.darr { background-position: -32px -32px; }
.icon16.up-bw { background-position: -48px -32px; }
.icon16.down-bw { background-position: -64px -32px; }
.icon16.up { background-position: -80px -32px; }
.icon16.down { background-position: -96px -32px; }
.icon16.upup-bw { background-position: -112px -32px; }
.icon16.downdown-bw { background-position: -128px -32px; }
.icon16.upup { background-position: -144px -32px; }
.icon16.downdown { background-position: -160px -32px; }
.icon16.new-window { background-position: -176px -32px; }
.icon16.darr-swampy { background-position: -192px -32px; }
.icon16.status-green { background-position: -208px -32px; }
.icon16.status-yellow { background-position: -224px -32px; }
.icon16.status-red { background-position: -240px -32px; }
.icon16.uarr { background-position: -256px -32px; }
.icon16.hosting { background-position: -272px -32px; }

.icon16.shopscripticon { background-position: 0px -48px; }
.icon16.cloud { background-position: -16px -48px; }
.icon16.shopscript { background-position: -32px -48px; }

.icon16.usa { background-position: 0px -80px; }
.icon16.can { background-position: -16px -80px; }
.icon16.gbr { background-position: -32px -80px; }
.icon16.aus { background-position: -48px -80px; }
.icon16.rus { background-position: -64px -80px; }
.icon16.eur { background-position: -80px -80px; }

.icon16.white-phone { background-position: 0px -96px; }
.icon16.white-mail { background-position: -16px -96px; }
.icon16.white-chat { background-position: -32px -96px; }

i.icon16.tvscreen { background-position: 0px -112px; }

i.icon16.userpic20 { background-position: -2px -2px; border-radius: 50%; }

.icon16.overhanging { margin-left: -20px; margin-right: 4px; }

/* Sign up & Login forms
------------------------ */

.wa-auth-adapters ul { padding: 0; min-height: 16px; }
.wa-auth-adapters ul li { list-style: none; float: left; padding: 0 15px 0 0; }
.wa-auth-adapters ul li a { display: block; padding: 0px 5px; }
.wa-auth-adapters ul li a img { position: relative; top: 3px; left: -3px; }
.wa-auth-adapters p { clear: left; color: #888; font-size: 0.9em; width: 40%; }

.wa-form { float: left; margin: 10px 0 30px; overflow: visible; }
.wa-form .wa-field { clear: left; margin: 0; padding-top: 3px; }
.wa-form .wa-field .wa-name { float: left; width: 155px; padding-top: 0.3em; padding-bottom: 10px; font-size: 0.95em; }
.wa-form .wa-field.wa-separator { height: 10px; }
.wa-form .wa-field .wa-value { margin-left: 180px; margin-bottom: 5px; position: relative; }
.wa-form .wa-field .wa-value input.wa-error { border: 2px solid red; }
.wa-form .wa-field .wa-value .wa-error-msg { font-size: 0.9em; color: red; display: block; }
.wa-form .wa-field .wa-value input[type="text"],
.wa-form .wa-field .wa-value input[type="email"],
.wa-form .wa-field .wa-value input[type="password"] { width: 30%; min-width: 200px;  margin:0;}
.wa-form .wa-field .wa-value input.long { width: 40%; min-width: 0; font-size: 1em; }
.wa-form .wa-field .wa-value textarea { min-width: 300px; height: 70px; }
.wa-form .wa-field .wa-value.wa-submit { margin-top: 10px; }

.wa-captcha { padding: 7px 0 10px; }
.wa-captcha p { clear: left; margin: 0; }
.wa-captcha strong { font-size: 1.2em; }
.wa-captcha img { float: left !important; margin-right: 5px; margin-top: -8px; }
.wa-captcha .wa-captcha-refresh { font-size: 0.8em; text-decoration: underline; color: #aaa; }
.wa-captcha .errormsg { display: inline; margin-left: 10px; }

input.error, textarea.error { border: 2px solid red; color: red; }
.errormsg { color: red; display: block; font-weight: normal; font-size: 12px; }

.wa-form input[type="submit"] {

    /* .button2 styling */

    outline: 0;
    display: inline-block;
    position: relative;
    font-family: 'PT Sans Caption', sans-serif; white-space: nowrap;
    background-color: #ddd;
    background-image: linear-gradient(#f7f7f7, #ddd);
    color: #000;
    border-radius: 3px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
    padding: 10px 14px 8px;
    text-decoration: none;
    border: 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    font-weight: 500;
    -moz-appearance: none;
    -webkit-appearance: none;
    margin-right: 5px;
}
.wa-form input[type="submit"]:hover { color: #f00 !important; cursor: pointer; }
.wa-form input[type="submit"]:active { background-color: #ccc; background-image: linear-gradient(#eee, #ccc); outline: 0; }
.wa-form input[type="submit"]:focus { outline: 0; }


/* Button
--------- */

.button { font-family: 'PT Sans Caption', sans-serif; white-space: nowrap; border: 0; border-radius: 24px; color: #fff !important; font-size: 18px; height: 50px; margin-top: 0.6em; padding: 0 10px; text-decoration: none; font-weight: normal; padding: 13px 25px 13px; text-shadow: 0 1px 1px rgba(0,0,0,0.7); box-shadow: 0 2px 3px rgba(0,0,0,0.2);
background: #53a9f2;
background: -moz-linear-gradient(top,  rgba(83,199,242,1) 0%, rgba(35,91,147,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(83,199,242,1)), color-stop(100%,rgba(35,91,147,1))); background: -webkit-linear-gradient(top,  rgba(83,199,242,1) 0%,rgba(35,91,147,1) 100%); background: -o-linear-gradient(top,  rgba(83,199,242,1) 0%,rgba(35,91,147,1) 100%); background: -ms-linear-gradient(top,  rgba(83,199,242,1) 0%,rgba(35,91,147,1) 100%); background: linear-gradient(top,  rgba(83,199,242,1) 0%,rgba(35,91,147,1) 100%); }
.button:hover { color: #fff !important; text-shadow: 0 1px 2px #000; box-shadow: 0 1px 4px rgba(0,0,0,0.2);
background: #61b2f7;
background: -moz-linear-gradient(top,  rgba(97,178,247,1) 0%, rgba(45,104,163,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(97,178,247,1)), color-stop(100%,rgba(45,104,163,1))); background: -webkit-linear-gradient(top,  rgba(97,178,247,1) 0%,rgba(45,104,163,1) 100%); background: -o-linear-gradient(top,  rgba(97,178,247,1) 0%,rgba(45,104,163,1) 100%); background: -ms-linear-gradient(top,  rgba(97,178,247,1) 0%,rgba(45,104,163,1) 100%); background: linear-gradient(top,  rgba(97,178,247,1) 0%,rgba(45,104,163,1) 100%); }
.button:active { background: #2d68a3; box-shadow: none !important; }
.button.overhanging { margin-left: -5px; }

.button.mini { border: 1px solid #58c; border-bottom-color: #369; font-size: 14px; padding: 5px 15px 5px; color: #fff; height: 32px; margin-top: 0; box-shadow: none !important; }
.button.mini:hover { text-shadow: 0 1px 1px #000; }

.button.giant { font-size: 30px; padding: 21px 42px 20px; border-radius: 64px; text-shadow: 0 1px 2px #000; height: 83px; box-shadow: 0 2px 4px rgba(0,0,0,0.3); }
.button.giant:hover { text-shadow: 0 1px 4px #000; box-shadow: 0 2px 5px rgba(0,0,0,0.2); }

.button.white { border: 1px solid #aaa; color: #444 !important; font-weight: normal; text-shadow: 0 1px 0px #fff !important; box-shadow: 0 2px 3px rgba(0,0,0,0.1); background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(221,221,221,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(221,221,221,1))); background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(221,221,221,1) 100%); background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(221,221,221,1) 100%); background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(221,221,221,1) 100%); background: linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(221,221,221,1) 100%); }
.button.white:hover { box-shadow: 0 1px 4px rgba(0,0,0,0.1); background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(232,232,232,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(232,232,232,1))); background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%); background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%); background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%); background: linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%); }
.button.white:active { background: #e3e3e3; box-shadow: 0 3px 3px rgba(0,0,0,0.1); }
.button.white.overhanging { margin-left: -5px; }
.button.white.mini:hover { text-shadow: 0 1px 1px #fff; }
.button.white.giant:hover { text-shadow: 0 2px 3px #fff; }

.button.green { background: #93d644; text-shadow: 0 1px 1px #000 !important;
background: -moz-linear-gradient(top,  rgba(147,214,68,1) 0%, rgba(44,103,15,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(147,214,68,1)), color-stop(100%,rgba(44,103,15,1))); background: -webkit-linear-gradient(top,  rgba(147,214,68,1) 0%,rgba(44,103,15,1) 100%); background: -o-linear-gradient(top,  rgba(147,214,68,1) 0%,rgba(44,103,15,1) 100%); background: -ms-linear-gradient(top,  rgba(147,214,68,1) 0%,rgba(44,103,15,1) 100%); background: linear-gradient(top,  rgba(147,214,68,1) 0%,rgba(44,103,15,1) 100%); }
.button.green:hover { background: #7fba3a;
background: -moz-linear-gradient(top,  rgba(127,186,58,1) 0%, rgba(37,91,10,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(127,186,58,1)), color-stop(100%,rgba(37,91,10,1))); background: -webkit-linear-gradient(top,  rgba(127,186,58,1) 0%,rgba(37,91,10,1) 100%); background: -o-linear-gradient(top,  rgba(127,186,58,1) 0%,rgba(37,91,10,1) 100%); background: -ms-linear-gradient(top,  rgba(127,186,58,1) 0%,rgba(37,91,10,1) 100%); background: linear-gradient(top,  rgba(127,186,58,1) 0%,rgba(37,91,10,1) 100%); }
.button.green:active { background: #37681e; box-shadow: none !important; }

.button.yellow { color: #000 !important; text-shadow: 0 1px 0 #ffc !important; border: 1px solid #cea502; background: -moz-linear-gradient(top,  rgba(255,255,244,1) 0%, rgba(246,208,0,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,244,1)), color-stop(100%,rgba(246,208,0,1))); background: -webkit-linear-gradient(top,  rgba(255,255,244,1) 0%,rgba(246,208,0,1) 100%); background: -o-linear-gradient(top,  rgba(255,255,244,1) 0%,rgba(246,208,0,1) 100%); background: -ms-linear-gradient(top,  rgba(255,255,244,1) 0%,rgba(246,208,0,1) 100%); background: linear-gradient(top,  rgba(255,255,244,1) 0%,rgba(246,208,0,1) 100%); }
.button.yellow:hover { background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,240,177,1)), color-stop(100%,rgba(220,181,0,1))) !important; background: -webkit-linear-gradient(top,  rgba(252,240,177,1) 0%,rgba(220,181,0,1) 100%) !important; background: -moz-linear-gradient(top,  rgba(252,240,177,1) 0%, rgba(220,181,0,1) 100%) !important; background: -o-linear-gradient(top,  rgba(252,240,177,1) 0%,rgba(220,181,0,1) 100%) !important; background: -ms-linear-gradient(top,  rgba(252,240,177,1) 0%,rgba(220,181,0,1) 100%) !important; background: linear-gradient(top,  rgba(252,240,177,1) 0%,rgba(220,181,0,1) 100%) !important; }
.button.yellow:active { background: #e4b600 !important; box-shadow: none !important; }

.button.yellow.condensed { border-color: #e0c868; padding: 12px 24px; }

.button.purple { background: #976999;
background: -moz-linear-gradient(top,  rgba(229,175,238,1) 0%, rgba(85,45,81,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(229,175,238,1)), color-stop(100%,rgba(85,45,81,1))); background: -webkit-linear-gradient(top,  rgba(229,175,238,1) 0%, rgba(85,45,81,1) 100%); background: -o-linear-gradient(top, rgba(229,175,238,1) 0%, rgba(85,45,81,1) 100%); background: -ms-linear-gradient(top, rgba(229,175,238,1) 0%, rgba(85,45,81,1) 100%); background: linear-gradient(top, rgba(229,175,238,1) 0%, rgba(85,45,81,1) 100%); }

.button.purple:hover { text-shadow: 0 1px 2px #000; background: #b183b3;
background: -moz-linear-gradient(top,  rgba(239,185,248,1) 0%, rgba(95,55,91,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(239,185,248,1)), color-stop(100%,rgba(95,55,91,1))); background: -webkit-linear-gradient(top,  rgba(239,185,248,1) 0%, rgba(95,55,91,1) 100%); background: -o-linear-gradient(top, rgba(239,185,248,1) 0%, rgba(95,55,91,1) 100%); background: -ms-linear-gradient(top, rgba(239,185,248,1) 0%, rgba(95,55,91,1) 100%); background: linear-gradient(top, rgba(239,185,248,1) 0%, rgba(95,55,91,1) 100%); }
.button.purple:active { background: #976999; box-shadow: none !important; }

input.button,
input.button { cursor: pointer; }


/* Button 2
----------- */

.button2 {
    display: inline-block;
    position: relative;
    font-family: 'PT Sans Caption', sans-serif; white-space: nowrap;
    background-color: #1e5ac6;
    background-image: linear-gradient(#44b2f4, #1e5ac6);
    color: #fff;
    border-radius: 3px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    padding: 10px 14px 8px;
    text-decoration: none;
    border: none;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 3px rgba(0, 0, 0, 0.1);
    font-weight: 500;
}
.button2:hover { color: #ffa !important; cursor: pointer; }
.button2:active { background-image: none !important; outline: 0; }
.button2:focus { outline: 0; }
.button2:visited { color: #fff; }
.button2.small { padding: 5px 7px 4px; border-radius: 2px; font-size: 12px; }
.button2.large { padding: 17px 24px 15px; border-radius: 5px; font-size: 20px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25); }
.button2.giant { padding: 24px 32px; border-radius: 8px; font-size: 24px; box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); }
.button2.no-shadow { box-shadow: none; }
.button2.no-rounding-on-right { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; }

.button2.red {
    background-color: #cc0000;
    background-image: linear-gradient(#f54141, #b50000);
}
.button2.green {
    background-color: #2f8500;
    background-image: linear-gradient(#5dcd1f, #2f8500);
}
.button2.white {
    background-color: #ddd;
    background-image: linear-gradient(#fff, #ddd);
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
    color: #000;
}
.button2.yellow {
    background-color: #fbbd00;
    background-image: linear-gradient(#ffef87, #fbdb00);
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
    color: #000;
}
.button2.orange {
    background-color: #ffad00;
    background-image: linear-gradient(#f7c968, #c88800);
}
.button2.lime {
    background-color: #b7fb00;
    background-image: linear-gradient(#d5ff7a, #a3ea1b);
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
    color: #000;
}

.button2.white:hover,
.button2.yellow:hover,
.button2.orange:hover,
.button2.lime:hover { color: #600 !important; }

a.button2.with-glyph { padding-left: 48px; }
a.button2.with-glyph span { background: rgba(0,0,0,0.07); border-right: 1px solid rgba(0,0,0,0.05); display: inline-block; width: 36px; position: absolute; left: 0; top: 0; bottom: 0; text-align: left; border-top-left-radius: 3px; border-bottom-left-radius: 3px; }
a.button2.with-glyph span i { position: absolute; left: 50%; top: 50%; margin-top: -8px; margin-left: -8px; }
a.button2.with-glyph.large { padding: 22px 24px 20px 80px; }
a.button2.with-glyph.large span { width: 64px; border-top-left-radius: 6px; border-bottom-left-radius: 6px; }
a.button2.with-glyph.large span i { margin-top: -32px; margin-left: -32px; }
a.button2.with-glyph.giant { padding-left: 100px; }
a.button2.with-glyph.giant span { width: 80px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; }
a.button2.with-glyph.giant span i { margin-top: -32px; margin-left: -32px; }

/* Client showcase
------------------ */

.featured-clients { padding-left: 0; text-align: center; }
.featured-clients li { list-style: none; display: inline-block; width: 300px; text-align: center; box-shadow: 0 2px 5px rgba(0,0,0,0.2); padding: 0; border: 1px solid #ccc; border-radius: 3px; margin: 0 10px 20px; background: #fff; overflow: hidden; vertical-align: top; }
.featured-clients li a { text-decoration: none;  font-weight: normal; }
.featured-clients li a p { color: #aaa; font-size: 0.8em; margin-bottom: 13px; }
.featured-clients li img { width: 300px; height: 300px; margin-bottom: 5px; }

/* Styles for WA Branding Page */
.list-dos,
.list-donts { margin: 1rem 0 1rem 1rem; padding: 0; }
.list-dos > li,
.list-donts > li { list-style: none; padding: 6px 0 6px 26px; box-sizing: border-box; background: transparent 2px 50% no-repeat; background-size: 14px; line-height: 16px; }
.list-dos > li { background-image: url("img/icons/green-checkmark.png"); }
.list-donts > li { background-image: url("img/icons/red-cross.png"); }

/* Need for Site Header
************************/
.visible-text{display:none !important}


/* Styles for animated circle
******************************/

.animated-circle-wrapper {position: relative;width: 150px;height: 150px;margin: 0px auto 20px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;background: #fff;overflow: hidden; -webkit-box-shadow: 0 0 5px rgba(114, 168, 223, 0.5); box-shadow: 0 0 5px rgba(114, 168, 223, 0.5);}
.animated-circle-wrapper .circle-part {position: absolute;top: 0;left: 0;width: 50%;height: 100%;-webkit-transform-origin: 100% 50%;transform-origin: 100% 50%;overflow: hidden; }
.animated-circle-wrapper .circle-part:after {content: "";position: absolute;top: 0;width: 200%;height: 100%;border: 5px solid #72a8df;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;box-sizing: border-box; }
.animated-circle-wrapper .part-1 {z-index: 2;-webkit-animation: rotate-circle 90s linear infinite;-moz-animation: rotate-circle 90s linear infinite;-ms-animation: rotate-circle 90s linear infinite;-o-animation: rotate-circle 90s linear infinite;animation: rotate-circle 90s linear infinite; }
.animated-circle-wrapper .part-1:after {left: 0; }
.animated-circle-wrapper .part-2 {z-index: 1;-webkit-animation: fill 90s steps(1, end) infinite;-moz-animation: fill 90s steps(1, end) infinite;-ms-animation: fill 90s steps(1, end) infinite;-o-animation: fill 90s steps(1, end) infinite;animation: fill 90s steps(1, end) infinite;opacity: 0;left: 50%; }
.animated-circle-wrapper .part-2:after {left: -100%; }
.animated-circle-wrapper .circle-mask {z-index: 3;-webkit-animation: mask 90s steps(1, end) infinite;-moz-animation: mask 90s steps(1, end) infinite;-ms-animation: mask 90s steps(1, end) infinite;-o-animation: mask 90s steps(1, end) infinite;animation: mask 90s steps(1, end) infinite; }
.animated-circle-wrapper .circle-mask:after { border-color: #fff; background: #fff }
.animated-circle-wrapper .circle-content {position: absolute;top: 3px;left: 3px;width: 144px;height: 144px;border: 5px solid transparent;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;box-sizing: border-box;background: #fcfcfc url("img/icons/blue-checkmark.png") 50% no-repeat; background-size: 47px 40px; z-index: 4; -webkit-transition: border-color 300ms linear; transition: border-color 300ms linear; }
.animated-circle-wrapper.is-done .circle-part { -webkit-animation: none; animation: none; }
.animated-circle-wrapper.is-done .circle-content { top: 0; left: 0; width: 100%; height: 100%; border-color: #2c7bca; background-image: url("img/icons/blue-checkmark-2.png"); }


@-moz-keyframes rotate-circle {
    0% {  -webkit-transform: rotate(0deg);  transform: rotate(0deg);}
    100% {  -webkit-transform: rotate(360deg);  transform: rotate(360deg);}
}
@-webkit-keyframes rotate-circle {
    0% {  -webkit-transform: rotate(0deg);  transform: rotate(0deg);}
    100% {  -webkit-transform: rotate(360deg);  transform: rotate(360deg);}
}
@-o-keyframes rotate-circle {
    0% {  -webkit-transform: rotate(0deg);  transform: rotate(0deg);}
    100% {  -webkit-transform: rotate(360deg);  transform: rotate(360deg);}
}
@keyframes rotate-circle {
    0% {  -webkit-transform: rotate(0deg);  transform: rotate(0deg);}
    100% {  -webkit-transform: rotate(360deg);  transform: rotate(360deg);}
}
@-moz-keyframes fill {
    0% {  opacity: 0;}
    50%, 100% {  opacity: 1;}
}
@-webkit-keyframes fill {
    0% {  opacity: 0;}
    50%, 100% {  opacity: 1;}
}
@-o-keyframes fill {
    0% {  opacity: 0;}
    50%, 100% {  opacity: 1;}
}
@keyframes fill {
    0% {  opacity: 0;}
    50%, 100% {  opacity: 1;}
}
@-moz-keyframes mask {
    0% {  opacity: 1;}
    50%, 100% {  opacity: 0;}
}
@-webkit-keyframes mask {
    0% {  opacity: 1;}
    50%, 100% {  opacity: 0;}
}
@-o-keyframes mask {
    0% {  opacity: 1;}
    50%, 100% {  opacity: 0;}
}
@keyframes mask {
    0% {  opacity: 1;}
    50%, 100% {  opacity: 0;}
}

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

@media
(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    * i.icon16 { background-image: url('img/webasystcom-icons@2x.png?1602'); background-size: 346px 179px; }
    .browser-frame { background: url('img/browser-frame@2x.png') no-repeat; background-size: 1011px 298px; }
    .browser-frame.ru { background-image: url('img/browser-frame-ru@2x.png'); }
}


/* TABLET
========= */

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

    html, body { overflow-x: hidden; }

    .container { padding-left: 20px; padding-right: 20px; }

    ul.mainnav { margin-left: 0 !important; padding-left: 70px; }
    ul.mainnav li a { margin-left: 20px; font-size: 1em; }
    ul.mainnav.ru { padding-left: 10px; }
    ul.mainnav.ru li a { margin-left: 15px; }
    ul.mainnav.actionnav { padding-left: 0; }
    #ssnav ul.mainnav { padding-left: 15px; }
    #ssnav ul.mainnav.ru { padding-left: 35px; }
    #ssnav a.button.yellow.actionbutton { padding-left: 13px; padding-right: 13px; }

    .homepage header { margin: 0; padding: 0; min-width: 1004px; }
    .homepage header .browser-frame { max-width: 1064px; margin-left: -562px; }

    .hellowebasyst .hero { max-width: 100%; height: auto; margin-left: -10px; }

    ul.menu-h li { padding-right: 0; }
    ul.menu-v li ul.menu-v li { font-size: 1em; }

    .hide-on-tablets { display: none; }

    footer .support-badge { right: 20px; }

    .scr-offset,
    .wa-screenshot-shadow-left-offset-lion { margin-left: -20px; }

    .cloud-login { width: 350px !important; }

    .faq { margin-right: 180px; margin-left: 80px; }

    .tv .flat-panel,
    .tv .flat-panel img { max-width: 100%; height: auto; }
    .tv .flat-panel #widget { display: none; }

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

        .sidebar.left250px { width: 180px; }
        .content.left250px { margin-left: 200px; }

        ul.mainnav { padding-left: 40px; }
        ul.mainnav li a { margin-left: 10px; }
        #wanav ul.mainnav.ru { padding-left: 20px; }
        #wanav ul.mainnav.ru li a { margin-left: 12px; }
        #wanav.condensednav ul.mainnav.ru li a { margin-left: 10px; }
        #ssnav ul.mainnav.ru { padding-left: 20px; }
        #ssnav ul.mainnav li a { margin-left: 10px; }

        footer.globalfooter .copyright ul li { margin-right: 10px; }

        .hidden-text,.invisible-text { display:none !important; }
        .visible-text { display:block !important; }
        .capitalize-on-tablets { text-transform: capitalize; }

        .content.left250px .feature h3 { font-size: 1.7em; }
        .content.left250px .feature.left h3,
        .content.left250px .feature.left p,
        .content.left250px .feature.left ul,
        .content.left250px .feature.left ol { margin-right: 0 !important; }
        .content.left250px .feature.right h3,
        .content.left250px .feature.right p,
        .content.left250px .feature.right ul,
        .content.left250px .feature.right ol { margin-left: 0 !important; }
        .content.left250px .feature.left img,
        .content.left250px .feature.right img,
        .content.left250px .feature .img-instead { float: none; }
        .content.left250px .feature.center { margin-left: 0; margin-right: 0; }
        .content.left250px .feature.right.wa-yourapp img { margin-left: -20px; }
        .content.left250px .feature img.top-lifted { margin-top: 0 !important; }

        .hellowebasyst h1 { font-size: 2.2em; }
        .hellowebasyst h3 { font-size: 1.3em; }
        .hellowebasyst .container { padding-bottom: 30px; }
        .browser-frame { background: transparent !important; width: auto; }
        .browser-frame .wa-applist { margin: 20px 0 0; }
        .hellowebasyst-ataglance .feature.left p { margin-right: 270px; }
        .hellowebasyst-ataglance .img-instead { width: 250px; }
        .hellowebasyst-ataglance .img-instead .button2.giant { font-size: 18px; }
        #webasyst-icebergs { margin-left: -50px; }

        .cloud-vs-software .option-cloud .option-glyph { right: 300px; }
        .cloud-vs-software .option-cloud .option-wrapper { width: 220px; }
        .cloud-vs-software .option-software .option-glyph { background-position: 280px 40px; }
        .cloud-vs-software .option-software .option-wrapper { width: 200px; }

        .cloud-login { display: none; }
        .clouds #cloud-box { margin-bottom: 50px; }

        .footer-block { max-width: 20%; }

        .plans .plan-cloud .summary { padding: 10px; }
        .plan-included-apps { height: 300px; }

    }
}

/* MOBILE
========= */

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

    html, body { overflow-x: hidden; }

    img { max-width: 100%; }

    .nav-negative { display: block; }
    .nav-negative .dropdown ul.menu-v { background: #666; border-color: #888; width: 100%; }
    .nav-negative .dropdown ul.menu-v li { border-color: #777; line-height: 1.3em; width: 100%; }
    .nav-negative .dropdown ul.menu-v li a { padding: 13px 15px; }
    .nav-negative .dropdown ul.menu-v li .heading { padding: 5px 15px; display: block; }

    #globalnav { padding: 0 10px; }
    #globalnav-toggle { background: url('img/mobile-nav-toggle.png') no-repeat center center; padding: 5px; background-size: 24px 20px; width: 24px; height: 20px; float: right; position: relative; top: 2px; right: 3px; }
    #globalnav-toggle.light { background-image: url('img/mobile-nav-toggle-light.png'); }
    #globalnav-toggle.dark { background-image: url('img/mobile-nav-toggle-dark.png'); }
    #globalnav ul.sites { display: none; }
    #globalnav ul.aux { float: none; margin: 20px 0 0; width: auto; clear: both; padding-left: 0; }

    .mobile-only { display: inline-block !important; }
    .hide-on-mobile { display: none; }

    .hidden-text,.invisible-text { display:none !important; }
    .visible-text { display:block !important; }

    .container { min-width: 0; padding: 12px 8px; }

    .squeezed { margin-left: 0px; margin-right: 0px; }

    textarea { width: 100% !important; min-width: 0 !important; }

    .sidebar,
    .content { margin: 0 !important; float: none !important; width: auto !important; }
    .sidebar.top-padded { padding-top: 0; }

/*
    .sidebar ul.menu-v li { display: none; }
    .sidebar ul.menu-v li.selected { display: block; }

*/
    ul.mainnav li { display: none; }
    ul.mainnav li#logo { display: block; }
    ul.mainnav.actionnav { right: 54px; }
    ul.mainnav.actionnav li.keyaction { display: inline-block; margin-top: -2px; }
    #wanav #logo a { text-shadow: none !important; }
    #wanav.hovering { box-shadow: 0 1px 4px rgba(0,0,0,0.2); }
    #wanav.hovering #logo a span.app-suffix { display: inline; }
    #wanav.condensednav { padding-bottom: 8px; }
    #ssnav.condensednav { padding-bottom: 2px; }
    #ssnav.condensednav .container { padding-bottom: 5px; }

    ul.menu-h.experts-mode-toggle { float: none; text-align: center; }

    footer.globalfooter { }
    footer.globalfooter .mcafee { float: right; }
    footer.globalfooter .links { float: none; clear: left; text-align: center; padding: 15px 0 0; line-height: 1.5em; }
    footer.globalfooter .poweredby { float: none; text-align: center; clear: both; margin-top: 20px; color: #aaa; }
    footer.globalfooter .poweredby a { color: #888; }

    .support-badge { display: none; }

    .scr-offset,
    .wa-screenshot-shadow-left-offset-lion { margin-left: 0; }

    ul.thumbs.explorer li { width: 130px; }

    .feature-group { float: none; }
    .feature h3 { font-size: 1.7em; }
    .feature.left h1,
    .feature.left h2,
    .feature.left h3,
    .feature.left p,
    .feature.left ul,
    .feature.left ol { margin-right: 0 !important; }
    .feature.right h1,
    .feature.right h2,
    .feature.right h3,
    .feature.right p,
    .feature.right ul,
    .feature.right ol { margin-left: 0 !important; }
    .feature.left img,
    .feature.right img,
    .feature .img-instead { float: none; }
    .feature.center { margin-left: 0; margin-right: 0; }
    .feature.right.wa-yourapp img { margin-left: -20px; }
    .feature img.top-lifted { margin-top: 0 !important; }

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

    .feature h1 { font-size: 2em !important; }

    .feature-group .col { float: none; padding-right: 0; }
    .feature-group .col.w33,
    .feature-group .col.w50,
    .feature-group .col.w66 { width: 100%; padding-right: 0; }

    .button.giant { font-size: 20px; padding: 18px 32px; }

    .split.software { float: none; width: 100%; }
    .split.software div.box { padding: 30px 0; }
    .or { float: none; width: 100%; padding-top: 0; text-align: center; margin-bottom: 20px; }
    .split.hosted { float: none; width: 100%; }
    .split.hosted .cloud.bigger-cloud { background-image: url('img/pricing-cloud.png'); width: 430px; height: 350px; padding-top: 90px; margin-left: -50px; }
    .split.repository { float: none; width: 100%; margin-bottom: 50px; width: auto; }
    .option .button-wrapper { display: block; }

    .field .name { float: none; }
    .field .value { margin-left: 0 !important; }

    .faq { margin-right: 0; margin-left: 0; }

    .disclaimer { margin-left: 0; margin-right: 0; }

    .stripe.full-width { padding: 10px; }

    .wa-form { float: none; }
    .wa-form .wa-field { clear: left; margin: 0; padding-top: 3px; }
    .wa-form .wa-field .wa-name { float: none; width: auto; }
    .wa-form .wa-field .wa-value { margin-left: 0; margin-bottom: 5px; position: relative; }

    ul.bullets li { display: block; width: 100%; padding: 0 0 20px; }

    ul.apps-preinstalled li.pseudo-arrow { display: none; }

    /* Specific pages
    ----------------- */

    .homepage article { padding-top: 670px; }
    .homepage article .feature { margin-left: 0; margin-right: 0; }
    .homepage header { position: absolute; top: 0; height: 650px; left: 0; right: 0; background-image: url('img/home-webasyst-backend-photo-mobile.jpg') !important; background-position: center bottom; background-size: cover; }
    .homepage header .browser-frame { display: none; }
    .homepage #wanav a { color: #000 !important; }
    .homepage #wanav #logo a span.wa-logo-black { color: #000; }

    .feature.right.yourapp img { margin-left: 0; }

    .tv .flat-panel,
    .tv .flat-panel img { max-width: 100%; height: auto; }
    .tv .flat-panel #widget { display: none; }

    .clouds article { padding-top: 20px; }
    .clouds #cloud-box { left: 0; right: 0; margin-left: 0; width: auto; min-width: 0; border: 0; border-radius: 0; top: 50px; padding: 10px; min-height: 800px; }
    .clouds #cloud-layer-3 { top: 740px; }
    .clouds #cloud-details { margin: 0 20px; min-width: 0; }
    .clouds ul#cloud-box-switch { display: none; }

    .clouds .page-404 h1 { font-size: 6em; }
    .clouds .page-404 h3 { font-size: 1.6em; }

    table.hosting-pricing th { white-space: normal; }

    .partners-promo { margin-left: 0; }

    html #new-and-noteworthy{height:auto;}
    html #new-and-noteworthy .sort{display:none}
    html #new-and-noteworthy ul.thumbs li,
    html #new-and-noteworthy ul.thumbs li:first-child,
    html.plugins ul.thumbs li:first-child,
    html .plugins ul.thumbs li:first-child{margin-top:0}


    html .stripe.themes{margin:2rem 0 0;}
    html .stripe.themes .heading{padding:1rem}
    html .stripeul.thumbs.themes li a{margin:auto}


    html .feature .img-instead{width:auto}
    html .feature.bottom-padded{margin-bottom:1rem}


    html.homepage article{padding:0;margin:1rem 0}
    html.homepage header{height:auto}
    html.homepage .nav-negative{padding:60px 0 0}


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


    html .button.giant{padding:1rem 2rem;font-size:1.3rem}
    html .footer-block{display:block;box-sizing:border-box;max-width:none;margin:1rem 0 0}

    html ul.thumbs.apps96 li{margin:50px 0 0;}
    html ul.thumbs.apps96 li:first-child{margin-top:0}


    html .product ul#cloud-vs-software-toggle{margin-top:0}

    .cloud-login { display: none; }

    .hellowebasyst h1 { font-size: 2em; margin-top: 20px; }
    .hellowebasyst h1.longtitle { margin-left: 0; margin-right: 0; }
    .hellowebasyst h3 { font-size: 1.3em; color: rgba(0,0,0,0.6); margin: 20px; }
    .hellowebasyst h3 br { display: none; }
    .hellowebasyst .hero { max-width: 100%; height: auto; margin-left: 0px; margin-bottom: -90px; }
    .hellowebasyst-ataglance.subhero { margin-top: 30px; }
    .hellowebasyst .container { padding-bottom: 20px; }

    .browser-frame { display: none !important; }
    .hellowebasyst-ataglance .feature { margin: 0; }
    .hellowebasyst-ataglance .feature .img-instead { float: none; }
    .hellowebasyst-ataglance .feature .button2.giant { font-size: 18px; }

    .cloud-vs-software .option-cloud,
    .cloud-vs-software .option-software { display: block; width: 100%; min-height: 0; }
    .cloud-vs-software .option-wrapper { padding: 30px; float: none !important; width: auto !important; }
    .cloud-vs-software .option-glyph { min-height: 0 !important; background: none !important; }
    .cloud-vs-software .option-software .option-divider { display: none; }

    ul.menu-v.file-structure .name i.icon16 { margin-top: 0.13em; }

    .plans .plan-cloud,
    .plans .plan-cloud.pro  { width: 100%; }
    .plans .plan-server { width: 100%; margin: 35px 0; }
    .plan-included-apps { height: auto; }
    .plans .plan-cloud .gray { display: none; }
    .plan-top-hint-cloud,
    .plan-top-hint-server { display: none !important; }
    .plans .plan-cloud .summary { padding: 10px; }
    .plan-key-features li { padding-bottom: 15px; }

    .cloud-pricing-term li { font-size: 1em; padding: 8px 10px; }
    i.pricingglyph { margin-top: 0; }

    .button2.giant { font-size: 16px; padding: 17px 24px 15px; }
    .button2.large { font-size: 15px; }

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

        body { font-size: 110%; }
        .container { min-width: 0; padding: 12px 13px; }

    }
}


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

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

    html,
    body { font-size: 15px; }

    .container { max-width: 1280px; }

    ul.mainnav { margin-left: 90px !important; }
    ul.mainnav li { margin-right: 25px; }
    ul.mainnav.actionnav li { margin-right: 0; }
    #ssnav ul.mainnav { margin-left: 130px !important; }

    ul.thumbs.apps96 li,
    ul.thumbs.widgets li { width: 200px; }
    ul.thumbs.apps li { width: 182px; }
    ul.thumbs.plugins li { width: 216px; }
    ul.thumbs.themes li { width: 320px; }

    .hellowebasyst-ataglance .feature { margin-left: 140px; margin-right: 140px; }

    .gallery .container { max-width: 1200px; }

    ul.thumbs.apps li .store-badge { right: 39px; }

    .tv .flat-panel #widget { right: 78px; }
    .tv.en .flat-panel #widget { right: 101px; }

}