/* @group Normalize */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {
    display: block;
}

audio, canvas, video {
    display: inline;
    zoom: 1;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden] {
    display: none;
}

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

html, button, input, select, textarea {
    font-family: sans-serif;
}

a:focus {
    outline: thin dotted;
}

a:hover, a:active {
    outline: 0;
}

h1 {
    font-size: 2em;
    margin: .67em 0;
}

h2 {
    font-size: 1.5em;
    margin: .83em 0;
}

h3 {
    font-size: 1.17em;
    margin: 1em 0;
}

h4 {
    font-size: 1em;
    margin: 1.33em 0;
}

h5 {
    font-size: .83em;
    margin: 1.67em 0;
}

h6 {
    font-size: .75em;
    margin: 2.33em 0;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b, strong {
    font-weight: 700;
}

blockquote {
    margin: 1em 40px;
}

dfn {
    font-style: italic;
}

mark {
    background: #ff0;
    color: #000;
}

pre, code, kbd, samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

pre {
    white-space: pre-wrap;
    word-wrap: break-word;
}

q {
    quotes: none;
}

q:before, q:after {
    content: none;
}

small {
    font-size: 14px;
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -.5em;
}

sub {
    bottom: -.25em;
}

dd {
    margin: 0 0 0 40px;
}

menu, ol, ul {
    padding: 0 0 0 40px;
}

nav ul, nav ol {
    list-style: none;
    list-style-image: none;
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic;
}

svg:not(:root) {
    overflow: hidden;
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em;
}

legend {
    border: 0;
    white-space: normal;
    margin-left: -7px;
    padding: 0;
}

button, input, select, textarea {
    font-size: 100%;
    vertical-align: middle;
    margin: 0;
}

button, input {
    line-height: normal;
}

button, input[type=button], input[type=reset], input[type=submit] {
    cursor: pointer;
    -webkit-appearance: button;
    overflow: visible;
}

button[disabled], input[disabled] {
    cursor: default;
}

input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    height: 13px;
    width: 13px;
    padding: 0;
}

input[type=search] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
    vertical-align: top;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

body, figure, form {
    margin: 0;
}

p, pre, dl, menu, ol, ul {
    margin: 1em 0;
}

clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

* {
    margin: 0;
}

.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12 {
    display: inline;
    float: left;
    position: relative;
    margin-left: 10px;
    margin-right: 10px;
}

.grid-1 {
    width: 60px;
}

.grid-2 {
    width: 140px;
}

.grid-3 {
    width: 220px;
}

.grid-4 {
    width: 300px;
}

.grid-5 {
    width: 380px;
}

.grid-6 {
    width: 460px;
}

.grid-7 {
    width: 540px;
}

.grid-8 {
    width: 620px;
}

.grid-9 {
    width: 700px;
}

.grid-10 {
    width: 780px;
}

.grid-11 {
    width: 860px;
}

.grid-12 {
    width: 940px;
}

.container-12 {
    margin-left: auto;
    margin-right: auto;
    width: 960px;
}

.spacer-top-0 {
    margin-top: 0 !important;
}

.spacer-top-10 {
    margin-top: 10px;
}

.spacer-top-20 {
    margin-top: 20px !important;
}

.spacer-top-30 {
    margin-top: 30px !important;
}

.spacer-top-40 {
    margin-top: 40px !important;
}

.spacer-top-50 {
    margin-top: 50px !important;
}

.spacer-top-60 {
    margin-top: 60px !important;
}

.spacer-top-70 {
    margin-top: 70px !important;
}

.spacer-top-80 {
    margin-top: 80px !important;
}

.spacer-0 {
    margin-bottom: 0 !important;
}

.spacer-10 {
    margin-bottom: 10px !important;
}

.spacer-20 {
    margin-bottom: 20px !important;
}

.spacer-30 {
    margin-bottom: 30px !important;
}

.spacer-40 {
    margin-bottom: 40px !important;
}

.spacer-50 {
    margin-bottom: 50px !important;
}

.spacer-60 {
    margin-bottom: 60px !important;
}

.spacer-70 {
    margin-bottom: 70px !important;
}

.spacer-80 {
    margin-bottom: 80px !important;
}

.center-object {
    margin: auto;
}

html, body {
    height: 100%;
}

.ir {
    border: 0;
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
    background-color: transparent;
}

.hide {
    display: none;
}

.btn-img {
    display: block;
    text-indent: -999em;
    text-transform: uppercase;
    overflow: hidden;
}

.left {
    float: left;
}

.right {
    float: right;
}

.alpha {
    margin-left: 0 !important;
}

.beta {
    margin-top: 0 !important;
}

.gamma {
    margin-bottom: 0 !important;
}

.omega {
    margin-right: 0 !important;
}

.stacked {
    margin-bottom: 0 !important
}

.img-right {
    float: none;
    margin: 0 0 20px 0;
}

.img-left {
    float: none;
    margin: 0 0 20px 0;
}

.img-full {
    margin: 0 0 30px 0;
}

.img-full-top {
    margin: 50px 0 30px 0;
}

.content-center {
    text-align: center;
}

*, *:before, *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media only screen and (max-width: 40em) {
    .hide-small {
        display: none !important;
    }
}

/* @end */
/* @group Base Styles */
@font-face {
    font-family: "Neue Helvetica W02_n4";
    src: url("../fonts/0b3a3fca-0fad-402b-bd38-fdcbad1ef776.eot?#iefix") format("eot")
}

@font-face {
    font-family: "Neue Helvetica W02";
    src: url("../fonts/0b3a3fca-0fad-402b-bd38-fdcbad1ef776.eot?#iefix");
    src: url("../fonts/0b3a3fca-0fad-402b-bd38-fdcbad1ef776.eot?#iefix") format("eot"), url("../fonts/d5af76d8-a90b-4527-b3a3-182207cc3250.woff") format("woff"), url("../fonts/1d238354-d156-4dde-89ea-4770ef04b9f9.ttf") format("truetype"), url("../fonts/b68875cb-14a9-472e-8177-0247605124d7.svg#b68875cb-14a9-472e-8177-0247605124d7") format("svg");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Neue Helvetica W02_n6";
    src: url("../fonts/db853e0e-929b-4272-b420-c946c954cf3a.eot?#iefix") format("eot")
}

@font-face {
    font-family: "Neue Helvetica W02";
    src: url("../fonts/db853e0e-929b-4272-b420-c946c954cf3a.eot?#iefix");
    src: url("../fonts/db853e0e-929b-4272-b420-c946c954cf3a.eot?#iefix") format("eot"), url("../fonts/4a9c62ab-b359-4081-8383-a0d1cdebd111.woff") format("woff"), url("../fonts/db5f9ba6-05a4-433a-9461-0a6f257a0c3a.ttf") format("truetype"), url("../fonts/25e09910-ffc3-4fc4-b0d1-db9a95dface8.svg#25e09910-ffc3-4fc4-b0d1-db9a95dface8") format("svg");
    font-weight: 600;
    font-style: normal;
}

body {
    font-family: 'Neue Helvetica W02', Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #555555;
}

h1 {
    font-family: 'Neue Helvetica W02', Arial, Helvetica, sans-serif;
    font-size: 42px;
    font-weight: 600;
    color: #333333;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.65);
    line-height: 1.1;
    margin: 0 0 20px;
}

h2 {
    font-family: 'Neue Helvetica W02', Arial, Helvetica, sans-serif;
    font-size: 26px;
    font-weight: 600;
    color: #666666;
    line-height: 1.1;
    margin: 0 0 15px;
}

h3 {
    font-family: 'Neue Helvetica W02', Arial, Helvetica, sans-serif;
    font-size: 28px;
    font-weight: 400;
    color: #666666;
    line-height: 1.2;
    margin: 0 0 15px;
}

h4 {
    font-family: 'Neue Helvetica W02', Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: 400;
    color: #888888;
    line-height: 1.2;
    margin: 0 0 15px;
}

h5 {
    font-family: 'Neue Helvetica W02', Arial, Helvetica, sans-serif;
    font-size: 22px;
    font-weight: 400;
    color: #999999;
    line-height: 1.2;
    margin: 0 0 15px;
}

h6 {
    font-family: 'Neue Helvetica W02', Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: #999999;
    line-height: 1.2;
    margin: 0 0 5px;
}

p {
    line-height: 1.5;
    margin: 0 0 20px;
}

p.intro {
    font-size: 22px;
    color: #666666;
    line-height: 1.4;
}

p.small,
span.small {
    font-size: 14px;
}

ul, ol {
    line-height: 1.5;
    margin: 10px 0 25px;
    padding: 0 0 0 8px;
}

ul.small,
ol.small {
    font-size: 14px;
}

ul li {
    background: url('../images/cssimg/bg_li_blue.png') no-repeat 0 8px;
    list-style: none;
    padding: 0 0 0 15px;
    margin: 0 0 10px;
}

ul.white li {
    background-image: url('../images/cssimg/bg_li_white.png');
}

ul.orange li {
    background-image: url('../images/cssimg/bg_li_orange.png');
}

ul.grey li {
    background-image: url('../images/cssimg/bg_li_grey.png');
}

ul.right {
    margin: 0 80px 20px 80px;
}

ul.right li {
    margin: 0 0 3px;
}

ol {
    margin-left: 15px;
}

ol li {
    margin: 0 0 10px;
}

a {
    color: #26AAE0;
    text-decoration: none;
    outline: medium none !important;
}

a:hover {
    color: #176E92;
    text-decoration: underline;
    outline: medium none !important;
}

blockquote {
    background: url('../images/cssimg/bg_l_quote.png') no-repeat left 8px;
    font-size: 22px;
    font-style: italic;
    color: #26A9DF;
    line-height: 1.5;
    border-left: none;
    text-shadow: 0px 1px 1px rgb(255, 255, 255);
    padding: 0 0 0 30px;
    margin: 0px 10px 40px;
}

blockquote img.end-quote {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    display: inline-block;
    width: 21px;
    height: 16px;
    transform: rotate(180deg);
    margin-left: 10px;
}

