/* custom fonts
------------------------------ */
@import url(https://fonts.googleapis.com/css?family=Montserrat);


/* normalize v1.1.1 | MIT License | git.io/normalize * edited *
------------------------------ */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
html { overflow-y: scroll; background: #fff; color: #000; font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; min-height: 100%; color: #6D7E83; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
html, body { height: 100%; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; height: 0; }
html, button, input, select, textarea { font-family: sans-serif; }
[hidden] { display: none; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { -moz-box-sizing: content-box; box-sizing: content-box; clear: both; height: 0; border: 0; border-bottom: 1px solid #E9E9E9; background: transparent; margin: 0; }
hr.dotted { border-bottom: 1px dotted #d5d5d5; padding: 0; }
mark { background: #ff0; color: #000; }
p, pre { margin: 1em 0; }
code, kbd, pre, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
kbd { font: bold 13px/1 "Consolas", "Menlo", "Courier", monospace; background: #EDEDED; border: 1px solid #DBDBDB; margin: 0; padding: 2px 3px 0; border-radius: 3px; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ''; content: none; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
dl, menu, ol, ul { margin: 1em 0; }
dd { margin: 0 0 0 40px; }
menu, ol, ul { padding: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; }
img { border: 0; -ms-interpolation-mode: bicubic; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }
form { margin: 0; }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; padding: 0; white-space: normal; *margin-left: -7px; }
label { cursor: pointer; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; *overflow: visible; }
input[type="submit"].disabled, input[type="submit"].disabled:hover, input[type="submit"].disabled:focus, input[type="submit"].disabled:active { cursor: default; opacity: 0.45; }
button[disabled], html input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *height: 13px; *width: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
input[type="text"]:disabled { color: #AEB6BA!important; box-shadow: 0 0 0 #000, inset 0 3px 3px #e7ecf2!important; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; }
table { background: #fff; border-collapse: collapse; border-spacing: 0; max-width: 100%; width: 100%; }
th { text-align: left; }
th small { color: #849197; display: block; font: normal 13px/1 "Helvetica Neue", sans-serif; margin: 5px 0 0; }
::-moz-selection { color: #fff; background: #91ADDE; }
::selection { color: #fff; background: #91ADDE; }


/* typography
------------------------------ */
/* headings */
h1, h2, h3, h4, h5, h6 { font-family: "Montserrat", sans-serif; font-weight: normal; text-rendering: optimizeLegibility; letter-spacing: -0.15px; }
h1 { color: #000; font-size: 30px; line-height: 48px; margin: 0; }
h2 { color: #000; font-size: 30px; line-height: 48px; margin: 0; }
h3 { color: #000; font-size: 18px; line-height: 24px; margin: 16px 0 24px 0; }
h4 { color: #000; font-size: 16px; line-height: 24px; margin: 17px 0 23px; }
h5 { color: #808E92; font-size: 14px; line-height: 24px; margin: 17px 0 23px; }
h6 { color: #808E92; font-size: 12px; line-height: 24px; margin: 18px 0 22px; }

h2.subheading { font-size: 24px; line-height: 1.5; }
h2 small { color: #777; font-size: 13px; position: relative; top: 2px; }
h2 .beta { background: #FFA747; display: inline-block; border-radius: 20px; color: #FFF; font-size: 12px; padding: 5px 10px; font: bold 12px/1 'Helvetica Neue', sans-serif; text-transform: uppercase; position: relative; top: -3px; margin-left: 3px; }

/* paragraphs */
p.lead { font-size: 20px; margin: 15px 0 25px; line-height: 24px; }
p { font-size: 16px; line-height: 1.5; }
p:first-child { margin-top: 0; }
p:last-child {}

/* anchors */
a { color: #23a9c6; }
a:hover { text-decoration: none; }
a:focus { outline: 1px dotted #889AA0; }
a:active, a:hover { outline: 0; background-color: transparent; }

/* list styles */
ul.list-inline {}
ul.list-inline li { display: inline-block; }
ul.stacked { padding: 0; margin: 0; }
ul.decimal li { list-style: decimal; }
ul.disc li { list-style: disc; }
ul.square li { list-style: square; }
ul.alpha li { list-style-type: lower-alpha; }
ul.ticks { padding: 0; margin: 0; list-style: none; margin: 24px 0 0; }
ul.ticks p { margin: 0; background: url(../../images/icon-check.png) no-repeat 0 8px; padding-left: 24px; }
ul.list-legend { margin: 0; padding: 0; clear: both; font-size: 13px; }
ul.list-legend li { list-style: inside none; margin: 0 15px 0 0; }
ul.list-legend li:last-child { margin-right: 0; }
ul.list-legend li strong {}
ul.list-legend i { display: inline-block; border-radius: 24px; height: 12px; width: 12px; margin: 0 3px 0 0; position: relative; top: 1px; }

/* text alignings */
.text-left { text-align: left!important; }
.text-center { text-align: center!important; }
.text-right { text-align: right!important; }
.text-justify { text-align: justify!important; }
.text-truncate { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.texts-truncate { overflow: hidden; text-overflow: ellipsis; }

/* misc */
.uppercase { text-transform: uppercase!important; }
.no-pointer { cursor: text!important; }
img.autosize { height: auto; max-width: 100%; image-rendering: optimizeSpeed; }


/* buttons
------------------------------ */
.btn { font-size: 16px; line-height: 1.5; padding: 10px 20px; text-align: center; font-family: "Montserrat", sans-serif; display: inline-block; background: #B0C0C7; color: #fff; text-decoration: none; border-radius: 3px; text-transform: uppercase; border: 0; outline: none; text-shadow: 0 1px 2px rgba(0,0,0,0.075); }
.btn:hover { background-color: #a5b2b8; color: #fff; transition: all 0.15s ease-in-out; }
.btn:focus { background-color: #a5b2b8; }
.btn:active { background-color: #8c9aa0; }

/* sizes */
.btn-large { font-size: 19px; line-height: 1.5; padding: 10px 20px; }
.btn-small { font-size: 14px; line-height: 1; padding: 8px 16px; }
.btn-mini { font-size: 11px; line-height: 1; padding: 7px 9px; }

/* usage */
.btn-primary { background-color: #9CCE35; color: #fff; }
.btn-primary:hover { background-color: #98C144; transition: background-color 0.2s; }
.btn-primary:focus { background-color: #98C144; }
.btn-primary:active { background-color: #9AD41F; }

.btn-secondary { background: #fff; border: 1px solid #EEE; text-shadow: none; text-decoration: none!important; width: auto; }
.btn-secondary:hover { background: #fff; border: 1px solid #DDD; }
.btn-secondary:active { background: #fff; border: 1px solid #D0D0D0; }

/* plans */
.btn-cancel { background-color: #fb875f; }
.btn-cancel:hover { background-color: #ee744a; }
.btn-downgrade {}
.btn-downgrade:hover { background-color: #A5B2B8!important; }
.btn-upgrade { background-color: #94C90E; }
.btn-upgrade:hover {}

/* pressed */
.btn-primary.pressed { background: #80B53F; }

/* share */
.btn-share { padding-right: 35px; }

/* types */
.btn-extended { width: 100%; padding: 10px 0; }
.btn-disabled, .btn-disabled:hover, .btn-disabled:focus, .btn-disabled:active { cursor: text; background-color: #E3E6E8; color: #fff; }

/* powered by Dataprovider button */
.by-dataprovider { float: right; position: relative; top: 10px; text-decoration: none; background: url(../../images/powered-by-dataprovider.png) no-repeat 0 0; width: 150px; height: 12px; text-indent: -999em; }
.by-dataprovider:hover { background-position: 0 -48px; }
.by-dataprovider.inline { position: absolute; z-index: 3; right: 0; top: 20px; }


/* layouts
------------------------------ */
section { padding: 40px 0; background: #fff; }
section.spacing { margin: 40px 0; }
.spacing { margin: 0 0 40px; }
.no-margin { margin: 0!important; }
.no-padding { padding: 0!important; }
.no-border { border: 0!important; }
.no-border-b { border-bottom: 0!important; }
.no-border-l { border-left: 0!important; }
.no-border-r { border-right: 0!important; }
.no-border-t { border-top: 0!important; }
.footer-push { height: 160px; }
footer { clear: both; height: 160px; }
.wrapper { margin: 0 auto -160px; min-height: 100%; height: auto !important; height: 100%; }
.left { float: left; }
.right { float: right; }
.is-hidden { display: none!important; }
.is-inactive { opacity: 0.4; filter: alpha(opacity=40); }
.relative { position: relative; }
.blur { -moz-filter: blur(2px); -webkit-filter: blur(2px); filter: blur(2px); }
.dont-hide {display:block !important;}

/* background styles */
.bg-primary-glow { background: #0e4b63; color: #fff; background: -webkit-radial-gradient(50% 33%, closest-corner, #125670, #0E4B63); background: -moz-radial-gradient(50% 33%, closest-corner, #125670, #0E4B63); background: -ms-radial-gradient(50% 33%, closest-corner, #125670, #0E4B63); background: radial-gradient(50% 33%, closest-corner, #125670, #0E4B63); }
.bg-primary-glow h1 { position: relative; top: -4px; font-size: 36px; color: #fff; margin: 35px 0 8px; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); }
.bg-primary-glow p.lead { font: normal 18px/1 "Montserrat", sans-serif; margin: 5px 0 45px; }
.home .bg-primary-glow p.lead { font-size: 15px; margin: 3px 0 15px; }
.bg-primary { background-color: #125570; color: #fff; }
.bg-primary h1 { color: #fff; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); position: relative; top: -2px; }
.analysis-quick .bg-primary h1 { margin: 0; }
header section.bg-primary { padding: 6px 0; }
.bg-secondary { background-color: #F6F7F8; }
header section { padding: 20px 0; }

/* self clearing */
.group:before, .group:after { content: ""; display: table; }
.group:after { clear: both; }
.group { *zoom: 1; }

/* grid */
.container { width: 960px; padding-left: 10px; padding-right: 10px; margin-left: auto; margin-right: auto; }
.row:before, .row:after { line-height: 0; content: ""; display: table; }
.row:after { clear: both; }
.row { *zoom: 1; margin-left: -20px; }

[class*="span"] { float: left; min-height: 1px; margin-left: 20px; }
.span12 { width: 940px; }
.span11 { width: 860px; }
.span10 { width: 780px; }
.span9 { width: 700px; }
.span8 { width: 620px; }
.span7 { width: 540px; }
.span6 { width: 460px; }
.span5 { width: 380px; }
.span4 { width: 300px; }
.span3 { width: 220px; }
.span2 { width: 140px; }
.span1 { width: 60px; }
.offset12 { margin-left: 980px; }
.offset11 { margin-left: 900px; }
.offset10 { margin-left: 820px; }
.offset9 { margin-left: 740px; }
.offset8 { margin-left: 660px; }
.offset7 { margin-left: 580px; }
.offset6 { margin-left: 500px; }
.offset5 { margin-left: 420px; }
.offset4 { margin-left: 340px; }
.offset3 { margin-left: 260px; }
.offset2 { margin-left: 180px; }
.offset1 { margin-left: 100px; }

/* tabe grid */
table [class*="span"] { float: none; margin: 0; display: table-cell; }
table td[class*="span"], table th[class*="span"] { display: table-cell; float: none; margin-left: 0; }
.table { width: 100%; margin-bottom: 20px; }
.table th, .table td { padding: 8px; line-height: 20px; text-align: left; vertical-align: top; }
.table td.span1, .table th.span1 { float: none; width: 44px; margin-left: 0; }
.table td.span2, .table th.span2 { float: none; width: 124px; margin-left: 0; }
.table td.span3, .table th.span3 { float: none; width: 204px; margin-left: 0; }
.table td.span4, .table th.span4 { float: none; width: 284px; margin-left: 0; }
.table td.span5, .table th.span5 { float: none; width: 364px; margin-left: 0; }
.table td.span6, .table th.span6 { float: none; width: 444px; margin-left: 0; }
.table td.span7, .table th.span7 { float: none; width: 524px; margin-left: 0; }
.table td.span8, .table th.span8 { float: none; width: 604px; margin-left: 0; }
.table td.span9, .table th.span9 { float: none; width: 684px; margin-left: 0; }
.table td.span10, .table th.span10 { float: none; width: 764px; margin-left: 0; }
.table td.span11, .table th.span11 { float: none; width: 844px; margin-left: 0; }
.table td.span12, .table th.span12 { float: none; width: 924px; margin-left: 0; }


/* summary */
.summary { font-size: 15px; padding: 30px 0; position: relative; z-index: 10001;}
.summary .screenshot { border: 4px solid rgba(0,0,0,.075); background: #FFF url(../../images/generating-screenshot.gif) no-repeat center; width: 220px; height: 165px; overflow: hidden; display: block; border-radius: 3px; }
.summary .screenshot:hover { border-color: #E3E3E3; transition: border-color 0.15s ease-in-out; }
.summary .screenshot span { display: block; width: 212px; height: 157px; }

header nav { background: #0B455B; height: 94px; }
header nav a { text-decoration: none; color: #fff; font: normal 15px/1 "Montserrat", sans-serif; }
header nav a:hover { color: #ace432; transition-duration: 0.25s; }
header .logo { font-size: 40px; vertical-align: middle; display: block; height: 94px; line-height: 94px; }
header .logo img { display: inline-block; max-width: 210px; max-height: 51px; width: auto; height: auto; vertical-align: middle; position: relative; top: -3px; }
header .navigation ul { margin: 36px 0 0 -7px; padding: 0; }
header .navigation li { display: inline-block; position: relative; }
header .navigation a { padding: 5px 12px; }
header .navigation .current a, header .navigation .current:hover a { color: #ace432; }
header .user { float: right; position: relative; }
header { z-index: 10010;}

header .user .user-sign-up, header .user .user-logged { font: normal 13px/1.5 "Montserrat", sans-serif; margin-top: 33px; border-radius: 40px; float: left; padding: 4px 14px; }
header .user .user-sign-up { margin-left: 27px;  }
header .dropdown-user .user-logged { margin-left: 8px; padding-right: 30px; min-width: 115px; max-width: 200px; position: relative; }
header .dropdown-user .user-logged > span { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

header .user .user-logged.current { color: #ACE432; }
header .user .user-sign-up:hover, header .user .user-logged:hover { color: #fff; }
header .user .user-sign-up { background: #FCAE3A; }
header .user .user-sign-up:hover { background: #DF8D34; }

header .user .user-logged { background: rgba(255,255,255,0.07); }
header .user .user-logged:hover { background: rgba(255,255,255,0.2);  }
header .user .user-logged i.icon-arrow-down { background-position: -200px -319px; width: 8px; height: 5px; position: absolute; top: 10px; right: 13px; }
header .user .user-sign-in { font-size: 12px; float: left; margin: 41px 0 0 0; }

header .user .user-upgrade { background: #FA9F2B; font-size: 13px; text-transform: uppercase; }
header .user .user-upgrade:hover { background: #DF8D34; }

header .dropdown-user { position: static; }
header .dropdown-menu { top: 68px; right: 0; font: 14px/1 "Helvetica Neue", Helvetica, sans-serif; }
header .dropdown-menu a { font: 14px/1 "Helvetica Neue", Helvetica, sans-serif; padding: 10px 14px!important; }

header .dropdown-menu .arrow-border, header .dropdown-menu .arrow { border-style: solid; border-width: 7px; height: 0; width: 0; margin: 0; position: absolute; right: 10px; display: none\9; }
header .dropdown-menu .arrow-border { border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #EEE rgba(0, 0, 0, 0); top: -15px; }
header .dropdown-menu .arrow { border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #FFF rgba(0, 0, 0, 0); top: -13px; }
.dropdown-menu-fixed-height { max-height: 350px; overflow: auto; }

header nav.is-visible { height: 50px; position: fixed; width: 100%; z-index: 10000; }
header nav.is-visible .navigation ul { margin: 14px auto 0; }
header nav.is-visible .user a { margin: 7px 0 0 10px; }

header .sub-navigation { margin-top: 11px; font: normal 15px/1 "Montserrat", sans-serif; }
header .sub-navigation ul { list-style: none inside; padding: 0; margin: 0; }
header .sub-navigation li { display: inline-block; }
header .sub-navigation a { display: block; color: #fff; text-decoration: none; padding: 5px 8px; }
header .sub-navigation a:hover { color: #ace432; transition-duration: 0.25s; }
header .sub-navigation .current a { color: #ace432; }

/* footer */
footer { background: #f6f7f8; }
footer .container { padding-top: 30px; padding-bottom: 30px; }
footer .sitemap ul { padding-top: 3px; float: left; width: 33%; }
footer .sitemap li { list-style: none; text-decoration: none; line-height: 18px; }
footer .sitemap a { color: #A1A8AB; text-decoration: none; font-size: 13px; display: block; padding: 2px; }
footer .sitemap a:hover { text-decoration: underline; color: #23a9c6; transition-duration: 0.25s; }
footer .user { height: 70px; position: relative; text-align: right; }
footer .user .btn { line-height: 1; border-radius: 40px; margin: -3px 0 2px; }
footer .by-dataprovider { text-align: left; display: inline-block; float: none; top: 11px; margin: 0 0 12px; } 
footer .by-dataprovider:hover { background-position: 0 -16px; }
footer .copyright { font-size: 11px; color: #a1a8ab; margin: 11px 0 0; line-height: 20px; }

footer .footer-social a { margin-top: -10px; }
footer .footer-social a:hover { text-decoration: none; }
footer .footer-social a:hover span { text-decoration: underline; }
footer .footer-social a span { display: inline-block; }
footer .footer-social a i { margin-right: 2px; }
footer .footer-social.facebook i, .footer-social.twitter i { position: relative; top: 6px; background-image: url(../../images/footer-social.png); background-repeat: no-repeat; width: 23px; height: 23px; display: inline-block; }
footer .footer-social.facebook i { background-position: 0 2px; }
footer .footer-social.twitter i { background-position: 0 -24px; }



/* form
------------------------------ */
/* main form styles */
.control-group:before, .control-group:after { content: ""; display: table; }
.control-group:after { clear: both; }
.control-group { *zoom: 1; }

:-moz-placeholder { color: #AEB6BA; } /* FF < 19 */
::-moz-placeholder { color: #AEB6BA; } /* FF > 19 */
:-ms-input-placeholder { color: #AEB6BA; }
::-webkit-input-placeholder { color: #AEB6BA; }
:input-placeholder { color: #AEB6BA; }

:focus:-moz-placeholder { color: #CED3D6; transition: all 0.1s ease-in-out; }
:focus::-moz-placeholder { color: #CED3D6; transition: all 0.1s ease-in-out; }
:focus:-ms-input-placeholder { color: #CED3D6; transition: all 0.1s ease-in-out; }
:focus::-webkit-input-placeholder { color: #CED3D6; transition: all 0.1s ease-in-out; }
:focus:input-placeholder { color: #CED3D6; transition: all 0.1s ease-in-out; }

fieldset { padding: 0; margin: 0; border: 0; }
input:focus, button:focus { outline: none; }
input[type="text"], input[type="password"], textarea { border: 1px solid #d9d9d9; background: #fff; border-radius: 3px; padding: 9px; font-size: 15px; box-shadow: 0 0 0 #000,inset 0 3px 3px rgba(0,0,0,0.03); }
textarea, button, label, button, input { -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
input[type="text"]:hover, input[type="password"]:hover, textarea:hover { border: 1px solid #C1C8CF; transition: all 0.15s ease-in-out; }
input[type="text"]:focus, input[type="password"]:focus, textarea:focus { outline: 0; border: 1px solid #94C90E; transition: all 0.15s ease-in-out; box-shadow: none; }
input[type="text"].input-small { font-size: 13px; padding: 3px 6px; width: 120px; }
input[type="text"].input-medium { font-size: 13px; width: 170px!important; }
select { cursor: pointer; }
label { font: normal 14px/18px "Montserrat", sans-serif; color: #222; }
label:hover { color: #000; }
label small { font-size: 90%; color: #808E92; font-style: normal; display: block; margin-top: 5px; }

/* custom radio + checkboxes */
.radio, .checkbox { cursor: pointer; display: inline-block; }
.radio input[type="radio"], .checkbox input[type="checkbox"] { display: none!important; }
.radio i, .checkbox i { background-image: url(../../images/sprite-ui.png); display: inline-block; text-indent: -999em; background-repeat: no-repeat; vertical-align: text-top; }
.radio:hover, .checkbox:hover { color: #000; cursor: pointer; }
.radio i { background-position: -148px -235px; width: 13px; height: 13px; margin: 4px 7px 5px 1px; }
.radio.is-checked i, .radio.is-checked:hover i { background-position: -148px -195px; }
.radio:hover i { background-position: -148px -275px; }

.checkbox i { background-position: -181px -233px; width: 16px; height: 16px; margin: 2px 5px 0 0; }
.checkbox.is-checked i { background-position: -181px -193px; }
.checkbox:hover i { background-position: -181px -273px; }
.checkbox.is-checked:hover i { background-position: -181px -153px; }

.select { position: relative; cursor: pointer; display: inline-block; width: 290px; height: 37px; margin: 0 0 10px; overflow: hidden; }
.select select { -webkit-appearance: none; -moz-appearance: none; appearance: none; text-indent: 0.01px; text-overflow: ""; width: 100%; font-size: 15px; height: 37px; margin: 0!important; color: #222; border-radius: 3px; border: 1px solid #d9d9d9; background: transparent; padding: 9px 39px 9px 9px; white-space: nowrap; overflow: hidden; transition: all 0.1s ease-in-out; position: absolute; left: 0; top: 0; }
.select select::-ms-expand { display: none; }
.select:hover select { border: 1px solid #C1C8CF; }
.select select:focus, .select select:active { outline: 0; border: 1px solid #94C90E; transition: all 0.15s ease-in-out; }
.select .icon-select-btn { float: right; }
.select .icon-select-btn { background-position: -42px -511px; width: 30px; height: 38px; }
.select:hover .icon-select-btn { background-position: -1px -511px; }
.select.select-small, .form-horizontal .controls .select.select-small select { width: 140px; }
.select.select-mini, .form-horizontal .controls .select.select-mini select { width: 50px; }
.select.select-extended, .form-horizontal .controls .select.select-extended select { width: 100%; }

.select-alt { width: 60px; }
.select-alt select { margin: 0 auto; border: 0; background: #C5CBCE; color: #fff; padding: 9px; }
.select-alt select:hover { border: 0; background: #A5B2B8; }
.select-alt select:focus, .select-alt select:active { border: 0!important; }
.select-alt .icon-select-btn { background-position: -217px -525px; position: absolute; top: 14px; right: 8px; width: 9px; height: 6px; }
.select-alt:hover .icon-select-btn { background-position: -217px -525px; }

/* icon placeholder for form */
.ico-placeholder { position: relative; }
.ico-placeholder input[type="text"] { padding-right: 30px; }
.ico-placeholder [class*="icon-"] { position: absolute; right: 10px; top: 1px; z-index: 1; }

/* form messages */
form .error input[type="text"], form .error input[type="password"], form .error textarea { border: 1px solid #E8816D; }
form .success input[type="text"], form .success input[type="password"] { border: 1px solid #92B83F; }

.form-horizontal .message { font: normal 14px/18px "Montserrat", sans-serif; width: auto; padding: 0 10px; display: none; }
.form-horizontal .message [class*="icon-"] { margin-right: 5px; }
.form-horizontal .error .message, .form-horizontal .success .message { display: inline-block; }

/* form horizontal */
.form-horizontal {}
.form-horizontal .fieldset-description { margin-bottom: 40px; }
.form-horizontal .fieldset-description h2 { margin-bottom: 0!important; }
.form-horizontal .control-group { clear: both; float: left; width: 100%; margin: 0; }
.form-horizontal .control-group.spacing { margin-bottom: 20px; }
.form-horizontal .control-label { float: left; width: 205px; padding: 10px 25px 10px 0; text-align: right; }
.form-horizontal .controls { margin: 0 0 0 205px; }
.form-horizontal .controls.align { margin-top: -10px; }
.form-horizontal .controls input[type="text"], .form-horizontal .controls input[type="password"] { display: inline-block; width: 290px; margin: 0 0 10px; }
.form-horizontal .controls input[type="text"].small { width: 60.5px; margin-right: 12px; }
.form-horizontal .controls input[type="text"].medium { width: 100px; margin-right: 12px; }
.form-horizontal .controls input[type="password"] { background: url(../../images/icon-secure.png) no-repeat 264px 7px; padding-right: 31px; }
.form-horizontal .controls select { margin: 9px 0 0; width: 290px; }
.form-horizontal .controls select.select-inline { float: left; margin: 9px 15px 0 1px; width: 99px; }
.form-horizontal .controls-radios-inline { margin-top: 9px; }
.form-horizontal .controls-radios-inline input[type="radio"] { margin-right: 4px; position: relative; top: -1px; }
.form-horizontal .controls-radios-inline label { margin-right: 20px; }
.form-horizontal .controls .btn-small { margin: 4px 0 0; }
.form-horizontal .control-group .switch { clear: none; margin: 8px 0; display: inline-block; position: relative; top: -10px; }
.form-horizontal h2.paragraphless { margin-bottom: 21px; }
.form-horizontal .info { font-size: 12px; margin-bottom: 26px!important; }

/* form stacked */
.form-stacked {}
.form-stacked input[type="text"], .form-stacked input[type="password"], .form-stacked textarea { display: block; width: 100%; }
.form-stacked .controls { margin: 0 0 10px; }
.form-stacked fieldset { margin: 0 0 40px; }
.form-stacked textarea { min-height: 200px; }
.form-stacked .error .message { margin-top: 10px; }


/* code
------------------------------ */
.code-wrapper { margin: 20px 0; clear: both; background: #F6F7F8; font-size: 14px; position: relative; overflow: hidden; line-height: 15px; min-height: 44px; }
.code-wrapper pre {float: left; margin: 0; padding: 0; line-height: 14px; }
.code-wrapper code { float: left; padding: 0 20px; }


/* tables
------------------------------ */
th.sort { padding: 0; }
th.sort a { padding: 4px 4px 16px; display: block; color: #222; text-decoration: none; }
th.sort a span { display: inline-block; }
th.sort a i { background-image: url(../../images/sprite-ui.png); background-repeat: no-repeat; background-position: -152px -162px; width: 6px; height: 8px; display: inline-block; position: relative; top: -1px; margin: 0 0 0 5px; }
th.sort.asc a i { background-position: -152px -162px; height: 3px; top: -5px; }
th.sort.desc a i { background-position: -152px -167px; height: 3px; top: -5px; }

/* table components */
.table-darkend { width: 98%; }
.table-darkend .high, .table-darkend .medium, .table-darkend .low { font-size: 11px; text-transform: uppercase; }
.table-darkend .high { background: #dbf3b3; }
.table-darkend .medium { background: #feecb5; }
.table-darkend .low { background: #ffebeb; }

/* table-darkend */
.table-darkend { margin: 20px 0 10px; }
.table-darkend th { padding: 5px 5px 8px 5px; color: #222; font: normal 13px/1 "Montserrat", sans-serif; }
.table-darkend td { padding: 7px 4px; color: #444; font-size: 13px; background: #F6F7F8; border-left: 1px solid #fff; border-top: 1px solid #fff; }

/* table-inline */
.table-inline { border: 1px solid #ECECEC; color: #808E92; width: 98%; }
.table-inline th { vertical-align: top; padding: 9px; border-bottom: 1px solid #ECECEC; width: 30px; text-align: center; background: #f6f7f8; text-transform: uppercase; font: normal 13px/1 "Montserrat", sans-serif; }
.table-inline td { border-left: 1px solid #ECECEC; border-top: 1px solid #ECECEC; padding: 5px 10px; font-size: 13px; }

.mside .topic-toggle:hover .table-inline { color: #444; }

.table-inline-more { border: 1px solid #ECECEC; margin: -15px 0 20px 200px; width: 490px; font-size: 13px; }
.table-inline-more a { display: block; padding: 5px 20px 5px 15px; text-decoration: none; color: #859298; font-family: "Montserrat", sans-serif; text-align: center; }
.table-inline-more a:hover { background: #fdfdfd; }
.mside .topic:hover .result .table-inline-more a { color: #859298; }
.table-inline-more-inside { border-bottom: 1px solid #F6F7F8!important; border-right: 1px solid #ececec; }
.table-inline-break { margin: -1px 0 20px!important; }
.table-group { margin: 0 0 20px; }
.table-group .table-inline-more { margin: -1px 0 20px; }
.table-group .table-inline a { color: #808E92; text-decoration: none; display: block; }
.table-group .table-inline a:hover { text-decoration: underline; }
.topic-result:hover .table-group a, .topic-result:hover .table-group th { color: #444; }

/* table-list */
.table-list { margin-top: 7px; }
.table-list tr { border-bottom: 1px solid #EEE; }
.table-list tr:hover td, .table-list tr.selected td { background-color: #F6F7F8; color: #222; }
.table-list tr.selected td a { color: #222; }
.table-list th { font: normal 14px/20px "Montserrat", sans-serif; color: #222; padding: 13px 4px 14px; vertical-align: top; }
.table-list th.large { position: relative; font-size: 20px; line-height: 24px; padding: 9px 4px 0 0; }
.table-list th .small { font-size: 12px; display: block; color: #808E92; font: normal 12px/1.5 "Helvetica Neue", sans-serif; margin: 0 0 10px; }
.table-list td { padding: 8px 4px; }
.table-list .checkbox i { margin-top: 1px; }


/* components
------------------------------ */
/* sort by */
.sort-by { clear: both; overflow: hidden; margin: 20px 0 30px; }
.sort-by ul { padding: 0; list-style: none inside; border-radius: 50px; float: left; overflow: hidden; }
.sort-by li { border-bottom: 1px solid #E6EAEE; border-left: 1px solid #fff; float: left; font: normal 12px/1 'Montserrat', sans-serif; text-transform: uppercase; }
.sort-by li:first-child { border-left: 0; }
.sort-by a { display: block; padding: 8px 16px; text-decoration: none; color: #808E92; background: #EFF2F5; }
.sort-by a:hover { color: #222; transition: color 0.05s ease-in-out; }
.sort-by .current { border-bottom: 1px solid #707C88; }
.sort-by .current a { background: #7E8A96; color: #fff; }
.sort-by li a b { display: inline-block; font: normal 12px/1 "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0 0 0 3px; color: #808E92; }
.sort-by a:hover b { color: #808E92; }
.sort-by .current a b { color: #fff; }

/* call to action near footer */
.call-to-action { padding: 40px 0 60px; }
.call-to-action .link {  font: normal 16px/1 "Montserrat", sans-serif; display: block; margin: 25px auto 0; width: 180px; text-decoration: none; }
.call-to-action .link:hover { text-decoration: underline; transition-duration: 0.25s; }
.call-to-action .text { text-align: center; display: block; margin: 25px auto 0; width: 300px; line-height: 1.4; color: #A1A8AB; font-size: 14px; }

/* horizontal navigation */
.nav-horizontal { width: 100%; background: #fff; font: normal 14px/50px "Montserrat", sans-serif; text-align: center; border-top: 1px solid #eee; border-bottom: 1px solid #ddd; margin: 0; padding: 0; }
.nav-horizontal.is-visible { position: fixed; top: 0; }
.nav-horizontal ul { margin: 0; padding: 0; }
.nav-horizontal li { display: inline-block; list-style: none inside; font-size: 18px; }
.nav-horizontal li a { padding: 5px 30px; text-decoration: none; color: #AEB6BA; }
.nav-horizontal li a:hover { color: #222; transition: all 0.2s ease-in-out; }
.nav-horizontal .current a { color: #222; }

/* breadcrumbs */
.breadcrumbs { font: normal 15px/1 "Montserrat", sans-serif; }
.breadcrumbs > ul { margin: 0; padding: 0; }
.breadcrumbs > ul > li { list-style: inside none; float: left; max-width: 200px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; line-height: 30px; }
.breadcrumbs > ul li > a { color: #fff; text-decoration: none; }
.breadcrumbs .current, .breadcrumbs a:hover { color: #ace432; transition-duration: 0.25s; }
.breadcrumbs i { margin: 1px 8px; }

/* pagination */
.pagination { list-style: none; padding: 5px 0; text-align: center; clear: both; font: normal 14px/1 "Montserrat", sans-serif; }
.pagination li { display: inline-block; }
.pagination a { padding: 10px; }
.pagination a:hover { color: #178DA7; }
.pagination .current a { color: #222; text-decoration: none; cursor: text; }
.pagination .current a:hover { color: #222; }

/* pagination bullets only */
.pagination.bullets a { text-indent: -999em; background: #BEC7CB; border: 3px solid #BEC7CB; height: 14px; width: 14px; padding: 0; margin: 0 8px; border-radius: 100px; display: inline-block; }
.pagination.bullets a:hover, .pagination.bullets .current a { background: #fff; border: 3px solid #BEC7CB; transition-duration: 0.2s; }

/* pagination styled */
.pagination.styled { margin-top: 15px; }
.pagination.styled li { border-radius: 70px; text-align: center; margin: 0; min-width: 30px; height: 30px; line-height: 30px; overflow: hidden; }
.pagination.styled a { background: none; text-decoration: none; }
.pagination.styled .current, .pagination.styled li:hover { background: #F0F0F0; }
.pagination.styled li:hover { transition: background 0.2s; }
.pagination.styled .current a, .pagination.styled li:hover a { color: #222; }
.bg-secondary .pagination.styled .current, .bg-secondary .pagination.styled li:hover { background: #fff; }
.bg-secondary .pagination.styled .current a, .bg-secondary .pagination.styled li:hover a { color: #222; }

.pagination.styled button { background: none; border: 0; font: normal 14px/10px "Montserrat", sans-serif; color: #23A9C6; padding: 10px; }
.pagination.styled .current button, .pagination.styled li:hover button { color: #222; }
.bg-secondary .pagination.styled .current button, .bg-secondary .pagination.styled li:hover button { color: #222; }

/* difficulty */
.impact, .difficulty, .competition { background-image: url(../../images/sprite-ui.png); background-repeat: no-repeat; text-indent: -999em; }
.difficulty { display: inline-block; margin: 9px 2px 0; width: 52px; height: 8px; background-position: -74px -92px; }
.difficulty.one { background-position: -72px -72px; }
.difficulty.two { background-position: -72px -54px; }
.difficulty.three { background-position: -72px -36px; }
.difficulty.four { background-position: -72px -18px; }
.difficulty.five { background-position: -72px 0; }

/* impact */
.impact { background-position: 0 -90px; width: 52px; height: 8px; }
.impact.one { background-position: 0 -72px; }
.impact.two { background-position: 0 -54px; }
.impact.three { background-position: 0 -36px; }
.impact.four { background-position: 0 -18px; }
.impact.five { background-position: 0 0; }

/* competition */
.competition { background-position: 0 0; width: 39px; height: 10px; }
.competition.one { background-position: -231px -1px; }
.competition.two { background-position: -231px -13px; }
.competition.three { background-position: -231px -25px; }
.selected .competition.one { background-position: -231px -37px; }
.selected .competition.two { background-position: -231px -49px; }
.selected .competition.three { background-position: -231px -61px; }

/* dropdown menu's */
.dropdown { display: inline-block; position: relative; cursor: pointer; }
.dropdown.is-visible .dropdown-menu { text-align: left; visibility: visible; opacity: 1; transition: all 0.1s ease-in-out; filter: alpha(opacity=100); }
.dropdown.is-visible .icon-dropdown-small, .dropdown .icon-dropdown-small:hover, .dropdown-btn > b:hover .icon-dropdown-small { background-position: -86px -323px; }
.dropdown-menu { visibility: hidden; opacity: 0; filter: alpha(opacity=0); position: absolute; top: 20px; left: 0; z-index: 100050; background: #fff; border: 1px solid #eee; border-radius: 4px; padding: 0; font: normal 14px/1.5 "Arial", sans-serif; box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.1); }
.dropdown-menu, .dropdown-menu li { margin: 0; padding: 0; list-style: inside none; }
.dropdown-menu > li > a { display: block; padding: 7px 14px; clear: both; font-weight: normal; line-height: 20px; color: #333; white-space: nowrap; text-decoration: none; text-overflow: ellipsis; overflow: hidden; }
.dropdown-menu > li > a:hover { background: #EDEFF1; color: #222; }
.dropdown-menu > li:nth-child(2) > a:hover { border-radius: 4px 4px 0 0; }
header .breadcrumbs .dropdown-menu .arrow-border { top: -15px; }
header .breadcrumbs .dropdown-menu .arrow { top: -14px; }

.dropdown-menu > li:last-child > a:hover { border-radius: 0 0 4px 4px; }
.dropdown-menu .divider { height: 1px; overflow: hidden; background-color: #EEE; border-bottom: 1px solid #EEE; }
.dropdown-menu .disabled a { color: #d6d6d6!important; cursor: text; }
.dropdown-menu .disabled a:hover { background: none; color: #d6d6d6; }

.dropdown-menu-colorpicker { position: absolute; top: 20px; left: 0; z-index: 99; background: #fff; border: 1px solid #eee; border-radius: 4px; padding: 0; font: normal 14px/1.5 "Arial", sans-serif; box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.1); }
.dropdown-menu-colorpicker, .dropdown-menu-colorpicker li { margin: 0; padding: 0; list-style: inside none; }
.dropdown-menu-colorpicker > li > a { display: block; padding: 7px 14px; clear: both; font-weight: normal; line-height: 20px; color: #333; white-space: nowrap; text-decoration: none; text-overflow: ellipsis; overflow: hidden; }
.dropdown-menu-colorpicker > li > a:hover { background: #EDEFF1; color: #222; }
.dropdown-menu-colorpicker .divider { height: 1px; overflow: hidden; background-color: #EEE; border-bottom: 1px solid #EEE; }
.dropdown-menu-colorpicker .disabled a { color: #d6d6d6!important; cursor: text; }
.dropdown-menu-colorpicker .disabled a:hover { background: none; color: #d6d6d6; }

.dropdown-menu .social-share {}
.dropdown-menu .twitter-share-button { float: left; margin: 0 10px 10px 0; }
.dropdown-menu .fb-like {}
.dropdown-menu .twitter-share-button, .dropdown-menu .fb-like {  }

.dropdown.dropdown-btn { font-size: 14px; line-height: 1; border-radius: 3px; padding: 6px 4px 6px 10px; background: #fff; text-transform: none; border: 1px solid #e6e6e6; position: relative; }
.dropdown.dropdown-btn:hover { border: 1px solid #C1C8CF; }
.dropdown.dropdown-btn > b { font-weight: normal; }
.dropdown.dropdown-btn:hover > b { color: #000; transition: all 0.2s ease-in-out; }
.dropdown.dropdown-btn .dropdown-menu { top: 30px; min-width: 100%; z-index: 998; }
.dropdown-btn.dropdown-align-right .dropdown-menu { right: 0; left: inherit; }
.dropdown-btn.dropdown-extended { width: 100%; }
.dropdown-btn.dropdown-extended i { float: right; }

.dropdown li.head { border-radius: 3px 3px 0 0; }
.dropdown li.head h2 { border: 0; margin: 0; padding: 0; line-height: 1.5; font-size: 18px; white-space: nowrap; }
.dropdown li:first-child > a { border-radius: 3px 3px 0 0; }
.dropdown li:last-child > a { border-radius: 0 0 3px 3px; }

.dropdown li > div { margin: 7px 14px; }
.dropdown li > div input { margin: 0; width: 100%; }
.dropdown li > div .select { margin: 0; }
.dropdown li > div .btn { margin: 7px 0; }

.dropdown-menu.tiles { width: 642px; }
.dropdown-menu.tiles li > a > span { display: block; margin: 9px 0 0; line-height: 15px; }
.dropdown-menu.tiles li { float: left; margin: 5px; list-style: inside none; }
.dropdown-menu.tiles > li > a { position: relative; width: 150px; height: 105px; background: #f6f7f8; display: block; text-align: center; font: 13px/1 "Montserrat", sans-serif; text-decoration: none; color: #000; padding: 13px 20px 20px; white-space: normal; text-overflow: clip; cursor: pointer!important; }
.dropdown-menu.tiles > li > a:hover { background: #e7ebef; }
.dropdown-menu.tiles .message.campaign { margin: 0; }
.dropdown-menu.tiles .message.campaign .btn { margin: -5px 0; }
.dropdown-menu.tiles .pro-only { position: absolute; top: 0; right: 10px; }
.icon-documents { background-repeat: no-repeat; background-image: url(../../images/sprite-documents.png)!important; display: block; width: 46px; height: 51px; }
.icon-documents.detailed { background-position: 0 0; }
.icon-documents.one-pager { background-position: -140px 0; }
.icon-documents.xml-file { background-position: -282px 0; }
.icon-documents.csv-file { background-position: -422px 0; }

.icon-dl-export { background-position: -185px -417px; width: 10px; height: 10px; }

.icon-user-edited { background-position: -104px -462px; width: 28px; height: 13px; }
.analysis-page .icon-user-edited { margin-left: 7px; }
.analysis-pages .icon-user-edited { margin-left: 7px; }

.exporting { width: 100%; height: 100%; position: absolute; z-index: 999; top: 0; left: 0; background: rgba(255,255,255,0.78) url(../../images/analysis-progress.gif) no-repeat center; }

.dropdown-menu-date > b { font: normal 14px/1 "Montserrat", sans-serif; color: #000; }
.dropdown-menu-date .icon-cal { background: url(../../images/sprite-ui.png) no-repeat -185px -437px; width: 11px; height: 12px; margin: 2px 8px 0 0; }
.dropdown-menu-date > b:hover { color: #23A9C6!important; }
.dropdown-menu-date .dropdown-content { width: 600px; overflow: hidden; margin: 10px 10px 25px; }
.dropdown-menu-date .dropdown-footer { border-top: 1px solid #EFF0F0; clear: both; margin-top: 10px; padding-top: 5px; }
.dropdown-menu-date .hasDatepicker { float: left; margin: 0 30px 0 0; }
.dropdown-menu-date .hasDatepicker:last-child { float: right; margin: 0; }

.breadcrumbs .dropdown-analysis { max-width: 500px; position: relative; line-height: 30px; overflow: visible; margin: 0 19px 0 0; }
.dropdown-analysis > span { position: relative; display: inline-block; background: rgba(0,0,0,0.17); border-radius: 40px; padding: 0 30px 0 15px; }

.dropdown-analysis > span a { color: #fff; text-decoration: none; }
.dropdown-analysis ul a { width: 100%; }
.dropdown-analysis > span .favicon { display: inline-block; width: 16px; height: 16px; display: inline-block; position: relative; top: 3px; margin: 0 2px 0 0; background-size: 16px 16px!important; }
.dropdown-analysis .icon-arrow-down { background-position: -196px -313px; width: 8px; height: 5px; position: absolute; top: 6px; right: 9px; padding: 8px; z-index: 5555; }
.dropdown-analysis .dropdown-url { white-space: nowrap; max-width: 200px; text-overflow: ellipsis; overflow: hidden; display: inline-block; position: relative; top: 4px; line-height: 18px; }
.dropdown-analysis .dropdown-url img { position: relative; top: 3px; }
.dropdown-analysis .icon-rarr { position: absolute; top: 10px; right: -19px; }
.dropdown-analysis .dropdown-menu.is-visible { position: absolute; top: 35px; left: 0; right: 0; visibility: visible; z-index: 99999; opacity: 1; filter: alpha(opacity=100); }
.breadcrumbs > ul .dropdown-menu a { color: #222; }

/* switch */
.switch { clear: both; position: relative; width: 54px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
.switch-checkbox { display: none; }
.switch-label { display: block; overflow: hidden; cursor: pointer; border: 2px solid #FFF; border-radius: 25px; }
.switch-inner { width: 200%; margin-left: -100%; -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s; -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s; }
.switch-inner:before, .switch-inner:after { float: left; width: 50%; height: 18px; padding: 0; line-height: 18px; font-size: 10px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.switch-inner:before { content: "ON"; padding-left: 10px; background-color: #94C90E; color: #FFF; }
.switch-inner:after { content: "OFF"; padding-right: 10px; background-color: #B0C3CC; color: #FFF; text-align: right; }
.switch-switch { width: 14px; margin: 4px; background: #FFF; border: 2px solid #FFF; border-radius: 25px; position: absolute; top: 0; bottom: 0; right: 32px; -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s; -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; }
.switch-checkbox:checked + .switch-label .switch-inner { margin-left: 0; }
.switch-checkbox:checked + .switch-label .switch-switch { right: 0; }
.switch-switch-inner { width: 6px; height: 6px; position: absolute; left: 2px; top: 2px; background: #e5eef1; border-radius: 20px; }

/* bar */
.bar { background: #D8E6EF; height: 5px; width: 100%; overflow: hidden; border-radius: 5px; margin: 0; text-indent: -999em; }
.bar .progress { background: #afd75f; height: 100%; border-radius: 3px; }
.bar .fill { float: left; height: 100%; }
.bar.bar-large { height: 12px; border-radius: 15px; }

.bar.bar-reversed { background: #AFD75F; }
.bar.bar-reversed .progress { float: right; background: #D8E6EF; border-radius: 0; }
.bar.bar-reversed.full .progress { background: #cc5236; }

.pagesize {}
.pagesize .bar { margin: 9px 0 15px; width: 75%; }
.pagesize .indicator { position: relative; text-align: center; margin: 17px 0 5px; font-size: 22px; width: 75%; height: 20px; }
.pagesize .indicator .label { font-family: "Montserrat", sans-serif; position: absolute; z-index: 2; background: #fff; width: 30%; text-align: center; left: 35%; right: 35%; bottom: 0; height: 22px; }
.solve-mode .pagesize .indicator .label { background: #F5F7F9; }
.pagesize .indicator .line { border-bottom: 1px solid #C1CBCF; width: 100%; bottom: 10px; z-index: 1; position: absolute; }
.pagesize .list-legend { margin: 25px 0 20px!important; }

.html-example { display: block; margin-top: 5px; border-radius: 5px; padding: 10px; line-height: 16px; font-size: 12px; background: #F5F7F9; font-family: monospace, serif; _font-family: 'courier new', monospace; }
.html-example span { display: block; }
.html-example .indent-1 { padding-left: 30px; }
.html-example .indent-2 { padding-left: 60px; }
.html-example .indent-3 { padding-left: 90px; }
.html-example .indent-4 { padding-left: 120px; }
.html-example .indent-5 { padding-left: 150px; }
.html-example .indent-6 { padding-left: 180px; }
.html-example .highlight { color: #444; }
.html-example abbr { border-bottom: 1px dotted }

.html-example textarea { color: #222; font-family: monospace, serif; font-weight: normal; background: #FDFBE7; cursor: pointer; height: 16px; line-height: 16px; width: 100%; padding: 0; margin: 0; font-size: 12px; box-shadow: none; resize: none; overflow: hidden; border: 1px solid #FDFBE7; }
.html-example textarea:hover { background: #FFFBCF; color: #222; }
.html-example textarea:focus  { background: #FFF; border: 1px solid #DBDBDB; }
.html-example textarea.inline { display: inline-block; top: -1px; position: relative; }

.subheadings {}
.subheadings .indicator { position: relative; text-align: center; margin: 2px 0 10px; font-size: 24px; width: 93%; height: 20px; }
.subheadings .indicator .label { position: absolute; z-index: 2; background: #fff; width: 30%; text-align: center; left: 35%; right: 35%; bottom: 0; height: 22px; }
.subheadings .indicator .label span {}
.subheadings .indicator .line { border-bottom: 1px solid #C1CBCF; width: 100%; bottom: 10px; z-index: 1; position: absolute; }
.subheadings .list-legend { margin: 15px 0!important; }

.images-stacked { position: relative; width: 500px; height: 140px; margin: 30px 0 5px; }
.images-stacked img { position: absolute; width: 160px; height: 120px; top: 0; box-shadow: 0 3px 6px rgba(0,0,0,0.12); border: 3px solid #fff; }
.images-stacked-left { z-index: 1; left: 0; -webkit-transform: rotate(-7deg); -moz-transform: rotate(-7deg); transform: rotate(-7deg); }
.images-stacked-center { z-index: 3; left: 60px; }
.images-stacked-right { z-index: 2; left: 120px; -webkit-transform: rotate(7deg); -moz-transform: rotate(7deg); transform: rotate(7deg); }
.images-stacked ul { position: absolute; z-index: 4; left: 310px; top: 40px; width: 180px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.mside .topic:hover .result .images-stacked a { color: #23A9C6; }
.mside .topic:hover .result .images-stacked a:hover { text-decoration: none; } 

.mside .table-inline .text-truncate { width: 400px; }

/* background colors */
.bg-color0 { background-color: #6E9C20; }
.bg-color1 { background-color: #83BE21; }
.bg-color2 { background-color: #B5D45C; }
.bg-color3 { background-color: #E7E173; }
.bg-color4 { background-color: #E7B173; }
.bg-color5 { background-color: #EE5C36; }
.bg-color6 { background-color: #D73D17; }
.bg-color7 { background-color: #B63211; }
.bg-color8 { background-color: #94280D; }

/* slider */
.slider { position: relative; background: #BAC8D6; width: 290px; height: 4px; border-radius: 3px; float: left; margin: 18px 30px 0 0; }
.slider .ui-slider-range { background: #E9EEF2; height: 100%; right: 0; position: absolute; }
.slider .ui-slider-handle { background: #899CB1; width: 16px; height: 16px; margin: -6px -8px; position: absolute; z-index: 200; left: 0; border-radius: 50px; cursor: url(../../images/grabbing.png) 8 8, move; cursor: -webkit-grabbing; cursor: -moz-grabbing; padding: 0; border: 2px solid #FFF; }
.slider .ui-slider-handle:hover { transition: all .2s linear; }
.slider .ui-slider-handle:hover, .slider .ui-slider-handle:focus, .slider .ui-slider-handle:active { background: #55677A; }

/* upgrade go to pro */
.upgrade-analysis { float: left; width: 100%; text-align: left; background: #FDFBE7 url(../../images/placeholder-upgrade-plan.png) no-repeat 17px 20px; border-radius: 5px; padding: 15px 15px 15px 63px; margin: 30px 0 0; position: relative; margin: 20px 0; }
.upgrade-analysis .head { border: 0!important; margin: 0 0 10px!important; padding: 0; font-size: 16px; }
.form-horizontal .fieldset-description .upgrade-analysis .head { margin: 0 0 10px!important; }
.upgrade-analysis p { margin: 0; font-size: 14px!important; }
.upgrade-analysis .btn { position: absolute; right: 27px; top: 27px; font-size: 13px; padding: 6px 12px; }
.upgrade-analysis .ribbon { background: url(../../images/badge-plan.png) 0 0; width: 68px; height: 69px; position: absolute; text-indent: -999em; top: -4px; right: -5px; z-index: 4; text-align: center; font-size: 15px; clear: both; }
.upgrade-analysis.animated { -webkit-animation-delay: 0.7s; -webkit-animation-duration: 0.8s; -moz-animation-delay: 0.7s; -moz-animation-duration: 0.8s; animation-delay: 0.7s; animation-duration: 0.8s;}

.upgrade-analysis-small { text-align: center; margin: 20px 0; padding: 10px; background-image: none; }
.upgrade-analysis-small .icon-locked { background: url(../../images/placeholder-upgrade-plan-small.png) no-repeat; height: 26px; width: 21px; margin: -4px 10px 0 0; }
.upgrade-analysis-small p { font-size: 12px; font-family: "Montserrat", sans-serif; color: #222; }
.upgrade-analysis-small .btn { top: 10px; right: 20px; }
.footer-content .upgrade-analysis-small { margin-top: 0; }

/* pricing plan */
.pricing-plan { margin: 0 auto; width: 680px; }
.plan-option { text-align: center; background: #fff; margin: 0 30px; width: 280px; float: left; position: relative; border-radius: 5px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.16); }
.plan-option .head, .plan-option .body { padding: 20px; }
.plan-option.agency { margin: 0; }
.plan-option .cost { font-weight: bold; font-size: 40px; color: #000; }
.plan-option .cost sup { font-size: 26px; top: -8px; margin-right: 4px; }
.plan-option .description { font-size: 18px; margin: 4px 0 20px; }
.plan-option .period { font-size: 18px; font-weight: normal; color: #6D7E83; }
.plan-option ul { margin: 0 0 5px; padding: 0; }
.plan-option li:first-child { margin-top: 0; }
.plan-option li { padding: 0; list-style: inside none; line-height: 20px; margin: 20px 0 0; font-size: 14px; }
.plan-option li span { font: normal 15px/1 "Montserrat", sans-serif; color: #222; }
.plan-option .ribbon { background: url(../../images/sprite-icons-features.png) no-repeat -1169px -370px; width: 68px; height: 69px; text-indent: -999em; position: absolute; z-index: 5; top: -5px; right: -5px; }
.pricing-plan .compare { text-align: center; border-top: 1px dotted #DADADA; }
.pricing-plan .compare a { background: #FAFAFA; border-radius: 0 0 5px 5px; padding: 10px; color: #6D7E83; display: block; font: normal 14px/1 "Helvetica Neue", sans-serif; text-decoration: none; }
.pricing-plan .compare a:hover { border-radius: 0 0 5px 5px; transition: color 0.2s ease-in-out; color: #23A9C6; }
.pricing-plan .disclaimer { margin: 45px 0; }
.plan-option.extended { width: 100%; height: 200px; margin: 0; box-shadow: 0 1px 4px rgba(0,0,0,0.1); }
.plan-option.extended p { margin: 5px 0 0; }
.plan-option.extended .foot { padding: 5px 20px; }
.plan-option.extended .btn { position: absolute; top: 35px; right: 20px; }
.plan-option.extended .badge { background-position: -1138px -499px; height: 100px; width: 100px; padding: 0; left: 80px; top: 10px; }
.plan-option.extended .logoset { border: 0; }
.plan-option.extended .logoset .text-left { padding-right: 15px; }

/* about the plans */
.about-plans { margin-top: 80px; }
.about-plans h2 { margin: 0 0 10px; }
.about-plans .span12 > p { margin: 0 0 30px; }
.about-plans .about-plan h3 { margin: 30px 0 13px; }
.about-plans .about-plan p { margin-bottom: 40px; width: 90%; font-size: 14px; }
.about-plans .list-inline { margin: -15px 0 0 -75px; padding: 0; }
.about-plans .payment-methods li { margin: 0 15px 0 0; }
.about-plans .payment-methods img {}
.about-plans .payment-methods img:hover {}

.the-disclaimer { clear: both; background: #F6F7F8; width: 100%; height: 150px; border-radius: 10px; margin: 20px 0; padding: 5px; }
.the-disclaimer .the-disclaimer-contents { overflow-y: scroll; height: 100%; padding: 0 20px; }
.the-disclaimer h2 { font-size: 16px!important; padding-bottom: 5px!important; margin: 30px 0 5px!important; border-bottom: 1px solid #EEE!important; }
.the-disclaimer h2:first-child { margin-top: 15px!important; }
.the-disclaimer p {}
.the-disclaimer ul { font-size: 11px; }
.the-disclaimer li { margin: 0 0 8px; }


/* distributor plan */
.distributor-plan {}

/* form & pricing disclaimer */
.disclaimer { font-size: 13px; color: #9ea5a9; display: block; clear: both; margin: 0 0 30px; text-align: center; float: left; width: 100%; }
.disclaimer a { color: #9EA5A9; }
.disclaimer a:hover { color: #23A9C6; transition: 0.2s; }

/* badge */
.pro-only { width: auto; background: #FFA747; display: inline-block; border-radius: 20px; color: #FFF; padding: 2px 8px; font: bold 11px/1 'Helvetica Neue', sans-serif; position: relative; top: -3px; margin-left: 3px; }
.under-development { width: auto; background: rgba(0, 0, 0, 0.25); display: inline-block; border-radius: 20px; color: #FFF; padding: 2px 8px; font: bold 10px/13px 'Helvetica Neue', sans-serif; position: relative; top: -1px; margin-left: 2px; text-transform: uppercase; }
.badge { background: url(../../images/sprite-icons-features.png) no-repeat -1139px 0; width: 98px; height: 98px; position: absolute; z-index: 5; text-align: center; color: #fff; padding: 20px 0; }

/* testimonials on pricing page */
.pricing .testimonials, .switch-plan .testimonials { margin-top: 100px; }

/* feature pricing */
.table-features { border-top: 1px solid #eee; font-size: 14px; margin: 0 0 60px; }
.table-features .plan-feature-sub { width: 37%; } 
.table-features .free, .table-features .business, .table-features .agency { width: 31%; }
.table-features .free { text-align: center; }
.table-features .business { text-align: center; }
.table-features .agency { text-align: center; }

.table-features th { padding: 15px; }
.table-features td { padding: 12px 15px; }
.table-features th.plan-feature { width: 220px; }
.table-features th h3 { font-size: 20px; margin: 0; }
.table-features th.free {  }
.table-features th.business {}
.table-features th.agency {}

.table-features tr:hover td { background: #fff; }
.table-features td.plan-feature, .table-features td.plan-feature:hover { background: #FAFAFB; }
.table-features td.plan-feature-sub:hover { color: #222; background: #fff!important; }
.table-features td.plan-feature h4 { font-size: 14px; margin: 0; line-height: 12px; }
.table-features td.plan-feature-sub { font: normal 13px/1 "Montserrat", sans-serif; }
.table-features td.free {}
.table-features td.business {}
.table-features td.agency {}

.table-features tr:hover { cursor: pointer; }
.table-features .is-active { color: #222; border-color: #fff; }
.table-features .about-plan-feature-sub { display: none; }

.table-features .plan-feature-row strong { font-weight: normal; font-size: 14px; }
.table-features .plan-feature-row strong:before { width: 15px; display: inline-block; }
.table-features .plan-feature-row.is-active strong:before { content: "- "; }
.table-features .plan-feature-row.is-not-active strong:before { content: "+ "; }

.table-features .about-plan-feature-sub td { padding: 0 15px 10px; }
.table-features .about-plan-feature-sub div { font-size: 13px; background: #FDFBE7; padding: 10px 15px; border-radius: 5px; line-height: 1.5; }
.table-features .about-plan-feature-sub:hover div { color: #6D7E83; }

.table-features .name h4 { font-family: "Montserrat", sans-serif; font-size: 16px; color: #808E92; margin: 5px 0; }
.table-features .cost { font-family: "Montserrat", sans-serif; font-size: 40px; color: #000; margin: 0 0 5px; }
.table-features .cost sup { top: -6px; margin-right: 4px; }
.table-features .period { font-family: "Montserrat", sans-serif; font-size: 18px; color: #647b86; margin: 0 0 15px; }
.table-features .btn { width: 80%; margin: 0 0 15px; }

/* testimonials */
.testimonials { border-bottom: 1px dotted #d5d5d5; }
.testimonials .heart { background-image: url(../../images/sprite-icons-features.png); background-repeat: no-repeat; background-position: -1170px -214px; width: 36px; height: 29px; text-indent: -999em; display: inline-block; top: 9px; position: relative; }
.testimonials .heart.animated { visibility: visible; -webkit-animation-duration: 0.65s; -moz-animation-duration: 0.65s; animation-duration: 0.35s; }
.testimonials .countto { min-width: 100px; display: inline-block; text-align: right; }
.testimonials blockquote { min-height: 380px; margin: 0; padding: 0; -webkit-animation-duration: 0.3s; -moz-animation-duration: 0.3s; animation-duration: 0.3s; }
.testimonials .blockquote { position: relative; background: #F6F7F8 url(../../images/bg-quote.png) 28px 16px no-repeat; border-radius: 5px; padding: 19px 25px; margin: 30px 0; }
.testimonials .blockquote .arrow { background: url(../../images/testimonial-arrow.png) no-repeat 0 0; height: 20px; width: 20px; position: absolute; top: -20px; left: 32px; z-index: 50; }
.testimonials .blockquote p { margin: 0; font-style: italic; line-height: 1.61; font-size: 18px; display: inline; padding-left: 51px; }

.home .testimonials blockquote { width: 95%; }
.profile h3 { margin-bottom: 10px;  font-size: 18px; }
.profile .socialmedia { padding: 0; margin: 15px 0 5px; font-size: 12px; }
.profile .socialmedia a { padding: 0 4px; margin: 0 6px; }
.profile .linkedin a { background: url(../../images/sprite-social-icons.png) no-repeat 0 0; width: 22px; height: 22px; text-indent: -999em; display: inline-block; }
.profile .linkedin a:hover { background-position: 0 -32px; }
.profile .twitter a { background: url(../../images/sprite-social-icons.png) no-repeat -39px 1px; width: 22px; height: 22px; text-indent: -999em; display: inline-block; }
.profile .twitter a:hover { background-position: -39px -31px; }

.profile { font: normal 19px/1 "Montserrat", sans-serif; }
.profile .uppercase { font-size: 12px; }
.profile a { font-size: 12px; display: block; padding: 10px 0 0; }
.profile p { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; }
.testimonials .logos-large img { margin: 30px 15px 0; }


/* home
------------------------------ */
.home header form { min-height: 150px; text-align: center; }
.home header form .group { margin: 14px auto 17px; position: relative; display: inline-block; }
.home header form .group.shake { -webkit-animation-duration: 0.75s; -moz-animation-duration: 0.75s; animation-duration: 0.75s; }

.home header .hints { color: #5FA5BB; font-size: 14px; clear: both; margin: 5px 0 50px; }
.home header .hints.error { color: #F88; font-size: 17px; margin: 5px 0 46px; }
.home header form .group.error .hints { color: #F09393; }
.home header .hints a:hover { text-decoration: none; transition-duration: 0.25s; }
.home header input[type="text"] { float: left; color: #000; border-radius: 4px 0 0 4px; border: 0; height: 48px; width: 520px; padding: 8px 15px; font: normal 20px/1.3 "Montserrat", helvetica,sans-serif; box-shadow: 0 0 0 #000,inset 0 3px 3px #FAFAFA; }
.home header input[type="submit"] { float: left; height: 48px; width: 170px; border-radius: 0 4px 4px 0; font-size: 18px; }
.home header form .group.error input[type="text"] { border: 1px solid #F05A5A; background: #FDF5F5; }
.home .btn-primary.pressed { float: left; height: 48px; width: 170px; border-radius: 0 4px 4px 0; font-size: 18px; line-height: 28px; }
.home .btn .moment { display: block; background: url(../../images/dots.gif) no-repeat right 17px; padding-right: 10px; }

/* seo process */
.seo-process { text-align: center; }
.seo-process a img { visibility: hidden; display: block; }
.seo-process a .animated { visibility: visible; }
.seo-process figure a { border: 1px solid #ebedee; display: block; width: 240px; height: 160px; margin: 10px auto 30px; overflow: hidden; border-radius: 5px; }
.seo-process img { display: block; border-radius: 7px; width: 240px; height: 160px; }
.seo-process .analyze-website img { -webkit-animation-delay: 1.3s; -moz-animation-delay: 1.3s; animation-delay: 1.3s; -webkit-animation-duration: 0.65s; -moz-animation-duration: 0.65s; animation-duration: 0.65s; }
.seo-process .improve-website img { -webkit-animation-delay: 1.7s; -moz-animation-delay: 1.7s; animation-delay: 1.7s; -webkit-animation-duration: 0.65s; -moz-animation-duration: 0.65s; animation-duration: 0.65s; }
.seo-process .seo-process-website img { -webkit-animation-delay: 2.1s; -moz-animation-delay: 2.1s; animation-delay: 2.1s; -webkit-animation-duration: 0.65s; -moz-animation-duration: 0.35s; animation-duration: 0.35s; }
.seo-process .btn-primary { margin: 30px 0 16px; -webkit-animation-delay: 1.5s; -moz-animation-delay: 1.5s; animation-delay: 1.5s; -webkit-animation-duration: 0.35s; -moz-animation-duration: 0.35s; animation-duration: 0.35s; }

/* seo features */
.seo-features .table-canvas { border-radius: 10px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); margin: 0 0 20px; overflow: hidden; }
.seo-features table { position: relative; background: #fff; border-radius: 8px; }
.seo-features td { position: relative; border: 1px solid #f6f7f8; vertical-align: top; width: 50%; }
.seo-features td > div { padding: 25px 15px 25px 88px; }
.seo-features h3 { text-transform: uppercase; font-size: 14px; margin: 0 0 5px; line-height: 24px; }
.seo-features table p { margin: 0; font-size: 13px; line-height: 18px; }
.seo-features .badge { text-transform: uppercase; font-size: 10px; display: none; text-decoration: none; }
.seo-features .badge.animated { display: block; top: -49px; right: -49px; }
.seo-features .badge strong { font-weight: normal; display: block; font-size: 30px; }
.seo-features .badge strong:before { content: "+"; }
.seo-features .img-features { background: url(../../images/sprite-icons-features.png) no-repeat 0 0; }
.seo-features .img-features.img-1 { background-position: 15px 5px; }
.seo-features .img-features.img-2 { background-position: 15px -180px; }
.seo-features .img-features.img-3 { background-position: 15px -365px; }
.seo-features .img-features.img-4 { background-position: -564px 5px; }
.seo-features .img-features.img-5 { background-position: -564px -180px; }
.seo-features .img-features.img-6 { background-position: -564px -365px; }
.seo-features .lead a { text-decoration: none; }
.seo-features .lead a:hover { text-decoration: underline; }

/* being analyzed  */
.being-analyzed { padding-bottom: 80px; }
.being-analyzed h3 { width: 80%; margin: 40px 0 8px; }
.being-analyzed p { margin: 0; }
.being-analyzed p, .being-analyzed ul { width: 92%; }

/* testimonials */
.home .testimonials { border-bottom: 0; padding-top: 45px; }
.home .testimonials .profile a { display: inline; }


/* general styles for home : analysis, keyword rankings, keyword suggestions and white labeling */
.tour-preview { padding: 60px 0; }
.tour-preview p { font-size: 16px; line-height: 1.5; width: 95%; }
.tour-preview .ticks { font: 12px/1.5 "Helvetica Neue", sans-serif; }
.tour-preview .ticks li { margin: 0; }
.tour-preview .ticks li.last { margin-top: 18px; }
.tour-preview .ticks li.last a { text-decoration: none; margin: 0; padding: 5px 25px; }
.tour-preview .ticks li.last a:hover { text-decoration: underline; }
.tour-preview .ticks li p { background-position: 0 8px; padding-top: 2px; }
.tour-preview .ticks li p, .tour-preview .ticks li.last { font-size: 14px; }
.tour-preview figure { position: relative; }
.tour-preview figcaption, .tour-preview .caption { font-size: 13px; text-align: left; display: block; margin: 10px 0 0; color: #6D7E83; }

/* home analysis */
.home-analysis {}
.tour-preview-analysis { margin-left: -50px; position: relative; height: 250px; margin-bottom: 30px; }
.tour-preview-analysis figure { position: absolute; left: 1px; top: 1px; width: 399px; height: 241px; }
.tour-preview-analysis img { display: block; width: 397px; height: 239px; }
.tour-preview-analysis figcaption { position: absolute; z-index: 2; left: 0; bottom: -25px; background: #fff; width: 100%; }
.tour-preview-analysis .bg { background: url(../../images/tour-preview-analysis-bg.gif) no-repeat 0 0; width: 212px; height: 157px; position: absolute;right: -35px; bottom: 0; z-index:-1;}
.tour-preview-analysis .shade { background: url(../../images/tour-preview-analysis-shade.png) no-repeat 0 0; width: 83px; height: 239px; position: absolute; z-index: 4; right: 64px; bottom: 9px; }
.tour-preview .pauzeFadeInDown { display: none; }
.tour-preview-analysis .clipping { background: #fff; width: 399px; height: 241px; border: 1px solid #E4E7EC; }

/* home analytics */
.home-analytics { padding: 0; }
.home-analytics h2 { margin-top: 60px; }
.home-analytics figure { margin-top: 60px; height: 280px; }
.home-analytics img { display: block; }
.home-analytics img.graph { width: 401px; height: 247px; position: absolute; top: 0; left: 0; z-index: 2; }
.home-analytics img.mouseover { width: 288px; height: 184px; position: absolute; top: 117px; left: 197px; z-index: 3; }
.home-analytics .bg { position: relative; overflow: hidden; height: 114px; width: 940px; }
.home-analytics .bg > div { background-image: url(../../images/tour-preview-keywordrankings-bg.png); background-repeat: no-repeat; position: absolute; }
.home-analytics .bg .line-background { background-position: 0 0; width: 871px; height: 105px; z-index: 1; left: 9px; bottom: 0; }
.home-analytics .bg .line-foreground { background-position: 0 -197px; width: 951px; height: 114px; z-index: 2; left: 0; bottom: -10px; }

/* home keyword rankings */
.home-keywordrankings { padding: 0; height: 370px; }
.home-keywordrankings h2 { margin-top: 60px; }
.home-keywordrankings figure { margin-top: 60px; height: 280px; }
.home-keywordrankings img { display: block; }
.home-keywordrankings img.graph { width: 401px; height: 247px; position: absolute; top: 0; left: 0; z-index: 2; }
.home-keywordrankings img.mouseover { width: 288px; height: 184px; position: absolute; top: 117px; left: 197px; z-index: 3; }
.home-keywordrankings .bg { position: relative; overflow: hidden; height: 114px; width: 940px; }
.home-keywordrankings .bg > div { background-image: url(../../images/tour-preview-keywordrankings-bg.png); background-repeat: no-repeat; position: absolute; }
.home-keywordrankings .bg .line-background { background-position: 0 0; width: 871px; height: 105px; z-index: 1; left: 9px; bottom: 0; }
.home-keywordrankings .bg .line-foreground { background-position: 0 -197px; width: 951px; height: 114px; z-index: 2; left: 0; bottom: -10px; }

/* home keyword suggestions */
.home-keywordsuggestions { background: url(../../images/tour-preview-keywordsuggestions-bg.png) no-repeat right bottom; padding-bottom: 40px; }
.home-keywordsuggestions figure { height: 280px; width: 100%; }
.home-keywordsuggestions img { display: block; width: 532px; height: 237px; position: absolute; left: -100px; bottom: -40px; }
.home-keywordsuggestions .zoom { position: absolute; z-index: 3; top: 1px; left: 44px; background: url(../../images/tour-keywordsuggestions.png) no-repeat -567px 0; width: 258px; height: 305px; }

/* home  white label */
.home-whitelabel {}
.screens-before-after { position: relative; width: 399px; height: 247px; border: 1px solid #EEF0F3; }
.screens-before-after .drag { background: #F29E52; height: 247px; width: 2px; right: -1px; top: 0; position: absolute; z-index: 4; cursor: col-resize; }
.screens-before-after .drag i { background: url(../../images/sprite-tour-drag.png) no-repeat; width: 30px; height: 30px; display: block; position: absolute; top: 108px; margin-left: -14px; z-index: 5; }
.screens-before-after .screen-foreground, .screens-before-after .screen-background { position: absolute; background-image: url(../../images/tour-preview-whitelabel-compare.png); background-repeat: no-repeat; height: 245px; }
.screens-before-after .screen-foreground { z-index: 2; background-position: left bottom; left: 0; top: 0; width: 50%; max-width: 100%; }
.screens-before-after .screen-background { z-index: 1; background-position: left top; left: 0; top: 0; width: 100%; }
.screens-before-after .caption { position: absolute; bottom: -25px; left: 0; font-size: 13px; text-align: left; display: block; margin: 10px 0 0; }

.home-whitelabel .sample-report { display: block; border-top: 1px solid #ededed; background: url(../../images/icon-sample-report.png) no-repeat 0 17px; padding: 20px 0 0 80px; width: 410px; min-height: 100px; margin: 37px 0 0; color: #6D7E83; }
.home-whitelabel .sample-report:hover .btn { background: #98C144; transition: background 0.2s ease-in-out; }
.home-whitelabel .sample-report h3, .home-whitelabel .sample-report p { line-height: 1; }
.home-whitelabel .sample-report .left { width: 250px; }
.home-whitelabel .sample-report h3 { font-size: 16px; margin: 10px 0 14px; }
.home-whitelabel .sample-report p { font-size: 14px; margin: 0; }
.home-whitelabel .sample-report .btn { width: 80px; margin: 20px 0 0; }

.home-whitelabel .sample-dashboard { width: 397px; text-align: center; height: 44px; bottom: 0; position: absolute; }
.home-whitelabel .screens-before-after-wrapper { height: 245px; }
.home-whitelabel .sample-dashboard-wrapper { height: 74px; position: relative; }

/* home  tour preview call to action  */
.tour-preview-cta .btn { margin-bottom: 18px; }


/* tour page styles
------------------------------ */
.tour .bg-primary-glow { padding: 0; }
.tour section { padding-top: 50px; }
.tour .uppercase { margin: 0 0 20px; display: block; font-size: 12px; }
.tour .sort-by { text-align: center; }
.tour .sort-by ul { position: relative; display: inline-block; float: none; margin: 13px auto 0; }
.tour .sort-by a { font-size: 16px; padding: 14px 28px 11px; }
.tour .testimonials { border: 0; }
.tour .testimonials p { margin: 5px 0 0; }
.featured { position: relative; }
.featured img { display: block; margin: -3px auto 0; width: 653px; height: 332px; }

.logos-companies { margin: 30px 52px 0; width: 355px; height: 367px; background: url(../../images/logos-companies-bg.png) no-repeat; }
.logos-companies .item { position: relative; width: 177px; height: 122px; float: left; }
.logos-companies .item div { position: absolute; left: 0; top: 1px; margin: 0 1px; width: 176px; height: 122px; background: url(../../images/logos-companies.png) no-repeat; }
.logos-companies .item:nth-child(even) div { margin: 0 0 1px 1px; right: 0; top: 1px; }
.logos-companies .item .logo-1 { background-position: 0 0; }
.logos-companies .item .logo-2 { background-position: -179px 0; }
.logos-companies .item .logo-3 { background-position: -355px 0; }
.logos-companies .item .logo-4 { background-position: -533px 0; }
.logos-companies .item .logo-5 { background-position: 0 -122px; }
.logos-companies .item .logo-6 { background-position:  -179px -122px; }
.logos-companies .item .logo-7 { background-position: -355px -122px; }
.logos-companies .item .logo-8 { background-position: -533px -122px; }
.logos-companies .item .logo-9 { background-position: 0 -244px; }
.logos-companies .item .logo-10 { background-position: -178px -244px; }
.logos-companies .item .logo-11 { background-position: -355px -244px; }
.logos-companies .item .logo-12 { background-position: -533px -244px; }
.logos-companies .item .logo-13 { background-position: 0 -366px; }
.logos-companies .item .logo-14 { background-position: -178px -366px; }
.logos-companies .item .logo-15 { background-position: -356px -366px; }

.logos-companies.logos-companies-inline { background: none; overflow: hidden; margin: 0; width: 100%; height: 100px; text-align: center; }
.logos-companies.logos-companies-inline span { text-indent: -999em; opacity: 0.33; background-image: url(../../images/logos-companies.png); background-repeat: no-repeat; width: 177px; height: 72px; margin: 14px; display: inline-block; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; }
.logos-companies.logos-companies-inline span:hover { -webkit-filter: grayscale(0%); -moz-filter: grayscale(10%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter: none; opacity: 1; transition: all 0.1s ease-in-out; }

.logos-companies-inline .logo-1 { background-position: -7px -25px; width: 163px!important; }
.logos-companies-inline .logo-2 { background-position: -175px -25px; width: 182px!important; }
.logos-companies-inline .logo-3 { background-position: -362px -25px; width: 164px!important; }
.logos-companies-inline .logo-4 { background-position: -535px -25px; width: 175px!important; }
.logos-companies-inline .logo-5 { background-position: -1px -147px; width: 174px!important; }
.logos-companies-inline .logo-6 { background-position:  -181px -147px; width: 170px!important; }
.logos-companies-inline .logo-7 { background-position: -346px -147px; width: 197px!important; }
.logos-companies-inline .logo-8 { background-position: -539px -147px; width: 167px!important; }
.logos-companies-inline .logo-9 { background-position: 0 -269px; width: 176px!important; }
.logos-companies-inline .logo-10 { background-position: -218px -269px; width: 97px!important; }
.logos-companies-inline .logo-11 { background-position: -371px -269px; width: 148px!important; }
.logos-companies-inline .logo-12 { background-position: -573px -269px; width: 99px!important; }
.logos-companies-inline .logo-13 { background-position: -40px -391px; width: 96px!important; }
.logos-companies-inline .logo-14 { background-position: -202px -391px; width: 129px!important; }
.logos-companies-inline .logo-15 { background-position: -367px -391px; width: 153px!important; }

.testimonials-quotes { padding-top: 30px; }
.testimonials-quotes .heart { top: 2px; background-position: -1170px -277px; width: 23px; height: 20px; }
.testimonials.testimonials-primary { padding-top: 0!important; }
.testimonials.testimonials-primary blockquote { width: 690px; min-height: 250px; margin: 0 auto; }
.testimonials.testimonials-primary blockquote .blockquote { background: #FDFBE7 url(../../images/bg-quote-alt.png) 28px 16px no-repeat !important; margin: 0 0 10px; clear: both; }
.testimonials.testimonials-primary blockquote p { color: #858574; line-height: 28px; font-size: 17px; }
.testimonials .profile { padding-top: 6px; height: 66px; margin: 0 0 25px 25px; float: left; width: 690px; background-position: 0 4px; padding-left: 76px; background-repeat: no-repeat; background-image: url(../../images/testimonial-profile.png); }
.testimonials .profile h3 { margin-top: 0; }
.testimonials .profile.vincent { font: normal 19px/1 "Montserrat", sans-serif; background-image: url(../../images/testimonial-vincent.png); }
.testimonials-content { min-height: 250px; width: 690px; margin: 0 auto; position: relative; }


/* logoset */
.logoset { font: normal 11px/1 "Montserrat", sans-serif; color: #8B989E; text-transform: uppercase; border-bottom: 1px dotted #D5D5D5; padding: 0; }
.logoset .text-left, .logoset .text-right { padding: 30px 0 29px; }
.logoset ul { margin: 0; padding: 0; list-style: none; overflow: hidden; text-align: center; }
.logoset li { text-indent: -999em; display: inline-block; background-image: url(../../images/logoset-small.png); background-repeat: no-repeat; height: 70px; margin: 0 3px; }
.logoset .ebay { background-position: -36px center; width: 80px; }
.logoset .yellowpages { background-position: -163px center; width: 150px; }
.logoset .paypal { background-position: -352px center; width: 96px; }
.logoset .netregistry { background-position: -492px center; width: 143px; }
.logoset .zanox { background-position: -669px center; width: 103px; }


/* intro */
.tour .bigshots { position: relative; height: 350px; overflow: hidden; margin-top: -15px; }
.tour .bigshots .images {}
.tour .bigshots .shade { background: url(../../images/tour-bigshot-shade.png) no-repeat; width: 928px; height: 23px; position: absolute; z-index: 3; bottom: 0; left: 0; right: 0; }
.tour .bigshots .img-1 { -webkit-animation-delay: 0.2s; -moz-animation-delay: 0.2s; animation-delay: 0.2s; background: url(../../images/tour-bigshot-img-1.png) no-repeat; width: 675px; height: 380px; position: absolute; z-index: 2; bottom: -60px; left: 0; text-indent: -999em; -webkit-transition: bottom 0.2s; -moz-transition: bottom 0.2s; transition: bottom 0.2s; }
.tour .bigshots .img-2 { -webkit-animation-delay: 0.4s; -moz-animation-delay: 0.4s; animation-delay: 0.4s; background: url(../../images/tour-bigshot-img-2.png) no-repeat; width: 375px; height: 301px; position: absolute; z-index: 1; bottom: -60px; right: 0; text-indent: -999em; -webkit-transition: bottom 0.2s; -moz-transition: bottom 0.2s; transition: bottom 0.2s; }
.tour .bigshots .btn { -webkit-animation-delay: 1s; -moz-animation-delay: 1s; animation-delay: 1s; position: relative; top: 7px; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2); z-index: 20; }
.tour .bigshots .img-1:hover, .tour .bigshots .img-2:hover { transition: bottom 0.5s; -webkit-transition: bottom 0.5s; -moz-transition: bottom 0.5s; bottom: -40px;  }
.tour .bigshots .img-2:hover { bottom: -43px; }

/* tour analytics */
.tour .tour-analytics { padding: 0; }
.tour .tour-analytics .block { padding: 60px 0 150px; }
.tour .tour-analytics .bg { background: url(../../images/tour-analytics-bg.png) no-repeat center bottom; margin: 0 auto; min-width: 960px; position: relative; }
.tour .tour-analytics .pinpoints { position: relative; width: 960px; margin: 0 auto; padding-left: 10px; padding-right: 10px; height: 10px; }
.tour .tour-analytics .pinpoint { position: absolute; z-index: 20; background: url(../../images/tour-analytics-pinpoints.png) no-repeat 0 -34px; width: 28px; height: 34px; }
.tour .tour-analytics .pinpoint.pinpoint-4 { background: url(../../images/tour-analytics-pinpoints-current.png) no-repeat 0 0; width: 15px; height: 411px; }
.tour .tour-analytics .pinpoint.pinpoint-big { background-position: -51px 0; width: 56px; height: 68px; }
.tour .tour-analytics .pinpoint-1, .tour .tour-analytics .pinpoint-2, .tour .tour-analytics .pinpoint-3, .tour .tour-analytics .pinpoint-stats { -webkit-animation-duration: 0.3s; -moz-animation-duration: 0.3s; animation-duration: 0.3s; }
.tour .tour-analytics .pinpoint-4 { -webkit-animation-duration: 0.1s; -moz-animation-duration: 0.1s; animation-duration: 0.1s; }
.tour .offset-hide { visibility: hidden; }
.tour .animated { visibility: visible; }
.tour .tour-analytics .pinpoint-1 { left: -20px; bottom: 60px; -webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s; animation-delay: 0.3s; }
.tour .tour-analytics .pinpoint-2 { left: 200px; bottom: 90px; -webkit-animation-delay: 0.6s; -moz-animation-delay: 0.6s; animation-delay: 0.6s; }
.tour .tour-analytics .pinpoint-3 { left: 406px; bottom: 67px; -webkit-animation-delay: 0.9s; -moz-animation-delay: 0.9s; animation-delay: 0.9s; }
.tour .tour-analytics .pinpoint-4 { left: 536px; bottom: -164px; -webkit-animation-delay: 1.1s; -moz-animation-delay: 1.1s; animation-delay: 1.1s; }
.tour .tour-analytics .pinpoint-stats { -webkit-animation-delay: 1.3s; -moz-animation-delay: 1.3s; animation-delay: 1.3s; position: absolute; bottom: 263px; right: 0; width: 360px; border: 2px solid #F29E52; border-radius: 8px; padding: 15px; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05); }
.tour .tour-analytics .pinpoint-stats > div { float: left; width: 33%; font: normal 26px/1 "Montserrat", sans-serif; color: #000; }
.tour .tour-analytics .pinpoint-stats strong { font: normal 13px/1 "Montserrat", sans-serif; display: block; color: #6D7E83; margin: 0 0 10px; }

/* tour analytics browser */
.tour-analytics-browser .block-item { margin: 10px 0 20px; }
.tour-analytics-browser .block-item h3, .tour-analytics-browser .block-item p { margin-left: 78px; }
.tour-analytics-browser .block-item h3 { margin-top: 0; }
.tour-analytics-browser .block-item p { font-size: 14px; line-height: 22px; }
.tour-analytics-browser .block-item i { background-image: url(../../images/sprite-icons-features.png); background-repeat: no-repeat; width: 48px; height: 48px; float: left; }
.tour-analytics-browser .block-item.point-1 i { background-position: 0 -945px; }
.tour-analytics-browser .block-item.point-2 i { background-position: 0 -760px; width: 52px; height: 48px; }
.tour-analytics-browser .block-item.point-3 i { background-position: 0 -1130px; }
.tour-analytics-browser .block-item.point-4 i { background-position: -581px -20px; }

.tour-analytics-browser .the-browser-canvas { position: relative; height: 570px; padding: 85px 0 0; margin: 0 0 20px; }
.tour-analytics-browser .the-browser { position: relative; background: url(../../images/tour-analytics-page.png) no-repeat center; width: 940px; height: 438px; }
.tour-analytics-browser .the-browser > div div { background: url(../../images/tour-analytics-page-sprite.png) no-repeat; position: absolute; z-index: 3; }

.tour-analytics-browser .the-browser .the-browser-in, .tour-analytics-browser .the-browser .the-browser-out { display: none; }
.tour-analytics-browser .the-browser .animated.the-browser-in, .tour-analytics-browser .the-browser .animated.the-browser-out { display: block; }
.tour-analytics-browser .the-browser .point-1 .the-browser-in { background-position: -350px -97px; width: 103px; height: 125px; left: 327px; top: 197px; -webkit-animation-delay: 0.4s; -moz-animation-delay: 0.4s; animation-delay: 0.4s; -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; animation-duration: 0.5s; }
.tour-analytics-browser .the-browser .point-2 .the-browser-in { background-position: -350px -242px; width: 106px; height: 22px; right: 327px; top: 4px; -webkit-animation-delay: 1.2s; -moz-animation-delay: 1.2s; animation-delay: 1.2s; -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; animation-duration: 0.5s; }
.tour-analytics-browser .the-browser .point-3 .the-browser-in { background-position: -330px -301px; width: 145px; height: 76px; right: 318px; bottom: 1px; -webkit-animation-delay: 2.0s; -moz-animation-delay: 2.0s; animation-delay: 2.0s; -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; animation-duration: 0.5s; }

.tour-analytics-browser .the-browser .point-1 .the-browser-out { background-position: -15px -104px; width: 268px; height: 290px; left: 78px; top: -23px; -webkit-animation-delay: 1.0s; -moz-animation-delay: 1.0s; animation-delay: 1.0s; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; animation-duration: 1s; }
.tour-analytics-browser .the-browser .point-2 .the-browser-out { background-position: -33px 0; width: 294px; height: 92px; top: -73px; right: 92px; -webkit-animation-delay: 1.8s; -moz-animation-delay: 1.8s; animation-delay: 1.8s; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; animation-duration: 1s; }
.tour-analytics-browser .the-browser .point-3 .the-browser-out { background-position: 0 -439px; width: 355px; height: 157px; right: 89px; bottom: 12px; -webkit-animation-delay: 2.6s; -moz-animation-delay: 2.6s; animation-delay: 2.6s; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; animation-duration: 1s; }



/* tour suggestions */
.tour .tour-keywordsuggestions { padding: 0; background: #F5F6F7; }
.tour .tour-keywordsuggestions .block { padding: 60px 0 334px; }
.tour .tour-keywordsuggestions .row { position: relative; }
.tour .tour-keywordsuggestions .bg { position: absolute; left: -81px; bottom: 0; background: url(../../images/tour-keywordsuggestions.png) no-repeat 0 -120px; width: 532px; height: 237px; }
.tour .tour-keywordsuggestions .zoom { position: absolute; z-index: 3; top: -118px; left: 128px; background: url(../../images/tour-keywordsuggestions.png) no-repeat -567px 0; width: 258px; height: 305px; }

/* tour agencies */
.tour .agencies { padding: 0; position: relative; background: transparent; overflow: hidden; }
.tour .agencies .block { padding: 60px 0 100px; }
.tour .agencies .canvas { position: absolute; height: 180px; right: -280px; top: 110px; width: 960px; overflow: hidden; z-index: 1; opacity: 1; }
.tour .agencies .shade { width: 686px; height: 10px; position: absolute; right: 0; top: 290px; background: url(../../images/tour-agencies-shade.png) no-repeat 0 bottom; }
.tour .agencies .img-1, .tour .agencies .img-2, .tour .agencies .img-3 { width: 615px; height: 320px; position: absolute; top: 0; -webkit-animation-duration: 0.6; -moz-animation-duration: 0.6s; animation-duration: 0.6s; }
.tour .agencies .img-1 { background: url(../../images/tour-agencies-screen-1.png) no-repeat; z-index: 1; right: 320px; -webkit-animation-delay: 0.8s; -moz-animation-delay: 0.8s; animation-delay: 0.8s; }
.tour .agencies .img-2 { background: url(../../images/tour-agencies-screen-2.png) no-repeat; z-index: 2; right: 180px; -webkit-animation-delay: 1.2s; -moz-animation-delay: 1.2s; animation-delay: 1.2s; }
.tour .agencies .img-3 { background: url(../../images/tour-agencies-screen-3.png) no-repeat; z-index: 3; right: 40px; -webkit-animation-delay: 1.6s; -moz-animation-delay: 1.6s; animation-delay: 1.6s; }

.tour .agencies .features-long { float: left; margin-bottom: 30px; }
.tour .agencies .features-long > div { float: left; width: 300px; height: 190px; }
.tour .agencies .features-long i { background: url(../../images/sprite-tour-features.png) no-repeat; float: left; }
.tour .agencies .features-long .report { margin: 0; }
.tour .agencies .features-long .report i { background-position: -2px 0; width: 28px; height: 25px; }
.tour .agencies .features-long .collaborate { margin-bottom: 0; }
.tour .agencies .features-long .collaborate i { background-position: 0 -45px; width: 32px; height: 17px; }
.tour .agencies .features-long .support { margin-bottom: 0; }
.tour .agencies .features-long .support i { background-position: -5px -171px; width: 32px; height: 25px; }
.tour .agencies .features-long .branding { margin: 0; }
.tour .agencies .features-long .branding i { background-position: -2px -82px; width: 28px; height: 27px; }
.tour .agencies .features-long .leads { margin-bottom: 0; }
.tour .agencies .features-long .leads i { background-position: -4px -128px; width: 24px; height: 24px; }
.tour .agencies .features-long .branding, .tour .agencies .features-long .leads { height: 200px; }
.tour .agencies .features-long h3, .tour .agencies .features-long p { margin: 0 0 0 45px; padding-right: 30px; }
.tour .agencies .features-long p { font-size: 14px; line-height: 22px; }
.tour .agencies .features-long h3 { margin-bottom: 13px; }
.tour .agencies .features-long > div.no-margin { margin: 0; }

.tour .agencies .features-short { padding: 0 0 0 50px; background: url(../../images/tour-vr.png) no-repeat 25px 0; }
.tour .agencies .features-short h3 { margin: 0 0 0 24px; }
.tour .agencies .features-short ul { margin: 14px 0 30px 20px; }
.tour .agencies .features-short .btn { }
.tour .agencies .features-short .ticks li p { margin: 0 0 10px; }

.dashboard .tour .tour-keywordsuggestions { background: none; }



/* support styles
------------------------------ */
.support .category { margin: 0 0 60px; }
.support .category h3 { font-family: "Montserrat", sans-serif, sans-serif; font-size: 15px; color: #6D7E83; }
.support .category h3.current { color: #222; }
.support .category h2.subheading { margin-bottom: 24px; }
.support .question { cursor: pointer; font-size: 14px; margin: 17px 0 0; }
.support .question:hover { color: #23a9c6; text-decoration: underline; }
.support .answer { display: none; margin: 20px 0 30px; font-size: 14px; }
.support form fieldset > p { font-size: 14px; }
.support form .error .message { font-size: 14px; }
.offices { line-height: 1.5; }
.offices address { font-style: normal; margin: 0 0 20px; }


/* about page styles
------------------------------ */
.about figure .uppercase { font: normal 12px "Montserrat", sans-serif; color: #808E92; }
.about figure img { margin: 40px 0 10px; }
.about .profile p { padding: 0 10px; margin-top: 25px; font-size: 14px; line-height: 22px; }

/* about website assessment */
.website-assessment .subjects { margin-top: 20px; }
.website-assessment .subjects .row { margin-top: 20px; margin-bottom: 20px; }
.website-assessment .subjects h4 { font-size: 14px; }
.website-assessment .subjects ul { font-size: 16px; line-height: 22px; }

/* about spider */
.website-spider section .square li { line-height: 24px; }


/* user sign in / up
------------------------------ */
.useraccount, .useraccount section { background: #f6f7f8; }
.useraccount .navigation ul, .useraccount .footer-push, .useraccount footer { display: none; }
.useraccount h1 { margin-bottom: 30px; }
.useraccount .box { background: #fff; border-radius: 3px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); }
.useraccount .box.animated { -webkit-animation-duration: 0.75s; -moz-animation-duration: 0.75s; animation-duration: 0.75s; }
.useraccount .benefits { margin: 30px 0 0 10px; min-height: 339px; border-right: 1px dotted #d5d5d5; }
.useraccount form { margin: 30px; }
.useraccount h2 { font-size: 20px; line-height: 1; margin: 0 0 25px; }
.useraccount input { width: 100%; margin: 0 0 10px; }
.useraccount .small { font-size: 14px; padding: 5px; margin: 0 0 0 -5px; line-height: 1; text-align: center; }
.useraccount .small, .useraccount .small a { color: #96A0A5; }
.useraccount .small a:hover { color: #222; transition: all 0.1s ease-in-out; }
.useraccount .btn-login { clear: both; padding: 8px 40px; margin: 10px 0 0; }
.useraccount .btn-primary.pressed { margin: 10px 0 0; padding: 8px 40px; width: 100%; }
.useraccount .remember { float: left; line-height: 1.5; font-family: "Helvetica Neue", Helvetica, sans-serif; color: #96A0A5; }
.useraccount .remember:hover { color: #222; transition: all 0.1s ease-in-out; }
.useraccount .remember i { margin-top: 0; }
.useraccount .remember.is-checked { color: #222; }
.useraccount .no-account { text-align: center; padding: 30px 0 5px; font-size: 14px; }
.useraccount .no-account a { display: inline-block; }

.useraccount input[type="password"] { background: url(../../images/icon-secure.png) no-repeat 374px 7px; padding-right: 31px; }
.useraccount .groups { margin: 0 0 10px; overflow: hidden; }
.useraccount .groups .group { float: left; width: 48%; }
.useraccount .groups .group:first-child { margin-right: 4%; }

.useraccount .alert { background: #fffbcc; color: #222; padding: 15px; font-size: 14px; margin: 0 0 30px; }
.useraccount .alert p { margin: 0; }
.useraccount .alert ul { list-style: square inside; padding: 0 0 0 2px; margin: 10px 0; }
.useraccount .alert li { margin: 5px 0; padding: 0; }
.useraccount .alert ul.nolist { list-style: none; padding: 0; }
.useraccount nav .user {}

.useraccount .ticks p { font-size: 14px; line-height: 30px; }

.account .deactivate-account { color: #DF4629; margin: 11px 0 0 10px; display: inline-block; font-size: 14px; }


/* terms & privacy policy styles
------------------------------ */
.terms section h2 { margin: 0 0 20px; }
.privacy section ul, .terms section ul { margin: 0 0 60px; }
.privacy section li, .terms section li { margin: 0 0 15px; font-size: 16px; line-height: 1.5; }
.terms section ul ul { margin: 20px 0 60px; padding: 0 0 0 20px; }


/* analysis result
------------------------------ */
.summary h1.page { white-space: nowrap; text-overflow: ellipsis; width: 95%; overflow: hidden; }
.summary h2.url { color: #869397; font-size: 20px; line-height: 1.15; margin: 0 0 15px; white-space: nowrap; text-overflow: ellipsis; width: 95%; overflow: hidden; }
.summary h2.url a { color: #869397; text-decoration: none; }
.summary h2.url a:hover { text-decoration: underline; }
.summary p.description { margin: 0 0 15px; font-size: 14px; color: #808E92; }
.summary p.description .pages-evaluated { color: #808E92; }
.summary .btn-group .dropdown.dropdown-btn { padding-top: 4px; border-radius: 15px; }
.summary .btn-group .dropdown.dropdown-btn:hover { box-shadow: 0 1px 2px rgba(0,0,0,0.08); }
.summary .btn-group .btn-rounded { font-family: 'Montserrat', sans-serif; font-size: 14px; line-height: 1; border-radius: 15px; padding: 4px 10px 5px; background: #FFF; border: 1px solid #E6E6E6; position: relative; color: #222; text-decoration: none; }
.summary .btn-group .btn-rounded:hover { color: #222; transition: color 0.15s ease-in-out; box-shadow: 0 1px 2px rgba(0,0,0,0.08); }
.summary .btn-group .btn-rounded:hover i { background-position: -216px -195px;  }
.summary .btn-group .dropdown > b { font-family: 'Montserrat', sans-serif; color: #222; }

.grade { font: normal 20px/1 'Montserrat', sans-serif; color: #87999f; padding: 3px 0 0; text-align: right; }
.grade .label { margin: 4px 0 0; color: #222; }
.grade span { display: block; font-size: 30px; color: #000; margin: 11px 0; }
.grade .progress { background: #D8E6EF; height: 5px; overflow: hidden; border-radius: 4px; margin: 10px 0 0 45px; position: relative; }
.grade .bar { float: left; height: 100%; }
.grade .grill { background: url(../../images/sprite-ui.png) no-repeat -20px -575px; height: 5px; width: 100px; position: absolute; left: 19px; bottom: 0; z-index: 2; }
.grade .label .icon-info { position: relative; top: 3px; margin-left: 7px; }
.grade.overall { margin: 14px 0 0; }
.grade.overall .label { margin: 0 0 10px; }
.grade.overall span { font-size: 50px; margin: 11px 0; }
.grade.overall .progress { margin: 10px 0 0 40px; }
.grade.overall .bar {}

.analysis-summary .scores { color: #87999f; overflow: hidden; margin: 0 0 50px; }
.analysis-summary .scores > a { float: left; text-decoration: none; margin: 0 20px 0 0; width: 220px; border-right: 1px dotted #d9d9d9; }
.analysis-summary .scores > a + a + a { margin: 0; border-right: 0; }
.analysis-summary .scores h2 { border-bottom: 0!important; }
.analysis-summary .scores h2 span { float: right; margin: 0 20px 0 0; color: #87999f; font: normal 15px/25px 'Helvetica Neue', sans-serif; }
.analysis-summary .scores h2 .score-item { font: normal 18px/26px "Montserrat", sans-serif; color: #000; }
.analysis-summary .scores h2 .icon-rarr { margin: -1px 0 0 7px; }
.analysis-summary .scores .score { position: relative; text-align: center; margin: 4px 0 10px; }
.analysis-summary .scores .score > span { position: absolute; z-index: 99; top: 35px; left: 0; right: 0; font: normal 26px/1 'Montserrat', sans-serif; color: #000; }
.analysis-summary .scores .score .progress { margin: 0 62px; width: 94px; height: 94px; }

.analysis-summary .scores p { position: relative; text-align: center; font-size: 14px; color: #849197; height: 20px; }

.analysis-summary .scores p .verdict, .analysis-summary .scores p .start { position: absolute; left: 0; right: 0; }
.analysis-summary .scores p .verdict { opacity: 1; filter: alpha(opacity=100); }
.analysis-summary .scores p .start { opacity: 0; filter: alpha(opacity=0); }
.analysis-summary a:hover p .verdict { opacity: 0; filter: alpha(opacity=0); }
.analysis-summary a:hover p .start { opacity: 1; filter: alpha(opacity=100); }
.analysis-summary .scores:hover a .bar, .analysis-summary .scores:hover a .verdict, .analysis-summary .scores:hover a h2, .analysis-summary .scores:hover a .score { opacity: 0.25; transition: all 0.1s ease-in-out; -webkit-filter: blur(1px); -moz-filter: blur(1px); filter: blur(1px); filter: alpha(opacity=25); }
.analysis-summary .scores > a:hover .bar, .analysis-summary .scores > a:hover h2, .analysis-summary .scores > a:hover .score { opacity: 1; -webkit-filter: none; -moz-filter: none; filter: none; filter: alpha(opacity=100); }
.analysis-summary .scores > a:hover .verdict { opacity: 0; -webkit-filter: none; -moz-filter: none; filter: none; filter: alpha(opacity=0); }

.analysis-summary .scores .bar { width: 180px; margin: 0 auto; }
.analysis-summary .scores .bar .fill { height: 6px; background-color: #AFD75F; }

.analysis-summary .code-analytics { clear: both; }
.analysis-summary .code-analytics textarea { height: 110px; padding: 15px; }

.whatis { text-align: left; font-size: 11px; color: #aaa; }
.whatis a { color: #aaa; font-size: 11px; }
.whatis a:hover { text-decoration: underline; }

/* analysis-summary messages */
.messages { overflow: hidden; }
.messages .message { float: left; margin-right: 40px; font-size: 14px; min-height: 144px; }
.messages .message-33 { width: 210px; }
.messages .message-50 { width: 330px; }
.messages .message-66 { width: 450px; }
.messages .message:last-child { margin: 0; }
.messages .box ul { list-style: none; margin: 0; padding: 0; }
.messages .box li { line-height: 40px; height: 40px; position: relative; }
.messages .box a { text-decoration: none; display: block; }
.messages .box a .icon-rarr { top: 14px; position: absolute; right: 10px; }
/* box-bordered */
.box-bordered li { border-bottom: 1px dotted #DFDFDF; }
.box-bordered a { float: left; overflow: hidden; width: 100%; }
.box-bordered a .label { float: left; font: normal 14px/40px Montserrat, sans-serif; color: #222; }
.box-bordered a .verdict { padding-right: 25px; float: right; font-size: 13px; color: #808e92; }
.box-bordered a:hover .verdict { color: #23a9c6; }
/* box-styled */
.message.task h2 { border-bottom: 1px solid #fff; }
.box.box-styled .box ul {}
.box.box-styled li { background: #F6F7F8; border-radius: 4px; margin-bottom: 2px; height: 38px; line-height: 40px; }
.box.box-styled li a { color: #808E92; padding-left: 10px; }
.box.box-styled li a:hover { color: #222; }
/* box-note */
.message.box-note {}
.message.box-note h2 { border-bottom: 0; margin-bottom: 1px; }
.message.box-note h2 .did-you-know-pager { float: right; margin-top: 2px; }
.message.box-note .box { background: #FFFDEE; height: 118px; border-radius: 4px; padding: 10px; font-size: 13px; }
.message.box-note li { line-height: 1.5; }

/* analysis summary - website improvements */
.implementations-summary ul { overflow: hidden; margin: -2px 0 0; padding: 0; list-style: none inside; }
.implementations-summary li { float: left; width: 100%; clear: both; font-size: 13px; }
.implementations-summary li a { display: block; text-decoration: none; line-height: 24px; overflow: hidden; }
.implementations-summary .topic-result:hover a { color: #808E92!important; }
.implementations-summary .topic-result:hover a:hover { color: #23A9C6!important; }
.implementations-summary .aspect { float: left; width: 340px; margin: 0 20px 0 0; }
.implementations-summary .status { float: left; width: 140px; }
.implementations-summary .status i { margin-top: 0; }
.implementations-summary .status .label { margin: 0 0 0 5px; font-family: montserrat, sans-serif; }
.implementations-summary .status .icon-rarr { float: right; margin-top: 3px; }

/* page share */
.summary .page-share { font: normal 11px/1 "Montserrat", sans-serif; color: #888; margin-top: 20px; z-index: 50; position: relative; }

/* analysis nav aside styles */
aside { font: normal 15px/1 "Montserrat", sans-serif; }
aside h2 { color: #222; font-size: 20px; line-height: 24px; margin: 1px 0 11px; position: relative; }
aside h2 a { width: 100%; float: left; color: #222; font-size: 20px; line-height: 26px; }
aside h2 a:hover { color: #222; text-decoration: none; }
aside ul { margin: 0; padding: 0; list-style: inside none; clear: both; }
aside li { position: relative; margin: 0; }
aside a { font-size: 14px; padding: 14px 0; text-decoration: none; color: #889AA0; display: block; }
aside a:hover { color: #23a9c6; transition: color 0.2s ease-in-out; }
aside .current a { color: #222; }
aside .current a:hover { color: #23a9c6; text-decoration: none; }
aside li { clear: both; }
aside a b { padding: 5px; background: #EFF2F5; border-radius: 30px; float: right; font: normal 12px/1 "Helvetica Neue", Helvetica, Arial, sans-serif; margin: -3px 10px 0 0; min-width: 32px; min-height: 22px; text-align: center; }
aside a:hover b { background: #B0C0C7; color: #fff; transition: background 0.2s ease-in-out; }
aside .current a:hover b {}
aside .current > a > b { background: #B0C0C7; color: #fff; }

aside .search-input {}
aside .search-input a {}
aside .search-input > div { display: none; position: relative; margin-top: 7px; -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; animation-duration: 0.5s; }
aside .search-input input[type="text"] { font: normal 14px/1.5 "Montserrat", sans-serif; width: 210px; border: 0!important; background: #F0F4F6; }

aside .search-input .icon-search { float: right; margin: 0 18px 0 0; }
aside .search-input .icon-exit { position: absolute; z-index: 2; top: 12px; right: 21px; cursor: pointer; }

aside .icon-shared-users { font-style: normal; float: right; margin-top: 1px; margin-right: 34px; font: normal 12px/1 "Helvetica Neue", sans-serif; }
aside .icon-shared-users span { background: #F0F4F6; color: #969FA5; }
aside a:hover .icon-shared-users span { background: #B0C0C7; color: #fff; }

aside ul ul { font: normal 14px/1 "Montserrat", sans-serif; margin: 0 0 12px 0; padding-left: 15px; }
aside ul ul li { list-style: inside none; color: #cfcfcf; }
aside .current ul a { font-size: 13px; padding: 11px 0; color: #969FA5; }
aside .current ul .current a { color: #222; }

aside.is-visible { position: fixed!important; z-index: 9999;}

aside.nav-steps a:hover { text-decoration: none; cursor: text; }
aside.nav-steps .disabled a:hover { color: #969FA5; }
aside.nav-steps .enabled a { color: #222; cursor: pointer; }
aside.nav-steps .enabled a:hover { color: #23a9c6; }
aside.nav-steps .current a:hover { color: #222; }

aside .totop a { font-size: 14px; display: block; margin: 15px 0 0; }
aside .totop a:hover {}

/* analysis main side styles */
.mside { float: none!important; *zoom: 1; }
.mside:before, .mside:after { line-height: 0; content: ""; display: table; }
.mside:after { clear: both; }

.mside .chapter { float: left; margin: 0; width: 100%; }
.mside .chapter { margin-bottom: 60px; }

.mside .category { float: left; margin: 0 0 60px; width: 100%; }
.mside h2 { position: relative; color: #222; font-size: 20px; line-height: 24px; margin: 65px 0 0; padding-bottom: 14px; border-bottom: 1px solid #EFF0F0; }
.mside h2:first-child { margin-top: 16px; }
.mside section h2 { margin: 40px 0 12px; }
.mside h2 .edit { display: inline-block; margin-left: 5px; color: #87999F; padding-top: 3px; font-size: 12px; text-decoration: underline; }
.mside h2 .edit:hover { text-decoration: none; }
.mside h2.disabled { color: #C8C8C8; }
.mside .topic, .mside h3, .mside p { font-size: 13px; line-height: 21px; }
.mside p:last-child { margin-bottom: 0; }
.mside .result > p { width: 84%; }
.mside .topic { position: relative; clear: both; float: left; width: 100%; min-height: 70px; border-bottom: 1px dotted #DFDFDF; font-size: 14px; *zoom: 1; }
.analysis-summary .mside .topic { min-height: 54px; }

.mside .name { float: left; width: 200px; }
.mside .result { margin: 0 0 0 200px; font-size: 13px; }
.mside .result .btn { color: #fff; }
.mside .topic:hover .result a { color: #222; }
.mside .topic:hover .result .btn { color: #fff; }
.mside h3 { font-size: 13px; margin: 0; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.mside h3 [class*="icon-"] { margin: 1px 3px 0 5px; }
.mside .category h3.uppercase { border-bottom: 1px solid #eee; padding-bottom: 4px; font-size: 16px; text-transform: uppercase; color: #808E92; margin: 8px 0 0; line-height: 24px; }
.analysis-page .mside .category h3.uppercase:first-child { margin-top: 16px; }
.analysis-page .btn .moment { display: block; background: url(../../images/dots.gif) no-repeat right 9px; background-position-x: 95px; padding-right: 15px; }

.mside .explanation { background: #f6f7f8; color: #666; margin: 15px 0; padding: 15px; clear: both; width: 100%; cursor: text; }
.misde .explanation.warning { background: #fffbcc; }
.mside .explanation h4 { margin: 0 0 5px; font-size: 14px; color: #222; }
.mside .explanation p { margin: 0; }
.mside .explanation.explanation-small { margin: 10px 0 0; padding: 4px 9px; font-size: 12px; }
.mside .explanation.explanation-small p { font-size: 12px; }

.mside .topic-toggle { cursor: pointer; }
.mside .topic-toggle:hover h3 { color: #000; }
.mside .topic-toggle:hover .result { color: #222; }

.mside .impact { padding: 3px 0; margin: 9px 0 0 29px; opacity: 1; transition: all 0.5s ease-in-out; filter: alpha(opacity=100); }
.mside .topic .bar.bar-large { margin: 4px 0 0; width: 75%; }
.mside .topic.solve-mode .list-legend { display: none; }
.mside .topic .flag { width: 16px; height: 11px; margin: 0 0 0 4px; position: relative; top: 1px; border-radius: 2px; }
.mside .topic .flag.ch { width: 11px; }
.mside .topic ul { margin: 0; padding: 0; list-style: inside none; }

.mside .topic .pagination { margin: 20px 0 10px; }

.table-page-keywords a:hover { text-decoration: underline; }
.result-url, .implementations-summary a, .table-page-keywords a, .about-topic a { color: #6D7E83; }

/* topic hover */
.topic-hover { position: absolute; top: 11px; right: 5px; z-index: 999; padding: 3px 8px; border-radius: 15px; font-size: 13px; color: #bbb; background: #fff; }
.topic-hover:hover { color: #23A9C6; transition: color 0.2s; }
.topic-hover i { margin-top: -1px; margin-right: 3px; }

.topic.solve-mode .topic-toggle .expand { opacity: 0; filter: alpha(opacity=0); }

/* footer content - steps */
.footer-content { clear: both; overflow: hidden; min-height: 40px; width: 100%; border-top: 1px solid #EFF0F0; padding: 19px 0 50px; text-align: center; }
.footer-content .back { text-decoration: none; }
.footer-content .back:hover { text-decoration: underline; }

/* pages count wrong good */
.pages-count { color: #B5B5B5; float: right; font: normal 12px/31px "Montserrat", sans-serif; }
.pages-count > span { cursor: pointer; }
.pages-count > span > span { margin-left: 4px; }
.pages-count > span > i { background: url(../../images/sprite-ui.png) no-repeat -148px -235px; position: relative; margin-right: 4px; top: 2px; width: 13px; height: 12px; display: inline-block; }
.pages-count > span:hover > i { background-position: -148px -275px; }
.pages-count > .current:hover > i, .pages-count > .current > i { background-position: -148px -195px; }
.pages-count > .disabled { opacity: 0.5; filter: alpha(opacity=50); }
.pages-count > .disabled:hover > i { background-position: -148px -235px; }
.pages-count .wrong-count.disabled:hover, .pages-count .good-count.disabled:hover { color: #b5b5b5; }
.pages-count .wrong-count.current i, .pages-count.current .good-count i, .pages-count .pending.current i { background-position: -128px -195px; }
.pages-count > span > span:before { content: "("; }
.pages-count > span > span:after { content: ")"; }
.pages-count .wrong-count.current, .pages-count .wrong-count.current:hover { color: #db492c; }
.pages-count .wrong-count:hover { color: #CD5338; }
.pages-count .good-count { margin: 0 15px; }
.pages-count .good-count:hover { color: #64AE0E; }
.pages-count .good-count.current {}
.pages-count .good-count.current { color: #93b749; }

.close-window { position: absolute; top: 0; right: 0; z-index: 5; width: 30px; height: 30px; cursor: pointer!important; text-align: center; padding: 16px 5px 0; }
.close-window i { opacity: 0.4; filter: alpha(opacity=40); }
.close-window:hover i { opacity: 1; transition: 0.15s; filter: alpha(opacity=100); }

/* solve mode */
.solve-mode { background: #f5f7f9; }
.solve-mode .table-inline-more, .solve-mode .result table { display: none; }

.solve-mode .topic-result.topic-toggle .impact { opacity: 0; transition: all 0s ease-in-out; filter: alpha(opacity=0); }
.solve-mode .topic-result.topic-toggle .result { color: #222; }
.solve-mode .icon-status-neutral, .solve-mode .icon-tick, .solve-mode .icon-status-verygood, .solve-mode .icon-status-good, .solve-mode .icon-status-average { background-position: -20px -229px; }
.solve-mode .icon-cross, .solve-mode .icon-status-verybad, .solve-mode .icon-status-bad { background-position: -20px -193px; }
.topic-improve i.icon-tick { background-position: -20px -229px; }
.topic-improve i.icon-cross { background-position: -20px -193px; }
.topic-improve .table-list td.url [class*="icon-status-"] { margin: 1px 7px 0 0; vertical-align: top; }

/* evaluate */
.evaluate { clear: both; text-align: center; border-top: 1px dotted #eee; padding-top: 24px; }
.evaluate .re-evaluate { background: #E8816D; margin: 0 0 10px; }
.evaluate .re-evaluate .icon-refresh { background-position: -247px -231px; width: 11px; height: 12px; }
.msg-re-evaluate { margin: 10px; padding: 5px; font-size: 12px; background: #FFFBCC; }
td .re-evaluate { background: #E8816D; }

/* topic */
.topic-result, .topic-result.topic-toggle { padding: 14px 0; }
.topic-result.topic-toggle {}
.topic-result .result.no-pointer { color: #808E92!important; }
.topic-result.topic-toggle p strong a { color: #222!important; }

.topic ul.square li { list-style: inside square; }
.topic ul.disc li { list-style: inside disc; }
.topic .result-graph { margin: 20px 0 10px; height: 150px; }
.topic.solve-mode .result-graph { display: none; }

.topic-improve { display: none; clear: both; margin: 0 10px 10px; float: left; width: 680px; cursor: text; }
.topic-improve h4 { color: #222; }
.topic-improve h4 date { font: normal 12px/1 'Helvetica Neue', sans-serif; color: #808E92; float: right; clear: right; margin: 15px 0 5px; }
.topic-improve .body { background: #fff; clear: both; padding: 10px; }
.topic-improve .body > h4 { overflow: hidden; margin: 10px; line-height: 25px; font-size: 16px; }
.topic-improve .body h5 { color: #444; margin-bottom: 10px; }
.topic-improve .intro { padding: 10px; margin: 0 0 10px; overflow: hidden; }
.topic-improve .intro ul { margin: 0 20px 0 0; padding: 0; float: left; width: 200px; }
.topic-improve .intro ul:last-child { margin-right: 0; }
.topic-improve .intro li { font-size: 13px; list-style: inside none; margin: 0; padding: 0; }
.topic-improve .intro li i { margin: 4px 4px 0 0; }
.topic-improve .content { margin: 10px; clear: both; }
.topic-improve .footer-content { width: auto; margin: 0 10px -10px; }
.topic-improve code {}
.topic-improve pre { background: #F5F7F9; border: 1px dotted #EFF0F0; padding: 4px 9px; }
.topic-improve .table-list { clear: both; font-size: 12px; }
.topic-improve .table-list th { padding: 4px 4px 8px; font-size: 12px; display: none; }
.topic-improve .table-list th.sort { padding: 0; }
.topic-improve .table-list th.sort a { padding: 4px 4px 8px; }
.topic-improve .table-list td { vertical-align: top; padding: 4px; max-width: 160px; line-height: 18px; }
.topic-improve .table-list td.url a { text-decoration: none; display: inline-block; width: 130px; max-width: 130px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; }
.topic-improve .table-list td.url a:hover { text-decoration: underline; }
.topic-improve .table-list td.url i.icon-cross, .topic-improve .table-list td.url i.icon-tick { margin: 2px 5px 0 0; vertical-align: top; }
.topic-improve .table-list .details { color: #b5b5b5; text-decoration: underline; cursor: pointer; margin-right: 5px; }
.topic-improve .table-list .details:hover { color: #222; text-decoration: none; }
.topic-improve .table-list .btn { margin-left: 10px; cursor: pointer; }
.topic-improve .table-list .btn-mini { padding: 4px 9px; }
.topic-improve .table-list .result { text-align: center; }
.topic-improve .table-list td.url .icon-cross { background-position: 0 -193px; }

.topic-improve .pagination { margin-top: 15px!important; clear: both; }

.topic-improve .about-topic p:first-child { margin-top: 0; }
.topic-improve .about-topic p:last-child { margin-bottom: 0; }

.topic-improve .table-list .icon-status-verybad, .topic-improve .table-list .icon-status-bad { background-position: -80px -193px!important; }

.topic-improve .alert.error { margin: 0; float: none; }

.about-topic { clear: both; margin: 10px; }
.about-topic p { width: 95%; margin: 10px 0; font-size: 12px; line-height: 1.5; clear: both; }
.about-topic p:last-child { margin: 0; }
.about-topic p strong {}
.about-topic .statuscodes { font-size: 12px; line-height: 1.5; margin-top: 15px!important; clear: both; }
.about-topic .statuscodes span { font-weight: bold; color: #555; }

.more-about-topic { font-weight: bold; color: #222; text-decoration: none; margin-left: 5px; }
.more-about-topic .icon-link-more {}

.about-category { display: none; clear: both; margin: 0 0 20px; }
.about-category p { margin: 1em 0; line-height: 20px; }

/* focus keyword */
.focus-keyword { position: relative; }
.focus-keyword .input { width: 220px; }
.focus-keyword .btn { font-size: 14px; line-height: 1; padding: 12px 16px 11px; position: absolute; left: 230px; top: 0; z-index: 9; }

/* google preview */
.google-preview { text-decoration: none; display: block; font: normal 16px/1.2 "Arial", sans-serif; margin: 0 0 10px;  background: #fff; padding: 10px; margin-right: 9px; border: 3px solid #F5F7F9; }
.google-preview span { display: block; }
.google-preview .preview-title { margin: 0 0 2px; line-height: 19px; color: #0000D6!important; text-decoration: underline; }
.google-preview .preview-title i, .google-preview .preview-url { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 470px; }
.google-preview .preview-title i { display: block; font-style: normal; color: #0000D6!important; }
.google-preview .preview-url { margin: 2px 0 4px; color: #009A10; font-size: 14px; }
.google-preview .preview-description { max-height: 31px; color: #444; line-height: 1.24; margin-top: 2px; font-size: 13px; text-overflow: ellipsis; overflow: hidden; }

/* call to action */
.sticky-offset { position: relative; }

/* notification bar */
.notification-bar { position: relative; padding: 0; min-height: 78px; }
.notification-bar .message {  padding: 25px 0; }
.notification-bar .message p { float: left; font: normal 20px/30px 'Montserrat', sans-serif; margin: 0; vertical-align: top; }

.notification-bar .icon-locked { float: left; background: url(../../images/icon-secure.png) no-repeat 0 0; padding-left: 35px; text-indent: 0; }
.notification-bar .is-fixed { position: fixed; top: 0; left: 0; right: 0; z-index: 999999; box-shadow: 0 1px 1px 0 rgba(0,0,0,0.07); }
.notification-bar.campaign .is-fixed { border-bottom: 1px solid #fff; transition: all 1s ease-in-out; }
.notification-bar.campaign .message { background: rgba(255,255,255,0.98); border-bottom: 1px solid #E9E9E9; }
.notification-bar.campaign .message:hover { background: rgba(255,255,255,1.0); transition: background 0.2s; }
.notification-bar.campaign .activate-campaign { float: right; font-family: helvetica neue, sans-serif; }
.notification-bar.campaign .switch-campaign { float: right; }
.notification-bar.campaign .switch { display: inline-block; margin: 6px 0 0; }
.notification-bar.campaign .switch span { display: block}
.notification-bar.campaign .btn { float: right; }

/* campaign message */
.message.campaign { overflow: hidden; padding: 20px 0 10px; }
.message.campaign p { margin: 0 10px 0 0; float: left; }
.message.campaign .switch-campaign { float: right; }
.message.campaign .switch-campaign p { line-height: 18px; }
.message.campaign .icon-locked { background: url(../../images/icon-secure.png) no-repeat 0 0!important; padding-left: 35px; text-indent: 0!important; }
.message.campaign .heading { font: normal 16px/20px "Montserrat", sans-serif; color: #222; margin: 0 35px 0 10px; }
.message .switch-campaign p { font: normal 16px/32px 'Helvetica Neue', sans-serif; margin: 0 10px 0 0; }
.message .switch-campaign p.activate-campaign { margin: 0; line-height: 1; }
.message.campaign .activate-campaign span { display: block; vertical-align: top; line-height: 20px; }
.message.campaign .btn { float: right; margin-top: -5px; }
.dropdown-menu .message.campaign { border-top: 0; padding: 10px 0; }

.mside .message.campaign .heading { font-size: 13px; }
.mside .message.campaign .switch-campaign p { font-size: 13px; line-height: 22px; }

.input-tag {}
.input-tag input { padding-left: 15px; }
.input-tag .tag-item { display: inline-block; position: relative; }
.input-tag .tag-item .legend { left: 1px; }
.input-tag input:focus { border: 1px solid #C1C8CF; }

.input-tag .legend { position: absolute; left: 0; top: 0; z-index: 4; border-radius: 2px 0 0 2px; width: 4px; height: 37px; }
.input-tag .tag-item-0 .legend { background: #AED956; }
.input-tag .tag-item-1 .legend { background: #FFA45A; }
.input-tag .tag-item-2 .legend { background: #5DD0FF; }
.input-tag .tag-item-3 .legend { background: #FF5D5D; }
.input-tag .tag-item-4 .legend { background: #3F85F2; }
.input-tag .tag-item-5 .legend { background: #DE45FF; }
.input-tag .tag-item-6 .legend { background: #E9E128; }
.input-tag .tag-item-7 .legend { background: #9D0E8B; }
.input-tag .tag-item-8 .legend { background: #1ABB97; }
.input-tag .tag-item-9 .legend { background: #9D520D; }
.input-tag .tag-item-10 .legend { background: #9D520D; }

.input-tag .tag-items { list-style: inside none; margin: 30px 0 0; padding: 0; }
.input-tag .tag-items li { line-height: 18px; clear: both; border: 1px solid #D9D9D9; border-radius: 3px; position: relative; width: 290px; margin: 0 0 15px; padding: 9px 30px 9px 14px; font-size: 14px; }
.input-tag .tag-items li:hover { border: 1px solid #C1C8CF; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08); border: 1px solid #C1C8CF; }
.input-tag .tag-items li span { display: block; color: #222; font-size: 15px; }
.input-tag .icon-del { position: absolute; top: 10px; right: 10px; }
.input-tag .tag-items li .legend { height: 100%; }

.analysis-page .controls { margin: 0; }
.analysis-page .input-tag .tag-items { margin: 30px 0 0; }

.textarea-search-queries { width: 290px; height: 37px; margin: 0 0 10px; resize: vertical; }
.textarea-search-queries.textarea-search-queries-extend { transition: height 0.4s; height: 180px; }


/* keywords meta */
.keywords-meta { margin: 15px 0 0 266px; }
.keywords-meta .count { float: left; font: normal 14px/2 'Helvetica Neue', sans-serif; }
.keywords-meta .btn-dl { float: right; position: relative; top: -2px; font: normal 14px/1 'Montserrat', sans-serif; color: #222; text-decoration: none; background: #fff; border-radius: 4px; padding: 8px 10px; border: 1px solid #EEE; }

body.keyword .form-analyze input[type='text'] { width: 76%; }
body.keyword .form-analyze button { width: 24%; }

.keywords-stats { list-style: inside none; margin: 0; padding: 0; background: #FCFCFC; border-radius: 3px; overflow: hidden; border: 1px solid #F0F2F3; }
.keywords-stats li { float: left; padding: 10px; margin: 0; width: 33.3%; font-size: 14px; border-right: 1px solid #F0F2F3; }
.keywords-stats li:last-child { border-right: 0; }
.keywords-stats div { font: normal 20px/1 Montserrat, sans-serif; color: #222; margin-top: 10px; }

/* recent list */
.recent-list p { margin: 15px 0 30px; }
.recent-list ul { margin: 15px 0 25px; padding: 0; list-style: inside none; overflow: hidden; clear: both; }
.recent-list li { width: 25%; padding: 0 20px 0 0; float: left; }
.recent-list li a { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; text-decoration: underline; font-size: 14px; line-height: 24px; color: #808E92; }
.recent-list li a:hover { text-decoration: none; }

/* cta */
.analysis-quick .call-to-action { text-align: center; padding: 0; margin-top: 80px; }
.analysis-quick .mside .call-to-action h2 { font-size: 30px; color: #000; line-height: 48px; margin: 0; padding: 0; border-bottom: 0; }
.analysis-quick .mside .call-to-action p.lead { font-size: 20px; margin: 15px 0 25px; line-height: 24px; }


/* new analysis - steps
------------------------------ */
.new-analysis .form-horizontal { margin: 30px 0; float: left; width: 100%; min-height: 110px; position: relative; z-index: 999; }
.new-analysis .form-horizontal label { padding-top: 0; }

/* step 2: search queries */
.input-queries ul { list-style: inside none; padding: 0; margin: 0 0 30px; }
.input-queries li { overflow: hidden; font: normal 14px/18px "Montserrat", sans-serif; color: #222; background: #F6F7F8; border-radius: 3px; margin: 10px 0; padding: 10px; width: 290px; }
.input-queries .icon-del { float: right; margin-top: 2px; margin-right: 1px; }
.input-queries .ico-placeholder { display: inline-block; }
.ico-placeholder .icon-add { top: 10px; }

.input-autocomplete { display: none; visibility: visible; opacity: 1; width: 100%; top: 39px; filter: alpha(opacity=100); }
.input-autocomplete li { border-radius: 0; background: none; margin: 0; padding: 0; width: auto; font: 14px/1 "Arial", sans-serif; }
.input-autocomplete li:first-child { border-radius: 3px 3px 0 0; }
.input-autocomplete li:last-child { border-radius: 0 0 3px 3px; }
.input-autocomplete .divider { background: none; }
.input-autocomplete li:hover { background: none; }
.input-autocomplete li a { padding: 8px 10px; display: block; color: #808E92; cursor: pointer; }
.input-autocomplete .view-suggestions { text-align: center; font-style: italic; }
.input-autocomplete .view-suggestions a { color: #23A9C6; }
.input-autocomplete .selected a { background: #F6F7F8; color: #222; }

/* step 3: search queries */
.competitors {}

/* step 4: area */
.area .controls > div { margin: 0 0 10px; }
.area .explanation { margin-top: 50px; }
.area .input-add-location { clear: both; width: 290px; margin-top: 10px; }


/* switch plan
------------------------------ */
.switch-plan .pricing-plan { margin-top: -40px; }
.switch-plan form #pricing { clear: both; }
.switch-plan .no-input { padding-top: 10px; font-size: 15px; }
.switch-plan .discount * { color: #3B9C1C; }
.switch-plan h2 .secure { background: url(../../images/icon-secure.png) no-repeat; padding-left: 25px; font-size: 13px; color: #777; float: right; line-height: 28px; }

.switch-plan .redeem-coupon { margin: 0 0 20px!important; font-size: 15px; }
.switch-plan .redeem-coupon a { color: #808E92; }
.switch-plan .input-coupon { margin: 20px 0 0; }

.payment-methods { text-align: center; margin: 40px 0; }
.radio.radio-box { position: relative; border: 1px solid #eee; padding: 25px; border-radius: 5px; font-family: 'Helvetica Neue', sans-serif; margin: 0 20px; }
.radio.radio-box img, .radio.radio-box .img { display: block; }
.radio.radio-box i { display: none; position: absolute; z-index: 2; right: -15px; top: -12px; background-position: -60px -229px; width: 15px; height: 16px; }
.radio.radio-box.is-checked i { display: block; }
.radio.radio-box.is-checked:hover i { background-position: -60px -229px; }
.radio.radio-box .description { position: absolute; line-height: 1.4; z-index: 2; text-align: center; top: 105px; left: 0; right: 0; color: #9EA5A9; }
.radio.radio-box:hover .img, .radio.radio-box.is-checked .img,
.radio.radio-box:hover img, .radio.radio-box.is-checked img { opacity: 1; filter: alpha(opacity=100); }
.radio.radio-box:hover, .radio.radio-box.is-checked { border-color: #94C90E; }
.radio.radio-box:hover .description, .radio.radio-box.is-checked .description { color: #222; }
.radio.radio-box:hover img, .radio.radio-box:hover .img, .radio.radio-box:hover, .radio.radio-box:hover .description { transition: opacity 0.2s ease-in-out; }
.radio-block { display: block; }

.analysis-monitor-keyword-position .radio.radio-box { padding: 12px; height: 50px; float: left; margin: 0 10px; }

/* switch-plan cancel */
.plan-about { margin: 20px 0 0; background: #F6F7F8; border-radius: 3px; padding: 10px; overflow: hidden; }
.plan-about .plan-about-content { float: left; margin: 5px 0 0; }
.plan-about .type { font: normal 14px/1 'Montserrat', sans-serif; color: #222; }
.plan-about .plan-about-controls { float: right; }
.plan-about .plan-about-controls form { display: inline-block; }
.account-plan .alert { padding: 10px; margin: 0 0 60px!important; clear: both; }


/* analytics placeholder
------------------------------ */
.placeholder-analytics-progress { background: url(../../images/placeholder-analytics.png) no-repeat; width: 700px; height: 364px; margin: 0 0 60px; }


/* export files
------------------------------ */
.export-files { clear: both; margin: 0; overflow: hidden; }
.export-files h2 { border: 0; }
.export-files .tiles { margin: 0; padding: 0; list-style: inside none; }
.export-files .tiles li { float: left; margin: 0 0 0 33px; }
.export-files .tiles li:first-child { margin: 0; }
.export-files .tiles li a { border-radius: 4px; position: relative; width: 150px; height: 115px; background: #F6F7F8; display: block; text-align: center; font: 13px/1 "Montserrat", sans-serif; text-decoration: none; color: #000; padding: 13px 20px 20px; white-space: normal; text-overflow: clip; cursor: pointer!important; }
.export-files .tiles li > a > span { display: block; margin: 6px 0 0; line-height: 15px; }
.export-files .tiles li > a .file-size { display: block; margin: 2px 0 0; font-size: 10px; color: #999; }
.export-files .tiles li a:active { outline: 0; }
.export-files .upgrade-analysis { margin: 0; }
.export-files .message.campaign { border-radius: 5px; padding: 10px; border: 1px solid #EEE; width: 700px; }
.export-files .pro-only { top: 0; right: 10px; position: absolute; }
.export-files-placeholder { width: 700px; height: 105px; margin: 20px 0 0; }


/* modal dialog
------------------------------ */
.modaldialog { display: none; position: absolute; left: 0; right: 0; top: 0; margin: 0 auto; width: 520px; z-index: 999999; background: #fff; border: 1px solid #eee; border-radius: 5px; padding: 10px 30px 30px; box-shadow: 0 5px 10px rgba( 0, 0, 0, 0.04); }
.modaldialog.animated { -webkit-animation-duration: 0.1s; -moz-animation-duration: 0.1s; animation-duration: 0.1s; }
.modaldialog.wider { width: 702px; top: 112px; }
.modaldialog .action { margin-top: 20px; clear: both; }
.modaldialog .link { color: #808E92; font-size: 14px; margin: 0 0 0 20px; }
.modaldialog .close-window { background: url(../../images/sprite-ui.png) no-repeat -164px -555px; display: block; text-indent: -999em; width: 8px; height: 9px; right: -16px; top: 5px; padding: 10px; }
.modaldialog .close-window:hover { background-position: -144px -555px; }



/* modal-dialog update leads
------------------------------ */
.modal-dialog.wider { width: 702px; top: 112px; }
.modal-dialog.wider .block-item { margin-left: 20px; float: left; }
.modal-dialog.wider .block-item.width-50 { width: 310px; }
.modal-dialog.wider .block-item.width-50 h3 { margin-top: 0; }

.modal-dialog .action { margin-top: 20px; clear: both; }
.modal-dialog .link { color: #808E92; font-size: 14px; margin: 0 0 0 20px; }
.modal-dialog .close-window { background: url(../../images/sprite-ui.png) no-repeat -164px -555px; display: block; text-indent: -999em; width: 8px; height: 9px; right: -16px; top: 5px; padding: 10px; }
.modal-dialog .close-window:hover { background-position: -144px -555px; }

.modaldialog-content { position: relative; }
.modaldialog-content fieldset { margin: 0!important; }
.modaldialog-content fieldset .tag-items { margin-bottom: 30px; }
.modaldialog-content .fieldset-description { margin-bottom: 30px; }
.modaldialog-content .category { margin: 0 }
.modaldialog-content h2.show-on-submit { margin-top: 16px!important; }
.modaldialog-content .footer-content { padding: 19px 0 0; }

.modaldialog-content .block-plan-required { background: #FDFBE7; padding: 20px; height: 200px; }
.modaldialog-content .block-plan-required h3 { margin: 0!important; font-size: 20px!important; background: url(../../images/placeholder-upgrade-plan.png) no-repeat 0 0; padding: 9px 0 6px 46px; }

.analysis-summary .modaldialog,
.analysis .modaldialog{ width: 702px; }

.modaldialog.wider .block-item { margin-left: 20px; float: left; }
.modaldialog.wider .block-item.width-50 { width: 310px; }

.modaldialog .block-plan-required { background: #FDFBE7; padding: 20px; height: 200px; }
.modaldialog .block-plan-required h3 { margin: 0!important; font-size: 20px!important; background: url(../../images/placeholder-upgrade-plan.png) no-repeat 0 0; padding: 9px 0 6px 46px; }

.footer-content { position: relative; z-index: 9999; }
.footer-content .note { position: absolute; top: 25px; right: 5px; text-align: left; width: 210px; font-size: 13px; }

.modaldialog .get-html-code { background: #F8F8F8; padding: 20px; height: 200px; }
.modaldialog .get-html-code h3 { margin: 0!important; font-size: 20px!important; padding: 0; }
.modaldialog .get-html-code .code-analytics { margin: 10px 0 0; }
.modaldialog .get-html-code .code-analytics textarea { padding: 10px; background: #fff; border: 1px solid #EEEEEE; }

/* dashboard campaigns
------------------------------ */
.table-controls { width: 100%; position: absolute; left: -1px; top: -9px; bottom: 0; background: #fff; opacity: 1; transition: opacity 1s ease-in-out; filter: alpha(opacity=100); }
.table-controls.is-hidden { opacity: 0; filter: alpha(opacity=0); }
.table-controls .btn { margin: 10px 2px; padding: 6px 10px; }
.table-controls .animated.fadeIn { -webkit-animation-duration: 0.2s; -moz-animation-duration: 0.2s; animation-duration: 0.2s; }
.table-list tr:hover th .table-controls a { color: #fff; }
.table-controls .btn-delete { background: #FB875F; }
.table-controls .btn-delete:hover { background: #EE744A; }
.table-controls .btn-refresh {}
.table-controls .btn-favourite {}

.dashboard .in-progress-ico { width: 24px; height: 16px; padding: 0; background: url(../../images/analysis-progress.gif) no-repeat 0 14px; }
.dashboard .in-progress { position: relative; overflow: hidden; text-align: center; margin: 0 9px 0 23px; }
.dashboard .in-progress .bar { margin: 1px auto 11px; }
.dashboard .in-progress .label { clear: left; font-size: 12px; text-align: left; }
.dashboard .in-progress-info { width: 151px; }

.form-analyze { margin: 2px 0 10px 25px; position: relative; }
.form-analyze label { width: 100%; display: block; float: left; font: normal 16px/22px "Montserrat", sans-serif; margin: 0 0 5px; color: #808E92; }
.form-analyze label span { font-size: 12px; line-height: 24px; }
.form-analyze input[type="text"] { width: 88%; clear: left; float: left; border-right: 0; border-radius: 3px 0 0 3px; height: 44px; font-size: 20px; font-family: "Montserrat", sans-serif; }
.form-analyze .btn { width: 12%; height: 44px; float: left; border-radius: 0 3px 3px 0; cursor: pointer; padding: 11px 0; font-size: 15px; }
.form-analyze .btn i { display: block; position: relative; margin: 0 auto; }
.form-analyze.language input[type="text"] { padding-left: 75px; }
.form-analyze.language .select-language { position: absolute; top: 4px; left: 4px; z-index: 4; border: 0; }
.form-analyze.language .select-language select:focus { background: #A5B2B8; }

.bubble.limit { top: 55px; left: 0; }
.bubble { position: absolute; padding: 11px 14px; font-size: 14px; text-shadow: 0 0 2px #000; color: #fff; border-radius: 4px; background-color: rgb(34,34,34); background-color: rgba(34,34,34,0.98); }
.bubble .arrow { border-style: solid; border-width: 7px; height: 0; width: 0; margin: 0; position: absolute; left: 15px; top: -14px; border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgb(34,34,34) rgba(0, 0, 0, 0); display: none\9; }
.bubble a { color: #fff; }

header .bubble.limit { top: 34px; left: 13px; position: absolute; width: 325px; }
header .bubble.limit a { font-size: 14px; font-family: "Helvetica Neue", sans-serif; display: inline; padding: 0; margin: 0; }

.table-list .table-favicon { width: 24px; height: 16px; padding: 8px 4px 8px 0; }
.table-list .table-favicon img { border: 0; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 12px; width: 16px; height: 16px; }
.table-list th.analysis-url { width: 509px; }
.table-list td.analysis-url { width: 469px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: pointer; }
.table-list .analysis-url .analyzing-page { margin-top: 2px; font-size: 12px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 440px; }
.table-list .analysis-url .url { color: #6D7E83; padding: 2px 0; text-decoration: none; display: inline-block; max-width: 470px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.table-list tr:hover .analysis-url a { color: #222; }
.table-list .selected .analysis-url a { color: #222; }
.analysis-pages .table-list .large { padding-left: 4px!important; }
.table-list .analysis-pages { width: 120px; text-align: right; }
.table-list td.analysis-pages { font-size: 14px; }
.table-list .analysis-overall { text-align: center; padding-left: 15px; padding-right: 15px; width: 81px; }
.table-list td.analysis-overall { font: normal 14px/1 "Montserrat", sans-serif; padding: 4px 15px; }
.table-list th.analysis-status { text-align: center; }
.table-list .analysis-status { width: 91px; }
.table-list .analysis-status .switch { margin: 0 auto; }
.table-list tr:hover .switch .switch-inner:before { background: #98C144; }
.table-list tr:hover .analysis-url .url { color: #222; }
.table-list th .dropdown { position: relative; top: -4px; }

.table-list .analysis.error td { background-color: #FFF7F9; }
.table-list tr.analysis.error:hover td { background-color: #FFEEF2; }
.table-list .analysis.error .table-favicon img { margin-top: 3px; }
.table-list .analysis-error .analysis-status { text-align: center; font-size: 14px; }

.table-list .analysis-status-error { font-size: 12px; line-height: 25px; text-align: center; }
.table-list .analysis-status-error a { color: #F24C04; }

.table-checkbox { width: 35px; text-align: center; }
.table-checkbox .dropdown { margin: 1px 0 0 -6px; float: right; }
.table-list .shared .table-checkbox .checkbox { margin: 0; }

.topic-result .table-list { margin: 0; }
.topic-result .table-list th { padding-top: 0; padding-bottom: 10px; font-size: 13px; }
.topic-result .table-list td { padding: 6px 4px; }
.topic-result .table-list tr.no-hover:hover td { background: transparent; }

/* Dashboard analytics
------------------------------ */
.dashboard-analytics td.analysis-url { width: 349px; }
.dashboard-analytics td.analytics-status { font-size: 13px; width: 125px; }
.dashboard-analytics td.analytics-status {}
.dashboard-analytics .stats div { font-size: 14px; text-align: right; margin: 0 10px 0 0; }
.dashboard-analytics .graph {}
.dashboard-analytics .rank { width: auto; text-align: right; }
.dashboard-analytics .rank small { font-size: 14px; }
.dashboard-analytics .rank small i { display: inline-block; margin-left: 5px; }
.dashboard-analytics .analytics-detected div { background: #FDFBE9; font-size: 12px; padding: 2px 10px; height: 25px; line-height: 20px; }
.dashboard-analytics .analytics-detected .icon-info { position: relative; top: 2px; float: right; }
.dashboard-analytics .analytics-not-detected div { font-size: 12px; padding: 2px 10px; }
.dashboard-analytics .analytics-get-code .btn { font-size: 12px; padding: 7px 16px; }


/* empty list
------------------------------ */
.empty-placeholder { position: relative; text-align: center; margin: 60px auto; }
.empty-placeholder .by-dataprovider { float: none; text-indent: -999em; display: inline-block; top: 0; }
.empty-placeholder .by-dataprovider:hover { background-position: 0 -16px; }
.empty-placeholder .image { position: relative; margin: 0 auto; }
.empty-placeholder.empty-analysis .image { background: url(../../images/empty-placeholder.png) no-repeat center; width: 123px; height: 123px; }
.empty-placeholder.empty-analysis-search .image { background: url(../../images/empty-placeholder-search.png) no-repeat; background-size: 123px 123px; }
.empty-placeholder .badges { position: absolute; top: 0; right: 0; z-index: 5; color: #fff; line-height: 26px; height: 26px; min-width: 40px; background: #7E8A96; border-radius: 30px; }
.empty-placeholder h3 { color: #969FA5; font-size: 20px; margin: 25px 0 15px; padding: 0; line-height: 1.2; }
.empty-placeholder p { font-size: 16px; color: #969FA5; margin: 0; }
.empty-placeholder p a.coachmark-show { text-decoration: none; }
.empty-placeholder .coachmark-pointing { opacity: 0; filter: alpha(opacity=0); width: 33px; height: 33px; background: url(../../images/coachmark-point.png) no-repeat; position: absolute; z-index: 888; top: 150px; left: 160px; }
.empty-placeholder .coachmark-pointing span { position: absolute; width: 130px; font-family: Montserrat, sans-serif; font-size: 20px; top: 33px; left: 25px; opacity: 0; filter: alpha(opacity=0); }
.empty-placeholder .image { width: 126px; height: 126px; }
.empty-placeholder.scanning .image { background: url(../../images/scanning.gif) no-repeat; }
.empty-placeholder.fetching-webdata .image { background: url(../../images/fetching-webdata.gif) no-repeat; }
.keyword-rankings .keyword-rankings-competitor.filter-bubble { vertical-align: middle; }
.keyword-rankings .empty-placeholder.about-filterbubble {  top: 0; left: 0; margin: 0 auto; }
.empty-placeholder.about-filterbubble { width: 285px; }
.empty-placeholder.about-filterbubble h2 { border-bottom: 0; color: #aeb6ba; font-size: 18px; margin: 20px 0 0; }
.empty-placeholder.about-filterbubble p { font-size: 13px; line-height: 18px; }
.empty-placeholder.about-filterbubble .image { background: url(../../images/filterbubble.png) no-repeat; width: 101px; height: 71px; }
.keywords .empty-placeholder .image { background: url(../../images/empty-placeholder-kwsuggestions.png) no-repeat; }
.empty-placeholder.no-analytics-installed { background: url(../../images/empty-placeholder-no-analytics-installed.png) no-repeat; margin: 20px 0 0 10px; }
.lipperhey-analytics .analytics-intro p { margin: 20px 0 20px 40px; }
.lipperhey-analytics .analytics-intro .btn { margin: 0 0 0 40px; }
.lipperhey-analytics .empty-placeholder { float: left; margin: 20px 20px 0 0; }
.lipperhey-analytics .empty-placeholder .image { margin: 0; float: left; margin: 0 57px 0 0; }
.lipperhey-analytics .empty-placeholder p { float: left; width: 497px; font-size: 13px; line-height: 21px; text-align: left; }
.lipperhey-analytics .empty-placeholder .whatis { margin: 10px 0 30px; }
table .empty-placeholder { margin: 20px auto 0; }
.kbd-tooltip { font-size: 13px; line-height: 20px; clear: both; margin: 5px 0 0; }


/* summary analysis
------------------------------ */
.analysis h1 { margin: 0 0 5px; }
.analysis .span9 .group { margin: 0 0 10px; }
.analysis .box-colored { min-height: 152px; }
.analysis .box-colored .btn { margin: 0 15px; padding: 5px 20px; width: 350px; font-size: 15px; }
.select-spacing { margin: 15px 0; }
.select-spacing select { font: normal 14px/15px "Montserrat", sans-serif; }


/* Keywords position
------------------------------ */
table.keywords-position {}
table.keywords-position td { padding: 9px 4px; }
h2 .icon-info, th.large .icon-info { margin: 4px 0 0 4px; }
th small { display: inline; }
table th .icon-info { margin: 1px 0 0 4px; }
.large .icon-info { margin: -1px 0 0 4px; }
table.keywords-position .keyword { color: #222; }
table.keywords-position .keyword span { font: 14px/1.25 "Montserrat", sans-serif; display: inline-block; width: 195px; overflow: hidden; text-overflow: ellipsis; white-space: normal; position: relative; top: 2px; }
table.keywords-position .position { text-align: center; }
table.keywords-position .position i { margin: 5px; }
table.keywords-position .edit { float: right; color: #87999F; padding-top: 3px; font-size: 12px; text-decoration: underline; }
table.keywords-position .edit:hover { text-decoration: none; }
table.keywords-position td > div { display: inline-block; min-width: 35px; }
.keywords-position-footer p { font-size: 11px; line-height: 14px; color: #AAA; text-align: left; }
.logo-google, .logo-bing, .logo-yahoo { position: relative; background-image: url(../../images/sprite-ui.png); background-repeat: no-repeat; text-indent: -999em; display: inline-block; }
.logo-google { background-position: -130px -5px; width: 76px; height: 26px; top: 0; }
.logo-bing { background-position: -130px -36px; width: 65px; height: 23px; top: 1px; }
.logo-yahoo { background-position: -130px -64px; width: 73px; height: 18px; top: 3px; }


/* Keywords rankings
------------------------------ */
.keyword-rankings { border-bottom: 1px solid #eee; }
.keyword-rankings .keyword { color: #222; }
.keyword-rankings tr { border-bottom: 0; border-top: 1px solid #eee; }
.keyword-rankings tr:first-child { border-top: 0; }
.keyword-rankings tr.child { border-top: 0; }
.keyword-rankings tr:hover td { background: transparent; }
.keyword-rankings .keyword span { font: 14px/1.25 "Montserrat", sans-serif; display: inline-block; width: 175px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; top: 2px; }
.keyword-rankings .edit { display: inline-block; margin: 0 0 0 5px; color: #87999F; padding-top: 3px; font-size: 12px; text-decoration: underline; }
.keyword-rankings .edit:hover { text-decoration: none; }
.keyword-rankings .logo-google { margin-left: 25px; }
.keyword-tag { line-height: 18px; clear: both; background: #fff; border: 1px solid #D9D9D9; border-radius: 3px; position: relative; width: 220px; margin: 5px 0 0; padding: 6px 30px 6px 14px; font-size: 14px; }
.keyword-tag .legend { background: #eee; position: absolute; left: 0; top: 0; width: 4px; height: 100%; border-radius: 3px 0 0 3px; }
.keyword-tag .icon-del { position: absolute; top: 9px; right: 12px; cursor: pointer;}
.keyword-tag .icon-add { position: absolute; top: 9px; right: 12px; cursor: pointer;}
.keyword-rankings tr.active { border: 0; }

.keyword-0 .legend { background: #AED956; }
.keyword-1 .legend { background: #FFA45A; }
.keyword-2 .legend { background: #5DD0FF; }
.keyword-3 .legend { background: #FF5D5D; }
.keyword-4 .legend { background: #3F85F2; }
.keyword-5 .legend { background: #DE45FF; }
.keyword-6 .legend { background: #E9E128; }
.keyword-7 .legend { background: #9D0E8B; }
.keyword-8 .legend { background: #1ABB97; }
.keyword-9 .legend { background: #9D520D; }
.keyword-10 .legend { background: #9D520D; }
.keyword-11 .legend { background: #3CA6D4; }
.keyword.deleted .legend { background: #E51C1C; }

.keyword-rankings th {}
.keyword-rankings th.user-keyword {}
.keyword-rankings th.position {}
.keyword-rankings th.charts {}
.keyword-rankings th.view {}

.keyword-rankings td { padding: 9px 4px 0; height: 65px; font-size: 12px; }
.keyword-rankings .child td { height: 37px; }
.keyword-rankings td.user-keyword {}
.keyword-rankings td.position {}
.keyword-rankings td.charts {}
.keyword-rankings td.view {}

.keyword-rankings td > div { display: inline-block; min-width: 35px; }
.keyword-rankings .user-keyword { width: 270px; }
.keyword-rankings .user-keyword > div {}
.keyword-rankings .position { width: 100px; padding-right: 20px; }
.rank { height: 34px; font: normal 16px/34px "Montserrat", sans-serif; color: #222; width: 100%; text-align: right; }
.rank small { font: normal 10px/1 "Helvetica Neue", sans-serif; color: #BBB; height: 100%; float: right; text-align: center; margin: 0 0 0 5px; }
.rank small i { background-image: url(../../images/sprite-ui.png); background-repeat: no-repeat; display: block; height: 6px; width: 9px; margin: 8px 3px 2px; }
.rank small .icon-equal { margin-top: 14px; }
.rank .up { color: #709d51; }
.rank .up i { background-position: -247px -454px; }
.rank .down { color: #ff5d5d; }
.rank .down i { background-position: -276px -474px; }
.keyword-rankings .view-more { font-size: 13px; padding-right: 5px; width: 100px; }
.keyword-rankings .view-more i { top: -1px; position: relative; margin-right: 2px; }
.keyword-rankings .view-more a { line-height: 24px; color: #bbb; text-decoration: none; padding: 5px; width: 120px; display: inline-block; margin: 6px 0 0; cursor: pointer; white-space: nowrap; }
.keyword-rankings .view-more a:hover { color: #222; transition: color 0.2s; }
.keyword-rankings .view-more a:focus { outline: none; }
.keyword-rankings .view-more a.current { color: #222; }

.keyword-rankings .rank { margin-top: 6px; }
.keyword-rankings tr:hover td.keyword-rankings-competitor { background: #fff; }
.keyword-rankings .keyword-rankings-chart ul { margin: 0 0 0 9px; }
.keyword-rankings .keyword-rankings-chart .no-data { padding-left: 10px; color: #999; }
.keyword-rankings .keyword-rankings-chart .no-data-head { padding-top: 13px; font-size: 13px; }
.keyword-rankings .child .keyword-rankings-chart .no-data-head { padding-top: 0; height: 37px; }
.keyword-rankings .child .keyword-rankings-chart div.no-data-head { position: relative; top: -1px; }
.keyword-rankings .child .keyword-rankings-chart li div.no-data-head { position: relative; top: 0; }

.keyword-rankings .keyword-rankings-chart .no-data .icon-info { position: relative; top: -3px; margin-left: 4px; }
.keyword-rankings .keyword-rankings-chart li .no-data {}
.keyword-rankings .keyword-rankings-competitor { padding-top: 0!important; vertical-align: bottom; }
.keyword-rankings .keyword-rankings-competitor ul { list-style: inside none; margin: 0 0 10px; padding: 0!important; }
.keyword-rankings .keyword-rankings-competitor .url li {}
.keyword-rankings .keyword-rankings-competitor.keyword li { font-size: 13px; display: block; color: #6d7e83; margin: 0; }
.keyword-rankings .top10 .keyword-rankings-competitor.keyword li i { background-position: 0 -120px; } 
.keyword-rankings .top10 .keyword-rankings-competitor.keyword li.your-domain i { background-position: 0 0px; }
.keyword-rankings .top10 .keyword-rankings-competitor.keyword li.competitor0 i { background-position: 0 -30px; }
.keyword-rankings .top10 .keyword-rankings-competitor.keyword li.competitor1 i { background-position: 0 -60px; }
.keyword-rankings .top10 .keyword-rankings-competitor.keyword li.competitor2 i { background-position: 0 -90px; }

.keyword-rankings .given-competitors .keyword-rankings-competitor.keyword li:nth-child(1) i { background-position: 0 -30px; }
.keyword-rankings .given-competitors .keyword-rankings-competitor.keyword li:nth-child(2) i { background-position: 0 -60px; }
.keyword-rankings .given-competitors .keyword-rankings-competitor.keyword li:nth-child(3) i { background-position: 0 -90px; }

.keyword-rankings .keyword-rankings-competitor li, .keyword-rankings .keyword-rankings-competitor.keyword li, .keyword-rankings .keyword-rankings-competitor.position li { line-height: 37px; }

.keyword-rankings .highcharts-container, .keyword-rankings .competitor-keyword-chart { width: 215px; overflow: hidden; }
.keyword-rankings .highcharts-container { margin-top: 8px; }
.keyword-rankings .child .highcharts-container { margin-top: 0; }

.keyword-rankings .keyword-rankings-competitor.keyword li a { display: block; color: #6d7e83; text-decoration: none; }
.keyword-rankings .keyword-rankings-competitor.keyword li a:hover { color: #222; }
.keyword-rankings .keyword-rankings-competitor.position { font-size: 12px; font-family: "Montserrat", sans-serif; text-align: right; color: #6d7e83; }
.keyword-rankings .keyword-rankings-competitor.position li { margin: 0; }
.keyword-rankings .keyword-rankings-competitor .favicon { display: inline-block; margin: 0 5px 0 0; height: 16px; width: 16px; position: relative; top: 4px;  }
.keyword-rankings .keyword-tag { padding: 6px 30px 6px 9px; }

#tooltip-element { position : absolute; box-shadow: 0 1px 9px 0 rgba(0, 0, 0, 0.15); transition: all 0.1s ease-in-out; border-radius: 5px; z-index: 10000; background: #ffffff; padding: 10px; }
#tooltip-element .tooltip-head { margin: 0 5px 2px; width: 250px; }
#tooltip-element .tooltip-head h1 { font-weight: normal; font-size: 14px; line-height: 20px; margin: 0; width: 250px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#tooltip-element .tooltip-head small { font-size: 12px; display: block; margin: 4px 0 10px; border-bottom: 1px solid #F4F4F4; padding-bottom: 7px; }

.table-searchposition { font-size: 12px; }
.table-searchposition .your-domain, .table-searchposition .your-position, .table-searchposition .competitor-domain, .table-searchposition .competitor-position { line-height: 20px; }
.table-searchposition .your-position, .table-searchposition .competitor-position { text-align: center; font-family: "Montserrat", sans-serif; }
.table-searchposition .competitor-position { color: #6D7E83; }
.table-searchposition .your-position { color: #000; }
.table-searchposition .your-domain { color: #3CA6D4; }

.graph-legend { display: inline-block; background-image: url(../../images/graph-legend.png); background-repeat: no-repeat; width: 14px; height: 6px; background-position: 0 0; margin: 0 10px 0 0; position: relative; top: -1px; }
.keyword-rankings .add-competitor { height: 30px;}
.keyword-rankings .add-competitor a { color: #23A9C6!important; text-decoration: none!important; }
.add-competitor a:hover { text-decoration: underline!important; }
.add-competitor i.graph-legend { background-position: 0 -120px!important; }
.table-searchposition tr.given-competitors:nth-child(2), .competitor-domain-0 { color: #20A276; }
.table-searchposition tr.given-competitors:nth-child(2) .graph-legend, .given-competitors .competitor-domain-0 i.graph-legend { background-position: 0 -30px; }
.table-searchposition tr.given-competitors:nth-child(3), .given-competitors .competitor-domain-1 { color: #D83A33; }
.table-searchposition tr.given-competitors:nth-child(3) .graph-legend, .given-competitors .competitor-domain-1 i.graph-legend { background-position: 0 -60px; }
.table-searchposition tr.given-competitors:nth-child(4), .given-competitors .competitor-domain-2 { color: #AA861A; }
.table-searchposition tr.given-competitors:nth-child(4) .graph-legend, .given-competitors .competitor-domain-2 i.graph-legend { background-position: 0 -90px; }

.keyword-rankings .notice { width: 332px; border-left: 1px solid #EEEEEE; }
.keyword-rankings .notice > div { width: 332px; padding: 10px 20px 20px; }
.keyword-rankings .plan-required h3 { font-size: 16px; }
.keyword-rankings tr:hover td.notice { color: #6D7E83; }

.keyword-rankings .keyword-rankings-add .graph-legend { background-position: 0 -120px!important; }
.keyword-rankings .keyword-rankings-add .no-data-head { padding-top: 8px; }
.keyword-rankings .keyword-rankings-competitor.keyword li a:hover { text-decoration: underline; }

.keyword-rankings .message.campaign { padding: 0; }
.keyword-rankings .message.campaign .switch-campaign { float: left; }

.keyword-rankings .position li { overflow: hidden; padding-right: 2px; }
.keyword-rankings .rank-number { float: left; width: 66px; }
.keyword-rankings .rank-number-difference { float: right; width: 14px; }

.keyword-rankings tr.child small { font: normal 10px/1 "Helvetica", sans-serif; display: inline-block; width: 15px; margin-left: 0; left: 3px; top: 1px; position: relative; text-align: center; }
.keyword-rankings tr.child small i { background-image: url(../../images/sprite-ui.png); background-repeat: no-repeat; display: block; height: 6px; width: 9px; margin: 8px 3px 2px; }
.keyword-rankings tr.child .down { color: #FF5D5D; }
.keyword-rankings tr.child .up { color: #709D51; }


/* Analysis pages
------------------------------ */
.table-pages { margin: 60px 0 0; }
.table-pages tr { cursor: pointer; }
.table-pages td { padding: 14px 4px; }

.table-pages .page-item { width: 400px; padding-left: 10px; }
.table-pages .page-item .page-url { background: url(../../images/favicon.png) no-repeat 0 1px; padding-left: 16px; }
.table-pages .page-url , .table-pages .page-title { width: 400px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.table-pages .page-url { font-size: 15px; margin: 0 0 8px; color: #23a9c6; }
.table-pages .page-title { font-size: 12px; }
.table-pages tr:hover .page-title { color: #6D7E83; }
.table-pages tr:hover .page-url { text-decoration: underline; }

.table-pages .page-keyword label { font-size: 12px; color: #6D7E83; }
.table-pages .keyword-focus { margin-top: 4px; color: #a7adb2; }
.table-pages .keyword-focus, .table-pages .keyword-focus .keyword { font-size: 12px; line-height: 16px; }
.table-pages .keyword-focus .keyword { margin: 0 0 5px 5px; display: inline-block; border-radius: 3px; background: #B7C2C7; line-height: 16px; padding: 0 7px 2px; color: #fff; font-family: "Montserrat", sans-serif; font-size: 13px; }
.table-pages tr:hover .page-keyword label {}
.table-pages tr:hover .keyword-focus .keyword { background: #B0C0C7; color: #fff; }

.table-pages .keyword-focus .keyword.edited { background: #8292A2; }
.table-pages tr:hover .keyword-focus .keyword.edited { background: #8292A2; }

.table-list tr:hover .keyword-focus  { color: #6D7E83; }

.table-pages .page-links { width: 72px; text-align: right; }
.table-pages th.page-links {}
.table-pages td.page-links { font-size: 14px; }
.table-pages tr:hover td.page-links { color: #808E92; }

.table-pages .page-errors { width: 80px; text-align: center; }
.table-pages th.page-errors {}
.table-pages td.page-errors { color: #e32d42; font-size: 14px; }
.table-pages td.page-errors.no-page-errors, .table-pages tr:hover td.page-errors.no-page-errors { color: #859298; }
.table-pages tr:hover td.page-errors { color: #e32d42; }

.table-pages .page-score { width: 140px; }
.table-pages th.page-score {}
.table-pages td.page-score .bar { position: relative; float: left; width: 50px; margin: 6px 10px 0 0; }
.table-pages td.page-score .score { float: left; font: normal 15px/1 Montserrat, sans-serif; }
.table-pages tr:hover td.page-score { color: #808E92; }
.table-pages .page-score .icon-rarr { margin: 0 0 0 8px; }

.table-pages .bar .grill { background: url(../../images/sprite-ui.png) no-repeat -20px -558px; height: 5px; width: 50px; position: absolute; left: 9px; bottom: 0; z-index: 2; }


/* keywords saved styles
------------------------------ */
.table-saved-keyword {}
.table-saved-keyword td.name-of-keywords a { color: #808E92; text-decoration: none; display: inline-block; }
.table-saved-keyword .number-of-keywords { width: 50px; text-align: right; }
.table-saved-keyword tr:hover a { color: #222; }


/* keywords suggestions styles
------------------------------ */
.table-suggested-keyword { font-size: 14px; }
.table-suggested-keyword tr { border-top: 1px solid #eee; border-bottom: 0; }
.table-suggested-keyword tr:first-child { border-top: 0; }
.table-suggested-keyword tr.more { border-top: 0; }
.table-suggested-keyword { border-bottom: 1px solid #eee; }
.table-suggested-keyword tr:hover { cursor: pointer; }
.table-suggested-keyword td.suggested-keyword i { float: left; margin: 1px 10px 0 0; }
.table-suggested-keyword tr:hover .icon-exp { background-position: -242px -273px; }
.table-suggested-keyword tr:hover .icon-col { background-position: -242px -313px; }
.table-suggested-keyword .word { float: left; width: 320px;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.table-suggested-keyword .term { font-weight: bold; color:#000000}
.table-suggested-keyword .related { float: right; width: 20px; text-align: left; font-size: 12px; color: red; line-height: 18px; position: relative; top: 2px; }
.table-suggested-keyword .potential { width: 140px; }
.table-suggested-keyword .potential .label { float: left; text-transform: uppercase; font-size: 10px; margin: 0 0 0 10px; }
.table-suggested-keyword .potential .impact { float: left; margin: 5px 0 0; }
.table-suggested-keyword .potential .impact.five { background-position: -244px -495px; }
.table-suggested-keyword .potential .impact.four { background-position: -244px -513px; }
.table-suggested-keyword .potential .impact.three { background-position: -244px -531px; }
.table-suggested-keyword .potential .impact.two { background-position: -244px -549px; }
.table-suggested-keyword .potential .impact.one { background-position: -244px -567px; }
.table-suggested-keyword .websites { text-align: right; width: 120px; }
.table-suggested-keyword .pages { text-align: right; width: 120px; }
.table-suggested-keyword .traffic { text-align: right; width: 180px; }

.table-suggested-keyword .main * { font-weight: bold; }

.table-suggested-keyword th.suggested-keyword { padding-left: 4px; }
.table-suggested-keyword th.potential {}
.table-suggested-keyword th.websites {}
.table-suggested-keyword th.pages {}
.table-suggested-keyword th.traffic {}

.table-suggested-keyword td.suggested-keyword { font-size: 16px; color: #222; width: 380px; }
.table-suggested-keyword td.potential {}
.table-suggested-keyword td.websites {}
.table-suggested-keyword td.pages {}
.table-suggested-keyword td.traffic {}

.table-suggested-keyword .more td { padding: 0; }
.table-suggested-keyword .more .explanation h4 { font-size: 16px; margin: 0 0 10px; }
.table-suggested-keyword tr.more:hover td{ background: #fff; }

.suggested-keyword-details { position: relative; overflow: hidden; padding-top: 11px; }
.suggested-keyword-details .arrow { position: absolute; background: red; width: 25px; height: 15px; left: 30px; top: 0; z-index: 999; background: url(../../images/sprite-ui.png) no-repeat -217px -358px; }
.suggested-keyword-details h3 { font-size: 15px; margin: 0 0 15px; }
.suggested-keyword-details .suggested-keyword-details-content { background: #FAFAFB; overflow: hidden; padding: 20px 15px; }

.search-engine-preview { background: #fff; padding: 0; }
.search-engine-preview .title {}
.search-engine-preview .url {}
.search-engine-preview .description {}

.search-engine-preview .suggested { display: inline-block; padding: 0 10px; font-size: 13px; line-height: 20px; }
.search-engine-preview .suggested span { font: 13px/1 "Montserrat", sans-serif; }
.search-engine-preview .title .suggested { line-height: 19px; height: 19px; color: #12C; text-decoration: underline; }
.search-engine-preview .url .suggested { color: #093; }
.search-engine-preview .description .suggested { color: #000; line-height: 20px; }

.about-suggested-keyword { color: #808E92; list-style: none inside; margin: 0; padding: 0; font-size: 13px; float: left; width: 368px; }
.about-suggested-keyword li { line-height: 20px; overflow: hidden; }
.about-suggested-keyword .bar { width: 100px; float: left; margin: 8px 10px 4px 0; }
.about-suggested-keyword .label { float: left; } 
.about-suggested-keyword .label span { font-weight: bold; display: inline-block; line-height: 20px; width: 40px; text-align: right; }

.about-suggested-keyword .title .progress { background-color: #12C; }
.about-suggested-keyword .title .label { color: #12c; }
.about-suggested-keyword .url .progress { background-color: #093; }
.about-suggested-keyword .url .label { color: #093; }
.about-suggested-keyword .description .progress { background-color: #444; }
.about-suggested-keyword .description .label { color: #444; }

.story-suggested-keywords { float: left; width: 510px; color: #808E92; font-size: 13px; line-height: 20px; }
.keyword-suggestions .headline { overflow: hidden; margin-bottom: 40px; }
.keyword-suggestions .headline h2 { border: 0; margin: 0 0 10px; }
.keyword-suggestions .headline .span3 div { margin-top: 15px; margin-bottom: 10px; }


/* keywords overview
------------------------------ */
.table-keywords-overview { margin: 0 0 20px; }
.table-keywords-overview tr:hover td { background: transparent; }
.table-keywords-overview td { vertical-align: top; }
.table-keywords-overview table td { margin: -5px 0 0; padding: 0; list-style: inside none; font: normal 14px/1 "Montserrat", sans-serif; color: #222; }
.table-keywords-overview table td, .table-keywords-overview .rank { line-height: 25px; height: 25px; }
.table-keywords-overview table tr:last-child { border-bottom: 0; }
.table-keywords-overview .rank { display: inline-block; width: 65px; text-align: center; font-size: 14px; margin-right: 20px; }
.table-keywords-overview .rank small { display: inline-block; width: 15px; margin-left: 10px; top: -4px; position: relative; }
.table-keywords-overview .list-keyword-position { text-align: center; width: 210px; }
.table-keywords-overview .rank-number { float: left; width: 38px; text-align: right; }
.table-keywords-overview .rank-number-difference { float: right; width: 14px; }

.table-keywords-overview th.list-keywords { width: 244px; }
.table-keywords-overview .list-keywords td, .table-keywords-overview table .keyword, .table-keywords-overview .project > div { width: 240px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.table-keywords-overview .list-keywords td { padding-right: 40px; }
.table-keywords-overview table .keyword { font-size: 13px; }
.table-keywords-overview .table-favicon { padding: 16px 4px 8px 4px; }
.table-keywords-overview .project { padding-top: 13px; }
.table-keywords-overview .project a.url { color: #6D7E83; padding: 2px 0; text-decoration: none; display: inline-block; max-width: 230px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } 
.table-keywords-overview .project a.url:hover { color: #272727; }
.table-keywords-overview table tr { border: 0; }
.table-keywords-overview .no-keywords { color: #6D7E83; text-align: center; font: normal 13px/30px "Helvetica Neue", sans-serif; display: block; }
.table-keywords-overview .toggle-keywords { cursor: pointer; line-height: 24px; color: #BBB; text-decoration: none; padding: 5px 5px 5px 0; width: 120px; display: inline-block; margin: 6px 0 0; cursor: pointer; white-space: nowrap; font: 13px/1 "Helvetica Neue", sans-serif; }
.table-keywords-overview .toggle-keywords:hover { color: #222; transition: color 0.2s ease-in-out;  }
.table-keywords-overview .toggle-keywords i { margin: -1px 2px 0 0; } 

/* benchmark styles
------------------------------ */
.benchmark-add { margin: 15px 0; }
.benchmark-add .ico-placeholder input[type="text"]{ width: 100%; }
.benchmark-add .icon-add { margin-top: 9px; }

.benchmark-graph { overflow: hidden; margin: 15px 0; }
.benchmark-graph > div { float: left; margin: 0 5px 0 0; }
.benchmark-graph .benchmark-item { position: relative; font-size: 14px; border: 1px solid #E6E6E6; border-radius: 2px; width: 141px; padding: 8px; }
.benchmark-graph .benchmark-item:last-child { margin: 0; }
.benchmark-graph div > i { float: left; margin-top: 11px; }
.benchmark-graph .website { margin: 0 0 0 18px; }
.benchmark-graph .benchmark-item .label { font: 14px/1 "Montserrat", sans-serif; color: #111; }
.benchmark-graph .benchmark-item .url { font-size: 12px; margin: 4px 0 0; width: 105px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.benchmark-graph .spacing { padding: 17px 10px; font-size: 12px; }


/* graph styles
------------------------------ */
/* stats graph */
.stats-graph { border-left: 1px solid #EEE; border-right: 1px solid #EEE; margin-top: 20px; height: 230px; }
/* markers */
.hc-marker { height: 34px; width: 28px; padding: 5px; display: inline-block; opacity: 0.5; filter: alpha(opacity=50); background: url(../../images/sprite-ui.png) no-repeat -81px -509px; text-align: center; }
.hc-marker:hover { opacity: 1; filter: alpha(opacity=100); }
/* stats */
.hc-stats { overflow: hidden; border-left: 1px solid #eee; margin: 0 0 60px; -webkit-animation-delay: 0.25s; -moz-animation-delay: 0.25s; animation-delay: 0.25s; }
.hc-stats > div { width: 25%; padding: 10px; float: left; border-right: 1px solid #eee; border-bottom: 1px solid #eee; font: normal 14px/1 'Montserrat', sans-serif; color: #000; cursor: pointer; }
.hc-stats > div:hover { background: #FAFAFB; }
.hc-stats > div:hover span { color: #000; }
.hc-stats > div.current { background: #FAFAFB; }
.hc-stats > div.current h3 { color: #000; }
.hc-stats > div.current span { color: #000; }
.hc-stats > div h3 { font-size: 14px; color: #87999F; }
.hc-stats > div span { color: #87999F; text-align: right; display: block; margin: 5px 0 2px; font-size: 22px; }

/* datepicker */
.datepicker-list-period { position: absolute; right: 12px; top: 29px; -webkit-animation-delay: 0.25s; -moz-animation-delay: 0.25s; animation-delay: 0.25s; }
.analysis-analytics .datepicker-list-period { top: 27px; }

/* analytics base
------------------------------ */
#stats .relative { z-index: 1000; }
/* stats nav heading */
.stats-nav-heading { overflow: hidden; margin: 0 0 20px; }
.stats-nav-heading > a { padding: 20px; float: left; border-right: 1px solid #eee; border-bottom: 1px solid #eee; font: normal 14px/1 'Montserrat', sans-serif; color: #000; cursor: pointer; }
.stats-nav-heading > a:first-child { border-left: 1px solid #eee; }
.stats-nav-heading > a:hover { background-color: #FAFAFB; }
.stats-nav-heading > a:hover h3 { color: #000; }

.stats-nav-heading > a h3 { font-size: 16px; color: #87999f; }
.stats-nav-heading > a h3 span { font: normal 16px/1 'Helvetica Neue', sans-serif; }
.stats-nav-heading > a.current { background-color: #FAFAFB; }
.stats-nav-heading > a.current h3 { color: #000; }

/* devices */
.devices .stats-nav-heading > a { width: 33.3%; }
.devices .devices-item { background: url(../../images/sprite-stats-devices.png) no-repeat; text-align: center; padding-left: 70px; }
.devices .devices-item.desktop { background-position: 13px 10px; }
.devices .devices-item.tablet { background-position: 18px -89px; }
.devices .devices-item.phone { background-position: 18px -187px; }

.table-devices { float: left; width: 350px; }
th.browser {}
th.visits { text-align: right; }
td.browser { border-right: 1px solid #eee; font-size: 14px; }
td.browser span { background: url(../../images/sprite-stats-browsers.png) no-repeat; width: 16px; height: 16px; display: inline-block; padding-left: 26px; }
td.browser.chrome span { background-position: 0 0; }
td.browser.safari span { background-position: 0 -30px; }
td.browser.ie span { background-position: 0 -60px; }
td.browser.firefox span { background-position: 0 -90px; }
td.browser.opera span { background-position: 0 -120px; }
td.browser.unknown span { background-position: 0 -150px; }
td.visits { text-align: right; font-size: 14px; }
td.visits > div { float: left; }
td.visits .numbers { margin: 0 10px 0 0; text-align: right; width: 90px; }
td.visits .bar { width: 50px; background: none; margin: 5px 0; }
td.visits .percentage { float: right; text-align: right; margin: 0 0 0 10px; width: 40px; }
td.visits.chrome .progress { background-color: #DD9CF2; }
td.visits.safari .progress { background-color: #88ABF3; }
td.visits.ie .progress { background-color: #7EE9B0; }
td.visits.firefox .progress { background-color: #EDE783; }
td.visits.opera .progress { background-color: #E28775; }

.piechart-devices { float: left; width: 340px; margin: 0 0 0 10px; height: 280px; }

/* traffic source */
.traffic-source {}
.traffic-source .heading h2 span { display: block; width: 33%; overflow: hidden; }
.traffic-source .heading h2 i { font-style: normal; font-size: 14px; position: relative; top: 2px; padding-right: 10px; float: right; }
.traffic-source .navigation { font: normal 15px/1 'Montserrat', sans-serif; width: 33%; float: left; }
.traffic-source .navigation ul { list-style: inside none; margin: 0; padding: 0; }
.traffic-source .navigation li { border-bottom: 1px solid #ECECEC; border-right: 1px solid #ECECEC; }
.traffic-source .navigation a { color: #87999f; text-decoration: none; padding: 13px 10px 15px; display: block; clear: both; }
.traffic-source .navigation a:hover { color: #222; }
.traffic-source .navigation a i { font: normal 14px/17px 'Helvetica Neue', sans-serif; color: #859298; float: right; }
.traffic-source .navigation a:hover i { color: #222; }

.traffic-source .navigation a span { display: block; }
.traffic-source .navigation a .bar { margin: 8px 0 0; background: #EBF1F3; }
.traffic-source .navigation a .bar .progress { background: #C9D2DB; }

.traffic-source .navigation a:hover .bar, .traffic-source .navigation .current a .bar { background: #D8E6EF; }
.traffic-source .navigation a:hover .bar .progress, .traffic-source .navigation .current a .bar .progress { background: #AFD75F; }

.traffic-source .navigation .current { background: #FAFAFB; border-right: 1px solid #FAFAFB; }
.traffic-source .navigation .current a, .traffic-source .navigation .current i { color: #222; }
.traffic-source .content { margin: 0 0 0 232px; width: 469px; height: 285px; background: #FAFAFB; padding: 1px 10px; border-bottom: 1px solid #ECECEC; position: relative; left: -1px; overflow-y: scroll; }
.traffic-source table { margin: 0 0 13px; background: none; }
.traffic-source table th { font-size: 12px; padding: 11px 4px 12px; text-transform: uppercase; }
.traffic-source table tr { border: 0; }
.traffic-source table tr:hover td { background: none; }
.traffic-source table td { font-size: 13px; padding: 3px 4px 4px; }
.traffic-source table .item {}
.traffic-source table .visits { text-align: right; }
.traffic-source table .bounce { text-align: right; }


/* account styles
------------------------------ */
.account .form-horizontal { margin: 40px 0; }
.account .explanation { font-size: 13px; line-height: 1.4; width: 410px; display: inline-block; margin: 0 0 40px 20px; padding: 10px; }
.account .control-searchenginetld { margin: 20px 0 0; }
.account .change-password {}
.account .change-password a { font-size: 14px; line-height: 38px; display: block; }
.account .change-password-input {}
.account .form-horizontal .control-group .switch { top: 0; float: left; }


/* invoice */
.account-invoices .mside h2 small { width: 300px; text-align: right; }
.table-invoices { font-size: 14px; margin: 0 0 60px; }
.invoice-date { width: 110px; }
.invoice-id { width: 80px; font-size: 12px; }
.invoice-type { width: 90px; }
.invoice-user { width: 105px; }
.invoice-amount { width: 140px; text-align: right; }

th.invoice-date {}
th.invoice-id { padding-right: 10px; }
th.invoice-type {}
th.invoice-user {}
th.invoice-amount {}

td.invoice-date {}
td.invoice-id {}
td.invoice-id a { display: block; padding-right: 20px; text-decoration: underline; line-height: 20px; }
td.invoice-id a i { margin: 0 10px 0 0; }
td.invoice-type {}
td.invoice-amount {}


/* Branding
------------------------------ */
/* Branding message */
.branding-message {}
.branding-message .alert .btn { float: right; margin-top: -4px; }
.branding-message .features { margin: 0 0 30px; float: left; }
.branding-message .features .box { border: 1px solid #EFF0F0; border-radius: 3px; margin-top: 0; margin-bottom: 20px; }
.branding-message .features .caption { background: #F6F7F8; padding: 10px; text-align: center; text-transform: uppercase; font: normal 14px/1 "Montserrat", sans-serif; color: #222; position: absolute; bottom: 0; width: 100%; border-radius: 0 0 3px 3px; }
.branding-message .features > div { background: url(../../images/sprite-icons-features.png) no-repeat; height: 130px; position: relative; }
.branding-message .features .feature-1 { background-position: 87px -552px; }
.branding-message .features .feature-2 { background-position: -494px -551px; } 
.branding-message .features .feature-3 { background-position: -495px -738px; }
.branding-message .mside section h2:last-child { margin: 0 0 20px; }
.branding-message .mside section h3 { margin: -6px 0 18px; }
.branding-message .mside section p:last-child { margin: 8px 0 35px; }
.branding-message .mside p { font-size: 14px; }
.branding-message .mside h3 { font-size: 15px; }

/* Branding Dashboard */
.branding-dashboard-logo .logo-preview { position: relative; left: 10px; margin: 0; height: 94px; width: 210px; }
.branding-dashboard-logo .logo-preview input[type="file"] { width: 230px; cursor: pointer; height: 100%; position: absolute; opacity: 0; left: -10px; top: 0; z-index: 9999; }
.branding-dashboard-logo .logo-preview img { max-width: 210px; display: inline-block; max-height: 51px; margin: 20px 0 0; }
.branding-dashboard-logo .logo-user-input .btn { margin-right: 20px; float: left; margin-bottom: 20px; }
.branding-dashboard-logo .logo-user-input .reset { font-size: 14px; float: left; line-height: 35px; }

.logo-preview .logo-upload { border-radius: 4px; z-index: 999; position: absolute; background: rgba(255,255,255,0.1); width: 230px; height: 71px; border: 1px dashed rgba(255,255,255,0.12); top: 11px; left: -10px; color: #fff; text-align: center; }
.logo-preview:hover .logo-upload { background: rgba(255,255,255,0.15); transition: background 0.2s; }
.logo-preview .logo-upload span { display: block; margin: 0 auto; font-size: 13px; }
.logo-preview .logo-upload .icon-upload { display: block; margin: 10px auto 10px; }

.branding-dashboard .branding-viewport { overflow: hidden; width: 700px; border-radius: 3px; }
.branding-dashboard .input-colorpicker { position: absolute; }
.input-colorpicker .v-line { width: 0; border-left: 1px dotted rgba(0, 0, 0, 0.25); position: absolute; left: 50%; }
.input-colorpicker .h-line { height: 1px; border-top: 1px dotted rgba(0, 0, 0, 0.25); position: absolute; top: 50%; }

.category-branding-header { position: relative; }
.category-branding-header .branding-viewport { margin: 60px 0 45px; }
.category-branding-header header .logo { margin-left: 10px!important; }
.category-branding-header header .navigation ul { margin-left: 10px!important; }
.category-branding-header .breadcrumbs ul { margin-left: 10px!important; }
.input-colorpicker.branding-custom-nav { top: 75px; left: 0; }
.input-colorpicker.branding-custom-nav .v-line { top: 36px; height: 35px; }
.input-colorpicker.branding-custom-nav-current-a { top: 75px; left: 240px; }
.input-colorpicker.branding-custom-nav-current-a .v-line { top: 36px; height: 78px; }
.input-colorpicker.branding-custom-nav-li-a { top: 75px; left: 380px; }
.input-colorpicker.branding-custom-nav-li-a .v-line { top: 36px; height: 78px; }
.input-colorpicker.branding-custom-breadcrumb { top: 320px; left: 575px; }
.input-colorpicker.branding-custom-breadcrumb .v-line { bottom: 37px; height: 70px; }
.input-colorpicker.branding-custom-breadcrumb-a { top: 320px; left: 0; }
.input-colorpicker.branding-custom-breadcrumb-a .v-line { bottom: 37px; height: 58px; left: 33px; }
.input-colorpicker.branding-custom-breadcrumb-current { top: 320px; left: 140px; }
.input-colorpicker.branding-custom-breadcrumb-current .v-line { bottom: 37px; height: 58px; left: 17px; }
.input-colorpicker.branding-custom-bg-summary { top: 320px; left: 380px; }
.input-colorpicker.branding-custom-bg-summary .v-line { bottom: 37px; height: 35px; }

.category-branding-content { position: relative; }
.input-colorpicker.branding-custom-h2 { top: 85px; left: 0; }
.input-colorpicker.branding-custom-h2 .h-line { left: 125px; width: 90px; }
.input-colorpicker.branding-custom-p { top: 135px; left: 0; }
.input-colorpicker.branding-custom-p .h-line { left: 125px; width: 90px; }
.input-colorpicker.branding-custom-a { top: 185px; left: 0; }
.input-colorpicker.branding-custom-a .h-line { left: 125px; width: 90px; }

.category-branding-buttons { position: relative; }
.category-branding-buttons .branding-viewport { margin: 80px 0; }
.input-colorpicker.branding-custom-button-primary { top: 75px; left: 0; }
.input-colorpicker.branding-custom-button-primary .v-line { top: 37px; height: 45px; }
.input-colorpicker.branding-custom-button-secondary { top: 75px; left: 240px; }
.input-colorpicker.branding-custom-button-secondary .v-line { top: 37px; height: 45px; }
.input-colorpicker.branding-custom-button-primary-text { bottom: 0; left: 62px; }
.input-colorpicker.branding-custom-button-primary-text .v-line { bottom: 37px; height: 65px; }
.input-colorpicker.branding-custom-button-secondary-text { bottom: 0; left: 330px; }
.input-colorpicker.branding-custom-button-secondary-text .v-line { bottom: 37px; height: 65px; }

/* Branding report */
.input-file { margin: 10px 0 0; font-size: 14px; line-height: 1.5; }
.select-font-family { width: 170px; margin: 4px 0 10px; border: 1px solid #ddd!important; }
.select-font-family li > div { margin: 3px 14px 3px 9px; }
.select-font-family:hover { border: 1px solid #C1C8CF!important; }
.select-font-family b { font-size: 15px; }
.select-font-family .dropdown-btn { padding: 8px 4px 8px 10px; }
.select-font-family .dropdown-menu { padding: 0; }
.select-font-family .dropdown-menu li:hover { background: #EDEFF1; }
.select-font-family .icon-dropdown-small { position: absolute; right: 5px; top: 4px; }
.select-font-family label { width: 100%; padding: 0 7px; }
.select-font-family .font { background: url(../../images/select-font-family.png) no-repeat; height: 13px; width: 125px; display: inline-block; margin: 11px 0 6px;  }

.select-font-family .font.arial { background-position: 0 0; }
.select-font-family .font.verdana { background-position: 0 -30px; }
.select-font-family .font.times-new-roman { background-position: 0 -61px; }
.select-font-family .font.news-gothic-std { background-position: 0 -90px; }
.select-font-family .font.cambria { background-position: 0 -120px; }

.select-font-family .font-selected { background: url(../../images/select-font-family.png) no-repeat; height: 13px; text-indent: -999em; display: block; }
.select-font-family.arial .font-selected { background-position: 0 0; }
.select-font-family.verdana .font-selected { background-position: 0 -30px; }
.select-font-family.times-new-roman .font-selected { background-position: 0 -61px; }
.select-font-family.news-gothic-std .font-selected { background-position: 0 -90px; }
.select-font-family.cambria .font-selected { background-position: 0 -120px; }

/* Branding hosting */
.branding-hosting .checkbox { margin: 10px 0 5px; }
.branding-hosting .control-group { margin: 20px 0 0; }
.branding-hosting .control-group .controls { margin-top: -20px; }
.branding-hosting .control-group .btn { margin: 20px 0 0; }
.branding-hosting .control-group input[type="submit"].btn { padding: 12px 16px 11px; font-size: 14px; line-height: 1; }
.control-group .example { font-size: 12px; margin: 0; }

.control-group-error textarea, .control-group-error textarea:hover, .control-group-error textarea:focus, .control-group-error textarea:active { border: 1px solid #E8816D; }
.control-group .remaining { font-size: 12px; margin: 5px 0; }
.control-group-error .remaining { color: #f73f3f; }

.branding-hosting .steps { list-style: inside none; margin: 20px 0; padding: 0; }
.branding-hosting fieldset.category li { margin: 0 0 30px; }
.branding-hosting .steps .step { float: left; background: #B6BFC1; border-radius: 30px; height: 30px; width: 30px; font: 16px/30px "Montserrat", sans-serif; text-align: center; color: #fff; }
.branding-hosting .steps p { margin: 0 0 0 55px; }
.branding-hosting .ico-period { background: #FFF url(../../images/icon-time.png) no-repeat!important; position: relative; line-height: 20px; }
.branding-hosting .ico-period span { color: #B6BFC1!important; position: absolute; bottom: -32px; left: 0; display: block; text-align: center; width: 100%; z-index: 38; color: #98A7AA; font-size: 14px; }
.branding-hosting .step-hostname p { margin-bottom: 3px; }
.branding-hosting .hostname-status { margin: 15px 0 0 60px; }
.branding-hosting .hostname-status .ico { border-radius: 15px; height: 10px; width: 10px; float: left; margin: 6px 12px 6px 0; }
.branding-hosting .hostname-status p { margin: 0 0 10px; }
.branding-hosting .hostname-status .inactive { background: #CC5F5F; }
.branding-hosting .hostname-status .active { background: #90cc5f; }
.branding-hosting .hostname-status .btn { margin-left: 10px; }

/* Branding */
.branding [class*="edit-"] { padding: 10px 0; position: absolute; }
.branding [class*="edit-"] .label { font: normal 14px/1 "Montserrat", sans-serif!important; color: #222; text-decoration: none; margin: 0 0 8px; }
.branding [class*="edit-"] a { display: block; text-decoration: underline; font: normal 14px/1 "Helvetica Neue", sans-serif; color: #23A9C6; }
.branding [class*="edit-"] a:hover  { text-decoration: none; }
.branding .adjust { margin: 5px 0; }
.branding .input-colorpicker { margin-bottom: 10px; }
.branding .input-colorpicker-inline .input-colorpicker { margin: 0 0 0 10px; display: inline-block; }
.branding .input-colorpicker-inline .label { margin-left: 10px; }
.branding .hr { width: 81px; height: 0; position: absolute; border-bottom: 1px dotted rgba(0, 0, 0, 0.25); z-index: 20; }
.branding .vr { width: 0; height: 81px; position: absolute; border-left: 1px dotted rgba(0, 0, 0, 0.25); z-index: 20; }

.branding .module-analysis-signup p { display: inline-block; margin: 0 auto; }

.logo-preview { width: 268px; position: relative; margin: 30px auto 0; }
.logo-preview .label { font: normal 14px/1 "Montserrat", sans-serif; color: #222; margin: 0 0 8px; }
.logo-preview img { position: absolute; top: 0; left: 0; z-index: 999; background: #fff; }
.logo-preview input[type="file"] { width: 268px; height: 100%; position: absolute; z-index: 998; opacity: 0; cursor:pointer; }
.logo-preview .logo-upload { cursor: pointer; position: relative; left: 0; top: 0; background: #F6F7F8; height: 70px; border: 1px dashed rgba(0, 0, 0, 0.12); color: #A1A8AB; width: 268px; z-index: 988; }
.logo-preview .logo-upload:hover { background: #eff1f3; }
.logo-preview .logo-upload .icon-upload { background-position: -207px -117px; }
.logo-preview .vr { height: 60px; left: 247px; top: 100px; }

.branding-report .logo-preview .vr { left: 30px; height: 40px; }

.branding-report-editor { position: absolute; z-index: 2; width: 100%; height: 378px; }
.branding-report-editor .edit-heading { left: 0; top: 35px; }
.branding-report-editor .edit-advice { left: 0; top: 280px; }
.branding-report-editor .edit-paragraph { right: 0; top: 35px; }
.branding-report-editor .edit-subheading { right: 0; top: 168px; }
.branding-report-editor .edit-conclusion { right: 0; top: 306px; }

.branding-report-editor .edit-heading .hr { top: 70px; left: 155px; }
.branding-report-editor .edit-advice .hr { top: 70px; left: 155px; }
.branding-report-editor .edit-paragraph .hr { top: 97px; right: 200px; }
.branding-report-editor .edit-subheading .hr { position: absolute; top: 19px; right: 200px; }
.branding-report-editor .edit-conclusion .hr { top: 19px; right: 200px; }
.branding-report-editor .dropdown.dropdown-btn:hover > b { transition: none; }

.branding-report-preview { margin: 35px auto 120px; width: 268px; height: 378px; border: 1px solid #EFF0F0; box-shadow: 0 0 4px rgba(0,0,0,0.05); }
.branding-report-preview .company-logo { margin: 20px 0 0 12px; }
.branding-report-preview .company-logo img { max-width: 95px; max-height: 20px; }
.branding-report-preview .heading, .branding-report-preview .paragraph, .branding-report-preview .subheadings, .branding-report-preview .advice, .branding-report-preview .conclusion { margin-left: 25px; margin-right: 25px; }
.branding-report-preview .heading { font-size: 16px; padding: 2px 6px; margin-top: 10px; /**/ font-family: Cambria; background: #06384D; color: #fff; /**/}
.branding-report-preview .paragraph { font-size: 10px; line-height: 13px; margin-top: 7px; margin-bottom: 7px; /**/ color: #222; /**/ }
.branding-report-preview .subheadings { font-size: 13px; margin-top: 32px; margin-bottom: -4px; padding-bottom: 1px; border-bottom-style: solid; border-bottom-width: 1px; /**/ color: #002A3A; border-color: #002A3A; /**/}
.branding-report-preview .subheadings.smaller { font-size: 12px; border: 0; }
.branding-report-preview .conclusion { font-size: 11px; padding: 3px 6px; margin-top: 25px; margin-bottom: 10px; /**/ color: #004b67; background: #E7E7E9; /**/}
.branding-report-preview .advice { font-size: 11px; font-style: italic; /**/ font-family: Cambria; color: #222; /**/ }

.branding-site.no-subscription { margin: 330px 0 0; }

.branding-site-editor { position: absolute; z-index: 2; width: 100%; height: 100%; }
.branding-site-editor .logo-preview { position: absolute; top: -197px; left: 0; }
.branding-site-editor .edit-header { left: 287px; top: -177px; width: 414px; }

.branding-site-editor .edit-breadc {}
.branding-site-editor .edit-summary { left: 575px; top: 0; }
.branding-site-editor .edit-contents { left: 575px; top: 144px; }
.branding-site-editor .edit-buttons { left: 73px; top: 350px; }
.branding-site-editor .edit-buttons.primary { left: 402px; }
.branding-site-editor .edit-user-button { left: 426px; top: -94px; }
.branding-site-editor .edit-user-button.input-colorpicker-inline { width: 275px; }


.branding-site-editor .edit-header .vr { left: 49px; top: 89px; }
.branding-site-editor .edit-breadc .hr { left: 155px; top: 50px; }
.branding-site-editor .edit-summary .hr { left: -110px; top: 75px; }
.branding-site-editor .edit-contents .hr { left: -110px; top: 29px; }
.branding-site-editor .edit-buttons .vr { left: 246px; bottom: 110px; }
.branding-site-editor .edit-buttons.primary .vr { left: 35px; }
.branding-site-editor .edit-user-button .vr { height: 25px; top: 74px; left: 19px; }

.branding-site-preview .user-button { background: #1B5166; border-radius: 14px; width: 40px; height: 10px; position: absolute; right: 7px; color: #FFF; font-size: 11px; padding: 8px; line-height: 1px; top: 11px; }


.branding-spacing { margin: 220px 0 0; }
.branding-site-preview { background: #F6F7F8; margin: 0 auto 220px; width: 268px; height: 308px; border: 1px solid #EFF0F0; box-shadow: 0 0 4px rgba(0,0,0,0.05); }
.branding-site-preview ul { margin: 0; padding: 0; }
.branding-site-preview li { list-style: inside none; }
.branding-site-preview .header { position: relative; height: 40px; padding: 10px; /**/ background: #0B455B; /**/}
.branding-site-preview .header .company-logo img { max-width: 64px; max-height: 15px; position: relative; top: 1px; }
.branding-site-preview .header ul { font-size: 11px; position: absolute; left: 89px; top: 13px; }
.branding-site-preview .header li { float: left; list-style: none inside; margin: 0 10px 0 0; /**/ color: #fff; /**/ }
.branding-site-preview .header li.current { /**/ color: #ACE432; /**/}
.branding-site-preview .breadc { height: 20px; /**/ background: #125570; /**/ }
.branding-site-preview .breadc ul { line-height: 19px; font-size: 11px; margin: 0 0 0 10px; }
.branding-site-preview .breadc li { float: left; color: #fff; margin: 0 10px 0 0; }
.branding-site-preview .breadc li.current { /**/ color: #ACE432; /**/}
.branding-site-preview .summary { padding: 15px 10px; font-size: 16px; height: 48px; /**/ background: #F6F7F8; color: #000000; /**/}
.branding-site-preview .contents { background: #fff; overflow: hidden; padding: 10px 0; height: 190px; }
.branding-site-preview .sidecontent { float: left; width: 69px; font-size: 10px; padding: 10px; }
.branding-site-preview .sidecontent .heading { border-bottom: 0; margin: 0 0 7px; }
.branding-site-preview .sidecontent span { display: block; margin: 0 0 4px; color: #889AA0; }
.branding-site-preview .sidecontent .current { color: #000; }
.branding-site-preview .maincontent { float: left; width: 187px; padding: 10px; }
.branding-site-preview .heading { font-size: 14px; padding-bottom: 4px; border-bottom: 1px solid #EFF0F0; margin: 0 0 9px; /**/ color: #222222; /**/ }
.branding-site-preview .paragraph { font-size: 10px; line-height: 13px; /**/color: #6D7E83; /**/}
.branding-site-preview .link { text-decoration: underline; /**/ color: #23A9C6; /**/}
.branding-site-preview .buttons { padding: 5px 0 0; border-top: 1px solid #EFF0F0; overflow: hidden; margin: 14px 0 0; line-height: 1.3; }
.branding-site-preview .buttons .button { font-size: 10px; margin: 5px 0 0; padding: 2px 5px; text-transform: uppercase; border-radius: 3px; /**/ background: #B0C0C7; color: #fff; /**/ }
.branding-site-preview .buttons .button.primary { /**/ background: #9CCE35; color: #fff; /**/ }


/* shared
------------------------------ */
.shared {}
.shared .checkbox { display: block; margin: 0 0 10px; }
.shared .control-group { margin: 0 0 30px; }
.shared .form-horizontal { margin: 30px 0; float: left; width: 100%; min-height: 200px; }
.shared .form-horizontal label { padding-top: 0; } 

.shared .input-queries .users label { display: inline-block; margin: 0; white-space: nowrap; text-overflow: ellipsis; width: 270px; }
.shared .input-queries .users li { margin: 0 0 5px; }
.shared .input-queries .users li .whois { display: block; font: 14px/1 Helvetica Neue, sans-serif; color: #808E92; margin-top: 4px; }
.shared .input-queries .checkbox i { margin: 2px 8px 0 0; }


/* settings
------------------------------ */
.analysis-settings .form-horizontal { margin: 40px 0; }
.analysis-settings .spider-indexation label { margin-bottom: 20px; }
.analysis-settings .spider-indexation label:last-child { margin-bottom: 0; }
.analysis-settings .indexation {}
.analysis-settings .input-queries label { padding-top: 0; }
.analysis-settings .area label { padding-top: 0; }
.analysis-settings .limits .explanation { font-size: 13px; line-height: 21px; width: 290px; margin: 0 auto; }
.analysis-settings .control-report-updates { margin: 20px 0 0; }
.analysis-settings .report-period {}
.analysis-settings .report-forward { margin: 5px 0 20px 205px; }
.analysis-settings .form-horizontal .message { display: block; }
.analysis-settings .form-horizontal .message.campaign { border-radius: 5px; padding: 10px; border: 1px solid #eee; width: 700px; }
.analysis-settings .form-horizontal .message.campaign .switch-campaign { float: left; }
.restore-settings { display: block; margin-top: 25px; }
.analysis-settings .example { font-size: 12px; }


/* Analysis error
------------------------------ */
.analysis-error {}
.analysis-error .list-reasons { margin: 30px 0; }
.analysis-error .list-reasons li { margin: 0 0 20px; }
.analysis-error .list-reasons strong { font-size: 14px; }


/* Error document
------------------------------ */
.error-document { background: #F6F7F8; }
.error-document footer { opacity: 0; filter: alpha(opacity=0); }
.error-message { position: relative; margin: 10px auto 0; width: 576px; }
.error-message .top, .error-message .bottom { background: url(../../images/error-message.png) no-repeat; width: 576px; }
.error-message .top { background-position: 0 0; height: 50px; }
.error-message .bottom { background-position: 0 bottom; height: 110px; }
.error-message .mid { background: #fff; }
.error-message .mid p { margin-left: 40px; margin-right: 40px; }
.error-image-404 { position: relative; margin: 0 auto; background: url(../../images/error-404.png) no-repeat; width: 582px; height: 259px; }


/* alerts
------------------------------ */
.alert:before, .alert:after { line-height: 0; content: ""; display: table; }
.alert:after { clear: both; }
.alert { background: #F9FAFA; padding: 20px; margin-bottom: 40px; border-radius: 5px; }
.alert h2 { color: #222; font-size: 18px; line-height: 24px; border: 0; }
.alert ul { margin: 20px 0 10px; }
.alert p { margin-bottom: 0; }
.explanation.warning,
.alert.warning { background: #FDFBE7; }
.alert.error { background: #FEE9E9; }
.alert.error ul { background: #FEE9E9; font-size: 13px; line-height: 21px; margin: 10px 0 0; }
.alert.info { background: #F2FBFF; }
.alert.success { background: #ECFFE7; }
.mside .alert { margin: 0 0 40px; float: left; width: 100%; }
.mside .alert h2 { line-height: 18px; padding: 0; margin: -3px 0 0; }
.mside .alert p {}


/* Lipperhey analytics
------------------------------ */
.code-analytics { margin: 30px 0 0; }
.code-analytics pre { background: #F8F8F8; font-size: 14px; line-height: 15px; position: relative; padding: 20px; margin: 0; }
.code-analytics code { padding: 0; margin: 0; }
.code-analytics textarea { cursor: pointer; border: 1px solid #F8F8F8; background: #F8F8F8; font-size: 14px; line-height: 15px; position: relative; padding: 20px; margin: 0; font-family: monospace, serif; _font-family: 'courier new', monospace; width: 100%; height: 135px; color: #6D7E83; overflow: hidden; resize: none; box-shadow: none; }
.code-analytics textarea:hover { background: #fff; border: 1px solid #eee; }
.code-analytics textarea:focus { cursor: text; border: 1px solid #EFF0F0; background: #FFF; color: #222; }

/* Monitor keyword position
------------------------------ */
table.keywords-competitors { margin: 0 0 60px; }
table.keywords-competitors th a { text-decoration: none; }
table.keywords-competitors th a:hover small { color: #000; }

.keywords-competitors th { font-size: 12px; }
.keywords-competitors th.large small { display: block; }
.keywords-competitors th.position { text-align: center; }
.keywords-competitors th.position small { display: block; margin: 0 auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 115px; line-height: 1.4; }

.keywords-competitors .logo-google, .keywords-competitors .logo-yahoo, .keywords-competitors .logo-bing { top: 12px; }

/* Monitor - Competitors */
.table-compare-competitors { margin: 60px 0; }
.table-compare-competitors tr:hover td { background: #fff; }
.table-compare-competitors tr.head.compare-chapter {}
.table-compare-competitors tr.content { border: 0; }

.table-compare-competitors tr.sub-head.compare-category td { font: 14px/1.2 "Montserrat", sans-serif; padding: 6px 0; color: #808E92; text-transform: uppercase; color: #808E92; padding-top: 30px; text-align: left; }
.table-compare-competitors tr.sub-content {}

.table-compare-competitors th div { font-size: 12px; text-align: center; }
.table-compare-competitors th div small { display: block; margin: 0 auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 115px; line-height: 1.4; }
.table-compare-competitors th a { color: #808E92; text-decoration: none; }
.table-compare-competitors th.large div { font-size: 20px; margin: 12px 0 0; text-align: left; }

.table-compare-competitors .compare-topic { width: 200px; font: 13px/1.2 "Montserrat", sans-serif; color: #222; text-align: left; }
.table-compare-competitors .compare-topic a { color: #222; text-decoration: none; }
.table-compare-competitors td { text-align: center; }

.table-compare-competitors .border-right { border-right: 1px solid #eee; }

.table-traffic-source {}
.table-traffic-source .source { width: 300px; }
.table-traffic-source .previous-week, .table-traffic-source .current-week { min-width: 190px; padding-left: 10px; padding-right: 10px; }
.table-traffic-source .previous-week > div { float: left; font-size: 14px; }
.table-traffic-source .current-week > div { float: left; font-size: 14px; }
.table-traffic-source .bar { margin: 4px 10px 0; }
.table-traffic-source th.differences { float: left; }
.table-traffic-source td.previous-week, .table-traffic-source td.current-week { border-right: 1px solid #eee; }

.difference { width: 58px; margin: 0 10px; font-size: 12px; overflow: hidden; }
.difference i { background-image: url(../../images/sprite-ui.png); width: 9px; height: 5px; float: left; display: inline-block; position: relative; margin: 4px 5px 0 0; }
.difference.positive { color: #4f7f2b; }
.difference.negative { color: #ee5656; }
.difference.positive.up i { background-position: -247px -454px; }
.difference.positive.down i { background-position: -247px -474px; }
.difference.negative.up i { background-position: -276px -454px; }
.difference.negative.down i { background-position: -276px -474px; }
.difference.equal { color: #808E92; }

.difference.difference-in-numbers { position: relative; top: 7px; width: 32px; }

.table-traffic-source .percentage { display: inline-block; text-align: right; }
.table-traffic-source .bar { display: inline-block; width: 80px; }
.table-traffic-source .numbers { display: inline-block; text-align: right; width: 100px; }

.table-lipperhey-scores {}
.table-lipperhey-scores .score-label { width: 240px; }
.table-lipperhey-scores .score-technical {}
.table-lipperhey-scores .score-seocontent {}
.table-lipperhey-scores .score-popularity {}
.table-lipperhey-scores .difference { display: inline-block; text-align: left; min-width: 40px; }


/* Keyword
------------------------------ */
.table-page-keywords {}
.table-page-keywords a { position: relative; overflow: hidden; clear: both; text-decoration: none; display: block; }
.table-page-keywords a span { float: right; opacity: 0; }
.table-page-keywords a:hover span { opacity: 1; transition: opacity 0.3s ease-in-out; color: #BBB; }


/* Compare comeptitors benchmark
------------------------------ */
.compare-competitors-benchmark { position: relative; }
.compare-competitors-chapter { position: relative; overflow: hidden; margin: 40px 0; }
.compare-competitors-chapter > div > div { float: left; text-align: center; }
.compare-competitors-chapter > div > div a { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; }
.compare-competitors-chapter > div > div a:hover { color: #000; }
.compare-competitors-chapter a { display: block; font-size: 13px; color: #808E92; text-decoration: none; margin: 0 0 10px; }
.compare-competitors-count-3 > div > div { width: 125px; }
.compare-competitors-count-2 > div > div { width: 166px; }
.compare-competitors-count-1 > div > div { width: 250px; }
.compare-competitors-chapter .label { width: 200px!important; text-align: left; clear: left; }

.compare-competitors-benchmark .head.is-fixed { position: fixed; top: 0; z-index: 200; }
.compare-competitors-head { width: 700px; height: 75px; }
.compare-competitors-head .head { width: 700px; height: 75px; padding: 15px 0 0; border-bottom: 1px solid #eee; background: #fff; }
.compare-competitors-head .head > div { float: left; }
.compare-competitors-count-3 .compare-competitors-head .head > div { width: 125px; }
.compare-competitors-count-2 .compare-competitors-head .head > div { width: 166px; }
.compare-competitors-count-1 .compare-competitors-head .head > div { width: 250px; }

.compare-competitors-head > div { height: 60px; }
.compare-competitors-head .label { font-size: 20px; font-family: Montserrat, sans-serif; color: #222; line-height: 24px; }
.compare-competitors-content { position: relative; clear: both; overflow: hidden; }
.compare-competitors-content > div { height: 40px; border-bottom: 1px solid #eee; }
.compare-competitors-content > div a { color: #000;  padding: 12px 0; margin: 0; }
.compare-competitors-content > div i { margin: 11px 0; }
.compare-competitors-content .label { font: normal 14px/1.2 "Montserrat", sans-serif; color: #222; }
.compare-competitors-category { margin-top: 30px; height: 40px!important; float: left; text-align: left!important; width: 100%!important; overflow: hidden; font: 14px/1.2 "Montserrat", sans-serif; color: #808E92; text-transform: uppercase; color: #808E92; }

.analysis-monitor-competitors .message.campaign {}
.analysis-monitor-competitors .message.campaign .switch-campaign { float: none; }
.analysis-monitor-competitors .message.campaign .btn { float: left; margin: 10px 0 0; }
.analysis-monitor-competitors .message.campaign p { font: normal 16px/20px "Montserrat", sans-serif; }

.compare-competitors-benchmark .campaign-container { background: #fff; height: 40px; position: relative; border-bottom: 0!important; }

.compare-competitors-count-1 .campaign-container { margin: 0; width: 250px!important; text-align: center; }
.compare-competitors-count-1 .switch-campaign p { margin-right: 0; display: block; float: none; }
.compare-competitors-count-1 .switch-campaign .activate-campaign { margin-top: 8px!important; }
.compare-competitors-count-1 .switch-campaign .activate-campaign span { display: inline-block; }

.compare-competitors-count-2 .campaign-container { margin: 0 0 0 34px; width: 300px!important; }
.compare-competitors-count-2 .switch-campaign p {}
.compare-competitors-count-2 .switch-campaign .activate-campaign {}
.compare-competitors-count-2 .switch-campaign .activate-campaign span {}


.compare-competitors-count-3 .campaign-container { margin: 0 0 0 75px; width: 300px!important; }
.compare-competitors-count-3 .switch-campaign p {}
.compare-competitors-count-3 .switch-campaign .activate-campaign {}
.compare-competitors-count-3 .switch-campaign .activate-campaign span {}








/* jquery ui widget datepicker
------------------------------ */
.ui-datepicker { font-family: "Montserrat", sans-serif; }
.ui-datepicker .ui-icon { background: none!important; }
.ui-datepicker-header { overflow: hidden; width: 100%; color: #87999F; border-radius: 5px 5px 0 0; line-height: 30px; text-align: center; line-height: 40px; }
.ui-datepicker-title { color: #222; }
.ui-datepicker-header a.ui-datepicker-prev, .ui-datepicker-header a.ui-datepicker-next { width: 20px; height: 19px; background: url(../../images/sprite-ui.png) no-repeat; display: inline-block; padding: 0; margin-top: 10px; text-align: center; cursor: pointer; overflow: hidden; background-color: #fff; border: 0; }
.ui-datepicker-header a.ui-datepicker-prev { background-position: -107px -433px; }
.ui-datepicker-header a.ui-datepicker-prev:hover { background-position: -143px -433px; }
.ui-datepicker-header a.ui-datepicker-next { background-position: -107px -400px; }
.ui-datepicker-header a.ui-datepicker-next:hover { background-position: -143px -400px; }
.ui-datepicker-prev { float: left; margin-left: 10px; }
.ui-datepicker-next { float: right; margin-right: 10px; }
.ui-datepicker table { width: 280px; font-size: 13px; text-align: center; line-height: 30px; }
.ui-datepicker a { text-decoration: none; display: block; color: #87999F; border-radius: 50px; border: 1px solid #eee; }
.ui-datepicker th, .ui-datepicker td { text-align: center; }
.ui-datepicker th { font-weight: normal; border-top: 0; color: #87999F; font-family: Helvetica Neue!important; }
.ui-datepicker td { width: 14.285714285%; padding: 2px 0; }
.ui-datepicker td a { line-height: 28px; width: 30px; height: 30px; margin: 0 auto; }
.ui-datepicker td:hover {}
.ui-datepicker td:hover a { color: #fff; background: #A5B2B8; border: 1px solid #A5B2B8; }
.ui-datepicker .ui-datepicker-current-day {}
.ui-datepicker .ui-datepicker-current-day:hover { background: none; }
.ui-datepicker .ui-datepicker-current-day a { color: #fff; background: #94C90E; border: 1px solid #94C90E; border-radius: 50px; }
.ui-datepicker .ui-datepicker-current-day a:hover { text-decoration: none; color: #fff; }
.ui-state-disabled { cursor: text; color: #D7DDDF; }
.ui-datepicker-prev.ui-state-disabled, .ui-datepicker-next.ui-state-disabled { cursor: text!important; opacity: 0.2; filter: alpha(opacity=20); }


/* popularity
------------------------------ */
.backlinks th { font: normal 13px/20px "Montserrat", sans-serif; color: #222; padding: 0 4px 10px; vertical-align: top; }
.backlinks .hostname {}
.backlinks .traffic { text-align: right; }
.backlinks .pages { text-align: right; padding-left: 10px!important; padding-right: 10px!important; }
.backlinks .authority { line-height: 20px; padding-left: 10px!important; width: 100px; }
.backlinks .authority .bar { display: inline-block; width: 50px; margin-right: 5px; }
.backlinks .authority-score { display: inline-block; }

.backlinks td { padding: 6px 4px; }
.backlinks td.hostname a { text-decoration: underline; display: block; }
.backlinks td.traffic { font-weight: bold; }
.backlinks td.pages {}
.backlinks td.authority {}
.backlinks .title { font-size: 13px; color: #6D7E83; margin: 1px 0 0; }
.backlinks .url { line-height: 16px; }
.backlinks .url a { color: #23A9C6; text-decoration: none; margin: 0; }
.backlinks .description { font-size: 12px; margin: 1px 0 0; line-height: 20px; }
.backlinks .title, .backlinks .url a, .backlinks .description { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 220px; }

.backlinks tr:hover .title { color: #222; }

.backlinks-export { margin: 0 0 40px; width: 100%!important; }
.backlinks-export .btn { margin-left: 5px; }
.backlinks-export .btn .icon-dl-export { margin-right: 5px; }

.mside .topic:hover .result .backlinks a { color: #23A9C6; }
.mside .topic:hover .result .backlinks .description { color: #808E92; }

.mside .topic .recommendation { background: #F8F8F8; margin: -5px 0 0; padding: 4px 14px; border-radius: 3px; }
.mside .topic.solve-mode .recommendation { display: none; }


/* Leads
------------------------------ */
.table-lead { vertical-align: top; font-size: 13px; }
.table-lead td.table-checkbox { vertical-align: top; padding-top: 17px; }

.table-lead .lead-item { padding: 10px 0; }
.table-lead .lead-info { float: left; width: 60%; }
.table-lead .lead-info .lead-title, .table-lead .lead-address, .table-lead .lead-phone { white-space: nowrap; text-overflow: ellipsis; width: 95%; }
.table-lead .hostname { font: normal 18px/1.2 'Montserrat', sans-serif; margin: -1px 0 2px; }
.table-lead .hostname a { color: #222; text-decoration: none; }
.table-lead .hostname a:hover { text-decoration: underline; }
.table-lead .lead-contact { margin: 10px 0; line-height: 17px; }
.table-lead .lead-address {}
.table-lead .lead-phone {}
.table-lead .lead-email { display: inline-block; }
.table-lead .lead-email a { text-decoration: none; }
.table-lead .lead-email a:hover { text-decoration: underline; }

.table-lead .favicons-social { display: inline-block; margin: 0 0 0 10px; }
.favicons-social .social-facebook, .favicons-social .social-twitter, .favicons-social .social-linkedin, .favicons-social .social-facebook-like, .favicons-social .social-google, .favicons-social .social-phone, .favicons-social .link { background: url("../../images/sprite-favicons-social.png") no-repeat 0 0; width: 16px; height: 16px; display: inline-block; text-indent: -999em; }
.favicons-social .social-facebook { background-position: 1px 0; margin: 0 3px; }
.favicons-social .social-facebook-like { background-position: -49px 0; margin: 0 2px; }
.favicons-social .social-twitter { background-position: -15px 0; margin: 0; }
.favicons-social .social-linkedin { background-position: -31px 0; margin: 0 2px; }
.favicons-social .social-google { background-position: -65px 0; margin: 0 2px; }
.favicons-social .social-phone { background-position: -81px -1px; }
.favicons-social .link { background-position: -121px -3px; top: 6px; position: relative; }

.social-media { overflow: hidden; margin: 0 0 10px; }
.social-media .block { float: left; position: relative; width: 33.3%; height: 60px; padding: 4px 10px 0 55px; }
.social-media .block > span { display: block; color: #202020; }
.social-media .separator { font-size: 9px; font-family: Montserrat, sans-serif; line-height: 1; }
.social-media .block .social-media-icon { position: absolute; left: 0; top: 4px; background: url(../../images/sprite-social-media.png) no-repeat; width: 44px; height: 44px; opacity: 0.05; filter: alpha(opacity=1); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)"; } 
.analysis-popularity .social-media .block .social-media-icon { opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
.social-media .block .social-media-icon.bounceIn { opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
.social-media .social-twitter-tweets .social-media-icon { background-position: -256px 0; }
.social-media .social-facebook-likes .social-media-icon { background-position: -428px -100px; }
.social-media .social-google-plusone .social-media-icon { background-position: -600px -200px; }
.social-media .label { font-size: 13px; margin: 0 0 2px; }
.social-media .count { font: bold 14px/1 "Helvetica Neue", sans-serif; }

.social-media-bar { clear: both; width: 100%; margin: 0 0 30px; float: left; }
.social-media-bar .bar { width: 80%; float: left; margin: 8px 15px 15px 0; }
.social-media-bar .score { float: left; font-size: 13px; padding-top: 1px; width: 16%; }
.social-media-bar .label { margin: 0 0 5px; }
.social-media-bar p { clear: both; margin: 28px 0 0; }

.traffic-visitors-bar { width: 100%; margin: 0 0 20px; float: left; }
.traffic-visitors-bar .bar { width: 80%; float: left; margin: 8px 10px 15px 0; }
.traffic-visitors-bar .indicator { position: relative; text-align: left; margin: 7px 0 5px; font-size: 12px; width: 80%; height: 20px; }
.traffic-visitors-bar .score { float: left; font-size: 13px; margin: -2px 0 0 5px; width: 16%; }
.traffic-visitors-bar .label { margin: -3px 0 1px; width: 80%; }
.traffic-visitors-bar p { clear: both; }

.table-lead .lead-description { clear: both; line-height: 18px; font-size: 12px; }

.table-lead .lead-info-extra { float: left; width: 40%; }
.table-lead .lead-scores { float: right; width: 100%; }
.table-lead .lead-score { float: left; width: 28%; margin: 0 0 0 6%; text-align: center; }
.table-lead .lead-score:first-child { margin: 0; }
.table-lead .lead-score strong { color: #222; margin: 0 0 6px; display: block; font: 13px/1 "Montserrat", sans-serif; }
.table-lead .lead-score .bar { margin: 0 auto; height: 3px; }
.table-lead .lead-score .progress.low { background-color: #CC5236; }
.table-lead .lead-score-technical {}
.table-lead .lead-score-seo {}
.table-lead .lead-score-popularity {}

.table-lead .lead-action { margin: 25px 0 0; overflow: hidden; float: right; clear: both ; }
.table-lead .lead-action a { margin-right: 5px; }
.table-lead .lead-add-analysis {}
.table-lead .lead-generate-report {}

.leads .mside form { margin: 40px 0; }
.leads .mside form .explanation { font-size: 13px; line-height: 1.4; width: 410px; display: inline-block; margin: 0 0 40px 20px; padding: 10px; background: #f6f7f8; color: #666; font-family: Helvetica Neue, sans-serif; cursor: pointer; }
.leads .mside form .radio i { float: left; margin: 13px 0 0; }
.leads .table-list tr.selected td a.btn { color: #fff; }

.leads .modaldialog {}


/* Page analysis
------------------------------ */
.score-gauge { position: relative; margin: 12px 0 0; }
.score-gauge .progress { position: absolute; right: 0; top: 10px; }
.score-gauge .label { text-align: center; font: normal 14px/1 'Montserrat', sans-serif; color: #8A9BA1; margin: 0 0 5px; }
.score-gauge span { -webkit-animation-delay: 1.65s; -moz-animation-delay: 1.65s; animation-delay: 1.65s; font: normal 36px/1 'Montserrat', sans-serif; color: #000; }
.score-gauge .progress .show { text-align: center; z-index: 3; position: absolute; top: 28px; right: 0; left: 0; }


/* analysis quick
------------------------------ */
.analysis-quick .share-analysis { position: relative; -webkit-animation-delay: 0.7s; -moz-animation-delay: 0.7s; animation-delay: 0.7s; }
.analysis-quick #twitter-widget-0 { float: left; margin: 0 10px 0 0; }
.analysis-quick .fb_iframe_widget { float: left; margin: 0 10px 0 0; }
.analysis-quick #fb-root { float: left; }
.analysis-quick .get-link { float: left; }
.analysis-quick .get-link a { float: left; height: 20px; padding: 5px 9px; }
.analysis-quick .copy-link { width: 320px; float: left; border: 1px solid #E9E9E9; background: #fff; box-shadow: none!important; border-radius: 2px; font: normal 11px/10px 'courier new', monospace; padding: 4px 7px; }
.analysis-quick .copy-link:hover { border: 1px solid #C1C8CF!important; }
.analysis-quick .copy-link:focus { border: 1px solid #94C90E!important; }

.analysis-quick section#content { padding: 15px 0 80px; }
.analysis-quick .link { float: left; font-size: 15px; margin: 30px 0 10px; text-align: center; width: 100%; }
.analysis-quick .link a { display: block; }
.analysis-quick .link a:hover { text-decoration: none; }

.analysis-quick .bg-primary .lead { margin: 0; color: #FFF; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); position: relative; top: -2px; font-size: 30px; line-height: 48px; font-family: "Montserrat", sans-serif; }
.analysis-quick .bg-primary .lead time { float: right; font-size: 14px; text-transform: capitalize; }
.analysis-quick .notification-bar { text-align: center; min-height: 70px; }
.analysis-quick .notification-bar .heading { z-index: 9999; display: inline-block; margin: 0; font: normal 18px/30px 'Montserrat', sans-serif; text-decoration: none; color: #808E92; position: relative; top: 1px; }
.analysis-quick .notification-bar .heading:hover { text-decoration: underline; }
.analysis-quick .notification-bar .btn { z-index: 9999; float: none; display: inline-block; margin: 0 0 0 15px; padding: 8px 18px; font-size: 14px; }
.analysis-quick .notification-bar .message { height: 70px; padding: 16px 0; transition: all 0.1s; }
.analysis-quick .notification-bar .message.is-fixed { padding: 5px 0; transition: padding 0.1s; }
.analysis-quick .notification-bar .message.is-fixed .heading { font-size: 16px; line-height: 18px; }
.analysis-quick .notification-bar .message.is-fixed .btn { background: #94C90E; font-size: 12px; padding: 5px 14px; transition: all 0.1s; position: relative; top: -1px; }
.analysis-quick .notification-bar .message.is-fixed .btn:hover { background: #98C144; }

.analysis-quick .message { background: #FFF; }
.analysis-quick .message .row-heading, .analysis-quick .message .row-action { position: absolute; top: 10px; left: 10px; }

.analysis-quick .row-heading .social { float: left; padding: 8px 2px 8px 52px;  position: relative; z-index: 999; }
.analysis-quick .row-heading .social #twitter-widget-1 { margin-right: 10px; }
.analysis-quick .row-heading .social #twitter-widget-1, .analysis-quick .row-heading .social .fb-like { float: left; }


.analysis-quick .message .row-heading { margin-top: 50px; opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
.analysis-quick .message.is-fixed .row-heading { margin-top: 0; opacity: 1; -webkit-transition: opacity 1s; -moz-transition: opacity 1s; transition: opacity 1s; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

.analysis-quick .message.is-fixed, .analysis-quick .message.is-fixed:hover { background: #F6F7F8; }
.analysis-quick .message .row-call-to-action { z-index: 9999; opacity: 1; -webkit-transition: opacity 1s; -moz-transition: opacity 1s; transition: opacity 0.4s; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
.analysis-quick .message.is-fixed .row-call-to-action { opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

.analysis-quick .message.is-fixed .row-heading .heading-url { font: 13px/1 "Montserrat", sans-serif; text-align: left; }
.analysis-quick .message.is-fixed .row-heading .heading-url span { display: block; margin: -1px 0 2px; }
.analysis-quick .message.is-fixed .row-heading .heading-url h2 { font-size: 20px; line-height: 1.1; margin: 5px 0 0; white-space: normal; overflow: hidden; text-overflow: ellipsis; }
.analysis-quick .message.is-fixed .row-heading .heading-url h2 a { color: #000; text-decoration: none; white-space: nowrap; }

.analysis-quick .message.is-fixed .heading-score { position: relative; font: 13px/1 "Montserrat", sans-serif; text-align: right; }
.analysis-quick .message.is-fixed .heading-score span { display: block; margin: -1px 0 2px; }
.analysis-quick .message.is-fixed .heading-score strong { font-weight: normal; display: block; color: #000; font-size: 26px; margin-top: 4px; }
.analysis-quick .message.is-fixed .heading-score #twitter-widget-0 { position: absolute; right: 70px; top: 10px; }

.analysis-quick .message.is-fixed .sort-by { margin: 0 auto; }
.analysis-quick .message.is-fixed .sort-by ul { margin: 4px auto 0; }
.analysis-quick .message.is-fixed .sort-by li:first-child { border-left: 0; }
.analysis-quick .message.is-fixed .sort-by li { border-left: 1px solid #E6EAEE; }
.analysis-quick .message.is-fixed .sort-by li a { background: #fff; }
.analysis-quick .message.is-fixed .sort-by li.current a { background: #7A8692; }
.module-analysis-signup { clear: both;  margin: 10px 0 15px; }
.module-analysis-signup p { text-align: left; font: normal 13px/1 "Montserrat", sans-serif; background: url(../../images/icon-secure.png) no-repeat 0 3px; padding: 10px 5px 10px 30px; margin: 0 0 0 5px; }

.analysis-quick .visitors-social td { vertical-align: top; padding-bottom: 3px; }
.analysis-quick .favicons-social .social-facebook, .analysis-quick .favicons-social .social-twitter, .analysis-quick .favicons-social .social-linkedin, .analysis-quick .favicons-social .social-facebook-like, .analysis-quick .favicons-social .social-google { margin: 0 5px 0 0; position: relative; top: 3px; }
.analysis-quick .suggested-keyword form { margin: 0 0 30px; width: 100%; float: left; }
.analysis-quick .suggested-keyword form input, .analysis-quick .suggested-keyword form button { height: 40px; }
.analysis-quick .suggested-keyword form input { width: 85%; margin: 0; float: left; border-radius: 3px 0 0 3px; }
.analysis-quick .suggested-keyword form button { width: 15%; float: left; margin: 0; border-radius: 0 3px 3px 0; }
.analysis-quick .suggested-keyword form .by-dataprovider { clear: both; margin: 3px 0 0; color: #A1A8AB; display: block; }
.analysis-quick .suggested-keyword .table-suggested-keyword { margin: 0 0 30px; }
.analysis-quick .suggested-keyword .table-suggested-keyword .impact { margin: 8px 0 0; }

.analysis-quick .backlinks { clear: both; margin: 30px 0 0; }
.analysis-quick .table-suggested-keyword { clear: both; margin: 30px 0; }

.analysis-quick .table-incoming-links {}
.analysis-quick .table-incoming-links .hostname {}
.analysis-quick .table-incoming-links .pages { text-align: right; padding-right: 20px; }
.analysis-quick .table-incoming-links .authority { text-align: right; }

.analysis-quick .table-incoming-links th.hostname {}
.analysis-quick .table-incoming-links th.pages {}
.analysis-quick .table-incoming-links th.authority {}

.analysis-quick .table-incoming-links td.hostname {}
.analysis-quick .table-incoming-links td.hostname a { display: block; overflow: hidden; width: 280px; text-overflow: ellipsis; white-space: nowrap; }
.analysis-quick .table-incoming-links td.pages {}
.analysis-quick .table-incoming-links td.authority {}
.analysis-quick .table-incoming-links td.authority .bar { display: inline-block; width: 50px; }
.analysis-quick .table-incoming-links td.authority .authority-score { display: inline-block; margin: 0 0 0 5px; position: relative; top: 2px; }

.analysis-quick .table-ecommerce th { text-align: left; }

.analysis-quick .sort-by { margin: 5px 0 20px; text-align: center; float: left; position: relative; z-index: 998; }
.analysis-quick .sort-by ul { margin: 0 auto 10px; display: inline-block; position: relative; float: none; }
.analysis-quick .sort-by li { font-size: 11px; }

.analysis-quick .recent-list {}
.analysis-quick .recent-list li a { font-size: 13px; line-height: 20px; text-decoration: none; }
.analysis-quick .recent-list li a:hover { color: #26AAC6; text-decoration: underline; transition: all 0.5s; }

.analysis-quick .messages { margin: 0 0 60px; }
.analysis-quick .message.task { text-decoration: none; }
.analysis-quick .message.task span { color: #808E92; display: block; }
.analysis-quick .message.task span:hover { color: #222; text-decoration: underline; }
.analysis-quick .message.task .link { display: block; margin: 20px 0 5px; text-align: center; font: normal 14px/1 "Montserrat", sans-serif; text-decoration: underline; }
.analysis-quick .message.task .link:hover { text-decoration: none!important; }

.analysis-quick .message.about { margin: 0; width: 260px; }
.analysis-quick .message.about p { margin-top: 0; }
.analysis-quick .about-content { background: #FFFDEE; border-radius: 3px; padding: 10px 15px; min-height: 106px; line-height: 1.5; }

.analysis-quick .input-tag .tag-items { position: relative; }

.analysis-quick .worldmap { background: url(../../images/worldmap.jpg) no-repeat 0 0; width: 427px; height: 210px; margin: 25px 0 10px; position: relative; }
.analysis-quick .worldmap .pinpoint-pulse { position: absolute; }
.analysis-quick .worldmap .nl { left: 180px; top: 38px; }
.analysis-quick .worldmap .be { left: 180px; top: 39px; }
.analysis-quick .worldmap .de { left: 183px; top: 42px; }
.analysis-quick .worldmap .fr { left: 177px; top: 46px; }
.analysis-quick .worldmap .es { left: 170px; top: 59px; }
.analysis-quick .worldmap .pt { left: 162px; top: 59px; }
.analysis-quick .worldmap .it { left: 190px; top: 57px; }
.analysis-quick .worldmap .en { left: 171px; top: 39px; }
.analysis-quick .worldmap .ie { left: 164px; top: 38px; }
.analysis-quick .worldmap .gb { left: 170px; top: 36px; }
.analysis-quick .worldmap .dk { left: 185px; top: 35px; }
.analysis-quick .worldmap .at { left: 186px; top: 48px; }
.analysis-quick .worldmap .ch { left: 183px; top: 48px; }
.analysis-quick .worldmap .pl { left: 190px; top: 43px; }
.analysis-quick .worldmap .fi { left: 200px; top: 26px; }
.analysis-quick .worldmap .se { left: 194px; top: 23px; }
.analysis-quick .worldmap .no { left: 186px; top: 21px; }
.analysis-quick .worldmap .tr { left: 211px; top: 60px; }
.analysis-quick .worldmap .el { left: 201px; top: 60px; } 
.analysis-quick .worldmap .ru { left: 276px; top: 25px; }
.analysis-quick .worldmap .cn { left: 295px; top: 65px; }
.analysis-quick .worldmap .in { left: 266px; top: 79px; }
.analysis-quick .worldmap .my { left: 296px; top: 102px; }
.analysis-quick .worldmap .id { left: 309px; top: 108px; }
.analysis-quick .worldmap .jp { left: 339px; top: 60px; }
.analysis-quick .worldmap .au { left: 334px; top: 138px; }
.analysis-quick .worldmap .za { left: 202px; top: 144px; }
.analysis-quick .worldmap .kr { left: 323px; top: 66px; }
.analysis-quick .worldmap .ca { left: 44px; top: 29px; }
.analysis-quick .worldmap .us { left: 59px; top: 56px; }


/* Call to action Quick analysis sign up */
.analysis-quick .cta-signup { overflow: hidden; border-bottom: 0; }
.analysis-quick .cta-signup .cta-image { float: left; width: 200px; height: 160px; margin: 35px auto 0; }
.analysis-quick .cta-signup .cta-image > div { width: 126px; height: 126px; margin: 0 0 0 30px; }
.analysis-quick .cta-signup .cta-image .image-chart { background: url(../../images/empty-placeholder-no-analytics-installed.png) no-repeat 0 0; }
.analysis-quick .cta-signup .cta-image .image-text { background: url(../../images/empty-placeholder-indexability.png) no-repeat 0 0; }
.analysis-quick .cta-signup .cta-image .image-hosting { background: url(../../images/empty-placeholder-hosting.png) no-repeat 0 0; }
.analysis-quick .cta-signup .cta-image .image-page-by-page { background: url(../../images/empty-placeholder-page-by-page.png) no-repeat 0 0; }
.analysis-quick .cta-signup .cta-content { margin: 0 0 0 200px; padding: 30px 0 40px; }
.analysis-quick .cta-signup .cta-content h2 { font-size: 22px; line-height: 1.4; padding: 0; margin: 0; border: 0; }
.analysis-quick .cta-signup .cta-content .lead { font-size: 16px; margin: 15px 0; line-height: 1.5; }
.analysis-quick .cta-signup .cta-content .ticks { margin: 15px 0; }
.analysis-quick .cta-signup .cta-content .ticks p { font-size: 15px; line-height: 24px; }
.analysis-quick .cta-signup .btn-primary { margin: 5px 0 0; opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
.analysis-quick .cta-signup .btn-primary.fadeIn { margin: 5px 0 0; opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-animation-duration: 0.7s; -moz-animation-duration: 0.7s; animation-duration: 0.7s; }

.viewport-devices { background: url(../../images/sprite-devices.png) no-repeat; position: relative; width: 411px; height: 218px; margin: 30px 0; }
.viewport-devices .phone, .viewport-devices .tablet { position: absolute; z-index: 1; overflow: hidden; background: url(../../images/progress.gif) no-repeat center; border: 1px solid #fff; }
.viewport-devices .phone { left: 9px; top: 32px; width: 86px; height: 153px; }
.viewport-devices .tablet { left: 167px; top: 43px; width: 214px; height: 162px; }
.viewport-devices a { display: block; }
.viewport-devices .animated { animation-delay: 1.5s; animation-duration: 1.2s; -webkit-animation-delay: 1.5s; -webkit-animation-duration: 1.2s; -moz-animation-delay: 1.5s; -moz-animation-duration: 1.2s; }


/* domain suggestions
------------------------------ */
.domain-suggestions {}

.aside-span1, .aside-span2, .aside-span3 { margin-left: 20px; }
.aside-span1 { width: 60px; }
.aside-span2 { width: 100px; }
.aside-span3 { width: 220px; }

.domain-suggestions aside .row h2 { color: #222; font-size: 20px; padding: 14px 0; margin: 1px 0 5px 20px; line-height: 26px; border-top: 1px solid #eee; padding-top: 20px; }
.domain-suggestions aside .row h2.first { padding-top: 14px; border: 0; }

.domain-suggestions .checkboxes.plain label { font-family: "Helvetica Neue", sans-serif; color: #6D7E83; }
.domain-suggestions .checkboxes { margin-bottom: 20px; }
.domain-suggestions .checkboxes label { margin-bottom: 5px; }
.domain-suggestions .checkboxes label:hover { color: #222; }

.domain-suggestions .slide { margin-top: 10px; }
.domain-suggestions .aside-span3 .slider { width: 210px; margin: -5px 0 30px; }
.domain-suggestions .slider-legend { font-family: "Helvetica Neue", sans-serif; font-size: 13px; float: right; margin-top: 3px; margin-right: 10px; color: #6D7E83; }

.table-suggested-domain { width: 675px; margin: 7px 0 0 25px; }
.table-suggested-domain .suggested-domain {}
.table-suggested-domain .status { text-align: left; width: 145px; }
.table-suggested-domain tr:hover .status .registered { background: #fff; color: #222; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); }

.table-suggested-domain .status .available, .table-suggested-domain .status .registered, .table-suggested-domain .status .fetching { color: #FFF; border-radius: 3px; padding: 3px; font-size: 13px; text-align: center; display: inline-block; width: 75%; }
.table-suggested-domain .status .available { background: #9CCE35; /*#77C277;*/ }
.table-suggested-domain .status .registered { background: #F1F1F1; color: #7D8D91; }
.table-suggested-domain .status .fetching { position: relative; color: #6D7E83; text-align: left; padding-left: 25px; }
.table-suggested-domain .status .fetching i { background: url(../../images/analysis-progress.gif) no-repeat center; width: 16px; height: 16px; position: absolute; left: 0; top: 2px; }
.table-suggested-domain .count { text-align: right; font-size: 14px; }
.table-suggested-domain .traffic { text-align: right; font-size: 14px; }
.table-suggested-domain .popularity-domain {}

.table-suggested-domain .indicator { display: inline-block; background: url(../../images/sprite-domain.png) no-repeat 0 0; height: 4px; width: 50px; position: relative; top: -2px; }
.table-suggested-domain .indicator.low { background-position: 0 0; }
.table-suggested-domain .indicator.average { background-position: 0 -6px; }
.table-suggested-domain .indicator.high { background-position: 0 -12px; }
.table-suggested-domain .label { display: inline-block; margin-left: 10px; }

.table-suggested-domain th.suggested-domain {}
.table-suggested-domain th.status {}
.table-suggested-domain th.count {}
.table-suggested-domain th.traffic {}
.table-suggested-domain th.popularity-domain {}

.table-suggested-domain td.suggested-domain {}
.table-suggested-domain td.status {}
.table-suggested-domain td.count {}
.table-suggested-domain td.traffic {}
.table-suggested-domain td.popularity-domain { font-size: 13px; width: 130px; color: #6D7E83; text-transform: capitalize; }


.domain-suggestions .pressed { text-align: center; }
.domain-suggestions .pressed .progress { background: url(../../images/analysis-progress-green.gif); width: 18px; height: 20px; display: inline-block; }


/* administration
------------------------------ */
.table-coupons {}
.table-coupons td { padding-top: 10px; padding-bottom: 10px; font-size: 14px; }
.table-coupons th { }

.table-coupons .coupon-code { width: 210px; font-size: 14px; font-family: Montserrat, sans-serif; }
.table-coupons .coupon-code a { display: block; text-decoration: none; color: #222; }
.table-coupons .coupon-code a:hover { color: #23A9C6; }
.table-coupons .coupon-code a:hover small { color: #23A9C6; }
.table-coupons .coupon-code .state { float: right; }
.table-coupons .coupon-code .state .icon-rarr { margin-left: 10px; } 
.table-coupons .coupon-code small { font-family: helvetica neue, sans-serif; font-weight: normal; color: #808E92; }
.table-coupons .coupon-value { width: 80px; text-align: right; padding-left: 30px; }
.table-coupons .coupon-limit { width: 80px; text-align: right; padding-right: 20px; }
.table-coupons .coupon-expiration { text-align: right; padding-right: 30px; }
.table-coupons .coupon-expiration-date { width: 120px; font-size: 12px; padding-right: 30px; text-align: right; }
.table-coupons .coupon-expiration-recurring, .table-coupons .coupon-expiration-one { font-size: 14px; width: 80px; text-align: right; }

.table-coupons td.coupon-expiration-one div, .table-coupons td.coupon-expiration-recurring div { border-radius: 3px; padding: 3px; font-size: 13px; text-align: center; display: inline-block; width: 100%; }
.table-coupons td.coupon-expiration-recurring div { background: #D7FACE; color: #6D7E83; }
.table-coupons td.coupon-expiration-one div { background: #FFFDE0; color: #6D7E83; }

.table-coupons .create-coupon-code { float: right; position: relative; top: 3px; }
.table-coupons .create-coupon-code a { color: #23A9C6; text-decoration: underline; }
.table-coupons .create-coupon-code a:hover { text-decoration: none; }

.coupon-code-expired .coupon-code a { color: #95A0A4; }

.table-administration-users b { padding: 5px; background: #EFF2F5; color: #889AA0; border-radius: 30px; font: normal 12px/1 "Helvetica Neue", Helvetica, Arial, sans-serif!important; margin: -3px 10px 0 0; min-width: 32px; min-height: 22px; text-align: center; }
.table-administration-users td {}
.table-administration-users td a {}
.table-administration-users .count { font-weight: normal; font-size: 14px; }

.table-administration-users .user-name > div { font-size: 14px; width: 200px; color: #000; font-family: "Montserrat", sans-serif; }
.table-administration-users .user-email, .table-administration-users .user-email > div { width: 315px; }
.table-administration-users .action { text-align: right; width: 110px; }

.table-administration-users th.user-name {}
.table-administration-users th.user-email {}
.table-administration-users th.action { text-align: right; }

.table-administration-users td.user-name {  }
.table-administration-users td.user-email { color: #808E92; text-decoration: none; font-size: 13px; }
.table-administration-users td.user-email a { display: inline-block; }
.table-administration-users td.action {}
.table-administration-users td.action a { padding-right: 25px; float: right; position: relative; font-size: 13px; color: #808E92; text-decoration: none; }
.table-administration-users td.action a .icon-rarr { top: 2px; position: absolute; right: 10px; }
.table-administration-users td.action a:hover { color: #39B1CB; }

.table-administration-users .user-email a { color: #6D7E83; text-decoration: none; display: block; font-size: 13px; }
.table-administration-users tr:hover .user-email a { color: #222; }
.table-administration-users tr:hover .user-email a:hover { color: #23A9C6; text-decoration: underline; }
.table-administration-users tr:hover td.action a { color: #222; }
.table-administration-users tr:hover td.action a:hover { color: #23A9C6; }
.table-administration-users td.action a:hover span { text-decoration: underline; }

.admin-statistics {}
.table-list.table-statistics th.large { padding: 9px 4px 14px 0; }
.table-list.table-statistics td { padding-top: 10px; padding-bottom: 10px; }
.table-list.table-statistics td.head { color: #6D7E83; width: 220px; font-family: Montserrat, sans-serif; font-size: 14px; }
.table-list.table-statistics td.head a { display: block; text-decoration: none; color: #222; }
.table-list.table-statistics td.head:hover a { color: #23A9C6; }

.table-list.table-statistics table { background: #fff; font-size: 12px; }
.table-list.table-statistics table th { font-size: 12px; }
.table-list.table-statistics table td { font-size: 12px; padding: 5px; }
.table-list.table-statistics tr:hover td td { background: #fff; }


.admin-subscriptions {}
.table-list.table-subscriptions th.large { padding: 9px 4px 14px 0; }
.table-list.table-subscriptions td { padding-top: 10px; padding-bottom: 10px; }
.table-list.table-subscriptions td.head { color: #222; width: 220px; font-family: Montserrat, sans-serif; font-size: 14px; }
.table-list.table-subscriptions td.head a { display: block; text-decoration: none; color: #222; }


/* Scroll to top
------------------------------ */
.gotop { position: fixed; right: 0; bottom: 40px; color: #869397; font-family: "Montserrat", sans-serif; text-decoration: none; font-size: 11px; padding: 2px 20px; }
.gotop i { margin: 0 5px 0 0; background: url(../../images/sprite-ui.png) no-repeat -112px -389px; width: 8px; height: 5px; display: inline-block; position: relative; top: -1px; }


/* feedback
------------------------------ */
.give-feedback { position: fixed; bottom: 0; right: 0; background-image: url(../../images/icon-feedback.png)!important; background-repeat: no-repeat!important; background-position: 10px 7px!important; opacity: 0.66; background-color: #B0C0C7; font: normal 13px/1 "Montserrat", sans-serif; color: #fff!important; text-decoration: none; padding: 8px 10px 6px 33px; border-radius: 5px 0 0 0; z-index: 999; }
.give-feedback:hover { background-color: #9CCE35!important; transition: background-color 0.1s ease-in-out, opacity 0.3s ease-in-out; opacity: 1; }
.give-feedback:active { background-color: #9AD41F; }

#modaldialog-overlay { background: rgba(0, 0, 0, 0.1); }
.modaldialog-content form, .modaldialog-content .show-on-submit { overflow: hidden; }
.modaldialog-feedback { display: none; }
.modaldialog-feedback p { font-size: 13px; line-height: 21px; }
.modaldialog-feedback h2 { position: relative; color: #222; font-size: 20px; line-height: 24px; margin: 16px 0 0; padding-bottom: 14px; border-bottom: 1px solid #EFF0F0; }
.modaldialog-feedback h3 { font-size: 18px!important; margin-top: 20px; }
.modaldialog-feedback label { margin-bottom: 5px; }
.modaldialog-feedback textarea { width: 100%; height: 100px; margin: 0; resize: vertical; }

/* modal dialog update 
------------------------------- */
.modal-dialog-overlay { position: fixed; left: 0; right: 0; bottom: 0; top: 0; background: rgba(0,0,0,0.2); overflow: hidden; }
.modal-dialog.content form, .modaldialog-content .show-on-submit { overflow: hidden; }
.modal-dialog.feedback p { font-size: 13px; line-height: 21px; }
.modal-dialog.feedback h2 { position: relative; color: #222; font-size: 20px; line-height: 24px; margin: 16px 0 0; padding-bottom: 14px; border-bottom: 1px solid #EFF0F0; }
.modal-dialog.feedback h3 { font-size: 18px!important; margin-top: 20px; }
.modal-dialog.feedback label { margin-bottom: 5px; }
.modal-dialog.feedback textarea { width: 100%; height: 152px; margin: 0; resize: vertical; }
.modal-dialog.feedback .captcha a { font-size: 14px; margin: 44px 0 0 20px; color: #708185; }




/* Analysis recent
------------------------------ */
.analysis-best-ranking {}
.analysis-best-ranking .notification-bar .message { padding: 20px 0; }
.analysis-best-ranking .notification-bar .message h2 { font-size: 26px; float: left; position: relative; top: -3px; }
.analysis-best-ranking .notification-bar .arrow-next { margin-top: 3px; }
.analysis-best-ranking .notification-bar .message, .analysis-best-ranking .notification-bar .message:hover { background: #F6F7F8; }
.analysis-best-ranking .notification-bar .is-fixed h2 {}
.analysis-best-ranking .notification-bar .is-fixed { background: #fff; padding: 10px 0; }
.analysis-best-ranking .notification-bar .btn { float: right; margin: 10px 0 0; }
.analysis-best-ranking .social { float: left; width: 180px; height: 20px; margin: 15px 0 0 50px; }
.analysis-best-ranking .social #twitter-widget-0 { float: left; }
.analysis-best-ranking .social .fb_iframe_widget { float: right; }
.analysis-best-ranking h2 .arrow-nav { position: relative; top: 17px; margin: 0 0 0 10px; }

.analysis-gallery { background: #F6F7F8; }
.analysis-gallery h2 { position: relative; margin: 0 0 30px; }

.analysis-gallery-list { width: 736px; margin: 0 auto; position: relative; }
.analysis-gallery-list ul { list-style: inside none; margin: 0 0 0 -3.33%; padding: 0; }
.analysis-gallery-list .best-analysis { width: 477px; height: 340px; }
.analysis-gallery-list .best-analysis figcaption {}
.analysis-gallery-list .best-analysis figcaption .score { width: 70px; background: #9CCE35; }
.analysis-gallery-list .best-analysis figcaption .label { font-size: 12px; }
.analysis-gallery-list .best-analysis figcaption span { font-size: 20px; }
.analysis-gallery-list .best-analysis figcaption .score span { color: #fff; }

.analysis-gallery-list .badge-best-analysis { background: url(../../images/badge-best-analysis.png) no-repeat; width: 100px; height: 155px; position: absolute; top: -25px; right: -10px; z-index: 100; font: normal 16px/101px "Montserrat", sans-serif; color: #fff; text-align: center; }
.analysis-gallery-list li { float: left; list-style: inside none; background: #093749; width: 226px; height: 160px; margin: 0 0 20px 25px; position: relative; }
.analysis-gallery-list li a, .analysis-gallery-list li figure { position: relative; height: 100%; width: 100%; display: block; }
.analysis-gallery-list li img { background: #eee; display: block; height: 100%; width: 100%; }

.analysis-gallery-list li:hover figure {}
.analysis-gallery-list li:hover .label {}
.analysis-gallery-list .view { text-transform: uppercase; opacity: 0; background: #9CCE35; padding: 10px 20px; font-family: "Montserrat", sans-serif; border-radius: 3px; line-height: 1.5; font-size: 12px; color: #fff; text-align: center; left: 0; right: 0; margin: 50px 25px; position: absolute; top: 10px; }
.analysis-gallery-list .view:hover { background: #98C144; }
.analysis-gallery-list .view:active { background: #9AD41F; }
.analysis-gallery-list li:hover .view { opacity: 1; transition: 0.35s opacity ease-in-out; -webkit-transition-delay: 0.7s; -moz-transition-delay: 0.7s; transition-delay: 0.7s; }
.analysis-gallery-list li:hover img { opacity: 0.45; transition: 0.35s all ease-in-out; -webkit-transition-delay: 0.7s; -moz-transition-delay: 0.7s; transition-delay: 0.7s; -webkit-filter: blur(1px); -moz-filter: blur(1px); filter: blur(1px); }

.analysis-gallery-list figure { overflow: hidden; }

@-moz-keyframes slideout { 0% { bottom: 0; } 100% { bottom: -70px; } }
@-moz-keyframes slidein { 0% { bottom: -70px; } 100% { bottom: 0; } }
@-webkit-keyframes slideout { 0% { bottom: 0; } 100% { bottom: -70px; } }
@-webkit-keyframes slidein { 0% { bottom: -70px; } 100% { bottom: 0; } }
@keyframes slideout { 0% { bottom: 0; } 100% { bottom: -70px; } }
@keyframes slidein { 0% { bottom: -70px; } 100% { bottom: 0; } }

.analysis-gallery-list .slidein figcaption { -moz-animation: slidein 0.1s ease-in-out; -webkit-animation: slidein 0.1s ease-in-out; animation: slidein 0.1s ease-in-out; bottom: 0; }
.analysis-gallery-list .slideout figcaption { -moz-animation: slideout 0.1s ease-in-out; -webkit-animation: slideout 0.1s ease-in-out; animation: slideout 0.1s ease-in-out; bottom: -70px; }

.analysis-gallery-list .best-analysis .view { margin: 140px 150px; }

.analysis-gallery-list figcaption { border-top: 1px solid #f0f0f0; position: absolute; bottom: 0; left: 0; width: 100%; z-index: 2; background: #fff; padding: 10px; }
.analysis-gallery-list figcaption h3 { margin: 6px 0 5px; font-size: 14px; line-height: 1.1; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.analysis-gallery-list figcaption .date { font-size: 11px; color: #869397; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.analysis-gallery-list figcaption .title { float: left; width: 70%; }
.analysis-gallery-list figcaption .score { float: right; text-align: center; min-width: 52px; height: 50px; border-radius: 2px; padding: 5px; background: #F6F7F8; }
.analysis-gallery-list figcaption span { font-family: "Montserrat", sans-serif; font-size: 16px; display: block; color: #000; margin: 0 0 2px; }
.analysis-gallery-list figcaption .label { font-size: 11px; color: #869397; }

.arrow-nav { display: inline-block; }
.arrow-next, .arrow-prev { background-image: url(../../images/sprite-ui.png); width: 11px; height: 16px; display: inline-block; text-indent: -999em; padding: 2px; }
.arrow-next { background-position: -109px -400px; }
.arrow-next:hover { background-position: -145px -400px; } 
.arrow-prev { background-position: -109px -433px; }
.arrow-prev:hover { background-position: -145px -433px; }


/* Directory
------------------------------ */
.directory {}

.directory section.breadcrumbs-alt{border-top: 1px solid rgba(255,255,255,0.07);}
.directory .form-analyze { margin: 0 auto 15px; overflow: hidden; }
.directory .form-analyze input[type="text"] { width: 520px; }
.directory .form-analyze button { width: 100px; }
.directory .list-browse {}
.directory .list-browse h3 { border-bottom: 1px solid #eee; padding-bottom: 10px; margin-bottom: 0; }
.directory .list-browse ul { margin: 0; padding: 0; }
.directory .list-browse li { list-style: inside none; padding: 0; border-bottom: 1px solid #EEEEEE; width: 50%; float: left; height: 31px; }
.directory .list-browse a { font-size: 15px; color: #6d7e83; text-decoration: none; line-height: 30px; display: block; white-space: nowrap; text-overflow: ellipsis; width: 100%; overflow: hidden; padding-right: 40px; }
.directory .list-browse a:hover { color: #23A9C6; }
.directory .list-browse b { padding: 5px 10px; background: #EFF2F5; border-radius: 30px; font: normal 12px/1 "Helvetica Neue", Helvetica, Arial, sans-serif; margin: -3px 10px 0 0; min-width: 50px; min-height: 22px; text-align: center; display: inline-block; position: relative; top: -2px; }
.directory .list-browse a:hover b { background: #B0C0C7; color: #FFF; transition: background 0.2s ease-in-out; }
.directory .list-browse img { width: 16px; height: 11px; display: inline-block; margin-right: 8px; }
.directory-country h2, .directory-country p { text-align: center; }
.directory .maps { height: 320px; background: #F0EDE5; padding: 0; }
.directory .is-fixed { position: fixed; left: 0; top: 0; right: 0; z-index: 999999; box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.07); }
.directory .maps .angular-google-map-container { height: 320px; }

.map-agency-popup { width: 320px; height: 200px; overflow: hidden; -webkit-font-smoothing: auto; -webkit-font-smoothing: auto; font-smoothing: auto; }
.map-agency-popup strong { font-family: "Montserrat", sans-serif; font-size: 18px; color: #222; margin: 5px 0 10px; border-bottom: 1px solid #eee; padding-bottom: 10px; display: block; width: 310px; }
.map-agency-popup ul { background: url(../../images/spotlight-poi.png) no-repeat 5px 2px; padding-left: 44px; clear: both; list-style: inside none; margin: 0 0 10px; }
.map-agency-popup li { font-size: 14px; line-height: 20px; width: 260px; }
.map-agency-popup strong, .map-agency-popup li div { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.map-agency-popup li.link { color: #23A9C6; text-decoration: underline; }

.directory .table-browse { margin-top: 50px; }
.directory .table-browse tr { cursor: pointer; }
.directory .table-browse tr:hover a { color: #222;}
.directory .table-browse th { padding-bottom: 5px; }
.directory .table-browse th .dropdown {} 
.directory .table-browse .dropdown-country-select {}
.directory .table-browse .dropdown-provinces-select { min-width: 220px; height: 31px; position: relative; top: -4px; line-height: 16px; }
.directory .table-browse .dropdown-provinces-select i { position: absolute; right: 4px; top: 6px; }
.directory .table-browse .location { width: 60px; text-align: center; vertical-align: top; }
.directory .table-browse .location .poi { background: url(../../images/spotlight-poi.png) no-repeat center; background-size: 75%; width: 23px; height: 36px; margin: 0 0 0 14px; }
.directory .table-browse .company {}
.directory .table-browse .page-url { font-size: 15px; margin: 0 0 4px; color: #23A9C6; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%; }
.directory .table-browse .page-title { font-size: 12px; line-height: 18px; }
.directory .table-browse .company div { width: 400px; }
.directory .table-browse .page-score { width: 120px; padding-right: 15px; }
.directory .table-browse .page-score .bar { position: relative; float: left; width: 50px; margin: 6px 10px 0 0; }
.directory .table-browse .page-score .grill { background: url(../../images/sprite-ui.png) no-repeat -20px -558px; height: 5px; width: 50px; position: absolute; left: 9px; bottom: 0; z-index: 2; }
.directory .table-browse .page-score .score { float: left; font: normal 15px/1 Montserrat, sans-serif; }
.directory .table-browse .page-score .score small { font-size: 12px; color: #B1B1B1; }
.directory .table-browse .contact { width: 200px; }
.directory .table-browse .favicons-social, .directory .table-browse .favicons-social a { width: 165px; display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.directory .table-browse .favicons-social a { color: #708185; text-decoration: none; }
.directory .table-browse .favicons-social a:hover { color: #222; text-decoration: underline; }
.directory .table-browse .contact .phonenumber { font: normal 13px/1 Montserrat, sans-serif; }
.directory .table-browse .contact .favicons-social { font-family: "Helvetica sans", Helvetica Neue, sans-serif; font-size: 12px; line-height: 18px; }
.directory .table-browse .contact .favicons-social i { margin-right: 10px; position: relative; top: 4px; }

.directory-details {}
.directory-details .favicons-social { float: left; }
.directory-details .claim-page { float: right; }
.directory-details .claim-page .btn { margin-top: 5px; }
.directory-details .favicons-social a { display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 380px; text-decoration: none; font-size: 14px; line-height: 20px; }
.directory-details .favicons-social a:hover { text-decoration: underline; }
.directory-details .social-facebook, .directory-details .social-twitter { margin: 2px 5px 0 0; position: relative; top: 4px; }
.directory-details .claim-page {}

.directory .favicons-social .social-facebook { margin: 0 10px 0 0; }
.directory .favicons-social .social-linkedin { margin: 0 9px 0 1px; top: 3px; position: relative; }
.directory .favicons-social .social-twitter { margin: 0 10px 0 0; }

.directory .favicons-social .link { background-position: -117px -3px; margin: 0 10px 0 0; }

.directory-details .maps-details { z-index: 9393; position: absolute; left: 0; background: #fff; padding: 5px 20px 20px; top: 30px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.08); }
.directory-details .maps-details h3 { border-bottom: 1px solid #eee; padding-bottom: 10px; margin-bottom: 10px; margin-top: 10px; }
.directory-details .maps-details address { font-style: normal; font-size: 14px; background: url(../../images/spotlight-poi.png) no-repeat 5px 2px; padding-left: 44px; margin: 0 0 10px; }
.directory-details .maps-details address, .directory-details .maps-details .contact, .directory-details .maps-details .contact a { width: 220px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.directory-details .maps-details .contact { font-size: 14px; margin: 15px 0 5px 44px; }
.directory-details .directory-list ul { margin: 15px 0 25px; padding: 0; list-style: inside none; overflow: hidden; clear: both; }
.directory-details .directory-list li { width: 25%; padding: 0 20px 0 0; float: left; }
.directory-details .directory-list a { font-size: 13px; line-height: 20px; text-decoration: none; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; color: #808E92; }
.directory-details .directory-list a:hover { text-decoration: underline; }
.directory-details .directory-list .btn-secondary { min-width: 180px; font-size: 11px; margin: 0 auto; }
.directory-details .browse-all a { color: #23A9C6; text-decoration: underline; }
.directory-details .browse-all a:hover { text-decoration: none; }

.directory-details .category .favicons-social { margin: 0 0 20px; }
.directory-details .category .favicons-social a { font-size: 12px; }

.directory-details .score-indication {}
.directory-details .score-indication .label,
.directory-details .score-indication .bar,
.directory-details .score-indication .score-result { display: inline-block; }
.directory-details .score-indication .label { width: 50px; }
.directory-details .score-indication .bar { width: 350px; position: relative; top: -1px; }
.directory-details .score-indication .score-result { width: 30px; text-align: right; }


/* support
------------------------------ */
.support .form-stacked textarea { resize: vertical; }
.support .captcha { margin: 30px 0; }
.support .captcha .captcha-generate { position: relative; }
.support .captcha img, .support .captcha a { float: left; }
.support .captcha img { border: 1px solid #eee; margin: 10px 0; }
.support .captcha a { font-size: 14px; margin: 44px 0 0 20px; color: #708185; }
.support .captcha input[type="text"] { width: 217px; }
.support .captcha .icon-renew { background-position: -217px -195px; width: 11px; height: 12px; position: relative; top: 2px; margin-right: 7px; }


/* tooltip
------------------------------ */
.tooltip { cursor: help; }
#tiptip_holder { display: none; position: absolute; top: 0; left: 0; z-index: 99999; }
#tiptip_holder.tip_top { padding-bottom: 5px; }
#tiptip_holder.tip_bottom { padding-top: 5px; }
#tiptip_holder.tip_right { padding-left: 1px; }
#tiptip_holder.tip_left { padding-right: 1px; }
#tiptip_content { font-family: "Helvetica Neue", sans-serif; font-size: 15px; line-height: 1.5; color: #fff; padding: 6px 11px; border: 1px solid #000; background: #000; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
#tiptip_arrow, #tiptip_arrow_inner { position: absolute; border-color: transparent; border-style: solid; border-width: 6px; height: 0; width: 0; }
#tiptip_holder.tip_top #tiptip_arrow { border-top-color: #000;}
#tiptip_holder.tip_bottom #tiptip_arrow { border-bottom-color: #000; }
#tiptip_holder.tip_right #tiptip_arrow { border-right-color: #000; }
#tiptip_holder.tip_left #tiptip_arrow { border-left-color: #000; }
#tiptip_holder.tip_top #tiptip_arrow_inner, #tiptip_holder.tip_top #tiptip_arrow { margin-top: -7px; margin-left: -6px; border-top-color: #000; border-bottom-width: 0; }
#tiptip_holder.tip_bottom #tiptip_arrow_inner, #tiptip_holder.tip_bottom #tiptip_arrow { margin-top: 6px; margin-left: -6px; border-bottom-color: #000; border-top-width: 0; }
#tiptip_holder.tip_right #tiptip_arrow_inner, #tiptip_holder.tip_right #tiptip_arrow { margin-top: -6px; margin-left: 6px; border-right-color: #000; border-left-width: 0; }
#tiptip_holder.tip_left #tiptip_arrow_inner, #tiptip_holder.tip_left #tiptip_arrow { margin-top: -6px; margin-left: -7px; border-left-color: #000; border-right-width: 0; }
#tiptip_holder.tip_top #tiptip_arrow, #tiptip_holder.tip_right #tiptip_arrow, #tiptip_holder.tip_bottom #tiptip_arrow, #tiptip_holder.tip_left #tiptip_arrow { border-color: transparent; }
#tiptip_holder.tip_left_top #tiptip_arrow, #tiptip_holder.tip_right_top #tiptip_arrow, #tiptip_holder.tip_left_bottom #tiptip_arrow, #tiptip_holder.tip_right_bottom #tiptip_arrow { display: none; }


/*
   Colorpicker for Bootstrap
   Copyright 2012 Stefan Petre 
   Licensed under the Apache License v2.0
   http://www.apache.org/licenses/LICENSE-2.0
*/
.colorpicker-saturation { width: 100px; height: 100px; background-image: url(../../images/saturation.png); cursor: crosshair; float: left; } 
.colorpicker-saturation i { display: block; height: 5px; width: 5px; border: 1px solid #000; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; position: absolute; top: 0; left: 0; margin: -4px 0 0 -4px; }
.colorpicker-saturation i b { display: block; height: 5px; width: 5px; border: 1px solid #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.colorpicker-hue, .colorpicker-alpha { width: 15px; height: 100px; float: left; cursor: row-resize; margin-left: 4px; margin-bottom: 4px; }
.colorpicker-hue i, .colorpicker-alpha i { display: block; height: 1px; background: #000; border-top: 1px solid #fff; position: absolute; top: 0; left: 0; width: 100%; margin-top: -1px; }
.colorpicker-hue { background-image: url(../../images/hue.png); }
.colorpicker-alpha { background-image: url(../../images/alpha.png); display: none; }
.colorpicker { *zoom: 1; top: 0; left: 0; padding: 4px; min-width: 120px; margin-top: 1px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; z-index: 9999; }
.colorpicker:before, .colorpicker:after { display: table; content: ""; }
.colorpicker:after { clear: both; }
.colorpicker:before { content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-bottom-color: rgba(0, 0, 0, 0.2); position: absolute; top: -7px; left: 6px; }
.colorpicker:after { content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #ffffff; position: absolute; top: -6px; left: 7px; }
.colorpicker div { position: relative; }
.colorpicker.alpha { min-width: 140px; } 
.colorpicker.alpha .colorpicker-alpha { display: block; } 
.colorpicker-color { height: 10px; margin-top: 5px; clear: both; background-image: url(../../images/alpha.png); background-position: 0 100%; } 
.colorpicker-color div { height: 10px; } 

.input-colorpicker .input-hex { text-transform: uppercase; width: 84px!important; padding: 10px 7px; font-size: 14px; }
.input-colorpicker .color { float: left; border-radius: 3px; margin: 0 4px 0 0; width: 37px; height: 37px; border: 1px solid #ddd; }
.input-colorpicker .color:hover { border: 1px solid #C1C8CF; }
.input-colorpicker .color .add-on { display: block; width: 100%; height: 100%; position: relative; }
.input-colorpicker .color i { cursor: pointer; position: absolute; width: 100%; height: 100%; z-index: 2; background-image: url(../../images/colorpicker_arrow.png); background-position: right bottom; background-repeat: no-repeat; border-radius: 3px; }


/* icons
------------------------------ */
[class*="icon-"] { background-image: url(../../images/sprite-ui.png); background-repeat: no-repeat; text-indent: -999em; display: inline-block; vertical-align: text-top; line-height: 1; margin-top: 1px; }
.icon-status-verygood, .icon-status-good, .icon-status-average, .icon-status-bad, .icon-status-verybad, .icon-status-neutral { width: 15px; height: 16px; }
.icon-status-verygood, .topic-improve .table-list .icon-status-verygood { background-position: -60px -229px; }
.icon-status-good, .topic-improve .table-list .icon-status-good { background-position: 0 -229px;  }
.icon-status-average, .topic-improve .table-list .icon-status-average { background-position: -40px -229px; }
.icon-status-bad, .topic-improve .table-list .icon-status-bad { background-position: 0 -193px; }
.icon-status-verybad, .topic-improve .table-list .icon-status-verybad { background-position: -60px -193px; }
.icon-status-neutral { background-position: -40px -229px; }
.icon-status-loader { background: url(../../images/analysis-progress.gif) no-repeat 0 0 ; width: 18px; height: 20px; }
.icon-tick, i.icon-cross, i.icon-default, i.icon-info { width: 18px; height: 20px; }
.icon-tick { background-position: 0 -229px; }
.icon-tick.icon-light { background-position: -20px -229px; }
.icon-tick.icon-dark { background-position: -40px -229px; }
.icon-cross { background-position: 0 -193px; }
.icon-cross.icon-light { background-position: -20px -193px; }
.icon-cross.icon-dark { background-position: -40px -193px; }
.icon-default { background-position: 0 -157px; }
.icon-default.icon-light { background-position: -20px -157px; }
.icon-default.icon-dark { background-position: -40px -157px; }
.icon-info { background-position: 0 -121px; }
.icon-info.icon-light { background-position: -20px -121px; }
.icon-info.icon-dark { background-position: -40px -121px; }
.icon-yes, .icon-no { width: 10px; height: 8px; }
.icon-yes { background-position: -3px -265px; }
.icon-yes.icon-light { background-position: -23px -265px; }
.icon-yes.icon-dark { background-position: -43px -265px; }
.icon-no { background-position: -4px -295px; }
.icon-no.icon-light { background-position: -24px -295px; }
.icon-no.icon-dark { background-position: -44px -295px; }
.icon-close { background-position: -110px -197px; width: 8px; height: 8px; }
.icon-prev-arrow { background-position: 0 -451px; width: 7px; height: 5px; }
.icon-prev-arrow-alt { background-position: 0 -466px; width: 7px; height: 5px; }
.icon-next-arrow { background-position: 0 -481px; width: 7px; height: 5px; }
.icon-next-arrow-alt { background-position: 0 -496px; width: 7px; height: 5px; margin-top: 7px; }
.icon-add-magnifier { background-position: -104px -228px; width: 21px; height: 20px; }
.icon-ascend-arrow { background-position: -74px -162px; width: 9px; height: 7px; }
.icon-descend-arrow { background-position: -74px -144px; width: 9px; height: 6px; }
.icon-equal { background-position: -74px -126px; width: 9px; height: 6px; }
.icon-add { background-position: 0 -323px; width: 15px; height: 15px; }
.icon-add:hover { background-position: -105px -323px; }
.icon-del { background-position: 0 -358px; width: 13px; height: 13px; }
.icon-del:hover { background-position: -105px -358px; }
.icon-exit { background-position: 0 -358px; width: 13px; height: 13px; }
.icon-exit:hover { background-position: -105px -358px; }
.icon-refresh { background-position: -216px -159px; width: 12px; height: 12px; position: relative; top: 2px; left: -2px;  }
.icon-file { background-position: -106px -157px; width: 15px; height: 17px; }
.icon-file-pdf { background-position: -137px -319px; width: 19px; height: 20px; }
.icon-file-pdf-colored { background-position: -137px -353px; width: 19px; height: 20px; }
.icon-dropdown { background-position: -70px -358px; width: 16px; height: 16px; }
.icon-dropdown-small { background-position: -70px -323px; width: 16px; height: 16px; }
.icon-exp, .icon-col { width: 17px; height: 16px; }
.icon-exp { background-position: -216px -273px; }
.icon-col { background-position: -216px -313px; }
.icon-benchmark-url, .icon-benchmark-url-1, .icon-benchmark-url-2, .icon-benchmark-url-3 { width: 9px!important; height: 8px!important; }
.checkbox .icon-benchmark-url, .checkbox .icon-benchmark-url-1, .checkbox .icon-benchmark-url-2, .checkbox .icon-benchmark-url-3 { margin: 4px 3px 0 3px!important; }
.icon-benchmark-url { background-position: -207px -90px!important; }
.icon-benchmark-url-1 { background-position: -218px -90px!important; }
.icon-benchmark-url-2 { background-position: -229px -90px!important; }
.icon-benchmark-url-3 { background-position: -240px -90px!important; }
.icon-single-user { background-position: -104px -253px; width: 14px; height: 13px; }
.icon-shared-users { position: relative; background-position: -104px -276px; width: 17px!important; height: 13px; margin: -2px 0 0 8px; cursor: pointer; }
.icon-shared-users span { display: block; position: absolute; left: 21px; top: -1px; min-width: 20px; color: #fff; height: 16px; z-index: 22; text-indent: 0; font-size: 11px; line-height: 16px; background: #D0D2D3; border-radius: 15px; text-align: center; }
.btn .icon-shared-users { background-position: -104px -299px; font-style: normal; margin-top: 2px; }
.btn .icon-shared-users span { background: #fff; color: #B0C0C7; }
.icon-item-expcol { background-position: -186px -369px; width: 6px; height: 8px; }
.current .icon-item-expcol { background-position: -184px -344px; width: 9px; height: 5px; }
aside nav .icon-item-expcol { position: absolute; left: -19px; top: 17px; }
.icon-search { background-position: -32px -322px; width: 17px; height: 17px; }
.icon-link-more { background-position: -184px -344px; width: 9px; height: 5px; margin-top: 5px; }
.icon-edit { background-position: -128px -518px; width: 11px; height: 16px; }
.icon-tarr, .icon-barr, .icon-larr, .icon-rarr { position: relative; }
.icon-tarr, .icon-barr { width: 8px; height: 5px; top: 6px; }
.icon-larr, .icon-rarr { width: 5px; height: 8px; top: 5px; }
.icon-tarr { background-position: -112px -389px; }
.icon-tarr.icon-colored { background-position: -130px -389px; }
.icon-tarr.icon-dark { background-position: -148px -389px; }
.icon-tarr.icon-light { background-position: -166px -389px; }
.icon-rarr { background-position: -113px -404px; }
.icon-rarr.icon-colored { background-position: -131px -404px; }
.icon-rarr.icon-dark { background-position: -149px -404px; }
.icon-rarr.icon-light { background-position: -167px -404px; }
.icon-barr { background-position: -112px -422px; }
.icon-barr.icon-colored { background-position: -130px -422px; }
.icon-barr.icon-dark { background-position: -148px -422px; }
.icon-barr.icon-light { background-position: -166px -422px; }
.icon-larr { background-position: -113px -437px; }
.icon-larr.icon-colored { background-position: -131px -437px; }
.icon-larr.icon-dark { background-position: -149px -437px; }
.icon-larr.icon-light { background-position: -167px -437px; }
.icon-feature-locked { background: url(../../images/icon-secure.png) no-repeat; width: 18px; height: 23px; }
.icon-upload { background-position: -141px -117px; width: 45px; height: 25px; }


/* smaller screens
------------------------------ */
@media only screen and ( max-width: 900px) { .tour .agencies .canvas { opacity: 0.1; }}


/* retina
------------------------------ */
@media only screen and (-webkit-min-device-pixel-ratio: 2), 
only screen and (min-device-pixel-ratio: 2) {
	.bg-secondary { border-bottom: 1px transparent solid; margin-bottom: -1px; }
	input[type="password"], .secure { background-image: url(../../images/icon-secure@2x.png); background-size: 17px 22px; }
	.heart, .plan-option .ribbon, .badge, .icons-features, .hc-marker { background-image: url(../../images/sprite-icons-features@2x.png)!important; background-size: 1238px 1363px; }
	.home .badge { display: none!important; }
	.notification-bar .icon-locked { background-image: url(../../images/icon-secure@2x.png)!important; background-size: 17px 22px; }
	.img-features { background-image: url(../../images/sprite-icons-features@2x.png); background-size: 1238px 1363px; }
	.tour .img-features { background-image: url(../../images/sprite-icons-features-large@2x.png); background-size: 358px 636px; }
	.pages-count > span > i, [class*="icon-"], th.sort i, .competition, .impact, .difficulty, .checkbox i, .radio i, .logo-google, .logo-bing, .logo-yahoo { background-image: url(../../images/sprite-ui@2x.png)!important; background-size: 294px 589px; }
	.error-message { background-image: url(../../images/error-message@2x.png); background-size: 576px 300px; }
	.error-image-404 { background-image: url(../../images/error-404@2x.png); background-size: 582px 259px; }
	.featured figcaption .pointing, .tour [class*="icon-tour-ico-"] { background-image: url(../../images/sprite-tour@2x.png)!important; background-size: 26px 359px; }
	.select-font-family .font { background-image: url(../../images/select-font-family@2x.png)!important; background-size: 125px 132px; }
	.select-font-family .font-selected { background-image: url(../../images/select-font-family@2x.png)!important; background-size: 125px 132px; }
	.empty-placeholder.empty-analysis-search .image { background: url(../../images/empty-placeholder-search@2x.png) no-repeat; background-size: 123px 123px; }
	.empty-placeholder.empty-analysis .image { background: url(../../images/empty-placeholder@2x.png) no-repeat center; background-size: 123px 123px; }
	.keywords .empty-placeholder .image { background: url(../../images/empty-placeholder-kwsuggestions@2x.png) no-repeat; background-size: 123px 123px; }
	.empty-placeholder.no-analytics-installed { background: url(../../images/empty-placeholder-no-analytics-installed@2x.png) no-repeat; background-size: 123px 123px; }
	.devices .devices-item { background: url(../../images/sprite-stats-devices@2x.png) no-repeat; background-size: 61px 234px; }
	.viewport-devices { background: url(../../images/sprite-devices@2x.png) no-repeat; background-size: 411px 218px; }
	.tour section.agencies .features-long i { background: url(../../images/sprite-tour-features@2x.png) no-repeat; background-size: 32px 152px; }
	.by-dataprovider { background: url(../../images/powered-by-dataprovider@2x.png) no-repeat; background-size: 150px 60px; }
	.icon-status-loader { background: url(../../images/analysis-progress.gif) no-repeat 0 0!important; background-size: 18px 20px; }
}

/* animations
------------------------------ */
.heartpulse { -webkit-animation-name: 'pulse_animation'; -webkit-animation-duration: 4000ms; -webkit-transform-origin: 30% 30%; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: 'pulse_animation'; -moz-animation-duration: 4000ms; -moz-transform-origin: 30% 30%; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; animation-name: 'pulse_animation'; animation-duration: 4000ms; transform-origin: 30% 30%; animation-iteration-count: infinite; animation-timing-function: linear; }
@-moz-keyframes pulse_animation { 0% { -moz-transform: scale(1); } 30% { -moz-transform: scale(1); } 40% { -moz-transform: scale(1.18); } 50% { -moz-transform: scale(1); } 60% { -moz-transform: scale(1); } 70% { -moz-transform: scale(1.15); } 80% { -moz-transform: scale(1); } 100% { -moz-transform: scale(1); } }
@-webkit-keyframes pulse_animation { 0% { -webkit-transform: scale(1); } 30% { -webkit-transform: scale(1); } 40% { -webkit-transform: scale(1.18); } 50% { -webkit-transform: scale(1); } 60% { -webkit-transform: scale(1); } 70% { -webkit-transform: scale(1.15); } 80% { -webkit-transform: scale(1); } 100% { -webkit-transform: scale(1); } }
@keyframes pulse_animation { 0% { transform: scale(1); } 30% { transform: scale(1); } 40% { transform: scale(1.18); } 50% { transform: scale(1); } 60% { transform: scale(1); } 70% { transform: scale(1.15); } 80% { transform: scale(1); } 100% { transform: scale(1); } }

@charset "UTF-8";body{-webkit-backface-visibility:hidden}.animated{-webkit-animation-duration:1s;-moz-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}.animated.hinge{-webkit-animation-duration:2s;-moz-animation-duration:2s;-o-animation-duration:2s;animation-duration:2s}@-webkit-keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}@-moz-keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}@-o-keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;-moz-animation-name:flash;-o-animation-name:flash;animation-name:flash}@-webkit-keyframes shake{0%,100%{-webkit-transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px)}}@-moz-keyframes shake{0%,100%{-moz-transform:translateX(0)}10%,30%,50%,70%,90%{-moz-transform:translateX(-10px)}20%,40%,60%,80%{-moz-transform:translateX(10px)}}@-o-keyframes shake{0%,100%{-o-transform:translateX(0)}10%,30%,50%,70%,90%{-o-transform:translateX(-10px)}20%,40%,60%,80%{-o-transform:translateX(10px)}}@keyframes shake{0%,100%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-10px)}20%,40%,60%,80%{transform:translateX(10px)}}.shake{-webkit-animation-name:shake;-moz-animation-name:shake;-o-animation-name:shake;animation-name:shake}@-webkit-keyframes bounce{0%,20%,50%,80%,100%{-webkit-transform:translateY(0)}40%{-webkit-transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px)}}@-moz-keyframes bounce{0%,20%,50%,80%,100%{-moz-transform:translateY(0)}40%{-moz-transform:translateY(-30px)}60%{-moz-transform:translateY(-15px)}}@-o-keyframes bounce{0%,20%,50%,80%,100%{-o-transform:translateY(0)}40%{-o-transform:translateY(-30px)}60%{-o-transform:translateY(-15px)}}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}.bounce{-webkit-animation-name:bounce;-moz-animation-name:bounce;-o-animation-name:bounce;animation-name:bounce}@-webkit-keyframes tada{0%{-webkit-transform:scale(1)}10%,20%{-webkit-transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0)}}@-moz-keyframes tada{0%{-moz-transform:scale(1)}10%,20%{-moz-transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-moz-transform:scale(1.1) rotate(3deg)}40%,60%,80%{-moz-transform:scale(1.1) rotate(-3deg)}100%{-moz-transform:scale(1) rotate(0)}}@-o-keyframes tada{0%{-o-transform:scale(1)}10%,20%{-o-transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-o-transform:scale(1.1) rotate(3deg)}40%,60%,80%{-o-transform:scale(1.1) rotate(-3deg)}100%{-o-transform:scale(1) rotate(0)}}@keyframes tada{0%{transform:scale(1)}10%,20%{transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale(1.1) rotate(3deg)}40%,60%,80%{transform:scale(1.1) rotate(-3deg)}100%{transform:scale(1) rotate(0)}}.tada{-webkit-animation-name:tada;-moz-animation-name:tada;-o-animation-name:tada;animation-name:tada}@-webkit-keyframes swing{20%,40%,60%,80%,100%{-webkit-transform-origin:top center}20%{-webkit-transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg)}}@-moz-keyframes swing{20%{-moz-transform:rotate(15deg)}40%{-moz-transform:rotate(-10deg)}60%{-moz-transform:rotate(5deg)}80%{-moz-transform:rotate(-5deg)}100%{-moz-transform:rotate(0deg)}}@-o-keyframes swing{20%{-o-transform:rotate(15deg)}40%{-o-transform:rotate(-10deg)}60%{-o-transform:rotate(5deg)}80%{-o-transform:rotate(-5deg)}100%{-o-transform:rotate(0deg)}}@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}100%{transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;-moz-transform-origin:top center;-o-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;-moz-animation-name:swing;-o-animation-name:swing;animation-name:swing}@-webkit-keyframes wobble{0%{-webkit-transform:translateX(0%)}15%{-webkit-transform:translateX(-25%) rotate(-5deg)}30%{-webkit-transform:translateX(20%) rotate(3deg)}45%{-webkit-transform:translateX(-15%) rotate(-3deg)}60%{-webkit-transform:translateX(10%) rotate(2deg)}75%{-webkit-transform:translateX(-5%) rotate(-1deg)}100%{-webkit-transform:translateX(0%)}}@-moz-keyframes wobble{0%{-moz-transform:translateX(0%)}15%{-moz-transform:translateX(-25%) rotate(-5deg)}30%{-moz-transform:translateX(20%) rotate(3deg)}45%{-moz-transform:translateX(-15%) rotate(-3deg)}60%{-moz-transform:translateX(10%) rotate(2deg)}75%{-moz-transform:translateX(-5%) rotate(-1deg)}100%{-moz-transform:translateX(0%)}}@-o-keyframes wobble{0%{-o-transform:translateX(0%)}15%{-o-transform:translateX(-25%) rotate(-5deg)}30%{-o-transform:translateX(20%) rotate(3deg)}45%{-o-transform:translateX(-15%) rotate(-3deg)}60%{-o-transform:translateX(10%) rotate(2deg)}75%{-o-transform:translateX(-5%) rotate(-1deg)}100%{-o-transform:translateX(0%)}}@keyframes wobble{0%{transform:translateX(0%)}15%{transform:translateX(-25%) rotate(-5deg)}30%{transform:translateX(20%) rotate(3deg)}45%{transform:translateX(-15%) rotate(-3deg)}60%{transform:translateX(10%) rotate(2deg)}75%{transform:translateX(-5%) rotate(-1deg)}100%{transform:translateX(0%)}}.wobble{-webkit-animation-name:wobble;-moz-animation-name:wobble;-o-animation-name:wobble;animation-name:wobble}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1)}50%{-webkit-transform:scale(1.1)}100%{-webkit-transform:scale(1)}}@-moz-keyframes pulse{0%{-moz-transform:scale(1)}50%{-moz-transform:scale(1.1)}100%{-moz-transform:scale(1)}}@-o-keyframes pulse{0%{-o-transform:scale(1)}50%{-o-transform:scale(1.1)}100%{-o-transform:scale(1)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}.pulse{-webkit-animation-name:pulse;-moz-animation-name:pulse;-o-animation-name:pulse;animation-name:pulse}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(0);-webkit-animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg);-webkit-animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) rotateY(360deg) scale(.95);-webkit-animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px) scale(1);-webkit-animation-timing-function:ease-in}}@-moz-keyframes flip{0%{-moz-transform:perspective(400px) rotateY(0);-moz-animation-timing-function:ease-out}40%{-moz-transform:perspective(400px) translateZ(150px) rotateY(170deg);-moz-animation-timing-function:ease-out}50%{-moz-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-moz-animation-timing-function:ease-in}80%{-moz-transform:perspective(400px) rotateY(360deg) scale(.95);-moz-animation-timing-function:ease-in}100%{-moz-transform:perspective(400px) scale(1);-moz-animation-timing-function:ease-in}}@-o-keyframes flip{0%{-o-transform:perspective(400px) rotateY(0);-o-animation-timing-function:ease-out}40%{-o-transform:perspective(400px) translateZ(150px) rotateY(170deg);-o-animation-timing-function:ease-out}50%{-o-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-o-animation-timing-function:ease-in}80%{-o-transform:perspective(400px) rotateY(360deg) scale(.95);-o-animation-timing-function:ease-in}100%{-o-transform:perspective(400px) scale(1);-o-animation-timing-function:ease-in}}@keyframes flip{0%{transform:perspective(400px) rotateY(0);animation-timing-function:ease-out}40%{transform:perspective(400px) translateZ(150px) rotateY(170deg);animation-timing-function:ease-out}50%{transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);animation-timing-function:ease-in}80%{transform:perspective(400px) rotateY(360deg) scale(.95);animation-timing-function:ease-in}100%{transform:perspective(400px) scale(1);animation-timing-function:ease-in}}.flip{-webkit-backface-visibility:visible!important;-webkit-animation-name:flip;-moz-backface-visibility:visible!important;-moz-animation-name:flip;-o-backface-visibility:visible!important;-o-animation-name:flip;backface-visibility:visible!important;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg)}100%{-webkit-transform:perspective(400px) rotateX(0deg);opacity:1}}@-moz-keyframes flipInX{0%{-moz-transform:perspective(400px) rotateX(90deg);opacity:0}40%{-moz-transform:perspective(400px) rotateX(-10deg)}70%{-moz-transform:perspective(400px) rotateX(10deg)}100%{-moz-transform:perspective(400px) rotateX(0deg);opacity:1}}@-o-keyframes flipInX{0%{-o-transform:perspective(400px) rotateX(90deg);opacity:0}40%{-o-transform:perspective(400px) rotateX(-10deg)}70%{-o-transform:perspective(400px) rotateX(10deg)}100%{-o-transform:perspective(400px) rotateX(0deg);opacity:1}}@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);opacity:0}40%{transform:perspective(400px) rotateX(-10deg)}70%{transform:perspective(400px) rotateX(10deg)}100%{transform:perspective(400px) rotateX(0deg);opacity:1}}.flipInX{-webkit-backface-visibility:visible!important;-webkit-animation-name:flipInX;-moz-backface-visibility:visible!important;-moz-animation-name:flipInX;-o-backface-visibility:visible!important;-o-animation-name:flipInX;backface-visibility:visible!important;animation-name:flipInX}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0}}@-moz-keyframes flipOutX{0%{-moz-transform:perspective(400px) rotateX(0deg);opacity:1}100%{-moz-transform:perspective(400px) rotateX(90deg);opacity:0}}@-o-keyframes flipOutX{0%{-o-transform:perspective(400px) rotateX(0deg);opacity:1}100%{-o-transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{transform:perspective(400px) rotateX(0deg);opacity:1}100%{transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;-webkit-backface-visibility:visible!important;-moz-animation-name:flipOutX;-moz-backface-visibility:visible!important;-o-animation-name:flipOutX;-o-backface-visibility:visible!important;animation-name:flipOutX;backface-visibility:visible!important}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-10deg)}70%{-webkit-transform:perspective(400px) rotateY(10deg)}100%{-webkit-transform:perspective(400px) rotateY(0deg);opacity:1}}@-moz-keyframes flipInY{0%{-moz-transform:perspective(400px) rotateY(90deg);opacity:0}40%{-moz-transform:perspective(400px) rotateY(-10deg)}70%{-moz-transform:perspective(400px) rotateY(10deg)}100%{-moz-transform:perspective(400px) rotateY(0deg);opacity:1}}@-o-keyframes flipInY{0%{-o-transform:perspective(400px) rotateY(90deg);opacity:0}40%{-o-transform:perspective(400px) rotateY(-10deg)}70%{-o-transform:perspective(400px) rotateY(10deg)}100%{-o-transform:perspective(400px) rotateY(0deg);opacity:1}}@keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);opacity:0}40%{transform:perspective(400px) rotateY(-10deg)}70%{transform:perspective(400px) rotateY(10deg)}100%{transform:perspective(400px) rotateY(0deg);opacity:1}}.flipInY{-webkit-backface-visibility:visible!important;-webkit-animation-name:flipInY;-moz-backface-visibility:visible!important;-moz-animation-name:flipInY;-o-backface-visibility:visible!important;-o-animation-name:flipInY;backface-visibility:visible!important;animation-name:flipInY}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0}}@-moz-keyframes flipOutY{0%{-moz-transform:perspective(400px) rotateY(0deg);opacity:1}100%{-moz-transform:perspective(400px) rotateY(90deg);opacity:0}}@-o-keyframes flipOutY{0%{-o-transform:perspective(400px) rotateY(0deg);opacity:1}100%{-o-transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{transform:perspective(400px) rotateY(0deg);opacity:1}100%{transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;-webkit-animation-name:flipOutY;-moz-backface-visibility:visible!important;-moz-animation-name:flipOutY;-o-backface-visibility:visible!important;-o-animation-name:flipOutY;backface-visibility:visible!important;animation-name:flipOutY}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-moz-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-o-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;-moz-animation-name:fadeIn;-o-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInUp{0%{opacity:0;-moz-transform:translateY(20px)}100%{opacity:1;-moz-transform:translateY(0)}}@-o-keyframes fadeInUp{0%{opacity:0;-o-transform:translateY(20px)}100%{opacity:1;-o-transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;-moz-animation-name:fadeInUp;-o-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInDown{0%{opacity:0;-moz-transform:translateY(-20px)}100%{opacity:1;-moz-transform:translateY(0)}}@-o-keyframes fadeInDown{0%{opacity:0;-o-transform:translateY(-20px)}100%{opacity:1;-o-transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;-moz-animation-name:fadeInDown;-o-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes fadeInLeft{0%{opacity:0;-moz-transform:translateX(-20px)}100%{opacity:1;-moz-transform:translateX(0)}}@-o-keyframes fadeInLeft{0%{opacity:0;-o-transform:translateX(-20px)}100%{opacity:1;-o-transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-20px)}100%{opacity:1;transform:translateX(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;-moz-animation-name:fadeInLeft;-o-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes fadeInRight{0%{opacity:0;-moz-transform:translateX(20px)}100%{opacity:1;-moz-transform:translateX(0)}}@-o-keyframes fadeInRight{0%{opacity:0;-o-transform:translateX(20px)}100%{opacity:1;-o-transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(20px)}100%{opacity:1;transform:translateX(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;-moz-animation-name:fadeInRight;-o-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInUpBig{0%{opacity:0;-moz-transform:translateY(2000px)}100%{opacity:1;-moz-transform:translateY(0)}}@-o-keyframes fadeInUpBig{0%{opacity:0;-o-transform:translateY(2000px)}100%{opacity:1;-o-transform:translateY(0)}}@keyframes fadeInUpBig{0%{opacity:0;transform:translateY(2000px)}100%{opacity:1;transform:translateY(0)}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;-moz-animation-name:fadeInUpBig;-o-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInDownBig{0%{opacity:0;-moz-transform:translateY(-2000px)}100%{opacity:1;-moz-transform:translateY(0)}}@-o-keyframes fadeInDownBig{0%{opacity:0;-o-transform:translateY(-2000px)}100%{opacity:1;-o-transform:translateY(0)}}@keyframes fadeInDownBig{0%{opacity:0;transform:translateY(-2000px)}100%{opacity:1;transform:translateY(0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;-moz-animation-name:fadeInDownBig;-o-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes fadeInLeftBig{0%{opacity:0;-moz-transform:translateX(-2000px)}100%{opacity:1;-moz-transform:translateX(0)}}@-o-keyframes fadeInLeftBig{0%{opacity:0;-o-transform:translateX(-2000px)}100%{opacity:1;-o-transform:translateX(0)}}@keyframes fadeInLeftBig{0%{opacity:0;transform:translateX(-2000px)}100%{opacity:1;transform:translateX(0)}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;-moz-animation-name:fadeInLeftBig;-o-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes fadeInRightBig{0%{opacity:0;-moz-transform:translateX(2000px)}100%{opacity:1;-moz-transform:translateX(0)}}@-o-keyframes fadeInRightBig{0%{opacity:0;-o-transform:translateX(2000px)}100%{opacity:1;-o-transform:translateX(0)}}@keyframes fadeInRightBig{0%{opacity:0;transform:translateX(2000px)}100%{opacity:1;transform:translateX(0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;-moz-animation-name:fadeInRightBig;-o-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-moz-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-o-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;-moz-animation-name:fadeOut;-o-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-20px)}}@-moz-keyframes fadeOutUp{0%{opacity:1;-moz-transform:translateY(0)}100%{opacity:0;-moz-transform:translateY(-20px)}}@-o-keyframes fadeOutUp{0%{opacity:1;-o-transform:translateY(0)}100%{opacity:0;-o-transform:translateY(-20px)}}@keyframes fadeOutUp{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-20px)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;-moz-animation-name:fadeOutUp;-o-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(20px)}}@-moz-keyframes fadeOutDown{0%{opacity:1;-moz-transform:translateY(0)}100%{opacity:0;-moz-transform:translateY(20px)}}@-o-keyframes fadeOutDown{0%{opacity:1;-o-transform:translateY(0)}100%{opacity:0;-o-transform:translateY(20px)}}@keyframes fadeOutDown{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(20px)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;-moz-animation-name:fadeOutDown;-o-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-20px)}}@-moz-keyframes fadeOutLeft{0%{opacity:1;-moz-transform:translateX(0)}100%{opacity:0;-moz-transform:translateX(-20px)}}@-o-keyframes fadeOutLeft{0%{opacity:1;-o-transform:translateX(0)}100%{opacity:0;-o-transform:translateX(-20px)}}@keyframes fadeOutLeft{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(-20px)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;-moz-animation-name:fadeOutLeft;-o-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(20px)}}@-moz-keyframes fadeOutRight{0%{opacity:1;-moz-transform:translateX(0)}100%{opacity:0;-moz-transform:translateX(20px)}}@-o-keyframes fadeOutRight{0%{opacity:1;-o-transform:translateX(0)}100%{opacity:0;-o-transform:translateX(20px)}}@keyframes fadeOutRight{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(20px)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;-moz-animation-name:fadeOutRight;-o-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px)}}@-moz-keyframes fadeOutUpBig{0%{opacity:1;-moz-transform:translateY(0)}100%{opacity:0;-moz-transform:translateY(-2000px)}}@-o-keyframes fadeOutUpBig{0%{opacity:1;-o-transform:translateY(0)}100%{opacity:0;-o-transform:translateY(-2000px)}}@keyframes fadeOutUpBig{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-2000px)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;-moz-animation-name:fadeOutUpBig;-o-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px)}}@-moz-keyframes fadeOutDownBig{0%{opacity:1;-moz-transform:translateY(0)}100%{opacity:0;-moz-transform:translateY(2000px)}}@-o-keyframes fadeOutDownBig{0%{opacity:1;-o-transform:translateY(0)}100%{opacity:0;-o-transform:translateY(2000px)}}@keyframes fadeOutDownBig{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(2000px)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;-moz-animation-name:fadeOutDownBig;-o-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px)}}@-moz-keyframes fadeOutLeftBig{0%{opacity:1;-moz-transform:translateX(0)}100%{opacity:0;-moz-transform:translateX(-2000px)}}@-o-keyframes fadeOutLeftBig{0%{opacity:1;-o-transform:translateX(0)}100%{opacity:0;-o-transform:translateX(-2000px)}}@keyframes fadeOutLeftBig{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(-2000px)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;-moz-animation-name:fadeOutLeftBig;-o-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px)}}@-moz-keyframes fadeOutRightBig{0%{opacity:1;-moz-transform:translateX(0)}100%{opacity:0;-moz-transform:translateX(2000px)}}@-o-keyframes fadeOutRightBig{0%{opacity:1;-o-transform:translateX(0)}100%{opacity:0;-o-transform:translateX(2000px)}}@keyframes fadeOutRightBig{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(2000px)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;-moz-animation-name:fadeOutRightBig;-o-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05)}70%{-webkit-transform:scale(.9)}100%{-webkit-transform:scale(1)}}@-moz-keyframes bounceIn{0%{opacity:0;-moz-transform:scale(.3)}50%{opacity:1;-moz-transform:scale(1.05)}70%{-moz-transform:scale(.9)}100%{-moz-transform:scale(1)}}@-o-keyframes bounceIn{0%{opacity:0;-o-transform:scale(.3)}50%{opacity:1;-o-transform:scale(1.05)}70%{-o-transform:scale(.9)}100%{-o-transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}100%{transform:scale(1)}}.bounceIn{-webkit-animation-name:bounceIn;-moz-animation-name:bounceIn;-o-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px)}80%{-webkit-transform:translateY(10px)}100%{-webkit-transform:translateY(0)}}@-moz-keyframes bounceInUp{0%{opacity:0;-moz-transform:translateY(2000px)}60%{opacity:1;-moz-transform:translateY(-30px)}80%{-moz-transform:translateY(10px)}100%{-moz-transform:translateY(0)}}@-o-keyframes bounceInUp{0%{opacity:0;-o-transform:translateY(2000px)}60%{opacity:1;-o-transform:translateY(-30px)}80%{-o-transform:translateY(10px)}100%{-o-transform:translateY(0)}}@keyframes bounceInUp{0%{opacity:0;transform:translateY(2000px)}60%{opacity:1;transform:translateY(-30px)}80%{transform:translateY(10px)}100%{transform:translateY(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;-moz-animation-name:bounceInUp;-o-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px)}80%{-webkit-transform:translateY(-10px)}100%{-webkit-transform:translateY(0)}}@-moz-keyframes bounceInDown{0%{opacity:0;-moz-transform:translateY(-2000px)}60%{opacity:1;-moz-transform:translateY(30px)}80%{-moz-transform:translateY(-10px)}100%{-moz-transform:translateY(0)}}@-o-keyframes bounceInDown{0%{opacity:0;-o-transform:translateY(-2000px)}60%{opacity:1;-o-transform:translateY(30px)}80%{-o-transform:translateY(-10px)}100%{-o-transform:translateY(0)}}@keyframes bounceInDown{0%{opacity:0;transform:translateY(-2000px)}60%{opacity:1;transform:translateY(30px)}80%{transform:translateY(-10px)}100%{transform:translateY(0)}}.bounceInDown{-webkit-animation-name:bounceInDown;-moz-animation-name:bounceInDown;-o-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px)}80%{-webkit-transform:translateX(-10px)}100%{-webkit-transform:translateX(0)}}@-moz-keyframes bounceInLeft{0%{opacity:0;-moz-transform:translateX(-2000px)}60%{opacity:1;-moz-transform:translateX(30px)}80%{-moz-transform:translateX(-10px)}100%{-moz-transform:translateX(0)}}@-o-keyframes bounceInLeft{0%{opacity:0;-o-transform:translateX(-2000px)}60%{opacity:1;-o-transform:translateX(30px)}80%{-o-transform:translateX(-10px)}100%{-o-transform:translateX(0)}}@keyframes bounceInLeft{0%{opacity:0;transform:translateX(-2000px)}60%{opacity:1;transform:translateX(30px)}80%{transform:translateX(-10px)}100%{transform:translateX(0)}}.bounceInLeft{-webkit-animation-name:bounceInLeft;-moz-animation-name:bounceInLeft;-o-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px)}80%{-webkit-transform:translateX(10px)}100%{-webkit-transform:translateX(0)}}@-moz-keyframes bounceInRight{0%{opacity:0;-moz-transform:translateX(2000px)}60%{opacity:1;-moz-transform:translateX(-30px)}80%{-moz-transform:translateX(10px)}100%{-moz-transform:translateX(0)}}@-o-keyframes bounceInRight{0%{opacity:0;-o-transform:translateX(2000px)}60%{opacity:1;-o-transform:translateX(-30px)}80%{-o-transform:translateX(10px)}100%{-o-transform:translateX(0)}}@keyframes bounceInRight{0%{opacity:0;transform:translateX(2000px)}60%{opacity:1;transform:translateX(-30px)}80%{transform:translateX(10px)}100%{transform:translateX(0)}}.bounceInRight{-webkit-animation-name:bounceInRight;-moz-animation-name:bounceInRight;-o-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceOut{0%{-webkit-transform:scale(1)}25%{-webkit-transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(.3)}}@-moz-keyframes bounceOut{0%{-moz-transform:scale(1)}25%{-moz-transform:scale(.95)}50%{opacity:1;-moz-transform:scale(1.1)}100%{opacity:0;-moz-transform:scale(.3)}}@-o-keyframes bounceOut{0%{-o-transform:scale(1)}25%{-o-transform:scale(.95)}50%{opacity:1;-o-transform:scale(1.1)}100%{opacity:0;-o-transform:scale(.3)}}@keyframes bounceOut{0%{transform:scale(1)}25%{transform:scale(.95)}50%{opacity:1;transform:scale(1.1)}100%{opacity:0;transform:scale(.3)}}.bounceOut{-webkit-animation-name:bounceOut;-moz-animation-name:bounceOut;-o-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutUp{0%{-webkit-transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-2000px)}}@-moz-keyframes bounceOutUp{0%{-moz-transform:translateY(0)}20%{opacity:1;-moz-transform:translateY(20px)}100%{opacity:0;-moz-transform:translateY(-2000px)}}@-o-keyframes bounceOutUp{0%{-o-transform:translateY(0)}20%{opacity:1;-o-transform:translateY(20px)}100%{opacity:0;-o-transform:translateY(-2000px)}}@keyframes bounceOutUp{0%{transform:translateY(0)}20%{opacity:1;transform:translateY(20px)}100%{opacity:0;transform:translateY(-2000px)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;-moz-animation-name:bounceOutUp;-o-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes bounceOutDown{0%{-webkit-transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px)}100%{opacity:0;-webkit-transform:translateY(2000px)}}@-moz-keyframes bounceOutDown{0%{-moz-transform:translateY(0)}20%{opacity:1;-moz-transform:translateY(-20px)}100%{opacity:0;-moz-transform:translateY(2000px)}}@-o-keyframes bounceOutDown{0%{-o-transform:translateY(0)}20%{opacity:1;-o-transform:translateY(-20px)}100%{opacity:0;-o-transform:translateY(2000px)}}@keyframes bounceOutDown{0%{transform:translateY(0)}20%{opacity:1;transform:translateY(-20px)}100%{opacity:0;transform:translateY(2000px)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;-moz-animation-name:bounceOutDown;-o-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{0%{-webkit-transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px)}100%{opacity:0;-webkit-transform:translateX(-2000px)}}@-moz-keyframes bounceOutLeft{0%{-moz-transform:translateX(0)}20%{opacity:1;-moz-transform:translateX(20px)}100%{opacity:0;-moz-transform:translateX(-2000px)}}@-o-keyframes bounceOutLeft{0%{-o-transform:translateX(0)}20%{opacity:1;-o-transform:translateX(20px)}100%{opacity:0;-o-transform:translateX(-2000px)}}@keyframes bounceOutLeft{0%{transform:translateX(0)}20%{opacity:1;transform:translateX(20px)}100%{opacity:0;transform:translateX(-2000px)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;-moz-animation-name:bounceOutLeft;-o-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{0%{-webkit-transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-20px)}100%{opacity:0;-webkit-transform:translateX(2000px)}}@-moz-keyframes bounceOutRight{0%{-moz-transform:translateX(0)}20%{opacity:1;-moz-transform:translateX(-20px)}100%{opacity:0;-moz-transform:translateX(2000px)}}@-o-keyframes bounceOutRight{0%{-o-transform:translateX(0)}20%{opacity:1;-o-transform:translateX(-20px)}100%{opacity:0;-o-transform:translateX(2000px)}}@keyframes bounceOutRight{0%{transform:translateX(0)}20%{opacity:1;transform:translateX(-20px)}100%{opacity:0;transform:translateX(2000px)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;-moz-animation-name:bounceOutRight;-o-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center center;-webkit-transform:rotate(-200deg);opacity:0}100%{-webkit-transform-origin:center center;-webkit-transform:rotate(0);opacity:1}}@-moz-keyframes rotateIn{0%{-moz-transform-origin:center center;-moz-transform:rotate(-200deg);opacity:0}100%{-moz-transform-origin:center center;-moz-transform:rotate(0);opacity:1}}@-o-keyframes rotateIn{0%{-o-transform-origin:center center;-o-transform:rotate(-200deg);opacity:0}100%{-o-transform-origin:center center;-o-transform:rotate(0);opacity:1}}@keyframes rotateIn{0%{transform-origin:center center;transform:rotate(-200deg);opacity:0}100%{transform-origin:center center;transform:rotate(0);opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;-moz-animation-name:rotateIn;-o-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}}@-moz-keyframes rotateInUpLeft{0%{-moz-transform-origin:left bottom;-moz-transform:rotate(90deg);opacity:0}100%{-moz-transform-origin:left bottom;-moz-transform:rotate(0);opacity:1}}@-o-keyframes rotateInUpLeft{0%{-o-transform-origin:left bottom;-o-transform:rotate(90deg);opacity:0}100%{-o-transform-origin:left bottom;-o-transform:rotate(0);opacity:1}}@keyframes rotateInUpLeft{0%{transform-origin:left bottom;transform:rotate(90deg);opacity:0}100%{transform-origin:left bottom;transform:rotate(0);opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;-moz-animation-name:rotateInUpLeft;-o-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}}@-moz-keyframes rotateInDownLeft{0%{-moz-transform-origin:left bottom;-moz-transform:rotate(-90deg);opacity:0}100%{-moz-transform-origin:left bottom;-moz-transform:rotate(0);opacity:1}}@-o-keyframes rotateInDownLeft{0%{-o-transform-origin:left bottom;-o-transform:rotate(-90deg);opacity:0}100%{-o-transform-origin:left bottom;-o-transform:rotate(0);opacity:1}}@keyframes rotateInDownLeft{0%{transform-origin:left bottom;transform:rotate(-90deg);opacity:0}100%{transform-origin:left bottom;transform:rotate(0);opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;-moz-animation-name:rotateInDownLeft;-o-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1}}@-moz-keyframes rotateInUpRight{0%{-moz-transform-origin:right bottom;-moz-transform:rotate(-90deg);opacity:0}100%{-moz-transform-origin:right bottom;-moz-transform:rotate(0);opacity:1}}@-o-keyframes rotateInUpRight{0%{-o-transform-origin:right bottom;-o-transform:rotate(-90deg);opacity:0}100%{-o-transform-origin:right bottom;-o-transform:rotate(0);opacity:1}}@keyframes rotateInUpRight{0%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0}100%{transform-origin:right bottom;transform:rotate(0);opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;-moz-animation-name:rotateInUpRight;-o-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1}}@-moz-keyframes rotateInDownRight{0%{-moz-transform-origin:right bottom;-moz-transform:rotate(90deg);opacity:0}100%{-moz-transform-origin:right bottom;-moz-transform:rotate(0);opacity:1}}@-o-keyframes rotateInDownRight{0%{-o-transform-origin:right bottom;-o-transform:rotate(90deg);opacity:0}100%{-o-transform-origin:right bottom;-o-transform:rotate(0);opacity:1}}@keyframes rotateInDownRight{0%{transform-origin:right bottom;transform:rotate(90deg);opacity:0}100%{transform-origin:right bottom;transform:rotate(0);opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;-moz-animation-name:rotateInDownRight;-o-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center center;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:center center;-webkit-transform:rotate(200deg);opacity:0}}@-moz-keyframes rotateOut{0%{-moz-transform-origin:center center;-moz-transform:rotate(0);opacity:1}100%{-moz-transform-origin:center center;-moz-transform:rotate(200deg);opacity:0}}@-o-keyframes rotateOut{0%{-o-transform-origin:center center;-o-transform:rotate(0);opacity:1}100%{-o-transform-origin:center center;-o-transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{transform-origin:center center;transform:rotate(0);opacity:1}100%{transform-origin:center center;transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;-moz-animation-name:rotateOut;-o-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(-90deg);opacity:0}}@-moz-keyframes rotateOutUpLeft{0%{-moz-transform-origin:left bottom;-moz-transform:rotate(0);opacity:1}100%{-moz-transform-origin:left bottom;-moz-transform:rotate(-90deg);opacity:0}}@-o-keyframes rotateOutUpLeft{0%{-o-transform-origin:left bottom;-o-transform:rotate(0);opacity:1}100%{-o-transform-origin:left bottom;-o-transform:rotate(-90deg);opacity:0}}@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;transform:rotate(0);opacity:1}100%{transform-origin:left bottom;transform:rotate(-90deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;-moz-animation-name:rotateOutUpLeft;-o-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(90deg);opacity:0}}@-moz-keyframes rotateOutDownLeft{0%{-moz-transform-origin:left bottom;-moz-transform:rotate(0);opacity:1}100%{-moz-transform-origin:left bottom;-moz-transform:rotate(90deg);opacity:0}}@-o-keyframes rotateOutDownLeft{0%{-o-transform-origin:left bottom;-o-transform:rotate(0);opacity:1}100%{-o-transform-origin:left bottom;-o-transform:rotate(90deg);opacity:0}}@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;transform:rotate(0);opacity:1}100%{transform-origin:left bottom;transform:rotate(90deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;-moz-animation-name:rotateOutDownLeft;-o-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(90deg);opacity:0}}@-moz-keyframes rotateOutUpRight{0%{-moz-transform-origin:right bottom;-moz-transform:rotate(0);opacity:1}100%{-moz-transform-origin:right bottom;-moz-transform:rotate(90deg);opacity:0}}@-o-keyframes rotateOutUpRight{0%{-o-transform-origin:right bottom;-o-transform:rotate(0);opacity:1}100%{-o-transform-origin:right bottom;-o-transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{transform-origin:right bottom;transform:rotate(0);opacity:1}100%{transform-origin:right bottom;transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;-moz-animation-name:rotateOutUpRight;-o-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(-90deg);opacity:0}}@-moz-keyframes rotateOutDownRight{0%{-moz-transform-origin:right bottom;-moz-transform:rotate(0);opacity:1}100%{-moz-transform-origin:right bottom;-moz-transform:rotate(-90deg);opacity:0}}@-o-keyframes rotateOutDownRight{0%{-o-transform-origin:right bottom;-o-transform:rotate(0);opacity:1}100%{-o-transform-origin:right bottom;-o-transform:rotate(-90deg);opacity:0}}@keyframes rotateOutDownRight{0%{transform-origin:right bottom;transform:rotate(0);opacity:1}100%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;-moz-animation-name:rotateOutDownRight;-o-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes hinge{0%{-webkit-transform:rotate(0);-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out}40%{-webkit-transform:rotate(60deg);-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out}80%{-webkit-transform:rotate(60deg) translateY(0);opacity:1;-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out}100%{-webkit-transform:translateY(700px);opacity:0}}@-moz-keyframes hinge{0%{-moz-transform:rotate(0);-moz-transform-origin:top left;-moz-animation-timing-function:ease-in-out}20%,60%{-moz-transform:rotate(80deg);-moz-transform-origin:top left;-moz-animation-timing-function:ease-in-out}40%{-moz-transform:rotate(60deg);-moz-transform-origin:top left;-moz-animation-timing-function:ease-in-out}80%{-moz-transform:rotate(60deg) translateY(0);opacity:1;-moz-transform-origin:top left;-moz-animation-timing-function:ease-in-out}100%{-moz-transform:translateY(700px);opacity:0}}@-o-keyframes hinge{0%{-o-transform:rotate(0);-o-transform-origin:top left;-o-animation-timing-function:ease-in-out}20%,60%{-o-transform:rotate(80deg);-o-transform-origin:top left;-o-animation-timing-function:ease-in-out}40%{-o-transform:rotate(60deg);-o-transform-origin:top left;-o-animation-timing-function:ease-in-out}80%{-o-transform:rotate(60deg) translateY(0);opacity:1;-o-transform-origin:top left;-o-animation-timing-function:ease-in-out}100%{-o-transform:translateY(700px);opacity:0}}@keyframes hinge{0%{transform:rotate(0);transform-origin:top left;animation-timing-function:ease-in-out}20%,60%{transform:rotate(80deg);transform-origin:top left;animation-timing-function:ease-in-out}40%{transform:rotate(60deg);transform-origin:top left;animation-timing-function:ease-in-out}80%{transform:rotate(60deg) translateY(0);opacity:1;transform-origin:top left;animation-timing-function:ease-in-out}100%{transform:translateY(700px);opacity:0}}.hinge{-webkit-animation-name:hinge;-moz-animation-name:hinge;-o-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg)}}@-moz-keyframes rollIn{0%{opacity:0;-moz-transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-moz-transform:translateX(0px) rotate(0deg)}}@-o-keyframes rollIn{0%{opacity:0;-o-transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-o-transform:translateX(0px) rotate(0deg)}}@keyframes rollIn{0%{opacity:0;transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;transform:translateX(0px) rotate(0deg)}}.rollIn{-webkit-animation-name:rollIn;-moz-animation-name:rollIn;-o-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg)}100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg)}}@-moz-keyframes rollOut{0%{opacity:1;-moz-transform:translateX(0px) rotate(0deg)}100%{opacity:0;-moz-transform:translateX(100%) rotate(120deg)}}@-o-keyframes rollOut{0%{opacity:1;-o-transform:translateX(0px) rotate(0deg)}100%{opacity:0;-o-transform:translateX(100%) rotate(120deg)}}@keyframes rollOut{0%{opacity:1;transform:translateX(0px) rotate(0deg)}100%{opacity:0;transform:translateX(100%) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;-moz-animation-name:rollOut;-o-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%) skewX(30deg);opacity:1}80%{-webkit-transform:translateX(0%) skewX(-15deg);opacity:1}100%{-webkit-transform:translateX(0%) skewX(0deg);opacity:1}}@-moz-keyframes lightSpeedIn{0%{-moz-transform:translateX(100%) skewX(-30deg);opacity:0}60%{-moz-transform:translateX(-20%) skewX(30deg);opacity:1}80%{-moz-transform:translateX(0%) skewX(-15deg);opacity:1}100%{-moz-transform:translateX(0%) skewX(0deg);opacity:1}}@-o-keyframes lightSpeedIn{0%{-o-transform:translateX(100%) skewX(-30deg);opacity:0}60%{-o-transform:translateX(-20%) skewX(30deg);opacity:1}80%{-o-transform:translateX(0%) skewX(-15deg);opacity:1}100%{-o-transform:translateX(0%) skewX(0deg);opacity:1}}@keyframes lightSpeedIn{0%{transform:translateX(100%) skewX(-30deg);opacity:0}60%{transform:translateX(-20%) skewX(30deg);opacity:1}80%{transform:translateX(0%) skewX(-15deg);opacity:1}100%{transform:translateX(0%) skewX(0deg);opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;-moz-animation-name:lightSpeedIn;-o-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;-o-animation-timing-function:ease-out;animation-timing-function:ease-out}.animated.lightSpeedIn{-webkit-animation-duration:.5s;-moz-animation-duration:.5s;-o-animation-duration:.5s;animation-duration:.5s}@-webkit-keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%) skewX(0deg);opacity:1}100%{-webkit-transform:translateX(100%) skewX(-30deg);opacity:0}}@-moz-keyframes lightSpeedOut{0%{-moz-transform:translateX(0%) skewX(0deg);opacity:1}100%{-moz-transform:translateX(100%) skewX(-30deg);opacity:0}}@-o-keyframes lightSpeedOut{0%{-o-transform:translateX(0%) skewX(0deg);opacity:1}100%{-o-transform:translateX(100%) skewX(-30deg);opacity:0}}@keyframes lightSpeedOut{0%{transform:translateX(0%) skewX(0deg);opacity:1}100%{transform:translateX(100%) skewX(-30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;-moz-animation-name:lightSpeedOut;-o-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;-moz-animation-timing-function:ease-in;-o-animation-timing-function:ease-in;animation-timing-function:ease-in}.animated.lightSpeedOut{-webkit-animation-duration:.25s;-moz-animation-duration:.25s;-o-animation-duration:.25s;animation-duration:.25s}@-webkit-keyframes wiggle{0%{-webkit-transform:skewX(9deg)}10%{-webkit-transform:skewX(-8deg)}20%{-webkit-transform:skewX(7deg)}30%{-webkit-transform:skewX(-6deg)}40%{-webkit-transform:skewX(5deg)}50%{-webkit-transform:skewX(-4deg)}60%{-webkit-transform:skewX(3deg)}70%{-webkit-transform:skewX(-2deg)}80%{-webkit-transform:skewX(1deg)}90%{-webkit-transform:skewX(0deg)}100%{-webkit-transform:skewX(0deg)}}@-moz-keyframes wiggle{0%{-moz-transform:skewX(9deg)}10%{-moz-transform:skewX(-8deg)}20%{-moz-transform:skewX(7deg)}30%{-moz-transform:skewX(-6deg)}40%{-moz-transform:skewX(5deg)}50%{-moz-transform:skewX(-4deg)}60%{-moz-transform:skewX(3deg)}70%{-moz-transform:skewX(-2deg)}80%{-moz-transform:skewX(1deg)}90%{-moz-transform:skewX(0deg)}100%{-moz-transform:skewX(0deg)}}@-o-keyframes wiggle{0%{-o-transform:skewX(9deg)}10%{-o-transform:skewX(-8deg)}20%{-o-transform:skewX(7deg)}30%{-o-transform:skewX(-6deg)}40%{-o-transform:skewX(5deg)}50%{-o-transform:skewX(-4deg)}60%{-o-transform:skewX(3deg)}70%{-o-transform:skewX(-2deg)}80%{-o-transform:skewX(1deg)}90%{-o-transform:skewX(0deg)}100%{-o-transform:skewX(0deg)}}@keyframes wiggle{0%{transform:skewX(9deg)}10%{transform:skewX(-8deg)}20%{transform:skewX(7deg)}30%{transform:skewX(-6deg)}40%{transform:skewX(5deg)}50%{transform:skewX(-4deg)}60%{transform:skewX(3deg)}70%{transform:skewX(-2deg)}80%{transform:skewX(1deg)}90%{transform:skewX(0deg)}100%{transform:skewX(0deg)}}.wiggle{-webkit-animation-name:wiggle;-moz-animation-name:wiggle;-o-animation-name:wiggle;animation-name:wiggle;-webkit-animation-timing-function:ease-in;-moz-animation-timing-function:ease-in;-o-animation-timing-function:ease-in;animation-timing-function:ease-in}.animated.wiggle{-webkit-animation-duration:.75s;-moz-animation-duration:.75s;-o-animation-duration:.75s;animation-duration:.75s}

/*
Captcha
*/
.captcha { margin: 30px 0; }
.captcha .captcha-generate label {display:inline-block; overflow:auto;}
.captcha .captcha-generate { position: relative; overflow:auto; }
.captcha img, .support .captcha a { float: left; }
.captcha img { border: 1px solid #eee; margin: 10px 0; }
.captcha a { font-size: 14px; margin: 44px 0 0 20px; color: #708185; }
.captcha input[type="text"] { width: 217px; display:block; }
.captcha .icon-renew { background-position: -217px -195px; width: 11px; height: 12px; position: relative; top: 2px; margin-right: 7px; }