.styled-table td,
.styled-table th {
 padding:8px 12px
}
.styled-table th {
 text-align:left
}
.clear:before,
.clear:after {
 content:" ";
 display:table
}
.clear:after {
 clear:both
}
.clear {
 *zoom:1
}

.menu .btn:hover,
.menu .paginate_button:hover,
.menu button:hover,
.menu input[type="button"]:hover,
.menu input[type="submit"]:hover,
.menu input[type="reset"]:hover {
 background:#09263a
}
.menu .input-toggle input:checked+label {
 transition:background .3s;
 background-color:#1e5982
}
.menu .input-toggle input:checked+label:before {
 color:#fff;
 transition:background .3s;
 background-color:#1e5982
}
.menu .input-toggle input:checked+label:after {
 background-color:#83b1e0
}
.menu .clearable-input-button {
 background:transparent
}
.menu .clearable-input-button:hover {
 background:transparent
}
.menu .btn-secondary,
.menu .paginate_button {
 background:#646464
}
.menu .btn-secondary:hover,
.menu .paginate_button:hover {
 background:#4e4e4e
}
.menu .form-row-disabled label {
 color:#71acd6
}
.menu .notify-info a {
 color:#3c9adc
}
.menu .notify-info a:hover {
 color:#256fa2
}
.menu-overflow-mask>.menu-element-fixed-top {
 display:none
}
.menu-masked .menu-overflow-mask {
 bottom:0;
 left:0;
 outline:0;
 overflow:auto;
 padding:46px 20px 0;
 position:absolute;
 right:0;
 top:0;
 z-index:0
}
.menu-masked .menu-overflow-mask>hr:last-child {
 margin-bottom:63px
}
.menu-masked .menu-overflow-mask>.menu-element-fixed-top {
 padding-left:0;
 padding-right:0;
 position:relative
}
.menu-masked .menu-overflow-mask>.menu-element-fixed-top .menu-close {
 right:0
}
.menu-masked .menu-overflow-mask>.menu-element-fixed-top:after {
 content:none;
 opacity:0
}
.menu-masked .menu-title {
 margin:0
}
.menu-masked .menu-element-fixed {
 left:0;
 padding:20px;
 position:absolute;
 right:0;
 transform:translateZ(0);
 z-index:1
}
.menu-masked .menu-element-fixed:after {
 content:'';
 height:10px;
 left:0;
 opacity:0;
 position:absolute;
 right:0;
 transition:opacity 350ms ease
}
.menu-masked .menu-element-fixed-top {
 top:0
}
.menu-masked .menu-element-fixed-top:after {
 bottom:0;
 box-shadow:0 5px 6px rgba(0,2,10,0.125)
}
.menu-masked .menu-element-fixed-bottom {
 bottom:0;
 padding:15px 20px
}
.menu-masked .menu-element-fixed-bottom:after {
 box-shadow:0 -5px 6px rgba(0,2,10,0.125);
 top:0
}
.menu-masked .menu-element-overlapping {
 background-color:#3589c4;
 background-color:rgba(53,137,196,0.925)
}
.menu-masked .menu-element-overlapping:after {
 opacity:1
}
@media(max-height:360px) {
 .menu-masked .menu-overflow-mask {
  padding-top:0
 }
 .menu-masked .menu-overflow-mask>.menu-element-fixed-top {
  display:block;
  padding-bottom:2px
 }
 .menu-masked .menu-element-fixed-top {
  display:none
 }
}
.menu-site-nav {
 color:#646464
}
.menu-site-nav a {
 color:#3c9adc
}
.menu-site-nav a:hover {
 color:#256fa2;
 text-decoration:none
}
.menu-site-nav hr {
 background:#cecece
}
.menu-site-nav .btn,
.menu-site-nav .paginate_button,
.menu-site-nav button,
.menu-site-nav input[type="button"],
.menu-site-nav input[type="submit"],
.menu-site-nav input[type="reset"] {
 color:#fff;
 background:#3c9adc
}
.menu-site-nav .btn:hover,
.menu-site-nav .paginate_button:hover,
.menu-site-nav button:hover,
.menu-site-nav input[type="button"]:hover,
.menu-site-nav input[type="submit"]:hover,
.menu-site-nav input[type="reset"]:hover {
 color:#fff;
 background:#2e7db4
}
.menu-site-nav .btn-secondary,
.menu-site-nav .paginate_button {
 background:#646464
}
.menu-site-nav .btn-secondary:hover,
.menu-site-nav .paginate_button:hover {
 background:#4e4e4e
}
.menu-site-nav.menu {
 background:#f7f7f7;
 border-left-color:#e0e0e0
}
.menu-site-nav .menu-close {
 opacity:.45
}
.menu-site-nav .menu-close:hover {
 opacity:1
}
.menu-site-nav .menu-close:active {
 opacity:.75
}
.menu-site-nav .site-nav,
.menu-site-nav .user-nav {
 margin:0;
 padding-left:0;
 list-style:none;
 font:24px / 1.3 "Maven Pro",Arial,sans-serif;
 letter-spacing:-0.0625em
}
.menu-site-nav .site-nav a,
.menu-site-nav .user-nav a {
 text-decoration:none
}
.menu-site-nav .site-nav-home {
 display:none
}
.menu-site-nav .user-nav-welcome {
 font-size:24px;
 line-height:1.2;
 margin-bottom:16px
}
.menu-site-nav .user-nav-welcome span {
 max-width:100%
}
.menu-site-nav .user-nav {
 font-size:18px;
 line-height:1.5
}
.menu-site-nav-site-nav {
 display:none
}
@media(max-width:1060px) {
 .menu-site-nav-site-nav {
  display:block;
  margin-bottom:20px;
  border-bottom:2px solid #cecece;
  padding-bottom:20px
 }
}
.menu-site-nav-auth {
 position:relative
}
.menu-site-nav-auth>* {
 position:absolute;
 width:100%;
 margin-bottom:20px;
 height:0;
 overflow:hidden;
 visibility:hidden
}
.menu-site-nav-auth .selected {
 animation:fadeInFromNone .5s;
 z-index:1;
 height:auto;
 visibility:visible
}
.menu-site-nav-lostpw .notify {
 margin-top:15px
}
@keyframes fadeInFromNone {
 from {
  opacity:0
 }
 to {
  opacity:1
 }
}
a.auth-widget-link-unstyled {
 text-decoration:none;
 color:#646464
}
a.auth-widget-link-unstyled:hover {
 color:#646464
}
.form-row-first_name,
.form-row-last_name {
 width:50%;
 float:left;
 margin-bottom:10px
}
.form-row-first_name {
 padding-right:5px
}
.form-row.form-row-last_name {
 margin-top:0;
 padding-left:5px
}
.menu-site-nav-login-options {
 margin-top:10px;
 font-size:12px
}
.menu-site-nav-login-options label {
 float:left
}
.menu-site-nav-login-options input {
 vertical-align:top
}
.menu-site-nav-login-options a {
 float:right
}
.mailcheck {
 text-align:center
}
.mailcheck span {
 font-weight:bold
}
.mailcheck-response {
 margin-top:4px;
 font-size:11px
}
.menu-site-nav .form-buttons button {
 width:165px
}
.menu-site-nav-auth-options {
 font-family:"Maven Pro",Arial,sans-serif;
 letter-spacing:-0.0625em
}
.menu-site-nav-auth-options .btn,
.menu-site-nav-auth-options .paginate_button {
 margin:0 10px 8px 0;
 width:165px
}
.menu-site-nav-auth-options .btn:last-child,
.menu-site-nav-auth-options .paginate_button:last-child {
 margin-bottom:0
}
@media(max-width:425px) {
 .menu-site-nav .form-buttons button {
  width:100%
 }
 .menu-site-nav-auth-options {
  text-align:center
 }
 .menu-site-nav-auth-options .btn,
 .menu-site-nav-auth-options .paginate_button {
  margin:15px 0 8px;
  width:100%
 }
 .menu-site-nav-auth-options .btn:first-child,
 .menu-site-nav-auth-options .paginate_button:first-child {
  margin-top:0
 }
 .menu-site-nav-auth-options .btn:last-child,
 .menu-site-nav-auth-options .paginate_button:last-child {
  margin-bottom:8px
 }
}
.tooltipster-base {
 padding:0;
 font-size:0;
 line-height:0;
 position:absolute;
 left:0;
 top:0;
 z-index:1000;
 pointer-events:none;
 width:auto;
 overflow:visible;
 border:4px solid #e9e9e9;
 background:#fbfbfb
}
.tooltipster-base .tooltipster-content {
 overflow:hidden;
 font-size:14px;
 line-height:1.2;
 padding:10px 12px
}
.tooltipster-arrow {
 display:block;
 text-align:center;
 width:100%;
 height:100%;
 position:absolute;
 top:0;
 left:0;
 z-index:-1
}
.tooltipster-arrow span,
.tooltipster-arrow-border {
 display:block;
 width:0;
 height:0;
 position:absolute
}
.tooltipster-arrow-top span,
.tooltipster-arrow-top-right span,
.tooltipster-arrow-top-left span {
 border-left:8px solid transparent !important;
 border-right:8px solid transparent !important;
 border-top:8px solid;
 bottom:-7px
}
.tooltipster-arrow-top .tooltipster-arrow-border,
.tooltipster-arrow-top-right .tooltipster-arrow-border,
.tooltipster-arrow-top-left .tooltipster-arrow-border {
 border-left:9px solid transparent !important;
 border-right:9px solid transparent !important;
 border-top:9px solid;
 bottom:-7px
}
.tooltipster-arrow-bottom span,
.tooltipster-arrow-bottom-right span,
.tooltipster-arrow-bottom-left span {
 border-left:8px solid transparent !important;
 border-right:8px solid transparent !important;
 border-bottom:8px solid;
 top:-7px
}
.tooltipster-arrow-bottom .tooltipster-arrow-border,
.tooltipster-arrow-bottom-right .tooltipster-arrow-border,
.tooltipster-arrow-bottom-left .tooltipster-arrow-border {
 border-left:9px solid transparent !important;
 border-right:9px solid transparent !important;
 border-bottom:9px solid;
 top:-7px
}
.tooltipster-arrow-top span,
.tooltipster-arrow-top .tooltipster-arrow-border,
.tooltipster-arrow-bottom span,
.tooltipster-arrow-bottom .tooltipster-arrow-border {
 left:0;
 right:0;
 margin:0 auto
}
.tooltipster-arrow-top-left span,
.tooltipster-arrow-bottom-left span {
 left:6px
}
.tooltipster-arrow-top-left .tooltipster-arrow-border,
.tooltipster-arrow-bottom-left .tooltipster-arrow-border {
 left:5px
}
.tooltipster-arrow-top-right span,
.tooltipster-arrow-bottom-right span {
 right:6px
}
.tooltipster-arrow-top-right .tooltipster-arrow-border,
.tooltipster-arrow-bottom-right .tooltipster-arrow-border {
 right:5px
}
.tooltipster-arrow-left span,
.tooltipster-arrow-left .tooltipster-arrow-border {
 border-top:8px solid transparent !important;
 border-bottom:8px solid transparent !important;
 border-left:8px solid;
 top:50%;
 margin-top:-7px;
 right:-7px
}
.tooltipster-arrow-left .tooltipster-arrow-border {
 border-top:9px solid transparent !important;
 border-bottom:9px solid transparent !important;
 border-left:9px solid;
 margin-top:-8px
}
.tooltipster-arrow-right span,
.tooltipster-arrow-right .tooltipster-arrow-border {
 border-top:8px solid transparent !important;
 border-bottom:8px solid transparent !important;
 border-right:8px solid;
 top:50%;
 margin-top:-7px;
 left:-7px
}
.tooltipster-arrow-right .tooltipster-arrow-border {
 border-top:9px solid transparent !important;
 border-bottom:9px solid transparent !important;
 border-right:9px solid;
 margin-top:-8px
}
.tooltipster-fade {
 opacity:0;
 transition-property:opacity
}
.tooltipster-fade-show {
 opacity:1
}
.tooltipster-content-changing {
 opacity:.5;
 transform:scale(1.1,1.1)
}
.dataTable {
 border-top:1px solid #e0e0e0;
 border-bottom:1px solid #e0e0e0;
 margin-bottom:10px
}
.dataTable thead .sorting_asc,
.dataTable thead .sorting_desc,
.dataTable thead .sorting {
 cursor:pointer
}
.dataTable thead .sorting_asc:active,
.dataTable thead .sorting_desc:active,
.dataTable thead .sorting:active {
 outline:0
}
.dataTable thead .sorting_asc:after,
.dataTable thead .sorting_desc:after {
 content:"";
 margin-left:2px;
 vertical-align:middle
}
.dataTables_length {
 float:left;
 font-size:12px
}
.dataTables_length select {
 font-size:12px;
 padding:5px 6px;
 margin-left:6px
}
.dataTables_info {
 float:right;
 font-size:12px;
 margin-right:10px;
 line-height:29px
}
.dataTables_paginate {
 float:right
}
.paginate_button {
 font-size:14px;
 cursor:pointer;
 margin-left:6px
}
.paginate_button.previous:before,
.paginate_button.next:after {
 content:'';
 margin-bottom:-1px
}
.paginate_button.previous:before {
 margin-right:4px;
 width:8px;
 height:12px;
 background-size:339px 485px;
 background-position:-24px -221px
}
.paginate_button.next:after {
 margin-left:4px;
 width:8px;
 height:12px;
 background-size:339px 485px;
 background-position:-38px -221px
}
.paginate_button.disabled {
 cursor:default;
 opacity:.2
}
.paginate_button.disabled:hover {
 background:#646464
}
.dataTable .dataTables_empty {
 text-align:center;
 font-style:italic;
 color:#7a7a7a;
 padding:14px
}
.dataTable .dataTables_empty:before {
 content:none
}
@media(max-width:450px) {
 .dataTables_info {
  display:none
 }
}
.xdsoft_datetimepicker {
 box-shadow:0 5px 15px -5px rgba(0,0,0,0.506);
 background:#fff;
 border-bottom:1px solid #bbb;
 border-left:1px solid #ccc;
 border-right:1px solid #ccc;
 border-top:1px solid #ccc;
 color:#333;
 font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
 padding:8px;
 padding-left:0;
 padding-top:2px;
 position:absolute;
 z-index:9999;
 box-sizing:border-box;
 display:none
}
.xdsoft_noselect {
 -webkit-touch-callout:none;
 -webkit-user-select:none;
 -khtml-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 -o-user-select:none;
 user-select:none
}
.xdsoft_noselect::selection {
 background:transparent
}
.xdsoft_noselect::-moz-selection {
 background:transparent
}
.xdsoft_datetimepicker * {
 box-sizing:border-box;
 padding:0;
 margin:0
}
.xdsoft_datetimepicker .xdsoft_datepicker,
.xdsoft_datetimepicker .xdsoft_timepicker {
 display:none
}
.xdsoft_datetimepicker .xdsoft_datepicker.active,
.xdsoft_datetimepicker .xdsoft_timepicker.active {
 display:block
}
.xdsoft_datetimepicker .xdsoft_datepicker {
 width:224px;
 float:left;
 margin-left:8px
}
.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker {
 width:256px
}
.xdsoft_datetimepicker .xdsoft_timepicker {
 width:58px;
 float:left;
 text-align:center;
 margin-left:8px;
 margin-top:0
}
.xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker {
 margin-top:8px;
 margin-bottom:3px
}
.xdsoft_datetimepicker .xdsoft_mounthpicker {
 position:relative;
 text-align:center
}
.xdsoft_datetimepicker .xdsoft_label i {
 opacity:.5;
 background-position:-92px -19px;
 display:inline-block;
 width:9px;
 height:20px;
 vertical-align:middle
}
.xdsoft_datetimepicker .xdsoft_prev {
 float:left;
 background-position:-20px 0
}
.xdsoft_datetimepicker .xdsoft_today_button {
 float:left;
 background-position:-70px 0;
 margin-left:5px
}
.xdsoft_datetimepicker .xdsoft_next {
 float:right;
 background-position:0 0
}
.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_today_button {
 background-color:transparent;
 background-repeat:no-repeat;
 border:0 none;
 cursor:pointer;
 display:block;
 height:30px;
 opacity:.5;
 outline:medium none;
 overflow:hidden;
 padding:0;
 position:relative;
 text-indent:100%;
 white-space:nowrap;
 width:20px;
 min-width:0
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
 float:none;
 background-position:-40px -15px;
 height:15px;
 width:30px;
 display:block;
 margin-left:14px;
 margin-top:7px
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
 background-position:-40px 0;
 margin-bottom:7px;
 margin-top:0
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
 height:151px;
 overflow:hidden;
 border-bottom:1px solid #ddd
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div {
 background:#f5f5f5;
 border-top:1px solid #ddd;
 color:#666;
 font-size:12px;
 text-align:center;
 border-collapse:collapse;
 cursor:pointer;
 border-bottom-width:0;
 height:25px;
 line-height:25px
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:first-child {
 border-top-width:0
}
.xdsoft_datetimepicker .xdsoft_today_button:hover,
.xdsoft_datetimepicker .xdsoft_next:hover,
.xdsoft_datetimepicker .xdsoft_prev:hover {
 opacity:1
}
.xdsoft_datetimepicker .xdsoft_label {
 display:inline;
 position:relative;
 z-index:9999;
 margin:0;
 padding:5px 3px;
 font-size:14px;
 line-height:20px;
 font-weight:bold;
 background-color:#fff;
 float:left;
 width:182px;
 text-align:center;
 cursor:pointer
}
.xdsoft_datetimepicker .xdsoft_label:hover>span {
 text-decoration:underline
}
.xdsoft_datetimepicker .xdsoft_label:hover i {
 opacity:1
}
.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select {
 border:1px solid #ccc;
 position:absolute;
 right:0;
 top:30px;
 z-index:101;
 display:none;
 background:#fff;
 max-height:160px;
 overflow-y:hidden
}
.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select.xdsoft_monthselect {
 right:-7px
}
.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select.xdsoft_yearselect {
 right:2px
}
.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover {
 color:#fff;
 background:#ff8000
}
.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option {
 padding:2px 10px 2px 5px;
 text-decoration:none !important
}
.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
 background:#3af;
 box-shadow:#178fe5 0 1px 3px 0 inset;
 color:#fff;
 font-weight:700
}
.xdsoft_datetimepicker .xdsoft_month {
 width:100px;
 text-align:right
}
.xdsoft_datetimepicker .xdsoft_calendar {
 clear:both
}
.xdsoft_datetimepicker .xdsoft_year {
 width:48px;
 margin-left:5px
}
.xdsoft_datetimepicker .xdsoft_calendar table {
 border-collapse:collapse;
 width:100%
}
.xdsoft_datetimepicker .xdsoft_calendar td>div {
 padding-right:5px
}
.xdsoft_datetimepicker .xdsoft_calendar th {
 height:25px
}
.xdsoft_datetimepicker .xdsoft_calendar td,
.xdsoft_datetimepicker .xdsoft_calendar th {
 width:14.28571%;
 background:#f5f5f5;
 border:1px solid #ddd;
 color:#666;
 font-size:12px;
 text-align:right;
 vertical-align:middle;
 padding:0;
 border-collapse:collapse;
 cursor:pointer;
 height:25px
}
.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td,
.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th {
 width:12.5%
}
.xdsoft_datetimepicker .xdsoft_calendar th {
 background:#f1f1f1
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
 color:#3af
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default {
 background:#ffe9d2;
 box-shadow:#ffb871 0 1px 4px 0 inset;
 color:#000
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint {
 background:#c1ffc9;
 box-shadow:#00dd1c 0 1px 4px 0 inset;
 color:#000
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
 background:#3af;
 box-shadow:#178fe5 0 1px 3px 0 inset;
 color:#fff;
 font-weight:700
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,
.xdsoft_datetimepicker .xdsoft_time_box>div>div.xdsoft_disabled {
 opacity:.5;
 cursor:default
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled {
 opacity:.2
}
.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
 color:#fff !important;
 background:#ff8000 !important;
 box-shadow:none !important
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current.xdsoft_disabled:hover {
 background:#3af !important;
 box-shadow:#178fe5 0 1px 3px 0 inset !important;
 color:#fff !important
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_disabled:hover {
 color:inherit !important;
 background:inherit !important;
 box-shadow:inherit !important
}
.xdsoft_datetimepicker .xdsoft_calendar th {
 font-weight:700;
 text-align:center;
 color:#999;
 cursor:default
}
.xdsoft_time_box {
 position:relative;
 border:1px solid #ccc
}
.xdsoft_scrollbar>.xdsoft_scroller {
 background:#ccc !important;
 height:20px;
 border-radius:3px
}
.xdsoft_scrollbar {
 position:absolute;
 width:7px;
 right:0;
 top:0;
 bottom:0;
 cursor:pointer
}
.xdsoft_scroller_box {
 position:relative
}
.pro-color-basic {
 color:#83b1e0
}
.pro-color-bronze {
 color:#b7a86a
}
.pro-color-silver {
 color:#a7a7a7
}
.pro-color-gold {
 color:#e5ce4c
}
.pro-color-custom {
 color:#3c9adc
}
.grade-meter {
 display:inline-block;
 border:1px solid #e9e9e9;
 width:85px;
 font-size:10px;
 background:#fff
}
.grade-meter div {
 white-space:nowrap;
 height:100%;
 padding:2px 0;
 color:#fff;
 text-indent:4px
}
.grade-meter-A div {
 background:#23ab11
}
.grade-meter-B div {
 background:#71bb30
}
.grade-meter-C div {
 background:#cbb708
}
.grade-meter-D div {
 background:#e29b20
}
.grade-meter-E div {
 background:#bb4a12
}
.grade-meter-F div {
 color:#333;
 background:#eb393b
}
.grade-meter-na div {
 color:inherit;
 background:silver
}
.color-value-good,
.color-grade-A {
 color:#23ab11
}
.color-grade-B {
 color:#71bb30
}
.color-grade-C {
 color:#cbb708
}
.color-grade-D {
 color:#e29b20
}
.color-grade-E {
 color:#bb4a12
}
.color-value-bad,
.color-grade-F {
 color:#eb393b
}
.box {
 border:4px solid #e0e0e0;
 padding:16px;
 background:#fbfbfb;
 font-size:14px
}
.box h3 {
 border-bottom:1px solid #e0e0e0;
 padding-bottom:6px;
 margin-top:-3px
}
.layout-cols-sidebar-left .box h4,
.layout-cols-sidebar-right .box h4 {
 font-size:24px;
 border-bottom:1px solid #e9e9e9;
 padding-bottom:6px;
 margin-top:-3px
}
.box+.box,
.box-wrapper+.box-wrapper {
 margin-top:20px
}
.notify-success:after {
 background:#4ec52e
}
.notify-error:after {
 background:#c72525
}
.notify-info {
 color:#646464
}
.notify-info:before {
 opacity:1
}
.notify-info:after {
 background:#ffecab
}
.form-group-inline .notify {
 margin-bottom:0
}
.button-submitting {
 position:relative;
 cursor:wait;
 outline:0
}
.button-submitting-wrapper,
.button-submitting-success {
 display:inline-block;
 white-space:nowrap;
 vertical-align:bottom
}
.btn-icon .button-submitting-wrapper>* {
 vertical-align:middle
}
.spinner,
.analyze-screenshot-loader {
 position:absolute;
 left:50%;
 top:50%
}
.spinner div,
.analyze-screenshot-loader div {
 position:absolute;
 background:#fff
}
.spinner div:nth-child(1),
.analyze-screenshot-loader div:nth-child(1) {
 animation:spinner 1.2s infinite linear;
 left:0;
 top:0
}
.spinner div:nth-child(2),
.analyze-screenshot-loader div:nth-child(2) {
 animation:spinner 1.2s .3s infinite linear;
 right:0;
 top:0
}
.spinner div:nth-child(3),
.analyze-screenshot-loader div:nth-child(3) {
 animation:spinner 1.2s .6s infinite linear;
 right:0;
 bottom:0
}
.spinner div:nth-child(4),
.analyze-screenshot-loader div:nth-child(4) {
 animation:spinner 1.2s .9s infinite linear;
 left:0;
 bottom:0
}
.spinner,
.analyze-screenshot-loader {
 width:18px;
 height:18px;
 margin-left:-9px;
 margin-top:-9px
}
.spinner div,
.analyze-screenshot-loader div {
 width:46.7%;
 height:46.7%
}
@keyframes spinner {
 50% {
  opacity:.3
 }
 100% {
  opacity:1
 }
}
.r-tabs-nav {
 margin:0;
 padding-left:0;
 list-style:none;
 font:500 20px / 23px "Maven Pro",Arial,sans-serif;
 letter-spacing:-0.0625em;
 border-bottom:4px solid #e0e0e0
}
.r-tabs-nav li {
 float:left;
 margin-bottom:-4px;
 border-bottom:4px solid #e0e0e0
}
.r-tabs-nav a {
 display:inline-block;
 border-top:4px solid transparent;
 border-right:1px solid #e0e0e0;
 padding:6px 25px 10px;
 background:#f5f5f5;
 transition:background-color .25s ease-out;
 text-decoration:none;
 color:#646464
}
.r-tabs-nav a:empty:before {
 content:'\00a0'
}
.r-tabs-nav a:hover {
 background:#e9e9e9
}
.r-tabs-nav li:last-child a {
 border-right:0
}
.r-tabs-nav .r-tabs-state-active {
 border-bottom-color:#fff
}
.r-tabs-nav .r-tabs-state-active a {
 border-top-color:#3c9adc;
 border-right:0;
 background:#fff;
 transition:none;
 color:#3c9adc
}
.r-tabs-nav .r-tabs-state-active a:hover {
 color:#256fa2
}
.r-tabs-panel,
.r-tabs-panel-onload {
 padding:15px 0
}
.r-tabs-panel {
 display:none
}
.r-tabs-accordion-title {
 font:500 20px "Maven Pro",Arial,sans-serif;
 letter-spacing:-0.0625em;
 display:none
}
.r-tabs-accordion-title .r-tabs-anchor {
 display:block;
 border-top:2px solid #e0e0e0;
 padding:8px 10px;
 background:#f5f5f5;
 transition:background-color .25s ease-out;
 text-decoration:none;
 color:#646464
}
.r-tabs-accordion-title .r-tabs-anchor:hover {
 background:#e9e9e9
}
.r-tabs-accordion-title .r-tabs-anchor:after {
 content:"";
 float:right;
 margin-top:8px
}
.r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
 border-top-color:#3c9adc;
 border-bottom:1px solid #eeefed;
 background:#fff;
 transition:none;
 color:#3c9adc
}
.r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor:hover {
 color:#256fa2
}
.simple-analyze-form {
 border-top:4px solid #eeefed;
 border-bottom:4px solid #eeefed;
 background:#fbfbfb;
 padding:15px 20px 20px
}
.simple-analyze-form h5 {
 color:#7a7a7a;
 font-size:20px;
 margin:0 0 7px
}
.analyze-form-inputs {
 display:table;
 width:100%
}
.analyze-form-input,
.analyze-form-button {
 display:table-cell;
 vertical-align:middle
}
.analyze-form-input {
 padding-right:10px;
 width:100%
}
.analyze-form-input .clearable-input {
 width:inherit
}
.analyze-form-input input {
 border-width:4px;
 width:100%;
 font-size:18px;
 color:#7a7a7a
}
.analyze-form-button button {
 padding:6px 25px 11px;
 font-size:24px;
 font-weight:500
}
.analyze-form-with-options .analyze-form-button button {
 width:150px
}
.analyze-form-quick-presets {
 position:relative;
 display:flex;
 height:45px;
 flex-direction:row
}
.analyze-form-with-options .analyze-form-quick-presets button {
 padding:5px 15px 11px;
 width:110px
}
.analyze-form-quick-presets-dropdown-btn {
 padding:11px 12px 14px;
 border-left:2px solid #fff;
 background:#2e7db4;
 cursor:pointer
}
.analyze-form-quick-presets-dropdown-btn:hover {
 background:#1d567d
}
.analyze-form-quick-presets-content {
 position:absolute;
 right:0;
 top:48px;
 min-width:280px;
 max-width:385px;
 z-index:1;
 text-align:center
}
.analyze-form-quick-presets-content .analyze-form-quick-preset-select {
 background:#2e7db4;
 padding:8px;
 border-bottom:2px solid #fff;
 color:#fff;
 display:block;
 text-decoration:none
}
.analyze-form-quick-presets-content .analyze-form-quick-preset-select:hover {
 background:#1d567d
}
.analyze-form-quick-presets-content .analyze-form-quick-preset-select:last-child {
 border-bottom:0
}
@media(max-width:425px) {
 .analyze-form-input {
  display:block;
  padding:0
 }
 .analyze-form-button {
  display:block;
  padding:0;
  margin-top:10px
 }
 .analyze-form .analyze-form-button button {
  width:100%
 }
 .analyze-form-quick-presets {
  padding:0
 }
 .analyze-form-with-options .analyze-form-quick-presets button {
  width:85%
 }
 .analyze-form-quick-presets-dropdown-btn {
  width:15%;
  min-width:45px
 }
 .analyze-form-quick-presets-content {
  width:100%
 }
}
.analyze-form-footer {
 padding:10px 0
}
.analyze-form-options-trigger {
 float:right;
 margin-left:10px;
 width:150px;
 font-size:14px;
 color:#646464;
 background:#eeefed
}
.analyze-form-options-trigger:hover {
 color:#646464;
 background:#e0e0e0
}
.analyze-form-state {
 padding-top:4px
}
.analyze-form-option {
 font-size:14px;
 font-weight:bold;
 white-space:nowrap;
 cursor:pointer;
 color:#848484;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none
}
.analyze-form-option:not(:first-child):before {
 content:"|";
 display:inline-block;
 font-weight:normal;
 color:#cecece;
 padding:0 7px 0 4px
}
.analyze-form-option span {
 font-weight:normal;
 color:#a4a3a3
}
.analyze-form-option-na {
 font-style:italic;
 opacity:.6
}
@media(max-width:800px) {
 .analyze-form-option {
  font-size:12px
 }
 .analyze-form-state {
  padding:0
 }
}
@media(max-width:625px) {
 .analyze-form-footer {
  text-align:center
 }
 .analyze-form-options-trigger {
  float:none;
  display:block;
  width:auto;
  margin:0
 }
 .analyze-form-state {
  text-align:center;
  padding-top:6px
 }
}
.analyze-form-options {
 background:#fafafa;
 border-bottom:4px solid #e0e0e0;
 padding:20px
}
.analyze-form-options h5 {
 font-size:18px
}
.analyze-form-options textarea {
 height:65px;
 min-height:65px
}
.analyze-form-group-test-format .form-row,
.analyze-form-group-options .form-row {
 float:left;
 width:33.33%;
 margin-top:0;
 padding-right:10px
}
.analyze-form-group-test-format .form-row:last-child,
.analyze-form-group-options .form-row:last-child {
 padding-right:0
}
.form-row.form-row-af-password {
 margin-top:10px
}
.form-row-af-cookies {
 padding-top:2px;
 clear:both
}
@media(max-width:1000px) {
 .analyze-form-group-options .form-row {
  float:none;
  width:auto;
  margin-top:10px;
  padding-right:0
 }
 .analyze-form-group-options .form-row:first-child {
  margin-top:0
 }
}
@media(max-width:765px) {
 .analyze-form-group-test-format .form-row {
  float:none;
  width:auto;
  margin-top:10px;
  padding-right:0
 }
 .analyze-form-group-test-format .form-row:first-child {
  margin-top:0
 }
 .form-row-af-cookies {
  padding:0
 }
}
.analyze-error {
 text-align:center
}
.analyze-error h3 {
 border:0;
 padding:0;
 font-size:32px
}
.analyze-error-more {
 font-size:12px
}
.clearable-input {
 display:inline-block;
 position:relative
}
.clearable-input input::-ms-clear {
 display:none
}
.clearable-input-button {
 background:transparent;
 bottom:0;
 color:#c5c4c4;
 font-family:Helvetica,Arial,sans-serif;
 letter-spacing:0;
 line-height:1;
 outline:0;
 padding:0;
 position:absolute;
 right:0;
 text-align:center;
 top:0;
 transition:color 1.25s ease
}
.clearable-input-button span {
 position:relative
}
.clearable-input-button:hover,
.clearable-input-button:focus,
.clearable-input-button:active {
 background:transparent;
 color:#a5a4a4
}
.help-tooltip {
 cursor:pointer;
 margin:0 0 -3px 3px
}
h3 .help-tooltip,
h4 .help-tooltip {
 margin-bottom:0
}
.hover-tooltip {
 cursor:help
}
.analyze-screenshot-analyzing.analyze-screenshot-desktop {
 padding:0 30px
}
.analyze-screenshot-wrapper {
 margin:0 auto
}
.analyze-screenshot-mobile {
 text-align:center
}
.analyze-screenshot {
 position:relative
}
.analyze-screenshot-desktop .analyze-screenshot {
 border:2px solid #e0e0e0;
 background:#f8f8f8
}
.analyze-screenshot-frame {
 width:43.84615%;
 height:auto
}
.analyze-screenshot-loader {
 width:70px;
 height:70px;
 margin-left:-35px;
 margin-top:-35px
}
.analyze-screenshot-loader div {
 background:#ccc;
 width:47%;
 height:47%
}
.analyze-screenshot-scanner {
 position:absolute;
 height:10px;
 background:#88b4e1;
 box-sizing:content-box;
 margin-top:-8px;
 border:3px solid #fff;
 border-left:0;
 border-right:0;
 opacity:.8;
 transform:translateZ(0);
 animation:scanner 4s infinite ease-in-out;
 z-index:2
}
.analyze-screenshot-scanner:before,
.analyze-screenshot-scanner:after {
 content:'';
 display:block;
 background-color:#fff;
 position:absolute;
 top:-9px;
 left:0
}
.analyze-screenshot-scanner:after {
 left:auto;
 right:0;
 transform:scaleX(-1)
}
.analyze-screenshot-desktop .analyze-screenshot-scanner {
 top:0;
 left:-30px;
 width:100%;
 padding:0 30px
}
.analyze-screenshot-mobile .analyze-screenshot-scanner {
 top:10%;
 left:0;
 width:48.46154%;
 margin-right:25.76923%;
 margin-left:25.76923%;
 animation-name:scanner-mobile
}
.analyze-screenshot-mobile .analyze-screenshot-scanner:before {
 left:-20px
}
.analyze-screenshot-mobile .analyze-screenshot-scanner:after {
 right:-20px
}
@keyframes scanner {
 50% {
  top:100%
 }
}
@keyframes scanner-mobile {
 50% {
  top:88.5918%
 }
}
.analyze-screenshot-analyzing .analyze-screenshot-image img {
 opacity:0;
 transition:opacity 1.25s;
 z-index:1
}
.analyze-screenshot-desktop .analyze-screenshot-image {
 height:0;
 padding-bottom:56.25%;
 overflow:hidden;
 position:relative
}
.analyze-screenshot-desktop .analyze-screenshot-image img {
 position:absolute;
 width:100%;
 height:auto
}
.analyze-screenshot-mobile .analyze-screenshot-image {
 position:absolute;
 top:0;
 left:0;
 width:100%
}
.analyze-screenshot-mobile .analyze-screenshot-image img {
 margin-top:10%;
 width:37.38462%;
 height:auto
}
.analyze-screenshot-remove {
 position:absolute;
 top:-2px;
 right:-2px;
 width:24px;
 height:24px;
 background:rgba(224,224,224,0.8);
 transition:background-color .25s ease-out;
 z-index:2
}
.analyze-screenshot-remove:after {
 content:'';
 position:absolute;
 top:50%;
 left:50%;
 height:3px;
 width:50%;
 margin-top:-1.5px;
 margin-left:-25%;
 background:#fff
}
.analyze-screenshot-remove:hover {
 background:rgba(224,224,224,0.9)
}
.analyze-screenshot-mobile .analyze-screenshot-remove {
 top:0;
 right:auto;
 left:75%
}
@media(max-width:500px) {
 .analyze-screenshot-loader {
  width:41px;
  height:41px;
  margin-left:-20.5px;
  margin-top:-20.5px
 }
 .analyze-screenshot-loader div {
  width:46.35%;
  height:46.35%
 }
 .analyze-screenshot-scanner {
  height:8px;
  margin-top:-6px;
  border-top-width:2px;
  border-bottom-width:2px
 }
 .analyze-screenshot-scanner:before,
 .analyze-screenshot-scanner:after {
  width:16px;
  height:24px;
  background-size:452px 647px;
  background-position:-102px -328px;
  top:-8px
 }
}
.screenshot {
 text-align:center
}
.screenshot img {
 border:3px solid #eeefed;
 box-sizing:border-box;
 max-width:100%;
 width:auto;
 height:auto
}
.screenshot-caption {
 margin-top:3px;
 font-size:14px;
 font-style:italic;
 color:#a4a3a3
}
.toc {
 margin:0;
 padding-left:0;
 list-style:none
}
.toc>li {
 padding:15px 0;
 border-bottom:1px solid #e9e9e9
}
.toc>li:first-child {
 margin-top:-15px
}
.toc>li:last-child {
 border-bottom:0
}
.toc ul {
 margin-top:7px;
 font-size:12px;
 list-style-type:disc
}
.toc ul li {
 padding:5px 0
}
@supports(position:sticky) {
 .sticky-parent {
  overflow:initial
 }
 .sticky-parent .sticky {
  position:sticky;
  top:20px;
  overflow-y:auto;
  max-height:calc(100vh - 40px)
 }
 .sticky-parent a.sticky-highlight-link {
  color:#6189a7;
  text-decoration:none;
  font-weight:bold;
  transition:color .1s ease-out
 }
}
.tooltipster-base pre {
 font-size:11px;
 padding:10px
}
.tooltip-error,
.box-error {
 border-color:#fc7c7c;
 background:#fee
}
.tooltip-info,
.box-info {
 border-color:#ffecab;
 background:#fff8df
}
.tooltip-error {
 color:#db2525
}
.tooltip-info {
 color:#b4991d
}
.tooltip-help {
 overflow:hidden;
 text-indent:-100%;
 position:absolute;
 top:10px;
 right:10px
}
.page-home-content .layout-zebra-section {
 text-align:center
}
.page-home-content .layout-zebra-section.home-section-news,
.page-home-content .layout-zebra-section.home-section-features {
 background:#f7f7f7
}
.page-home-content .layout-zebra-section.home-section-intro {
 background:#fff
}
.home-section-analyze h1 {
 max-width:65%
}
.home-section-analyze h2 {
 max-width:70%
}
.home-section-analyze .analyze-form-input input {
 padding:12px 12px 9px;
 font-size:21px
}
.home-section-analyze .analyze-form-button button {
 padding:7px 25px 13px;
 font-size:29px
}
.home-section-analyze .analyze-form-state {
 text-align:left
}
.home-section-analyze .analyze-form-option {
 cursor:auto
}
@media(max-width:1100px) {
 .home-section-analyze .layout-zebra-section-content h1 {
  max-width:70%;
  font-size:50px
 }
 .home-section-analyze .layout-zebra-section-content h2 {
  max-width:85%;
  font-size:26px
 }
}
@media(max-width:810px) {
 .home-section-analyze .layout-zebra-section-content h1 {
  max-width:80%;
  font-size:42px
 }
 .home-section-analyze .layout-zebra-section-content h2 {
  max-width:95%;
  font-size:22px
 }
 .home-section-analyze .analyze-form-input input {
  padding:10px 10px 8px;
  font-size:18px
 }
 .home-section-analyze .analyze-form-button button {
  padding:7px 25px 12px;
  font-size:25px
 }
}
@media(max-width:625px) {
 .home-section {
  padding:30px 0
 }
 .home-section-analyze .layout-zebra-section-content h1 {
  max-width:80%;
  font-size:42px
 }
 .home-section-analyze .layout-zebra-section-content h2 {
  max-width:95%;
  font-size:22px
 }
}
@media(max-width:425px) {
 .home-section-analyze .layout-zebra-section-content h1 {
  max-width:none;
  font-size:38px
 }
 .home-section-analyze .layout-zebra-section-content h2 {
  display:none
 }
 .home-section-analyze .layout-zebra-section-content .analyze-form-footer {
  display:none
 }
}
.page-home-content .analyze-error {
 margin-bottom:20px
}
.page-home-content .analyze-error h3 {
 color:#646464
}
.page-home-content .home-section-news,
.page-home-content .home-section-intro {
 text-align:left
}
.home-section-news {
 padding:10px 0
}
.home-section-news h3 {
 color:#646464;
 font-size:24px;
 display:inline-block;
 margin:0
}
.home-section-news h3 a {
 display:inline-block;
 font:12px Arial,sans-serif;
 letter-spacing:0;
 text-decoration:underline;
 margin:-8px 0 0
}
.home-section-news-wrapper {
 position:relative;
 overflow:hidden;
 white-space:nowrap
}
.home-section-news-wrapper:after {
 content:"";
 position:absolute;
 top:0;
 right:0;
 width:75px;
 height:100%;
 background:linear-gradient(to right,rgba(247,247,247,0) 0,rgba(247,247,247,0.9) 100%);
 pointer-events:none
}
.home-section-news-wrapper * {
 vertical-align:middle
}
.home-news {
 margin:0;
 padding-left:0;
 list-style:none;
 display:inline-block
}
.home-news-item {
 display:inline-block;
 margin-left:30px
}
.home-news-tweet {
 max-width:400px;
 white-space:normal;
 font-size:14px
}
.home-news-tweet a:after {
 content:none
}
.home-news-date {
 font-size:12px;
 color:#a4a3a3;
 margin-top:4px
}
@media(max-width:520px) {
 .page-home-content .home-section-news {
  text-align:center
 }
 .home-section-news {
  padding:20px 0
 }
 .home-section-news h3 {
  display:block;
  margin-bottom:10px
 }
 .home-section-news .home-section-news-wrapper:after {
  content:none
 }
 .home-section-news .home-news,
 .home-section-news .home-news-item {
  display:block
 }
 .home-section-news .home-news-item {
  margin:10px 0 0 0
 }
 .home-section-news .home-news-item:nth-child(n+3) {
  display:none
 }
 .home-section-news .home-news-tweet {
  max-width:none
 }
}
.home-section-intro-text {
 width:50%;
 float:left
}
.home-section-intro-text ul {
 margin-bottom:25px
}
.home-section-intro-text li {
 margin-bottom:12px
}
.home-section-intro-text li a {
 text-decoration:none;
 border-bottom:1px dotted #3c9adc
}
.home-section-intro-text .btn,
.home-section-intro-text .paginate_button {
 font-size:20px;
 padding-left:25px;
 padding-right:25px
}
.home-section-intro-screenshot-wrapper {
 width:50%;
 padding-left:30px;
 float:right
}
.home-section-intro-screenshot {
 position:relative
}
.home-section-intro-screenshot img {
 width:100%;
 height:auto;
 display:block;
 box-shadow:0 0 10px 0 rgba(0,0,0,0.25)
}
.home-section-intro-screenshot-item {
 position:absolute;
 width:7.6666%;
 height:11.2195%;
 border:3px solid #3c9adc;
 border-radius:50%;
 box-shadow:0 0 10px 0 rgba(0,0,0,0.25);
 background:#d7e9f5;
 opacity:.8;
 transition:all .2s ease .1s
}
.home-section-intro-screenshot-item-active {
 transform:scale(1.25,1.25)
}
.home-section-intro-screenshot-item-inactive {
 opacity:.25
}
#ss-tabs {
 top:63.5%;
 left:33%
}
#ss-recommendations {
 top:83%;
 left:5%
}
#ss-details {
 top:47.5%;
 left:75%
}
#ss-scores {
 top:47.5%;
 left:22.5%
}
#ss-options {
 top:24%;
 left:42%
}
@media(max-width:1100px) {
 .home-section-intro-text {
  width:auto;
  float:none;
  text-align:center
 }
 .home-section-intro-screenshot-wrapper {
  width:auto;
  padding-left:0;
  float:none;
  max-width:600px;
  margin:30px auto 0
 }
 .home-section-intro-text .resp-hidden {
  display:none
 }
}
@media(max-width:400px) {
 .home-section-intro-screenshot-item {
  display:none
 }
}
.home-section-features .btn,
.home-section-features .paginate_button {
 font-size:20px;
 padding-left:25px;
 padding-right:25px
}
.home-section-features-item,
.features-section-features-item {
 display:inline-block;
 width:320px;
 margin:30px;
 vertical-align:top;
 font-size:14px
}
.home-section-features-item h5,
.features-section-features-item h5 {
 font-size:30px;
 font-weight:400;
 color:#3c9adc;
 margin-top:8px
}
.home-section-features-item .sprite-home-monitor {
 margin:37px 0
}
.home-section-features-item .sprite-home-alerts {
 margin:38px 0
}
.home-section-features-item .sprite-home-regions {
 margin:20px 0
}
.home-section-features-item .sprite-home-mobile {
 margin:2px 0
}
.home-section-features-item .sprite-home-video {
 margin:18.5px 0
}
.home-section-features-item .sprite-devtoolkit {
 margin:21px 0
}
@media(max-width:820px) {
 .home-section-features-item {
  width:260px;
  margin:20px
 }
 .home-section-features-item h5 {
  font-size:24px
 }
 .home-section-features-item .sprite-home-monitor {
  margin:28px 0;
  width:131px;
  height:102px;
  background-size:424px 606px;
  background-position:-132px -322px
 }
 .home-section-features-item .sprite-home-alerts {
  margin:28.75px 0;
  width:150px;
  height:101px;
  background-size:424px 606px;
  background-position:-136px -180px
 }
 .home-section-features-item .sprite-home-regions {
  margin:15.25px 0;
  width:123px;
  height:128px;
  background-size:424px 606px;
  background-position:-301px -163px
 }
 .home-section-features-item .sprite-home-mobile {
  margin:1.75px 0;
  width:119px;
  height:155px;
  background-size:424px 606px;
  background-position:-132px -1px
 }
 .home-section-features-item .sprite-home-video {
  margin:14.125px 0;
  width:101px;
  height:130px;
  background-size:424px 606px;
  background-position:-271px -1px
 }
 .home-section-features-item .sprite-devtoolkit {
  margin:16px 0;
  width:228px;
  height:126px;
  background-size:424px 606px;
  background-position:0 -480px
 }
}
@media(max-width:650px) {
 .home-section-features-item {
  display:block;
  width:auto;
  margin:20px 0 50px
 }
}
.home-section-analyzed {
 padding:45px 0
}
.home-section-analyzed-content {
 display:table;
 table-layout:fixed;
 text-align:left;
 width:100%
}
.home-section-logo-garden-wrapper,
.home-section-analyzed-text {
 display:table-cell;
 vertical-align:middle;
 width:50%
}
.home-section-logo-garden-wrapper {
 overflow:hidden;
 position:relative
}
.home-section-logo-garden-wrapper:after {
 content:"";
 top:0;
 left:0;
 position:absolute;
 width:100%;
 height:100%;
 pointer-events:none;
 background:linear-gradient(to right,#fbfbfb 0,rgba(255,255,255,0) 10%,rgba(255,255,255,0) 90%,#fbfbfb 100%)
}
.home-section-logo-garden {
 width:4796px;
 height:134px;
 background:url("../images/home-logo-garden-1x.png") repeat-x;
 animation:logo-garden-slide 60s linear infinite
}
.home-section-logo-garden:hover {
 animation-play-state:paused
}
@keyframes logo-garden-slide {
 0 {
  transform:translateX(0)
 }
 100% {
  transform:translateX(-2398px)
 }
}
.home-section-analyzed-text {
 padding-left:30px
}
.home-section-analyzed-text h3 span {
 color:#81aecd;
 display:inline-block;
 font-size:52px;
 letter-spacing:-0.0625em;
 margin-top:-5px
}
@media(max-width:810px) {
 .home-section-analyzed-content {
  display:block;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-direction:column-reverse;
  flex-direction:column-reverse;
  margin:-15px 0
 }
 .home-section-logo-garden-wrapper {
  width:100%;
  margin:20px 0 20px
 }
 .home-section-analyzed-text {
  display:block;
  margin:15px 0;
  width:100%;
  padding-left:0;
  text-align:center
 }
 .home-section-analyzed-text h3 span {
  font-size:44px
 }
}
@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
 .home-section-logo-garden {
  background-image:url("../images/home-logo-garden-1.5x.png");
  background-size:2398px 134px
 }
}
.features-section-cta h4,
.home-section-cta h4 {
 max-width:70%;
 margin:0 auto
}
.features-section-cta p,
.home-section-cta p {
 font-size:14px
}
.features-section-cta .btn,
.features-section-cta .paginate_button,
.home-section-cta .btn,
.home-section-cta .paginate_button {
 font-size:30px;
 font-weight:500;
 padding:10px 30px 14px;
 margin:8px 0 16px
}
@media(max-width:800px) {
 .features-section-cta h4,
 .home-section-cta h4 {
  max-width:90%
 }
}
.pro-past-due strong {
 font-weight:500;
 font-size:18px
}
.devtoolkit-promo-tooltip {
 font-size:14px;
 text-align:center
}
.devtoolkit-promo-tooltip i {
 display:block;
 width:122px;
 height:68px;
 background-size:226px 324px;
 background-position:0 -256px;
 margin:0 auto;
 margin-bottom:10px
}
.devtoolkit-promo-tooltip span {
 margin-top:5px;
 display:block
}
.devtoolkit-promo-tooltip a {
 margin:10px
}
.page-dashboard-content .analyze-form-title {
 margin-bottom:5px;
 font-size:24px
}
.page-dashboard-content .analyze-form {
 margin-bottom:40px;
 border-bottom:1px solid #e0e0e0
}
.analyze-form-options .form-buttons {
 font-size:14px
}
.analyze-form-options .form-buttons .btn-smaller,
.analyze-form-options .form-buttons .paginate_button {
 margin-bottom:5px;
 padding:6px 16px 7px
}
.analyze-form-options .form-buttons a {
 display:inline-block;
 vertical-align:middle;
 padding:9px 7px 9px
}
.analyze-form-options .form-buttons a.hide {
 display:none
}
.analyze-form-options .form-group-col p {
 font-weight:bold;
 font-style:italic;
 font-size:12px;
 color:#a9a6a6;
 margin-top:18px
}
.analyze-form-options .form-group-col p a {
 color:#646464
}
.analyze-form-options .form-group-col p a:hover {
 color:#4e4e4e
}
.btn-collapse-tray {
 background:#ebebeb;
 color:#666;
 width:100%
}
.btn-collapse-tray:hover {
 color:#666;
 background:#e0e0e0
}
#analyze-form-devtoolkit-trigger,
#analyze-form-advanced-options-trigger {
 margin-top:13px
}
.af-browser-rotate-btn {
 padding:0;
 height:33px;
 width:35px;
 cursor:pointer;
 background:#3c9adc
}
.af-browser-rotate-btn:hover {
 background:#2e7db4
}
.af-browser-rotate-btn.rotate-disabled {
 background:#9b9b9b;
 cursor:default
}
.af-browser-rotate-btn.rotate-disabled:hover {
 background:#9b9b9b
}
.af-simulate-text {
 font-size:14px
}
.sprite-analyze-orientation {
 margin:5px 0 0 2px;
 display:inline-block;
 width:20px;
 height:20px;
 background-position:-485px -416px
}
.sprite-analyze-orientation:hover {
 width:20px;
 height:20px;
 background-position:-463px -416px
}
.sprite-analyze-orientation.orientation-portrait {
 margin:7px 5px;
 width:20px;
 height:20px;
 background-position:-543px -418px
}
.sprite-analyze-orientation.orientation-portrait:hover {
 width:20px;
 height:20px;
 background-position:-517px -418px
}
.af-dns-remove {
 font-size:10px;
 text-decoration:none
}
.af-dns-labels {
 padding-top:10px
}
.af-dns-labels.hide {
 display:none
}
.af-dns-none {
 color:#9b9b9b;
 font-style:italic;
 font-size:14px;
 padding:10px 0 5px 0
}
.af-dns-btn-add {
 margin-bottom:4px
}
.devtoolkit-promo-analyze-form {
 position:relative;
 background:#ebebeb;
 color:#666;
 width:100%
}
.devtoolkit-promo-analyze-form .devtoolkit-sprite-af {
 float:left;
 width:122px;
 height:68px;
 background-size:226px 324px;
 background-position:0 -256px;
 margin:10px
}
.devtoolkit-promo-analyze-form .devtoolkit-promo-content {
 min-height:85px;
 padding:20px 5px 15px;
 margin:0 150px 0 140px
}
.devtoolkit-promo-analyze-form h4 {
 margin:0;
 padding-bottom:10px;
 font-family:"Maven Pro",Arial,sans-serif
}
.devtoolkit-promo-analyze-form p {
 margin:0;
 font-size:14px
}
.devtoolkit-promo-analyze-form a {
 position:absolute;
 bottom:25px;
 right:25px
}
.flex-container-horizontal {
 display:flex;
 flex-direction:row
}
.flex-item {
 flex:auto
}
.flex-item-fixed {
 flex:none
}
.flex-item-shrink {
 flex:0 1 250px;
 padding-right:5px;
 margin-top:0
}
.flex-item-shrink input {
 width:100%
}
@media(max-width:850px) {
 .devtoolkit-promo-analyze-form .devtoolkit-promo-content {
  min-height:150px;
  margin:0 0 0 140px
 }
 .devtoolkit-promo-analyze-form a {
  right:initial;
  left:21px
 }
}
@media(max-width:425px) {
 .devtoolkit-promo-analyze-form {
  text-align:center
 }
 .devtoolkit-promo-analyze-form .devtoolkit-sprite-af {
  float:none;
  margin:10px 0 0
 }
 .devtoolkit-promo-analyze-form .devtoolkit-promo-content {
  min-height:initial;
  margin:15px;
  padding:0
 }
 .devtoolkit-promo-analyze-form a {
  position:initial;
  padding:4px 50px 5px;
  margin-bottom:15px
 }
}
.manage-connections-btn {
 font-style:italic
}
.ds-conn-form {
 margin-top:20px
}
.ds-conn-row.form-row {
 margin-bottom:10px
}
.ds-conn-row.form-row .ds-conn-primary {
 width:79%
}
.ds-conn-row.form-row .ds-conn-secondary {
 float:right;
 width:20%
}
.ds-conn-row.form-row span {
 font-size:14px
}
.ds-conn-label {
 text-align:center;
 font-style:italic;
 margin-top:24px
}
.ds-conn-cancel-btn,
.ds-conn-delete-btn {
 float:right
}
.reports {
 padding-bottom:40px
}
.reports-actions {
 padding:10px 0
}
.reports-actions input[type="text"] {
 font-size:12px;
 padding:6px 7px 6px 23px;
 width:250px
}
.reports-actions select {
 font-size:12px;
 padding:5px 6px
}
.reports-actions button {
 font-size:14px
}
.reports-actions-search {
 float:right
}
.reports-actions-search .search-input {
 float:left;
 margin-right:5px
}
.reports-actions-search .sprite-search {
 left:5px
}
.reports-actions-bulk {
 float:left
}
.reports-filters-trigger {
 font-size:14px;
 color:#646464;
 background:#eeefed
}
.reports-filters-trigger:hover {
 color:#646464;
 background:#e0e0e0
}
.report-filter-tab {
 white-space:nowrap
}
.report-filter-tab-unsaved {
 font-style:italic
}
.report-filter-tab-unsaved a {
 opacity:.75
}
.report-filter-tab-template {
 display:none
}
.report-filter-tab-add-max a {
 cursor:default
}
.report-filter-tab-add-max a:hover {
 background:#f5f5f5
}
.report-filter-tab-add-max .sprite-add {
 opacity:.2
}
.reports-filters {
 background:#fafafa;
 border-bottom:4px solid #e0e0e0;
 padding:20px
}
.reports-filters h4 {
 margin-top:0;
 color:#3c9adc
}
.reports-filters h5 {
 margin-bottom:2px
}
.reports-filters .form-buttons {
 font-size:14px;
 text-align:right
}
.reports-filters-name {
 margin-bottom:16px
}
.reports-filters-basic .form-row {
 float:left;
 width:25%;
 margin-top:0;
 padding-right:10px
}
.reports-filters-basic .form-row:last-child {
 padding:0
}
.reports-filters-other .form-row {
 display:inline-block;
 width:32%
}
@media(max-width:900px) {
 .reports-filters-basic .form-row {
  width:50%
 }
 .reports-filters-basic .form-row:nth-child(-n+2) {
  margin-bottom:10px
 }
 .reports-filters-basic .form-row:nth-child(2n) {
  padding:0
 }
}
@media(max-width:810px) {
 .reports-filters-other .form-row {
  width:49%
 }
}
@media(max-width:750px) {
 .reports-actions-search .search-input {
  margin-right:0;
  width:100%
 }
 .report-filter-tab-add {
  display:none
 }
 .report-filter-tabs li:nth-last-child(2) a {
  border-right:0
 }
 .reports-filters {
  display:none !important
 }
 .reports-actions-search {
  float:none
 }
 .reports-actions input[type="text"] {
  width:100%;
  font-size:14px;
  padding:8px 8px 7px 23px
 }
 .reports-filters-trigger {
  display:none
 }
}
.reports-table {
 margin-top:8px;
 table-layout:fixed
}
.reports-table td {
 word-break:break-all;
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis
}
.reports-table td.reports-url:hover {
 white-space:normal
}
.reports-table td.reports-options:hover {
 overflow:visible;
 background:inherit
}
.reports-table td.reports-options:hover:after {
 content:none
}
.reports-table td.reports-options:hover .bt-content {
 background:inherit;
 display:inline-block;
 position:relative;
 padding-right:3px
}
.reports-table td.reports-options:hover .bt-content:after {
 content:"";
 position:absolute;
 top:0;
 right:-10px;
 width:10px;
 height:100%;
 pointer-events:none;
 background:linear-gradient(to right,#f4f4f4 0,rgba(255,255,255,0) 100%)
}
tr:nth-child(odd) .reports-table td.reports-options:hover .bt-content:after {
 background:linear-gradient(to right,#fafafa 0,rgba(255,255,255,0) 100%)
}
.reports-action input {
 vertical-align:bottom
}
.reports-url a {
 text-decoration:none
}
.reports-options i {
 vertical-align:middle
}
td.reports-options {
 position:relative
}
td.reports-options:after {
 content:"";
 position:absolute;
 top:0;
 right:0;
 width:10px;
 height:100%;
 pointer-events:none;
 background:linear-gradient(to right,rgba(250,250,250,0) 0,#fafafa 100%)
}
tr:nth-child(odd) td.reports-options:after {
 background:linear-gradient(to right,rgba(244,244,244,0) 0,#f4f4f4 100%)
}
.reports-table-tooltip-content {
 font-size:11px;
 line-height:1.5
}
@media(min-width:751px) {
 .reports-table .reports-action {
  width:32px;
  padding-right:0
 }
 .reports-table .reports-options {
  width:145px;
  padding-right:0
 }
 .reports-table .reports-loadtime {
  text-align:center;
  width:110px
 }
 .reports-table th.reports-loadtime span {
  display:none
 }
 .reports-table .reports-pagespeed,
 .reports-table .reports-yslow {
  width:110px
 }
 .reports-table .reports-last {
  width:155px
 }
}
@media(min-width:751px) and (max-width:1000px) {
 .reports-table .reports-options {
  width:85px;
  padding:8px 0 8px 6px
 }
 .reports-table .reports-loadtime {
  width:95px;
  padding:8px 6px
 }
 .reports-table .reports-pagespeed,
 .reports-table .reports-yslow {
  width:100px;
  padding:8px 6px
 }
 .reports-table .reports-pagespeed .grade-meter,
 .reports-table .reports-yslow .grade-meter {
  width:80px
 }
 .reports-table .reports-last {
  width:0;
  padding:0
 }
 .reports-table tr th.reports-last,
 .reports-table tr td.reports-last {
  overflow:hidden;
  white-space:nowrap
 }
}
@media(max-width:750px) {
 .reports-table thead {
  display:none
 }
 .reports-table tbody td {
  display:block;
  vertical-align:top
 }
 .reports-table tbody td:before {
  content:attr(data-th);
  display:inline-block;
  width:50%;
  font-weight:bold;
  font-size:12px;
  color:#a4a3a3;
  text-transform:uppercase
 }
 .reports-table tbody td.reports-action {
  display:none
 }
 .reports-table tbody td.reports-url:before {
  content:none
 }
 .reports-table tr {
  display:block;
  padding:4px 0
 }
 .reports-table td {
  padding:4px 12px
 }
 .reports-actions-bulk {
  display:none
 }
 .reports-pagespeed .grade-meter,
 .reports-yslow .grade-meter {
  vertical-align:middle
 }
}
.dashboard-usage {
 float:right;
 width:25%
}
.dashboard-usage-values {
 margin-bottom:16px;
 padding-bottom:16px;
 border-bottom:1px solid #e0e0e0
}
.dashboard-usage-values label {
 display:inline-block;
 width:50%;
 min-width:95px;
 line-height:1.5
}
.dashboard-usage-values span {
 font-weight:bold
}
.dashboard-usage p {
 font-size:12px;
 margin:8px 0
}
.dashboard-usage p strong {
 font-size:14px
}
.dashboard-usage-api {
 font-size:12px;
 font-weight:normal
}
.dashboard-usage-more {
 text-align:center
}
.dashboard-news {
 float:left;
 width:75%
}
.dashboard-news .box {
 margin-right:20px;
 position:relative
}
.dashboard-news-social {
 margin:0;
 padding-left:0;
 list-style:none;
 position:absolute;
 top:16px;
 right:16px
}
.dashboard-news-social li {
 display:inline
}
.dashboard-news-items {
 margin:0;
 padding-left:0;
 list-style:none
}
.dashboard-news-items li {
 float:left;
 width:25%;
 padding-left:27px;
 padding-right:5px
}
.dashboard-news-items strong {
 color:#a4a3a3
}
.dashboard-news-items p {
 margin:8px 0
}
.dashboard-news-items li:before {
 content:"";
 position:absolute;
 margin-left:-27px
}
.dashboard-news-items a:after {
 content:none
}
@media(max-width:1125px) {
 .dashboard-news-items li {
  width:33.33%
 }
 .dashboard-news-items li:nth-child(3) {
  display:none
 }
}
@media(max-width:900px) {
 .dashboard-usage,
 .dashboard-news {
  float:none;
  width:auto
 }
 .dashboard-usage-values,
 .dashboard-usage-text {
  float:left;
  width:50%
 }
 .dashboard-usage-values {
  margin-bottom:0;
  padding-bottom:0;
  border:0
 }
 .dashboard-usage-text p:first-child {
  margin-top:0
 }
 .dashboard-usage-more {
  text-align:left
 }
 .dashboard-news {
  margin-top:20px
 }
 .dashboard-news .box {
  margin-right:0
 }
 .dashboard-news-items li:nth-child(3) {
  display:block
 }
 .dashboard-news-items .dashboard-news-changes {
  width:100%;
  margin-top:16px;
  padding-top:16px;
  border-top:1px solid #e0e0e0
 }
}
@media(max-width:600px) {
 .dashboard-usage-values,
 .dashboard-usage-text,
 .dashboard-news-items li {
  float:none;
  width:auto
 }
 .dashboard-usage-values {
  margin-bottom:16px;
  padding-bottom:16px;
  border-bottom:1px solid #e0e0e0
 }
 .dashboard-usage-text,
 .dashboard-usage-more,
 .dashboard-news-changes-link {
  text-align:center
 }
}
@media(max-width:355px) {
 .dashboard-news-social {
  display:none
 }
}
.analyze-wrapper {
 padding:20px 0
}
.analyze-screenshot-wrapper-wrapper,
.analyze-content {
 width:50%;
 float:left
}
.analyze-content {
 padding-left:20px
}
.page-analyze-content h1 {
 font-size:48px;
 color:#3c9adc;
 margin:0
}
.page-analyze-content h2 {
 font-weight:400;
 font-size:38px;
 margin:10px 0 20px;
 padding-bottom:13px;
 border-bottom:1px solid #e0e0e0
}
.page-analyze-content h2 a {
 color:#646464;
 text-decoration:none;
 display:inline-block;
 max-width:100%;
 overflow:hidden;
 white-space:nowrap;
 text-overflow:ellipsis;
 padding-right:4px;
 padding-bottom:2px
}
.page-analyze-content h2 a:hover {
 text-decoration:underline;
 white-space:normal;
 word-break:break-all
}
.analyze-status {
 font:28px "Maven Pro",Arial,sans-serif;
 letter-spacing:-0.0625em
}
.analyze-status-bar {
 display:table;
 table-layout:fixed;
 width:100%;
 margin:10px 0 40px
}
.analyze-status-bar-segment {
 display:table-cell;
 height:7px;
 background:#3c9adc;
 border:3px solid #fff;
 border-top:0;
 border-bottom:0;
 opacity:.15;
 transition:opacity .5s ease
}
.analyze-status-bar-segment-on {
 opacity:1
}
.analyze-queue-note {
 color:#b4991d
}
.analyze-queue-note-cta {
 color:#646464;
 font-size:11px
}
.analyze-queue-note-cta a:after {
 content:'';
 margin:0 0 -1px 1px;
 width:9px;
 height:9px;
 background-size:424px 606px;
 background-position:-74px -61px
}
.analyze-details {
 font:18px "Maven Pro",Arial,sans-serif;
 letter-spacing:-0.0625em
}
.analyze-details-item {
 margin-top:.5em
}
.analyze-details-item label {
 float:left;
 width:150px;
 text-align:right
}
.analyze-details-item:first-child {
 margin:0
}
.analyze-details-value {
 margin-left:160px;
 color:#a4a3a3
}
.analyze-details-value [class*="sprite-browser-"],
.analyze-details-value [class*="sprite-option-"] {
 vertical-align:middle;
 margin-top:-2px
}
.analyze-details-options span {
 white-space:nowrap;
 margin-right:8px
}
.analyze-tips li {
 margin-bottom:10px
}
.analyze-tips li:last-child {
 margin-bottom:0
}
.analyze-links-note {
 color:#848484;
 font-size:12px
}
@media(max-width:1000px) {
 .page-analyze-content h1 {
  font-size:38px
 }
 .page-analyze-content h2 {
  font-size:28px;
  margin-top:3px;
  padding-bottom:6px
 }
 .analyze-screenshot-wrapper-wrapper,
 .analyze-content {
  width:auto;
  float:none;
  max-width:640px;
  margin:0 auto
 }
 .analyze-content {
  margin-top:20px;
  padding:0
 }
}
@media(max-width:750px) {
 .analyze-screenshot-analyzing.analyze-screenshot-portrait {
  padding:0 70px
 }
 .page-analyze-content h1 {
  font-size:32px
 }
 .page-analyze-content h2 {
  font-size:22px
 }
 .analyze-details {
  font-size:16px
 }
 .analyze-details-item label {
  width:130px
 }
 .analyze-details-value {
  margin-left:140px
 }
}
@media(max-width:500px) {
 .analyze-status {
  font-size:24px
 }
 .analyze-details {
  font-size:14px
 }
 .analyze-details-item label {
  float:none
 }
 .analyze-details-item [class*="sprite-"] {
  display:none
 }
 .analyze-details-value {
  margin:0
 }
}
.site-average {
 cursor:pointer
}
.browser-info-tooltip div:not(:last-child) {
 margin-bottom:5px
}
.actions-offpage .btn,
.actions-offpage .paginate_button,
.actions-settings .btn,
.actions-settings .paginate_button,
.actions-other .btn,
.actions-other .paginate_button {
 padding-left:10px;
 padding-right:10px
}
.actions-settings,
.actions-other {
 margin-top:15px
}
.actions-pdf {
 background:#e34947
}
.actions-pdf:hover {
 background:#c92826
}
.actions-settings-disabled .btn,
.actions-settings-disabled .paginate_button {
 background:#e0e0e0;
 color:#a4a3a3
}
.actions-share h4 {
 margin:20px 0 6px
}
.actions-share a {
 font-size:0
}
.actions-share a,
.menu-report-share-links a {
 display:inline-block;
 margin-right:3px
}
.actions-share .sprite-twitter,
.menu-report-share-links .sprite-twitter {
 width:36px;
 height:36px;
 background-size:925px 1323px;
 background-position:0 -87px
}
.actions-share .sprite-facebook,
.menu-report-share-links .sprite-facebook {
 width:36px;
 height:36px;
 background-size:925px 1323px;
 background-position:-98px -87px
}
.actions-share .sprite-copy,
.menu-report-share-links .sprite-copy {
 width:36px;
 height:36px;
 background-size:925px 1323px;
 background-position:-49px -87px
}
.report-owner {
 margin-top:20px;
 white-space:nowrap;
 overflow:hidden;
 opacity:.5
}
.report-owner:hover {
 overflow:visible;
 opacity:1
}
.report-owner h4 {
 margin-bottom:2px
}
@media(max-width:1200px) {
 .actions-offpage,
 .actions-settings,
 .actions-other {
  float:left;
  margin:0 4px 0 0
 }
 .actions-other {
  float:right
 }
 .actions-other span {
  display:none
 }
 .actions-other .btn,
 .actions-other .paginate_button {
  padding-right:10px
 }
 .actions-share {
  display:none
 }
 .actions-share-responsive {
  display:inline-block
 }
}
@media(max-width:815px) {
 .actions-offpage .btn span>span,
 .actions-offpage .paginate_button span>span,
 .actions-settings .btn span>span,
 .actions-settings .paginate_button span>span {
  display:none
 }
}
@media(max-width:715px) {
 .actions-offpage span,
 .actions-settings span {
  display:none
 }
 .actions-offpage .btn,
 .actions-offpage .paginate_button,
 .actions-settings .btn,
 .actions-settings .paginate_button {
  padding-right:10px
 }
}
@media(max-width:350px) {
 .actions-pdf {
  display:none
 }
}
.report-head,
.report-details-content {
 display:table;
 width:100%;
 table-layout:fixed
}
.report-screenshot,
.report-details,
.report-details-info,
.report-tips {
 display:table-cell;
 vertical-align:top;
 overflow:hidden;
 word-break:all
}
.report-screenshot {
 width:324px
}
.report-tips {
 width:285px;
 padding-left:10px
}
.report-details {
 padding-left:20px
}
.report-details h1 {
 font-size:42px;
 color:#3c9adc;
 margin:0
}
.report-details h2 {
 font-weight:400;
 font-size:38px;
 margin:10px 0 20px;
 padding-bottom:13px;
 border-bottom:1px solid #e0e0e0
}
.report-details h2 a {
 color:#646464;
 text-decoration:none;
 display:inline-block;
 max-width:100%;
 overflow:hidden;
 white-space:nowrap;
 text-overflow:ellipsis;
 padding-right:4px;
 padding-bottom:2px
}
.report-details h2 a:hover {
 text-decoration:underline;
 white-space:normal;
 word-break:break-all
}
.report-details-info {
 font:16px "Maven Pro",Arial,sans-serif;
 letter-spacing:-0.0625em;
 padding-bottom:40px
}
.report-details-item {
 margin-top:.25em
}
.report-details-item label {
 float:left;
 width:175px;
 text-align:right
}
.report-details-value {
 margin-left:185px;
 color:#a4a3a3
}
.report-details-value [class*="sprite-browser-"],
.report-details-value [class*="sprite-option-"],
.report-details-value [class*="sprite-report-"] {
 vertical-align:middle;
 margin-top:-2px
}
.report-details-timestamp {
 margin:0;
 font-weight:500
}
.report-details-latest {
 font-weight:400;
 font-size:16px
}
.report-details-browser .report-details-value {
 text-indent:-25px;
 padding-left:25px
}
.report-details-options span {
 white-space:nowrap;
 margin-right:8px
}
.report-details-tips .sprite-report-wordpress {
 width:20px;
 height:20px;
 background-size:333px 476px;
 background-position:-46px -87px
}
.report-details-tips .sprite-report-magento {
 width:20px;
 height:20px;
 background-size:333px 476px;
 background-position:-22px -87px
}
.report-details-tips .sprite-report-slow-page {
 width:20px;
 height:20px;
 background-size:333px 476px;
 background-position:2px -87px
}
.report-details-tips .sprite-report-cdn {
 width:20px;
 height:20px;
 background-size:333px 476px;
 background-position:-72px -87px
}
.report-details-tips span {
 white-space:nowrap
}
.report-details-tips a {
 color:inherit;
 text-decoration:none
}
.report-details-tips a:hover {
 text-decoration:underline
}
.report-tip {
 margin-bottom:15px
}
.report-tip-icon-link {
 float:left;
 margin-right:5px
}
.report-tip-text {
 font-size:12px;
 line-height:.75;
 margin-top:4px
}
.report-tip-link {
 font-size:11px
}
@media(max-width:1400px) {
 .report-screenshot {
  width:250px
 }
 .report-screenshot .analyze-screenshot-portrait {
  padding:0 13px
 }
 .report-details h1 {
  font-size:38px
 }
 .report-details h2 {
  font-size:28px;
  margin-top:3px;
  padding-bottom:6px
 }
 .report-details-info {
  font-size:18px
 }
 .report-details-item label {
  width:150px
 }
 .report-details-value {
  margin-left:160px
 }
}
@media(max-width:1300px) {
 .report-tips {
  display:none
 }
 .report-details-tips {
  display:block
 }
}
@media(max-width:900px) {
 .report-screenshot {
  width:200px
 }
 .report-details {
  padding-left:15px
 }
 .report-details h1 {
  font-size:32px
 }
 .report-details h2 {
  font-size:22px
 }
 .report-details-info {
  font-size:14px
 }
 .report-details-item label {
  width:120px
 }
 .report-details-value {
  margin-left:130px
 }
 .report-details-latest {
  font-size:14px
 }
}
@media(max-width:750px) {
 .report-head,
 .report-screenshot,
 .report-details,
 .report-details-content,
 .report-details-info {
  display:block
 }
 .report-screenshot {
  max-width:100%;
  width:320px;
  margin:0 auto 10px
 }
 .report-details {
  padding:0
 }
 .report-details-latest {
  display:none
 }
}
@media(max-width:460px) {
 .report-details h1 {
  font-size:24px
 }
 .report-details h2 {
  font-size:18px;
  margin-bottom:7px
 }
 .report-details-item label {
  float:none
 }
 .report-details-item [class*="sprite-"] {
  display:none
 }
 .report-details-browser .report-details-value {
  text-indent:0;
  padding:0
 }
 .report-details-value {
  margin:0
 }
 .report-details-info {
  padding-bottom:10px;
  border-bottom:1px solid #e0e0e0;
  margin-bottom:20px
 }
}
.report-performance h3 {
 color:#3c9adc;
 font-size:28px;
 margin-bottom:4px
}
.report-performance h4 {
 margin:0
}
.report-scores,
.report-page-details {
 float:left
}
.report-scores .box,
.report-page-details .box {
 padding:0;
 background:linear-gradient(#fff,#eaeaea)
}
.report-scores {
 padding-right:10px;
 width:46%
}
.report-page-details {
 padding-left:10px;
 width:54%
}
.report-score,
.report-page-detail {
 float:left;
 border-right:1px solid #e0e0e0;
 padding:10px;
 white-space:nowrap
}
.report-score>*,
.report-page-detail>* {
 vertical-align:middle
}
.report-score [class*="sprite-average-"],
.report-page-detail [class*="sprite-average-"] {
 margin-left:3px
}
.report-score:last-child,
.report-page-detail:last-child {
 border:0
}
.report-score {
 width:50%
}
.report-page-detail {
 width:29%
}
.report-page-detail-size {
 width:42%
}
.report-page-detail-requests {
 width:29%
}
.report-score-grade,
.report-page-detail-value {
 font:28px "Maven Pro",Arial,sans-serif;
 letter-spacing:-0.0625em
}
.report-page-detail-value {
 color:#848484
}
.report-score-grade i {
 margin:0 4px -7px 0
}
@media(min-width:1391px) and (max-width:1560px),(max-width:790px) {
 .report-score-grade,
 .report-page-detail-value {
  font-size:28px
 }
 .report-score-grade i {
  margin-bottom:-11px
 }
 .report-scores {
  width:43.5%
 }
 .report-page-details {
  width:56.5%
 }
}
@media(min-width:971px) and (max-width:1390px),(min-width:501px) and (max-width:690px) {
 .report-performance h3 {
  font-size:22px
 }
 .report-performance h4 {
  font-size:17px
 }
 .report-score-grade,
 .report-page-detail-value {
  font-size:28px
 }
 .report-score-grade i {
  margin-bottom:-5px
 }
}
@media(min-width:851px) and (max-width:970px) {
 .report-performance h3 {
  font-size:22px
 }
 .report-performance h4 {
  font-size:16px
 }
 .report-score-grade,
 .report-page-detail-value {
  font-size:28px;
  line-height:1.25
 }
 .report-score-grade i {
  margin-bottom:-7px
 }
 .report-scores {
  width:44%
 }
 .report-page-details {
  width:56%
 }
 .report-score,
 .report-page-detail {
  padding:10px
 }
 .report-score [class*="sprite-average-"],
 .report-page-detail [class*="sprite-average-"] {
  margin:0
 }
}
@media(max-width:460px) {
 .report-performance h3 {
  font-size:22px
 }
}
@media(min-width:851px) and (max-width:1390px),(min-width:501px) and (max-width:690px) {
 .report-performance .sprite-average-above {
  width:14px;
  height:9px;
  background-size:424px 606px;
  background-position:-59px -159px
 }
 .report-performance .sprite-average-below {
  width:14px;
  height:9px;
  background-size:424px 606px;
  background-position:-98px -159px
 }
 .report-performance .sprite-average-even {
  width:14px;
  height:13px;
  background-size:424px 606px;
  background-position:-79px -159px
 }
}
@media(min-width:851px) and (max-width:1390px),(min-width:501px) and (max-width:690px) {
 .report-score-grade .sprite-grade-A {
  width:31px;
  height:32px;
  background-size:339px 485px;
  background-position:0 -247px
 }
 .report-score-grade .sprite-grade-B {
  width:24px;
  height:32px;
  background-size:339px 485px;
  background-position:-37px -247px
 }
 .report-score-grade .sprite-grade-C {
  width:24px;
  height:32px;
  background-size:339px 485px;
  background-position:0 -283px
 }
 .report-score-grade .sprite-grade-D {
  width:26px;
  height:32px;
  background-size:339px 485px;
  background-position:-37px -284px
 }
 .report-score-grade .sprite-grade-E {
  width:21px;
  height:32px;
  background-size:339px 485px;
  background-position:0 -320px
 }
 .report-score-grade .sprite-grade-F {
  width:20px;
  height:32px;
  background-size:339px 485px;
  background-position:-37px -320px
 }
}
@media(max-width:850px) {
 .report-scores,
 .report-page-details {
  float:none;
  width:auto;
  padding:0
 }
 .report-scores {
  margin-bottom:20px
 }
}
@media(max-width:500px) {
 .report-score,
 .report-page-detail {
  float:none;
  border:0;
  border-bottom:1px solid #e0e0e0;
  width:auto
 }
}
.report-tabs {
 margin-top:40px
}
@media(max-width:750px) {
 .report-tabs .r-tabs-nav {
  display:none
 }
 .report-tabs .r-tabs-accordion-title {
  display:block
 }
}
.rules {
 table-layout:fixed
}
.rules tbody tr:nth-child(2n+1) {
 background:#fafafa;
 cursor:pointer;
 transition:background-color .25s ease-out
}
.rules tbody tr:nth-child(2n+1):nth-child(4n+1) {
 background:#f4f4f4
}
.rules tbody tr:nth-child(2n) {
 background:#fff;
 border-top:1px solid #eeefed;
 border-bottom:2px solid #eeefed
}
.rules tbody tr:nth-child(2n+1):hover {
 background:#eeefed
}
.rules .sprite-average-above {
 width:17px;
 height:11px;
 background-size:509px 728px;
 background-position:-71px -191px
}
.rules .sprite-average-below {
 width:17px;
 height:11px;
 background-size:509px 728px;
 background-position:-118px -191px
}
.rules .sprite-average-even {
 width:17px;
 height:16px;
 background-size:509px 728px;
 background-position:-94px -191px
}
td.rules-name {
 text-indent:-18px;
 padding-left:30px
}
.rules-name a {
 text-decoration:none;
 font-weight:bold;
 color:#256fa2
}
.rules-name a:before {
 content:'';
 margin:0 10px 3px 0
}
.rules-grade {
 width:140px;
 white-space:nowrap
}
.rules-grade .grade-meter,
.rules-grade .site-average {
 vertical-align:middle
}
.rules-type,
.rules-weight {
 width:90px
}
td.rules-type,
td.rules-weight {
 font-size:11px;
 text-transform:uppercase;
 color:#848484
}
.rules-details td {
 padding:20px
}
.rules-details ul {
 font-size:12px
}
.rules-details li a {
 word-break:break-all
}
.rules-details li a:visited {
 color:#256fa2
}
.rules-details a:after {
 content:none
}
.rule-help {
 float:right;
 margin:0 0 5px 10px;
 font-size:14px
}
.rule-help .sprite-question {
 display:none
}
.rule-help-tooltip-more {
 font-size:12px
}
@media(min-width:1400px) {
 .rules-grade {
  width:225px
 }
 .rules-grade .grade-meter {
  margin-right:6px;
  width:150px;
  font-size:12px
 }
 .rules-grade .grade-meter div {
  text-indent:8px;
  padding:4px 0
 }
 .rules-type,
 .rules-weight {
  width:100px
 }
}
@media(min-width:850px) and (max-width:1020px) {
 .rules-grade {
  width:190px
 }
 .rules-grade .grade-meter {
  margin-right:6px;
  width:115px
 }
}
@media(max-width:650px) {
 .rules-grade {
  width:120px
 }
 .rules-grade .site-average {
  display:none
 }
 .rules .rules-type,
 .rules .rules-weight {
  width:0;
  padding:0;
  overflow:hidden
 }
 .rule-help .sprite-question {
  display:inline-block;
  margin-bottom:-2px
 }
 .rule-help .resp-hidden {
  display:none
 }
}
@media(max-width:1020px) {
 .report-pagespeed .layout-cols-sidebar-right,
 .report-yslow .layout-cols-sidebar-right {
  display:table-caption;
  caption-side:bottom;
  padding-left:0;
  padding-top:20px;
  width:auto
 }
 .report-pagespeed .layout-cols-sidebar-left,
 .report-yslow .layout-cols-sidebar-left {
  width:320px
 }
 .report-rules-sidebar .box-wrapper {
  width:50%;
  float:left;
  margin:25px 0 0 0
 }
 .report-rules-sidebar .box-wrapper:nth-child(odd) {
  padding-right:10px
 }
 .report-rules-sidebar .box-wrapper:nth-child(even) {
  padding-left:10px
 }
}
@media(max-width:750px) {
 .report-pagespeed .report-rules-sidebar,
 .report-yslow .report-rules-sidebar {
  display:none
 }
}
.report-waterfall-wrapper,
.report-video-wrapper {
 position:relative;
 padding-bottom:60%;
 height:0
}
.report-waterfall,
.report-video {
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%
}
#waterfall {
 position:relative
}
.report-waterfall-download {
 position:absolute;
 top:0;
 right:0
}
.report-waterfall-guest {
 margin-bottom:20px
}
.report-waterfall-mobile-screen,
.report-history-mobile-screen {
 text-align:center;
 padding:0 30px;
 position:relative
}
.report-waterfall-mobile-screen span,
.report-history-mobile-screen span {
 position:relative;
 display:inline-block;
 font-size:0;
 opacity:.6
}
.report-waterfall-mobile-screen span:after,
.report-history-mobile-screen span:after {
 content:'';
 position:absolute;
 top:0;
 left:0;
 bottom:0;
 right:0;
 background:rgba(60,154,220,0.25)
}
.report-waterfall-mobile-screen img,
.report-history-mobile-screen img {
 width:100%;
 height:auto;
 max-width:590px;
 box-shadow:0 0 10px 0 rgba(0,0,0,0.25)
}
.report-waterfall-mobile-screen strong,
.report-history-mobile-screen strong {
 position:absolute;
 width:100%;
 max-width:400px;
 padding:0 50px;
 top:50%;
 left:50%;
 transform:translate(-50%,-50%)
}
@media(max-width:600px) {
 .report-waterfall-content {
  display:none
 }
 .report-waterfall-mobile {
  display:block
 }
}
.report-timings {
 position:relative
}
.report-timings-view-toggle {
 display:none
}
.report-timings-speed-index {
 font:400 20px "Maven Pro",Arial,sans-serif;
 letter-spacing:-0.0625em;
 display:block;
 margin-bottom:16px
}
.report-timings-speed-index .help-tooltip {
 margin-bottom:0
}
.report-timings-chart {
 font:400 16px / 1 "Maven Pro",Arial,sans-serif;
 letter-spacing:-0.0625em;
 overflow:hidden;
 border:4px solid #e0e0e0;
 background:linear-gradient(#fff,#eaeaea)
}
.report-timings-chart-content {
 display:flex;
 flex-wrap:wrap;
 margin:0 -1px -1px 0
}
.report-timings-chart-item {
 width:25%;
 border:1px solid #e0e0e0;
 border-left:0;
 border-top:0;
 padding:5px;
 text-align:center;
 line-height:1.3;
 cursor:pointer;
 display:flex;
 flex-direction:column-reverse
}
.report-timings-chart-item {
 color:#9b9b9b
}
.report-timings-chart-item-duration .report-timings-chart-item-name {
 color:#646464
}
.report-timings-chart-item-first-byte {
 color:#d98b49
}
.report-timings-chart-item-first-paint {
 color:#77ad80
}
.report-timings-chart-item-first-contentful-paint {
 color:#6aa670
}
.report-timings-chart-item-dom-interactive {
 color:#69c4c5
}
.report-timings-chart-item-dom-content-loaded {
 color:#3ca5e3
}
.report-timings-chart-item-onload {
 color:#df5d5f
}
.report-timings-info-box {
 padding:20px;
 margin-top:24px;
 min-height:160px
}
.report-timings-info-empty {
 position:relative;
 height:150px
}
.report-timings-info-empty h4 {
 font-size:28px;
 color:#b7b7b7;
 text-align:center;
 width:100%;
 position:absolute;
 top:50%;
 transform:translateY(-50%)
}
.report-timings-info h4 {
 margin-bottom:26px;
 font-size:21px;
 line-height:21px;
 padding-left:30px;
 position:relative
}
.report-timings-info h4:before {
 content:'';
 width:21px;
 height:21px;
 position:absolute;
 top:1px;
 left:0
}
.report-timings-info ul {
 overflow:hidden
}
.report-timings-info-duration h4 {
 color:#787878
}
.report-timings-info-duration h4:before {
 background-color:#bebab9
}
.report-timings-info-first-byte h4 {
 color:#d98b49
}
.report-timings-info-first-byte h4:before {
 background-color:#fca850
}
.report-timings-info-first-paint h4 {
 color:#77ad80
}
.report-timings-info-first-paint h4:before {
 background-color:#9dd2a6
}
.report-timings-info-first-contentful-paint h4 {
 color:#6aa670
}
.report-timings-info-first-contentful-paint h4:before {
 background-color:#45b458
}
.report-timings-info-dom-interactive h4 {
 color:#69c4c5
}
.report-timings-info-dom-interactive h4:before {
 background-color:#6ed3cf
}
.report-timings-info-dom-content-loaded h4 {
 color:#3ca5e3
}
.report-timings-info-dom-content-loaded h4:before {
 background-color:#3c9adc
}
.report-timings-info-onload h4 {
 color:#df5d5f
}
.report-timings-info-onload h4:before {
 background-color:#f65056
}
.report-timings-info-screenshot {
 box-shadow:0 0 10px 0 rgba(0,0,0,0.25);
 margin:0 30px 10px 0;
 float:left
}
@media(max-width:750px) {
 .report-timings-chart-item {
  width:50%
 }
 .bsprite-report-timings-redirect,
 .bsprite-report-timings-connect,
 .bsprite-report-timings-backend,
 .bsprite-report-timings-first-byte,
 .bsprite-report-timings-first-paint,
 .bsprite-report-timings-first-contentful-paint,
 .bsprite-report-timings-dom-interactive,
 .bsprite-report-timings-dom-content-loaded,
 .bsprite-report-timings-onload {
  width:260px;
  height:125px;
  background-size:260px 1125px
 }
 .bsprite-report-timings-redirect {
  background-position:0 0
 }
 .bsprite-report-timings-connect {
  background-position:0 -125px
 }
 .bsprite-report-timings-backend {
  background-position:0 -250px
 }
 .bsprite-report-timings-first-byte {
  background-position:0 -500px
 }
 .bsprite-report-timings-first-paint {
  background-position:0 -375px
 }
 .bsprite-report-timings-first-contentful-paint {
  background-position:0 -1000px
 }
 .bsprite-report-timings-dom-interactive {
  background-position:0 -625px
 }
 .bsprite-report-timings-dom-content-loaded {
  background-position:0 -750px
 }
 .bsprite-report-timings-onload {
  background-position:0 -875px
 }
}
@media(min-width:1025px) {
 .report-timings-view-toggle {
  display:block;
  position:absolute;
  right:0;
  top:-4px
 }
 .report-timings-graphical .report-timings-speed-index {
  margin:0;
  position:absolute;
  top:30px;
  left:0;
  z-index:1
 }
 .report-timings-graphical .report-timings-chart {
  border:0;
  background:0;
  padding:100px 0 30px;
  position:relative
 }
 .report-timings-graphical .report-timings-chart::before {
  content:'Note: Marker spacing not to scale';
  position:absolute;
  top:0;
  left:0
 }
 .report-timings-graphical .report-timings-chart::after {
  content:'';
  background-color:#c1dcef;
  height:5px;
  position:absolute;
  left:0;
  right:0;
  bottom:26.5px;
  z-index:0
 }
 .report-timings-graphical .report-timings-chart-content {
  flex-wrap:nowrap;
  align-items:flex-end;
  margin:0
 }
 .report-timings-graphical .report-timings-chart-item {
  border:3px solid #e0e0e0;
  margin-left:15px;
  background:linear-gradient(#fff,#ececec);
  z-index:1;
  transform:translateY(-28px)
 }
 .report-timings-graphical .report-timings-chart-item::before,
 .report-timings-graphical .report-timings-chart-item::after {
  content:'';
  position:absolute;
  left:50%;
  transform:translateY(2px)
 }
 .report-timings-graphical .report-timings-chart-item::before {
  width:2px;
  height:28px;
  margin-left:-1px;
  top:100%
 }
 .report-timings-graphical .report-timings-chart-item::after {
  width:10px;
  height:11px;
  margin-left:-5px;
  bottom:-36px
 }
 .report-timings-graphical .report-timings-chart-item:hover {
  background:linear-gradient(#f4f4f4,#e3e3e3)
 }
 .report-timings-graphical .report-timings-chart-item-duration {
  margin-left:0;
  transform:translateY(50%)
 }
 .report-timings-graphical .report-timings-chart-item-duration+.report-timings-chart-item-duration {
  border-left:0
 }
 .report-timings-graphical .report-timings-chart-item {
  width:130px;
  flex-shrink:1
 }
 .report-timings-graphical .report-timings-chart-item-duration {
  width:115px
 }
 .report-timings-graphical .report-timings-chart-item-dom-content-loaded,
 .report-timings-graphical .report-timings-chart-item-first-contentful-paint,
 .report-timings-graphical .report-timings-chart-item-onload {
  width:auto;
  min-width:120px;
  flex-grow:1
 }
 .report-timings-graphical .report-timings-chart-item-first-byte,
 .report-timings-graphical .report-timings-chart-item-first-byte:before,
 .report-timings-graphical .report-timings-chart-item-first-byte:after {
  background-color:#fca850;
  border-color:#fca850
 }
 .report-timings-graphical .report-timings-chart-item-first-paint,
 .report-timings-graphical .report-timings-chart-item-first-paint:before,
 .report-timings-graphical .report-timings-chart-item-first-paint:after {
  background-color:#9dd2a6;
  border-color:#9dd2a6
 }
 .report-timings-graphical .report-timings-chart-item-first-contentful-paint,
 .report-timings-graphical .report-timings-chart-item-first-contentful-paint:before,
 .report-timings-graphical .report-timings-chart-item-first-contentful-paint:after {
  background-color:#45b458;
  border-color:#45b458
 }
 .report-timings-graphical .report-timings-chart-item-dom-interactive,
 .report-timings-graphical .report-timings-chart-item-dom-interactive:before,
 .report-timings-graphical .report-timings-chart-item-dom-interactive:after {
  background-color:#6ed3cf;
  border-color:#6ed3cf
 }
 .report-timings-graphical .report-timings-chart-item-dom-content-loaded,
 .report-timings-graphical .report-timings-chart-item-dom-content-loaded:before,
 .report-timings-graphical .report-timings-chart-item-dom-content-loaded:after {
  background-color:#3c9adc;
  border-color:#3c9adc
 }
 .report-timings-graphical .report-timings-chart-item-onload,
 .report-timings-graphical .report-timings-chart-item-onload:before,
 .report-timings-graphical .report-timings-chart-item-onload:after {
  background-color:#f65056;
  border-color:#f65056
 }
 .report-timings-info h4 {
  font-size:28px;
  line-height:28px;
  padding-left:40px
 }
 .report-timings-info h4:before {
  height:28px;
  width:28px
 }
}
@media(max-width:1000px) {
 .report-timings-info-screenshot {
  display:block;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:20px;
  float:none
 }
}
.report-video-wrapper {
 box-sizing:content-box;
 height:68px;
 padding-bottom:75%
}
.report-video-embed {
 margin-bottom:20px
}
.report-video-embed select {
 margin:6px 0 12px;
 width:100%
}
.report-video-embed textarea {
 margin-top:6px;
 width:100%;
 height:115px;
 resize:none
}
@media(max-width:970px) {
 .report-video-sidebar {
  display:none
 }
}
.report-filmstrip {
 overflow-x:auto
}
.report-filmstrip-generate {
 text-align:center
}
.report-filmstrip-error {
 margin:16px auto 0;
 max-width:500px
}
.report-feature-screenshot {
 width:100%;
 height:auto;
 padding:10px 30px 0;
 float:left;
 margin-left:-100%
}
.report-feature-screenshot img {
 width:100%;
 height:auto;
 box-shadow:0 0 10px 0 rgba(0,0,0,0.25)
}
.report-waterfall-guest .report-feature-screenshot {
 padding-left:10px
}
.report-feature-cta {
 padding-left:50%
}
@media(max-width:900px) {
 .report-feature-screenshot {
  float:none;
  margin-left:0;
  text-align:center
 }
 .report-feature-screenshot img {
  max-width:500px
 }
 .report-feature-cta {
  padding-left:0
 }
}
.graph-container+.graph-container {
 margin-top:30px
}
.graph-plot {
 height:300px;
 font-size:14px;
 position:relative
}
.graph-plot::before {
 content:"";
 display:block;
 position:absolute;
 top:6px;
 right:30px;
 bottom:0;
 left:45px;
 border:2px solid #ddd;
 background:#fcfcfc
}
.graph-plot .flot-base {
 background:#fff
}
.graph-controls {
 font:400 18px "Maven Pro",Arial,sans-serif;
 letter-spacing:-0.0625em
}
.graph-controls .add-note-button {
 margin-left:45px
}
.graph-controls .add-note-button-disabled {
 opacity:.6
}
.graph-controls ul {
 margin:0;
 padding-left:0;
 list-style:none;
 display:inline-block
}
.graph-controls li {
 display:inline-block;
 padding:5px 0 7px;
 width:43px;
 background:#3c9adc;
 color:#fff;
 text-align:center;
 cursor:pointer
}
.graph-controls li:hover {
 background:#2e7db4;
 transition:background-color .25s ease-out
}
.graph-controls .pan-disabled,
.graph-controls .zoom-disabled {
 opacity:.4;
 cursor:default
}
.graph-controls .pan-disabled:hover,
.graph-controls .zoom-disabled:hover {
 background:#3c9adc
}
.graph-controls-pan {
 float:right;
 margin:0 30px 0 15px;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none
}
.graph-controls-pan .pan-left,
.graph-controls-pan .pan-right {
 padding:4px 0 6px
}
.graph-controls-pan .pan-right {
 margin-left:3px
}
.graph-controls-pan i {
 vertical-align:middle
}
.graph-controls-zoom {
 float:right;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none
}
.graph-controls-zoom li:not(:last-child) {
 border-right:1px solid #ccc
}
.graph-controls-zoom .zoom-selected {
 background:#196193
}
.graph-controls-zoom .zoom-selected:hover {
 background:#196193
}
.graph-load-more {
 margin-top:16px
}
.graph-legend {
 margin:5px 0 0 45px
}
.graph-legend tr {
 line-height:20px
}
.graph-legend .legendLabel {
 padding:0 12px 0 4px
}
.graph-legend .legend-group-toggle {
 cursor:pointer
}
.graph-legend .legend-group-toggle.legend-group-toggle-inactive {
 opacity:.5
}
.graph-legend .legend-group-toggle:hover {
 color:#171717
}
.add-note-crosshairs {
 cursor:crosshair
}
.graph-annotation-icon {
 width:23px;
 height:19px;
 background-position:-269px -402px;
 position:absolute;
 margin-top:-5px;
 margin-left:-12px;
 cursor:pointer
}
.graph-tip-holder {
 position:absolute;
 opacity:0;
 pointer-events:none;
 width:12px;
 height:12px;
 border-radius:50%
}
.graph-tip-addnote {
 width:275px
}
.graph-plot-hover-display {
 cursor:pointer
}
.graph-plot-spinner {
 position:absolute;
 top:50%;
 right:30px;
 left:45px;
 padding-top:55px;
 transform:translate(0,-50%);
 text-align:center;
 font:400 16px "Maven Pro",Arial,sans-serif;
 letter-spacing:-0.0625em;
 color:#9b9b9b
}
.graph-plot-spinner .spinner,
.graph-plot-spinner .analyze-screenshot-loader {
 width:50px;
 height:50px;
 top:0;
 margin:0 0 0 -25px
}
.graph-plot-spinner .spinner div,
.graph-plot-spinner .analyze-screenshot-loader div {
 background:#e0e0e0
}
@media(max-width:1350px) {
 .report-history .layout-cols-sidebar-right {
  display:table-caption;
  caption-side:bottom;
  padding-left:0;
  padding-top:20px;
  width:auto
 }
 .report-history .layout-cols-sidebar-left {
  width:320px
 }
 .report-history .box-wrapper {
  width:50%;
  float:left;
  margin:25px 0 0 0
 }
 .report-history .box-wrapper:nth-child(odd) {
  padding-right:10px
 }
 .report-history .box-wrapper:nth-child(even) {
  padding-left:10px
 }
}
@media(max-width:840px) {
 .report-history-content {
  display:none
 }
 .report-history-mobile {
  display:block
 }
}
.menu-report-compare .analyze-error,
.menu-compare .analyze-error {
 margin-bottom:20px;
 color:#646464;
 font-size:12px
}
.menu-report-compare .analyze-error a,
.menu-compare .analyze-error a {
 color:#3c9adc
}
.menu-report-compare .analyze-error a:hover,
.menu-compare .analyze-error a:hover {
 color:#256fa2
}
.menu-report-compare .analyze-error h3,
.menu-compare .analyze-error h3 {
 font-size:24px
}
.menu-report-compare .analyze-error-more,
.menu-compare .analyze-error-more {
 font-size:11px
}
.menu-report-compare .analyze-form-input input,
.menu-compare .analyze-form-input input {
 border-width:1px;
 font-size:14px
}
.menu-report-compare .analyze-form-button button,
.menu-compare .analyze-form-button button {
 font-size:18px;
 padding:5px 15px 7px
}
.menu-report-compare-region select {
 width:84%;
 margin-right:6px
}
@media(max-width:425px) {
 .menu-report-compare-region select,
 .menu-report-compare-region button {
  width:100%
 }
 .menu-report-compare-region select {
  margin:0 0 10px
 }
}
.sprite-devtool-promo-simulate {
 width:40px;
 height:40px;
 background-position:-326px -623px
}
.sprite-devtool-promo-resolution {
 width:40px;
 height:40px;
 background-position:-378px -623px
}
.sprite-devtool-promo-presets {
 width:40px;
 height:42px;
 background-position:-430px -621px
}
.sprite-devtool-promo-user_agent {
 width:40px;
 height:46px;
 background-position:-479px -618px
}
.menu-report-no-dt {
 padding:10px;
 background-color:#1c6da6
}
.menu-report-no-dt-entry {
 padding-top:10px;
 padding-bottom:10px
}
.menu-report-no-dt-entry h5 {
 font-size:18px;
 font-weight:300;
 margin-top:4px;
 margin-bottom:2px
}
.menu-report-no-dt-entry .menu-report-no-dt-icon {
 float:left;
 margin-right:10px
}
.menu-report-no-dt-entry .menu-report-no-dt-text {
 font-family:Arial;
 margin-top:4px;
 font-size:12px;
 color:#b7cad8
}
.menu-report-settings-get_devtool {
 text-align:center;
 margin-top:20px
}
.menu-report-settings-note {
 font-size:11px;
 font-style:italic
}
.menu-report-settings-mon,
.menu-report-settings-mon-video {
 margin-top:16px
}
.menu-report-pro-note {
 margin:10px 0;
 font-size:12px;
 font-weight:bold;
 opacity:.7
}
.ps-browser-rotate-btn {
 padding:0;
 height:33px;
 width:35px;
 cursor:pointer;
 background:#3c9adc
}
.ps-browser-rotate-btn:hover {
 background:#2e7db4
}
.ps-browser-rotate-btn.rotate-disabled {
 background:#9b9b9b;
 cursor:default
}
.ps-browser-rotate-btn.rotate-disabled:hover {
 background:#9b9b9b
}
.ps-dns-labels {
 padding-top:10px
}
.ps-dns-none {
 color:#becdda;
 font-style:italic;
 font-size:14px;
 padding:10px 0 5px 0
}
.menu-report-alerts-message {
 margin-bottom:16px
}
.menu-report-alerts-conds {
 margin-top:5px
}
.menu-report-alerts-no-conds {
 margin:10px 0;
 font-size:14px;
 font-style:italic;
 opacity:.5
}
.menu-report-alerts-cond {
 margin-bottom:10px
}
.menu-report-alerts-cond select {
 font-size:14px;
 padding:5px 0 4px 4px
}
.menu-report-alerts-cond input[type="text"] {
 font-size:14px;
 padding:6px 6px 5px
}
.menu-report-alerts-cond-metric {
 max-width:160px
}
.menu-report-alerts-cond-operator {
 width:95px
}
.menu-report-alerts-cond-value {
 width:60px
}
.menu-report-alerts-add .sprite-add-white {
 width:12px;
 height:12px;
 background-size:485px 693px;
 background-position:-122px -290px
}
.menu-report-remove-entry {
 font-size:10px;
 opacity:.6;
 text-decoration:none;
 transition:opacity .25s ease-out
}
.menu-report-remove-entry:hover {
 opacity:1
}
@media(max-width:425px) {
 .menu-report-alerts-cond-metric,
 .menu-report-alerts-cond-operator {
  display:block;
  width:100%;
  margin-bottom:5px
 }
 .menu-report-alerts-cond-metric {
  max-width:none
 }
 .menu-report-alerts-cond-value {
  width:75%
 }
 .menu-report-alerts-cond-units-size {
  width:23.25%
 }
}
.menu-report-pdf-options {
 margin:0;
 padding-left:0;
 list-style:none
}
.menu-report-pdf-options li {
 margin:8px 0
}
@media(max-width:425px) {
 .menu-report-pdf button {
  width:100%
 }
}
.menu-report-share-links {
 margin:0;
 padding-left:0;
 list-style:none
}
.menu-report-share-links * {
 vertical-align:middle
}
.menu-report-share-links li {
 margin-bottom:8px
}
.menu-report-share-links a {
 font-weight:bold;
 text-decoration:none
}
.compare-info .analyze-screenshot-wrapper {
 max-width:324px;
 margin:0 auto
}
.compare-info .analyze-screenshot-mobile {
 max-width:361px
}
.compare-info .analyze-screenshot-portrait {
 padding:0 calc((315px - 100%) * .18)
}
.compare-info1 .analyze-screenshot-remove {
 background:rgba(210,230,202,0.8)
}
.compare-info1 .analyze-screenshot-remove:hover {
 background:#d2e6ca
}
.compare-info2 .analyze-screenshot-remove {
 background:rgba(204,221,238,0.8)
}
.compare-info2 .analyze-screenshot-remove:hover {
 background:#cde
}
.compare-info3 .analyze-screenshot-remove {
 background:rgba(247,229,195,0.8)
}
.compare-info3 .analyze-screenshot-remove:hover {
 background:#f7e5c3
}
.compare-info4 .analyze-screenshot-remove {
 background:rgba(246,203,203,0.8)
}
.compare-info4 .analyze-screenshot-remove:hover {
 background:#f6cbcb
}
.compare-info-add .analyze-screenshot {
 cursor:pointer;
 transition:background-color .25s ease-out
}
.compare-info-add .analyze-screenshot:hover {
 background:#efefef
}
.compare-info-add .analyze-screenshot:hover .sprite-add {
 opacity:1
}
.compare-info-add .sprite-add {
 position:absolute;
 top:50%;
 left:50%;
 margin:-14px 0 0 -14px;
 opacity:.6;
 transition:opacity .25s ease-out;
 width:28px;
 height:28px;
 background-size:1130px 1616px;
 background-position:-290px -162px
}
.compare-info-text {
 font:14px "Maven Pro",Arial,sans-serif;
 letter-spacing:-0.0625em;
 margin-top:10px;
 text-align:center
}
.compare-info-text a {
 display:block;
 overflow:hidden;
 white-space:nowrap;
 text-overflow:ellipsis
}
.compare-info-text a:hover {
 white-space:normal;
 word-break:break-all
}
.compare-summaries {
 margin:15px 0 30px
}
.compare-summary-head,
.compare-summary {
 font:19px / 1.75 "Maven Pro",Arial,sans-serif;
 letter-spacing:-0.0625em
}
.compare-summary-head {
 text-align:right;
 padding:20px 20px 0 0
}
.compare-summary {
 text-align:center
}
.compare-summary .box {
 font-size:19px;
 background:linear-gradient(#fff,#eaeaea)
}
.compare-summary .compare-grade-better,
.compare-summary .compare-best {
 color:#53c14a
}
.compare-summary .compare-grade-worse,
.compare-summary .compare-worst {
 color:#e53131
}
.compare-summary .compare-grade-better,
.compare-summary .compare-grade-worse {
 font-size:16px
}
.compare-summary-value {
 font-weight:500
}
.compare-summary-error {
 line-height:1.2
}
.compare-summary-add {
 margin-top:50px;
 line-height:1.2
}
.compare-summary-add button {
 margin-top:10px
}
.compare-infos .compare-summary {
 display:none;
 float:none;
 padding-left:0;
 margin:15px 0 30px
}
.compare-infos .compare-summary h5 {
 margin:5px 0 0 0
}
.compare-info1 .analyze-screenshot,
.compare-summary1 .box,
.compare-rules .compare-rule1 .compare-grade {
 border-color:#d2e6ca
}
.compare-info2 .analyze-screenshot,
.compare-summary2 .box,
.compare-rules .compare-rule2 .compare-grade {
 border-color:#cde
}
.compare-info3 .analyze-screenshot,
.compare-summary3 .box,
.compare-rules .compare-rule3 .compare-grade {
 border-color:#f7e5c3
}
.compare-info4 .analyze-screenshot,
.compare-summary4 .box,
.compare-rules .compare-rule4 .compare-grade {
 border-color:#f6cbcb
}
.compare-info-head,
.compare-info,
.compare-summary-head,
.compare-summary {
 float:left;
 padding-left:10px
}
.compare-info-head,
.compare-summary-head {
 padding-left:0
}
.compare-4infos .compare-info-head,
.compare-4infos .compare-info,
.compare-4summaries .compare-summary-head,
.compare-4summaries .compare-summary,
.compare-4rules td {
 width:20%
}
.compare-3infos .compare-info-head,
.compare-3infos .compare-info,
.compare-3summaries .compare-summary-head,
.compare-3summaries .compare-summary,
.compare-3rules td {
 width:25%
}
.compare-2infos .compare-info-head,
.compare-2infos .compare-info,
.compare-2summaries .compare-summary-head,
.compare-2summaries .compare-summary,
.compare-2rules td {
 width:33.33%
}
.compare-1infos .compare-info-head,
.compare-1infos .compare-info,
.compare-1summaries .compare-summary-head,
.compare-1summaries .compare-summary,
.compare-1rules td {
 width:50%
}
.compare-info-head-mobile,
.compare-info-head-max2,
.compare-info-head-max3 {
 display:none;
 font-size:14px
}
.compare-infos-has-add-col .compare-info-head-add {
 display:none
}
.compare-info-head-add+.compare-info-head-mobile {
 margin-top:16px
}
@media(max-width:999px) {
 .compare-4infos .compare-info-head,
 .compare-4infos .compare-info,
 .compare-4summaries .compare-summary-head,
 .compare-4summaries .compare-summary,
 .compare-4rules td {
  width:25%
 }
 .compare-info4,
 .compare-summary4,
 .compare-rules td:nth-child(n+5) {
  display:none
 }
 .compare-4infos .compare-info-head-max3,
 .compare-3infos .compare-info-head-max3 {
  display:block
 }
 .compare-4infos .compare-info-head-add,
 .compare-3infos .compare-info-head-add {
  display:none
 }
 .compare-infos-has-add-col .compare-info-head-max2,
 .compare-infos-has-add-col .compare-info-head-max3,
 .compare-infos-has-add-col .compare-info-head-add {
  display:none
 }
}
@media(max-width:767px) {
 .compare-4infos .compare-info-head,
 .compare-4infos .compare-info,
 .compare-4summaries .compare-summary-head,
 .compare-4summaries .compare-summary,
 .compare-4rules td,
 .compare-3infos .compare-info-head,
 .compare-3infos .compare-info,
 .compare-3summaries .compare-summary-head,
 .compare-3summaries .compare-summary,
 .compare-3rules td {
  width:33.33%
 }
 .compare-info3,
 .compare-info4,
 .compare-summary3,
 .compare-summary4,
 .compare-rules td:nth-child(n+4) {
  display:none
 }
 .compare-4infos .compare-info-head-max2,
 .compare-3infos .compare-info-head-max2,
 .compare-2infos .compare-info-head-max2 {
  display:block
 }
 .compare-4infos .compare-info-head-max3,
 .compare-3infos .compare-info-head-max3,
 .compare-2infos .compare-info-head-max3,
 .compare-2infos .compare-info-head-add {
  display:none
 }
 .compare-infos-has-add-col .compare-info-head-max2,
 .compare-infos-has-add-col .compare-info-head-max3,
 .compare-infos-has-add-col .compare-info-head-add {
  display:none
 }
}
@media(max-width:599px) {
 .compare-infos .compare-summary {
  display:block
 }
 .compare-infos .compare-info-head,
 .compare-infos .compare-info {
  float:none;
  width:auto;
  display:block;
  padding-left:0
 }
 .compare-summaries,
 .compare-tabs {
  display:none
 }
 .compare-infos .compare-info-head-max2,
 .compare-infos .compare-info-head-max3 {
  display:none
 }
 .compare-info-head-mobile {
  display:block
 }
 .compare-infos .compare-info-head-add {
  display:block;
  text-align:center
 }
 .compare-infos-has-add-col .compare-info-head-add {
  display:none
 }
}
.compare-rules {
 table-layout:fixed;
 width:100%;
 font-size:11px
}
.compare-rule-head {
 text-align:right;
 color:#256fa2
}
.compare-rule {
 font-weight:bold
}
.compare-grade {
 margin-left:10px;
 border:4px solid #ccc;
 border-bottom:0;
 border-top:0;
 padding:7px 4px 9px;
 text-align:center;
 background:#fafafa;
 position:relative
}
.compare-grade:after {
 content:'';
 display:block;
 width:100%;
 height:2px;
 background:#fff;
 position:absolute;
 bottom:0;
 left:0
}
tr:nth-child(odd) .compare-grade {
 background:#f4f4f4
}
.compare-rules tr .compare-best {
 color:#fff;
 background:#53c14a
}
.compare-rules tr .compare-worst {
 color:#fff;
 background:#e53131
}
tr:first-child .compare-grade {
 border-top:4px solid #ccc
}
tr:last-child .compare-grade {
 border-bottom:4px solid #ccc;
 padding-bottom:7px
}
tr:last-child .compare-grade:after {
 content:none
}
@media(max-width:1023px) {
 .compare-waterfall .report-waterfall-content {
  display:none
 }
 .compare-waterfall .report-waterfall-mobile {
  display:block
 }
}
.compare-video .report-filmstrip h4 {
 margin:0 0 5px
}
.compare-video .report-filmstrip img {
 margin-bottom:10px;
 border:4px solid #e0e0e0
}
.compare-video .report-filmstrip1 {
 color:#88bd73
}
.compare-video .report-filmstrip1 img {
 border-color:#d2e6ca
}
.compare-video .report-filmstrip2 {
 color:#6c9dce
}
.compare-video .report-filmstrip2 img {
 border-color:#cde
}
.compare-video .report-filmstrip3 {
 color:#e8b452
}
.compare-video .report-filmstrip3 img {
 border-color:#f7e5c3
}
.compare-video .report-filmstrip4 {
 color:#e35e5e
}
.compare-video .report-filmstrip4 img {
 border-color:#f6cbcb
}
.page-compare .graph-container h3 {
 margin-bottom:0
}
.page-compare .graph-container h4 {
 margin:5px 0
}
.compare-graph {
 height:200px
}
.compare-legend {
 padding-top:4px;
 width:35%
}
.compare-legend table {
 table-layout:fixed;
 width:100%
}
.compare-legend .legendColorBox {
 width:14px
}
.compare-legend .legendLabel {
 padding:4px 0 2px 4px;
 overflow:hidden;
 white-space:nowrap;
 text-overflow:ellipsis
}
.accordion dt {
 font:500 20px "Maven Pro",Arial,sans-serif;
 letter-spacing:-0.0625em
}
.accordion dt a {
 display:block;
 border-top:2px solid #e0e0e0;
 padding:8px 10px;
 background:#f5f5f5;
 text-decoration:none;
 color:#646464
}
.accordion dt a:hover {
 background:#e9e9e9
}
.accordion dt a:after {
 content:"";
 float:right;
 margin-top:8px
}
.accordion dt.accordion-active a {
 border-top-color:#3c9adc;
 border-bottom:1px solid #eeefed;
 background:#fff;
 color:#3c9adc
}
.accordion dt.accordion-active a:hover {
 color:#256fa2
}
.accordion dd {
 margin:0
}
.recommendations-list ul {
 margin:0;
 padding-left:0;
 list-style:none;
 margin:15px 0;
 font-size:12px
}
.recommendations-list li {
 margin:10px
}
.recommendations-list li.selected a {
 font-weight:bold;
 color:#646464;
 text-decoration:none
}
.resources-guides-and-tips {
 margin:0;
 padding-left:0;
 list-style:none;
 margin-top:30px
}
.resources-guides-and-tips li {
 display:inline-block;
 width:50%;
 vertical-align:top;
 margin-bottom:40px
}
.resources-guides-and-tips li:nth-child(odd) {
 padding-right:15px
}
.resources-guides-and-tips li:nth-child(even) {
 padding-left:15px
}
.resources-logo {
 border:8px solid #eeefed;
 background:#fbfbfb;
 text-align:center;
 padding:8px 0 4px
}
.resources-logo a {
 display:block
}
.resources-logo .sprite-report-wordpress {
 width:102px;
 height:102px;
 background-size:1695px 2424px;
 background-position:-237px -444px
}
.resources-logo .sprite-report-magento {
 width:102px;
 height:102px;
 background-size:1695px 2424px;
 background-position:-111px -444px
}
.resources-logo .sprite-report-slow-page {
 width:102px;
 height:102px;
 background-size:1695px 2424px;
 background-position:9px -444px
}
.resources-logo .sprite-report-cdn {
 width:102px;
 height:102px;
 background-size:1695px 2424px;
 background-position:-369px -444px
}
.resources-logo .sprite-report-getting-started {
 width:215px;
 height:102px;
 background-size:961px 1374px;
 background-position:-739px -935px
}
@media(max-width:600px) {
 .resources-guides-and-tips li {
  width:auto;
  margin-bottom:30px
 }
 .resources-guides-and-tips li:nth-child(odd) {
  padding:0
 }
 .resources-guides-and-tips li:nth-child(even) {
  padding:0
 }
}
.rec-summary label {
 font-weight:bold;
 line-height:1.75
}
.rec-official .sprite-pagespeed-logo,
.rec-official .sprite-yslow-logo {
 float:left;
 margin-right:10px
}
.resource-guide-logo {
 text-align:center
}
.resource-guide-logo .sprite-report-wordpress {
 width:204px;
 height:204px;
 background-size:3390px 4848px;
 background-position:-474px -888px;
 margin-top:4px
}
.resource-guide-logo .sprite-report-magento {
 width:204px;
 height:204px;
 background-size:3390px 4848px;
 background-position:-222px -888px;
 margin-top:4px
}
.resource-guide-logo .sprite-report-slow-page {
 width:204px;
 height:204px;
 background-size:3390px 4848px;
 background-position:18px -888px;
 margin-top:4px
}
.resource-guide-logo .sprite-report-cdn {
 width:204px;
 height:204px;
 background-size:3390px 4848px;
 background-position:-738px -888px;
 margin-top:4px
}
.page-features-content .layout-zebra-section:nth-child(even) {
 background:#fff
}
.page-features-content .layout-zebra-section:last-child {
 background:0
}
.page-features-content li {
 margin-bottom:1em
}
.features-section-wrapper {
 position:relative
}
.features-image-wrapper {
 text-align:center;
 position:absolute;
 top:0
}
.features-image-wrapper img {
 width:100%;
 height:auto;
 box-shadow:0 0 10px 0 rgba(0,0,0,0.25)
}
.features-section-intro {
 padding-bottom:195px;
 background:url(../images/features-hero.png) no-repeat center bottom
}
.features-section-intro h2:not(:last-child) {
 margin-bottom:8px
}
.features-section-intro .btn,
.features-section-intro .paginate_button {
 font-size:30px;
 font-weight:500;
 padding:10px 30px 14px;
 margin:8px 0 30px
}
.features-section-summary .features-section-wrapper {
 padding-right:50%
}
.features-section-summary .features-image-wrapper {
 right:0;
 width:50%;
 padding-left:30px
}
.features-section-summary img {
 max-width:600px
}
.features-section-monitoring .features-section-wrapper {
 padding-left:50%
}
.features-section-monitoring .features-image-wrapper {
 text-align:left;
 left:0;
 width:50%;
 padding-right:30px
}
.features-section-monitoring img {
 width:83.3333%;
 height:auto;
 max-width:500px
}
.features-section-monitoring img:first-child {
 margin-left:16.6666%
}
.features-section-monitoring img:last-child {
 margin-top:-23.3333%
}
.features-section-regions ul {
 margin:0;
 padding-left:0;
 list-style:none
}
.features-section-regions ul {
 margin:1em 0
}
.features-section-regions li {
 margin-bottom:8px;
 font-size:18px
}
.features-section-regions [class*="sprite-"] {
 margin-right:3px;
 margin-bottom:-4px
}
.features-section-regions .sprite-region-1 {
 width:30px;
 height:21px;
 background-size:848px 1212px;
 background-position:-6px -282px
}
.features-section-regions .sprite-region-2 {
 width:30px;
 height:21px;
 background-size:848px 1212px;
 background-position:-39px -282px
}
.features-section-regions .sprite-region-3 {
 width:30px;
 height:21px;
 background-size:848px 1212px;
 background-position:-72px -282px
}
.features-section-regions .sprite-region-4 {
 width:30px;
 height:21px;
 background-size:848px 1212px;
 background-position:-105px -282px
}
.features-section-regions .sprite-region-5 {
 width:30px;
 height:21px;
 background-size:848px 1212px;
 background-position:-138px -282px
}
.features-section-regions .sprite-region-6 {
 width:30px;
 height:21px;
 background-size:848px 1212px;
 background-position:-171px -282px
}
.features-section-regions .sprite-region-7 {
 width:30px;
 height:21px;
 background-size:848px 1212px;
 background-position:-204px -282px
}
.features-section-regions .features-section-wrapper {
 padding-right:70%
}
.features-section-regions .features-image-wrapper {
 right:0;
 width:70%;
 padding-left:30px
}
.features-section-regions img {
 box-shadow:none;
 max-width:850px
}
.features-section-mobile {
 overflow:hidden
}
.features-section-mobile .features-section-wrapper {
 padding-left:40%
}
.features-section-mobile .features-image-wrapper {
 left:0;
 width:40%;
 padding-right:30px
}
.features-section-mobile img {
 max-width:400px;
 box-shadow:none
}
.features-section-devtoolkit .features-section-wrapper {
 padding-right:50%
}
.features-section-devtoolkit .features-section-wrapper .feature-learn-more {
 width:150px;
 margin:0 auto;
 display:block
}
.features-section-devtoolkit .features-image-wrapper {
 right:0;
 width:50%;
 padding-left:30px
}
.features-section-devtoolkit img {
 max-width:590px
}
.features-section-video .features-section-wrapper {
 padding-left:50%
}
.features-section-video .features-image-wrapper {
 left:0;
 width:50%;
 padding-right:30px
}
.features-section-video img {
 max-width:590px
}
@media(max-width:1050px) {
 .page-features-content .layout-zebra-section {
  font-size:16px
 }
 .layout-zebra-section .features-section-wrapper {
  padding:0
 }
 .features-section-wrapper {
  position:static
 }
 .features-section-wrapper h3 {
  text-align:center;
  margin-bottom:30px
 }
 .features-content-wrapper {
  position:relative
 }
 .features-section-summary {
  overflow:hidden
 }
 .features-section-summary .features-image-wrapper {
  width:630px;
  right:auto;
  left:50%
 }
 .features-section-video {
  overflow:hidden
 }
 .features-section-video .features-image-wrapper {
  width:630px;
  left:auto;
  right:50%
 }
 .features-section-summary .features-content-wrapper,
 .features-section-devtoolkit .features-content-wrapper {
  padding-right:50%
 }
 .features-section-monitoring .features-content-wrapper,
 .features-section-video .features-content-wrapper {
  padding-left:50%
 }
 .features-section-regions {
  text-align:center
 }
 .features-section-regions .features-image-wrapper {
  position:static;
  width:auto;
  padding:0
 }
 .features-section-regions li {
  font-size:inherit;
  text-align:left;
  display:inline-block;
  width:33.33%
 }
 .features-section-mobile .features-content-wrapper {
  padding-left:40%
 }
}
@media(min-width:701px) and (max-width:825px) {
 .features-section-monitoring img {
  width:100%
 }
 .features-section-monitoring img:first-child {
  margin-left:0
 }
 .features-section-monitoring img:last-child {
  margin-top:10px
 }
}
@media(max-width:700px) {
 .page-features-content .layout-zebra-section {
  padding:30px 0
 }
 .features-section-wrapper .features-content-wrapper {
  padding:0
 }
 .features-section-wrapper .features-image-wrapper {
  position:static;
  width:auto;
  padding:0
 }
 .features-section-intro.layout-zebra-section h1 {
  font-size:44px;
  margin-bottom:15px
 }
 .features-section-intro.layout-zebra-section h2 {
  font-size:24px
 }
 .page-features-content .features-section-mobile {
  padding-bottom:300px
 }
 .page-features-content .features-section-mobile .features-image-wrapper {
  position:absolute;
  top:100%;
  width:100%;
  text-align:center;
  margin-top:30px
 }
 .page-features-content .features-section-mobile img {
  max-width:300px
 }
 .features-section-regions li {
  text-align:center;
  display:block;
  width:auto;
  margin:0
 }
 .features-section-regions li i {
  display:none
 }
}
@media(max-width:1000px) {
 .page-features-content .features-section-intro {
  padding-bottom:146px;
  background-size:945px
 }
}
.features-section-features {
 text-align:center;
 background:#f7f7f7
}
.features-section-features-item {
 width:315px;
 margin:0;
 padding:15px
}
.features-section-features-item [class*="sprite-"] {
 border:3px solid #e0e0e0
}
@media(max-width:400px) {
 .features-section-features-item {
  width:280px;
  padding:15px 0
 }
}
.features-section-cta {
 text-align:center
}
.api-table-wrapper {
 overflow:auto
}
.api-table-wrapper tbody th {
 white-space:nowrap
}
.api-details label {
 display:inline-block;
 width:35%;
 line-height:1.5
}
.api-details span {
 font-weight:bold
}
.api-details-key {
 font-size:13px
}
.api-usage-graph {
 height:200px
}
.api-usage-busiest {
 font-weight:bold;
 text-align:center
}
.api-devtoolkit {
 color:#c72525;
 padding-left:2px;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none
}
.api-devtoolkit-info {
 font-size:12px
}
.contact-form .form-group-inline {
 margin-top:0
}
.contact-form .form-row,
.contact-form .form-row:nth-child(2) {
 margin-top:10px
}
.contact-form-intro {
 padding:15px 0 0
}
.contact-form-intro label {
 font-size:24px;
 font-weight:500
}
.contact-form-intro select {
 margin:8px 0;
 font-size:18px;
 color:#646464
}
.contact-form-intro select :first-child {
 color:#afafaf
}
.contact-help {
 margin-bottom:20px
}
.contact-help hr {
 margin:40px 0
}
.contact-sidebox {
 padding:16px 16px 20px;
 background:#f8f8f8;
 font-size:14px
}
.contact-sidebox img {
 float:left;
 margin:6px 16px 5px 0
}
.contact-social {
 margin-top:30px;
 font-size:14px
}
.contact-social ul {
 margin:0;
 padding-left:0;
 list-style:none
}
.contact-social li {
 float:left;
 width:33.33%;
 font:18px "Maven Pro",Arial,sans-serif;
 letter-spacing:-0.0625em
}
.contact-social a {
 text-decoration:none
}
.contact-social [class*="sprite-"] {
 vertical-align:middle;
 margin-right:2px
}
.contact-social .sprite-twitter {
 width:40px;
 height:40px;
 background-size:1017px 1455px;
 background-position:0 -95px
}
.contact-social .sprite-facebook {
 width:40px;
 height:40px;
 background-size:1017px 1455px;
 background-position:-108px -95px
}
.page-contact .layout-cols-sidebar-right {
 width:450px;
 padding-left:30px
}
@media(max-width:1000px) {
 .page-contact .layout-cols-sidebar-right {
  display:table-caption;
  caption-side:bottom;
  padding-left:0;
  padding-top:20px;
  width:auto
 }
 .page-contact .layout-cols-sidebar-left {
  width:320px
 }
}
.faq-toc ul {
 margin:0;
 padding-left:0;
 list-style:none;
 margin:15px 0;
 font-size:12px
}
.faq-toc li {
 padding:5px 10px
}
.faq-item {
 margin-bottom:32px
}
.guide-row {
 margin-bottom:30px
}
.guide-image {
 float:left;
 margin:0 20px 10px 0;
 border:3px solid #eeefed
}
.admin-jobs-table-search,
.t1k-table-search {
 margin-top:30px;
 border-top:4px solid #e0e0e0;
 padding:10px 0;
 text-align:right
}
.admin-jobs-table-search .search-input,
.t1k-table-search .search-input {
 display:inline-block
}
.admin-jobs-table-search .search-input input[type="text"],
.t1k-table-search .search-input input[type="text"] {
 font-size:12px;
 padding:6px 7px 6px 26px;
 width:250px
}
.admin-jobs-table,
.t1k-table {
 table-layout:fixed
}
.admin-jobs-table td,
.t1k-table td {
 word-break:break-all;
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis
}
.admin-jobs-table tr:hover td,
.t1k-table tr:hover td {
 white-space:normal
}
.admin-jobs-table td,
.admin-jobs-table th,
.t1k-table td,
.t1k-table th {
 text-align:center
}
.t1k-url a {
 text-decoration:none
}
.t1k-table th.t1k-url,
.t1k-table td.t1k-url {
 text-align:left
}
@media(min-width:849px) {
 .t1k-rank {
  width:75px
 }
 .t1k-pagespeed {
  width:110px
 }
 .t1k-yslow {
  width:85px
 }
 .t1k-time {
  width:70px
 }
 .t1k-elements {
  width:100px
 }
 .t1k-size {
  width:80px
 }
 .t1k-report {
  width:80px
 }
}
@media(max-width:850px) {
 .t1k-table thead {
  display:none
 }
 .t1k-table tbody td {
  display:block;
  vertical-align:top
 }
 .t1k-table tbody td:before {
  content:attr(data-th);
  display:inline-block;
  width:150px;
  font-weight:bold;
  font-size:12px;
  color:#a4a3a3;
  text-transform:uppercase
 }
 .t1k-table tr {
  display:block;
  padding:4px 0
 }
 .t1k-table td {
  padding:4px 12px;
  text-align:left
 }
}
.locations-map {
 max-width:100%;
 height:auto;
 margin:10px 0
}
.locations-servers {
 margin:0;
 padding-left:0;
 list-style:none;
 text-align:center
}
.locations-server {
 font-size:16px;
 display:inline-block;
 width:305px;
 margin:10px;
 text-align:left
}
.locations-server label {
 font-weight:bold;
 line-height:1.45
}
.locations-server [class*="sprite-region-"] {
 margin-right:2px
}
.locations-server .sprite-region-1 {
 width:24px;
 height:17px;
 background-size:678px 970px;
 background-position:-5px -226px
}
.locations-server .sprite-region-2 {
 width:24px;
 height:17px;
 background-size:678px 970px;
 background-position:-31px -226px
}
.locations-server .sprite-region-3 {
 width:24px;
 height:17px;
 background-size:678px 970px;
 background-position:-58px -226px
}
.locations-server .sprite-region-4 {
 width:24px;
 height:17px;
 background-size:678px 970px;
 background-position:-84px -226px
}
.locations-server .sprite-region-5 {
 width:24px;
 height:17px;
 background-size:678px 970px;
 background-position:-110px -226px
}
.locations-server .sprite-region-6 {
 width:24px;
 height:17px;
 background-size:678px 970px;
 background-position:-137px -226px
}
.locations-server .sprite-region-7 {
 width:24px;
 height:17px;
 background-size:678px 970px;
 background-position:-163px -226px
}
.locations-server+.locations-server {
 margin-top:10px
}
.locations-server-name {
 font:24px "Maven Pro",Arial,sans-serif;
 letter-spacing:-0.0625em;
 color:#3c9adc
}
label.locations-server-state {
 line-height:2.45
}
.locations-server-active {
 color:#48b931;
 font-weight:bold
}
.locations-server-inactive {
 color:#db2525;
 font-weight:bold
}
@media(max-width:745px) {
 .locations-server {
  display:block;
  width:auto;
  max-width:450px;
  margin:15px auto
 }
}
.page-user_settings .page-heading {
 margin-bottom:30px
}
.page-user_settings .form-section-label {
 width:25%
}
.page-user_settings .form-section-content {
 width:75%
}
.page-user_settings .us-confirm-password-wrapper {
 margin:30px 0
}
@media(max-width:1000px) {
 .page-user_settings .layout-cols-sidebar-right {
  display:table-caption;
  caption-side:bottom;
  padding-left:0;
  padding-top:20px;
  width:auto
 }
 .page-user_settings .layout-cols-sidebar-left {
  width:320px
 }
}
@media(max-width:765px) {
 .page-user_settings .form-section-label {
  width:30%
 }
 .page-user_settings .form-section-content {
  width:70%
 }
}
@media(max-width:550px) {
 .page-user_settings .form-section-label,
 .page-user_settings .form-section-content {
  width:auto
 }
}
.page-email_settings h3 span {
 color:#3c9adc
}
.email_settings-subs {
 margin:30px 0
}
@media(max-width:800px) {
 .page-email_settings .layout-cols-sidebar-right {
  display:table-caption;
  caption-side:bottom;
  padding-left:0;
  padding-top:20px;
  width:auto
 }
 .page-email_settings .layout-cols-sidebar-left {
  width:320px
 }
}
.page-lostpw .layout-cols-sidebar-right {
 width:400px
}
@media(max-width:950px) {
 .page-lostpw .layout-cols-sidebar-right {
  width:320px
 }
}
@media(max-width:700px) {
 .page-lostpw .layout-cols-sidebar-right {
  display:table-caption;
  caption-side:bottom;
  padding-left:0;
  padding-top:20px;
  width:auto
 }
 .page-lostpw .layout-cols-sidebar-left {
  width:320px
 }
}