blockquote span {
    color: #333333;
    font-size: 20px;
    font-weight: 600;
    font-style: normal;
    display: block;
    text-align: right;
}

hr {
    background: #DDDDDD;
    width: 100%;
    height: 1px;
    margin: 10px 0 30px;
    border: none;
    clear: both;
}

strong span {
    color: #666666;
}

.wrap {
    width: 940px;
    margin: 0 auto;
}

.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -60px;
}

.footer,
.push {
    min-height: 60px;
}

/* Classes for applying font and background colors */
.mp-green {
    color: #4EB237 !important;
}

.mp-green-bg {
    background-color: #4EB237;
}

.pp-blue {
    color: #26A9DF !important;
}

.pp-blue-bg {
    background-color: #26A9DF;
    color: #FFFFFF;
}

.pp-blue-bg h6,
.pp-blue-bg h6 a {
    color: #FFFFFF;
}

.pp-orange {
    color: #FF9A1F !important;
}

/* Background Colors */
.pp-orange-bg {
    background-color: #FF9A1F;
}

.gray-bg {
    background-color: #FAFAFA;
}

.dark-gray-bg {
    background-color: #EEEEEE;
}

.dark-blue-grad-bg {
    background: #235679;
    background-image: -webkit-radial-gradient(41% 98%, ellipse farthest-side, rgb(35, 86, 121) 0%, rgb(34, 49, 59) 99%, rgb(34, 49, 59) 100%);
    background-image: radial-gradient(765px 197px at 41% 98%, rgb(35, 86, 121) 0%, rgb(34, 49, 59) 99%, rgb(34, 49, 59) 100%);
    color: #FFFFFF;
}

.dark-blue-grad-bg h2 {
    color: #FFFFFF;
}

.dark-blue-grad-bg ul li {
    background-image: url('../images/cssimg/bg_li_white.png');
}

.dark-blue-grad-bg p a,
.dark-blue-grad-bg li a {
    color: #FFFFFF;
}

.blue-grad-bg {
    background: #2A6A96;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0, rgb(42, 106, 150)), color-stop(1, rgb(36, 76, 104)));
    background-image: -webkit-linear-gradient(-90deg, rgb(42, 106, 150) 0%, rgb(36, 76, 104) 100%);
    background-image: linear-gradient(180deg, rgb(42, 106, 150) 0%, rgb(36, 76, 104) 100%);
}

.gray-grad-bg {
    background: #F6F6F6;
    background-image: -webkit-gradient(linear, 37% 0%, 37% 83%, color-stop(0, rgb(246, 246, 246)), color-stop(1, rgb(228, 228, 228)));
    background-image: -webkit-linear-gradient(-90deg, rgb(246, 246, 246) 0%, rgb(228, 228, 228) 100%);
    background-image: linear-gradient(180deg, rgb(246, 246, 246) 0%, rgb(228, 228, 228) 100%);
}

.black-grad-bg {
    background: #444444;
    background-image: -webkit-gradient(linear, 37% 0%, 37% 83%, color-stop(0, rgb(68, 68, 68)), color-stop(0.02, rgb(68, 68, 68)), color-stop(1, rgb(34, 34, 34)));
    background-image: -webkit-linear-gradient(-90deg, rgb(68, 68, 68) 0%, rgb(68, 68, 68) 2%, rgb(34, 34, 34) 100%);
    background-image: linear-gradient(180deg, rgb(68, 68, 68) 0%, rgb(68, 68, 68) 2%, rgb(34, 34, 34) 100%);
}

.dark-gray-grad-bg {
    background-image: -webkit-gradient(linear, color-stop(0, rgb(68, 68, 68)), color-stop(0.02, rgb(68, 68, 68)), color-stop(1, rgb(34, 34, 34)));
    background-image: -webkit-linear-gradient(rgb(68, 68, 68) 0%, rgb(68, 68, 68) 2%, rgb(34, 34, 34) 100%);
    background-image: linear-gradient(rgb(68, 68, 68) 0%, rgb(68, 68, 68) 2%, rgb(34, 34, 34) 100%);
}

.green-grad-bg {
    background: #53B146;
    background-image: -webkit-gradient(linear, 50% -1%, 50% 96%, color-stop(0.01, rgb(83, 177, 70)), color-stop(0.99, rgb(70, 150, 59)));
    background-image: -webkit-linear-gradient(-90deg, rgb(83, 177, 70) 1%, rgb(70, 150, 59) 99%);
    background-image: linear-gradient(180deg, rgb(83, 177, 70) 1%, rgb(70, 150, 59) 99%);
}

.network-bg {
    background-image: url('../i/mobile/bg_hero_pingplotter.png');
    background-color: #213239;
}


.gray-outline {
    border: 1px solid #878787;
}

.callout-box {
    width: 100%;
    margin: 30px 0;
    padding: 25px 30px 5px;
}

.callout-box blockquote {
    margin: 0 15px 20px;
}

.callout-box.rounded {
    border-radius: 10px;
}

@media only screen and (min-width: 40.063em) {
    .img-right {
        float: right;
        margin: 0 0 20px 20px;
    }

    .img-left {
        float: left;
        margin: 0 20px 20px 0;
    }

    h2 {
        font-size: 34px;
    }
}

@media only screen and (min-width: 64.063em) {

}

/* @end */

/* sub nav stuff */
.sub-nav-content {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 1000;
}
.menu-pointer {
    position: absolute;
    margin-left: 18px;
    width: 30px;
}

.sub-nav-inner {
    z-index: 1000;
    background-color: #565656;
    margin-top: 22px;
    padding: 20px 30px;
}

.sub-nav-inner h6 {
    color: #878787;
    border-bottom: 1px solid #878787;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.sub-nav-inner i {
    font-size: 40px;
    margin-bottom: 4px;
    color: white;
}

.sub-nav-inner p {
    color: white;
    margin: 0;
    font-size: .88em;
}
.nav .sub-nav-inner a:hover {
    border-bottom: 2px solid white;
}

.background-hov {
    position: absolute;
    background-color: #565656;
    width: 100%;
    height: 160px;
    z-index: 900;
}

.sub-nav-inner img {
    height: 40px;
    margin-bottom: 4px
}

.nav-logo {
    margin-bottom: 10px;
}

/* @group Base Layout */

.nav ul {
    margin: 0;
    padding: 0;
}

.nav ul li {
    background: none;
    list-style: none;
    display: inline-block;
    padding: 0;
}

.header {
    background: #234862;
    min-height: 80px;
    padding: 15px 0 14px;
}

.header .wrap {
    overflow: auto;
}

.js #main-nav {
    display: none;
}

.header #show-nav {
    color: #FFFFFF;
    padding: 5px;
    border: solid 1px #FFFFFF;
    border-radius: 4px;
    line-height: 1;
    margin-top: 10px;
    float: right;
}

.header #show-nav:hover,
.header #show-nav:focus {
    background: #317095;
    text-decoration: none;
}

.header .nav {
    text-align: left;
}

.header .nav ul {
    margin: 20px 0 10px;
}

.header .nav a {
    background: #234D64;
    font-size: 15px;
    font-weight: 600;
    color: #FFFFFF;
    border: solid 1px #2D6687;
    border-radius: 4px;
    padding: 3px;
    text-align: center;
    text-decoration: none;
    display: block;
}
/*
.header .nav a:hover,
.header .nav a:focus,
.header .nav a.selected,
.header .nav .selected a {
    background: #1A3B4D;
    border-color: #317095;
}*/

.header .nav li {
    width: 45%;
    float: left;
    margin: 0 2.5% 10px 2.5%;
    transition: all .1s;
}



@media only screen and (min-width: 40.063em) {
    #main-nav,
    .js #main-nav {
        display: block;
    }

    .header .nav ul {
        margin: 10px 0 0;
    }

    .header .nav a {
        width: auto;
        background: none;
        padding: 2px 3px 3px;
        border: none;
        border-radius: 0;
        border-bottom: solid 2px transparent;
        transition: all .2s;
    }

    .header .nav a:hover,
    .header .nav a:focus,
    .header .nav a.selected,
    .header .nav .selected a {
        background: none;
        color: #FFFFFF;
        text-decoration: none;
    }

    .header .nav li {
        float: none;
        width: auto;
        margin: 0 13px 0 0;
    }

    .header .nav li:nth-child(2n) {
        margin: 0 13px 0 0;
    }

    .header .nav li:nth-child(2n+1) {
        clear: none;
    }

    .header .search form {
        margin-top: 12px;
    }

    .nav-underline a:hover {border-bottom: 2px solid white;}
}


@media only screen and (min-width: 64.063em) {
    .header .nav {
        text-align: right;
    }

    .header .nav li {
        margin: 0 0 0 10px;
        padding: 2px 3px 3px;
        transition: all .1s;
    }

    .header .nav li:nth-child(2n) {
        margin: 0 0 0 13px;
    }
}

.hero {
    padding: 50px 0 35px;
}

.hero.gray-bg {
    color: #666666;
    background-image: -webkit-gradient(linear, 36% 0%, 36% 100%, color-stop(0, rgb(246, 246, 246)), color-stop(1, rgb(220, 220, 220)));
    background-image: -webkit-linear-gradient(-90deg, rgb(246, 246, 246) 0%, rgb(220, 220, 220) 100%);
    background-image: linear-gradient(180deg, rgb(246, 246, 246) 0%, rgb(220, 220, 220) 100%);

}

.hero.dark-blue-bg {
    color: #DDDDDD;
    background-image: -webkit-gradient(linear, 21% 0%, 21% 99%, color-stop(0, rgb(27, 57, 78)), color-stop(0.02, rgb(27, 57, 78)), color-stop(1, rgb(10, 23, 32)));
    background-image: -webkit-linear-gradient(-90deg, rgb(27, 57, 78) 0%, rgb(27, 57, 78) 2%, rgb(10, 23, 32) 100%);
    background-image: linear-gradient(180deg, rgb(27, 57, 78) 0%, rgb(27, 57, 78) 2%, rgb(10, 23, 32) 100%);
}

.hero hr {
    background: url('../images/cssimg/hero_divider.png') no-repeat center center;
    background-size: cover;
    height: 2px;
    margin: 15px 0;
}

.hero .logo {
    margin: 0 0 20px;
}

.hero p {
    padding: 0 5%;
}

.hero .btn,
.hero .btn-stripes {
    margin: 0 15px;
}

.sub-hero {
    background: #F0F0F0;
    padding: 20px 0;
}

.sub-hero .nav-box {
    max-width: 80%;
    border-radius: 10px;
    text-align: center;
    padding: 15px 10px 10px;
    margin: 0 auto;
}

.sub-hero a,
.sub-hero a:hover {
    text-decoration: none;
}

.sub-hero .nav-box:hover,
.sub-hero .nav-box:focus {
    background: #46963B;
}

.sub-hero .nav-box h6 {
    color: #46963B;
}

.sub-hero .nav-box:hover h6,
.sub-hero .nav-box:focus h6 {
    color: #FFFFFF;
}

.page-content {
    padding: 45px 0 30px;
}

.footer {
    background: #234862;
    color: #FFFFFF;
    padding: 18px 0;
}

.footer .copyright {
    font-size: 13px;
    margin-top: 4px;
    text-align: center;
}

.footer .nav {
    text-align: center;
}

.footer .nav a {
    font-size: 15px;
    font-weight: 600;
    color: #FFFFFF;
    text-decoration: none;
    padding: 2px 3px;
    transition: all .1s;
}

.footer .nav ul {
    margin-bottom: 10px;
}

.footer .nav li {
    margin: 0 0 4px 17px;
}

.footer .nav li a:hover {
    text-decoration: none;
    border-bottom: solid 3px #FFFFFF;
}

@media only screen and (min-width: 40.63em) {
    .footer .nav a {
        font-size: 13px;
    }
}

@media only screen and (min-width: 64.063em) {
    .footer .copyright {
        text-align: left;
    }

    .footer .nav {
        text-align: right;
    }
}

/* @end */

/* toggle for order page */
.btn-toggle {
    font-size: 16px;
    color: #46963B;
    line-height: 1.1;
    padding: 10px 16px;
    display: inline-block;
}

.btn-toggle:hover {
    text-decoration: none;
    background: #f3f3f3;
    color: #46963B;
}

.btn-toggle.green {
    background: #46963B;
    background: -webkit-gradient(linear, 50% -1%, 50% 96%, color-stop(0.01, rgb(83, 177, 70)), color-stop(0.99, rgb(70, 150, 59)));
    background: -webkit-linear-gradient(-90deg, rgb(83, 177, 70) 1%, rgb(70, 150, 59) 99%);
    background: linear-gradient(180deg, rgb(83, 177, 70) 1%, rgb(70, 150, 59) 99%);
    color: #ffffff;
    box-shadow: none;
}

.btn-toggle.left-btn {
    border-radius: 5px 0 0 5px;
    border-top: 3px solid rgb(83, 177, 70);
    border-bottom: 3px solid #46963B;
    border-left: 3px solid rgb(70, 150, 59);
}

.btn-toggle.right-btn {
    border-radius: 0 5px 5px 0;
    border-top: 3px solid rgb(83, 177, 70);
    border-bottom: 3px solid #46963B;
    border-right: 3px solid rgb(70, 150, 59);
}

/* @group Buttons */

.btn {
    background: #555555;
    background: -webkit-gradient(linear, 37% -1%, 37% 96%, color-stop(0.01, rgb(134, 134, 134)), color-stop(0.99, rgb(85, 85, 85)));
    background: -webkit-linear-gradient(-90deg, rgb(134, 134, 134) 1%, rgb(85, 85, 85) 99%);
    background: linear-gradient(180deg, rgb(134, 134, 134) 1%, rgb(85, 85, 85) 99%);
    font-size: 16px;
    color: #FFFFFF;
    border-radius: 4px;
    line-height: 1.1;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
    padding: 10px 16px;
    display: inline-block;
}

.btn:hover {
    background: #2F2F2F;
    background-image: -webkit-gradient(linear, 37% -2%, 37% 95%, color-stop(0.01, rgb(94, 94, 94)), color-stop(0.99, rgb(47, 47, 47)));
    background-image: -webkit-linear-gradient(-90deg, rgb(94, 94, 94) 1%, rgb(47, 47, 47) 99%);
    background-image: linear-gradient(180deg, rgb(94, 94, 94) 1%, rgb(47, 47, 47) 99%);
    color: #FFFFFF;
    text-decoration: none;
}

.btn.blue {
    background-image: -webkit-gradient(linear, 55% -2%, 55% 100%, color-stop(0.01, rgb(38, 167, 223)), color-stop(0.99, rgb(1, 117, 177)));
    background-image: -webkit-linear-gradient(-90deg, rgb(38, 167, 223) 1%, rgb(1, 117, 177) 99%);
    background-image: linear-gradient(180deg, rgb(38, 167, 223) 1%, rgb(1, 117, 177) 99%);
}

.btn.blue:hover {
    background-image: -webkit-gradient(linear, 41% -3%, 41% 94%, color-stop(0.01, rgb(27, 130, 203)), color-stop(0.99, rgb(15, 76, 147)));
    background-image: -webkit-linear-gradient(-90deg, rgb(27, 130, 203) 1%, rgb(15, 76, 147) 99%);
    background-image: linear-gradient(180deg, rgb(27, 130, 203) 1%, rgb(15, 76, 147) 99%);
}

.btn.orange {
    background-image: -webkit-gradient(linear, 50% -2%, 50% 95%, color-stop(0.01, rgb(255, 169, 67)), color-stop(0.99, rgb(235, 141, 21)));
    background-image: -webkit-linear-gradient(-90deg, rgb(255, 169, 67) 1%, rgb(235, 141, 21) 99%);
    background-image: linear-gradient(180deg, rgb(255, 169, 67) 1%, rgb(235, 141, 21) 99%);
}

.btn.orange:hover {
    background-image: -webkit-gradient(linear, 50% -3%, 50% 94%, color-stop(0.01, rgb(238, 126, 26)), color-stop(0.99, rgb(212, 96, 22)));
    background-image: -webkit-linear-gradient(-90deg, rgb(238, 126, 26) 1%, rgb(212, 96, 22) 99%);
    background-image: linear-gradient(180deg, rgb(238, 126, 26) 1%, rgb(212, 96, 22) 99%);
}

/* Striped Buttons */
.header .nav .btn-stripes {
    font-weight: normal;
    border-bottom: none;
}
.header .nav .btn-stripes:hover {
    border-bottom: none;
}

.header .nav .btn-stripes,
.btn-stripes {
    background: #555555;
    background: url('../images/cssimg/bg_btn.png') no-repeat left center, -webkit-gradient(linear, 37% -1%, 37% 96%, color-stop(0.01, rgb(134, 134, 134)), color-stop(0.99, rgb(85, 85, 85)));
    background: url('../images/cssimg/bg_btn.png') no-repeat left center, -webkit-linear-gradient(-90deg, rgb(134, 134, 134) 1%, rgb(85, 85, 85) 99%);
    background: url('../images/cssimg/bg_btn.png') no-repeat left center, linear-gradient(180deg, rgb(134, 134, 134) 1%, rgb(85, 85, 85) 99%);
    font-size: 20px;
    color: #FFFFFF;
    border-radius: 4px;
    line-height: 1.1;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
    padding: 13px 16px 14px 33px;
    display: inline-block;
}
.header .nav .btn-stripes:hover,
.btn-stripes:hover {
    background: #2F2F2F;
    background: url('../images/cssimg/bg_btn.png') no-repeat left center, -webkit-gradient(linear, 37% -2%, 37% 95%, color-stop(0.01, rgb(94, 94, 94)), color-stop(0.99, rgb(47, 47, 47)));
    background: url('../images/cssimg/bg_btn.png') no-repeat left center, -webkit-linear-gradient(-90deg, rgb(94, 94, 94) 1%, rgb(47, 47, 47) 99%);
    background: url('../images/cssimg/bg_btn.png') no-repeat left center, linear-gradient(180deg, rgb(94, 94, 94) 1%, rgb(47, 47, 47) 99%);
    color: #FFFFFF;
    text-decoration: none;
}

.btn.green {
    background: #46963B;
    background: -webkit-gradient(linear, 50% -1%, 50% 96%, color-stop(0.01, rgb(83, 177, 70)), color-stop(0.99, rgb(70, 150, 59)));
    background: -webkit-linear-gradient(-90deg, rgb(83, 177, 70) 1%, rgb(70, 150, 59) 99%);
    background: linear-gradient(180deg, rgb(83, 177, 70) 1%, rgb(70, 150, 59) 99%);
    color: white;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
}

.btn.green:hover {
    background: #247417;
    background: -webkit-gradient(linear, 50% -2%, 50% 95%, color-stop(0.01, rgb(46, 146, 31)), color-stop(0.99, rgb(36, 116, 23)));
    background: -webkit-linear-gradient(-90deg, rgb(46, 146, 31) 1%, rgb(36, 116, 23) 99%);
    background: linear-gradient(180deg, rgb(46, 146, 31) 1%, rgb(36, 116, 23) 99%);
}
.header .nav .btn-stripes,
.btn-stripes.green {
    background: #46963B;
    background: url('../images/cssimg/bg_btn.png') no-repeat left center, -webkit-gradient(linear, 50% -1%, 50% 96%, color-stop(0.01, rgb(83, 177, 70)), color-stop(0.99, rgb(70, 150, 59)));
    background: url('../images/cssimg/bg_btn.png') no-repeat left center, -webkit-linear-gradient(-90deg, rgb(83, 177, 70) 1%, rgb(70, 150, 59) 99%);
    background: url('../images/cssimg/bg_btn.png') no-repeat left center, linear-gradient(180deg, rgb(83, 177, 70) 1%, rgb(70, 150, 59) 99%);
}
.header .nav .btn-stripes:hover,
.btn-stripes.green:hover {
    background: #247417;
    background: url('../images/cssimg/bg_btn.png') no-repeat left center, -webkit-gradient(linear, 50% -2%, 50% 95%, color-stop(0.01, rgb(46, 146, 31)), color-stop(0.99, rgb(36, 116, 23)));
    background: url('../images/cssimg/bg_btn.png') no-repeat left center, -webkit-linear-gradient(-90deg, rgb(46, 146, 31) 1%, rgb(36, 116, 23) 99%);
    background: url('../images/cssimg/bg_btn.png') no-repeat left center, linear-gradient(180deg, rgb(46, 146, 31) 1%, rgb(36, 116, 23) 99%);
}

.btn-stripes.blue {
    background: #0175B1;
    background: url('../images/cssimg/bg_btn.png') no-repeat left center, -webkit-gradient(linear, 41% -2%, 41% 95%, color-stop(0.01, rgb(38, 167, 223)), color-stop(0.99, rgb(1, 117, 177)));
    background: url('../images/cssimg/bg_btn.png') no-repeat left center, -webkit-linear-gradient(-90deg, rgb(38, 167, 223) 1%, rgb(1, 117, 177) 99%);
    background: url('../images/cssimg/bg_btn.png') no-repeat left center, linear-gradient(180deg, rgb(38, 167, 223) 1%, rgb(1, 117, 177) 99%);
}

.btn-stripes.blue:hover {
    background: #0F4C93;
    background: url('../images/cssimg/bg_btn.png') no-repeat left center, -webkit-gradient(linear, 41% -3%, 41% 94%, color-stop(0.01, rgb(27, 130, 203)), color-stop(0.99, rgb(15, 76, 147)));
    background: url('../images/cssimg/bg_btn.png') no-repeat left center, -webkit-linear-gradient(-90deg, rgb(27, 130, 203) 1%, rgb(15, 76, 147) 99%);
    background: url('../images/cssimg/bg_btn.png') no-repeat left center, linear-gradient(180deg, rgb(27, 130, 203) 1%, rgb(15, 76, 147) 99%);
}

.btn-stripes.orange {
    background: #EB8D15;
    background: url('../images/cssimg/bg_btn.png') no-repeat left center, -webkit-gradient(linear, 50% -2%, 50% 95%, color-stop(0.01, rgb(255, 169, 67)), color-stop(0.99, rgb(235, 141, 21)));
    background: url('../images/cssimg/bg_btn.png') no-repeat left center, -webkit-linear-gradient(-90deg, rgb(255, 169, 67) 1%, rgb(235, 141, 21) 99%);
    background: url('../images/cssimg/bg_btn.png') no-repeat left center, linear-gradient(180deg, rgb(255, 169, 67) 1%, rgb(235, 141, 21) 99%);
}

.btn-stripes.orange:hover {
    background: #D46016;
    background: url('../images/cssimg/bg_btn.png') no-repeat left center, -webkit-gradient(linear, 50% -3%, 50% 94%, color-stop(0.01, rgb(238, 126, 26)), color-stop(0.99, rgb(212, 96, 22)));
    background: url('../images/cssimg/bg_btn.png') no-repeat left center, -webkit-linear-gradient(-90deg, rgb(238, 126, 26) 1%, rgb(212, 96, 22) 99%);
    background: url('../images/cssimg/bg_btn.png') no-repeat left center, linear-gradient(180deg, rgb(238, 126, 26) 1%, rgb(212, 96, 22) 99%);
}

/* @end */
/* @group Icons */
.ico {
    background: url('../images/cssimg/spr_ico.png') no-repeat 0 0;
    width: 50px;
    height: 43px;
    display: inline-block;
    margin: 0 0 15px;
}

.ico.speedo-orange {
    background-position: 0 0;
    width: 50px;
    height: 43px;
}

.ico.compass-orange {
    background-position: -70px 0;
    width: 50px;
    height: 50px;
}

.ico.map-x-orange {
    background-position: -140px 0;
    width: 50px;
    height: 46px;
}

/* added by taylor for new icons */
.ico.line-graph-orange {
    background-position: -210px 0;
    width: 50px;
    height: 50px;
}

.ico.bell-orange {
    background-position: -272px 0;
    width: 52px;
    height: 50px;
}

.ico.save-orange {
    background-position: -340px 0;
    width: 50px;
    height: 50px;
}

.ico.calendar-orange {
    background-position: -390px 0;
    width: 50px;
    height: 50px;
}

.ico.disk-orange {
    background-position: -454px 0;
    width: 50px;
    height: 50px;
}

.ico.cycle-orange {
    background-position: -515px 0;
    width: 50px;
    height: 50px;
}

/* end added by taylor */

.ico.multi-line-blue {
    background-position: 0 -80px;
    width: 50px;
    height: 50px;
}

.ico.map-dots-blue {
    background-position: -140px -80px;
    width: 50px;
    height: 50px;
}

.ico.scale-blue {
    background-position: -70px -80px;
    width: 50px;
    height: 50px;
}

.ico.wrench-blue {
    background-position: -210px -80px;
    width: 50px;
    height: 50px;
}

/* added by taylor for timeline icon */
.ico.line-graph-blue {
    background-position: -275px -80px;
    width: 50px;
    height: 50px;
}

/* end added by taylor */
.ico-line-graph-gw {
    background: url('../images/cssimg/ico_line_graph_green_white.png') no-repeat left top;
    width: 47px;
    height: 49px;
    display: inline-block;
    margin: 0 0 1px;
}

.ico-line-graph-gw:hover,
.ico-line-graph-gw:focus,
.nav-box:hover .ico-line-graph-gw,
.nav-box:focus .ico-line-graph-gw {
    background-position: left bottom;
}

.ico-wrench-gw {
    background: url('../images/cssimg/ico_wrench_green_white.png') no-repeat left top;
    width: 50px;
    height: 50px;
    display: inline-block;
    margin: 0;
}

.ico-wrench-gw:hover,
.ico-wrench-gw:focus,
.nav-box:hover .ico-wrench-gw,
.nav-box:focus .ico-wrench-gw {
    background-position: left bottom;
}

.ico-map-gw {
    background: url('../images/cssimg/ico_guidance_map_green_white.png') no-repeat left top;
    width: 50px;
    height: 46px;
    display: inline-block;
    margin: 0 0 4px;
}

.ico-map-gw:hover,
.ico-map-gw:focus,
.nav-box:hover .ico-map-gw,
.nav-box:focus .ico-map-gw {
    background-position: left bottom;
}

/* Heading Icons */
h3.feature-boxes-orange a {
    background: url('../images/cssimg/ico_feature_list.png') no-repeat left top;
    padding: 0 0 0 44px;
}

/* List Item Icons */
ul.icons {
    padding: 0;
}

ul.icons li {
    font-weight: 600;
    padding: 3px 0 3px 32px;
}

ul.icons li.tablet-orange {
    background: url('../images/cssimg/ico_tablet_orange.png') no-repeat left 6px;
}

ul.icons li.tag-orange {
    background: url('../images/cssimg/ico_tag_orange.png') no-repeat left 6px;
}

ul.icons li.info-orange {
    background: url('../images/cssimg/ico_info_orange.png') no-repeat left 2px;
}

ul.icons li.dl-orange {
    background: url('../images/cssimg/ico_dl_orange.png') no-repeat left top;
}

ul.icons li.tablet-blue {
    background: url('../images/cssimg/ico_tablet_blue.png') no-repeat left 6px;
}

ul.icons li.tag-blue {
    background: url('../images/cssimg/ico_tag_blue.png') no-repeat left 6px;
}

ul.icons li.info-blue {
    background: url('../images/cssimg/ico_info_blue.png') no-repeat left 2px;
}

ul.icons li.dl-blue {
    background: url('../images/cssimg/ico_dl_blue.png') no-repeat left top;
}

/* Arrow Icons */
a.r-arrow {
    padding-right: 18px;
    position: relative;
}

a.r-arrow:after {
    content: "";
    background: url('../images/cssimg/ico_arrow_right.png') no-repeat right center;
    width: 12px;
    height: 12px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -6px;
    transition: all .2s;
}

a.r-arrow:hover:after {
    text-decoration: none;
    transform: rotate(90deg);
    margin-top: -4px;
}

/* @end */
/* @group Coverflow */
.coverflow-wrap {
    width: 100%;
    height: 500px;
    margin: 30px 0 30px;
}

.coverflow .cover {
    width: 660px;
    height: 371px;
    margin-left: auto;
    margin-right: auto;
}

/*added this section to show text on non-javascript browsers */
.coverflow .initial-text-hidden {
    display: none;
}

.coverflow .cover .text {
}

.coverflow .cover.ui-state-active .text {
    display: block;
}

/*end section*/

.coverflow .cover img {
    margin: 0 0 23px;
    -webkit-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.3);
}

.coverflow .cover h6 {
    text-align: center;
}

.ui-coverflow-wrapper {
    position: relative;
    z-index: 1;
    overflow: hidden
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: " ";
    display: table
}

.ui-helper-clearfix:after {
    clear: both
}

.ui-coverflow {
    -webkit-perspective: 500px;
    -ms-perspective: 500px;
    perspective: 500px;
    position: absolute;
    z-index: 2
}

.ui-coverflow,
.ui-coverflow * {
    -ms-touch-action: pan-y !important
}

.ui-coverflow .ui-coverflow-item {
    position: relative;
    cursor: pointer;
    float: left;
    display: block
}

.ui-coverflow .ui-coverflow-item:focus {
    outline: 0
}

.ui-coverflow img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-drag: none;
    -moz-user-drag: none;
    -ms-user-drag: none;
    user-drag: none;
    border: 0 none
}

.coverflow .secondary {
    display: none;
}

/* @end */
/* @group Home Page */
.home .hero h3 {
    font-size: 24px;
    font-weight: 600;
    color: #FFFFFF;
    text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.65);
}

.home .hero p {
    color: #DDDDDD;
    padding: 0;
}

.home .hero p strong {
    color: #FFFFFF;
}

.home .hero .logo {
    margin: 0 0 5px;
}

.home .hero .buttons .btn-stripes {
    margin: 0 0 0 20px;
}

.home .hero .buttons .btn-stripes:first-child {
    margin-left: 0;
}

.home .hero .media .loader-wrap {
    text-align: center;
    position: relative;
}

.home .hero .media .loader {
    position: absolute;
    top: 25%;
    left: 50%;
    margin: -24px 0 0 -24px;
}

.home .hero .sub-text {
    font-size: 14px;
    margin: 0;
    padding: 0 30px;
}

.home .news-list h4,
.home .news-list h4 a {
    font-size: 24px;
    color: #888888;
    text-transform: none;
}

.home .news-list h4 a:hover {
    color: #26A9DF;
    text-decoration: none;
}

.home .news-list > div {
    margin-bottom: 30px;
}

.important-stuff-list .callout-box {
    margin: 20px 0 30px;
}

.important-stuff-list h6,
.important-stuff-list h6 a {
    font-size: 20px;
    color: #FFFFFF;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
    margin: 0 0 10px;
}

.important-stuff-list p {
    margin: 0 0 25px;
}

.important-stuff-list a {
    color: #ffffff;
}

.problem-eg-width {
    width: 50%;
}

.home-product-logo img {
    width: 60px;
}

.superhero-img-size {
    max-height: 150px;
}

/* custom col width for articles with social btns */
.article-stuff {
    width: 29%;
}

/* @end */
/* new feature comp */
.black-grad-bg p {
    color: white;
}

.feature-title {
    line-height: 40px;
}

.features-comp-table .callout-box {
    padding: 10px 20px
}

.free-brd {
    border: 2px solid #878787
}

.standard-brd {
    border: 2px solid #FF9A1F
}

.pro-brd {
    border: 2px solid #26A9DF
}

/* @end */
/* @group Product Pages */
.pp-prod-pro .page-content {
    background-color: #E6E6E6;
}

.product-feature-col {
    text-align: center;
    padding: 0 12px;
    margin: 0 0 30px;
}

.product-feature-col h6 {
    margin: 0 0 12px;
}

.product-feature-col h6 a {
    text-decoration: none;
}

/* Orange icons and headings */
.product-feature-col.orange h6,
.product-feature-col.orange h6 a {
    color: #FF991F;
}

.product-feature-col.orange .ico {
    height: 50px;
}

/* Orange icons and headings */
.product-feature-col.blue h6,
.product-feature-col.blue h6 a {
    color: #26A9DF;
}

.product-feature-col.blue .ico {
    height: 50px;
}

/* Features Slide */
.slide-content {
    margin: 10px 0 75px;
}

.slide-content a.load-trigger {
    text-align: center;
    padding-right: 18px;
    position: relative;
    display: inline-block;
}

.slide-content a.load-trigger:hover,
.slide-content a.selected {
    color: #176e92;
    text-decoration: none;
}

.slide-content a.load-trigger:after {
    content: "";
    /*	background: url('../images/cssimg/ico_arrow_right.png') no-repeat right center;*/
    width: 12px;
    height: 12px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -6px;
    transition: all .2s;
}

.slide-content a.load-trigger:hover:after,
.slide-content a.load-trigger.selected:after {
    text-decoration: none;
    transform: rotate(90deg);
    margin-top: -4px;
}

/* @end */
/* @group Content Callouts */
.callout-product-full .media {
    width: 171px;
    float: left;
}

.callout-product-full .full-row {
    width: 680px;
    font-weight: 600;
    float: right;
}

.callout-product-full .full-row .text {
    width: 360px;
    float: left;
}

.callout-product-full .full-row .cta {
    width: 300px;
    text-align: right;
    float: right;
}

.callout-product-full .full-row li {
    width: 48%;
    padding-right: 2%;
    float: left;
}

.callout-product-full h2 {
    font-size: 32px;
    margin: 0;
}

.callout-product-full p {
    margin: 0 0 10px;
}

.callout-product-full ul {
    margin: 0 0 15px;
}

.callout-product-full ul li {
    margin: 0px 0 6px;
}

.callout-product-full p a,
.callout-product-full li a {
    text-decoration: none;
    border-bottom: solid 1px #FFFFFF;
}

.callout-product-full p a:hover,
.callout-product-full li a:hover {
    color: #26A9DF;
    border-color: #26A9DF;
    text-decoration: none;
}

/* For Home and Business Callouts */
.callout-box.pp-for-home {
    background: #F6F6F6;
    background-image: -webkit-gradient(linear, 37% 0%, 37% 83%, color-stop(0, rgb(246, 246, 246)), color-stop(1, rgb(228, 228, 228)));
    background-image: -webkit-linear-gradient(-90deg, rgb(246, 246, 246) 0%, rgb(228, 228, 228) 100%);
    background-image: linear-gradient(180deg, rgb(246, 246, 246) 0%, rgb(228, 228, 228) 100%);
}

.callout-box.pp-for-home h3,
.callout-box.pp-for-home h4 {
    color: #F26522;
}

.callout-box.pp-for-home {
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
}

.callout-box.pp-for-business {
    background: #235679;
    background-image: -webkit-radial-gradient(41% 98%, ellipse farthest-side, rgb(35, 86, 121) 0%, rgb(34, 49, 59) 99%, rgb(34, 49, 59) 100%);
    background-image: radial-gradient(765px 197px at 41% 98%, rgb(35, 86, 121) 0%, rgb(34, 49, 59) 99%, rgb(34, 49, 59) 100%);
    color: #FFFFFF;
}

.callout-box.pp-for-business h3,
.callout-box.pp-for-business h4 {
    color: #00C0E7;
}

.callout-box.pp-for-business {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}

.callout-box.callout-pp-type {
    margin-top: 0;
    border-radius: 10px;
}

.callout-box.callout-pp-type .btn-stripes {
    margin-bottom: 20px;
}

.callout-box.callout-pp-type h3 {
    font-size: 28px;
    font-weight: bold;
}

.callout-box.callout-pp-type h4 {
    font-size: 20px;
}

.callout-box.callout-pp-type ul {
    text-align: left;
}

.callout-box.callout-pp-type .icon-group img {
    margin: 10px 0 20px;
}

@media only screen and (min-width: 31.25em) {
    .callout-box.callout-pp-type .icon-group img {
        max-width: 66%;
    }
}

@media only screen and (min-width: 40.063em) {
    .callout-box.callout-pp-type h3 {
        font-size: 34px;
    }

    .callout-box.callout-pp-type h4 {
        font-size: 22px;
    }
}

/* Product Features Callout */
.product-features-cta {
    position: relative;
    border: solid 1px #DDDDDD;
    border-radius: 10px;
    margin-top: 30px;
    margin-bottom: 40px;
}

.product-features-cta .pfc-header {
    padding: 0 0 10px;
    margin: 0 0 10px;
}

.product-features-cta .pfc-header .logo {
    margin-top: -20px;
}

.product-features-cta .pfc-content {
    margin: 0 30px;
}

.product-features-cta .pfc-content h3 {
    font-size: 34px;
    font-weight: bold;
    line-height: 1.2;
    margin: 0;
}

.product-features-cta .pfc-content h3 sup {
    font-weight: normal;
}

.product-features-cta .pfc-content h6 {
    font-size: 16px;
    line-height: 1.3;
    margin: 0 0 7px;
}

.product-features-cta .pfc-content .price-type {
    color: #999999;
    margin-bottom: 15px;
}

.product-features-cta .pfc-content .btn-stripes {
    margin: 0 0 30px;
}

.product-features-cta .pfc-content ul {
    margin-top: 0;
    margin-bottom: 20px;
}

.product-features-cta .pfc-content ul.icons {
    margin: 0;
}

.product-features-cta .pfc-content ul.icons li {
    width: 45%;
    margin-right: 2.5%;
    margin-bottom: 13px;
    float: left;
}

.product-features-cta .pfc-footer {
    padding: 0 30px 15px;
    border-radius: 0 0 10px 10px;
}

.product-features-cta .pfc-footer a {
    font-weight: bold;
}

.product-features-cta .pfc-footer p {
    display: inline-block;
    margin: 0;
}

.product-features-cta .pfc-footer p.small {
    font-size: 14px;
    line-height: 1.1;
}

.product-features-cta .pfc-footer .btn,
.product-features-cta .pfc-footer .btn-stripes {
    margin: 0 12px 0 0;
}

.product-features-cta.gray-grad-bg {
    color: #666666;
}

.product-features-cta.gray-grad-bg h6 {
    color: #858585;
}

.product-features-cta.gray-grad-bg .pfc-content ul li a,
.product-features-cta.gray-grad-bg .pfc-footer p a {
    color: #666666;
    border-bottom: solid 1px #666666;
}

.product-features-cta.gray-grad-bg .pfc-content ul li a:hover,
.product-features-cta.gray-grad-bg .pfc-footer p a:hover {
    color: #26AAE0;
    border-color: #26AAE0;
    text-decoration: none;
}

.product-features-cta.gray-grad-bg .pfc-content ul.icons li a {
    color: #666666;
    border: none;
}

.product-features-cta .pfc-content ul.icons li a:hover {
    color: #26AAE0;
    text-decoration: none;
}

.product-features-cta.black-grad-bg {
    color: #FFFFFF;
    border: solid 1px #000000;
}

.product-features-cta.black-grad-bg .pfc-header {
    border-color: #444444;
}

.product-features-cta.black-grad-bg h3,
.product-features-cta.black-grad-bg h6 {
    color: #FFFFFF;
}

.product-features-cta.black-grad-bg .pfc-content .price-type {
    color: #FFFFFF;
}

.product-features-cta.black-grad-bg .pfc-content ul li a,
.product-features-cta.black-grad-bg .pfc-footer p a {
    color: #FFFFFF;
    border-bottom: solid 1px #FFFFFF;
}

.product-features-cta.black-grad-bg .pfc-content ul li a:hover,
.product-features-cta.black-grad-bg .pfc-footer p a:hover {
    color: #26AAE0;
    border-color: #26AAE0;
    text-decoration: none;
}

.product-features-cta.black-grad-bg .pfc-content ul.icons li a {
    color: #FFFFFF;
    border: none;
}

.product-features-cta.black-grad-bg .pfc-content ul.icons li a:hover {
    color: #26AAE0;
    text-decoration: none;
}

.product-features-cta.v-offset {
    margin-top: 48px;
    border-radius: 0 10px 10px 0;
}

.product-features-cta.v-offset .pfc-content ul {
    margin-bottom: 0;
}

.product-features-cta.v-offset .pfc-header .logo {
    margin-top: -26px;
}

/* Upper Right Tags */
.product-features-cta .tag {
    width: 132px;
    height: 102px;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
}

.product-features-cta .tag.small {
    width: 102px;
}

.product-features-cta .tag.new-users {
    background: url('../images/cssimg/tag_new_user.png') no-repeat right 0;
    background-size: 90%;
}

.product-features-cta .tag.trial-orange {
    background: url('../images/cssimg/tag_trial_orange.png') no-repeat 0 0;
}

.product-features-cta .tag.trial-blue {
    background: url('../images/cssimg/tag_trial_blue.png') no-repeat 0 0;
}

@media only screen and (min-width: 32em) {
    .product-features-cta {
        width: 60%;
        margin: 20px auto 40px;
    }
}

@media only screen and (min-width: 56.25em) {
    .product-features-cta {
        width: 100%;
        margin: 30px 0 40px;
    }
}

@media only screen and (max-width: 56.25em) {
    .product-column {
        width: 100%;
    }
}

/* Freeware Callout */
.freeware-cta {
    margin: 50px 0;
}

.freeware-cta .logo {
    width: 13%;
    float: left;
}

.freeware-cta .text {
    width: 87%;
    float: right;
}

.freeware-cta h3 {
    font-size: 28px;
    font-weight: 600;
    color: #666666;
}

.freeware-cta .text .btn-stripes {
    float: left;
    margin-right: 10px;
}

.freeware-cta .text p {
    font-size: 14px;
    color: #666666;
    line-height: 1.4;
    float: left;
    padding: 3px 0;
}

/* @end */
/* @group Feature Comparison Table */
/* Heading */
.features-comp-table .main-heading {
    width: 100%;
    float: left;
    background: rgba(255, 255, 255, .9);
    display: none;
}

.features-comp-table .main-heading .text {
    width: 64%;
    float: left;
    padding-top: 33px;
}

.features-comp-table .main-heading .versions {
    width: 34%;
    float: right;
}

.features-comp-table .main-heading .versions > div {
    width: 30%;
    float: left;
    margin-left: 3%;
    text-align: center;
}

.features-comp-table .main-heading .versions a {
    color: #666666;
    font-weight: 600;
}

.features-comp-table .main-heading .versions a:hover {
    color: #26AAE0;
    text-decoration: none;
}

.features-comp-table .section {
    width: 100%;
    float: left;
    margin-top: 20px;
}

/* Table Heading */
.features-comp-table .section .heading {
    border-radius: 6px 6px 0 0;
    padding: 11px 10px 13px;
}

.features-comp-table .section .heading h3 {
    font-size: 20px;
    color: #FFFFFF;
    line-height: 1;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
    margin: 0;
}

/* Rows */
.features-comp-table .t-row {
    width: 100%;
    color: #666666;
    border-bottom: solid 1px #EEEEEE;
    padding: 13px;
    float: left;
}

.features-comp-table .t-row p {
    margin-bottom: 0;
}

.features-comp-table .t-row .feature-title {
    width: 100%;
    font-weight: 600;
    float: left;
}

.features-comp-table .t-row .feature-title p {
    line-height: 1;
}

.features-comp-table .t-row .feature-title a:hover {
    text-decoration: none;
}

.features-comp-table .t-row .feature-check {
    width: 100%;
    margin-top: 5px;
    float: left;
    text-align: center;
}

.features-comp-table .t-row .feature-check > div {
    width: 30%;
    float: left;
    margin-left: 3%;
}

.features-comp-table .t-row .feature-check > div:first-child {
    margin-left: 0;
}

.features-comp-table .t-row .check {
    background: url('../images/cssimg/ico_check.png') no-repeat left top;
    background: none;
    width: 21px;
    height: 16px;
    display: inline-block;
}

.features-comp-table .t-row .text {
    display: none;
    width: 100%;
    border-left: solid 4px #EEEEEE;
    padding: 0 15px 0 20px;
    float: left;
    margin: 10px 0 0;
}

.features-comp-table .t-row .text img {
    margin-top: 20px;
}

.features-comp-table .t-row .check::before {
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 1;
    padding: 5px 9px;
    border-radius: 13px;
}

.features-comp-table .t-row .col-free .check::before {
    content: 'FREE';
    background-color: #848484;
}

.features-comp-table .t-row .col-standard .check::before {
    content: 'STND';
    background-color: #FEA841;
}

.features-comp-table .t-row .col-pro .check::before {
    content: 'PRO';
    background-color: #26A6DE;
}

@media only screen and (min-width: 40.63em) {
    .features-comp-table .t-row .feature-title {
        width: 64%;
        float: left;
    }

    .features-comp-table .t-row .feature-check {
        width: 34%;
        float: right;
        margin-top: 0;
    }

    .features-comp-table .t-row .feature-check > div {
        text-align: center;
    }

    .features-comp-table .t-row .feature-check > div:first-child {
        margin-left: 0;
    }
}

/* Table Footer */
.features-comp-table .main-footer {
    background-image: -webkit-gradient(linear, 50% -1%, 50% 96%, color-stop(0.01, rgb(160, 160, 160)), color-stop(0.99, rgb(151, 151, 166)));
    background-image: -webkit-linear-gradient(-90deg, rgb(160, 160, 160) 1%, rgb(151, 151, 166) 99%);
    background-image: linear-gradient(180deg, rgb(160, 160, 160) 1%, rgb(151, 151, 166) 99%);
    width: 100%;
    float: left;
    margin: 0 0 30px;
    border-radius: 0 0 7px 7px;
    padding: 17px 6px 17px 15px;
}

.features-comp-table .main-footer h3 {
    color: #FFFFFF;
    line-height: 1.5;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
    margin: 0;
}

.features-comp-table .main-footer .purchase-btn-group {
    text-align: center;
}

.features-comp-table .main-footer .purchase-btn-group .btn-stripes {
    display: block;
    margin: 20px 0 0;
}

.features-comp-table .main-footer .purchase-btn-group .btn-stripes:first-child {
    margin-top: 10px;
}

.features-comp-table .show-all.r-arrow:hover:after {
    transform: rotate(-90deg);
}

@media only screen and (min-width: 40.63em) {
    .features-comp-table .main-footer .purchase-btn-group {
        text-align: right;
    }

    .features-comp-table .main-footer .purchase-btn-group .btn-stripes {
        display: inline-block;
        margin: 0 10px;
    }

    .features-comp-table .main-footer .purchase-btn-group .btn-stripes:first-child {
        margin-top: 0;
    }
}

/* @end */

/* @group Pingplotter Aspects */
.pp-aspect-hero {
    background: url('../images/cssimg/bg_aspect_hero.jpg') repeat center center #47983C;
    padding-top: 20px;
}

.pp-aspect-hero h1 {
    font-size: 36px;
    color: #FFFFFF;
    text-shadow: none;
}

.pp-aspect-hero img {
    box-shadow: 0 10px 7px rgba(0, 0, 0, 0.6)
}

/* Background Images */
.pp-aspect-tools {
    background: url('../images/cssimg/bg_hero_tools.jpg') repeat center center #47983C;
}

.pp-aspect-line-graph {
    background: url('../images/cssimg/bg_hero_line_graph.jpg') repeat center center #47983C;
}

.pp-aspect-map-dots {
    background: url('../images/cssimg/bg_hero_map_dots.jpg') repeat center center #47983C;
}

/* Heading Icons */
.pp-aspect-hero h1.icon {
    padding-left: 50px;
}

.pp-aspect-hero h1.icon-line-graph-white {
    min-height: 51px;
    background: url('../images/cssimg/ico_line_graph_white.png') no-repeat center top;
    text-align: center;
    padding-top: 60px;
    padding-left: 0px;
}

.pp-aspect-hero h1.icon-wrench-white {
    min-height: 51px;
    background: url('../images/cssimg/ico_wrench_white.png') no-repeat center top;
    text-align: center;
    padding-top: 60px;
    padding-left: 0px;
}

.pp-aspect-hero h1.icon-map-white {
    min-height: 51px;
    background: url('../images/cssimg/ico_map_white.png') no-repeat center top;
    text-align: center;
    padding-top: 60px;
    padding-left: 0px;
}

/* end heading icons */
.pp-aspect-hero p {
    color: #FFFFFF;
    font-size: 18px;
    padding: 0;
}

.pp-aspect-hero .btn-stripes {
    margin: 0;
}

.pp-aspect-hero a.small-link {
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    margin: 5px 0 0;
}

.pp-aspect-feature {
    margin-bottom: 35px;
}

.pp-aspect-feature h3 .fa {
    color: #46963B;
}

.pp-aspect-use {
    position: relative;
    overflow: hidden;
    padding: 15px 0 0;
    margin-bottom: 40px;
}

.pp-aspect-use h3 {
    font-size: 34px;
    font-weight: bold;
    color: #f26522;
}

.pp-aspect-use h3 .fa {
    color: #f26522;
}

.pp-aspect-use h4 {
    color: #f26522;
}

.pp-aspect-use ul li {
    background-image: url('../images/cssimg/bg_li_orange.png');
}

.pp-aspect-use img.bg-img {
    display: none;
}

.pp-aspect-use.bg-dark {
    color: #FFFFFF;
}

.pp-aspect-use.bg-dark h3 {
    color: #00C0E7;
}

.pp-aspect-use.bg-dark h3 .fa {
    color: #00C0E7;
}

.pp-aspect-use.bg-dark h4 {
    color: #00c0e7;
}

.pp-aspect-use.bg-dark ul li {
    background-image: url('../images/cssimg/bg_li_blue.png');
}

@media only screen and (min-width: 40.063em) {
    .pp-aspect-hero {
        padding-top: 50px;
    }

    .pp-aspect-hero h1.icon-line-graph-white {
        background-position: 0 0;
        font-size: 42px;
        text-align: left;
        padding-left: 70px;
        padding-top: 6px;
    }

    .pp-aspect-hero h1.icon-wrench-white {
        background-position: 0 0;
        font-size: 42px;
        text-align: left;
        padding-left: 70px;
        padding-top: 6px;
    }

    .pp-aspect-hero h1.icon-map-white {
        background-position: 0 0;
        font-size: 42px;
        text-align: left;
        padding-left: 70px;
        padding-top: 6px;
    }

    .pp-aspect-use img.bg-img {
        display: block;
        left: 0;
        top: 0;
        position: absolute;
    }

    .pp-aspect-hero p {
        font-size: 22px;
    }

    .pp-aspect-use img.bg-img.bg-right {
        left: auto;
        right: 0;
    }
}

@media only screen and (min-width: 40.063em) and (max-width: 56.25em) {
    .pp-aspect-hero h1.icon-line-graph-white {
        font-size: 30px;
        padding-top: 15px;
    }

    .pp-aspect-hero h1.icon-wrench-white.long-headline {
        background-size: 35px 35px;
        padding-left: 45px;
    }

    .pp-aspect-hero h1.long-headline {
        font-size: 32px;
    }

    .pp-aspect-hero p {
        font-size: 18px;
    }
}

/* @end */

.pp-dot-bg {
    background: url('../i/mobile/bg_hero_pingplotter.png') no-repeat center top #213239;
}

/* @group Download Page */
.hero.hero-download {
    padding: 20px 0;
}

.hero.hero-download .hero-media {
    text-align: center;
}

.hero.hero-download .hero-media img {
    text-align: center;
    margin: 20px 0;
}

.hero.hero-download h1 {
    font-size: 34px;
    color: #666666;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.65);
}

.hero.hero-download p {
    padding: 0;
}

.hero.hero-download .btn-stripes {
    margin: 0 0 5px;
}

@media only screen and (min-width: 40.063em) {
    .hero.hero-download .hero-media img {
        margin: 0;
    }
}

@media only screen and (min-width: 64.063em) {
    .hero.hero-download h1 {
        font-size: 42px;
    }
}

.platform-link {
    color: #555555;
}

.platform-link:hover {
    text-decoration: none;
    color: #555555;
}

/* @end */
/* new download page */
.product-box hr {
    margin-bottom: 10px;
}

.product-box .slide-content {
    margin: 0 0 10px 0
}

.product-box .slide-content a {
    line-height: 38px;
}

.product-box .load-content p {
    margin-bottom: 10px;
}

.download-thanks h3 {
    color: white
}

.download-content .pp-blue-bg a {
    color: #234862
}

/* @end */
/* @group Android Smart Banner */
.smartbanner {
    background: #FFFFFF;
    width: 100%;
    height: 78px;
    left: 0;
    top: 0;
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
    overflow: hidden;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: none;
}

.smartbanner-container {
    margin: 0 auto;
}

.smartbanner-close {
    background: #efefef;
    width: 17px;
    height: 17px;
    line-height: 17px;
    font-family: 'ArialRoundedMTBold', Arial;
    font-size: 15px;
    color: #b1b1b3;
    text-align: center;
    text-decoration: none;
    position: absolute;
    left: 7px;
    top: 7px;
    display: block;
    border-radius: 14px;
    border: 0;
    -webkit-font-smoothing: subpixel-antialiased;
}

.smartbanner-close:active, .smartbanner-close:hover {
    color: #333333;
}

.smartbanner-icon {
    background-image: url('../images/cssimg/logo_pingplotter_play_store_banner.png');
    background-color: #FFFFFF;
    background-size: cover;
    width: 57px;
    height: 57px;
    position: absolute;
    left: 30px;
    top: 10px;
    display: block;
}

.smartbanner-info {
    width: 44%;
    font-size: 12px;
    line-height: 1.2em;
    font-weight: bold;
    color: #999999;
    position: absolute;
    left: 98px;
    top: 15px;
}

.smartbanner-title {
    font-size: 15px;
    font-weight: bold;
    color: #565656;
    line-height: 17px;
}

.smartbanner-title .highlight {
    color: #0075b2;
}

.smartbanner-button {
    background-color: #b3c833;
    min-width: 12%;
    height: 24px;
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
    border-bottom: 3px solid #b3c833;
    padding: 0 10px;
    line-height: 24px;
    text-align: center;
    text-decoration: none;
    border-radius: 5px;
    position: absolute;
    right: 20px;
    top: 24px;
}

.smartbanner-button:hover {
    background-color: #c1d739;
    color: #FFFFFF;
    text-decoration: none;
    border-bottom: 3px solid #8c9c29;
}

.smartbanner-button-text {
    text-align: center;
    display: block;
    padding: 0 5px;
}

/* @end */

/* @group Slider Defaults */
.bx-wrapper {
    position: relative;
    margin: 0 auto 40px;
    width: 656px;
    padding: 0;
    *zoom: 1;
}

.bx-wrapper img {
    max-width: 100%;
    display: block;
}

.bx-wrapper .bx-viewport {
    margin: 20px 0 10px;
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0);
}

.bx-wrapper .bx-loading {
    min-height: 50px;
    background: url('../images/cssimg/bx_loader.gif') center center no-repeat #fff;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000;
}

.bx-wrapper .bx-prev {
    left: 0;
    border-radius: 0 5px 5px 0;
    padding: 10px 15px 10px 10px;
}

.bx-wrapper .bx-next {
    right: 0;
    border-radius: 5px 0 0 5px;
    padding: 10px 10px 10px 15px;
}

/* added for slider dots */
.bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-weight: bold;
    color: #666;
}

.bx-wrapper .bx-pager .bx-pager-item {
    display: inline-block;
    *zoom: 1;
    *display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: #d9d9d9;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #27aae1;
}

/* end slider dot stuff */

.bx-wrapper .bx-controls-direction a {
    background: rgba(38, 169, 223, .9);
    font-size: 40px;
    color: #FFFFFF;
    line-height: 1;
    text-align: center;
    text-shadow: 0 2px 1px #000000;
    position: absolute;
    top: 50%;
    margin-top: 20px;
    outline: 0;
    z-index: 9999;
    display: none;
}

.bx-wrapper .bx-controls-direction a:hover,
.bx-wrapper .bx-controls-direction a:focus {
    text-shadow: 0 1px 1px #000000;
}

.bx-wrapper .bx-controls-direction a.disabled {
    display: none;
}

.bx-wrapper div > img {
    margin-bottom: 10px;
}

.bx-wrapper .caption {
    font-size: 18px;
    font-weight: bold;
    color: #999999;
    text-align: center;
    line-height: 1.2;
    margin-bottom: 20px;
}

@media only screen and (min-width: 40.063em) {
    .bx-wrapper .bx-controls-direction a {
        display: block;
    }
}

/* @end */
/* Style Guide */
.styles-section,
.h-styles-section {
    float: left;
    width: 100%;
    margin: 0 0 55px;
}

.styles-section .sub-section {
    margin: 0 0 25px;
}

.color-block {
    height: 125px;
    font-size: 30px;
    color: #FFFFFF;
    padding: 14px 0;
    display: block;
}

.color-block.alt-font {
    color: #999999;
}

.styles-section h3,
.h-styles-section h3.section-head {
    color: #26A9DF;
    font-size: 32px;
    font-weight: 600;
}

.styles-section h4 {
    font-weight: 600;
}

.styles-section h5 {
    color: #333333;
    font-weight: 600;
}

.styles-section h6 {
    font-weight: 400;
}

.styles-section .highlight {
    color: #990000;
    font-weight: 600;
}

/* begin stuff added by PingPlotter team */
.orange-tri {
    color: white;
    position: absolute;
    right: 1px;
    top: 1px;
    background-color: #EC8E16;
    margin-top: 30px;
    width: 90px;
    height: 90px;
    border-top-right-radius: 8px;
    text-align: right;
    padding-right: 5px;
}

.blue-tri {
    color: white;
    position: absolute;
    right: 1px;
    top: 1px;
    background-color: #26A9DF;
    margin-top: 30px;
    width: 90px;
    height: 90px;
    border-top-right-radius: 8px;
    text-align: right;
    padding-right: 5px;
}

.tricover {
    width: 0px;
    height: 0px;
    position: absolute;
    border-style: solid;
    border-width: 0 92px 92px 0;
    border-color: transparent transparent #FAFAFA transparent;
    color: white;
    position: absolute;
    right: 1px;
    top: 1px;
    background-color: transparent;
    margin-top: 30px;
}

.freestyle {
    text-align: center;
    width: 100%;
    margin-right: 5px;
    font-weight: 700;
}

/* For manual sidebar */

.manual-revision {
    text-align: center;
    background-color: white;
    font-size: 14px;
    padding: 15px 0 0;
}

/* Search Box */
.header .search form {
    background: none;
    width: 100%;
    border: solid 2px #26A9E0;
    padding: 6px 6px;
    float: left;
}

.header .search input[type="text"] {
    background: none;
    width: 90%;
    font-size: 16px;
    color: #FFFFFF;
    border: none;
    float: left;
    padding: 0 0 0 6px;
}

.header .search input[type="submit"] {
    background: url('../images/cssimg/ico_search@2x.png') no-repeat left top;
    background-size: auto 100%;
    min-width: 20px;
    max-width: 10%;
    height: 20px;
    padding: 0;
    float: left;
}

@media only screen and (min-width: 40.063em) {
    .header .search form {
        padding: 3px 6px;
    }

    .header .search input[type="text"] {
        width: 85%;
        font-size: 12px;
    }

    .header .search input[type="submit"] {
        background-size: auto 100%;
        min-width: 13px;
        max-width: 10%;
        height: 13px;
    }
}

@media only screen and (min-width: 64.063em) {
    .header .search input[type="text"] {
        width: 90%;
    }
}

/* added for tooltips */
.tooltip {
    position: relative;
}

.tooltip .hint {
    display: none;
    position: absolute;
    top: -40px;
    left: 50px;
    font-size: .75em;
}

.tooltip:hover .hint {
    display: block;
    padding: 3px;
    border-radius: 5px;
    border-width: 2px;
    border-style: solid;
}

.tooltip .bluetip {
    border-color: #27aae1;
}

.tooltip .orangetip {
    border-color: #FF991F;
}

.tooltip .narrow {
    width: 100px;
}

.tooltip .medium {
    width: 150px;
}

.tooltip .wide {
    width: 200px;
}

/* @end tooltips */

/* embeded styles moved to external stylesheet */

.floating-picture {
    float: right;
    margin-left: 15px;
    margin-bottom: 15px;
}

th.price {
    background-color: #26A9DF;
    color: #ffffff;
    font-size: 110%;
    padding: 10px;
    border: 2px solid #FFFFFF;
    border-collapse: separate;
}

td.bar {
    background-color: #BBBBBB;
    color: #000000;
    text-align: left;
    border: 2px solid #FFFFFF;
}

.prodpagelogo {
    float: left;
    padding: 0px 25px 25px 0px;
}

h6.goright {
    text-align: right;
}

.bigquote {
    font-size: 120%;
    font-weight: bold;
}

.floatright {
    float: right;
    padding-left: 15px;
    padding-bottom: 5px;
}

.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 0 0 0 0;
}

.padding {
    padding-left: 10px;
}

/* css classes for styled dropdown menus added by Taylor */
.css-select {
    -webkit-appearance: none;
    -moz-appearance: window;
    background-repeat: no-repeat;
    background-position: right center;
    background: #ffffff url(../i/droparrow.png) no-repeat 96% center;
    padding: 8px;
    border-radius: 5px;
    width: 96%;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 15px;
    border: none;
    box-shadow: inset 0 0 5px rgba(000, 000, 000, 0.5);
}

@-moz-document url-prefix() {
    .css-select-moz {
        background: #ffffff url('../i/droparrow.png') no-repeat 98% center;
        background-repeat: no-repeat;
        padding: 8px 8px 8px 0px;
        width: 96%;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 15px;
        border: none;
        border-radius: 5px;
        box-shadow: inset 0 0 5px rgba(000, 000, 000, 0.5);
    }
}

.pro-pill {
    font-size: 14px;
    font-weight: bold;
    border-radius: 13px;
    color: #FFFFFF;
    line-height: 1;
    display: inline-block;
    padding: 5px 9px;
    margin-left: 5px;
    position: relative;
    bottom: 15px;
}

#hmpopupdiv /* used for javascript text popups */
{
    display: none;
    position: absolute;
    z-index: 1000;
    background-color: #FFFF84;
    padding: 6px;
    border: 1px solid #000000;
    border-radius: 5px;
    box-shadow: 5px 5px 5px #888;
}

/* social media buttons */
.side-share {
    position: absolute;
    left: 10px;
    padding-top: 10px;
}

.fb-share-btn {
    background-image: url('../images/social/facebook-share.png');
    width: 27px;
    height: 27px;
    display: inline-block;
    margin: 0 0 1px;
}

.fb-share-btn:hover,
.fb-share-btn:active {
    background-image: url('../images/social/facebook-share-blu.png');
    outline: none;
}

.tw-share-btn {
    background-image: url('../images/social/twitter-share.png');
    width: 27px;
    height: 27px;
    display: inline-block;
    margin: 0 0 1px;
}

.tw-share-btn:hover,
.tw-share-btn:active {
    background-image: url('../images/social/twitter-share-blu.png');
    outline: none;
}

.em-share-btn {
    background-image: url('../images/social/email-share.png');
    width: 27px;
    height: 27px;
    display: inline-block;
    margin: 0 0 1px;
}

.em-share-btn:hover,
.em-share-btn:active {
    background-image: url('../images/social/email-share-blu.png');
}

.fb-follow-btn {
    background: url('../images/social/facebook-follow.png');
    width: 101px;
    height: 34px;
    float: left;

}

.tw-follow-btn {
    background: url('../images/social/twitter-follow.png');
    width: 101px;
    height: 34px;
    margin-left: 20px;
    float: left;

}

.fb-follow-btn:hover > .social-overlay,
.tw-follow-btn:hover > .social-overlay {
    position: absolute;
    background-color: #000;
    opacity: 0.2;
    width: 101px;
    height: 34px;
    border-radius: 5px;
}

.fb-nav-btn {
    background: url('../images/social/facebook-nav.png');
    width: 22px;
    height: 22px;
    display: inline-block;
}

.fb-nav-btn:hover,
.fb-nav-btn:active {
    background: url('../images/social/facebook-nav-hov.png');
}

.tw-nav-btn {
    background: url('../images/social/twitter-nav.png');
    width: 22px;
    height: 22px;
    display: inline-block;
}

.tw-nav-btn:hover,
.tw-nav-btn:active {
    background: url('../images/social/twitter-nav-hov.png');
}

@media only screen and (max-width: 40.063em) {
    .follow-btn-nav:hover > .social-overlay {
        top: 48px;
    }
}

.medium-half {
    width: 4.16%
}

@media only screen and (max-width: 64em) {
    .medium-half {
        width: 100%
    }
}

/* responsive video classes */
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* @end */

/* @group Retina CSS Images */
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    blockquote {
        background-image: url('../images/cssimg/bg_l_quote@2x.png');
        background-size: 21px 16px;
    }

    .pp-aspect-hero h1.icon-line-graph-white {
        background-image: url('../images/cssimg/ico_line_graph_white@2x.png');
        background-size: 49px 51px;
    }

    .pp-aspect-hero h1.icon-wrench-white {
        background-image: url('../images/cssimg/ico_wrench_white@2x.png');
        background-size: 52px 52px;
    }

    .pp-aspect-hero h1.icon-map-white {
        background-image: url('../images/cssimg/ico_map_white@2x.png');
        background-size: 52px 48px;
    }

    .ico-line-graph-gw {
        background-image: url('../images/cssimg/ico_line_graph_green_white@2x.png');
        background-size: 47px 98px;
    }

    .ico-wrench-gw {
        background-image: url('../images/cssimg/ico_wrench_green_white@2x.png');
        background-size: 50px 100px;
    }

    .ico-map-gw {
        background-image: url('../images/cssimg/ico_guidance_map_green_white@2x.png');
        background-size: 50px 92px;
    }
}

/* @end */

/* Classes for Mac Preview Feature list */
.ready-legend {
    height: 30px;
    width: 30px;
    background-color: #53B21D;
    float: left;
    margin-right: 8px;
    border-radius: 5px;
"
}

.feature-box {
    padding: 20px 10px;
    border-radius: 5px;
    margin-bottom: 30px;
}

.feature-box .slide-content {
    margin: 0px auto;
}

.feature-box .slide-content .load-trigger {
    padding: 0px;
}

.feature-box a,
.feature-box .slide-content a:hover,
.feature-box .slide-content a.selected {
    color: #ffffff;
}

.feature-box .load-content {
    color: #ffffff;
    padding: 10px;
    margin-top: 6px;
    font-size: 80%;
}

.ready {
    background-color: #53B21D;
}

.ready:hover {
    background-color: #6ABC3B
}

.developing {
    background-color: #878787;
}

.developing:hover {
    background-color: #999999
}

/* end */

/* classes for youtube switcher */
.youtube-container {
    display: block;
    margin: 20px auto;
    width: 100%;
    max-width: 600px;
}

.youtube-player {
    display: block;
    width: 100%; /* assuming that the video has a 16:9 ratio */
    padding-bottom: 56.25%;
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
    cursor: hand;
    cursor: pointer;
    display: block;
}

img.youtube-thumb {
    bottom: 0;
    display: block;
    left: 0;
    margin: auto;
    max-width: 100%;
    width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    height: auto
}

div.play-button {
    height: 72px;
    width: 72px;
    left: 50%;
    top: 50%;
    margin-left: -36px;
    margin-top: -36px;
    position: absolute;
    background: url("http://i.imgur.com/TxzC70f.png") no-repeat;
}

#youtube-iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

/* end */

/* v5 announcement page */
.version5.hero.hero h2 {
    color: white;
    text-shadow: none;
    font-size: 4em;
}

.version5.hero .intro, .hero h3 {
    color: white;
}

.version5.hero.hero p {
    padding: 0;
}

.version5.hero.hero {
    padding: 50px 0 0 0
}

.version5.hero.hero .btn-stripes {
    margin: 0;
}

.v5-highlights p {
    margin-top: 10px;
}

.pp5-headline-icon {
    height: 42px;
    margin-right: 10px;
}

.slide-container {
    position: absolute;
    width: 100%;
    bottom: -40px;
    left: 0;
}

.down-btn {
    transform: rotate(180deg);
}

.slide-arrow {
    background-image: url("../images/slide-btn-back.png");
    background-size: 60px auto;
    background-repeat: no-repeat;
}

.slide-arrow:hover {
    background-image: url("../images/slide-btn-back-hov.png");
}

a.load-trigger.slide-arrow {
    padding: 0;
}

.white-arrow {
    width: 60px;
}

.hero-border {
    border-bottom: 20px solid #234862;
}

.concept-row {
    text-align: center;
    margin-bottom: 30px;;
}

.concept-row img {
    width: 50px;
    margin-bottom: 10px;
}

.concept-row p {
    width: 70%;
    margin: auto;
}

.concept-title img {
    float: left;
    width: 30px;
    margin-right: 10px;
}

.feature-section {
    margin-bottom: 40px;
}

.product-page-icon {
    font-size: 3em;
}

.lightener {
    opacity: 0.5;
}

/* end */