@charset "UTF-8";@media only screen and (max-width: 975px) {
    body.responsive .col-960,body.responsive .wrap.grid-container,body.responsive #main.grid-container {
        width:92%
    }

    body.responsive .col-960.unpadded,body.responsive .wrap.grid-container.unpadded,body.responsive #main.grid-container.unpadded {
        margin-left: -4%;
        padding-left: 4%;
        margin-right: -4%;
        padding-right: 4%;
        width: 100%
    }

    body.responsive #sign-up-form {
        min-width: 960px
    }
}

@media only screen and (max-width: 975px) and (max-width: 700px) {
    body.responsive .col-960.unpadded,body.responsive .wrap.grid-container.unpadded,body.responsive #main.grid-container.unpadded {
        padding-right:0!important
    }
}

.grid-container {
    *zoom:1;max-width: 59%;
    _width: 59%;
    padding-left: 4%;
    padding-right: 4%;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    width: 92%;
    max-width: 1024px!important
}

.grid-container:after {
    content: "";
    display: table;
    clear: both
}

@media (max-width: 778px) {
    .grid-container {
        max-width:59%
    }
}

@media (max-width: 700px) {
    .grid-container {
        max-width:19%
    }
}

.grid-container.unpadded {
    margin-left: -2%;
    padding-left: 2%;
    margin-right: -2%;
    padding-right: 2%;
    width: 100%
}

.one-col {
    width: 100%;
    float: left;
    margin-right: 1.69492%;
    display: inline
}

.one-col.omega {
    width: 100%;
    float: right;
    margin-right: 0;
    *margin-left: -1%;
    display: inline
}

.two-col {
    width: 49.15254%;
    float: left;
    margin-right: 1.69492%;
    display: inline
}

.two-col.omega {
    width: 49.15254%;
    float: right;
    margin-right: 0;
    *margin-left: -1%;
    display: inline
}

.three-col {
    width: 32.20339%;
    float: left;
    margin-right: 1.69492%;
    display: inline
}

.three-col.omega {
    width: 32.20339%;
    float: right;
    margin-right: 0;
    *margin-left: -1%;
    display: inline
}

.four-col {
    width: 23.72881%;
    float: left;
    margin-right: 1.69492%;
    display: inline
}

.four-col.omega {
    width: 23.72881%;
    float: right;
    margin-right: 0;
    *margin-left: -1%;
    display: inline
}

@media (max-width: 778px) {
    .three-col {
        width:49.15254%;
        float: left;
        margin-right: 1.69492%
    }

    .three-col.omega {
        width: 49.15254%;
        float: left;
        margin-right: 1.69492%
    }

    .three-col:nth-child(even) {
        width: 49.15254%;
        float: right;
        margin-right: 0
    }

    .four-col {
        width: 49.15254%;
        float: left;
        margin-right: 1.69492%
    }

    .four-col.omega {
        width: 49.15254%;
        float: left;
        margin-right: 1.69492%
    }

    .four-col:nth-child(even) {
        width: 49.15254%;
        float: right;
        margin-right: 0
    }
}

@media (max-width: 700px) {
    .one-col,.two-col,.three-col,.four-col {
        width:100%;
        float: right;
        margin-right: 0;
        clear: both;
        display: block;
        float: none
    }

    .one-col.omega,.one-col:nth-child(even),.two-col.omega,.two-col:nth-child(even),.three-col.omega,.three-col:nth-child(even),.four-col.omega,.four-col:nth-child(even) {
        width: 100%;
        float: right;
        margin-right: 0
    }
}

article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary {
    display: block
}

audio,canvas,video {
    display: inline-block
}

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

[hidden] {
    display: none
}

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

body {
    margin: 0
}

a:focus {
    outline: thin dotted
}

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

h1 {
    font-size: 2em
}

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

b,strong {
    font-weight: normal
}

dfn {
    font-style: italic
}

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

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

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

q {
    quotes: "\201C" "\201D" "\2018" "\2019"
}

small {
    font-size: 80%
}

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

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}

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

figure {
    margin: 0
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em
}

legend {
    border: 0;
    padding: 0
}

button,input,select,textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0
}

button,input {
    line-height: normal
}

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

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

input[type="checkbox"],input[type="radio"] {
    box-sizing: border-box;
    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-cancel-button,input[type="search"]::-webkit-search-decoration {
    -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
}

@font-face {
    font-family: DNLTUL;
    -moz-font-feature-settings: "liga=0";
    -moz-font-feature-settings: "liga" 0;
    src: url("./css/fonts/DNLTUL.eot");
    src: url("./css/fonts/DNLTUL.eot#iefix") format("embedded-opentype"),url("./css/fonts/DNLTUL.woff") format("woff"),url("./css/fonts/DNLTUL.ttf") format("truetype"),url("./css/fonts/DNLTUL.svg#DNLTUL") format("svg")
}

@font-face {
    font-family: DNLTL;
    -moz-font-feature-settings: "liga=0";
    -moz-font-feature-settings: "liga" 0;
    src: url("./css/fonts/DNLTL.eot");
    src: url("./css/fonts/DNLTL.eot#iefix") format("embedded-opentype"),url("./css/fonts/DNLTL.woff") format("woff"),url("./css/fonts/DNLTL.ttf") format("truetype"),url("./css/fonts/DNLTL.svg#DNLTL") format("svg")
}

@font-face {
    font-family: DNLTR;
    -moz-font-feature-settings: "liga=0";
    -moz-font-feature-settings: "liga" 0;
    src: url("./css/fonts/DNLTR.eot");
    src: url("./css/fonts/DNLTR.eot#iefix") format("embedded-opentype"),url("./css/fonts/DNLTR.woff") format("woff"),url("./css/fonts/DNLTR.ttf") format("truetype"),url("./css/fonts/DNLTR.svg#DNLTR") format("svg")
}

@font-face {
    font-family: DNLTM;
    -moz-font-feature-settings: "liga=0";
    -moz-font-feature-settings: "liga" 0;
    src: url("./css/fonts/DNLTM.eot");
    src: url("./css/fonts/DNLTM.eot#iefix") format("embedded-opentype"),url("./css/fonts/DNLTM.woff") format("woff"),url("./css/fonts/DNLTM.ttf") format("truetype"),url("./css/fonts/DNLTM.svg#DNLTM") format("svg")
}

@font-face {
    font-family: DNLTB;
    -moz-font-feature-settings: "liga=0";
    -moz-font-feature-settings: "liga" 0;
    src: url("./css/fonts/DNLTB.eot");
    src: url("./css/fonts/DNLTB.eot#iefix") format("embedded-opentype"),url("./css/fonts/DNLTB.woff") format("woff"),url("./css/fonts/DNLTB.ttf") format("truetype"),url("./css/fonts/DNLTB.svg#DNLTB") format("svg")
}

@font-face {
    font-family: DNLTLI;
    -moz-font-feature-settings: "liga=0";
    -moz-font-feature-settings: "liga" 0;
    src: url("./css/fonts/DNLTLI.eot");
    src: url("./css/fonts/DNLTLI.eot#iefix") format("embedded-opentype"),url("./css/fonts/DNLTLI.woff") format("woff"),url("./css/fonts/DNLTLI.ttf") format("truetype"),url("./css/fonts/DNLTLI.svg#DNLTLI") format("svg")
}

@font-face {
    font-family: DNLTRI;
    -moz-font-feature-settings: "liga=0";
    -moz-font-feature-settings: "liga" 0;
    src: url("./css/fonts/DNLTRI.eot");
    src: url("./css/fonts/DNLTRI.eot#iefix") format("embedded-opentype"),url("./css/fonts/DNLTRI.woff") format("woff"),url("./css/fonts/DNLTRI.ttf") format("truetype"),url("./css/fonts/DNLTRI.svg#DNLTRI") format("svg")
}

@font-face {
    font-family: DNRL;
    -moz-font-feature-settings: "liga=0";
    -moz-font-feature-settings: "liga" 0;
    src: url("./css/fonts/DNRL.eot");
    src: url("./css/fonts/DNRL.eot#iefix") format("embedded-opentype"),url("./css/fonts/DNRL.woff") format("woff"),url("./css/fonts/DNRL.ttf") format("truetype"),url("./css/fonts/DNRL.svg#DNRL") format("svg")
}

@font-face {
    font-family: DNRR;
    -moz-font-feature-settings: "liga=0";
    -moz-font-feature-settings: "liga" 0;
    src: url("./css/fonts/DNRR.eot");
    src: url("./css/fonts/DNRR.eot#iefix") format("embedded-opentype"),url("./css/fonts/DNRR.woff") format("woff"),url("./css/fonts/DNRR.ttf") format("truetype"),url("./css/fonts/DNRR.svg#DNRR") format("svg")
}

@font-face {
    font-family: DNRM;
    -moz-font-feature-settings: "liga=0";
    -moz-font-feature-settings: "liga" 0;
    src: url("./css/fonts/DNRM.eot");
    src: url("./css/fonts/DNRM.eot#iefix") format("embedded-opentype"),url("./css/fonts/DNRM.woff") format("woff"),url("./css/fonts/DNRM.ttf") format("truetype"),url("./css/fonts/DNRM.svg#DNRM") format("svg")
}

@font-face {
    font-family: DNRB;
    -moz-font-feature-settings: "liga=0";
    -moz-font-feature-settings: "liga" 0;
    src: url("./css/fonts/DNRB.eot");
    src: url("./css/fonts/DNRB.eot#iefix") format("embedded-opentype"),url("./css/fonts/DNRB.woff") format("woff"),url("./css/fonts/DNRB.ttf") format("truetype"),url("./css/fonts/DNRB.svg#DNRB") format("svg")
}

@font-face {
    font-family: PNT;
    -moz-font-feature-settings: "liga=0";
    -moz-font-feature-settings: "liga" 0;
    src: url("./css/fonts/PNT.eot");
    src: url("./css/fonts/PNT.eot#iefix") format("embedded-opentype"),url("./css/fonts/PNT.woff") format("woff"),url("./css/fonts/PNT.ttf") format("truetype"),url("./css/fonts/PNT.svg#PNT") format("svg")
}

@font-face {
    font-family: PNTI;
    -moz-font-feature-settings: "liga=0";
    -moz-font-feature-settings: "liga" 0;
    src: url("./css/fonts/PNTI.eot");
    src: url("./css/fonts/PNTI.eot#iefix") format("embedded-opentype"),url("./css/fonts/PNTI.woff") format("woff"),url("./css/fonts/PNTI.ttf") format("truetype"),url("./css/fonts/PNTI.svg#PNTI") format("svg")
}

@font-face {
    font-family: PNL;
    -moz-font-feature-settings: "liga=0";
    -moz-font-feature-settings: "liga" 0;
    src: url("./css/fonts/PNL.eot");
    src: url("./css/fonts/PNL.eot#iefix") format("embedded-opentype"),url("./css/fonts/PNL.woff") format("woff"),url("./css/fonts/PNL.ttf") format("truetype"),url("./css/fonts/PNL.svg#PNL") format("svg")
}

@font-face {
    font-family: PNLI;
    -moz-font-feature-settings: "liga=0";
    -moz-font-feature-settings: "liga" 0;
    src: url("./css/fonts/PNLI.eot");
    src: url("./css/fonts/PNLI.eot#iefix") format("embedded-opentype"),url("./css/fonts/PNLI.woff") format("woff"),url("./css/fonts/PNLI.ttf") format("truetype"),url("./css/fonts/PNLI.svg#PNLI") format("svg")
}

@font-face {
    font-family: PNR;
    -moz-font-feature-settings: "liga=0";
    -moz-font-feature-settings: "liga" 0;
    src: url("./css/fonts/PNR.eot");
    src: url("./css/fonts/PNR.eot#iefix") format("embedded-opentype"),url("./css/fonts/PNR.woff") format("woff"),url("./css/fonts/PNR.ttf") format("truetype"),url("./css/fonts/PNR.svg#PNR") format("svg")
}

@font-face {
    font-family: PNRI;
    -moz-font-feature-settings: "liga=0";
    -moz-font-feature-settings: "liga" 0;
    src: url("./css/fonts/PNRI.eot");
    src: url("./css/fonts/PNRI.eot#iefix") format("embedded-opentype"),url("./css/fonts/PNRI.woff") format("woff"),url("./css/fonts/PNRI.ttf") format("truetype"),url("./css/fonts/PNRI.svg#PNRI") format("svg")
}

@font-face {
    font-family: PNSB;
    -moz-font-feature-settings: "liga=0";
    -moz-font-feature-settings: "liga" 0;
    src: url("./css/fonts/PNSB.eot");
    src: url("./css/fonts/PNSB.eot#iefix") format("embedded-opentype"),url("./css/fonts/PNSB.woff") format("woff"),url("./css/fonts/PNSB.ttf") format("truetype"),url("./css/fonts/PNSB.svg#PNSB") format("svg")
}

@font-face {
    font-family: PNSBI;
    -moz-font-feature-settings: "liga=0";
    -moz-font-feature-settings: "liga" 0;
    src: url("./css/fonts/PNSBI.eot");
    src: url("./css/fonts/PNSBI.eot#iefix") format("embedded-opentype"),url("./css/fonts/PNSBI.woff") format("woff"),url("./css/fonts/PNSBI.ttf") format("truetype"),url("./css/fonts/PNSBI.svg#PNSBI") format("svg")
}

@font-face {
    font-family: PNB;
    -moz-font-feature-settings: "liga=0";
    -moz-font-feature-settings: "liga" 0;
    src: url("./css/fonts/PNB.eot");
    src: url("./css/fonts/PNB.eot#iefix") format("embedded-opentype"),url("./css/fonts/PNB.woff") format("woff"),url("./css/fonts/PNB.ttf") format("truetype"),url("./css/fonts/PNB.svg#PNB") format("svg")
}

@font-face {
    font-family: PNBI;
    -moz-font-feature-settings: "liga=0";
    -moz-font-feature-settings: "liga" 0;
    src: url("./css/fonts/PNBI.eot");
    src: url("./css/fonts/PNBI.eot#iefix") format("embedded-opentype"),url("./css/fonts/PNBI.woff") format("woff"),url("./css/fonts/PNBI.ttf") format("truetype"),url("./css/fonts/PNBI.svg#PNBI") format("svg")
}

@font-face {
    font-family: PNXB;
    -moz-font-feature-settings: "liga=0";
    -moz-font-feature-settings: "liga" 0;
    src: url("./css/fonts/PNXB.eot");
    src: url("./css/fonts/PNXB.eot#iefix") format("embedded-opentype"),url("./css/fonts/PNXB.woff") format("woff"),url("./css/fonts/PNXB.ttf") format("truetype"),url("./css/fonts/PNXB.svg#PNXB") format("svg")
}

@font-face {
    font-family: PNXBI;
    -moz-font-feature-settings: "liga=0";
    -moz-font-feature-settings: "liga" 0;
    src: url("./css/fonts/PNXBI.eot");
    src: url("./css/fonts/PNXBI.eot#iefix") format("embedded-opentype"),url("./css/fonts/PNXBI.woff") format("woff"),url("./css/fonts/PNXBI.ttf") format("truetype"),url("./css/fonts/PNXBI.svg#PNXBI") format("svg")
}

@font-face {
    font-family: PNBL;
    -moz-font-feature-settings: "liga=0";
    -moz-font-feature-settings: "liga" 0;
    src: url("./css/fonts/PNBL.eot");
    src: url("./css/fonts/PNBL.eot#iefix") format("embedded-opentype"),url("./css/fonts/PNBL.woff") format("woff"),url("./css/fonts/PNBL.ttf") format("truetype"),url("./css/fonts/PNBL.svg#PNBL") format("svg")
}

@font-face {
    font-family: PNBLI;
    -moz-font-feature-settings: "liga=0";
    -moz-font-feature-settings: "liga" 0;
    src: url("./css/fonts/PNBLI.eot");
    src: url("./css/fonts/PNBLI.eot#iefix") format("embedded-opentype"),url("./css/fonts/PNBLI.woff") format("woff"),url("./css/fonts/PNBLI.ttf") format("truetype"),url("./css/fonts/PNBLI.svg#PNBLI") format("svg")
}

@font-face {
    font-family: entypo;
    -moz-font-feature-settings: "liga=0";
    -moz-font-feature-settings: "liga" 0;
    src: url("./css/fonts/entypo.eot");
    src: url("./css/fonts/entypo.eot#iefix") format("embedded-opentype"),url("./css/fonts/entypo.woff") format("woff"),url("./css/fonts/entypo.ttf") format("truetype"),url("./css/fonts/entypo.svg#entypo") format("svg")
}

.ent-text {
    font-family: entypo
}

body {
    font: 15px/1.3 PNR;
    color: #333;
    -webkit-font-smoothing: antialiased;
    -webkit-font-variant-ligatures: no-common-ligatures
}

h1,h2,h3,h4,.mobile-modal .mobile-modal-list li h5,h5,h6 {
    font-family: DNRL;
    font-weight: normal
}

a {
    color: #005CA1;
    text-decoration: none;
    -webkit-transition: color 0.1s;
    -moz-transition: color 0.1s;
    -ms-transition: color 0.1s;
    -o-transition: color 0.1s;
    transition: color 0.1s
}

a:hover {
    color: #c55200
}

a:active,a:focus {
    outline: none;
    -webkit-outline-style: none;
    -moz-outline-style: none;
    -ms-outline-style: none;
    -o-outline-style: none;
    outline-style: none
}

strong {
    font-family: PNR
}

figcaption a {
    color: #eee
}

blockquote {
    color: #808080;
    font-style: oblique;
    font: 15px/1.2 PNL
}

pre {
    display: block;
    padding: 8.5px;
    margin: 0 0 9px;
    font-size: 12.025px;
    line-height: 18px;
    word-break: break-all;
    word-wrap: break-word;
    white-space: pre;
    white-space: pre-wrap;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,0.15);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

::-moz-selection {
    background: #dedede;
    color: #484848;
    text-shadow: none
}

::selection {
    background: #dedede;
    color: #484848;
    text-shadow: none
}

h1,h2,h3,h4,.mobile-modal .mobile-modal-list li h5,h5,h6 {
    font-family: DNRL;
    font-weight: normal
}

#main.grid-container.p-legal #content.legal-info #page-title,#page-title {
    margin: 0 0 21px 0;
    padding-bottom: 5px;
    border-bottom: 1px solid gainsboro;
    font: 1.2em/1 DNRM;
    color: #444;
    text-transform: uppercase
}

article.generic #content h3 {
    font: 23px/1 DNRM;
    text-align: left;
    text-transform: uppercase;
    padding-bottom: 10px;
    margin: 40px 0 0px 0;
    border-bottom: 0
}

.greentab {
    display: block;
    margin-top: 1px;
    font: 12px DNLTR;
    color: #ffffff;
    text-decoration: none;
    text-transform: uppercase
}

.greentab span {
    padding: 4px 5px 1px;
    color: white;
    background: #78A300;
    line-height: 1.4em
}

h1.h-rev {
    font: 66px/1 DNLTUL!important;
    margin: 0px 0px 20px 0px
}

h1.h-rev.hero {
    font-family: DNLTL!important
}

h2.h-rev {
    font: 59px/1 DNLTUL!important;
    margin: 0px 0px 20px 0px;
    text-transform: none
}

h4.h-rev,.mobile-modal .mobile-modal-list li h5.h-rev {
    font: 16px/21px DNLTM!important;
    color: #434343;
    text-transform: uppercase!important;
    letter-spacing: 1px!important;
    margin: 0px 0px 35px 0px;
    margin-top: 0px!important;
    margin-bottom: 35px!important
}

p.p-rev {
    font: 21px/1.4 DNLTR!important;
    margin-top: 20px!important
}

.launch h1.h-rev {
    font: 56px/1 DNLTL!important
}

.ico {
    display: inline-block
}

.ico-140 {
    width: 142px;
    height: 140px
}

.ico-facebook {
    background-position: -214px -97px
}

.ico-facebook:hover {
    background-position: -237px -97px
}

.ico-twitter {
    background-position: -214px -72px
}

.ico-twitter:hover {
    background-position: -237px -72px
}

.ico-gplus {
    background-position: -214px -121px
}

.ico-gplus:hover {
    background-position: -237px -121px
}

.ico-iphone {
    position: relative;
    top: 4px;
    margin-right: 0px;
    height: 20px;
    width: 12px;
    border-radius: 2px;
    background: #415d17
}

.ico-iphone:before,.ico-iphone:after {
    content: "";
    width: 8px;
    height: 12px;
    background: #76a500;
    position: absolute;
    left: 2px;
    top: 2px;
    border-radius: 1px
}

.ico-iphone:after {
    width: 2px;
    height: 2px;
    left: 5px;
    top: 16px
}

.ico-mglass {
    position: relative;
    display: inline-block;
    padding: 3px;
    height: 6px;
    width: 6px;
    border: 2px solid #888;
    background: #fff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px
}

.ico-mglass:after {
    content: "";
    height: 2px;
    width: 6px;
    background: #888;
    position: absolute;
    top: 7px;
    left: 5px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.ico-check:before,.ico-check.ico-iphone:after {
    font: 20px entypo;
    color: #78a300;
    content: '\e812'
}

.button {
    display: block;
    float: left;
    position: relative;
    margin: 0;
    cursor: pointer;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px
}

.button:before,.button.ico-iphone:after,.button:after {
    content: '';
    position: absolute;
    left: -1px;
    width: 100%;
    bottom: -1px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px
}

.button-subtext {
    display: block;
    font-size: 12px;
    line-height: 12px;
    text-transform: none;
    text-shadow: none;
    margin-top: -6px
}

.orange,.orange:visited,.button-orange,.button-orange:visited {
    color: #fff;
    background-color: #f8b21f;
    font: 15px/2 DNRB;
    text-transform: uppercase;
    background-image: -moz-linear-gradient(top,#ffc154,#e47601);
    background-image: -ms-linear-gradient(top,#ffc154,#e47601);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#ffc154),to(#e47601));
    background-image: -webkit-linear-gradient(top,#ffc154,#e47601);
    background-image: -o-linear-gradient(top,#ffc154,#e47601);
    background-image: linear-gradient(top,#ffc154,#e47601);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc154',endColorstr='#e47601',GradientType=0);
    -webkit-text-shadow: #b94b00 0px 1px 0px;
    -moz-text-shadow: #b94b00 0px 1px 0px;
    -ms-text-shadow: #b94b00 0px 1px 0px;
    -o-text-shadow: #b94b00 0px 1px 0px;
    text-shadow: #b94b00 0px 1px 0px;
    -webkit-box-shadow: 1px 3px 4px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 3px 4px rgba(0,0,0,0.2);
    -ms-box-shadow: 1px 3px 4px rgba(0,0,0,0.2);
    -o-box-shadow: 1px 3px 4px rgba(0,0,0,0.2);
    box-shadow: 1px 3px 4px rgba(0,0,0,0.2);
    padding: 3px 10px 0px
}

.orange:hover,.button-orange:hover {
    color: #fefefe;
    background-image: -moz-linear-gradient(top,#ffc154,#e47601);
    background-image: -ms-linear-gradient(top,#ffc154,#e47601);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#ffc154),to(#e47601));
    background-image: -webkit-linear-gradient(top,#ffc154,#e47601);
    background-image: -o-linear-gradient(top,#ffc154,#e47601);
    background-image: linear-gradient(top,#ffc154,#e47601);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc154',endColorstr='#e47601',GradientType=0);
    -webkit-box-shadow: inset 0 0 0 0 #e08805;
    -moz-box-shadow: inset 0 0 0 0 #e08805;
    -ms-box-shadow: inset 0 0 0 0 #e08805;
    -o-box-shadow: inset 0 0 0 0 #e08805;
    box-shadow: inset 0 0 0 0 #e08805
}

.orange:active,.button-orange:active {
    background: -webkit-gradient(linear,left top,left bottom,from(#ce6c04),to(#ffc154));
    box-shadow: 0px 0px 0px 0px,inset -0px 1px 7px #6F3100;
    color: #fff
}

.button-orange .button-subtext {
    color: #f4d6a3
}

.button-black,.button-black:visited {
    font: 1em/1 DNRB;
    color: #fff;
    padding: 9px 9px 6px;
    background: #333;
    cursor: pointer;
    background-image: -moz-linear-gradient(top,#5a5a5a,#000);
    background-image: -ms-linear-gradient(top,#5a5a5a,#000);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#5a5a5a),to(#000));
    background-image: -webkit-linear-gradient(top,#5a5a5a,#000);
    background-image: -o-linear-gradient(top,#5a5a5a,#000);
    background-image: linear-gradient(top,#5a5a5a,#000000);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5a5a5a',endColorstr='#000',GradientType=0)
}

.button-black:hover,.button-black:visited:hover {
    color: #fff;
    background: black;
    background-image: -moz-linear-gradient(top,#000,#000);
    background-image: -ms-linear-gradient(top,#000,#000);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#000),to(#000));
    background-image: -webkit-linear-gradient(top,#000,#000);
    background-image: -o-linear-gradient(top,#000,#000);
    background-image: linear-gradient(top,#000000,#000000);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000',endColorstr='#000',GradientType=0);
    -webkit-text-shadow: none;
    -moz-text-shadow: none;
    -ms-text-shadow: none;
    -o-text-shadow: none;
    text-shadow: none
}

.button-gray,.button-gray:visited {
    color: #555555;
    cursor: pointer;
    font: 15px/2 DNRM;
    -webkit-box-shadow: 2px 3px 4px rgba(0,0,0,0.2);
    -moz-box-shadow: 2px 3px 4px rgba(0,0,0,0.2);
    -ms-box-shadow: 2px 3px 4px rgba(0,0,0,0.2);
    -o-box-shadow: 2px 3px 4px rgba(0,0,0,0.2);
    box-shadow: 2px 3px 4px rgba(0,0,0,0.2);
    background-image: -moz-linear-gradient(top,#fefefe,#e0dcd5);
    background-image: -ms-linear-gradient(top,#fefefe,#e0dcd5);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#fefefe),to(#e0dcd5));
    background-image: -webkit-linear-gradient(top,#fefefe,#e0dcd5);
    background-image: -o-linear-gradient(top,#fefefe,#e0dcd5);
    background-image: linear-gradient(top,#fefefe,#e0dcd5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe',endColorstr='#e0dcd5',GradientType=0)
}

.button-gray:hover {
    background-image: -moz-linear-gradient(top,#fefefe,#d1cdc5);
    background-image: -ms-linear-gradient(top,#fefefe,#d1cdc5);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#fefefe),to(#d1cdc5));
    background-image: -webkit-linear-gradient(top,#fefefe,#d1cdc5);
    background-image: -o-linear-gradient(top,#fefefe,#d1cdc5);
    background-image: linear-gradient(top,#fefefe,#d1cdc5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe',endColorstr='#d1cdc5',GradientType=0);
    -webkit-box-shadow: 0 0 0 0 #cacaca inset;
    -moz-box-shadow: 0 0 0 0 #cacaca inset;
    -ms-box-shadow: 0 0 0 0 #cacaca inset;
    -o-box-shadow: 0 0 0 0 #cacaca inset;
    box-shadow: 0 0 0 0 #cacaca inset;
    color: #444444;
    -webkit-text-shadow: 1px 1px 0 #fefefe;
    -moz-text-shadow: 1px 1px 0 #fefefe;
    -ms-text-shadow: 1px 1px 0 #fefefe;
    -o-text-shadow: 1px 1px 0 #fefefe;
    text-shadow: 1px 1px 0 #fefefe
}

.button-gray:active {
    background-image: -moz-linear-gradient(top,#fefefe,#e0dcd5);
    background-image: -ms-linear-gradient(top,#fefefe,#e0dcd5);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#fefefe),to(#e0dcd5));
    background-image: -webkit-linear-gradient(top,#fefefe,#e0dcd5);
    background-image: -o-linear-gradient(top,#fefefe,#e0dcd5);
    background-image: linear-gradient(top,#fefefe,#e0dcd5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe',endColorstr='#e0dcd5',GradientType=0);
    color: #444
}

.white,.white:visited {
    color: #78a300;
    background: #f6f6f6;
    background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#f7f7f7));
    background: -moz-linear-gradient(top,#fefefe,#f7f7f7);
    -webkit-box-shadow: inset 0px 0px 1px 1px 0 #fff;
    -moz-box-shadow: inset 0px 0px 1px 1px 0 #fff;
    -ms-box-shadow: inset 0px 0px 1px 1px 0 #fff;
    -o-box-shadow: inset 0px 0px 1px 1px 0 #fff;
    box-shadow: inset 0px 0px 1px 1px 0 #fff;
    font: 15px/2 DNRM;
    border: 1px solid #EEE;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fefefe',endColorstr='#f7f7f7')
}

.white:hover {
    background: -webkit-gradient(linear,left top,left bottom,from(#fdfdfd),to(#f1f1f1));
    background: -moz-linear-gradient(top,#fdfdfd,#f1f1f1);
    -webkit-box-shadow: inset 0px 0px 0px 0px #cacaca;
    -moz-box-shadow: inset 0px 0px 0px 0px #cacaca;
    -ms-box-shadow: inset 0px 0px 0px 0px #cacaca;
    -o-box-shadow: inset 0px 0px 0px 0px #cacaca;
    box-shadow: inset 0px 0px 0px 0px #cacaca;
    -webkit-text-shadow: 1px 1px 0px #fefefe;
    -moz-text-shadow: 1px 1px 0px #fefefe;
    -ms-text-shadow: 1px 1px 0px #fefefe;
    -o-text-shadow: 1px 1px 0px #fefefe;
    text-shadow: 1px 1px 0px #fefefe;
    border: 1px solid #ddd
}

.white:active {
    box-shadow: 0px 0px 0px 0px,inset 0px 2px 8px #3F3F3F
}

.link-more {
    background: #000;
    background: -webkit-gradient(linear,left bottom,left top,from(#000),to(#5a5a5a));
    background: -moz-gradient(top,#000,#5a5a5a);
    padding: 7px 9px 6px;
    color: #fefefe;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    text-transform: uppercase;
    font: 12px DNLTB;
    margin-top: 20px
}

a:hover.link-more {
    background: #000;
    background: -webkit-gradient(linear,left bottom,left top,from(#000),to(#000));
    background: -moz-gradient(top,#000,#000)
}

.read-more {
    height: 10px;
    padding: 0 0 0 10px;
    display: inline;
    text-decoration: none;
    text-transform: uppercase;
    font: 11px DNLTR;
    color: #005ca1;
    background: url("../images/global-sprite.png") -402px -224px no-repeat
}

.read-more:hover {
    color: #c55200;
    background-position: -402px -236px
}

.btn {
    display: inline-block;
    *display: inline;
    *zoom:1;padding: 4px 10px 4px;
    margin-bottom: 0;
    font: 16px DNLTM;
    line-height: 22px;
    color: #333;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255,255,255,0.75);
    vertical-align: middle;
    cursor: pointer;
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top,#fefefe,#e6e6e6);
    background-image: -ms-linear-gradient(top,#fefefe,#e6e6e6);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
    background-image: -webkit-linear-gradient(top,#fefefe,#e6e6e6);
    background-image: -o-linear-gradient(top,#fefefe,#e6e6e6);
    background-image: linear-gradient(top,#fefefe,#e6e6e6);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefeFF',endColorstr='#FFE6E6E6',GradientType=0);
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) fadein(rgba(0,0,0,0.1),15%);
    border: 1px solid #ccc;
    border-bottom-color: #b3b3b3;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled= false);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
    -ms-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
    -o-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
    *margin-left: .3em;
    *border: 0;
    *background-color: #e6e6e6;
    *line-height: 20px
}

.btn:hover,.btn:active,.btn.active,.btn.disabled,.btn[disabled] {
    background-color: #e6e6e6;
    *background-color: #d9d9d9
}

.btn:active,.btn.active {
    background-color: #ccc \9
}

.btn:hover {
    color: #333;
    text-decoration: none;
    background-color: #e6e6e6;
    *background-color: #d9d9d9;
    background-position: 0 -15px;
    -webkit-transition: background-position 0.1s linear;
    -moz-transition: background-position 0.1s linear;
    -ms-transition: background-position 0.1s linear;
    -o-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear
}

.btn:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.btn.active,.btn:active {
    background-color: #e6e6e6;
    background-color: #d9d9d9 \9;
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
    -ms-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
    -o-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05)
}

.btn-inverse,.btn-inverse:hover {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25)
}

.btn-inverse.active {
    color: rgba(255,255,255,0.75)
}

.btn {
    border-color: #ccc;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25)
}

.btn-inverse {
    background-color: #404040;
    background-image: -moz-linear-gradient(top,#555,#222);
    background-image: -ms-linear-gradient(top,#555,#222);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#555),to(#222));
    background-image: -webkit-linear-gradient(top,#555,#222);
    background-image: -o-linear-gradient(top,#555,#222);
    background-image: linear-gradient(top,#555555,#222222);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF555555',endColorstr='#FF222222',GradientType=0);
    border-color: #222 #222 #000;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) fadein(rgba(0,0,0,0.1),15%);
    *background-color: #222;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled= false)
}

.btn-inverse:hover,.btn-inverse:active,.btn-inverse.active,.btn-inverse.disabled,.btn-inverse[disabled] {
    background-color: #222;
    *background-color: #151515
}

.btn-inverse:active,.btn-inverse.active {
    background-color: #090909 \9
}

.button-white,.button-white-disabled:hover {
    border: 1px solid #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 1px 1px 2px #dfdfdf;
    -moz-box-shadow: 1px 1px 2px #dfdfdf;
    -ms-box-shadow: 1px 1px 2px #dfdfdf;
    -o-box-shadow: 1px 1px 2px #dfdfdf;
    box-shadow: 1px 1px 2px #dfdfdf;
    color: #78a300;
    display: block;
    height: 18px;
    margin-right: 5px;
    padding: 8px 10px 0;
    overflow: hidden;
    position: relative;
    background: #fff;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe',endColorstr='#dddddd');
    background-image: linear-gradient(bottom,#f2f2f2 39%,#fefefe 70%,#fefefe 85%);
    background-image: -o-linear-gradient(bottom,#f2f2f2 39%,#fefefe 70%,#fefefe 85%);
    background-image: -moz-linear-gradient(bottom,#f2f2f2 39%,#fefefe 70%,#fefefe 85%);
    background-image: -webkit-linear-gradient(bottom,#f2f2f2 39%,#fefefe 70%,#fefefe 85%);
    background-image: -ms-linear-gradient(bottom,#f2f2f2 39%,#fefefe 70%,#fefefe 85%);
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.39,#f2f2f2),color-stop(0.7,#fefefe),color-stop(0.85,#fefefe));
    font: 13px/13px DNRM;
    vertical-align: text-bottom;
    text-transform: uppercase
}

.button-white:hover,.button-white-disabled:hover {
    background: #efefef;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd',endColorstr='#fefefe');
    background-image: linear-gradient(top,#f2f2f2 39%,#fefefe 70%,#fefefe 85%);
    background-image: -o-linear-gradient(top,#f2f2f2 39%,#fefefe 70%,#fefefe 85%);
    background-image: -moz-linear-gradient(top,#f2f2f2 39%,#fefefe 70%,#fefefe 85%);
    background-image: -webkit-linear-gradient(top,#f2f2f2 39%,#fefefe 70%,#fefefe 85%);
    background-image: -ms-linear-gradient(top,#f2f2f2 39%,#fefefe 70%,#fefefe 85%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0.39,#f2f2f2),color-stop(0.7,#fefefe),color-stop(0.85,#fefefe));
    color: #78a300
}

.button-disabled {
    opacity: .3;
    filter: alpha(opacity=30);
    pointer-events: none
}

#zendesk-resource #see-all,#zendesk-resource .download-it {
    border: 1px solid #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 1px 1px 2px #ccc;
    -moz-box-shadow: 1px 1px 2px #ccc;
    -ms-box-shadow: 1px 1px 2px #ccc;
    -o-box-shadow: 1px 1px 2px #ccc;
    box-shadow: 1px 1px 2px #ccc;
    color: #78a300;
    display: block;
    padding: 8px 10px 0;
    overflow: hidden;
    position: relative;
    background: #fff;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe',endColorstr='#dddddd');
    background-image: linear-gradient(bottom,#f2f2f2 39%,#ffffff 70%,#ffffff 85%);
    background-image: -o-linear-gradient(bottom,#f2f2f2 39%,#fff 70%,#fff 85%);
    background-image: -moz-linear-gradient(bottom,#f2f2f2 39%,#fff 70%,#fff 85%);
    background-image: -webkit-linear-gradient(bottom,#f2f2f2 39%,#fff 70%,#fff 85%);
    background-image: -ms-linear-gradient(bottom,#f2f2f2 39%,#fff 70%,#fff 85%);
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.39,#f2f2f2),color-stop(0.7,#fff),color-stop(0.85,#fff));
    font: 13px/13px DNRM;
    vertical-align: text-bottom;
    text-transform: uppercase
}

#zendesk-resource #see-all:hover,#zendesk-resource .download-it:hover {
    background: #efefef;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd',endColorstr='#fefefe');
    background-image: linear-gradient(top,#f2f2f2 39%,#ffffff 70%,#ffffff 85%);
    background-image: -o-linear-gradient(top,#f2f2f2 39%,#fff 70%,#fff 85%);
    background-image: -moz-linear-gradient(top,#f2f2f2 39%,#fff 70%,#fff 85%);
    background-image: -webkit-linear-gradient(top,#f2f2f2 39%,#fff 70%,#fff 85%);
    background-image: -ms-linear-gradient(top,#f2f2f2 39%,#fff 70%,#fff 85%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0.39,#f2f2f2),color-stop(0.7,#fff),color-stop(0.85,#fff))
}

.play-arrow-small {
    top: -1px;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 8px solid #A8A8A8;
    position: relative;
    display: inline-block;
    margin-right: 6px;
    float: left;
    *margin: 0;
    *top: 0;
    *padding-right: 5px
}

.play-arrow-big {
    width: 29px;
    height: 29px;
    margin: 1px 8px 0 -4px;
    float: left
}

.button-orange .play-arrow-big {
    background: url("../images/orange-arrow.png") no-repeat
}

.button-gray .play-arrow-big {
    background: url("../images/icon-play.png") no-repeat!important
}

ul,ol {
    margin: 0;
    padding: 0
}

li {
    list-style: none
}

.list {
    display: block;
    list-style: none
}

.list .list-item {
    list-style: none
}

.list .list-parent .list-hor {
    display: inline-block
}

.list-hor .list-item {
    display: inline
}

.list-vert .list-item {
    display: block
}

input[type=text]::-ms-clear {
    display: none
}

input,textarea {
    font-family: PNR
}

.form-gray li {
    margin-bottom: 10px;
    float: left;
    position: relative;
    cursor: normal
}

.form-gray label {
    display: none;
    position: relative
}

.form-gray input,.form-gray textarea {
    float: left;
    height: 24px;
    font-size: 15px;
    vertical-align: middle;
    padding: 7px 0 6px 11px;
    border: 1px solid #D5D5D5;
    border-radius: 5px;
    box-shadow: 0px 2px 7px #E9E7E7 inset;
    -webkit-box-shadow: inset 0px 2px 7px #E9E7E7 #ccc;
    -moz-box-shadow: inset 0px 2px 7px #E9E7E7 #ccc;
    -ms-box-shadow: inset 0px 2px 7px #E9E7E7 #ccc
}

.form-gray input[type="submit"] {
    padding: 7px;
    color: white;
    background-color: #666;
    border: 1px solid #000;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 1px 1px 2px gray;
    font-family: DNRB;
    text-transform: uppercase
}

.form-gray .select-label .toggle {
    display: block;
    float: right;
    height: 40px;
    width: 44px;
    background-image: url("../images/icon-select.png");
    background-position: right -2px;
    background-repeat: no-repeat;
    background-size: 90%
}

.form-gray .select-label {
    float: left;
    height: 36px;
    font: 0.95em/2.6 PNR;
    color: #999;
    padding: 0 0 0 12px;
    border-radius: 5px;
    overflow: hidden;
    border: 1px solid #D5D5D5;
    -moz-box-shadow: inset 0 -16px 43px #f6f6f6;
    -webkit-box-shadow: inset 0 -16px 43px #f6f6f6;
    box-shadow: inset 0 -16px 43px #f6f6f6;
    background: white;
    display: inline-block
}

.form-gray .select {
    position: absolute;
    left: 0;
    font-family: 'arial';
    margin: 0 0 0 0;
    padding: 0 0 0 12px;
    box-shadow: 0px 1px 1px #B8B6A5 inset;
    border: 1px solid #B8B6A5;
    color: #888;
    cursor: pointer;
    filter: alpha(opacity=0);
    opacity: 0
}

.form-gray .btn-submit {
    float: none;
    height: 22px;
    margin: 0 auto;
    padding: 14px 20px 2px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px
}

.form-gray .set {
    color: #555
}

.form-gray .loading {
    position: absolute;
    width: 100%;
    height: auto;
    z-index: 1;
    background: #fff;
    background: rgba(255,255,255,0.4);
    border-radius: 5px;
    padding: 0;
    margin: 0 auto;
    text-align: center;
    box-shadow: 0px 2px 7px #D6D5D5;
    display: none
}

.form-gray .loading .loading-inner {
    display: table-cell;
    vertical-align: middle
}

.form-gray .loading-img {
    margin: 0 auto;
    background-image: url("../images/loader.gif");
    height: 178px;
    width: 178px;
    display: block
}

.form-gray .loading p {
    color: #999;
    font: 13px/1.35 PNR
}

.form-gray .loading p span {
    font: 13px/1.35 PNR;
    color: #666
}

.separator {
    width: 100%;
    display: inline-block;
    clear: both;
    height: 0px;
    border-top: 1px solid #DFDFDF;
    border-bottom: 1px solid #F3F3F3;
    margin: 20px 0
}

.form-gray .error label,.form-gray .form-gray .error label,.form-gray .error label {
    width: 210px;
    margin-right: -10px;
    font: 13px/1.5 PNR;
    padding: 0 0 2px 25px;
    color: #DA491C;
    cursor: default;
    padding-left: 23px;
    opacity: 0;
    background: url("../images/icon-error.png") 2px 0 no-repeat
}

.form-lead {
    width: 590px;
    position: relative
}

.form-lead li {
    width: 280px;
    list-style: none
}

.form-lead li input {
    width: 277px
}

.form-lead li:nth-child(odd) {
    margin-right: 20px
}

.form-lead .select-label {
    width: 276px
}

.form-lead .select {
    height: 41px;
    width: 276px;
    margin-left: 10px
}

.form-lead .btn-submit {
    min-width: 120px;
    float: right
}

.form-lead #mktFrmButtons label {
    position: absolute;
    top: 13px;
    font-family: PNR;
    color: #808080;
    font-size: 14px
}

.form-lead .radio {
    padding-left: 25px;
    display: block;
    background: url("../images/lead-form.png") 0 -99px no-repeat;
    height: 20px
}

.form-lead .radio.solo {
    padding-left: 0
}

.form-lead label.r_on {
    background: url("../images/lead-form.png") 0 -79px no-repeat
}

.form-lead .radio input {
    position: absolute;
    left: -9999px
}

.form-lead p.help {
    float: left;
    font: 14px/1 PNR;
    color: #484848;
    margin: 13px 5px 0;
    padding: 0
}

@media only screen and (max-width: 700px) {
    .form-lead p.help {
        display:none!important
    }
}

.form-lead .loading {
    height: 287px
}

.form-contact {
    width: 480px;
    position: relative
}

.form-contact input[name="name"],.form-contact input[name="company"] {
    margin-right: 20px
}

.form-contact input[name="newsletter"] {
    border: none;
    width: 25px;
    height: 25px;
    text-align: left;
    padding: 0
}

.form-contact input,.form-contact textarea {
    width: 217px;
    height: 24px
}

.form-contact textarea {
    width: 467px;
    height: 245px
}

.form-contact input[type="submit"] {
    width: 120px;
    margin-left: 15px
}

.form-contact select {
    height: 40px;
    width: 478px
}

.form-contact .select-fat,.form-contact .select-fat select {
    width: 466px
}

.form-contact .select-skinny,.form-contact .select-skinny select {
    width: 216px;
    margin-right: 20px
}

.form-contact .news {
    margin-top: 10px
}

.form-contact .news span {
    font-size: 13px;
    margin: 6px 0 0 0;
    width: 200px;
    color: gray;
    float: left
}

.form-contact .btn-submit {
    display: block;
    width: 160px;
    margin: 0 auto
}

.form-contact .loading {
    height: 545px
}

.form-demo,.form-demo ul {
    width: 200px;
    margin: 0;
    padding: 0;
    position: relative
}

.form-demo ul li {
    list-style: none;
    margin: 0 0 10px 0
}

.form-demo ul li label {
    display: none;
    opacity: 0
}

.form-demo input {
    width: 188px
}

.form-demo .orange.button,.form-demo .button-white,.form-demo .button-white-disabled:hover {
    padding: 4px 10px 10px;
    margin-bottom: 0;
    width: 180px
}

.form-demo .button-white,.form-demo .button-white-disabled:hover {
    padding: 12px 10px 6px;
    margin-top: 0
}

.form-demo .select {
    width: 200px;
    height: 38px
}

.form-demo .select-label {
    width: 187px;
    height: 36px
}

.form-demo .select-label.hover {
    -moz-box-shadow: inset 0 -16px 33px #eee;
    -webkit-box-shadow: inset 0 -16px 33px #eee;
    box-shadow: inset 0 -16px 33px #eee
}

.form-demo .select-label span.toggle {
    display: block;
    float: right;
    height: 40px;
    width: 44px;
    background-image: url("../images/icon-select.png");
    background-position: right -2px;
    background-repeat: no-repeat;
    background-size: 90%
}

.form-demo .loading {
    height: 185px
}

.form-startup {
    width: 960px;
    margin-bottom: 50px;
    padding: 0 55px 30px 40px;
    overflow: hidden
}

.form-startup .app {
    text-align: center;
    margin: 0 auto;
    width: 740px
}

.form-startup p {
    margin: 0 0 10px 2px;
    line-height: 22px;
    color: #666
}

.form-startup h3 {
    font: 47px/1.2em DNLTUL;
    color: #78a300;
    margin: 30px 0 25px 0;
    text-align: center
}

.form-startup h3 strong {
    font: 28px/1.2em DNRM;
    color: #444
}

.form-startup ul {
    float: left;
    width: 350px;
    margin: 10px 0 20px 20px
}

.form-startup ul li {
    margin: 0 0 13px 0;
    text-align: left;
    line-height: 22px;
    list-style: none
}

.form-startup ul li input,.form-startup ul li textarea {
    font: 15px/1.5 PNL;
    color: #555;
    box-shadow: none
}

.form-startup ul li textarea {
    width: 277px;
    min-height: 60px;
    box-shadow: none
}

.form-startup .separator {
    margin: 20px 0 10px
}

.form-startup .response div {
    display: none
}

.form-startup .button.button-white,.form-startup .button.button-white-disabled:hover {
    margin-top: 10px;
    line-height: 3.2em;
    width: 269px
}

.form-startup span.promo-code {
    font: 15px/1.3 DNLTB
}

.form-startup .loading {
    left: 10px;
    top: 10px;
    width: 348px;
    padding: 50px 0 70px;
    height: 210px
}

label.placeholder {
    -webkit-border-radius: 0!important;
    -moz-border-radius: 0!important;
    -ms-border-radius: 0!important;
    -o-border-radius: 0!important;
    border-radius: 0!important;
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    -ms-box-shadow: none!important;
    -o-box-shadow: none!important;
    box-shadow: none!important
}

article.reg header,article.reg form {
    position: relative;
    margin: 0 auto;
    width: 390px
}

@media only screen and (max-width: 700px) {
    article.reg header,article.reg form {
        width:85%
    }
}

article.reg h1 {
    font: 44px/1 DNLTR;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 1px #107e0b;
    margin: 0 0 40px 0
}

@media only screen and (max-width: 700px) {
    article.reg h1 {
        font-size:28px;
        margin: 8px auto 4px;
        width: 85%
    }
}

article.reg .languages a,article.reg .refer a {
    display: inline-block;
    height: 17px;
    line-height: 15px;
    color: #fff;
    padding: 4px 11px;
    margin: 0 5px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    background: rgba(50,121,10,0.6)
}

@media only screen and (max-width: 700px) {
    article.reg .languages a,article.reg .refer a {
        padding:4px 4px 2px 8px
    }
}

article.reg .languages a span,article.reg .refer a span {
    margin-left: 3px
}

article.reg form input[type="text"],article.reg form input[type="email"],article.reg form input[type="number"],article.reg form input[type="password"] {
    position: relative;
    width: 100%;
    font: 27px/1.5 DNLTL;
    margin: 20px 0 0 0;
    padding: 12px 0 10px 20px;
    border: none;
    height: 40px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    border-top: 1px solid rgba(255,255,255,0.6);
    box-shadow: 0 1px 8px #7a8f69;
    z-index: 1
}

@media only screen and (max-width: 975px) {
    article.reg form input[type="text"],article.reg form input[type="email"],article.reg form input[type="number"],article.reg form input[type="password"] {
        width:95%
    }
}

@media only screen and (max-width: 700px) {
    article.reg form input[type="text"],article.reg form input[type="email"],article.reg form input[type="number"],article.reg form input[type="password"] {
        font-size:22px
    }
}

article.reg span.check {
    position: absolute;
    display: block;
    top: 31px;
    right: -9px;
    width: 20px;
    height: 20px;
    padding: 6px 10px 15px 11px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    background: #fff;
    z-index: -1;
    -webkit-box-shadow: 0 1px 6px rgba(41,40,40,0.2);
    -moz-box-shadow: 0 1px 6px rgba(41,40,40,0.2);
    -ms-box-shadow: 0 1px 6px rgba(41,40,40,0.2);
    -o-box-shadow: 0 1px 6px rgba(41,40,40,0.2);
    box-shadow: 0 1px 6px rgba(41,40,40,0.2);
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0
}

@media only screen and (max-width: 975px) {
    article.reg span.check {
        right:10px
    }
}

article.reg span.check:before,article.reg span.check.ico-iphone:after {
    content: '\e812';
    color: #78a300;
    font: 27px/1 entypo
}

article.reg span.domain-ping {
    position: absolute;
    display: none;
    top: 29px;
    right: -16px;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    padding: 7px 12px 14px 11px;
    z-index: 2
}

article.reg span.domain-ping:before,article.reg span.domain-ping.ico-iphone:after {
    content: '\e891';
    color: #aaa;
    font: 27px/1 entypo;
    filter: alpha(opacity=70);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7
}

article.reg span.domain-ping.pulse {
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    -webkit-animation-direction: normal;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: pulse;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-direction: normal;
    -moz-animation-duration: 2s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-name: pulse;
    -moz-animation-timing-function: ease-in-out
}

@-webkit-keyframes pulse {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0.3
    }

    100% {
        opacity: 1
    }
}

@-moz-keyframes pulse {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0.3
    }

    100% {
        opacity: 1
    }
}

article.reg span.info:before,article.reg span.info.ico-iphone:after {
    content: '\e81f';
    color: #fff;
    font: 15px/1 entypo
}

article.reg form input[type="text"]:focus,article.reg form input[type="email"]:focus,article.reg form input[type="number"]:focus,article.reg form input[type="password"]:focus {
    outline: none;
    box-shadow: 0 1px 8px #465739;
    border-top: 1px solid rgba(0,90,7,0.6)
}

article.reg form li {
    position: relative
}

article.reg form select {
    font-family: 'arial';
    height: 57px;
    width: 105%;
    margin: 20px 0 5px;
    padding: 0 0 0 1em;
    box-shadow: 0px 1px 1px #b8b6a5 inset;
    border: 1px solid #B8B6A5;
    color: #888;
    cursor: pointer;
    z-index: 5;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0
}

@media only screen and (max-width: 975px) {
    article.reg form select {
        width:100%
    }
}

article.reg form .select {
    position: absolute;
    width: 100%;
    height: 61px;
    font: 26px/2.5 DNLTR;
    letter-spacing: 0.02em;
    color: #aaa;
    margin: 20px 0;
    padding: 0 4px 0 16px;
    overflow: hidden;
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 8px #7a8f69;
    -moz-box-shadow: 0 1px 8px #7a8f69;
    -ms-box-shadow: 0 1px 8px #7a8f69;
    -o-box-shadow: 0 1px 8px #7a8f69;
    box-shadow: 0 1px 8px #7a8f69
}

@media only screen and (max-width: 975px) {
    article.reg form .select {
        width:95%
    }
}

@media only screen and (max-width: 700px) {
    article.reg form .select {
        font-size:22px;
        line-height: 3
    }
}

article.reg form .occasional-input {
    display: none
}

article.reg form #select-agents span,article.reg form #select-employees span {
    float: right;
    font-size: 38px;
    line-height: 64px;
    margin: 0 10px 0 0
}

article.reg form #select-agents span:after,article.reg form #select-employees span:after {
    content: '\e883';
    font-family: entypo;
    pointer-events: none
}

article.reg form .select.focus {
    color: #91be01;
    -webkit-box-shadow: 0 1px 8px #465739;
    -moz-box-shadow: 0 1px 8px #465739;
    -ms-box-shadow: 0 1px 8px #465739;
    -o-box-shadow: 0 1px 8px #465739;
    box-shadow: 0 1px 8px #465739
}

article.reg form a.span {
    padding-left: 5px
}

article.reg form span.phantom {
    position: absolute;
    left: -9999em;
    margin: 0;
    padding: 0 0 0 5px;
    word-spacing: normal;
    letter-spacing: 0px;
    border: 2px inset;
    font: 27px/1 DNLTL;
    visibility: hidden
}

article.reg form span.ie-password-label {
    position: absolute;
    display: none;
    text-indent: -9999em;
    color: #444;
    margin: 37px 0 0 12px;
    padding: 0 0 0 5px;
    word-spacing: normal;
    letter-spacing: 0px;
    border: none;
    font: 27px/1 DNLTR;
    z-index: 2
}

article.reg form input:focus {
    color: #333
}

article.reg form label {
    display: none;
    clear: both
}

article.reg form label span:before,article.reg form label span.ico-iphone:after {
    content: '\e83e';
    font-family: entypo;
    margin-right: 8px
}

article.reg form li label {
    padding: 10px 0 7px 20px;
    font: 15px/2 DNRM;
    text-shadow: 0 1px 1px #333;
    color: #fff;
    -webkit-border-radius: 0 0 7px 7px;
    -moz-border-radius: 0 0 7px 7px;
    -ms-border-radius: 0 0 7px 7px;
    -o-border-radius: 0 0 7px 7px;
    border-radius: 0 0 7px 7px;
    box-shadow: 0px 2px 20px #415E07 inset;
    background: #547908
}

@media only screen and (max-width: 975px) {
    article.reg form li label.suggested {
        width:95% !important
    }
}

article.reg form li.error label {
    margin: -5px 0 0
}

@media only screen and (max-width: 975px) {
    article.reg form li.error label {
        width:95% !important
    }
}

article.reg form ul li.error .shadow {
    top: 17px
}

article.reg form .select.set,article.reg form input.set {
    color: #606F53;
    box-shadow: 0 1px 8px #7A8F69;
    text-shadow: 1px 1px 0px #E7F5E9;
    background: rgba(255,255,255,0.8)
}

article.reg form input.focus {
    color: #333;
    text-shadow: none;
    background: #fff
}

article.reg form .select.language,article.reg form .select.refer {
    position: absolute;
    left: 0;
    font: 14px/1 DNLTM;
    color: #fff;
    text-shadow: 0 1px 1px rgba(47,99,64,0.6);
    width: auto;
    height: 25px;
    border: none;
    padding: 0;
    margin: 15px 0 5px;
    overflow: hidden;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: none
}

@media only screen and (max-width: 700px) {
    article.reg form .select.language,article.reg form .select.refer {
        height:45px;
        font-size: 13px
    }
}

article.reg form .select.language span:after,article.reg form .select.refer span:after {
    content: '\e883';
    font-family: entypo
}

article.reg form select.language,article.reg form select.refer {
    position: relative;
    width: 70;
    height: 30px;
    margin: 15px 0 5px;
    opacity: 0;
    z-index: 5
}

article.reg form .subdomain.focus {
    background: #fff
}

article.reg form .shadow {
    display: none;
    position: absolute;
    top: 17px;
    left: 167px;
    height: 20px;
    font: 27px/1 DNLTL;
    color: #aaa;
    padding: 0.8em 0 0.4em 0;
    border: 0;
    background-repeat: no-repeat;
    z-index: 2
}

@media only screen and (max-width: 700px) {
    article.reg form .shadow {
        font-size:20px;
        top: 25px
    }
}

article.reg form input[type="image"] {
    position: absolute;
    top: 3px;
    right: -3px
}

article.reg .button {
    width: 100%;
    padding: 5px 10px 0px;
    margin: 15px 0;
    font: 27px/2.2 DNRB;
    text-decoration: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px
}

@media only screen and (max-width: 975px) {
    article.reg .button {
        width:95%
    }
}

.lang-es article.reg .button {
    padding: 3px 10px 0px;
    font: 22px/2.9 DNRB
}

article.reg form p.agreement {
    clear: both;
    color: #fff
}

article.reg form p.agreement a {
    color: #fff;
    text-decoration: underline
}

article.reg .loading {
    display: none;
    position: absolute;
    top: 43.4%;
    width: 100%;
    text-align: center
}

article.reg .loading img {
    width: 61px;
    margin: 0 auto
}

article.reg .loading p {
    font: 1.4em/1 DNLTRI;
    color: #777;
    padding-top: 21px
}

article.reg .plan {
    position: fixed;
    background: #fff;
    background: rgba(255,255,255,0.9);
    width: 160px;
    height: 160px;
    box-shadow: 0 1px 19px rgba(0,0,0,0.2);
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    border-radius: 100px;
    bottom: 20px;
    left: 20px;
    text-align: center
}

article.reg .plan h4,article.reg .plan .mobile-modal .mobile-modal-list li h5,.mobile-modal .mobile-modal-list li article.reg .plan h5 {
    font: 14px DNLTM;
    color: #78a300;
    margin: 36px 0 0
}

article.reg .plan span.point {
    font: 50px/1 DNLTL;
    color: #444;
    display: block;
    margin: 4px 0 0px
}

article.reg .plan span.cycle {
    display: block;
    font: 12px DNLTR;
    color: #a6a6a6
}

.lang-ja article.reg .plan span.cycle {
    font-size: 10px
}

article.reg .js-progress {
    position: fixed;
    width: 200px;
    bottom: 20px;
    left: 50%;
    margin-left: -100px;
    color: #fff;
    text-align: center
}

@media only screen and (max-width: 1030px) {
    article.reg .js-progress {
        left:16%;
        position: absolute;
        top: 10px;
        width: 90%
    }
}

@media only screen and (max-width: 975px) {
    article.reg .js-progress {
        position:fixed;
        width: 200px;
        bottom: 20px;
        top: auto;
        left: 50%
    }
}

@media only screen and (max-width: 700px) {
    article.reg .js-progress {
        left:36%;
        position: absolute;
        top: 10px;
        width: 90%
    }
}

article.reg .js-progress h5 {
    font: 20px DNLTM;
    margin: 0 auto;
    -webkit-text-shadow: 0 2px 2px rgba(0,0,0,0.2);
    -moz-text-shadow: 0 2px 2px rgba(0,0,0,0.2);
    -ms-text-shadow: 0 2px 2px rgba(0,0,0,0.2);
    -o-text-shadow: 0 2px 2px rgba(0,0,0,0.2);
    text-shadow: 0 2px 2px rgba(0,0,0,0.2)
}

article.reg .js-progress span {
    display: inline-block;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    border-radius: 25px
}

article.reg .js-progress span.active {
    color: #78a300;
    padding: 4px 10px 1px;
    -webkit-text-shadow: none;
    -moz-text-shadow: none;
    -ms-text-shadow: none;
    -o-text-shadow: none;
    text-shadow: none;
    background: #fff
}

.lang-fr article.reg .plan span,.lang-pt article.reg .plan span,.lang-es article.reg .plan span {
    font: 20px/1 DNLTL
}

.lang-fr article.reg .plan span span,.lang-pt article.reg .plan span span,.lang-es article.reg .plan span span {
    font: 50px/1 DNLTL
}

.lang-fr article.reg .plan span.point,.lang-pt article.reg .plan span.point,.lang-es article.reg .plan span.point {
    font: 20px/1 DNLTL
}

.lang-fr article.reg .plan span.cycle,.lang-pt article.reg .plan span.cycle,.lang-es article.reg .plan span.cycle {
    font: 12px DNLTR
}

article.reg .staging {
    text-align: center
}

article.reg .staging h1 {
    margin-bottom: 18px
}

article.reg .staging img {
    margin: 0 auto 30px
}

article.reg .staging span.target-domain {
    display: inline-block;
    width: auto;
    margin: 10px 0 0;
    font: 44px/1 DNLTR;
    color: #fff;
    text-shadow: none;
    padding: 13px 15px 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    background: rgba(149,190,18,0.5)
}

@media only screen and (max-width: 778px) {
    article.reg .staging span.target-domain {
        font-size:24px
    }
}

@media only screen and (max-width: 700px) {
    article.reg .staging span.target-domain {
        font-size:18px
    }
}

article.reg .staging span.http {
    color: rgba(255,255,255,0.5);
    text-shadow: none
}

article.reg .staging span.path {
    color: #fff
}

article.reg .staging span.at-divider {
    display: block;
    font: 44px/1 DNLTR;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 1px #107e0b;
    margin: 0 0 12px 0;
    clear: both
}

article.reg .step-wrap {
    position: relative;
    margin: 0 auto 0;
    width: 700px
}

@media only screen and (max-width: 975px) {
    article.reg .step-wrap {
        width:100%
    }
}

article.reg .step {
    position: absolute;
    top: 0;
    left: 0;
    margin: 50px auto 0;
    width: 700px;
    padding: 0 0 150px 0
}

@media only screen and (max-width: 975px) {
    article.reg .step {
        width:100%
    }
}

article.reg .step.step-2,article.reg .step.step-3,article.reg .step.step-4,article.reg .step.step-5 {
    display: none;
    opacity: 0;
    filter: alpha(opacity=0)
}

article.reg .error ul li {
    margin: 0 0 0 21px;
    padding: 0;
    list-style: disc;
    font: 14px/1.2 DNRM
}

article.reg .error ul {
    padding-bottom: 8px
}

@media only screen and (max-width: 778px) {
    #backstretch img {
        margin-left:-120px !important
    }
}

@media only screen and (max-width: 700px) {
    #backstretch img {
        display:none
    }
}

article.reg form ul li {
    padding-bottom: 5px
}

article.reg form ul li:last-child {
    padding-top: 20px
}

article.reg form ul li .side-label {
    display: none
}

@media only screen and (max-width: 700px) {
    article.reg .step section h1 {
        margin-bottom:20px
    }
}

article.reg.linkedin-loggedin ul li .side-label {
    font: 30px/1.5 DNLTM;
    display: block;
    width: 150px;
    position: absolute;
    right: 414px;
    top: 21px;
    background: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    border: 0;
    text-align: right;
    text-shadow: 0 1px 1px #107e0b
}

@media only screen and (max-width: 975px) {
    article.reg.linkedin-loggedin ul li .side-label {
        display:none
    }
}

article.reg.linkedin-loggedin ul li.error .side-label {
    top: 26px
}

article.reg.linkedin-loggedin.mobile ul li .side-label {
    display: none
}

article.reg .step section .linkedinlogin {
    margin-bottom: 5px;
    background: url("../images/linkedin-signin-bg.png") top right repeat-x;
    background-size: auto 68px;
    font: 30px/1.9 DNLTR;
    color: #fff;
    text-transform: none;
    -webkit-text-shadow: #14547d 0px 1px 0px;
    -moz-text-shadow: #14547d 0px 1px 0px;
    -ms-text-shadow: #14547d 0px 1px 0px;
    -o-text-shadow: #14547d 0px 1px 0px;
    text-shadow: #14547d 0px 1px 0px;
    -webkit-box-shadow: 1px 3px 4px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 3px 4px rgba(0,0,0,0.2);
    -ms-box-shadow: 1px 3px 4px rgba(0,0,0,0.2);
    -o-box-shadow: 1px 3px 4px rgba(0,0,0,0.2);
    box-shadow: 1px 3px 4px rgba(0,0,0,0.2);
    border: 1px #16679a solid
}

@media only screen and (max-width: 700px) {
    article.reg .step section .linkedinlogin {
        height:49px;
        padding-top: 13px;
        font: 22px/1.9 DNLTR
    }
}

article.reg .step section .linkedinlogin:hover {
    -webkit-box-shadow: inset 0 0 0 0 #e08805;
    -moz-box-shadow: inset 0 0 0 0 #e08805;
    -ms-box-shadow: inset 0 0 0 0 #e08805;
    -o-box-shadow: inset 0 0 0 0 #e08805;
    box-shadow: inset 0 0 0 0 #e08805
}

article.reg .or {
    display: block;
    width: 100%;
    padding: 12px 0 10px 0px;
    margin: 20px 0 0 0;
    font: 22px/1.5 DNLTL;
    border-radius: 5px;
    text-align: center;
    color: #fff;
    background: url("../images/linkedin-line.png") repeat-x;
    padding: 0 10px;
    background-position: -205px center
}

@media only screen and (max-width: 975px) {
    article.reg .or {
        width:95%;
        background-position: center center
    }
}

article.reg .loading-linkedin {
    display: none;
    text-align: center
}

article.reg .loading-linkedin img {
    margin: 0 auto 30px
}

article.reg .placeholder {
    color: #aaa
}

body {
    background: #f6f6f6
}

p {
    margin: 0 0 25px
}

#main {
    clear: both;
    overflow: visible;
    margin: 30px auto 62px;
    display: block;
    width: 960px;
    position: relative
}

#content {
    position: relative;
    float: left;
    width: 740px;
    margin: 0 auto
}

#content ul li {
    list-style-type: disc;
    margin-left: 20px
}

#content ul li li {
    list-style-type: circle;
    margin-left: 20px
}

#content ul li li li {
    list-style-type: disc;
    margin-left: 20px
}

#content ul.feature-matrix-list li,#content ul.social li,#content ul.dsq-clearfix li,#content ul#dsq-footer li,#content ul#dsq-reactions li,#content ul#dsq-comments li,#content ul.menu-sub li,#content ul.whitebox-menu li {
    list-style-type: none;
    margin-left: inherit
}

#content ul.feature-matrix-list li li,#content ul.social li li,#content ul.dsq-clearfix li li,#content ul#dsq-footer li li,#content ul#dsq-reactions li li,#content ul#dsq-comments li li,#content ul.menu-sub li li,#content ul.whitebox-menu li li {
    list-style-type: none;
    margin-left: inherit
}

#content ul.feature-matrix-list li li li,#content ul.social li li li,#content ul.dsq-clearfix li li li,#content ul#dsq-footer li li li,#content ul#dsq-reactions li li li,#content ul#dsq-comments li li li,#content ul.menu-sub li li li,#content ul.whitebox-menu li li li {
    list-style-type: none;
    margin-left: inherit
}

#content ol li {
    list-style-type: decimal;
    margin-left: 20px
}

#content ol li li {
    list-style-type: lower-alpha;
    margin-left: 20px
}

#content ol li li li {
    list-style-type: lower-roman;
    margin-left: 20px
}

.col-960,.wrap {
    width: 960px;
    margin: 0 auto
}

.l-col-960 {
    width: 960px
}

.l-island {
    display: inline-block
}

.l-island>:last-child {
    margin-bottom: 0;
    margin-right: 0
}

.l-island-rt {
    float: right
}

.l-island-lt {
    float: left
}

.col-right,.alignright {
    float: right
}

.col-left,.alignleft {
    float: left
}

blockquote {
    display: block;
    margin: 30px 0
}

.clearfix {
    overflow: hidden;
    *zoom:1}

.center {
    text-align: center
}

.masthead {
    position: relative;
    height: 90px;
    padding: 20px 0 0;
    font-family: DNRR;
    background: #fff
}

.masthead .masthead-top {
    letter-spacing: 1px
}

@media only screen and (max-width: 975px) {
    .masthead .site-title a.no-hover:hover {
        background-position:-10px 0px !important;
        background-size: 145px
    }
}

.masthead-top-i18n {
    position: relative;
    margin-right: 15px
}

.masthead-top-i18n .list-sub {
    display: none;
    background: #fff;
    padding: 5px 20px 3px;
    overflow: hidden;
    position: absolute;
    z-index: 100000;
    top: 15px;
    margin-left: -19px;
    border: 1px solid #ddd;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    -ms-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    -o-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    box-shadow: 0 5px 10px rgba(0,0,0,0.2)
}

.masthead-top-i18n .list-item {
    margin: 7px auto;
    text-transform: none;
    clear: both
}

.masthead-top-i18n .list-item a {
    font-size: 11px
}

.masthead-top-i18n .list-item a:hover {
    color: #000
}

.masthead-top-i18n #lang-shim {
    background: url("../images/bg-tooltip.png") no-repeat;
    height: 20px;
    width: 27px;
    display: block;
    position: relative;
    top: -36px
}

.masthead-top-i18n .first {
    color: #555
}

.masthead-top-i18n .first span:first-child {
    position: absolute;
    right: -6px;
    top: 4px;
    padding-left: 15px;
    font-size: 15px;
    height: 5px;
    line-height: 6px;
    color: #d3d3d3
}

.masthead-top-i18n .first span:nth-child(2) {
    background: url("../images/global-sprite.png") -208px -125px no-repeat;
    width: 16px;
    height: 11px;
    display: block;
    margin-left: 17px
}

.masthead-top-i18n .list-item a {
    background-repeat: none
}

.masthead-top-i18n .list-item a :last-child a {
    margin-right: 0
}

.masthead .js-stuck {
    background: #fff;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.masthead .js-stuck .js-stuck-inner {
    width: 960px;
    margin: auto
}

.masthead .js-stuck .site-title {
    margin-top: 10px
}

.masthead .js-stuck .primary-menu {
    margin-top: 33px
}

.masthead .ent-reveal {
    margin-top: 18px;
    font-size: 80%;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0
}

.masthead .primary-menu {
    position: relative;
    background: none;
    float: right;
    clear: right
}

.masthead .primary-menu .lotus {
    display: block;
    float: right;
    width: 46px;
    height: 39px;
    margin-right: -46px;
    opacity: 0;
    filter: alpha(opacity=0);
    background: url("../images/global-sprite.png") -10px -65px no-repeat;
    z-index: 1;
    position: relative
}

.masthead .primary-menu .lotus:hover {
    background: url("../images/global-sprite.png") -56px -65px no-repeat
}

.masthead .primary-menu-list-wrap {
    position: relative;
    height: 20px
}

@media only screen and (max-width: 778px) {
    .masthead .primary-menu-list-wrap {
        top:10px
    }
}

.masthead .list-parent {
    position: relative;
    float: left
}

.masthead .list-parent a {
    display: block;
    max-height: 36px;
    font: 15px/1 DNRB;
    color: gray;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 0 12px;
    background: none;
    cursor: pointer
}

.masthead .register {
    position: relative;
    top: -9px;
    float: left;
    margin-left: 10px;
    height: 27px;
    padding: 0 15px;
    border: 1px solid #e6923a;
    letter-spacing: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none
}

.masthead .register:hover {
    background-image: -moz-linear-gradient(top, #ffae57, #e47601);
    background-image: -ms-linear-gradient(top, #ffae57, #e47601);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffae57), to(#e47601));
    background-image: -webkit-linear-gradient(top, #ffae57, #e47601);
    background-image: -o-linear-gradient(top, #ffae57, #e47601);
    background-image: linear-gradient(top, #ffae57,#e47601);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffae57', endColorstr='#e47601', GradientType=0)
}

.masthead .demo {
    position: relative;
    top: -9px;
    float: left;
    margin-left: 10px;
    height: 27px;
    padding: 0 15px;
    letter-spacing: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    color: #aaa;
    line-height: 29px
}

.masthead .primary-menu-list {
    position: relative;
    z-index: 999;
    float: left
}

.masthead .primary-menu-list .pin {
    display: block;
    position: absolute;
    top: 1px;
    left: 64px;
    height: 11px;
    width: 13px;
    z-index: 99999;
    background: url("../images/background-pin.png") 0 0 no-repeat
}

.masthead .primary-menu-list .js-active a,.masthead .primary-menu-list .current-menu-parent a {
    color: #2d2d2d
}

.masthead .primary-menu-list .js-active .primary-menu-list-dropdown {
    display: block;
    opacity: 1;
    left: -20px;
    top: 15px;
    z-index: 99999
}

.masthead .primary-menu-list .primary-menu-list-dropdown {
    position: absolute;
    top: -999em;
    left: -999em;
    z-index: 99999;
    opacity: 0;
    padding-top: 7px;
    background: none
}

.masthead .primary-menu-list .primary-menu-list-dropdown ul {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #bebebe;
    border-bottom: 1px solid #b9b9b9;
    background: #fff
}

.masthead .primary-menu-list .primary-menu-list-dropdown ul li {
    display: block;
    position: relative;
    float: none;
    border: none !important;
    padding: 0
}

.masthead .primary-menu-list .primary-menu-list-dropdown ul li a {
    display: block;
    width: 200px;
    color: #666;
    padding: 9px 15px 9px 15px;
    cursor: pointer;
    text-shadow: none;
    font: 15px/1.3 DNRR;
    text-transform: none
}

.masthead .primary-menu-list .primary-menu-list-dropdown ul li a:hover {
    display: block;
    color: #000;
    background: #eee
}

.masthead .primary-menu-list .primary-menu-list-dropdown ul li:first-child a {
    border-radius: 6px 6px 0 0;
    padding-top: 13px;
    border-left: none !important
}

.masthead .primary-menu-list .primary-menu-list-dropdown ul li:last-child a {
    border-radius: 0 0 6px 6px;
    padding-bottom: 13px;
    border-right: none !important
}

.masthead .primary-menu-list .primary-menu-list-dropdown>ul li a {
    width: 215px
}

.masthead .primary-menu-list .js-active.ico-iphone .primary-menu-list-dropdown {
    left: -64px;
    top: 19px
}

.masthead .primary-menu-wrap a.buy-button:hover {
    box-shadow: none;
    box-shadow: 0px 3px 10px #355E19
}

.masthead .primary-menu-shim {
    display: block;
    position: absolute;
    z-index: 1
}

.masthead .primary-menu-shim#shim1 {
    width: 120px;
    height: 39px;
    background: none;
    position: absolute;
    left: -120px
}

.masthead .primary-menu-shim#shim2 {
    width: 600px;
    height: 40px;
    background: none;
    right: 0;
    top: 0px
}

.masthead .primary-menu-bar-cta {
    position: relative;
    z-index: 10;
    display: block;
    float: right;
    font: 16px DNRB;
    text-shadow: -1px 1px 2px #416202;
    color: #eee;
    margin: 3px 0 0 0
}

.masthead .primary-menu-bar-cta-item {
    float: left
}

.secondary-menu {
    float: right;
    margin: -5px 0 25px
}

.secondary-menu .secondary-menu-item {
    display: inline-block;
    cursor: pointer;
    padding: 1px 8px 0px 0;
    color: #a6a6a6;
    text-decoration: none;
    font-size: 11px
}

.secondary-menu .secondary-menu-item a {
    color: #a6a6a6
}

.secondary-menu .secondary-menu-item:hover {
    color: #c55200
}

.secondary-menu .secondary-menu-item:first-child {
    padding-left: 0
}

.secondary-menu .secondary-menu-item:last-child {
    border: none;
    padding-right: 0
}

.secondary-menu .secondary-menu-item.call-us {
    font-size: 15px;
    position: relative;
    color: #a6a6a6;
    cursor: pointer
}

.secondary-menu .secondary-menu-item.call-us:before,.secondary-menu .secondary-menu-item.call-us.ico-iphone:after {
    content: '\e854'
}

.secondary-menu .secondary-menu-item.call-us-num {
    padding-right: 0
}

.secondary-menu .secondary-menu-item.call-us-num a {
    color: #2d2d2d;
    font-family: DNLTM
}

.contact-tel-wrap {
    margin: 4px 0 0 0
}

.contact-tel-num {
    color: #eee !important;
    text-shadow: -1px 1px 2px #416202
}

@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
    .primary-menu-list li a.list-parent {
        font:15px/1 DNRB
    }

    .primary-menu-bar-cta {
        font: 15px/1 DNRB
    }
}

.masthead .site-title {
    float: left;
    position: relative;
    margin-top: -30px;
    padding-bottom: 16px;
    margin-right: -50px
}

.masthead .site-title a {
    position: relative;
    display: block;
    left: -18px;
    width: 205px;
    height: 61px;
    background: url("../images/logo-zendesk_2X.png") 0 0 no-repeat;
    background-size: 200px 128px
}

.masthead .site-title a:hover {
    top: 0;
    background-position: 0px -68px
}

@media only screen and (max-width: 975px) {
    .masthead .site-title a:hover {
        background-size:135px
    }
}

@media only screen and (max-width: handheld) {
    .masthead .site-title a {
        left:0
    }
}

.masthead .site-title a .whatever {
    display: none
}

.masthead .site-title a.blog {
    width: 250px;
    height: 72px;
    margin: -14px 0 0;
    background-image: url("../images/logo-zendesk-blog.png");
    background-size: 250px 147px;
    background-position: 1px 0;
    background-repeat: no-repeat
}

@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
    .masthead .site-title a.blog {
        background-image:url("../images/logo-zendesk-blog-2X.png");
        background-size: 250px 147px
    }
}

.masthead .site-title a.blog:hover {
    height: 79px;
    width: 268px;
    margin-top: -18px;
    background-position: 1px -68px
}

@media only screen and (max-width: 975px) {
    .masthead .site-title a.blog {
        width:220px;
        height: 64px;
        margin: -14px 0 0;
        background-image: url("../images/logo-zendesk-blog.png");
        background-size: 230px 133px;
        background-position: -16px 0;
        background-repeat: no-repeat
    }

    .masthead .site-title a.blog:hover {
        height: 68px;
        width: 230px;
        margin-left: -16px;
        margin-top: -15px;
        margin-bottom: -3px;
        background-position: 0px -64px
    }
}

@media only screen and (max-width: 975px) and (min--moz-device-pixel-ratio: 1.3), only screen and (max-width: 975px) and (-o-min-device-pixel-ratio: 2.6 / 2), only screen and (max-width: 975px) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (max-width: 975px) and (min-device-pixel-ratio: 1.3), only screen and (max-width: 975px) and (min-resolution: 1.3dppx) {
    .masthead .site-title a.blog {
        background-image:url("../images/logo-zendesk-blog-2X.png");
        background-size: 230px 133px
    }
}

@media only screen and (max-width: 700px) {
    .masthead .site-title a.blog {
        width:250px !important;
        height: 52px !important;
        margin: -15px 0 0;
        background-image: url("../images/logo-zendesk-blog.png");
        background-size: 190px 107px;
        background-position: 10px 0;
        background-repeat: no-repeat
    }

    .masthead .site-title a.blog:hover {
        width: 140px !important;
        height: 33px !important;
        margin: 0px 0 0;
        background-position: 0 -85px
    }
}

@media only screen and (max-width: 700px) and (min--moz-device-pixel-ratio: 1.3), only screen and (max-width: 700px) and (-o-min-device-pixel-ratio: 2.6 / 2), only screen and (max-width: 700px) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (max-width: 700px) and (min-device-pixel-ratio: 1.3), only screen and (max-width: 700px) and (min-resolution: 1.3dppx) {
    .masthead .site-title a.blog {
        background-image:url("../images/logo-zendesk-blog-2X.png");
        background-size: 190px 107px
    }
}

.masthead .site-title a.no-hover:hover {
    position: relative;
    top: auto;
    left: auto;
    background-position: -18px 0
}

@media only screen and (max-width: 778px) {
    .masthead .site-title a.no-hover:hover {
        background-position:0 -3px !important
    }
}

@media only screen and (max-width: 700px) {
    .masthead .site-title a.no-hover:hover {
        background-position:0 -3px !important
    }
}

@media only screen and (max-width: 975px) {
    .masthead {
        -webkit-box-sizing:border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 30px;
        padding-right: 30px;
        height: 96px
    }

    .masthead .site-title a {
        display: block;
        top: 0;
        left: 0;
        width: 135px;
        height: 48px;
        background: url("../images/logo-zendesk_2X.png") -10px 0;
        background-size: 145px auto
    }

    .masthead .site-title a:hover {
        top: 0;
        left: 0
    }

    .masthead .site-title a.no-hover:hover {
        background-position: -10px 0px !important
    }

    .masthead .primary-menu-list .list-parent a {
        font-size: 12px
    }

    .masthead .primary-menu-list-wrap {
        top: -10px
    }

    .masthead .js-stuck .primary-menu-list-wrap {
        top: 0
    }

    .masthead .secondary-menu .secondary-menu-item {
        font-size: 10px
    }

    .masthead .secondary-menu .secondary-menu-item.call-us {
        font-size: 20px
    }

    .masthead .primary-menu,.masthead .secondary-menu {
        padding: 0;
        float: right
    }

    .masthead .universe-search .universe-search-form .universe-search-input,.masthead .universe-search .universe-search-form .universe-search-results {
        width: 660px
    }

    .masthead .primary-menu-stuck {
        padding-left: 30px;
        padding-right: 30px
    }

    .masthead .primary-menu-stuck .primary-menu-stuck-list-wrap {
        width: 95%;
        padding-right: 5%
    }

    .masthead .primary-menu-stuck .site-title a {
        background-size: auto
    }

    .masthead .primary-menu-stuck .site-title a:hover {
        background: url("../images/global-sprite.png") no-repeat scroll -113px 1px transparent;
        display: inline-block;
        height: 46px;
        margin: 5px 10px 0 0;
        width: 39px
    }

    .masthead .register {
        font-size: 13px;
        padding-bottom: 0px;
        margin-left: 5px;
        height: 25px
    }

    .masthead .js-stuck .js-stuck-inner {
        width: 93%
    }
}

@media only screen and (max-width: 778px) {
    .masthead .list-parent a {
        padding:0 6px
    }
}

@media only screen and (max-width: 700px) {
    .masthead {
        padding-top:6px;
        padding-left: 0;
        padding-right: 0;
        height: 60px
    }

    .masthead .primary-menu,.masthead .secondary-menu,.masthead .primary-menu-stuck,.masthead .primary-menu-list .primary-menu-list-dropdown ul,.masthead .primary-menu-list .pin,.masthead .search-spawn {
        display: none
    }

    .masthead .primary-menu-list-wrap {
        top: 4px
    }

    .masthead .site-title {
        margin: 10px 0 0 0;
        padding: 0;
        width: 100%
    }

    .masthead .site-title:after {
        font-family: entypo;
        content: '\e811';
        position: absolute;
        top: -10px;
        font-size: 40px;
        right: 5%;
        color: #a6a6a6
    }

    .masthead .site-title a {
        background: url("../images/logo-zendesk_2X.png");
        background-size: 130px auto;
        height: 40px !important;
        width: 130px !important;
        top: 0px;
        left: 0px
    }

    .masthead .site-title a:hover {
        top: 0;
        left: 0;
        background: url("../images/logo-zendesk_2X.png");
        background-size: 130px auto
    }

    .masthead .site-title a.no-hover:hover {
        background-position: 0px 0px !important
    }

    .masthead .masthead-top-item {
        display: none
    }

    .masthead .primary-menu-list {
        float: none
    }

    .masthead .primary-menu-list li {
        margin: 0;
        width: 100%;
        padding-bottom: 0;
        border-top: 1px solid #F1F1F1
    }

    .masthead .primary-menu-list .js-active a,.masthead .primary-menu-list .current-menu-parent a {
        border-left: none !important
    }

    .masthead .primary-menu-list .list-parent a {
        background: #fff;
        border-left: none !important;
        font: 13px DNRM;
        margin-top: 0;
        padding: 15px 0 15px 5%;
        width: 95%;
        color: gray;
        -webkit-text-shadow: none;
        -moz-text-shadow: none;
        -ms-text-shadow: none;
        -o-text-shadow: none;
        text-shadow: none
    }

    .masthead .primary-menu {
        position: absolute !important;
        float: none;
        clear: both;
        top: 56px;
        z-index: 11;
        width: 99.999%;
        left: 0
    }

    .masthead .register,.masthead .register:active {
        position: relative;
        top: 0;
        float: left;
        height: auto;
        width: 95%;
        margin: 0;
        padding: 15px 0 15px 5%;
        text-align: left;
        color: #707070;
        background: #fff;
        filter: none !important;
        font: 13px DNRB;
        border-top: 1px solid #F1F1F1;
        border-bottom: 1px solid #F1F1F1;
        border-left: none;
        border-right: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -ms-box-shadow: none;
        -o-box-shadow: none;
        box-shadow: none;
        -webkit-text-shadow: none;
        -moz-text-shadow: none;
        -ms-text-shadow: none;
        -o-text-shadow: none;
        text-shadow: none;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0
    }

    .masthead .register:hover,.masthead .register:active:hover {
        background: #fff
    }
}

.context-menu {
    display: none;
    width: 300px;
    height: 107px;
    position: absolute;
    background: #fff;
    padding: 15px;
    background-image: none;
    box-shadow: -2px 2px 8px #ccc;
    border: 1px solid #eee;
    border-radius: 5px;
    left: 0;
    top: 86px;
    z-index: 10
}

.context-menu h4,.context-menu .mobile-modal .mobile-modal-list li h5,.mobile-modal .mobile-modal-list li .context-menu h5 {
    font: 12px DNRR;
    text-transform: uppercase;
    color: #666;
    margin-bottom: 5px
}

.context-menu p {
    margin-bottom: 15px;
    color: #333;
    letter-spacing: 0;
    font: 16px/20px DNLTR
}

.context-menu a.button-white,.context-menu a.button-white-disabled:hover {
    width: 92%;
    height: 18px;
    margin-right: 0;
    background-image: -moz-linear-gradient(top, #fefefe, #f2f2f2);
    background-image: -ms-linear-gradient(top, #fefefe, #f2f2f2);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fefefe), to(#f2f2f2));
    background-image: -webkit-linear-gradient(top, #fefefe, #f2f2f2);
    background-image: -o-linear-gradient(top, #fefefe, #f2f2f2);
    background-image: linear-gradient(top, #fefefe,#f2f2f2);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#f2f2f2', GradientType=0);
    background-position: center center;
    background-color: #fff
}

.context-menu a.button-white:hover,.context-menu a.button-white-disabled:hover {
    background-image: -moz-linear-gradient(top, #f2f2f2, #fefefe);
    background-image: -ms-linear-gradient(top, #f2f2f2, #fefefe);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#fefefe));
    background-image: -webkit-linear-gradient(top, #f2f2f2, #fefefe);
    background-image: -o-linear-gradient(top, #f2f2f2, #fefefe);
    background-image: linear-gradient(top, #f2f2f2,#fefefe);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#fefefe', GradientType=0);
    color: #78a300;
    background-color: #efefef
}

.js-stuck .context-menu {
    top: 64px
}

.clear {
    clear: both
}

#latam-promo {
    background: #78a300;
    clear: both;
    font: DNLTR;
    height: auto;
    line-height: 1.2;
    position: relative;
    width: 100%;
    display: block;
    padding: 10px 0;
    z-index: 3
}

#latam-promo a {
    color: white
}

#latam-promo span {
    display: block;
    margin: 0 auto;
    width: 960px
}

@-webkit-keyframes cursor {
    0% {
        background: #78a300
    }

    47% {
        background: #78a300
    }

    50% {
        background: #fff
    }

    97% {
        background: #fff
    }

    100% {
        background: #78a300
    }
}

@-moz-keyframes cursor {
    0% {
        background: #78a300
    }

    47% {
        background: #78a300
    }

    50% {
        background: #fff
    }

    97% {
        background: #fff
    }

    100% {
        background: #78a300
    }
}

@-ms-keyframes cursor {
    0% {
        background: #78a300
    }

    47% {
        background: #78a300
    }

    50% {
        background: #fff
    }

    97% {
        background: #fff
    }

    100% {
        background: #78a300
    }
}

@-o-keyframes cursor {
    0% {
        background: #78a300
    }

    47% {
        background: #78a300
    }

    50% {
        background: #fff
    }

    97% {
        background: #fff
    }

    100% {
        background: #78a300
    }
}

footer {
    position: relative;
    margin: -10px 0 0;
    text-transform: none;
    color: #808080;
    z-index: 2;
    background: #f1f1f1
}

footer .search {
    position: relative;
    background: #fff;
    z-index: 2;
    text-align: center;
    -webkit-box-shadow: inset 0 4px 9px rgba(0,0,0,0.05);
    -moz-box-shadow: inset 0 4px 9px rgba(0,0,0,0.05);
    -ms-box-shadow: inset 0 4px 9px rgba(0,0,0,0.05);
    -o-box-shadow: inset 0 4px 9px rgba(0,0,0,0.05);
    box-shadow: inset 0 4px 9px rgba(0,0,0,0.05);
    border-top: 1px solid #e2e2e2
}

footer .search span.icon {
    display: inline-block;
    padding: 0 17px 0;
    font-size: 34px;
    color: #bbb
}

footer .search span.icon:before,footer .search span.icon.ico-iphone:after {
    content: '\e803'
}

footer .search a {
    display: inline-block;
    padding: 45px 100px;
    font: 34px/1 DNLTL;
    color: #bbb;
    letter-spacing: 1px;
    cursor: text
}

footer .search .cursor {
    display: inline-block;
    position: relative;
    top: 4px;
    width: 2px;
    height: 32px;
    background: #fff;
    margin-left: 1px;
    -webkit-animation: cursor 2s linear 0s infinite;
    -moz-animation: cursor 2s linear 0s infinite;
    -ms-animation: cursor 2s linear 0s infinite;
    -o-animation: cursor 2s linear 0s infinite;
    animation: cursor 2s linear 0s infinite
}

@media only screen and (max-width: 700px) {
    footer .search {
        display:none
    }
}

footer .sitemap {
    padding: 57px 0 5px;
    height: 420px
}

footer .sitemap h1 {
    padding: 0 0 23px;
    margin: 0 0 52px;
    font-size: 2.4em;
    color: #555;
    text-transform: none;
    border-bottom: 1px solid #ddd
}

@media only screen and (max-width: 778px) {
    footer .sitemap {
        height:460px
    }
}

@media only screen and (max-width: 700px) {
    footer .sitemap {
        height:340px;
        padding: 0 0 10px 0
    }

    footer .sitemap h1 {
        display: none
    }
}

footer .primary-menu-list-wrap {
    float: left;
    width: 70%;
    height: 140px
}

@media only screen and (max-width: 700px) {
    footer .primary-menu-list-wrap {
        display:none
    }
}

footer .primary-menu-list .list-parent {
    display: block;
    float: left;
    margin: 0 20px 40px 0
}

footer .primary-menu-list .list-parent>a {
    display: block;
    margin: 0 0 24px;
    padding: 0 0 3px;
    color: #555;
    font: 17px/1 DNLTM;
    text-transform: uppercase;
    letter-spacing: 1px
}

@media only screen and (max-width: 778px) {
    footer .primary-menu-list .list-parent>a {
        font:19px/1 DNLTM !important;
        text-transform: uppercase !important
    }
}

footer .primary-menu-list .list-parent.no_children a {
    border: none
}

footer .primary-menu-list .primary-menu-list-dropdown .menu-item {
    margin-bottom: 2px;
    line-height: 12px
}

footer .primary-menu-list .primary-menu-list-dropdown .menu-item a {
    display: block;
    padding: 2px 0;
    color: #777;
    text-transform: none;
    text-decoration: none;
    font: 13px/1.3 PNR
}

footer .primary-menu-list .primary-menu-list-dropdown .menu-item a:hover {
    text-decoration: underline
}

@media only screen and (max-width: 975px) {
    footer .primary-menu-list .list-parent {
        width:29%;
        margin: 0 1% 20px
    }
}

@media only screen and (max-width: 778px) {
    footer .primary-menu-list .list-parent {
        width:29%;
        margin: 0 1% 20px
    }

    footer .primary-menu-list .list-parent a {
        font: 15px/1 DNRM;
        text-transform: none
    }

    footer .primary-menu-list .list-parent .menu-item>a {
        font: 13px/1.7 PNR
    }
}

footer .newsletter-sub {
    float: right;
    width: 40%;
    margin: 0
}

footer .newsletter-sub h3 {
    font: 17px/1 DNRM;
    margin: 0 0 29px;
    color: #555;
    text-transform: uppercase
}

footer .newsletter-sub p {
    margin: 0 0 20px 0;
    font: 15px/1.4 PNR;
    text-transform: none
}

footer .newsletter-sub #newsletter {
    height: 90px
}

footer .newsletter-sub #newsletter li {
    margin-left: 0
}

footer .newsletter-sub #newsletter li label {
    float: left;
    width: 251px;
    color: #888;
    margin: -59px 0 0 0;
    padding: 19px 0 4px 35px;
    height: 30px;
    z-index: 1;
    background: #ddd url("../images/icon-error.png") 11px 20px no-repeat;
    -webkit-box-shadow: inset 0 0px 4px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0 0px 4px rgba(0,0,0,0.1);
    -ms-box-shadow: inset 0 0px 4px rgba(0,0,0,0.1);
    -o-box-shadow: inset 0 0px 4px rgba(0,0,0,0.1);
    box-shadow: inset 0 0px 4px rgba(0,0,0,0.1);
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -ms-border-radius: 0 0 5px 5px;
    -o-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px
}

footer .newsletter-sub #newsletter li input[type=text] {
    height: 44px;
    width: 215px;
    border-right: none;
    padding: 5px 0 8px 11px;
    -webkit-appearance: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    -ms-border-radius: 5px 0 0 5px;
    -o-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px
}

footer .newsletter-sub #newsletter li .depth-wrap {
    position: relative;
    z-index: 2
}

footer .newsletter-sub #newsletter li .register {
    display: inline-block;
    height: 59px;
    width: 59px;
    margin: 0;
    padding: 0;
    -webkit-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    -ms-border-radius: 0 5px 5px 0;
    -o-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
    background-image: url("../images/nav-sprite.png");
    background-size: 312px 59px;
    background-repeat: no-repeat;
    background-position: 0 0
}

@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
    footer .newsletter-sub #newsletter li .register {
        background-image:url("../images/nav-sprite-2X.png");
        background-size: 312px 59px
    }
}

footer .newsletter-sub #newsletter li .register:hover {
    cursor: pointer;
    background-position: -59px 0
}

footer .newsletter-sub #newsletter li .register.success {
    background-position: -118px 0
}

@media only screen and (max-width: 975px) {
    footer .newsletter-sub h3 {
        font:15px/1 DNRM;
        text-transform: none
    }

    footer .newsletter-sub p {
        margin: 0 0 20px 0;
        font: 14px/1.5 PNR
    }

    footer .newsletter-sub #newsletter {
        height: 100px
    }

    footer .newsletter-sub #newsletter li label {
        width: 79%;
        text-transform: none
    }

    footer .newsletter-sub #newsletter li input[type=text] {
        width: 62%
    }
}

@media only screen and (max-width: 700px) {
    footer .newsletter-sub {
        width:100%
    }

    footer .newsletter-sub h3,footer .newsletter-sub p {
        text-align: center
    }

    footer .newsletter-sub h3 {
        padding: 20px 0 0 0;
        margin: 20px 0 17px 0;
        text-transform: uppercase
    }

    footer .newsletter-sub #newsletter {
        width: 90%;
        height: 100px;
        margin: 0 auto
    }

    footer .newsletter-sub #newsletter li {
        width: 100%
    }

    footer .newsletter-sub #newsletter li .depth-wrap {
        width: 100%
    }

    footer .newsletter-sub #newsletter li label {
        width: 80%
    }

    footer .newsletter-sub #newsletter li input[type=text] {
        width: 65%;
        padding: 5px 0 8px 20px
    }
}

footer .social {
    width: 100%;
    padding: 15px 0;
    border-top: 1px solid #ddd;
    text-align: center;
}

footer .social a {
    font-size: 2.85em;
    color: #bbb;
    margin: 0 7px 0 0
}

footer .social a.ico-twitter:hover {
    color: #61aad3
}

footer .social a.ico-facebook:hover {
    color: #435ad1
}

footer .social a.ico-gplus:hover {
    color: #b82d21
}

@media only screen and (max-width: 700px) {
    footer .social {
        width:100%;
        padding: 25px 0;
        text-align: center;
        border-top: 1px solid #e6e6e6
    }

    footer .social a {
        font-size: 3em;
        margin: 0 25px 0 0
    }

    footer .social #newsletter {
        height: 120px
    }
}

footer .lotus {
    position: absolute;
    display: block;
    top: -29px;
    left: 50%;
    height: 100px;
    width: 70px;
    margin: 0 0 0 -35px;
    background-image: url("../images/nav-sprite.png");
    background-size: 312px 59px;
    background-repeat: no-repeat;
    background-position: -240px 0
}

@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
    footer .lotus {
        background-image:url("../images/nav-sprite-2X.png");
        background-size: 312px 59px
    }
}

footer .lotus:hover {
    cursor: pointer;
    background-position: -180px 0
}

footer .legal {
    margin: 0 auto;
    padding: 20px 0 20px 0
}

footer .legal .col-960 {
    position: relative;
    border-top: 1px solid #ddd;
    padding: 15px 0 20px
}

footer .legal .landing {
    border: none
}

footer .legal a {
    text-transform: none;
    font: 14px/1 PNR;
    color: #bbb;
    margin-right: 10px
}

@media only screen and (max-width: 975px) {
    footer .legal .col-960 {
        padding:55px 0 20px 0
    }
}

@media only screen and (max-width: 700px) {
    footer .legal {
        text-align:center
    }

    footer .legal .col-960 {
        padding: 55px 0 20px 0
    }

    footer .legal a {
        font: 10px/1 PNR
    }
}

.footer-spacer {
    display: block;
    clear: both;
    height: 80px;
    width: 80px
}

@media only screen and (max-width: 700px) {
    #menu-header-navigation {
        display:none
    }
}

.header-blog-holder {
    position: relative
}

.header-blog-img {
    position: absolute;
    width: 40px;
    height: 40px;
    left: 158px;
    top: 14px;
    z-index: 1
}

.header-blog-img:hover {
    background-image: url("../images/logo-zendesk-blog-hover.png");
    background-size: 40px 40px
}

@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
    .header-blog-img:hover {
        background-image:url("../images/logo-zendesk-blog-hover-2X.png");
        background-size: 40px 40px
    }
}

@media only screen and (max-width: 975px) {
    .header-blog-img {
        left:145px;
        top: 12px;
        background-size: 100% !important;
        width: 36px;
        height: 35px
    }
}

@media only screen and (max-width: 700px) {
    .header-blog-img {
        left:143px;
        top: 5px;
        width: 30px;
        height: 31px
    }
}

#sidebar {
    float: left;
    width: 180px;
    margin: 2px 40px 0 0;
    border-top: 1px solid #dcdcdc
}

#sidebar li {
    padding: 0;
    border-bottom: 1px solid #dedede;
    text-align: center
}

#sidebar li:hover,#sidebar li.current {
    background: #fff;
    margin-top: -1px;
    padding-top: 1px;
    border-bottom: 1px solid #fff;
    color: #4f84a5
}

#sidebar li a {
    display: block;
    font: 0.85em PNR;
    text-transform: uppercase;
    padding: 10px 0 8px 0;
    color: #555
}

#sidebar li a:hover,#sidebar li.current a {
    color: #4384a6
}

#sidebar li ul.sub-menu {
    margin: 0 0 0 0;
    padding: 2px 0 12px 0
}

#sidebar li ul.sub-menu li {
    background: none;
    border: none
}

#sidebar li ul.sub-menu li:hover {
    margin: 0;
    padding: 0
}

#sidebar li ul.sub-menu li a {
    color: #666;
    font-size: 0.75em;
    margin: 0;
    padding: 3px 0
}

#sidebar li ul.sub-menu li a:hover {
    background: none;
    color: #4F84A5 !important
}

.sub-menu {
    display: none
}

#sidebar li.current-menu-item .sub-menu {
    display: block
}

#sidebar li ul.sub-menu li.current-menu-item a {
    font-family: DNRB;
    color: #666
}

#sidebar li.current-menu-item,#sidebar li.current-menu-item:hover {
    border-bottom: 1px solid #dedede;
    background: none !important
}

#sidebar li.current-menu-item a:hover {
    color: #7fa100 !important;
    cursor: normal
}

#sidebar li.current-menu-parent li a {
    color: #0069AB
}

#sidebar li ul.sub-menu li.current-menu-item,#sidebar li ul.sub-menu li.current-menu-item:hover {
    border: none;
    background: none !important
}

#sidebar li ul.sub-menu li.current-menu-item a:hover {
    color: #7fa100 !important;
    cursor: normal
}

#sidebar li ul.sub-menu li.current-menu-parent a {
    color: #0069AB
}

#sidebar li.current-menu-item a,#sidebar li.current-menu-parent li.current-menu-item a,#sidebar li.current-menu-parent a,.single-stories li#menu-item-19691 a,.single-webinar #sidebar li#menu-item-19698 a {
    color: #7fa100
}

#sidebar li.current-menu-item a:hover,#sidebar li.current-menu-parent li.current-menu-item a:hover,#sidebar li.current-menu-parent a:hover,.single-stories li#menu-item-19691 a:hover {
    color: #4f84a5
}

#dark-sidebar {
    position: relative;
    float: right;
    width: 230px;
    margin: 15px 0px 30px 40px;
    background: url("../images/bg-dark-sidebar.png");
    -moz-box-shadow: 0px 0px 5px #999;
    -webkit-box-shadow: 0px 0px 5px #999;
    box-shadow: 0px 0px 5px #999
}

#dark-sidebar .top {
    background: url("../images/bg-dark-sidebar-top.png");
    height: 55px
}

#dark-sidebar-heading {
    padding: 15px
}

#dark-sidebar-heading h4,#dark-sidebar-heading .mobile-modal .mobile-modal-list li h5,.mobile-modal .mobile-modal-list li #dark-sidebar-heading h5 {
    position: relative;
    color: #D8D8D8;
    font: 18px DNRM;
    bottom: 22px;
    left: 15px
}

#dark-sidebar img {
    position: absolute;
    top: -20px;
    left: 145px;
    max-width: 75px
}

.webinar #dark-sidebar img {
    top: -11px;
    left: 125px
}

.webinar #dark-sidebar .bottom iframe {
    margin-top: 10px
}

.stories #dark-sidebar img {
    position: relative;
    top: 0;
    left: 0
}

#dark-sidebar h3 {
    float: left;
    margin: 4px 0px 0px 3px;
    padding: 0px;
    font: 16px DNRM;
    color: #D8D8D8
}

#eye-icon {
    float: left
}

#dark-sidebar .bottom {
    padding: 10px 20px;
    font: 14px DNRR;
    color: #d8d8d8
}

#dark-sidebar .bottom div {
    margin: 10px 0px
}

#dark-sidebar .bottom p {
    margin: 5px 0 0;
    font: italic 13px DNLTL;
    color: #ffffff
}

#dark-sidebar .bottom ul {
    margin-left: 0px;
    padding-left: 0px;
    list-style: none
}

#dark-sidebar .bottom ul li {
    margin-bottom: 10px;
    padding-left: 25px;
    background: url("../images/icon-lotus.png") no-repeat 0px 0px;
    line-height: 1.3
}

#dark-sidebar .bottom strong {
    font: normal 14px DNLTB
}

#customer-link {
    padding: 20px;
    border-top: 1px dashed #d8d8d8
}

#customer-link a {
    color: #8fcffe;
    font-family: DNLTR
}

#story #dark-sidebar-heading h4,#story #dark-sidebar-heading .mobile-modal .mobile-modal-list li h5,.mobile-modal .mobile-modal-list li #story #dark-sidebar-heading h5 {
    bottom: 0
}

#grid-top {
    position: relative;
    top: 0;
    bottom: 20px;
    float: left;
    height: auto;
    width: 744px;
    padding-bottom: 20px;
    margin-bottom: 40px;
    background: url("../images/bg-grid-top.png") no-repeat bottom right;
    margin-left: -3px
}

#grid-top-logo {
    float: left;
    height: 233px;
    width: 233px;
    border-radius: 115px;
    -moz-border-radius: 115px;
    -webkit-border-radius: 115px;
    margin: -12px 30px 0px 0px;
    background: #ffffff;
    overflow: hidden
}

#grid-top-info {
    float: left;
    width: 440px
}

a#grid-top-info {
    color: #404040
}

.grid-top-title,.grid-top-title a {
    margin: 5px 0 0 0px;
    font: 30px DNLTUL;
    color: #8A8A8A;
    text-transform: uppercase
}

.grid-top-lgbold p,.grid-top-lgbold a,a.grid-top-lgbold {
    font: bold 50px DNLTB;
    letter-spacing: -2px;
    line-height: 50px;
    color: #404040
}

#grid-top-info p {
    margin: 0
}

#grid-top-info .grid-top-tagline {
    font: 50px/1 DNLTB;
    color: #404040;
    margin-bottom: 15px
}

#grid-top-info a .grid-top-tagline:hover {
    color: #c55200
}

#grid-top-info .grid-top-tagline.mini {
    margin: 25px 0 21px 0;
    font-size: 40px;
    font-family: DNLTL
}

#grid-top-info .grid-top-excerpt {
    font: 22px/1.2 DNLTL;
    color: #404040
}

#grid-top-info .grid-top-excerpt.nolink p {
    font: 22px/1.2 DNLTL;
    color: #666
}

#grid-top-info .grid-top-excerpt.nolink a {
    color: #0069ab
}

#grid-top-info .grid-top-excerpt.nolink a:hover {
    color: #c55200
}

#grid-top-info #featured-read-more {
    float: right;
    margin-top: 20px;
    font: 12px/1.2 DNLTL;
    text-transform: uppercase;
    color: #005CA1
}

#grid-top-info #featured-read-more:hover {
    color: #c55200
}

.full-wrap {
    width: 960px !important;
    padding-bottom: 40px
}

.full-wrap.customers {
    min-height: 800px;
    padding-bottom: 120px
}

#filter-wrap {
    position: absolute;
    float: right;
    width: 190px;
    margin: 23px 12px 0 0;
    top: 20px;
    right: 0
}

#filter-wrap #filter-bar {
    position: relative;
    float: left;
    z-index: 1;
    height: auto;
    width: 190px;
    margin-bottom: 5px;
    padding: 0
}

#filter-wrap #filter-bar span {
    float: left;
    margin: 0;
    font: 14px DNRB;
    color: #222;
    text-transform: uppercase
}

#filter-wrap #filter-bar a {
    position: relative;
    right: -4px;
    bottom: 4px;
    height: 21px;
    width: 130px;
    float: right;
    border: none;
    background-image: url("../images/filter-menu-bg.jpg")
}

#filter-wrap #filter-bar a:hover {
    background: url("../images/filter-menu-bg.jpg") 0 -21px
}

#filter-wrap #filter-bar a#filter:active,#filter-wrap #filter-bar a.pressed {
    background: url("../images/filter-menu-bg.jpg") 0 -42px
}

#filter-wrap .post-98 #filter-options {
    display: block
}

#filter-wrap #filter-options {
    background: none;
    display: block;
    position: relative;
    float: left;
    top: -4px;
    width: 190px;
    padding: 0
}

#filter-wrap #filter-options .section {
    border-bottom: 1px solid gainsboro;
    display: block;
    float: left;
    width: 100%;
    padding: 10px 0px 10px
}

#filter-wrap #filter-options .section.last {
    border: 0;
    padding-top: 0
}

#filter-wrap #filter-options .section.no-bottom-border {
    border-bottom: 0
}

#filter-wrap #filter-options .section .option {
    display: inline-block;
    cursor: pointer;
    float: left;
    width: 180px;
    background: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    padding: 5px 5px 4px;
    margin: 2px 0
}

#filter-wrap #filter-options .section .option a {
    display: block;
    color: #333;
    font: 10px/25px PNR;
    text-transform: uppercase;
    width: auto;
    padding-left: 30px
}

#filter-wrap #filter-options .section .option a:before,#filter-wrap #filter-options .section .option a.ico-iphone:after {
    content: '';
    position: absolute;
    left: 5px;
    margin-top: 2px;
    display: block;
    width: 20px;
    height: 20px;
    background: #eee;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px
}

#filter-wrap #filter-options .section .option a.pressed:before,#filter-wrap #filter-options .section .option a.pressed.ico-iphone:after,#filter-wrap #filter-options .section .option a.pressed:hover:before,#filter-wrap #filter-options .section .option a.pressed.ico-iphone:hover:after,#filter-wrap #filter-options .section .option a:hover:before,#filter-wrap #filter-options .section .option a.ico-iphone:hover:after {
    content: '\e812';
    position: absolute;
    left: 5px;
    margin-top: 2px;
    display: block;
    width: 9px;
    height: 20px;
    padding: 0 6px 0 5px;
    background: #eee;
    font-family: entypo;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.3;
    color: #ffffff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px
}

article.events #filter-wrap,article.apps #filter-wrap {
    margin-top: 0;
    position: relative;
    top: 0
}

#tiles {
    float: left;
    clear: left;
    width: 775px;
    margin: 17px 0 0 0;
    padding: 5px 0 50px 5px;
    position: relative;
    left: -5px
}

#tiles-similar {
    float: left;
    clear: left;
    width: 775px;
    margin: 0;
    padding: 5px 0 0 5px;
    position: relative;
    left: -5px
}

.team_member,.tile {
    position: relative;
    float: left;
    height: 190px;
    width: 186px;
    margin: 0 25px 25px 0;
    padding: 20px;
    background-color: #fff;
    font-size: 8.5px;
    text-align: center;
    color: #362f2d;
    cursor: pointer
}

.team_member:hover,.tile:hover {
    color: rgba(0,92,161,0.7)
}

.tile.similar .permalink {
    position: absolute;
    display: inline-block;
    width: 188px;
    height: 190px
}

.tile a.hot-tile,#grid-top a.hot-tile,.feature-matrix-list-item a.hot-tile {
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px
}

.tile p {
    font: 14px DNLTR
}

.tile p a {
    color: #362F2D
}

.tile:hover p,.tile:hover h4,.tile:hover .mobile-modal .mobile-modal-list li h5,.mobile-modal .mobile-modal-list li .tile:hover h5,.tile:hover h4 a,.tile:hover .mobile-modal .mobile-modal-list li h5 a,.mobile-modal .mobile-modal-list li .tile:hover h5 a {
    color: rgba(0,92,161,0.7)
}

#content .tile h4,#content .tile .mobile-modal .mobile-modal-list li h5,.mobile-modal .mobile-modal-list li #content .tile h5,.wrap .tile h4,.wrap .tile .mobile-modal .mobile-modal-list li h5,.mobile-modal .mobile-modal-list li .wrap .tile h5 {
    margin: 0;
    font: 16px DNLTM;
    text-transform: none
}

.tile h4 a,.tile .mobile-modal .mobile-modal-list li h5 a,.mobile-modal .mobile-modal-list li .tile h5 a {
    color: #362f2d
}

.tile .logo {
    margin: 0 0 20px 0;
    padding: 0 0 20px;
    border-bottom: 1px solid #c5c4c4;
    height: 90px;
    line-height: 90px
}

.tile .logo img {
    max-width: 150px;
    max-height: 80px
}

.grid-top-date {
    font-family: DNRM;
    font-size: 20px;
    color: #555;
    padding: 0 0 0 25px;
    margin: 0px 0 13px 0;
    background: url("../images/icon-calender.png") 0 2px no-repeat
}

#events.tile {
    padding: 0 !important;
    width: 228px;
    height: 240px
}

#events.tile h4,#events.tile .mobile-modal .mobile-modal-list li h5,.mobile-modal .mobile-modal-list li #events.tile h5 {
    padding: 10px 20px 5px
}

#events p {
    margin: 0 0 8px 0
}

#events span {
    color: #AAA;
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 0.1em;
    padding: 0 0 0 13px;
    margin-left: -2px;
    background: url("../images/icon-sm-pin.png") 0 1px no-repeat
}

#events .logo img {
    height: 131px;
    width: 228px;
    max-width: none;
    max-height: none
}

.home .splash.t-tourrev {
    display: block;
    overflow: hidden
}

.home .splash.t-tourrev h1 {
    font-family: DNLTUL
}

.home .splash.t-tourrev #demoFormWrapper,.home .splash.t-tourrev #demoFormWrapper .bg-buddhi,.home .splash.t-tourrev #demoFormWrapper .bg-shine {
    position: absolute
}

.home .splash.t-tourrev #demoFormWrapper .btn-submit {
    padding: 4px 10px 2px;
    margin-bottom: 0;
    height: auto;
    font: 15px/2 DNRB
}

.home .splash.t-tourrev #demoFormWrapper .left-sided a {
    color: #fff
}

.left-sided {
    float: left
}

.right-sided {
    float: right
}

.home #right-column {
    width: 375px
}

.home .col-lt {
    float: left;
    width: 530px
}

.home .col-lt .row {
    clear: both;
    border-top: 1px solid #DCDCDC;
    padding-bottom: 35px;
    float: left;
    width: 100%;
    position: relative
}

.home .post .thumb {
    float: right;
    margin: -10px 0 0 20px;
    clear: both;
    width: 190px;
    height: 190px
}

.home .post .thumb img {
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    border-radius: 100px
}

.home .even .thumb {
    clear: both;
    float: left;
    margin: 30px 30px 0 0
}

.home .even .content {
    float: left;
    width: 57%
}

.home .post .h {
    margin: 40px 0 10px;
    font: 34px/1.2 DNLTL;
    text-decoration: none;
    letter-spacing: 1px;
    color: #434343;
    line-height: 35px;
    text-transform: uppercase
}

.home .post .teaser {
    margin-bottom: 15px;
    font: 16px/1.3 PNR
}

#customers {
    position: relative;
    margin-bottom: 20px
}

#customers a {
    display: block;
    position: relative;
    height: 458px;
    width: 390px
}

.link-edit a {
    color: #484848;
    position: absolute;
    right: 0;
    font-size: 2em
}

.link-edit a:hover {
    color: #000000
}

#customers.threeDee {
    height: 458px;
    position: relative;
    background: none
}

#customers.threeDee.retail {
    height: 340px
}

#customers.threeDee.retail .bottom {
    background: url("../images/home-retail.jpg") -2px -291px no-repeat;
    height: 31px;
    width: 375px;
    margin-left: 2px;
    clear: both
}

#customers.threeDee.retail ul.ch-grid.ch-topper {
    margin-bottom: -5px
}

#customers.threeDee.retail ul.ch-grid.ch-topper .ch-item .ch-info-back p {
    font: 22px/22px DNLTM
}

#customers.threeDee.retail ul.ch-grid.ch-topper li {
    height: 79px;
    width: 366px
}

#customers.threeDee.retail ul.ch-grid.ch-topper li .ch-img-0 {
    background-position: -11px -12px !important
}

#customers.threeDee.retail ul.ch-grid.ch-topper .ch-item .ch-info-back span.buddhi,#customers.threeDee.retail ul.ch-grid.ch-topper .ch-item .ch-info-back span.shine {
    background: url("../images/global-sprite-retina.png");
    position: absolute;
    bottom: -200px;
    right: 0px;
    display: block;
    width: 136px;
    height: 142px;
    -webkit-transition: all 0.5s cubic-bezier(1, -0.5, 0.5, 1.5);
    -moz-transition: all 0.5s cubic-bezier(1, -0.5, 0.5, 1.5);
    -ms-transition: all 0.5s cubic-bezier(1, -0.5, 0.5, 1.5);
    -o-transition: all 0.5s cubic-bezier(1, -0.5, 0.5, 1.5);
    transition: all 0.5s cubic-bezier(1, -0.5, 0.5, 1.5)
}

#customers.threeDee.retail ul.ch-grid.ch-topper .ch-item .ch-info-back span.shine {
    background: url("../images/buddhi-shine.png");
    bottom: -200px;
    right: -175px;
    width: 481px;
    height: 367px
}

#customers.threeDee.retail ul.ch-grid.ch-topper .ch-item:hover .ch-info-back {
    -webkit-transform: rotate3d(1, 0, 0, 0deg);
    -moz-transform: rotate3d(1, 0, 0, 0deg);
    -ms-transform: rotate3d(1, 0, 0, 0deg);
    -o-transform: rotate3d(1, 0, 0, 0deg);
    transform: rotate3d(1, 0, 0, 0deg);
    -webkit-box-shadow: inset 1px 1px 20px #699101;
    -moz-box-shadow: inset 1px 1px 20px #699101;
    -ms-box-shadow: inset 1px 1px 20px #699101;
    -o-box-shadow: inset 1px 1px 20px #699101;
    box-shadow: inset 1px 1px 20px #699101;
    opacity: 1;
    background-image: none;
    background-color: #78a300
}

#customers.threeDee.retail ul.ch-grid.ch-topper .ch-item:hover .ch-info-back span.buddhi {
    bottom: -80px;
    right: 0
}

#customers.threeDee.retail ul.ch-grid.ch-topper .ch-item:hover .ch-info-back span.shine {
    bottom: -135px;
    right: -175px
}

#customers.threeDee.retail ul.ch-grid li .ch-info .ch-info-back p span {
    left: 19.5%;
    width: 60%
}

#customers.threeDee.retail ul.ch-grid li .ch-img-0,#customers.threeDee.retail ul.ch-grid li .ch-img-1,#customers.threeDee.retail ul.ch-grid li .ch-img-2,#customers.threeDee.retail ul.ch-grid li .ch-img-3,#customers.threeDee.retail ul.ch-grid li .ch-img-4,#customers.threeDee.retail ul.ch-grid li .ch-img-5,#customers.threeDee.retail ul.ch-grid li .ch-img-6 {
    background: url("../images/home-retail.jpg") -385px -13px no-repeat
}

#customers.threeDee.retail ul.ch-grid li .ch-img-1 {
    background-position: -11px -91px !important
}

#customers.threeDee.retail ul.ch-grid li .ch-img-1 p {
    padding-top: 20px
}

#customers.threeDee.retail ul.ch-grid li .ch-img-2 {
    background-position: -133px -91px !important
}

#customers.threeDee.retail ul.ch-grid li .ch-img-3 {
    background-position: -255px -91px !important
}

#customers.threeDee.retail ul.ch-grid li .ch-img-4 {
    background-position: -11px -192px !important
}

#customers.threeDee.retail ul.ch-grid li .ch-img-5 {
    background-position: -133px -192px !important
}

#customers.threeDee.retail ul.ch-grid li .ch-img-6 {
    background-position: -255px -192px !important
}

#customers.threeDee.retail ul.ch-grid li .ch-img-5 p,#customers.threeDee.retail ul.ch-grid li .ch-img-6 p {
    padding: 15px 5px !important
}

#customers.threeDee a.main {
    opacity: 1 !important;
    display: block !important;
    width: 100%;
    height: 160px
}

#customers.threeDee a {
    display: inline !important
}

#customers.threeDee ul.ch-grid {
    position: relative;
    left: -2px;
    display: block;
    text-align: center;
    width: 100%
}

#customers.threeDee ul.ch-grid .ch-item {
    width: 100%;
    height: 100%;
    position: relative;
    cursor: pointer;
    -webkit-perspective: 900px;
    -moz-perspective: 900px;
    -ms-perspective: 900px;
    -o-perspective: 900px;
    perspective: 900px
}

#customers.threeDee ul.ch-grid .ch-item:hover .ch-info-front {
    -webkit-transform: translate3d(0, 131px, 0) rotate3d(1, 0, 0, -90deg);
    -moz-transform: translate3d(0, 131px, 0) rotate3d(1, 0, 0, -90deg);
    -ms-transform: translate3d(0, 131px, 0) rotate3d(1, 0, 0, -90deg);
    -o-transform: translate3d(0, 131px, 0) rotate3d(1, 0, 0, -90deg);
    transform: translate3d(0, 131px, 0) rotate3d(1, 0, 0, -90deg);
    opacity: 0
}

#customers.threeDee ul.ch-grid .ch-item:hover .ch-info-back {
    -webkit-transform: rotate3d(1, 0, 0, 0deg);
    -moz-transform: rotate3d(1, 0, 0, 0deg);
    -ms-transform: rotate3d(1, 0, 0, 0deg);
    -o-transform: rotate3d(1, 0, 0, 0deg);
    transform: rotate3d(1, 0, 0, 0deg);
    -webkit-box-shadow: inset 1px 1px 10px #444;
    -moz-box-shadow: inset 1px 1px 10px #444;
    -ms-box-shadow: inset 1px 1px 10px #444;
    -o-box-shadow: inset 1px 1px 10px #444;
    box-shadow: inset 1px 1px 10px #444;
    opacity: 1;
    background: #555
}

#customers.threeDee ul.ch-grid .ch-info {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d
}

#customers.threeDee ul.ch-grid .ch-info .ch-info-back {
    -webkit-transform: translate3d(0, 0, -101px) rotate3d(1, 0, 0, 90deg);
    -moz-transform: translate3d(0, 0, -101px) rotate3d(1, 0, 0, 90deg);
    -ms-transform: translate3d(0, 0, -101px) rotate3d(1, 0, 0, 90deg);
    -o-transform: translate3d(0, 0, -101px) rotate3d(1, 0, 0, 90deg);
    transform: translate3d(0, 0, -101px) rotate3d(1, 0, 0, 90deg);
    background: #666;
    opacity: 0;
    z-index: 2
}

#customers.threeDee ul.ch-grid .ch-info .ch-info-back p {
    padding: 15px 10px;
    color: #fff;
    text-align: center;
    font: 15px/16px DNRM
}

#customers.threeDee ul.ch-grid .ch-info .ch-info-back p span {
    position: absolute;
    font: 11px/16px DNLTR;
    font-style: italic;
    text-transform: uppercase;
    display: block;
    bottom: 10px;
    left: 24.5%;
    width: 50%
}

#customers.threeDee ul.ch-grid .ch-info>div {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-position: center center;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
    -webkit-transform-origin: 50% 0%;
    -moz-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    -o-transform-origin: 50% 0%;
    transform-origin: 50% 0%
}

#customers.threeDee ul.ch-grid.ch-topper li {
    width: 365px;
    height: 164px;
    margin-bottom: 0
}

#customers.threeDee ul.ch-grid.ch-topper li .ch-img-0 {
    background-position: 0px 0px !important
}

#customers.threeDee ul.ch-grid.ch-topper .ch-info>div {
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    -webkit-transform-origin: top right;
    -moz-transform-origin: top right;
    -ms-transform-origin: top right;
    -o-transform-origin: top right;
    transform-origin: top right
}

#customers.threeDee ul.ch-grid.ch-topper .ch-item .ch-info-back {
    overflow: hidden;
    -webkit-transform: translate3d(0, 264px, 0) rotate3d(1, 0, 0, -90deg);
    -moz-transform: translate3d(0, 264px, 0) rotate3d(1, 0, 0, -90deg);
    -ms-transform: translate3d(0, 264px, 0) rotate3d(1, 0, 0, -90deg);
    -o-transform: translate3d(0, 264px, 0) rotate3d(1, 0, 0, -90deg);
    transform: translate3d(0, 264px, 0) rotate3d(1, 0, 0, -90deg)
}

#customers.threeDee ul.ch-grid.ch-topper .ch-item .ch-info-back p {
    padding: 21px;
    color: #fff;
    text-align: left;
    font: 34px/33px DNLTM;
    position: relative;
    -webkit-text-shadow: 0px 1px 2px #699101;
    -moz-text-shadow: 0px 1px 2px #699101;
    -ms-text-shadow: 0px 1px 2px #699101;
    -o-text-shadow: 0px 1px 2px #699101;
    text-shadow: 0px 1px 2px #699101;
    text-transform: uppercase
}

#customers.threeDee ul.ch-grid.ch-topper .ch-item .ch-info-back p span {
    position: static;
    text-align: left;
    font-size: 13px;
    margin: 12px 0 0
}

#customers.threeDee ul.ch-grid.ch-topper .ch-item .ch-info-back span.buddhi,#customers.threeDee ul.ch-grid.ch-topper .ch-item .ch-info-back span.shine {
    background: url("../images/global-sprite-retina.png");
    position: absolute;
    bottom: -200px;
    right: 45px;
    display: block;
    width: 136px;
    height: 142px;
    -webkit-transition: all 0.5s cubic-bezier(1, -0.5, 0.5, 1.5);
    -moz-transition: all 0.5s cubic-bezier(1, -0.5, 0.5, 1.5);
    -ms-transition: all 0.5s cubic-bezier(1, -0.5, 0.5, 1.5);
    -o-transition: all 0.5s cubic-bezier(1, -0.5, 0.5, 1.5);
    transition: all 0.5s cubic-bezier(1, -0.5, 0.5, 1.5)
}

#customers.threeDee ul.ch-grid.ch-topper .ch-item .ch-info-back span.shine {
    background: url("../images/buddhi-shine.png");
    bottom: -200px;
    right: -130px;
    width: 481px;
    height: 367px;
    filter: alpha(opacity=40);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    -moz-opacity: 0.4;
    -khtml-opacity: 0.4;
    opacity: 0.4
}

#customers.threeDee ul.ch-grid.ch-topper .ch-item:hover .ch-info-front {
    -webkit-transform: translate3d(0, 0, -234px) rotate3d(1, 0, 0, 90deg);
    -moz-transform: translate3d(0, 0, -234px) rotate3d(1, 0, 0, 90deg);
    -ms-transform: translate3d(0, 0, -234px) rotate3d(1, 0, 0, 90deg);
    -o-transform: translate3d(0, 0, -234px) rotate3d(1, 0, 0, 90deg);
    transform: translate3d(0, 0, -234px) rotate3d(1, 0, 0, 90deg);
    opacity: 0
}

#customers.threeDee ul.ch-grid.ch-topper .ch-item:hover .ch-info-back {
    -webkit-transform: rotate3d(1, 0, 0, 0deg);
    -moz-transform: rotate3d(1, 0, 0, 0deg);
    -ms-transform: rotate3d(1, 0, 0, 0deg);
    -o-transform: rotate3d(1, 0, 0, 0deg);
    transform: rotate3d(1, 0, 0, 0deg);
    -webkit-box-shadow: inset 1px 1px 20px #699101;
    -moz-box-shadow: inset 1px 1px 20px #699101;
    -ms-box-shadow: inset 1px 1px 20px #699101;
    -o-box-shadow: inset 1px 1px 20px #699101;
    box-shadow: inset 1px 1px 20px #699101;
    opacity: 1;
    background-image: none;
    background-color: #78a300
}

#customers.threeDee ul.ch-grid.ch-topper .ch-item:hover .ch-info-back span.buddhi {
    bottom: -80px;
    right: 45px
}

#customers.threeDee ul.ch-grid.ch-topper .ch-item:hover .ch-info-back span.shine {
    bottom: -150px;
    right: -130px
}

#customers.threeDee ul.ch-grid li {
    width: 122px;
    height: 99px;
    display: inline-block;
    margin-bottom: -5px;
    position: relative
}

#customers.threeDee ul.ch-grid li:nth-child(4),#customers.threeDee ul.ch-grid li:nth-child(5),#customers.threeDee ul.ch-grid li:nth-child(6) {
    height: 90px
}

#customers.threeDee ul.ch-grid li:nth-child(4) .ch-info-wrap,#customers.threeDee ul.ch-grid li:nth-child(4) .ch-info,#customers.threeDee ul.ch-grid li:nth-child(5) .ch-info-wrap,#customers.threeDee ul.ch-grid li:nth-child(5) .ch-info,#customers.threeDee ul.ch-grid li:nth-child(6) .ch-info-wrap,#customers.threeDee ul.ch-grid li:nth-child(6) .ch-info {
    height: 90px !important
}

#customers.threeDee ul.ch-grid li .ch-img-0,#customers.threeDee ul.ch-grid li .ch-img-1,#customers.threeDee ul.ch-grid li .ch-img-2,#customers.threeDee ul.ch-grid li .ch-img-3,#customers.threeDee ul.ch-grid li .ch-img-4,#customers.threeDee ul.ch-grid li .ch-img-5,#customers.threeDee ul.ch-grid li .ch-img-6,#customers.threeDee ul.ch-grid li .ch-img-7,#customers.threeDee ul.ch-grid li .ch-img-8,#customers.threeDee ul.ch-grid li .ch-img-9 {
    background: url("../images/home-sprite-mm.jpg")
}

#customers.threeDee ul.ch-grid li .ch-img-2 p {
    padding: 28px 5px !important
}

#customers.threeDee ul.ch-grid li .ch-img-5 p,#customers.threeDee ul.ch-grid li .ch-img-6 p {
    padding: 22px 5px !important
}

#customers.threeDee ul.ch-grid li .ch-img-8 p {
    padding: 27px 5px !important
}

#customers.threeDee ul.ch-grid li .ch-img-1 {
    background-position: 0px -162px !important
}

#customers.threeDee ul.ch-grid li .ch-img-2 {
    background-position: -122px -162px !important
}

#customers.threeDee ul.ch-grid li .ch-img-3 {
    background-position: -244px -162px !important
}

#customers.threeDee ul.ch-grid li .ch-img-4 {
    background-position: 0px -263px !important
}

#customers.threeDee ul.ch-grid li .ch-img-5 {
    background-position: -122px -263px !important
}

#customers.threeDee ul.ch-grid li .ch-img-6 {
    background-position: -244px -263px !important
}

#customers.threeDee ul.ch-grid li .ch-img-7 {
    background-position: 0px -353px !important
}

#customers.threeDee ul.ch-grid li .ch-img-8 {
    background-position: -122px -353px !important
}

#customers.threeDee ul.ch-grid li .ch-img-9 {
    background-position: -244px -353px !important
}

@-moz-document url-prefix() {
    #customers.threeDee.retail ul.ch-grid li {
        margin-bottom: -6px
    }
}

.lang-en ul.ch-grid.ch-customers {
    left: -1px !important
}

.padding-bottom-100 {
    padding-bottom: 100px !important
}

.mod-block .mod-section .green {
    color: #618400
}

.mod-block .mod-section .centered {
    clear: both;
    display: block;
    left: 50%;
    margin: 0 0 0 -25%;
    position: relative;
    text-align: center;
    width: 50%
}

.mod-block .mod-section .centered span {
    display: block;
    padding: 20px;
    line-height: 1
}

.mod-block .mod-section .float-left {
    display: block;
    float: left
}

.mod-block .mod-section .float-right {
    display: block;
    float: right
}

.mod-block .mod-section .no-margin {
    margin: 0 !important
}

.mod-block .mod-section .mod-title-headline {
    color: #2d2d2d;
    font: 3em/1 DNLTL;
    margin-bottom: 20px;
    text-align: center
}

.mod-block .mod-section .mod-title-small-headline {
    color: #2d2d2d;
    font: 46px DNLTL;
    margin-bottom: 20px;
    text-align: center
}

.mod-block .mod-section .mod-title-subheadline {
    font: 2.65em/1 DNLTUL
}

.mod-block .mod-section .mod-title-tagline {
    font: .9em/1.25 PNR;
    margin: 0 auto 20px;
    text-align: center;
    width: 90%;
    line-height: 25px;
}

.mod-block .mod-section .mod-title-huge {
    font: 85px/1.25 DNLTUL
}

.mod-block .mod-section .text-centered {
    text-align: center
}

.mod-block .mod-section span.icon {
    background: url("../images/icon-lineart-sprite-mini.png") transparent no-repeat left -127px;
    display: block;
    width: 132px;
    height: 123px;
    margin: 10px auto;
    opacity: .9
}

.mod-block .mod-section span.icon:hover {
    background-position: -129px -127px
}

.mod-block .mod-section .cta {
    margin-top: 0
}

.mod-block .mod-section .cta.btn-large {
    padding: 20px 15px !important;
    min-width: 180px
}

.mod-block .mod-section .cta.btn-gray {
    color: #2d2d2d !important
}

.mod-block .mod-section .cta.btn-gray:hover {
    color: white !important
}

.home-tour .button.register {
    float: right !important
}

.home-tour header {
    padding-top: 9px
}

.home-tour header .site-title {
    float: left;
    padding-bottom: 13px;
    position: relative;
    margin-top: 12px
}

.home-tour header .site-title a {
    display: block;
    width: 190px;
    height: 60px;
    background: url("../images/logo-zendesk_2X.png") -10px 0;
    background-size: 205px auto
}

@media only screen and (max-width: 700px) {
    .home-tour header .site-title a {
        background-size:auto 100px !important;
        width: 135px !important;
        height: 45px !important
    }

    .home-tour header .site-title a:hover {
        top: 0;
        left: 0
    }
}

.home-tour header .button {
    float: right;
    margin-top: 23px;
    padding: 14px 17px 12px;
    font: 15px/1 DNRB !important
}

.home-tour header .button.register {
    padding: 10px 14px 8px;
    border: 1px solid #E96600;
    margin-left: 10px;
    -webkit-box-shadow: 0px 2px 3px 0px #cacaca;
    -moz-box-shadow: 0px 2px 3px 0px #cacaca;
    -ms-box-shadow: 0px 2px 3px 0px #cacaca;
    -o-box-shadow: 0px 2px 3px 0px #cacaca;
    box-shadow: 0px 2px 3px 0px #cacaca
}

@media only screen and (max-width: 700px) {
    .home-tour header .button.register {
        padding:10px 4px 8px;
        font-size: 0.85em !important
    }
}

.home-tour .mod-block {
    clear: both;
    overflow: hidden
}

.home-tour .mod-block .button-gray {
    background: #e3e3e3
}

.home-tour .mod-block .button-dark {
    background: #3d3d3d;
    color: #fff
}

.home-tour .mod-block .button-dark:hover {
    -webkit-text-shadow: 1px 1px 0 #000;
    -moz-text-shadow: 1px 1px 0 #000;
    -ms-text-shadow: 1px 1px 0 #000;
    -o-text-shadow: 1px 1px 0 #000;
    text-shadow: 1px 1px 0 #000
}

.home-tour .mod-block .button-dark,.home-tour .mod-block .button-gray {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none
}

.home-tour .mod-block div.signup .cta p {
    font-size: 15px
}

.home-tour .mod-block .spotlight-wrap {
    background: transparent
}

.home-tour .mod-block .spotlight-wrap img {
    margin-left: -100px;
    margin-top: -240px
}

.home-tour .mod-block .mod-wrapper {
    color: #666;
    margin: 0 auto;
    clear: both;
    position: relative;
    overflow: hidden;
    display: block
}

.home-tour .mod-block .mod-tab {
    margin: 0 auto
}

.home-tour .mod-block .mod-title-top {
    font: 17px DNLTM;
    text-transform: uppercase;
    margin-bottom: 20px;
    letter-spacing: 1px
}

.home-tour .mod-block .mod-title-main {
    color: #78a300;
    font: 88px/80px DNLTUL;
    margin: 0 0 30px
}

@media only screen and (max-width: 975px) {
    .home-tour .mod-block .mod-title-main {
        font:64px/1 DNLTUL
    }
}

@media only screen and (max-width: 700px) {
    .home-tour .mod-block .mod-title-main {
        font:48px/1 DNLTUL
    }
}

.home-tour .mod-block .mod-title-main span {
    display: block;
    font: 96.84px/88.84px DNLTUL;
    color: #bbb;
    text-transform: uppercase
}

.home-tour .mod-block .mod-content {
    font: 16px/20px DNLTR;
    margin-bottom: 40px
}

.home-tour .mod-block .mod-section {
    position: relative;
    margin: 0 auto;
    overflow: visible;
    padding: 100px 0;
    width: 965px;
    min-height: 300px
}

@media only screen and (max-width: 975px) {
    .home-tour .mod-block .mod-section {
        background-size:30%;
        background-position-y: bottom !important;
        padding: 100px 4%;
        width: 92%
    }
}

@media only screen and (max-width: 778px) {
    .home-tour .mod-block .mod-section {
        min-height:400px
    }
}

@media only screen and (max-width: 700px) {
    .home-tour .mod-block .mod-section {
        background-size:0%;
        padding: 20% 0
    }
}

.home-tour .mod-block .mod-section.slideshown aside {
    position: absolute;
    z-index: 4
}

.home-tour .mod-block .mod-section .author {
    font: 22px/26px PNLI
}

.home-tour .mod-block .mod-section aside {
    font: 18px/22px PNR
}

.home-tour .mod-block .mod-section .mod-content {
    font: 26px/30px PNL;
    margin-bottom: 40px
}

.home-tour .mod-block .mod-section .mod-content span {
    font-family: DNLTLI
}

.home-tour .mod-block .mod-section .quote {
    color: #fff;
    font: 50px/60px DNLTL;
    width: 82%;
    margin: 35px 0
}

.home-tour .mod-block .mod-section .small-text,.home-tour .mod-block .mod-section .small-text p {
    font: 16px/20px DNLTR
}

.home-tour .mod-block .mod-section .tiny-sized p {
    font: 16px/22px DNLTR;
    text-align: center;
    margin-top: 10px;
    padding-right: 16px
}

.home-tour .mod-block .mod-section .giant-sized {
    font: 208px/180px DNLTUL;
    margin-top: 20px;
    letter-spacing: -6px
}

.home-tour .mod-block .mod-section .cta {
    display: block;
    position: relative;
    float: left;
    padding: 11px 15px 7px;
    margin-top: 0;
    font: 16px/16px DNRM;
    text-align: center;
    text-transform: uppercase;
    color: #666;
    z-index: 100;
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px
}

@media only screen and (max-width: 778px) {
    .home-tour .mod-block .mod-section .cta {
        padding:24px 45px 20px
    }
}

.home-tour .mod-block .mod-section .cta:hover {
    color: #fff;
    background: #666;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear
}

.home-tour .mod-block .mod-section .cta.btn-plain {
    padding: 0;
    color: #005CA1;
    background: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none
}

.home-tour .mod-block .mod-section .cta.btn-plain:hover {
    color: #fff;
    background: #666
}

.home-tour .mod-block .mod-section .cta.btn-white {
    color: #666;
    background: #fff
}

.home-tour .mod-block .mod-section .cta.btn-white:hover {
    color: #fff;
    background: #bbb
}

.home-tour .mod-block .mod-section .cta.btn-gray {
    color: #fff;
    background: #bbb
}

.home-tour .mod-block .mod-section .cta.btn-gray:hover {
    color: #fff;
    background: #666
}

.home-tour .mod-block .mod-section .cta.btn-dark-gray {
    color: #fff;
    background: #666
}

.home-tour .mod-block .mod-section .cta.btn-dark-gray:hover {
    color: #fff;
    background: #333
}

.home-tour .mod-block .mod-section .cta.btn-orange {
    color: #fff;
    background: #FFAC1A
}

.home-tour .mod-block .mod-section .cta.btn-orange:hover {
    color: #fff;
    background: #E97000
}

.home-tour .mod-block .mod-section .right-sided {
    float: right
}

.home-tour .mod-block .mod-section .left-sided {
    float: left
}

.home-tour .mod-block .mod-section .cust-logos li {
    display: block;
    float: right;
    margin-bottom: 20px;
    height: 140px;
    width: 300px
}

.home-tour .mod-block ul.cust-logos {
    position: relative;
    display: block;
    text-align: center
}

.home-tour .mod-block ul.cust-logos li {
    display: inline-block;
    position: relative
}

.home-tour .mod-block .hexaflip-cube {
    display: inline-block;
    position: relative;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: -webkit-transform 0.4s;
    -moz-transition: -moz-transform 0.4s;
    -o-transition: -o-transform 0.4s;
    transition: transform 0.4s
}

.home-tour .mod-block .hexaflip-cube.no-tween {
    -webkit-transition-duration: 0;
    -moz-transition-duration: 0;
    -o-transition-duration: 0;
    transition-duration: 0
}

.home-tour .mod-block .hexaflip-cube>div {
    width: 100%;
    overflow: hidden;
    height: 100.5%;
    position: absolute;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center center;
    line-height: 1.5;
    transition: transform 0.4s
}

.home-tour .mod-block .hexaflip-left,.home-tour .mod-block .hexaflip-right {
    background-color: #fff !important;
    background-repeat: no-repeat;
    background-position: center center
}

.home-tour .mod-block .hexaflip-timepicker .hexaflip-cube:last-child>div:nth-child(odd) {
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center center
}

.home-tour .mod-block .slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.home-tour .mod-block .slide-img {
    display: block;
    position: relative;
    width: 100%;
    min-height: 500px;
    margin: 0 auto
}

.home-tour footer .lotus {
    height: 60px;
    top: 0
}

.home-tour .mastfoot {
    padding-top: 30px;
    background-color: #fafafa
}

.home-tour .mastfoot .mastfoot-colophon {
    margin: -10px 0 0 0
}

@media only screen and (max-width: 778px) {
    .home-tour .mastfoot .mastfoot-colophon {
        margin:-10px 5% 0;
        width: 90%
    }
}

.home-tour .mastfoot .mastfoot-bottom {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none
}

.home-tour .clear {
    clear: both
}

.home-tour ~ .mastfoot {
    padding-top: 0
}

.home-tour .splash {
    margin-bottom: 0;
    padding-top: 0
}

.home-tour .the-video {
    position: relative;
    text-align: center;
    height: 761px;
    color: #fff;
    overflow: hidden;
    background-color: #fff
}

@media only screen and (max-width: 1200px) {
    .home-tour .the-video {
        max-height:609px
    }
}

@media only screen and (max-width: 975px) {
    .home-tour .the-video {
        height:761px;
        background: transparent url("../images/video-the-detractor.jpg") no-repeat;
        background-size: cover;
        background-position: center
    }
}

@media only screen and (max-width: 700px) {
    .home-tour .the-video {
        height:400px;
        background: transparent url("../images/video-the-detractor.jpg") no-repeat;
        background-size: cover;
        background-position: center top
    }
}

.home-tour .the-video .inner {
    padding-top: 70px
}

.home-tour .the-video .inner {
    position: absolute;
    top: 70px;
    left: 0px;
    right: 0px;
    margin: 0px auto;
    z-index: 3;
    padding-top: 0px
}

@media only screen and (max-width: 1200px) {
    .home-tour .the-video .inner {
        height:100%;
        width: auto
    }
}

@media only screen and (max-width: 975px) {
    .home-tour .the-video .inner {
        position:relative;
        padding-top: 70px;
        top: 0px
    }
}

@media only screen and (max-width: 700px) {
    .home-tour .the-video .inner {
        padding-top:10%
    }
}

.home-tour .the-video .video-container {
    height: 100%;
    z-index: 2
}

.home-tour .the-video .video-container video {
    width: 100%;
    display: block
}

@media only screen and (min-width: 1570px) {
    .home-tour .the-video .video-container video {
        margin-top:-150px
    }
}

@media only screen and (max-width: 975px) {
    .home-tour .the-video .video-container {
        display:none
    }
}

.home-tour .the-video .sub {
    font: 2.5em/1 DNLTL;
    margin: 0px auto 20px;
    max-width: 750px
}

@media only screen and (max-width: 975px) {
    .home-tour .the-video .sub {
        font:2.5em/1 DNLTUL
    }
}

@media only screen and (max-width: 700px) {
    .home-tour .the-video .sub {
        font:1.3em/1 DNLTL;
        margin: 0px auto 20px;
        max-width: 90%
    }
}

.home-tour .the-video .title {
    font: 3.5em/1 DNLTL;
    margin-bottom: 70px
}

@media only screen and (max-width: 975px) {
    .home-tour .the-video .title {
        font:3.5em/1 DNLTUL
    }
}

@media only screen and (max-width: 700px) {
    .home-tour .the-video .title {
        font:1.8em/1 DNLTL;
        margin-bottom: 0
    }
}

.home-tour .the-video .play-btn {
    background: transparent url("../images/play-arrow-large-white.png") center center no-repeat;
    height: 189px;
    width: 189px;
    min-width: 100px;
    background-size: 90%;
    display: block;
    margin: 0 auto;
    -webkit-opacity: 0.8;
    -moz-opacity: 0.8;
    -ms-opacity: 0.8;
    -o-opacity: 0.8;
    opacity: 0.8
}

@media only screen and (max-width: 700px) {
    .home-tour .the-video .play-btn {
        background-size:70%
    }
}

.home-tour .the-video .play-btn .border {
    background: transparent url("../images/play-arrow-large-white-hover.png") center center no-repeat;
    background-size: 90%;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    display: block
}

@media only screen and (max-width: 700px) {
    .home-tour .the-video .play-btn .border {
        background-size:70%
    }
}

.home-tour .the-video .play-btn:hover .border {
    filter: alpha(opacity=90);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -ms-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s
}

@media only screen and (max-width: 975px) {
    .home-tour .the-video .play-btn {
        height:200px;
        width: 200px;
        margin: 20px auto 0px
    }
}

@media only screen and (max-width: 975px) {
    .home-tour .mod-block {
        width:100% !important
    }
}

@media only screen and (max-width: 778px) {
    .home-tour .mod-block .mod-wrapper {
        min-height:0;
        height: auto !important
    }
}

.home-tour .mod-block .mod-wrapper .mod-section {
    padding-top: 80px
}

@media only screen and (max-width: 975px) {
    .home-tour .mod-block .mod-wrapper .mod-section {
        min-height:400px;
        height: expression(this.scrollHeight < 401 ? "400px" : "auto" );
        padding: 10% 3% !important;
        width: 92% !important
    }
}

@media only screen and (max-width: 778px) {
    .home-tour .mod-block .mod-wrapper .mod-section {
        overflow:hidden
    }
}

@media only screen and (max-width: 700px) {
    .home-tour .mod-block .mod-wrapper .mod-section {
        padding:16% 3% !important
    }
}

@media only screen and (max-width: 700px) {
    .home-tour .mod-block .mod-wrapper .mod-section img {
    }
}

@media only screen and (max-width: 975px) {
    .home-tour .mod-block .mod-wrapper .mod-section .centered {
        margin-left:-35%;
        width: 70%
    }
}

@media only screen and (max-width: 700px) {
    .home-tour .mod-block .mod-wrapper .mod-section .centered {
        left:0 !important;
        margin: 0 auto !important;
        width: 100% !important
    }
}

@media only screen and (max-width: 975px) {
    .home-tour .mod-block .mod-wrapper .mod-section .centered .cta {
        padding:20px 0 !important;
        width: 46% !important;
        min-width: 0 !important
    }
}

@media only screen and (max-width: 975px) {
    .home-tour .mod-block .mod-wrapper .mod-section .centered span {
        padding:20px 2%
    }
}

.home-tour .mod-block .mod-wrapper .mod-section .cta.btn-gray {
    background: #e5e5e5
}

.home-tour .mod-block .mod-wrapper .mod-section .cta.btn-gray:hover {
    background: gray
}

.home-tour .mod-block .mod-wrapper .play-btn {
    background: transparent url("../images/play-arrow-buddhi.png") top center no-repeat;
    height: 100%;
    width: 100%;
    min-width: 100px;
    background-size: 12%;
    display: block;
    position: absolute;
    margin: 0 auto
}

.home-tour .mod-block .mod-wrapper .play-btn:hover .border {
    opacity: .9;
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -ms-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s
}

.home-tour .mod-block .mod-wrapper .play-btn .border {
    background: transparent url("../images/play-arrow-buddhi-hover.png") top center no-repeat;
    background-size: 12%;
    opacity: 0;
    height: 100%;
    width: 100%;
    min-width: 100px;
    display: block
}

@media only screen and (max-width: 778px) {
    .home-tour .mod-block .mod-wrapper.padding-bottom-100 {
        padding-bottom:0 !important
    }
}

.home-tour .mod-block .mod-wrapper.inspire {
    background: #78a300 url(./public/assets./images/p-home/bg-green-map.png) top right no-repeat;
    background-size: auto 100%;
    color: #fff;
    min-height: 0;
    padding: 25px 0
}

.home-tour .mod-block .mod-wrapper.inspire .mod-section {
    padding: 30px 0 5px;
    min-height: 0
}

.home-tour .mod-block .mod-wrapper.inspire .mod-section h2 {
    color: #FFF;
    font: 49px/1 DNLTL;
    margin-bottom: 5px;
    text-align: left;
    width: 100%
}

@media only screen and (max-width: 975px) {
    .home-tour .mod-block .mod-wrapper.inspire .mod-section h2 {
        font:49px/1 DNLTUL
    }
}

.home-tour .mod-block .mod-wrapper.inspire .mod-section p {
    color: #FFF;
    text-align: left;
    float: left;
    width: 60%
}

@media only screen and (max-width: 778px) {
    .home-tour .mod-block .mod-wrapper.inspire .mod-section p {
        float:none;
        width: 100%
    }
}

.home-tour .mod-block .mod-wrapper.inspire .mod-section a.cta.btn-gray {
    background: #fff;
    float: right
}

@media only screen and (max-width: 778px) {
    .home-tour .mod-block .mod-wrapper.inspire .mod-section a.cta.btn-gray {
        float:none
    }
}

.home-tour .mod-block .mod-wrapper.inspire .mod-section a.cta.btn-gray:hover {
    background: #222
}

.home-tour .mod-block .mod-wrapper.tri-iconage {
    background: white
}

.home-tour .mod-block .mod-wrapper.tri-iconage h2 {
    font-family: DNLTL !important
}

@media only screen and (max-width: 700px) {
    .home-tour .mod-block .mod-wrapper.tri-iconage h2 {
        font-size:1.6em !important;
        line-height: 1.1
    }
}

@media only screen and (max-width: 778px) {
    .home-tour .mod-block .mod-wrapper.tri-iconage p {
        margin:0 -11px 40px
    }
}

@media only screen and (max-width: 700px) {
    .home-tour .mod-block .mod-wrapper.tri-iconage .centered {
        left:0 !important;
        margin: 0 auto !important;
        width: 100% !important
    }

    .home-tour .mod-block .mod-wrapper.tri-iconage .centered .cta {
        float: none;
        padding: 8% 0 !important;
        margin: 10px auto 0 !important;
        width: auto !important;
        max-width: 250px
    }

    .home-tour .mod-block .mod-wrapper.tri-iconage .centered span {
        display: none
    }
}

@media only screen and (max-width: 700px) {
    .home-tour .mod-block .mod-wrapper.tri-iconage .mod-section {
        padding:8% 3% 16% !important
    }
}

@media only screen and (max-width: 778px) {
    .home-tour .mod-block .mod-wrapper.tri-iconage h1,.home-tour .mod-block .mod-wrapper.tri-iconage h2 {
        font-family:DNLTUL;
        font-size: 2em
    }
}

@media only screen and (max-width: 700px) {
    .home-tour .mod-block .mod-wrapper.tri-iconage h1,.home-tour .mod-block .mod-wrapper.tri-iconage h2 {
        font-size:2em;
        font-family: DNLTUL;
        text-align: left
    }
}

@media only screen and (max-width: 700px) {
    .home-tour .mod-block .mod-wrapper.tri-iconage h3 {
        text-align:left;
        width: auto
    }
}

@media only screen and (max-width: 700px) {
    .home-tour .mod-block .mod-wrapper.tri-iconage h2,.home-tour .mod-block .mod-wrapper.tri-iconage h3 {
        margin-left:5%
    }
}

.home-tour .mod-block .mod-wrapper.tri-iconage .water {
    position: absolute;
    top: 103px;
    right: 77px;
    width: 55px;
    height: 41px;
    background-image: url("../images/sprite-icons.png");
    background-size: 805px 164px;
    background-position: 50px -92px
}

@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
    .home-tour .mod-block .mod-wrapper.tri-iconage .water {
        background-image:url("../images/sprite-icons-2X.png");
        background-size: 805px 164px
    }
}

.home-tour .mod-block .mod-wrapper.tri-iconage .mask {
    top: 80px;
    display: block;
    width: 100px;
    height: 100px;
    background: #fff;
    position: absolute;
    right: 45px
}

.home-tour .mod-block .mod-wrapper.tri-iconage .flowers {
    display: block;
    background-position: center top;
    background-image: url("../images/icons-flowers.png");
    background-size: 101px 117px;
    height: 44px;
    width: 101px;
    position: absolute;
    right: 112px;
    top: 128px
}

@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
    .home-tour .mod-block .mod-wrapper.tri-iconage .flowers {
        background-image:url("../images/icons-flowers-2X.png");
        background-size: 101px 117px
    }
}

.home-tour .mod-block .mod-wrapper.tri-iconage .pot {
    display: block;
    background-position: center bottom;
    background-image: url("../images/icons-pot.png");
    background-size: 121px 101px;
    height: 101px;
    width: 121px;
    position: absolute;
    right: 131px;
    top: 19px
}

@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
    .home-tour .mod-block .mod-wrapper.tri-iconage .pot {
        background-image:url("../images/icons-pot-2X.png");
        background-size: 121px 101px
    }
}

.home-tour .mod-block .mod-wrapper.tri-iconage .base {
    display: block;
    background-position: center 4px;
    background-image: url("../images/icons-bellbase.png");
    background-size: 135px 126px;
    position: absolute;
    height: 126px;
    width: 145px;
    position: absolute;
    right: 90px;
    top: -1px;
    border-bottom: 4px solid #96b12d
}

@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
    .home-tour .mod-block .mod-wrapper.tri-iconage .base {
        background-image:url("../images/icons-bellbase-2X.png");
        background-size: 135px 126px
    }
}

.home-tour .mod-block .mod-wrapper.tri-iconage .bell {
    display: block;
    background-position: center bottom;
    background-image: url("../images/icons-bell.png");
    background-size: 135px 126px;
    height: 126px;
    width: 135px;
    position: absolute;
    right: 96px;
    top: 0px
}

@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
    .home-tour .mod-block .mod-wrapper.tri-iconage .bell {
        background-image:url("../images/icons-bell-2X.png");
        background-size: 135px 126px
    }
}

.home-tour .mod-block .mod-wrapper.tri-iconage .fingers {
    display: block;
    background-position: center bottom;
    background-image: url("../images/icons-fingers.png");
    background-size: 135px 126px;
    height: 126px;
    width: 135px;
    position: absolute;
    right: 96px;
    top: -15px
}

@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
    .home-tour .mod-block .mod-wrapper.tri-iconage .fingers {
        background-image:url("../images/icons-fingers-2X.png");
        background-size: 135px 126px
    }
}

.home-tour .mod-block .mod-wrapper.tri-iconage .splash {
    background: white;
    width: 3px;
    height: 3px;
    border: 4px solid #96b12d;
    border-radius: 20px 15px 20px 0;
    display: block;
    position: absolute;
    opacity: 0;
    top: 65px;
    right: 168px
}

.home-tour .mod-block .mod-wrapper.tri-iconage .splash.splash-left {
    border-radius: 15px 30px 0px 30px;
    top: 66px;
    right: 175px;
    width: 5px;
    height: 5px
}

.home-tour .mod-block .mod-wrapper.tri-iconage .splash.splash-tiny {
    border-radius: 50%;
    width: 6px;
    height: 6px;
    border: 0;
    background: #96b12d;
    top: 66px;
    right: 168px
}

.home-tour .mod-block .mod-wrapper.tri-iconage .drink {
    display: block;
    border: 4px solid #96b12d;
    border-top: none;
    border-bottom: none;
    height: 61px;
    width: 6px;
    position: absolute;
    right: 169px;
    top: -52px
}

.home-tour .mod-block .mod-wrapper.tri-iconage .hand {
    display: block;
    background-position: center bottom;
    background-image: url("../images/icons-hand.png");
    background-size: 134px 75px;
    height: 75px;
    width: 134px;
    position: absolute;
    right: -15px;
    top: 65px
}

@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
    .home-tour .mod-block .mod-wrapper.tri-iconage .hand {
        background-image:url("../images/icons-hand-2X.png");
        background-size: 134px 75px
    }
}

@media only screen and (max-width: 975px) {
    .home-tour .mod-block .mod-wrapper.tri-iconage span.hand,.home-tour .mod-block .mod-wrapper.tri-iconage span.splash,.home-tour .mod-block .mod-wrapper.tri-iconage span.drink,.home-tour .mod-block .mod-wrapper.tri-iconage span.pot,.home-tour .mod-block .mod-wrapper.tri-iconage span.flowers,.home-tour .mod-block .mod-wrapper.tri-iconage span.water,.home-tour .mod-block .mod-wrapper.tri-iconage span.bell,.home-tour .mod-block .mod-wrapper.tri-iconage span.base,.home-tour .mod-block .mod-wrapper.tri-iconage span.fingers {
        display:none
    }
}

.home-tour .mod-block .mod-wrapper.tri-iconage .border {
    display: block;
    background-position: center bottom;
    background-image: url("../images/icons-knockout.png");
    background-size: 360px 288px;
    height: 194px;
    width: 360px;
    margin-left: -60px;
    margin-top: -20px;
    position: relative;
    margin-bottom: 0;
    border-bottom: 20px solid white
}

@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
    .home-tour .mod-block .mod-wrapper.tri-iconage .border {
        background-image:url("../images/icons-knockout-2X.png");
        background-size: 360px 288px
    }
}

@media only screen and (max-width: 975px) {
    .home-tour .mod-block .mod-wrapper.tri-iconage .border {
        background-image:url("../images/sprite-icons.png");
        background-size: 805px 164px;
        background-position: -320px -2px;
        margin: 10px auto 20px;
        height: 163px;
        width: 164px
    }
}

@media only screen and (max-width: 975px) and (min--moz-device-pixel-ratio: 1.3), only screen and (max-width: 975px) and (-o-min-device-pixel-ratio: 2.6 / 2), only screen and (max-width: 975px) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (max-width: 975px) and (min-device-pixel-ratio: 1.3), only screen and (max-width: 975px) and (min-resolution: 1.3dppx) {
    .home-tour .mod-block .mod-wrapper.tri-iconage .border {
        background-image:url("../images/sprite-icons-2X.png");
        background-size: 805px 164px
    }
}

@media only screen and (max-width: 700px) {
    .home-tour .mod-block .mod-wrapper.tri-iconage .border {
        margin-bottom:15px;
        border-bottom: 0
    }
}

.home-tour .mod-block .mod-wrapper.tri-iconage h4.h-rev,.home-tour .mod-block .mod-wrapper.tri-iconage .mobile-modal .mobile-modal-list li h5.h-rev,.mobile-modal .mobile-modal-list li .home-tour .mod-block .mod-wrapper.tri-iconage h5.h-rev {
    margin-bottom: 10px !important;
    background: white;
    z-index: 2;
    display: block;
    position: relative
}

.home-tour .mod-block .mod-wrapper.tri-iconage li {
    position: relative;
    display: block;
    float: left;
    text-align: center;
    overflow: hidden;
    margin: 0 auto;
    width: 25.3%;
    padding: 0 4%
}

@media only screen and (max-width: 700px) {
    .home-tour .mod-block .mod-wrapper.tri-iconage li {
        float:none;
        width: 90%
    }
}

@media only screen and (max-width: 975px) {
    .home-tour .mod-block .mod-wrapper.tri-iconage li.three span.border {
        background-position:-641px 0
    }
}

@media only screen and (max-width: 975px) {
    .home-tour .mod-block .mod-wrapper.tri-iconage li.one span.border {
        background-position:0 0
    }
}

.home-tour .mod-block .mod-wrapper.tri-iconage p {
    color: #2d2d2d;
    font: .9em/1.25 PNR
}

.home-tour .mod-block .mod-wrapper.benchmark-customers {
    background: #2d2a2a url("../images/benchmark-countries.png") no-repeat right bottom
}

@media only screen and (max-width: 778px) {
    .home-tour .mod-block .mod-wrapper.benchmark-customers {
        background-size:80%
    }
}

.home-tour .mod-block .mod-wrapper.benchmark-customers .mod-section {
    color: #d3d3d3
}

@media only screen and (max-width: 778px) {
    .home-tour .mod-block .mod-wrapper.benchmark-customers .mod-section {
        width:80%
    }

    .home-tour .mod-block .mod-wrapper.benchmark-customers .mod-section h2 {
        font-size: 2.35em
    }
}

.home-tour .mod-block .mod-wrapper.benchmark-customers .left-sided {
    width: 42%;
    padding-right: 10%
}

@media only screen and (max-width: 700px) {
    .home-tour .mod-block .mod-wrapper.benchmark-customers .left-sided {
        width:100%;
        margin: 0 auto;
        float: none;
        text-align: center
    }

    .home-tour .mod-block .mod-wrapper.benchmark-customers .left-sided .cta {
        float: none;
        padding: 8% 0 !important;
        margin: 10px auto 0 !important;
        max-width: 250px
    }
}

.home-tour .mod-block .mod-wrapper.benchmark-customers h2 {
    color: white
}

@media only screen and (max-width: 700px) {
    .home-tour .mod-block .mod-wrapper.benchmark-customers h2 {
        font-size:2em
    }
}

.home-tour .mod-block .mod-wrapper.benchmark-customers .right-sided {
    float: left
}

@media only screen and (max-width: 700px) {
    .home-tour .mod-block .mod-wrapper.benchmark-customers .right-sided {
        display:none
    }
}

.home-tour .mod-block .mod-wrapper.benchmark-customers .right-sided a:hover img {
    -webkit-transform: rotate(8deg);
    -moz-transform: rotate(8deg);
    -ms-transform: rotate(8deg);
    -o-transform: rotate(8deg);
    transform: rotate(8deg)
}

.home-tour .mod-block .mod-wrapper.benchmark-customers .right-sided img {
    float: left;
    margin-top: 55px;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear
}

@media only screen and (max-width: 778px) {
    .home-tour .mod-block .mod-wrapper.benchmark-customers .right-sided img {
        margin-right:8%
    }
}

.home-tour .mod-block .mod-wrapper.customers-testimonial {
    background-color: #f9f9f9
}

@media only screen and (max-width: 700px) {
    .home-tour .mod-block .mod-wrapper.customers-testimonial h2 {
        font-size:3.25em
    }
}

@media only screen and (max-width: 700px) {
    .home-tour .mod-block .mod-wrapper.customers-testimonial h3 {
        font-size:1.75em
    }
}

.home-tour .mod-block .mod-wrapper.customers-testimonial ul {
    margin: 50px auto;
    overflow: visible;
    text-align: center
}

@media only screen and (max-width: 778px) {
    .home-tour .mod-block .mod-wrapper.customers-testimonial ul {
        margin:20px auto
    }
}

@media only screen and (max-width: 700px) {
    .home-tour .mod-block .mod-wrapper.customers-testimonial ul {
        overflow:hidden;
        width: 100%
    }
}

.home-tour .mod-block .mod-wrapper.customers-testimonial li {
    display: inline
}

.home-tour .mod-block .mod-wrapper.customers-testimonial li a {
    display: inline-block;
    height: 100px;
    width: 140px;
    position: relative;
    margin: 0 2%;
    background-position: -50px -35px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear
}

@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
    .home-tour .mod-block .mod-wrapper.customers-testimonial li a {
        background-size:1003px 181px;
        background-position: -50px -35px
    }
}

@media only screen and (max-width: 778px) {
    .home-tour .mod-block .mod-wrapper.customers-testimonial li a {
        margin:0 5px
    }
}

@media only screen and (max-width: 700px) {
    .home-tour .mod-block .mod-wrapper.customers-testimonial li a {
        margin:0
    }
}

.home-tour .mod-block .mod-wrapper.customers-testimonial li a:hover {
}

@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
    .home-tour .mod-block .mod-wrapper.customers-testimonial li a:hover {
        background-image:url("../images/sprite-customers-hover-2X.png");
        background-size: 1003px 181px;
        background-position: -50px -35px
    }
}

.home-tour .mod-block .mod-wrapper.customers-testimonial li.two a {
    background-position: -228px -45px
}

.home-tour .mod-block .mod-wrapper.customers-testimonial li.three a {
    background-position: -420px -45px
}

.home-tour .mod-block .mod-wrapper.customers-testimonial li.four a {
    background-position: -802px -30px
}

@media only screen and (max-width: 778px) {
    .home-tour .mod-block .mod-wrapper.customers-testimonial li.five {
        display:none
    }
}

.home-tour .mod-block .mod-wrapper.customers-testimonial li.five a {
    background-position: -614px -35px
}

.home-tour .mod-block .mod-wrapper.module-insights {
    background: #4BBAE6;
    color: #fff
}

@media only screen and (max-width: 975px) {
    .home-tour .mod-block .mod-wrapper.module-insights {
        background:#4bbae6 url("../images/ico-bg3-2X.png") bottom right no-repeat !important;
        background-size: auto 60% !important
    }
}

@media only screen and (max-width: 700px) {
    .home-tour .mod-block .mod-wrapper.module-insights {
        background-position:68px 232px !important
    }
}

.home-tour .mod-block .mod-wrapper.module-insights .mod-section {
    padding: 70px 0 0;
    height: 400px
}

.home-tour .mod-block .mod-wrapper.module-insights .mod-section .animate {
    position: absolute;
    top: auto;
    padding-top: 0;
    height: 100%;
    width: 60%;
    right: 0;
    bottom: 0
}

@media only screen and (max-width: 975px) {
    .home-tour .mod-block .mod-wrapper.module-insights .mod-section .animate {
        display:none
    }
}

.home-tour .mod-block .mod-wrapper.module-insights .mod-section .animate .explosm,.home-tour .mod-block .mod-wrapper.module-insights .mod-section .animate .toxic-goo-1,.home-tour .mod-block .mod-wrapper.module-insights .mod-section .animate .toxic-goo-2,.home-tour .mod-block .mod-wrapper.module-insights .mod-section .animate .beaker,.home-tour .mod-block .mod-wrapper.module-insights .mod-section .animate .toxic-trickle-1,.home-tour .mod-block .mod-wrapper.module-insights .mod-section .animate .toxic-trickle-2 {
    display: none
}

.home-tour .mod-block .mod-wrapper.module-insights .mod-section .animate .goggles-1 {
    height: 45px;
    width: 45px;
    right: 165px;
    top: 180px
}

.home-tour .mod-block .mod-wrapper.module-insights .mod-section .animate .goggles-2 {
    height: 45px;
    width: 45px;
    right: 215px;
    top: 180px
}

.home-tour .mod-block .mod-wrapper.module-insights .mod-section .animate .flame {
    top: 282px;
    border-width: 0 3px 8px 3px;
    left: 257px
}

.home-tour .mod-block .mod-wrapper.module-insights .mod-section .animate .bench {
    height: 203px;
    width: 93px;
    bottom: -83px;
    right: 220px;
    -webkit-animation: none;
    -moz-animation: none;
    -ms-animation: none;
    -o-animation: none;
    animation: none
}

.home-tour .mod-block .mod-wrapper.module-insights .mod-section .animate .beaker {
    margin-top: 8px;
    right: 80px;
    height: 58px;
    width: 45px
}

.home-tour .mod-block .mod-wrapper.module-insights .mod-section .animate .scope {
    border: 2px solid #1F718C;
    width: 7px;
    height: 38px;
    left: 173px;
    top: 226px;
    margin: 20px 0 0
}

.home-tour .mod-block .mod-wrapper.module-insights .mod-section .animate .bubbles {
    margin-top: 106px;
    left: 164px
}

.home-tour .mod-block .mod-wrapper.module-insights .mod-section .animate .bubbles span {
    border-width: 2px
}

.home-tour .mod-block .mod-wrapper.module-insights .mod-section .animate .bubbles-t span.two {
    left: 440px;
    margin-top: 155px;
    border-width: 2px
}

.home-tour .mod-block .mod-wrapper.module-insights .mod-section .animate .bubbles-t span.one {
    left: 442px;
    margin-top: 155px;
    border-width: 2px
}

.home-tour .mod-block .mod-wrapper.module-insights .mod-section .inner {
    background: url("../images/ico-bg2-2X.png") no-repeat scroll right bottom/auto 68% transparent !important;
    bottom: 0;
    top: auto;
    right: 0;
    padding: 0;
    height: 100%;
    width: 60%;
    z-index: 3;
    position: absolute
}

@media only screen and (max-width: 975px) {
    .home-tour .mod-block .mod-wrapper.module-insights .mod-section .inner {
        display:none;
        background-size: cover !important
    }
}

.home-tour .mod-block .mod-wrapper.module-insights .mod-section h2 {
    color: #FFF;
    font: 49px/1 DNLTUL;
    margin-bottom: 5px;
    text-align: left;
    width: 100%
}

.home-tour .mod-block .mod-wrapper.module-insights .mod-section p {
    color: #d7f3ff;
    text-align: left;
    float: left;
    width: 40%
}

@media only screen and (max-width: 975px) {
    .home-tour .mod-block .mod-wrapper.module-insights .mod-section p {
        float:none;
        width: 75%
    }
}

@media only screen and (max-width: 700px) {
    .home-tour .mod-block .mod-wrapper.module-insights .mod-section p {
        width:100%
    }
}

.home-tour .mod-block .mod-wrapper.module-insights .mod-section a.cta.btn-gray {
    background: #d7f3ff !important;
    clear: both
}

@media only screen and (max-width: 778px) {
    .home-tour .mod-block .mod-wrapper.module-insights .mod-section a.cta.btn-gray {
        float:none;
        opacity: .9
    }
}

.home-tour .mod-block .mod-wrapper.module-insights .mod-section a.cta.btn-gray:hover {
    background: #fff !important;
    color: #444 !important
}

.home-tour .mod-block .mod-wrapper.mod-buddhy {
    background: #78a300
}

@media only screen and (max-width: 700px) {
    .home-tour .mod-block .mod-wrapper.mod-buddhy {
        background:#78a300 url("../images/row-trial-buddhy-still.jpg") no-repeat center bottom
    }
}

.home-tour .mod-block .mod-wrapper.mod-buddhy .mod-section {
    position: relative;
    overflow: hidden;
    background: #78a300 url("../images/row-trial-buddhy-still.jpg") no-repeat center bottom;
    background-size: cover;
    min-height: 500px;
    height: expression(this.scrollHeight < 501 ? "500px" : "auto" );
    padding-bottom: 0
}

@media only screen and (max-width: 700px) {
    .home-tour .mod-block .mod-wrapper.mod-buddhy .mod-section {
        background:none;
        min-height: 400px;
        height: expression(this.scrollHeight < 401 ? "400px" : "auto" )
    }
}

.home-tour .mod-block .mod-wrapper.mod-buddhy .mod-section p {
    font: 18px/22px PNR !important
}

.home-tour .mod-block .mod-wrapper.mod-buddhy aside {
    position: absolute;
    margin: 0px auto;
    bottom: 0px;
    left: 0px;
    top: 9%;
    right: 0px
}

.home-tour .mod-block .mod-wrapper.mod-buddhy h2 {
    color: white;
    margin: 0px auto 25px;
    max-width: 650px;
    font: 3.25em/1 DNLTUL;
    text-align: center
}

@media only screen and (max-width: 700px) {
    .home-tour .mod-block .mod-wrapper.mod-buddhy h2 {
        font:1.8em/1 DNLTL;
        text-align: center;
        margin-bottom: 15px;
        padding: 0 8%
    }
}

.home-tour .mod-block .mod-wrapper.mod-buddhy .buy-button {
    display: block;
    float: none;
    font: 1em/1 DNRB;
    margin: 0 auto;
    padding: 20px 0 18px;
    width: 250px
}

.home-tour .mod-block .mod-wrapper.mod-buddhy-left {
    background: #78a300 url("../images/buddhy-bg-2.png") no-repeat left top
}

@media only screen and (max-width: 975px) {
    .home-tour .mod-block .mod-wrapper.mod-buddhy-left {
        background-position:25% 0
    }
}

@media only screen and (max-width: 778px) {
    .home-tour .mod-block .mod-wrapper.mod-buddhy-left {
        background-position:20% top
    }
}

.home-tour .mod-block .mod-wrapper.mod-buddhy-left .mod-section {
    background: transparent
}

@media only screen and (max-width: 778px) {
    .home-tour .mod-block .mod-wrapper.mod-buddhy-left .mod-section {
        padding:0 0 10% !important
    }
}

.home-tour .mod-block .mod-wrapper.mod-buddhy-left h2 {
    margin: 60px 0px 25px 50%;
    max-width: 450px;
    font: 3em/1 DNLTUL;
    text-align: left
}

@media only screen and (max-width: 975px) {
    .home-tour .mod-block .mod-wrapper.mod-buddhy-left h2 {
        margin:60px 0px 25px 48%
    }
}

.home-tour .mod-block .mod-wrapper.mod-buddhy-left .buy-button {
    margin: 0px 0px 0 50%
}

@media only screen and (max-width: 975px) {
    .home-tour .mod-block .mod-wrapper.mod-buddhy-left .buy-button {
        margin:0px 0px 0 48%
    }
}

.home-tour .mod-block .mod-wrapper.zenu {
    background: #343434 url("../images/customerhome-zenu-bg-large.jpg") top center repeat-y
}

@media only screen and (max-width: 1500px) {
    .home-tour .mod-block .mod-wrapper.zenu {
        background:#343434 url("../images/customerhome-zenu-bg.jpg") top center repeat-y
    }
}

.home-tour .mod-block .mod-wrapper.zenu section {
    padding: 80px 0 60px 0
}

@media only screen and (max-width: 975px) {
    .home-tour .mod-block .mod-wrapper.zenu section {
        min-height:inherit
    }
}

@media only screen and (max-width: 778px) {
    .home-tour .mod-block .mod-wrapper.zenu section {
        min-height:initial
    }
}

@media only screen and (max-width: 700px) {
    .home-tour .mod-block .mod-wrapper.zenu section {
        padding-bottom:310px
    }
}

.home-tour .mod-block .mod-wrapper.zenu section aside {
    background: url("../images/customerhome-zenu-logo.png") top left no-repeat;
    background-position: 14px 70px;
    padding-left: 310px;
    max-width: 490px;
    min-height: 280px
}

@media only screen and (max-width: 700px) {
    .home-tour .mod-block .mod-wrapper.zenu section aside {
        background-position:right bottom;
        max-width: initial;
        padding: 10% 0 220px 0;
        width: 88%;
        margin: 0 auto;
        min-height: 300px
    }
}

.home-tour .mod-block .mod-wrapper.zenu section h4,.home-tour .mod-block .mod-wrapper.zenu section .mobile-modal .mobile-modal-list li h5,.mobile-modal .mobile-modal-list li .home-tour .mod-block .mod-wrapper.zenu section h5 {
    margin-top: 0px;
    color: #7b7b7b;
    text-align: left
}

.home-tour .mod-block .mod-wrapper.zenu section h2 {
    color: #ffffff;
    font: 40px/48px DNLTL;
    letter-spacing: 1px;
    margin-bottom: 14px;
    text-align: left
}

@media only screen and (max-width: 975px) {
    .home-tour .mod-block .mod-wrapper.zenu section h2 {
        font-size:30px;
        line-height: 30px;
        margin-bottom: 20px
    }
}

.home-tour .mod-block .mod-wrapper.zenu section p {
    display: block;
    color: #ffffff;
    font: .9em/1.25 PNR;
    text-align: left;
    margin-bottom: 0;
    clear: both
}

.home-tour .mod-block .mod-wrapper.zenu section .cta {
    margin-top: 40px;
    margin-bottom: 24px
}

.home-tour .mod-block .mod-wrapper.zenu section a {
    color: #4bbae6
}

.home-tour .mod-block .mod-wrapper.zenu section a:hover {
    color: #98dbf5
}

.home-tour .mod-block .mod-wrapper.zopim {
    background: #fff url("../images/customerhome-zopim.svg") top right no-repeat;
    background-size: 780px 238px;
    background-position: 80% 150px
}

@media only screen and (max-width: 2000px) {
    .home-tour .mod-block .mod-wrapper.zopim {
        background-position:90% 150px
    }
}

@media only screen and (max-width: 1700px) {
    .home-tour .mod-block .mod-wrapper.zopim {
        background-position:98% 150px
    }
}

@media only screen and (max-width: 1540px) {
    .home-tour .mod-block .mod-wrapper.zopim {
        background-position:100% 150px
    }
}

@media only screen and (max-width: 1480px) {
    .home-tour .mod-block .mod-wrapper.zopim {
        background-position:700px 150px
    }
}

@media only screen and (max-width: 1220px) {
    .home-tour .mod-block .mod-wrapper.zopim {
        background-position:580px 150px
    }
}

@media only screen and (max-width: 975px) {
    .home-tour .mod-block .mod-wrapper.zopim {
        background-size:585px 179px;
        background-position: 500px 130px
    }
}

@media only screen and (max-width: 700px) {
    .home-tour .mod-block .mod-wrapper.zopim {
        background-size:80%;
        background-position: center 530px;
        padding-bottom: 200px
    }
}

.home-tour .mod-block .mod-wrapper.zopim section {
    min-height: 355px
}

@media only screen and (max-width: 975px) {
    .home-tour .mod-block .mod-wrapper.zopim section {
        min-height:300px
    }
}

.home-tour .mod-block .mod-wrapper.zopim section aside {
    max-width: 490px
}

@media only screen and (max-width: 700px) {
    .home-tour .mod-block .mod-wrapper.zopim section aside {
        max-width:initial;
        padding: 10% 6%;
        width: 88%
    }
}

.home-tour .mod-block .mod-wrapper.zopim section h4,.home-tour .mod-block .mod-wrapper.zopim section .mobile-modal .mobile-modal-list li h5,.mobile-modal .mobile-modal-list li .home-tour .mod-block .mod-wrapper.zopim section h5 {
    margin-top: 0px;
    color: #636363;
    text-align: left
}

.home-tour .mod-block .mod-wrapper.zopim section h2 {
    color: #78a300;
    font: 40px/48px DNLTL;
    letter-spacing: 1px;
    margin-bottom: 14px;
    text-align: left
}

@media only screen and (max-width: 975px) {
    .home-tour .mod-block .mod-wrapper.zopim section h2 {
        font-size:30px;
        line-height: 30px;
        margin-bottom: 20px;
        clear: both
    }
}

.home-tour .mod-block .mod-wrapper.zopim section p {
    display: block;
    color: #5b5b5b;
    font: .9em/1.25 PNR;
    text-align: left;
    margin-bottom: 0;
    clear: both
}

.home-tour .mod-block .mod-wrapper.zopim section p a {
    color: #fff;
    text-decoration: underline
}

.home-tour .mod-block .mod-wrapper.zopim section p a:hover {
    text-decoration: none
}

.home-tour .mod-block .mod-wrapper.zopim section a.cta.btn-gray,.home-tour .mod-block .mod-wrapper.zopim section a.cta.btn-gray:hover {
    margin-top: 40px;
    margin-bottom: 24px;
    padding: 24px 0 20px 126px !important;
    background-image: url("../images/customerhome-zopim-logo.png");
    background-size: auto 42px;
    background-position: 20px center;
    background-repeat: no-repeat
}

@media only screen and (max-width: 700px) {
    .home-tour .mod-block .mod-wrapper.zopim section a.cta.btn-gray,.home-tour .mod-block .mod-wrapper.zopim section a.cta.btn-gray:hover {
        background-image:none;
        padding-left: 15px !important
    }
}

.home-tour .mod-block .mod-wrapper.enterprise {
    background: #4bbae6 url("../images/customerhome-enterprise-large.png") bottom center repeat-x
}

@media only screen and (max-width: 1500px) {
    .home-tour .mod-block .mod-wrapper.enterprise {
        background:#4bbae6 url("../images/customerhome-enterprise.png") bottom center repeat-x
    }
}

@media only screen and (max-width: 700px) {
    .home-tour .mod-block .mod-wrapper.enterprise {
        background-position:bottom right
    }
}

.home-tour .mod-block .mod-wrapper.enterprise section.mod-section {
    padding-top: 140px;
    min-height: 400px
}

.home-tour .mod-block .mod-wrapper.enterprise section.mod-section aside {
    max-width: 480px;
    min-height: 370px;
    float: right
}

@media only screen and (max-width: 975px) {
    .home-tour .mod-block .mod-wrapper.enterprise section.mod-section aside {
        max-width:362px
    }
}

@media only screen and (max-width: 700px) {
    .home-tour .mod-block .mod-wrapper.enterprise section.mod-section aside {
        max-width:initial;
        padding: 10% 6% !important;
        width: 88%
    }
}

@media only screen and (max-width: 470px) {
    .home-tour .mod-block .mod-wrapper.enterprise section.mod-section aside {
        min-height:450px
    }
}

.home-tour .mod-block .mod-wrapper.enterprise section.mod-section h4,.home-tour .mod-block .mod-wrapper.enterprise section.mod-section .mobile-modal .mobile-modal-list li h5,.mobile-modal .mobile-modal-list li .home-tour .mod-block .mod-wrapper.enterprise section.mod-section h5 {
    margin-top: 0px;
    color: #ffffff;
    text-align: left
}

.home-tour .mod-block .mod-wrapper.enterprise section.mod-section h2 {
    color: #ffffff;
    font: 40px/48px DNLTL;
    letter-spacing: 1px;
    margin-bottom: 14px;
    text-align: left
}

@media only screen and (max-width: 975px) {
    .home-tour .mod-block .mod-wrapper.enterprise section.mod-section h2 {
        font-size:30px;
        line-height: 30px;
        margin-bottom: 20px;
        clear: both
    }
}

.home-tour .mod-block .mod-wrapper.enterprise section.mod-section p {
    display: block;
    color: #ffffff;
    font: .9em/1.25 PNR;
    text-align: left;
    margin-bottom: 0;
    clear: both
}

.home-tour .mod-block .mod-wrapper.enterprise section.mod-section p a {
    color: #fff;
    text-decoration: underline
}

.home-tour .mod-block .mod-wrapper.enterprise section.mod-section p a:hover {
    text-decoration: none
}

.home-tour .mod-block .mod-wrapper.enterprise section.mod-section .cta {
    margin-top: 40px;
    margin-bottom: 24px
}

.home-tour .mod-block .mod-wrapper.insights {
    background: #4bb9e5 url("//web.archive.org/web/20190118075937im_/http://d26a57ydsghvgx.cloudfront.net/www/public/assets./images/p-lp-enterprise/insights.svg") no-repeat;
    background-size: 720px 456px;
    background-position: 10% 150px
}

@media only screen and (max-width: 2020px) {
    .home-tour .mod-block .mod-wrapper.insights {
        background-position:5% 150px
    }
}

@media only screen and (max-width: 1800px) {
    .home-tour .mod-block .mod-wrapper.insights {
        background-position:-50px 150px
    }
}

@media only screen and (max-width: 1220px) {
    .home-tour .mod-block .mod-wrapper.insights {
        background-position:-280px 150px
    }
}

@media only screen and (max-width: 975px) {
    .home-tour .mod-block .mod-wrapper.insights {
        background-size:540px 342px;
        background-position: -260px bottom
    }
}

@media only screen and (max-width: 760px) {
    .home-tour .mod-block .mod-wrapper.insights {
        background-position:-305px bottom
    }
}

@media only screen and (max-width: 700px) {
    .home-tour .mod-block .mod-wrapper.insights {
        background-size:80%;
        background-position: bottom center;
        padding-bottom: 200px
    }
}

.home-tour .mod-block .mod-wrapper.insights section {
    padding-left: 750px
}

@media only screen and (max-width: 1220px) {
    .home-tour .mod-block .mod-wrapper.insights section {
        padding-left:520px
    }
}

@media only screen and (max-width: 975px) {
    .home-tour .mod-block .mod-wrapper.insights section {
        padding-left:350px !important
    }
}

@media only screen and (max-width: 760px) {
    .home-tour .mod-block .mod-wrapper.insights section {
        padding-left:310px !important
    }
}

@media only screen and (max-width: 700px) {
    .home-tour .mod-block .mod-wrapper.insights section {
        padding:16% 3% !important
    }
}

.home-tour .mod-block .mod-wrapper.insights section aside {
    max-width: 440px;
    min-height: 370px
}

@media only screen and (max-width: 975px) {
    .home-tour .mod-block .mod-wrapper.insights section aside {
        max-width:370px
    }
}

@media only screen and (max-width: 700px) {
    .home-tour .mod-block .mod-wrapper.insights section aside {
        max-width:initial;
        padding: 10% 6% !important;
        width: 88%
    }
}

.home-tour .mod-block .mod-wrapper.insights section h4,.home-tour .mod-block .mod-wrapper.insights section .mobile-modal .mobile-modal-list li h5,.mobile-modal .mobile-modal-list li .home-tour .mod-block .mod-wrapper.insights section h5 {
    margin-top: 0px;
    color: #ffffff;
    text-align: left
}

.home-tour .mod-block .mod-wrapper.insights section h2 {
    color: #ffffff;
    font: 40px/48px DNLTL;
    letter-spacing: 1px;
    margin-bottom: 14px;
    text-align: left
}

@media only screen and (max-width: 975px) {
    .home-tour .mod-block .mod-wrapper.insights section h2 {
        font-size:30px;
        line-height: 30px;
        margin-bottom: 20px;
        clear: both
    }
}

.home-tour .mod-block .mod-wrapper.insights section p {
    display: block;
    color: #ffffff;
    font: .9em/1.25 PNR;
    text-align: left;
    margin-bottom: 0;
    clear: both
}

.home-tour .mod-block .mod-wrapper.insights section p a {
    color: #fff;
    text-decoration: underline
}

.home-tour .mod-block .mod-wrapper.insights section p a:hover {
    text-decoration: none
}

.home-tour .mod-block .mod-wrapper.insights section .cta {
    margin-top: 40px;
    margin-bottom: 24px
}

.home-tour .mod-block .mod-wrapper.extend {
    background: #fff url("../images/customerhome-apps.jpg") bottom right no-repeat;
    min-height: 600px
}

@media only screen and (max-width: 1480px) {
    .home-tour .mod-block .mod-wrapper.extend {
        background-size:1300px auto
    }
}

@media only screen and (max-width: 1220px) {
    .home-tour .mod-block .mod-wrapper.extend {
        background-size:1200px auto
    }
}

@media only screen and (max-width: 975px) {
    .home-tour .mod-block .mod-wrapper.extend {
        background-size:900px auto
    }
}

@media only screen and (max-width: 700px) {
    .home-tour .mod-block .mod-wrapper.extend {
        background-size:560px auto
    }
}

.home-tour .mod-block .mod-wrapper.extend section aside {
    max-width: 490px
}

@media only screen and (max-width: 700px) {
    .home-tour .mod-block .mod-wrapper.extend section aside {
        max-width:initial;
        padding: 10% 6% !important;
        width: 88%
    }
}

.home-tour .mod-block .mod-wrapper.extend section h4,.home-tour .mod-block .mod-wrapper.extend section .mobile-modal .mobile-modal-list li h5,.mobile-modal .mobile-modal-list li .home-tour .mod-block .mod-wrapper.extend section h5 {
    margin-top: 0px;
    color: #636363;
    text-align: left
}

.home-tour .mod-block .mod-wrapper.extend section h2 {
    color: #78a300;
    font: 40px/48px DNLTL;
    letter-spacing: 1px;
    margin-bottom: 14px;
    text-align: left
}

@media only screen and (max-width: 975px) {
    .home-tour .mod-block .mod-wrapper.extend section h2 {
        font-size:30px;
        line-height: 30px;
        margin-bottom: 20px;
        clear: both
    }
}

.home-tour .mod-block .mod-wrapper.extend section p {
    display: block;
    color: #5b5b5b;
    font: .9em/1.25 PNR;
    text-align: left;
    margin-bottom: 0;
    clear: both
}

.home-tour .mod-block .mod-wrapper.extend section p a {
    color: #fff;
    text-decoration: underline
}

.home-tour .mod-block .mod-wrapper.extend section p a:hover {
    text-decoration: none
}

.home-tour .mod-block .mod-wrapper.extend section .cta {
    margin-top: 40px;
    margin-bottom: 24px
}

.home-tour .mod-block .mod-wrapper.small-mentor {
    background: #78a300 url("//web.archive.org/web/20190118075937im_/http://d26a57ydsghvgx.cloudfront.net/www/public/assets./images/p-lp-enterprise/mentor.svg") no-repeat;
    background-size: 500px 337px;
    background-position: -161px 10px
}

@media only screen and (max-width: 1220px) {
    .home-tour .mod-block .mod-wrapper.small-mentor {
        background-size:375px 253px;
        background-position: -173px bottom
    }
}

@media only screen and (max-width: 975px) {
    .home-tour .mod-block .mod-wrapper.small-mentor {
        background-size:500px 337px;
        background-position: -161px bottom
    }
}

@media only screen and (max-width: 778px) {
    .home-tour .mod-block .mod-wrapper.small-mentor {
        background-size:375px 253px;
        background-position: -173px bottom
    }
}

@media only screen and (max-width: 700px) {
    .home-tour .mod-block .mod-wrapper.small-mentor {
        background-position:center bottom
    }
}

.home-tour .mod-block .mod-wrapper.small-mentor .mod-section {
    background: transparent;
    min-height: 240px
}

@media only screen and (max-width: 778px) {
    .home-tour .mod-block .mod-wrapper.small-mentor .mod-section {
        padding:0 0 10% !important
    }
}

@media only screen and (max-width: 700px) {
    .home-tour .mod-block .mod-wrapper.small-mentor .mod-section {
        padding-bottom:300px !important
    }
}

.home-tour .mod-block .mod-wrapper.small-mentor .mod-section aside {
    padding: 100px 0 0 40px;
    width: 772px;
    margin: 0 0 0 auto
}

@media only screen and (max-width: 975px) {
    .home-tour .mod-block .mod-wrapper.small-mentor .mod-section aside {
        padding:0;
        width: 500px;
        margin: 0 auto
    }
}

@media only screen and (max-width: 700px) {
    .home-tour .mod-block .mod-wrapper.small-mentor .mod-section aside {
        max-width:initial;
        width: initial;
        padding: 10% 6% !important;
        width: 88%
    }
}

.home-tour .mod-block .mod-wrapper.small-mentor h2 {
    margin: 10px 0 0 0;
    max-width: inherit;
    font: 35px/1 DNLTL;
    text-align: left;
    float: left
}

@media only screen and (max-width: 975px) {
    .home-tour .mod-block .mod-wrapper.small-mentor h2 {
        margin:60px 0px 25px 48%
    }
}

@media only screen and (max-width: 700px) {
    .home-tour .mod-block .mod-wrapper.small-mentor h2 {
        margin:0 auto;
        font-size: 1.4em !important;
        line-height: 1.1;
        text-align: center;
        float: none
    }
}

.home-tour .mod-block .mod-wrapper.small-mentor .buy-button {
    margin: 0 0 0 30px;
    float: left
}

@media only screen and (max-width: 975px) {
    .home-tour .mod-block .mod-wrapper.small-mentor .buy-button {
        margin:0px 0px 0 48%
    }
}

@media only screen and (max-width: 700px) {
    .home-tour .mod-block .mod-wrapper.small-mentor .buy-button {
        margin:30px auto 0 auto;
        float: none
    }
}

@-webkit-keyframes peep-in {
    0% {
        right: -480px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    6% {
        right: -300px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    9% {
        right: -280px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    12% {
        right: -290px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    14% {
        right: -400px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    16% {
        right: -300px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    18% {
        right: -460px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    25% {
        right: -260px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    30% {
        right: -260px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    35% {
        right: -180px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    83% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    85% {
        -webkit-transform: rotate(5deg);
        -moz-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        -o-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    86% {
        right: -180px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    97% {
        right: -280px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    98% {
        right: -300px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        right: -480px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@-moz-keyframes peep-in {
    0% {
        right: -480px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    6% {
        right: -300px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    9% {
        right: -280px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    12% {
        right: -290px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    14% {
        right: -400px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    16% {
        right: -300px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    18% {
        right: -460px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    25% {
        right: -260px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    30% {
        right: -260px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    35% {
        right: -180px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    83% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    85% {
        -webkit-transform: rotate(5deg);
        -moz-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        -o-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    86% {
        right: -180px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    97% {
        right: -280px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    98% {
        right: -300px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        right: -480px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@-ms-keyframes peep-in {
    0% {
        right: -480px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    6% {
        right: -300px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    9% {
        right: -280px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    12% {
        right: -290px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    14% {
        right: -400px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    16% {
        right: -300px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    18% {
        right: -460px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    25% {
        right: -260px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    30% {
        right: -260px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    35% {
        right: -180px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    83% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    85% {
        -webkit-transform: rotate(5deg);
        -moz-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        -o-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    86% {
        right: -180px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    97% {
        right: -280px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    98% {
        right: -300px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        right: -480px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@-o-keyframes peep-in {
    0% {
        right: -480px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    6% {
        right: -300px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    9% {
        right: -280px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    12% {
        right: -290px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    14% {
        right: -400px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    16% {
        right: -300px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    18% {
        right: -460px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    25% {
        right: -260px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    30% {
        right: -260px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    35% {
        right: -180px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    83% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    85% {
        -webkit-transform: rotate(5deg);
        -moz-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        -o-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    86% {
        right: -180px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    97% {
        right: -280px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    98% {
        right: -300px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        right: -480px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes peep-in {
    0% {
        right: -480px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    6% {
        right: -300px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    9% {
        right: -280px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    12% {
        right: -290px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    14% {
        right: -400px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    16% {
        right: -300px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    18% {
        right: -460px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    25% {
        right: -260px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    30% {
        right: -260px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    35% {
        right: -180px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    83% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    85% {
        -webkit-transform: rotate(5deg);
        -moz-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        -o-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    86% {
        right: -180px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    97% {
        right: -280px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    98% {
        right: -300px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        right: -480px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@-moz-keyframes floating {
    from {
        -moz-transform: translateY(0px)
    }

    57% {
        -moz-transform: translateY(18px)
    }

    to {
        -moz-transform: translateY(0px)
    }
}

@-webkit-keyframes floating {
    from {
        -webkit-transform: translateY(0px)
    }

    57% {
        -webkit-transform: translateY(18px)
    }

    to {
        -webkit-transform: translateY(0px)
    }
}

@-o-keyframes floating {
    from {
        -o-transform: translateY(0px)
    }

    57% {
        -o-transform: translateY(18px)
    }

    to {
        -o-transform: translateY(0px)
    }
}

@-ms-keyframes floating {
    from {
        -ms-transform: translateY(0px)
    }

    57% {
        -ms-transform: translateY(18px)
    }

    to {
        -ms-transform: translateY(0px)
    }
}

@keyframes floating {
    from {
        transform: translateY(0px)
    }

    57% {
        transform: translateY(18px)
    }

    to {
        transform: translateY(0px)
    }
}

@-moz-keyframes move {
    from {
        left: -100px
    }

    to {
        left: 115%
    }
}

@-webkit-keyframes move {
    from {
        left: -100px
    }

    to {
        left: 115%
    }
}

@-o-keyframes move {
    from {
        left: -100px
    }

    to {
        left: 115%
    }
}

@-ms-keyframes move {
    from {
        left: -100px
    }

    to {
        left: 115%
    }
}

@-keyframes move {
    from {
        left: -100px
    }

    to {
        left: 115%
    }
}

.balloon {
    height: 110px;
    width: 110px;
    background: url("../images/balloon.svg") top left no-repeat;
    background-size: auto 110px;
    position: absolute;
    top: 80px;
    left: 64%;
    -webkit-animation: floating 6s infinite ease-in-out, move 70s infinite linear;
    -moz-animation: floating 6s infinite ease-in-out, move 70s infinite linear;
    -o-animation: floating 6s infinite ease-in-out, move 70s infinite linear;
    -ms-animation: floating 6s infinite ease-in-out, move 70s infinite linear;
    animation: floating 6s infinite ease-in-out, move 70s infinite linear
}

@media only screen and (max-width: 975px) {
    .balloon {
        -webkit-animation:floating 6s infinite ease-in-out, move 40s infinite linear;
        -moz-animation: floating 6s infinite ease-in-out, move 40s infinite linear;
        -o-animation: floating 6s infinite ease-in-out, move 40s infinite linear;
        -ms-animation: floating 6s infinite ease-in-out, move 40s infinite linear;
        animation: floating 6s infinite ease-in-out, move 40s infinite linear
    }
}

@media only screen and (max-width: 700px) {
    .balloon {
        -webkit-animation:floating 6s infinite ease-in-out, move 25s infinite linear;
        -moz-animation: floating 6s infinite ease-in-out, move 25s infinite linear;
        -o-animation: floating 6s infinite ease-in-out, move 25s infinite linear;
        -ms-animation: floating 6s infinite ease-in-out, move 25s infinite linear;
        animation: floating 6s infinite ease-in-out, move 25s infinite linear
    }
}

.home-simple .ent-splash {
    display: none;
    padding: 0;
    margin-bottom: 0;
    font: 15px/1.3 PNR;
    background: #fff url("../images/splash-home.svg") center bottom repeat-x;
    background-size: 1751px 1150px;
    height: 800px;
    position: relative;
    overflow: hidden
}

.home-simple .ent-splash .sub {
    font: 16px/21px DNLTM;
    letter-spacing: 1px;
    text-align: center;
    color: #444;
    text-transform: uppercase
}

.home-simple .ent-splash .cta.btn-gray {
    background: #E5E5E5;
    padding: 20px 15px 18px !important;
    max-width: 220px;
    float: none;
    margin: 0 auto
}

.home-simple .ent-splash .cta.btn-gray:hover {
    background: #2D2D2D
}

.home-simple .ent-splash h2 {
    margin-top: 24px;
    font: 65px/1 DNLTL;
    letter-spacing: 2px;
    text-align: center;
    color: #444
}

@media only screen and (max-width: 975px) {
    .home-simple .ent-splash h2 {
        font:60px/1 DNLTL
    }
}

@media only screen and (max-width: 778px) {
    .home-simple .ent-splash h2 {
        font:50px/1 DNLTL
    }
}

@media only screen and (max-width: 700px) {
    .home-simple .ent-splash h2 {
        font:40px/1 DNLTL
    }
}

.home-simple .ent-splash .parallax {
    position: relative;
    height: 180px;
    padding-top: 120px;
    width: 100%
}

.home-simple .ent-splash .parallax .clouds {
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    width: 100%;
    background: url("//web.archive.org/web/20190118075937im_/http://d26a57ydsghvgx.cloudfront.net/www/public/assets./images/p-lp-enterprise/clouds.svg") top center repeat-x;
    padding-top: 100px;
    background-size: 1736px 250px
}

.home-simple .ent-splash .parallax .clouds div {
    background: #fff;
    width: 100%;
    height: 41px
}

.home-simple .ent-splash .abstract {
    background: white;
    margin: -20px auto 0;
    text-align: center;
    position: relative;
    z-index: 2
}

.home-simple .ent-splash .abstract p {
    font: 16px/1.25 PNR;
    padding: 0 4%;
    max-width: 660px;
    margin: 25px auto
}

@media only screen and (max-width: 778px) {
    .home-simple .ent-splash .abstract p {
        font:14px/1.25 PNR
    }
}

.home-simple .c-tron-peep {
    display: block;
    position: fixed;
    z-index: 3;
    top: 45%;
    right: 0
}

@media only screen and (max-width: 975px) {
    .home-simple .c-tron-peep {
        display:none
    }
}

.home-simple .c-tron-peep .c-tron-robo {
    -webkit-animation: peep-in 32s ease-out infinite;
    -moz-animation: peep-in 32s ease-out infinite;
    -ms-animation: peep-in 32s ease-out infinite;
    -o-animation: peep-in 32s ease-out infinite;
    animation: peep-in 32s ease-out infinite;
    background-image: url("../images/c-tron-peep.png");
    background-size: 402px 356px;
    top: 0;
    right: -200px;
    height: 356px;
    position: absolute;
    width: 402px
}

@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
    .home-simple .c-tron-peep .c-tron-robo {
        background-image:url("../images/c-tron-peep-2X.png");
        background-size: 402px 356px
    }
}

.home-simple .c-tron-peep .c-tron-hover {
    background: #78a300;
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    -ms-border-radius: 5px 0 0 5px;
    -o-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
    color: white;
    position: absolute;
    top: 120px;
    padding: 20px 220px 20px 10px;
    height: 150px;
    width: 200px;
    right: -450px;
    -webkit-transition: all 550ms linear;
    -moz-transition: all 550ms linear;
    -ms-transition: all 550ms linear;
    -o-transition: all 550ms linear;
    transition: all 550ms linear;
    -webkit-box-shadow: 0px 3px 4px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 3px 4px rgba(0,0,0,0.2);
    -ms-box-shadow: 0px 3px 4px rgba(0,0,0,0.2);
    -o-box-shadow: 0px 3px 4px rgba(0,0,0,0.2);
    box-shadow: 0px 3px 4px rgba(0,0,0,0.2);
    border-top: 1px solid rgba(255,255,255,0.2);
    text-align: center
}

.home-simple .c-tron-peep .c-tron-hover h4,.home-simple .c-tron-peep .c-tron-hover .mobile-modal .mobile-modal-list li h5,.mobile-modal .mobile-modal-list li .home-simple .c-tron-peep .c-tron-hover h5 {
    text-transform: uppercase;
    font: 22px/1 DNLTR
}

.home-simple .c-tron-peep .c-tron-hover p {
    font: 16px DNLTR;
    margin: 10px 0
}

.home-simple .c-tron-peep .c-tron-hover span {
    font: 18px DNLTR;
    text-decoration: underline
}

.home-simple .c-tron-peep:hover .c-tron-hover {
    right: 0
}

.home-simple .cta {
    position: relative;
    display: block;
    margin-top: 0;
    background: #fff;
    color: #666;
    font: 16px/16px DNRM;
    text-align: center;
    text-transform: uppercase;
    padding: 8px 15px 4px;
    float: left;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px
}

.home-simple .cta:hover {
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear;
    background: #666;
    color: #fff
}

.home-simple .cta.btn-large {
    padding: 20px 15px !important;
    min-width: 180px
}

.home-simple .cta.btn-gray {
    color: #2d2d2d !important
}

.home-simple .cta.btn-gray:hover {
    color: white !important
}

.home-simple .the-hero {
    background-image: url("../images/devices.jpg");
    background-size: 776px 614px;
    background-color: #f5f5f5;
    background-position: center 372px;
    background-repeat: no-repeat;
    height: 657px;
    overflow: hidden;
    padding-top: 0px;
    position: relative;
    text-align: center
}

@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
    .home-simple .the-hero {
        background-image:url("../images/devices-2X.jpg");
        background-size: 776px 614px
    }
}

@media only screen and (max-width: 778px) {
    .home-simple .the-hero {
        background-position:center 342px;
        background-size: auto 600px
    }
}

@media only screen and (max-width: 700px) {
    .home-simple .the-hero {
        background-size:auto 400px;
        background-position: center 275px;
        height: 475px;
        padding-top: 50px
    }
}

.home-simple .the-hero .register {
    float: none !important;
    width: 340px;
    max-width: 80%;
    margin: 35px auto 10px;
    padding: 7px 0;
    font: 1.6em/2 DNRB;
    border: 1px solid #ff8310;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none
}

@media only screen and (max-width: 700px) {
    .home-simple .the-hero .register {
        margin-top:30px;
        right: 0
    }
}

.home-simple .the-hero .sub {
    color: #888;
    font: 2em/1 DNLTL;
    margin: 0px auto 20px;
    max-width: 910px
}

@media only screen and (max-width: 975px) {
    .home-simple .the-hero .sub {
        font:2.28em/1 DNLTL
    }
}

@media only screen and (max-width: 700px) {
    .home-simple .the-hero .sub {
        font:1.3em/1 DNLTL;
        margin: 20px auto;
        max-width: 90%
    }
}

.home-simple .the-hero .pricing {
    font: 1.25em/1 DNLTL;
    color: #aaa
}

.home-simple .the-hero .pricing a {
    color: #888;
    text-decoration: underline !important
}

.home-simple .the-hero .title {
    color: #363636;
    font: 4.1em/1 DNLTL;
    margin-bottom: 20px
}

@media only screen and (max-width: 975px) {
    .home-simple .the-hero .title {
        font:3.5em/1 DNLTL
    }
}

@media only screen and (max-width: 700px) {
    .home-simple .the-hero .title {
        font:2.3em/1 DNLTL;
        margin-bottom: 0
    }
}

@media only screen and (max-width: 700px) {
    .home-simple .customer.the-hero {
        background-position:center 400px;
        height: 600px
    }
}

@media only screen and (max-width: 400px) {
    .home-simple .customer.the-hero {
        background-position:center 475px;
        height: 675px
    }
}

.home-simple .customer .sub {
    max-width: 965px;
    font: 2em/1.5 DNLTL
}

@media only screen and (max-width: 975px) {
    .home-simple .customer .sub {
        margin-left:30px;
        margin-right: 30px
    }
}

@media only screen and (max-width: 778px) {
    .home-simple .customer .sub {
        font:1.6em/1.5 DNLTL
    }
}

@media only screen and (max-width: 700px) {
    .home-simple .customer .sub {
        font:1.4em/1.5 DNLTL
    }
}

.home-simple .customer .centered {
    max-width: 460px;
    margin: 0 auto
}

.home-simple .customer .cta {
    display: block;
    position: relative;
    float: left;
    padding: 11px 15px 7px;
    margin-top: 0;
    font: 16px/16px DNRM;
    text-align: center;
    text-transform: uppercase;
    color: #666;
    z-index: 100;
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px
}

@media only screen and (max-width: 778px) {
    .home-simple .customer .cta {
        padding:24px 45px 20px
    }
}

.home-simple .customer .cta:hover {
    color: #fff;
    background: #666;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear
}

.home-simple .customer .cta.btn-gray {
    color: #fff;
    background: #E5E5E5
}

.home-simple .customer .cta.btn-gray:hover {
    color: #fff;
    background: #2D2D2D
}

.home-simple .customer .cta.btn-orange {
    color: #fff;
    background: #FFAC1A
}

.home-simple .customer .cta.btn-orange:hover {
    color: #fff;
    background: #E97000
}

.home-simple .customer ul.login {
    text-align: left;
    list-style: none;
    display: block;
    width: 488px;
    margin: 35px auto 0 auto
}

@media only screen and (max-width: 700px) {
    .home-simple .customer ul.login {
        width:auto;
        max-width: 250px
    }
}

.home-simple .customer ul.login .cta {
    display: block;
    float: none !important
}

.home-simple .customer ul.login .login-btn {
    color: #fff;
    background-color: #FFAC1A;
    float: none !important;
    padding: 7px 0;
    border: 0px;
    display: block
}

@media only screen and (max-width: 700px) {
    .home-simple .customer ul.login .login-btn {
        margin-top:30px;
        right: 0
    }
}

.home-simple .customer ul.login .login-btn:hover {
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear;
    color: #fefefe;
    background-color: #E97000;
    -webkit-box-shadow: 0px 3px 4px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 3px 4px rgba(0,0,0,0.1);
    -ms-box-shadow: 0px 3px 4px rgba(0,0,0,0.1);
    -o-box-shadow: 0px 3px 4px rgba(0,0,0,0.1);
    box-shadow: 0px 3px 4px rgba(0,0,0,0.1)
}

.home-simple .customer ul.login .login-btn.multi-subdomains:hover {
    -webkit-border-bottom-left-radius: 0;
    -moz-border-bottom-left-radius: 0;
    -ms-border-bottom-left-radius: 0;
    -o-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-bottom-right-radius: 0;
    -ms-border-bottom-right-radius: 0;
    -o-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0
}

.home-simple .customer ul.login>li:first-child {
    margin-right: 45px
}

@media only screen and (max-width: 700px) {
    .home-simple .customer ul.login>li:first-child {
        margin-right:0
    }
}

.home-simple .customer ul.login li {
    width: 220px;
    float: left;
    display: block;
    margin-right: -4px;
    position: relative;
    cursor: pointer;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear
}

@media only screen and (max-width: 700px) {
    .home-simple .customer ul.login li {
        float:none;
        width: 100%;
        max-width: 250px
    }
}

.home-simple .customer ul.login li:hover .login-btn {
    -webkit-transition: color 300ms linear,background-color 300ms linear;
    -moz-transition: color 300ms linear,background-color 300ms linear;
    -ms-transition: color 300ms linear,background-color 300ms linear;
    -o-transition: color 300ms linear,background-color 300ms linear;
    transition: color 300ms linear,background-color 300ms linear;
    color: #fefefe;
    background-color: #E97000;
    -webkit-box-shadow: 0px 3px 4px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 3px 4px rgba(0,0,0,0.1);
    -ms-box-shadow: 0px 3px 4px rgba(0,0,0,0.1);
    -o-box-shadow: 0px 3px 4px rgba(0,0,0,0.1);
    box-shadow: 0px 3px 4px rgba(0,0,0,0.1)
}

.home-simple .customer ul.login li:hover .login-btn.multi-subdomains {
    -webkit-border-bottom-left-radius: 0;
    -moz-border-bottom-left-radius: 0;
    -ms-border-bottom-left-radius: 0;
    -o-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-bottom-right-radius: 0;
    -ms-border-bottom-right-radius: 0;
    -o-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0
}

.home-simple .customer ul.login li:hover ul {
    display: block;
    opacity: 1;
    visibility: visible
}

.home-simple .customer ul.login li ul {
    padding: 0;
    position: absolute;
    top: 56px;
    left: 0;
    display: none;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -ms-border-radius: 0 0 5px 5px;
    -o-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    opacity: 0;
    visibility: hidden;
    -webkit-box-shadow: 0px 3px 4px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 3px 4px rgba(0,0,0,0.1);
    -ms-box-shadow: 0px 3px 4px rgba(0,0,0,0.1);
    -o-box-shadow: 0px 3px 4px rgba(0,0,0,0.1);
    box-shadow: 0px 3px 4px rgba(0,0,0,0.1);
    -webkit-transition: opacity 300ms linear;
    -moz-transition: opacity 300ms linear;
    -ms-transition: opacity 300ms linear;
    -o-transition: opacity 300ms linear;
    transition: opacity 300ms linear;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 100
}

@media only screen and (max-width: 700px) {
    .home-simple .customer ul.login li ul {
        width:100%;
        max-width: 250px
    }
}

.home-simple .customer ul.login li ul li {
    display: block;
    margin: 0;
    color: #fff;
    text-shadow: 0 1px 0 #ffffff;
    border-bottom: 1px solid #f5f5f5
}

.home-simple .customer ul.login li ul li:hover {
    border-bottom: 1px solid #eeeeee
}

.home-simple .customer ul.login li ul li:last-child {
    border-bottom: 0
}

.home-simple .customer ul.login li ul li a,.home-simple .customer ul.login li ul li a:hover,.home-simple .customer ul.login li ul li a:visited,.home-simple .customer ul.login li ul li a:active {
    background: #ffffff;
    display: block;
    color: #666;
    padding: 12px 18px 12px 18px;
    cursor: pointer;
    text-shadow: none;
    font: 15px/1.3 DNRR
}

.home-simple .customer ul.login li ul li a:hover {
    background: #eeeeee;
    color: #555
}

.home-simple .customer ul.login li ul li:first-child a {
    padding-top: 15px
}

.home-simple .customer ul.login li ul li:last-child a {
    padding-bottom: 15px
}

.home-simple .customer ul.login li ul.webkit {
    max-height: 138px
}

.home-simple .customer ul.login li ul.webkit::-webkit-scrollbar {
    width: 8px;
    background: transparent
}

.home-simple .customer ul.login li ul.webkit::-webkit-scrollbar-track {
    border-radius: 10px
}

.home-simple .customer ul.login li ul.webkit::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: rgba(0,0,0,0.5)
}

.t-tour {
    clear: both;
    top: -10px;
    position: relative;
    overflow: hidden;
    margin-bottom: -72px
}

@media only screen and (max-width: 700px) {
    .t-tour {
        top:0
    }
}

.feature .feature-title {
    font: 23px/1 DNRM;
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 10px;
    margin: 40px 0 0px 0;
    border-bottom: 0
}

@media only screen and (max-width: 700px) {
    .feature .feature-title {
        text-align:left
    }
}

.feature .feature-title-sub {
    font: 18px/1.3 PNR;
    text-align: center;
    margin: 0 auto 30px;
    padding-bottom: 13px;
    color: #777;
    width: 700px
}

@media only screen and (max-width: 975px) {
    .feature .feature-title-sub {
        width:80%
    }
}

@media only screen and (max-width: 700px) {
    .feature .feature-title-sub {
        text-align:left;
        padding: 0;
        width: 100%;
        margin-bottom: 10px
    }
}

.t-tour .feature-count {
    background-color: #B85E08;
    display: block;
    padding: 4px 7px 0px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    width: 10px;
    text-align: center;
    font: 17px/1.2 DNLTM;
    color: white;
    margin: -19px auto -10px
}

.t-tour .carousel-content {
    position: relative
}

.t-tour .carousel-tabs {
    display: block;
    text-align: center;
    margin: 0 auto 15px;
    width: 960px;
    height: 36px
}

@media only screen and (max-width: 975px) {
    .t-tour .carousel-tabs {
        width:100%
    }
}

.t-tour .carousel-tabs .is-active {
    background: #78a300;
    color: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none
}

.t-tour .carousel-tabs li a {
    text-transform: uppercase;
    cursor: pointer;
    background: #e5e5e5;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    font: 14px/1 DNLTM;
    color: #777;
    padding: 8px 20px 7px;
    margin: 0 -2px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0
}

.t-tour .carousel-tabs li a.active {
    background: #78a300;
    color: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none
}

.t-tour .carousel-tabs li:first-child a {
    border-left: none;
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    -ms-border-radius: 5px 0 0 5px;
    -o-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px
}

.t-tour .carousel-tabs li:last-child a {
    border-right: none;
    -webkit-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    -ms-border-radius: 0 5px 5px 0;
    -o-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0
}

.t-tour .carousel-img {
    box-shadow: 3px 3px 7px rgba(0,0,0,0.05),-3px 3px 7px rgba(0,0,0,0.1);
    border: 1px solid #CCC
}

.t-tour .feature-signup {
    height: 462px;
    padding: 80px 0 90px 0;
    margin: 0 auto;
    text-align: center;
    background: #fff url("./public/assets./images/p-tour/base-signup-tile.jpg") 0 80px repeat-x
}

.t-tour .feature-signup img {
    display: block;
    margin: 0 auto 40px
}

.t-tour .feature-signup .l-island {
    width: 315px;
    margin-top: 30px
}

.t-tour .feature-signup .l-island-first {
    margin-right: 30px
}

.t-tour .feature-signup .l-island p {
    font-size: 14px;
    color: #fff;
    padding: 2px 10px
}

.t-tour .feature-matrix .feature-matrix-list-item .ico {
    background-image: url("./public/assets./images/p-tour/sprite-feature-matrix-tour.png")
}

.t-tour .title-rand {
    font: 24px/1.6 DNRR;
    text-align: center;
    text-transform: none;
    padding-bottom: 10px;
    margin: 0;
    display: inline-block
}

.t-tour .carousel-img {
    box-shadow: 3px 3px 7px rgba(0,0,0,0.05),-3px 3px 7px rgba(0,0,0,0.1);
    border: 1px solid #CCC
}

.t-tour .feature-signup {
    height: 462px;
    padding: 80px 0 90px 0;
    margin: 0 auto;
    text-align: center;
    background: #fff url("./public/assets./images/p-tour/base-signup-tile.jpg") 0 80px repeat-x
}

.t-tour .feature-signup img {
    display: block;
    margin: 0 auto 40px
}

.t-tour .feature-signup .l-island {
    width: 315px;
    margin-top: 30px
}

.t-tour .feature-signup .l-island-first {
    margin-right: 30px
}

.t-tour .feature-signup .l-island p {
    font-size: 14px;
    color: #fff;
    padding: 2px 10px
}

.t-tour .feature-matrix .feature-matrix-list-item .ico {
    background-image: url("./public/assets./images/p-tour/sprite-feature-matrix-tour.png")
}

.t-tour .title-rand {
    font: 24px/1.6 DNRR;
    text-align: center;
    text-transform: none;
    padding-bottom: 10px;
    margin: 0;
    display: inline-block
}

.t-tour ul.collab {
    width: 900px;
    height: 360px;
    margin: 30px 0 0 100px
}

.t-tour ul.collab li {
    float: left;
    width: 350px;
    margin-right: 80px;
    text-align: center
}

.t-tour ul.collab li img {
    margin: 20px 0 30px 0
}

.t-tour ul.collab li h3 {
    font: 26px/1 DNLTM;
    color: #78A300;
    margin-bottom: 20px
}

.t-tour ul.collab li p {
    color: #888
}

@media only screen and (max-width: 975px) {
    .t-tour .col-960 {
        width:100%
    }
}

.t-tour .wrap {
    clear: both;
    position: relative;
    width: 960px;
    margin: 0 auto
}

@media only screen and (max-width: 975px) {
    .t-tour .wrap {
        width:100%;
        height: 715px
    }
}

@media only screen and (max-width: 700px) {
    .t-tour .wrap {
        height:230px
    }
}

.t-tour li {
    list-style: none
}

.t-tour ul.char {
    margin: 0 auto;
    text-align: center;
    width: 100%;
    height: 29px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.25)
}

.t-tour ul.char li {
    height: 29px;
    background-color: #444444;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#e7e7e7));
    background-image: -webkit-linear-gradient(top, #fefefe, #e7e7e7);
    background-image: -moz-linear-gradient(top, #fefefe, #e7e7e7);
    background-image: -o-linear-gradient(top, #fefefe, #e7e7e7);
    background-image: linear-gradient(to bottom, #fefefe,#e7e7e7)
}

.t-tour ul.char li .inner-wrap {
    width: 960px;
    margin: 0 auto;
    text-align: center
}

.t-tour ul.char img {
    display: none;
    float: right
}

.t-tour ul.char h1 {
    float: left;
    width: 500px;
    font: 17px/1 DNRM;
    padding: 8px 0 0 0;
    margin: 0;
    text-transform: uppercase;
    text-align: left;
    text-shadow: 0 1px 0 rgba(0,0,0,0.1)
}

.t-tour ul.char li.customer h1 {
    color: #056583
}

.t-tour ul.char li.agent h1 {
    color: #c55200
}

.t-tour ul.char li.manager h1 {
    color: #78a300
}

.t-tour ul.char li h1 span {
    color: #acacac;
    padding-left: 4px
}

.t-tour .t-tour-bar {
    height: 500px
}

.t-tour .t-tour-bar:hover {
    overflow: visible !important;
    width: 200px
}

.t-tour .inner-wrap {
    position: relative
}

.t-tour .inner-wrap nav {
    position: relative;
    width: 960px;
    margin: 0 auto
}

.t-tour .share {
    float: right;
    padding-top: 8px
}

.t-tour .share a {
    display: block;
    float: left;
    width: 23px;
    height: 19px;
    padding: 0 5px;
    cursor: pointer
}

.t-tour .share a:hover {
    opacity: 0.7
}

.t-tour .share a.twitter {
    background: url("./public/assets./images/p-tour/icon-twitter.png") 0 0 no-repeat
}

.t-tour .share a.facebook {
    background: url("./public/assets./images/p-tour/icon-facebook.png") 0 0 no-repeat
}

.t-tour .scroll-nudge {
    text-align: center;
    margin: 0 0 30px 0
}

.t-tour .scroll-nudge h1 {
    font: 35px/1 DNLTLI;
    text-align: center;
    color: #999;
    margin-bottom: 20px
}

.t-tour .light span.guide {
    background-image: url("./public/assets./images/p-tour/icon-arrow-down.png")
}

.t-tour .guide-wrap {
    position: absolute;
    bottom: 40px;
    left: 50%;
    padding: 10px 6px 0;
    border-radius: 35px;
    opacity: 0;
    cursor: pointer;
    background: rgba(0,0,0,0.7);
    -moz-box-shadow: inset 0 0 20px #111;
    -webkit-box-shadow: inset 0 0 20px #111;
    box-shadow: inset 0 0 20px black
}

.t-tour .guide-wrap.light {
    position: relative;
    width: 34px;
    padding: 14px 6px 0;
    margin: 60px 0 0;
    opacity: 1;
    cursor: pointer;
    background: rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0 0 20px #ccc;
    -webkit-box-shadow: inset 0 0 20px #ccc;
    box-shadow: inset 0 0 20px #ccc
}

.t-tour .guide-wrap.light:hover {
    background: rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0 0 20px #aaa;
    -webkit-box-shadow: inset 0 0 20px #aaa;
    box-shadow: inset 0 0 20px #aaa
}

.t-tour .guide-wrap:hover {
    background: rgba(38,102,196,0.9);
    -moz-box-shadow: inset 0 0 20px #002942,0 10px 20px rgba(0,0,0,0.3);
    -webkit-box-shadow: inset 0 0 20px #002942,0 10px 20px rgba(0,0,0,0.3);
    box-shadow: inset 0 2px 20px #001827,0 10px 20px rgba(0,0,0,0.3)
}

.t-tour span.guide {
    display: block;
    width: 36px;
    height: 61px;
    margin: 0 auto;
    background-image: url(./public/assets./images/p-tour/icon-arrow-down-white.png);
    background-position: 0 0;
    background-repeat: no-repeat
}

.t-tour .stories {
    position: relative;
    height: 293px;
    width: 100%;
    background: transparent url(./public/assets./images/p-tour/background-wood.jpg) no-repeat center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./public/assets./images/p-tour/background-wood.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/public/assets./images/p-tour/background-wood.jpg', sizingMethod='scale')";
    padding-top: 65px
}

.t-tour .stories h1 {
    font: 69px/1 DNRL;
    color: white;
    padding: 0;
    margin-bottom: 0;
    margin-top: 0;
    letter-spacing: -2px;
    opacity: 1;
    width: 390px;
    text-shadow: 0 1px 9px rgba(0,0,0,0.8)
}

.t-tour .stories h1 span {
    letter-spacing: -4px
}

.t-tour .stories ul.grid {
    position: absolute;
    top: 40px;
    left: 340px;
    width: 700px;
    height: 500px;
    z-index: 12
}

.t-tour .stories ul.grid li {
    float: left;
    margin-right: 1px;
    cursor: pointer
}

.t-tour .stories ul.grid li a {
    display: block;
    width: 224px;
    height: 320px;
    cursor: pointer
}

.t-tour .stories ul.grid li.customer {
    width: 186px
}

.t-tour .story {
    position: absolute;
    top: 146px;
    width: 300px;
    height: 309px;
    text-align: center;
    padding: 0 20px;
    cursor: pointer;
    z-index: 3;
    margin-top: -77px
}

.t-tour .story.customer {
    top: 61px;
    left: 307px;
    width: 280px;
    background-image: url("./public/assets./images/p-tour/sprite-banner.png");
    background-position: 30px 0
}

.t-tour .story.customer.active {
    background-image: url("./public/assets./images/p-tour/sprite-banner.png");
    background-position: -296px 0
}

.t-tour .story.agent {
    top: 56px;
    left: 445px;
    height: 314px;
    background-image: url("./public/assets./images/p-tour/sprite-banner.png");
    background-position: -569px 0
}

.t-tour .story.agent.active {
    width: 370px;
    background-image: url("./public/assets./images/p-tour/sprite-banner.png");
    background-position: -883px 0
}

.t-tour .story.manager {
    top: 61px;
    left: 643px;
    width: 370px;
    background-image: url("./public/assets./images/p-tour/sprite-banner.png");
    background-position: -1214px 0
}

.t-tour .story.manager.active {
    background-image: url("./public/assets./images/p-tour/sprite-banner.png");
    background-position: -1564px 0
}

.t-tour .story h2 {
    position: absolute;
    width: 144px;
    font: 23px/1 DNRB;
    line-height: 24px;
    color: #fff;
    text-transform: uppercase;
    text-shadow: 0 2px 4px rgba(0,0,0,0.8);
    margin: 190px auto 0 97px;
    padding: 46px 0 53px;
    border-radius: 130px
}

.t-tour a.story.active h2 {
    text-shadow: 0 2px 4px rgba(0,0,0,0.2)
}

.t-tour a.story.customer.active h2 {
    background-color: rgba(5,106,138,0.9)
}

.t-tour a.story.customer h2 {
    margin-left: 37px
}

.t-tour a.story.agent.active h2 {
    background-color: rgba(178,77,5,0.9)
}

.t-tour a.story.manager h2 {
    margin-left: 116px
}

.t-tour a.story.manager.active h2 {
    background-color: rgba(124,164,10,0.9)
}

.t-tour .story {
    background-repeat: no-repeat;
    background-position: 40px 0
}

.t-tour .feature.polaroid {
    padding: 100px 0 0;
    margin: 0 auto;
    text-align: center
}

.t-tour .feature.listen {
    padding-bottom: 55px
}

.t-tour .feature.polaroid.intro {
    padding: 70px 0 0
}

.t-tour .feature.center {
    margin: 0 auto;
    text-align: center
}

.t-tour .polaroid h1,.t-tour .polaroid h2,.t-tour .polaroid h3 {
    text-align: center
}

.t-tour .polaroid.transition {
    padding-top: 0;
    margin-top: -15px
}

.t-tour .polaroid.transition h1 {
    font: 24px/1.6 DNRR;
    padding: 59px 0 0 0
}

.t-tour .polaroid h1 {
    font: 24px/1 DNRR;
    padding: 35px 0 80px 0;
    margin-bottom: 0;
    color: #333
}

.t-tour .polaroid h1 a {
    color: #78a300
}

.t-tour .polaroid span.divider {
    display: inline-block;
    width: 210px;
    height: 1px;
    background: #444
}

.t-tour .animation {
    position: relative;
    height: 600px;
    overflow: hidden;
    background: #000
}

.t-tour .animation img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.t-tour .animation img:first-child {
    position: relative;
    float: left;
    opacity: 0
}

.t-tour .bookends {
    display: block;
    position: absolute;
    height: 200px;
    width: 100%;
    z-index: 10;
    margin-top: 200px
}

.t-tour .bookends h1 {
    font: 64px/1 DNLTB;
    text-transform: uppercase;
    color: white;
    opacity: 0.8
}

.t-tour .bookends h1.outro {
    display: none
}

.t-tour .triggers {
    position: absolute;
    height: 600px;
    width: 100%;
    z-index: 20;
    padding: 100px 0 0
}

.t-tour .trigger {
    position: relative;
    float: left;
    width: 100%;
    height: 10%;
    margin-bottom: 1px;
    opacity: 0.2;
    background: red
}

.t-tour .frame {
    position: absolute;
    top: 0;
    left: 0;
    height: 600px;
    width: 100%
}

.t-tour .monitor {
    position: absolute;
    top: 0;
    left: 0;
    width: 960px;
    height: 766px;
    background: url("./public/assets./images/p-tour/monitor.png") 0 0 no-repeat;
    background-size: 100% 100%
}

.t-tour .screen-support-base {
    position: absolute;
    top: 33px;
    left: 33px;
    width: 888px;
    height: 498px;
    background: black;
    opacity: 1;
    z-index: 3;
    background: url("./public/assets./images/p-tour/monitor-support-screen-base.jpg") 0 0 no-repeat
}

.t-tour .popup-wrap {
    position: relative;
    float: left;
    width: 645px;
    height: 500px
}

.t-tour .popup {
    opacity: 0;
    position: absolute;
    top: 200px;
    left: 230px;
    width: 501px;
    height: 229px;
    background: url("./public/assets./images/p-tour/tab-modal.png") 0 0 no-repeat;
    background-size: 100%;
    z-index: 10
}

.t-tour .popup-base {
    opacity: 0;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 645px;
    height: 399px;
    border-radius: 7px;
    background: url("./public/assets./images/p-tour/tab-base.jpg") 0 0 no-repeat;
    background-size: 100%
}

.t-tour .bounce {
    -webkit-animation: pin 3s infinite
}

.t-tour .grow {
    -webkit-animation: grow 3.8s infinite
}

@-webkit-keyframes pin {
    0% {
        background-position: 0 0
    }

    40% {
        background-position: 0 0
    }

    50% {
        background-position: 0 10px
    }

    60% {
        background-position: 0 0
    }

    100% {
        background-position: 0 0
    }
}

.t-tour .pulse {
    -webkit-animation: pulsate 2s infinite
}

@-webkit-keyframes pulsate {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0.9
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes grow {
    0% {
        padding-top: 10px;
        bottom: 40px
    }

    10% {
        padding-top: 20px;
        bottom: 30px
    }

    20% {
        padding-top: 10px;
        bottom: 40px
    }

    30% {
        padding-top: 10px;
        bottom: 40px
    }

    40% {
        padding-top: 10px;
        bottom: 40px
    }

    50% {
        padding-top: 10px;
        bottom: 40px
    }

    60% {
        padding-top: 10px;
        bottom: 40px
    }

    100% {
        padding-top: 10px;
        bottom: 40px
    }
}

.t-tour #multi-channel img {
    margin-top: 50px
}

.t-tour ul.story-board {
    float: left;
    width: 850px;
    margin: 0 0 60px 100px
}

.t-tour ul.story-board li {
    float: left;
    margin-right: 0px;
    margin-bottom: 15px;
    -webkit-transform: translate3D(0, 0, 0)
}

.t-tour ul.story-board li img {
    max-width: 219px;
    min-height: 222px
}

.t-tour ul.story-board li .shot {
    height: 225px;
    width: 227px;
    padding: 14px;
    background: url("./public/assets./images/p-tour/mom-frame.png") 0 0 no-repeat
}

.t-tour ul.story-board li:nth-child(odd) .shot {
    -webkit-transform: rotate(-1deg)
}

.t-tour ul.story-board li:nth-child(even) .shot {
    -webkit-transform: rotate(1deg)
}

.t-tour ul.story-board li .shot:hover {
    -webkit-transform: rotate(0deg);
    -webkit-transition-duration: 0.3s
}

.t-tour .feature {
    padding: 60px 0 90px
}

.t-tour .feature-gray {
    background: #f5f5f5
}

.t-tour .feature-white {
    background: #fff
}

@media only screen and (max-width: 975px) {
    .t-tour .feature-fifth {
        height:390px
    }
}

@media only screen and (max-width: 700px) {
    .t-tour .feature-fifth {
        height:1110px
    }
}

.t-tour .feature.dark-gray {
    background: #f0f0f0
}

.t-tour .feature.dark-gray {
    background: #EEE
}

.t-tour .feature-last {
    padding-bottom: 0px
}

@media only screen and (max-width: 975px) {
    .t-tour .feature-last {
        height:130px
    }
}

@media only screen and (max-width: 700px) {
    .t-tour .feature-last {
        height:280px
    }
}

.t-tour .feature.signup {
    height: 462px;
    padding: 80px 0 90px 0;
    margin: 0 auto;
    text-align: center;
    background: #fff url("./public/assets./images/p-tour/base-signup-tile.jpg") 0 80px repeat-x
}

@media only screen and (max-width: 700px) {
    .t-tour .feature.signup {
        display:none
    }
}

.t-tour.transplant .feature.signup {
    background: transparent url("./public/assets./images/p-tour/base-signup-tile-gray.jpg") 0 80px repeat-x
}

.t-tour.transplant .spotlight-wrap {
    background: transparent url("./public/assets./images/p-tour/base-signup-gray.jpg") 0 0 no-repeat
}

.t-tour.transplant div.signup .cta .button {
    width: 316px
}

.t-tour.transplant div.signup .cta-wrap {
    padding: 10px 0 0 115px
}

@media only screen and (max-width: 778px) {
    .t-tour.transplant {
        display:none
    }
}

.t-tour .feature.dark-gray .slides {
    -moz-box-shadow: 0 5px 5px #cecece;
    -webkit-box-shadow: 0 5px 5px #cecece;
    box-shadow: 2px 5px 20px #cecece
}

.t-tour .feature.black {
    background: #222;
    box-shadow: inset 0 40px 100px #000
}

.t-tour .feature.black h1 {
    color: #fff;
    border-bottom: 1px solid #333
}

.t-tour .feature.black h2 {
    color: #aaa;
    text-shadow: 0 1px 1px #000
}

.t-tour .feature.black .blur h3 {
    color: #434343;
    text-shadow: 0 1px 1px #111
}

.t-tour .feature.black .blur p {
    color: #444
}

.t-tour .feature.black .focus p {
    color: #eee;
    text-shadow: 0 1px 1px #111
}

.t-tour .feature.black .focus h3 {
    text-shadow: 0 1px 0 #000
}

.t-tour .feature.black .slides {
    box-shadow: 2px 7px 20px black
}

.t-tour .feature .carousel {
    position: relative;
    width: 960px;
    padding: 0;
    margin-bottom: 50px
}

.t-tour .moment h1 {
    font: 23px/1 DNRM;
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 10px;
    margin: 40px 0 0px 0
}

.t-tour .moment h2 {
    font: 18px/1.3 DNLTR;
    text-align: center;
    padding: 0 40px 30px 40px;
    padding-bottom: 13px;
    color: #777
}

.t-tour .moment h2.analytics {
    margin: 0 20px 30px 20px
}

.t-tour .mobile-modal {
    margin: 0 120px
}

.t-tour .content .title {
    border-top: 1px solid #DEDEDE;
    margin-bottom: 25px
}

.t-tour .content h3 {
    font: 27px DNLTR
}

.t-tour .content li h4,.t-tour .content .mobile-modal .mobile-modal-list li h5,.mobile-modal .mobile-modal-list .t-tour .content li h5 {
    font: 17px/1 DNRM;
    margin: 0 0 10px 0
}

.t-tour .content ul.highlights {
    margin: 0;
    padding: 0
}

.t-tour ul.more-features {
    height: 150px;
    margin: 10px 0 0 90px;
    padding: 0
}

.t-tour ul.more-features a {
    display: block
}

.t-tour ul.more-features a:hover {
    margin-top: 1px
}

.t-tour .download {
    height: 230px
}

.t-tour span.pdf {
    position: absolute;
    display: inline-block;
    width: 20px;
    height: 29px;
    margin-left: -25px;
    background: url("./public/assets./images/p-tour/icon-download.png") 0 6px no-repeat
}

.t-tour .carousel-content {
    position: relative;
    width: 960px;
    height: 630px
}

@media only screen and (max-width: 975px) {
    .t-tour .carousel-content {
        margin:0 auto;
        width: 92%
    }
}

.t-tour .carousel-content.speed {
    height: 605px
}

.t-tour .carousel-content.context {
    height: 563px
}

.t-tour .carousel-content.groups {
    height: 600px
}

.t-tour .carousel-content.analytics {
    height: 605px
}

.t-tour .carousel-content .magnify {
    display: block;
    width: 100px;
    height: 100px;
    position: absolute;
    top: 130px;
    right: 129px
}

.t-tour .carousel-content .magnify .info {
    display: block;
    position: absolute;
    top: 140px;
    left: -4px;
    height: 20px;
    width: 20px;
    background: #78a300;
    cursor: pointer;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    -webkit-box-shadow: 0 1px 8px rgba(0,0,0,0.2) inset,0 1px 1px rgba(0,0,0,0.4);
    -moz-box-shadow: 0 1px 8px rgba(0,0,0,0.2) inset,0 1px 1px rgba(0,0,0,0.4);
    -ms-box-shadow: 0 1px 8px rgba(0,0,0,0.2) inset,0 1px 1px rgba(0,0,0,0.4);
    -o-box-shadow: 0 1px 8px rgba(0,0,0,0.2) inset,0 1px 1px rgba(0,0,0,0.4);
    box-shadow: 0 1px 8px rgba(0,0,0,0.2) inset,0 1px 1px rgba(0,0,0,0.4);
    text-shadow: 1px 1px 0 #638600;
    border: 1px solid #668A01;
    text-align: center;
    font: 15px/1.5 DNRM;
    color: #fff
}

.t-tour .carousel-content .magnify .info:hover {
    -webkit-animation: expand 0.7s linear;
    background: #8bbc00;
    -webkit-box-shadow: 0 0px 4px rgba(0,0,0,0.45);
    -moz-box-shadow: 0 0px 4px rgba(0,0,0,0.45);
    -ms-box-shadow: 0 0px 4px rgba(0,0,0,0.45);
    -o-box-shadow: 0 0px 4px rgba(0,0,0,0.45);
    box-shadow: 0 0px 4px rgba(0,0,0,0.45)
}

.t-tour .carousel-content .carousel-content-item {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 0
}

.t-tour .carousel-content .carousel-content-item.active {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    filter: alpha(opacity=100)
}

.t-tour .carousel-content .carousel-content-img {
    box-shadow: 3px 3px 7px rgba(0,0,0,0.05),-3px 3px 7px rgba(0,0,0,0.1);
    border: 1px solid #CCC
}

@media only screen and (max-width: 975px) {
    .t-tour .carousel-content .carousel-content-img {
        width:100%
    }
}

.t-tour .carousel-content #bap-containerf {
    height: 487px !important;
    left: 10px;
    position: absolute !important;
    top: 54px;
    width: 738px !important
}

.t-tour #customer-wrap .carousel-content.small .carousel-content-item.active {
    left: 98px
}

.t-tour #customer-wrap .carousel-content .carousel-content-img,.t-tour #incident-management .carousel-content .carousel-content-img {
    box-shadow: none;
    border: none
}

.t-tour .carousel-content div.popover {
    display: none;
    position: absolute;
    top: 10px;
    left: 10px;
    width: 310px
}

@media only screen and (max-width: 975px) {
    .t-tour .carousel-content div.popover {
        display:block;
        left: 25% !important;
        top: 80% !important;
        bottom: auto !important;
        right: auto !important;
        width: 90% !important;
        margin-top: 16%;
        margin-left: -21%
    }
}

.t-tour .carousel-content div.popover.light {
    width: 310px
}

.t-tour .carousel-content div.popover.light h3 {
    border: none
}

.t-tour .carousel-content div.popover.sharing {
    width: 360px
}

.t-tour .carousel-content div.popover.collaborate {
    width: 358px
}

.t-tour .carousel-content div.popover-content {
    width: 100%;
    padding: 22px 30px;
    color: #fff;
    border-radius: 6px;
    background-color: #000;
    box-shadow: 3px 3px 7px rgba(0,0,0,0.2)
}

@media only screen and (max-width: 975px) {
    .t-tour .carousel-content div.popover-content {
        padding:0px 0px;
        border-radius: 6px;
        background-color: transparent;
        box-shadow: 3px 3px 7px rgba(0,0,0,0)
    }
}

@media only screen and (max-width: 975px) {
    .t-tour .carousel-content div.popover-content .popover-title {
        display:none
    }
}

@media only screen and (max-width: 975px) {
    .t-tour .carousel-content div.popover-content p {
        font:15px/1.3 PNR;
        color: #444;
        margin: 0;
        text-align: center
    }
}

.t-tour .carousel-content .popover-pos-top .popover-content {
    margin-top: 9px
}

.t-tour .carousel-content .popover-pos-bottom .popover-content {
    margin-bottom: 11px
}

.t-tour .carousel-content .popover-pos-left .popover-content {
    margin-left: 7px
}

.t-tour .carousel-content .popover-pos-right .popover-content {
    margin-right: 7px
}

.t-tour .carousel-content .popover-pin {
    display: block;
    position: absolute;
    height: 11px;
    width: 13px;
    z-index: 99999;
    background: url("./public/assets./images/p-tour/icon-pin-top.png") 0 0 no-repeat
}

@media only screen and (max-width: 975px) {
    .t-tour .carousel-content .popover-pin {
        display:none
    }
}

.t-tour .carousel-content .popover-pos-top .popover-pin {
    top: 1px;
    left: 65px
}

.t-tour .carousel-content .popover-pos-bottom .popover-pin {
    bottom: 0px;
    left: 65px;
    background: url("./public/assets./images/p-tour/icon-pin-bottom.png") 0 0 no-repeat
}

.t-tour .carousel-content .popover-pos-right .popover-pin {
    top: 34px;
    left: 370px;
    height: 14px;
    background: url("./public/assets./images/p-tour/icon-pin-right.png") 0 0 no-repeat
}

.t-tour .carousel-content .popover-pos-left .popover-pin {
    top: 65px;
    left: 0px;
    height: 14px;
    background: url("./public/assets./images/p-tour/icon-pin-left.png") 0 0 no-repeat
}

.t-tour .carousel-content .light.popover-pos-left .popover-pin {
    top: 25px
}

.t-tour .carousel-content h3 {
    font: 18px/1 DNRM;
    color: white;
    text-transform: uppercase;
    margin: 0 0 11px 0;
    padding: 0 0 8px 0;
    border-bottom: 1px solid #666
}

.t-tour .carousel-content p {
    font: 17px/1.4 DNRM;
    color: white
}

.t-tour .carousel-content nav {
    position: absolute;
    top: 0;
    margin-left: -55px
}

.t-tour .carousel-content .carousel-paddles a,.t-tour .mobile-carousel nav a {
    display: block;
    position: absolute;
    top: 0;
    width: 100px;
    height: 550px;
    cursor: pointer;
    opacity: 0.2
}

.t-tour .carousel-content .carousel-paddles a:hover,.t-tour .mobile-carousel nav a:hover {
    opacity: 1
}

.t-tour .mobile-carousel nav a {
    opacity: 0.8
}

.t-tour .carousel-content .carousel-paddles a.carousel-paddles-lt,.t-tour .mobile-carousel nav a.carousel-paddles-lt {
    left: 0;
    background: url("./public/assets./images/p-tour/icon-arrow-left-large.png") 0 230px no-repeat
}

.t-tour .mobile-carousel nav a.carousel-paddles-lt {
    left: -105px;
    background: url("./public/assets./images/p-tour/icon-arrow-left-large.png") 40px 230px no-repeat
}

.t-tour .mobile-carousel nav {
    position: absolute;
    top: -20px
}

.t-tour .carousel-content .carousel-paddles a.carousel-paddles-rt,.t-tour .mobile-carousel nav a.carousel-paddles-rt {
    left: 1014px;
    background: url("./public/assets./images/p-tour/icon-arrow-right-large.png") 24px 230px no-repeat
}

.t-tour .mobile-carousel nav a.carousel-paddles-rt {
    left: 506px
}

.t-tour .carousel-tabs li {
    display: inline
}

.t-tour span.number {
    background-color: #B85E08;
    display: block;
    padding: 4px 7px 0px;
    border-radius: 15px;
    width: 10px;
    text-align: center;
    font: 17px/1.2 DNLTM;
    color: white;
    margin: -19px auto -10px
}

.t-tour span.number.customer {
    background-color: #056583
}

.t-tour span.number.agent {
    background-color: #c55200
}

.t-tour span.number.manager {
    background-color: #78a300
}

.t-tour .spotlight-wrap {
    background: #444 url("./public/assets./images/p-tour/base-signup.jpg") 0 0 no-repeat;
    width: 960px;
    height: 552px
}

@media only screen and (max-width: 975px) {
    .t-tour .spotlight-wrap {
        width:100%
    }
}

.t-tour .spotlight-wrap img {
    margin-left: -40px
}

.t-tour div.signup .cta-wrap {
    position: relative;
    width: 100%;
    padding: 30px 0 0 115px
}

@media only screen and (max-width: 975px) {
    .t-tour div.signup .cta-wrap {
        padding:0 0 0 26px
    }
}

.t-tour div.signup .cta {
    float: left;
    width: 336px
}

.t-tour div.signup .cta.download {
    margin-right: 30px
}

.t-tour div.signup .cta p {
    font-size: 14px;
    color: #fff;
    margin: 10px
}

.t-tour div.signup .cta .button {
    float: none;
    display: block;
    width: 336px;
    height: 56px;
    cursor: pointer;
    font-size: 24px;
    padding-top: 14px
}

.t-tour .button-trial {
    background: url("./public/assets./images/p-tour-it/button-signup.png") no-repeat scroll 0 0 transparent
}

.t-tour .button-trial:hover {
    background-position: 0 -72px
}

.t-tour .button-trial {
    background: url("./public/assets./images/p-tour-it/button-signup.png") no-repeat scroll 0 0 transparent
}

.t-tour .button-trial:hover {
    background-position: 0 -72px
}

.t-tour .button-trial {
    background: url("./public/assets./images/p-tour-it/button-signup.png") no-repeat scroll 0 0 transparent
}

.t-tour .button-trial:hover {
    background-position: 0 -72px
}

.t-tour .splash h2 {
    font-size: 24px;
    line-height: 1em
}

@media only screen and (max-width: 975px) {
    .t-tour-it .l-col-960 {
        width:100%
    }
}

@media only screen and (max-width: 700px) {
    .t-tour-it .l-col-960 {
        width:90%
    }
}

@media only screen and (max-width: 700px) {
    .t-tour-it .carousel-tabs li a.active,.t-tour-it .carousel-tabs li:first-child a,.t-tour-it .carousel-tabs li a {
        cursor:default;
        background: none;
        border: none;
        color: #777;
        display: block;
        font: 18px/1.3 PNR;
        text-transform: capitalize;
        padding: 0 !important;
        text-align: left;
        width: 100%;
        margin-left: auto
    }
}

@media only screen and (max-width: 700px) {
    .t-tour-it .carousel-content {
        display:none
    }
}

@media only screen and (max-width: 700px) {
    .t-tour-it .carousel-content div.popover {
        display:none !important
    }
}

@media only screen and (max-width: 700px) {
    .t-tour-it h1.h-rev {
        font-size:36px !important
    }
}

@media only screen and (max-width: 975px) {
    .t-tour-it .mobile-modal {
        background:transparent url("./public/assets./images/p-tour-it/mobile-devices.png") 0 0 repeat;
        width: 721px;
        height: 385px;
        margin: 0 auto;
        margin-left: -2%
    }
}

@media only screen and (max-width: 975px) {
    .t-tour-it .mobile-modal .mobile-modal-list {
        display:none
    }
}

.t-tour-it .splash .carousel-slide {
    background-position: top left !important
}

.t-tour-it .carousel-slide {
    height: 270px !important;
    padding: 55px 0 35px !important
}

.t-tour-it header p {
    color: #fff;
    width: 480px
}

@media only screen and (max-width: 975px) {
    .t-tour-it header p {
        width:60%
    }
}

@media only screen and (max-width: 700px) {
    .t-tour-it header p {
        width:100%
    }
}

.t-tour-it .ico-140 {
    width: 140px;
    height: 140px
}

.t-tour-it .feature-last {
    padding-bottom: 160px
}

.t-tour-it .feature-signup {
    height: auto;
    background: #555 url("./public/assets./images/p-tour-it/feature-matrix-tour-it-tile.png") 0 0 repeat
}

.t-tour-it .feature-signup img {
    margin-top: -190px
}

@media only screen and (max-width: 975px) {
    .t-tour-it .feature-signup {
        height:770px
    }
}

@media only screen and (max-width: 700px) {
    .t-tour-it .feature-signup {
        display:none
    }
}

.t-tour-it .mobile .special-pos {
    top: 263px
}

.t-tour-it .ico-knowledge {
    background-position: -137px 0
}

.t-tour-it .ico-community {
    background-position: -277px 0
}

.t-tour-it .ico-security {
    background-position: -417px 0
}

.t-tour-it .ico-panorama9 {
    background-position: 0 -141px
}

.t-tour-it .ico-samanage {
    background-position: -137px -141px
}

.t-tour-it .ico-logmeinrescue {
    background-position: -277px -141px
}

.t-tour-it .ico-inotas {
    background-position: -417px -141px
}

.t-tour-it .feature-matrix-list {
    max-width: 960px
}

.t-tour-it .feature-matrix-list.last .feature-matrix-list-item:hover {
    top: 0
}

.t-tour-it .feature-matrix {
    padding: 0;
    background: none
}

@media only screen and (max-width: 975px) {
    .t-tour-it .feature-matrix .feature-matrix-list-item {
        margin:0 2%;
        width: 21%
    }
}

@media only screen and (max-width: 700px) {
    .t-tour-it .feature-matrix .feature-matrix-list-item {
        margin:0;
        width: 100%
    }
}

.t-tour-it .feature-matrix .feature-matrix-list-item .ico {
    background-image: url("./public/assets./images/p-tour-it/sprite_feature-matrix-tour-it.png")
}

.t-tour-it .feature-matrix .feature-matrix-list.last .feature-matrix-list-item:hover {
    top: 0
}

.t-tour-it .feature-signup .l-island .button-download {
    background: url("./public/assets./images/p-tour-it/button-download.png") 0 0 no-repeat
}

.t-tour-it .feature-signup .l-island .button-download:hover {
    background-position: 0 -72px
}

.t-tour-it #slide-controls a.active:first-child {
    background: url("./public/assets./images/p-home/controls.png") -14px 0 no-repeat
}

.t-tour-it .splash {
    margin-bottom: 0
}

.t-tour-it .splash .carousel {
    top: 0;
    background: #000
}

.t-tour-it .splash h1,.t-tour-it .splash h2 {
    font-family: DNLTM;
    text-transform: none;
    color: #fff;
    border: none
}

.t-tour-it .splash h1 {
    font: 55px/1 DNLTM;
    margin: 0 0 5px;
    width: 450px
}

@media only screen and (max-width: 975px) {
    .t-tour-it .splash h1 {
        width:70%
    }
}

@media only screen and (max-width: 700px) {
    .t-tour-it .splash h1 {
        width:100%
    }
}

.t-tour-it .splash .carousel-slide-1 h2 {
    width: 620px
}

.t-tour-it .splash .carousel-slide-2 h1 {
    font-family: DNLTL;
    font-size: 28px;
    line-height: 1.2;
    width: 585px;
    margin-bottom: 20px
}

.t-tour-it .splash .carousel-slide-2 h2 {
    font-family: DNLTL;
    font-size: 24px;
    color: #8f8f8f
}

.feature-matrix {
    padding: 0 0 43px 0;
    background: #555 url("./public/assets./images/p-tour/base-learn-tile.jpg") 0 0 repeat-x
}

.feature-matrix .feature-matrix-title {
    font: 23px/1 DNRM;
    text-align: center;
    text-transform: uppercase;
    margin: 0;
    padding: 5px 0 19px 0;
    color: #fff
}

.feature-matrix .feature-matrix-list {
    margin: 0 auto;
    padding: 0;
    text-align: center;
    overflow: hidden
}

.feature-matrix .feature-matrix-list.first {
    margin-bottom: 30px
}

.feature-matrix .feature-matrix-list-item {
    position: relative;
    width: 190px;
    margin: 0 15px 30px;
    float: left;
    cursor: default
}

.feature-matrix .feature-matrix-list-item:last-child {
    margin-right: 0
}

.feature-matrix .feature-matrix-list-item:hover {
    top: 1px
}

.feature-matrix .feature-matrix-list-item-desc {
    font: 15px PNSB;
    text-align: center;
    margin: 0 0 10px
}

.feature-matrix-light .feature-matrix-list {
    width: 865px
}

@media only screen and (max-width: 975px) {
    .feature-matrix-light .feature-matrix-list {
        width:100%
    }
}

.feature-matrix-light .feature-matrix-list-item .ico {
    display: block;
    margin: 0 auto;
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform
}

.feature-matrix-light .feature-matrix-list-item .ico:hover {
    display: block;
    margin: 0 auto
}

.feature-matrix-dark p {
    font: 18px/22px PNR;
    color: #808080
}

.ent-templ .feature-matrix-dark h1 {
    font-size: 17px;
    padding-bottom: 5px;
    margin-top: 50px
}

.ent-templ .feature-matrix-dark p {
    margin-bottom: 50px
}

.ent-templ .feature-matrix-dark .feature-matrix-list {
    padding: 0 0 50px
}

.feature-matrix-dark .feature-matrix-list .feature-title-sub {
    color: #C9C9C9
}

.feature-matrix-dark .feature-matrix-list-item {
    position: relative;
    margin: 0 0 30px 0;
    float: left
}

@media only screen and (max-width: 975px) {
    .feature-matrix-dark .feature-matrix-list-item {
        margin:0 2%
    }
}

.feature-matrix-dark .feature-matrix-list {
    width: 760px
}

.feature-matrix-dark .feature-matrix-list-item-desc:hover {
    color: #eee;
    text-shadow: 0 1px 1px #000
}

.feature-matrix-dark .feature-matrix-list-item-desc {
    color: #fff
}

.feature-matrix-dark-5col .feature-matrix-list-item {
    width: 152px
}

.t-tour .ico-facebook {
    background-position: 0 0
}

.t-tour .ico-satisfaction {
    background-position: -142px 0
}

.t-tour .ico-analytics {
    background-position: -282px 0
}

.t-tour .ico-sharing {
    background-position: -424px 0
}

.t-tour .ico-voice {
    background-position: -563px 1px
}

.t-tour .ico-twitter {
    background-position: 0 -144px
}

.t-tour .ico-self-service {
    background-position: -141px -144px
}

.t-tour .ico-jira {
    background-position: -283px -144px
}

.t-tour .ico-salesforce {
    background-position: -424px -144px
}

.t-tour .ico-internationalization {
    background-position: -564px -144px
}

@-ms-keyframes glimmer {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-moz-keyframes glimmer {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes glimmer {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-o-keyframes glimmer {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes glimmer {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-ms-keyframes swim {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-moz-keyframes swim {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes swim {
    0% {
        left: 400px;
        bottom: 200px;
        -webkit-transform: rotate(0deg)
    }

    10% {
        bottom: 230px;
        -webkit-transform: rotate(-45deg)
    }

    15% {
        bottom: 230px;
        -webkit-transform: rotate(0deg)
    }

    85% {
        bottom: 230px
    }

    90% {
        bottom: 225px
    }

    95% {
        left: 500px;
        bottom: 200px
    }

    100% {
        left: 500px;
        bottom: 200px;
        -webkit-transform: rotate(0deg)
    }
}

@keyframes swim {
    0% {
        left: 400px;
        bottom: 200px;
        transform: rotate(0deg)
    }

    10% {
        bottom: 230px;
        transform: rotate(-45deg)
    }

    15% {
        bottom: 230px;
        transform: rotate(0deg)
    }

    85% {
        bottom: 230px
    }

    90% {
        bottom: 225px
    }

    95% {
        left: 500px;
        bottom: 200px
    }

    100% {
        left: 500px;
        bottom: 200px;
        transform: rotate(0deg)
    }
}

@-ms-keyframes cloud-float {
    0% {
        right: 100px
    }

    50% {
        right: 150px
    }

    100% {
        right: 100px
    }
}

@-moz-keyframes cloud-float {
    0% {
        right: 100px
    }

    50% {
        right: 150px
    }

    100% {
        right: 100px
    }
}

@-webkit-keyframes cloud-float {
    0% {
        right: 100px
    }

    50% {
        right: 150px
    }

    100% {
        right: 100px
    }
}

@keyframes cloud-float {
    0% {
        right: 100px
    }

    50% {
        right: 150px
    }

    100% {
        right: 100px
    }
}

@-ms-keyframes cloud-float-front {
    0% {
        right: 150px
    }

    50% {
        right: 200px
    }

    100% {
        right: 150px
    }
}

@-moz-keyframes cloud-float-front {
    0% {
        right: 150px
    }

    50% {
        right: 200px
    }

    100% {
        right: 150px
    }
}

@-webkit-keyframes cloud-float-front {
    0% {
        left: -25px
    }

    50% {
        left: 25px
    }

    100% {
        left: -25px
    }
}

@keyframes cloud-float-front {
    0% {
        right: 100px
    }

    50% {
        right: 150px
    }

    100% {
        right: 100px
    }
}

@-ms-keyframes trot {
    0% {
        left: 287px;
        -ms-transform: scaleX(1)
    }

    29% {
        -ms-transform: scaleX(1)
    }

    30% {
        left: 227px;
        -ms-transform: scaleX(-1)
    }

    60% {
        left: 227px;
        -ms-transform: scaleX(-1)
    }

    80% {
        left: 287px;
        -ms-transform: scaleX(-1)
    }

    81% {
        left: 287px;
        -ms-transform: scaleX(1)
    }

    100% {
        left: 287px;
        -ms-transform: scaleX(1)
    }
}

@-moz-keyframes trot {
    0% {
        left: 287px;
        -moz-transform: scaleX(1)
    }

    29% {
        left: 227px;
        -moz-transform: scaleX(1)
    }

    30% {
        left: 227px;
        -moz-transform: scaleX(-1)
    }

    60% {
        left: 227px;
        -moz-transform: scaleX(-1)
    }

    80% {
        left: 287px;
        -moz-transform: scaleX(-1)
    }

    81% {
        left: 287px;
        -moz-transform: scaleX(1)
    }

    100% {
        left: 287px;
        -moz-transform: scaleX(1)
    }
}

@-webkit-keyframes trot {
    0% {
        left: 287px;
        -webkit-transform: scaleX(1)
    }

    29% {
        -webkit-transform: scaleX(1)
    }

    30% {
        left: 227px;
        -webkit-transform: scaleX(-1)
    }

    60% {
        left: 227px;
        -webkit-transform: scaleX(-1)
    }

    80% {
        left: 287px;
        -webkit-transform: scaleX(-1)
    }

    81% {
        left: 287px;
        -webkit-transform: scaleX(1)
    }

    100% {
        left: 287px;
        -webkit-transform: scaleX(1)
    }
}

@keyframes trot {
    0% {
        left: 287px;
        transform: scaleX(1)
    }

    29% {
        -webkit-transform: scaleX(1)
    }

    30% {
        left: 227px;
        transform: scaleX(-1)
    }

    60% {
        left: 227px;
        transform: scaleX(-1)
    }

    80% {
        left: 287px;
        transform: scaleX(-1)
    }

    81% {
        left: 287px;
        transform: scaleX(1)
    }

    100% {
        left: 287px;
        transform: scaleX(1)
    }
}

body[data-useragent*='Safari'] .t-tourrev .row-video {
    background-color: #f1f1ef
}

body[data-useragent*='Safari'] .t-tourrev .row-ipad .graph-blue {
    background: #f1f1f2 url("//web.archive.org/web/20190118075937im_/http://d26a57ydsghvgx.cloudfront.net/www/public/assets./images/p-tour-new/row-ipad-bg-graph-safari.png") repeat-x
}

body[data-useragent*='Safari'] .t-tourrev .row-ipad .graph-blue .filler {
    background-color: #f1f1f2
}

body[data-useragent*='Safari'] .t-tourrev .row-ipad .video-peel .mask {
    background-image: url("//web.archive.org/web/20190118075937im_/http://d26a57ydsghvgx.cloudfront.net/www/public/assets./images/p-tour-new/thumbnail_analytics_mask-safari.png")
}

@media screen and (device-aspect-ratio: 40 / 71), screen and (max-width: 980px) {
    body[data-useragent*='Safari'] .t-tourrev .row-ipad .graph-blue .filler {
        background-color:#EBECEE
    }
}

@media screen and (device-aspect-ratio: 40 / 71), screen and (max-width: 980px) {
    body[data-useragent*='Safari'] .t-tourrev .row-ipad .graph-blue {
        background-color:#EBECEE;
        background-image: url(//web.archive.org/web/20190118075937im_/http://d26a57ydsghvgx.cloudfront.net/www/public/assets./images/p-tour-new/row-ipad-bg-graph.png)
    }
}

body[data-useragent*='Safari'][data-useragent*='Version/6.0'] .t-tourrev .row-video .video-container {
    bottom: -20px
}

body[data-useragent*='Firefox'] .t-tourrev .row-ipad .graph-blue {
    border-top: 1px solid #fafafa
}

body[data-useragent*='Chrome'] .t-tourrev .row-video {
    background-color: #edeeed
}

body[data-useragent*='Chrome'] .t-tourrev .row-ipad .graph-blue {
    background: #ebecee url("//web.archive.org/web/20190118075937im_/http://d26a57ydsghvgx.cloudfront.net/www/public/assets./images/p-tour-new/row-ipad-bg-graph.png") repeat-x
}

body[data-useragent*='Chrome'] .t-tourrev .row-ipad .graph-blue .filler {
    background-color: #ebecee
}

body[data-useragent*='Chrome'] .t-tourrev .row-ipad .video-peel .mask {
    background-image: url("//web.archive.org/web/20190118075937im_/http://d26a57ydsghvgx.cloudfront.net/www/public/assets./images/p-tour-new/thumbnail_analytics_mask.png")
}

body[data-useragent*='iPad'] .t-tourrev h2 {
    font: 4.1em/1.1 DNLTUL !important
}

.t-tourrev {
    background: #fff;
    height: auto;
    font-size: 16px;
    color: #333333
}

@media only screen and (max-width: 1030px) {
    .t-tourrev {
        font-size:14px
    }
}

.t-tourrev .tour-menu-container .tour-menu-expanded .left>ul>li.explore a {
    display: block;
    padding: 12px 0px
}

.t-tourrev .tour-menu-container .tour-menu-expanded .left>ul>li.explore .icon {
    background-position: 0px -206px
}

.t-tourrev .tour-menu-container .tour-menu-expanded .left>ul>li.specs a {
    display: block;
    padding: 12px 0px
}

.t-tourrev .tour-menu-container .tour-menu-expanded .left>ul>li.specs .icon {
    background-position: 0px -280px
}

.t-tourrev .tour-menu-container .tour-menu-expanded .left>ul>li.specs a,.t-tourrev .tour-menu-container .tour-menu-expanded .left>ul>li.explore a {
    padding: 12px 0px;
    display: block
}

.t-tourrev .tour-menu-container .tour-menu-expanded .left>ul>li.specs a:hover,.t-tourrev .tour-menu-container .tour-menu-expanded .left>ul>li.explore a:hover {
    background-color: #3c3b3b
}

.t-tourrev .tour-menu-container .tour-menu-expanded .left>ul>li.start-trial {
    text-align: center
}

.t-tourrev .tour-menu-container .tour-menu-expanded .left>ul>li.start-trial a {
    float: none;
    margin: 20px 0px;
    padding: 10px 22px;
    font-size: 1.125em
}

.t-tourrev .row {
    width: 100%
}

@media only screen and (max-width: 975px) {
    .t-tourrev .row {
        overflow:hidden
    }
}

.t-tourrev .inner {
    width: 960px;
    margin: 0px auto;
    padding-top: 100px
}

@media only screen and (max-width: 975px) {
    .t-tourrev .inner {
        width:80%;
        padding: 10%;
        overflow: hidden
    }
}

.t-tourrev .sub-desc {
    line-height: 1.4;
    color: #555
}

@media only screen and (max-width: 975px) {
    .t-tourrev .sub-desc {
        font-size:1.6em
    }
}

@media only screen and (max-width: 700px) {
    .t-tourrev .sub-desc {
        font-size:1.2em
    }
}

.t-tourrev .video-peel {
    display: block;
    position: relative
}

@media only screen and (max-width: 975px) {
    .t-tourrev .video-peel .mask-wrapper,.t-tourrev .video-peel .mask,.t-tourrev .video-peel .video-btn,.t-tourrev .video-peel .video-circle,.t-tourrev .video-peel video {
        display:none
    }
}

.t-tourrev .video-peel:hover .video-caption {
    color: #000
}

.t-tourrev .video-peel:hover .video-btn {
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

.t-tourrev .video-peel .mask-wrapper {
    height: 140px;
    width: 130px;
    position: relative;
    margin: 0px auto;
    overflow: hidden
}

.t-tourrev .video-peel .mask {
    background: transparent url("//web.archive.org/web/20190118075937im_/http://d26a57ydsghvgx.cloudfront.net/www/public/assets./images/p-tour-new/thumbnail_analytics_mask.png") center center no-repeat;
    position: absolute;
    top: -93px;
    left: -103px;
    z-index: 11;
    height: 336px;
    width: 336px;
    background-size: 50%
}

.t-tourrev .video-peel .video-btn {
    background: transparent url("//web.archive.org/web/20190118075937im_/http://d26a57ydsghvgx.cloudfront.net/www/public/assets./images/p-tour-new/video-play-icon.png") center center no-repeat;
    width: 37px;
    height: 37px;
    top: 56px;
    left: 46px;
    z-index: 13;
    position: absolute;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

.t-tourrev .video-peel .video-circle {
    position: absolute;
    top: 21px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    margin: 0px auto 20px;
    width: 101px;
    height: 101px;
    border: 3px solid #fff;
    z-index: 12;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    border-radius: 100px
}

.t-tourrev .video-peel video {
    position: absolute;
    z-index: 10;
    left: 0px;
    top: 0px
}

.t-tourrev .video-peel .video-caption {
    color: #434343;
    font: .89em/1 DNRM;
    text-transform: uppercase
}

@media only screen and (max-width: 975px) {
    .t-tourrev .video-peel .video-caption {
        margin-top:40px;
        text-decoration: underline;
        color: #000
    }

    .t-tourrev .video-peel .video-caption:before,.t-tourrev .video-peel .video-caption.ico-iphone:after {
        content: "> "
    }
}

@media only screen and (max-width: 700px) {
    .t-tourrev .video-peel .video-caption {
        text-align:left
    }
}

.t-tourrev h1 {
    color: #666;
    font: 4.1em/1 DNLTL;
    padding-top: 80px
}

@media only screen and (max-width: 975px) {
    .t-tourrev h1 {
        font:4.1em/1 DNLTL
    }
}

.t-tourrev h2 {
    font: 3.7em/1 DNLTUL;
    margin-bottom: 20px
}

@media only screen and (max-width: 975px) {
    .t-tourrev h2 {
        font:3.7em/1 DNLTL !important;
        margin: 0px auto 20px !important
    }
}

@media only screen and (max-width: 975px) {
    .t-tourrev h2 {
        font-size:2.5em !important
    }
}

@media only screen and (max-width: 700px) {
    .t-tourrev h2 {
        font-size:2em !important
    }
}

.t-tourrev h4,.t-tourrev .mobile-modal .mobile-modal-list li h5,.mobile-modal .mobile-modal-list li .t-tourrev h5 {
    font: 1em/1 DNLTM;
    text-transform: uppercase;
    margin-bottom: 35px;
    letter-spacing: 1px
}

@media only screen and (max-width: 975px) {
    .t-tourrev h4,.t-tourrev .mobile-modal .mobile-modal-list li h5,.mobile-modal .mobile-modal-list li .t-tourrev h5 {
        font:1em/1 DNLTM
    }
}

.t-tourrev .tour-menu-container {
    position: absolute;
    right: 0px;
    z-index: 999;
    filter: alpha(opacity=90);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
    bottom: 0px
}

@media only screen and (max-width: 975px) {
    .t-tourrev .tour-menu-container {
        display:none
    }
}

.t-tourrev .tour-menu-container ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none
}

.t-tourrev .tour-menu-container ul li {
    margin: 0px;
    padding: 0px
}

.t-tourrev .tour-menu-container .tour-menu {
    width: 55px;
    background-color: #d5d5d5;
    color: #fff;
    text-align: center;
    -webkit-border-radius: 5px 0px 0px 5px;
    -moz-border-radius: 5px 0px 0px 5px;
    -ms-border-radius: 5px 0px 0px 5px;
    -o-border-radius: 5px 0px 0px 5px;
    border-radius: 5px 0px 0px 5px;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 999
}

.t-tourrev .tour-menu-container .tour-menu .green {
    color: #78a300
}

.t-tourrev .tour-menu-container .tour-menu .arrow {
    width: 55px;
    height: 35px
}

.t-tourrev .tour-menu-container .tour-menu .arrow a {
    width: 55px;
    height: 35px;
    display: block;
    background: transparent url("//web.archive.org/web/20190118075937im_/http://d26a57ydsghvgx.cloudfront.net/www/public/assets./images/p-tour-new/nav-icons.png") no-repeat;
    filter: alpha(opacity=80);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8
}

.t-tourrev .tour-menu-container .tour-menu .arrow a:hover {
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

.t-tourrev .tour-menu-container .tour-menu .arrow.up {
    padding: 20px 0px 12px
}

.t-tourrev .tour-menu-container .tour-menu .arrow.up a {
    background-position: 5px -339px
}

.t-tourrev .tour-menu-container .tour-menu .arrow.down {
    padding: 10px 0px 15px
}

.t-tourrev .tour-menu-container .tour-menu .arrow.down a {
    background-position: 5px -387px
}

.t-tourrev .tour-menu-container .tour-menu .menu-icon {
    background-color: #313131;
    height: 50px;
    width: 100%;
    -webkit-border-radius: 0px 0px 0px 5px;
    -moz-border-radius: 0px 0px 0px 5px;
    -ms-border-radius: 0px 0px 0px 5px;
    -o-border-radius: 0px 0px 0px 5px;
    border-radius: 0px 0px 0px 5px
}

.t-tourrev .tour-menu-container .tour-menu .menu-icon a {
    background: transparent url("//web.archive.org/web/20190118075937im_/http://d26a57ydsghvgx.cloudfront.net/www/public/assets./images/p-tour-new/nav-icons.png") no-repeat;
    background-size: 45px 383px;
    width: 55px;
    height: 35px;
    display: block;
    background-position: 7px -349px;
    filter: alpha(opacity=60);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6
}

.t-tourrev .tour-menu-container .tour-menu .menu-icon a:hover {
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

.t-tourrev .tour-menu-container .tour-menu-expanded {
    display: none;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 385px;
    background-color: #413f3f;
    z-index: 998;
    padding-top: 30px;
    max-height: 270px;
    -webkit-border-radius: 0px 0px 0px 5px;
    -moz-border-radius: 0px 0px 0px 5px;
    -ms-border-radius: 0px 0px 0px 5px;
    -o-border-radius: 0px 0px 0px 5px;
    border-radius: 0px 0px 0px 5px
}

.t-tourrev .tour-menu-container .tour-menu-expanded .left {
    width: 330px;
    float: left
}

.t-tourrev .tour-menu-container .tour-menu-expanded .right {
    background-color: #313131;
    width: 55px;
    float: right;
    max-height: 270px
}

.t-tourrev .tour-menu-container .tour-menu-expanded .left>ul>li {
    text-align: left
}

.t-tourrev .tour-menu-container .tour-menu-expanded .left>ul>li .title {
    color: #fff;
    text-transform: uppercase;
    font: 1em/1 DNLTM;
    margin-bottom: 10px
}

.t-tourrev .tour-menu-container .tour-menu-expanded .left>ul>li .child-menu {
    margin-left: 10px
}

.t-tourrev .tour-menu-container .tour-menu-expanded .left>ul>li .child-menu a {
    color: #d5d5d5;
    text-transform: uppercase;
    font: .92em/1 DNLTL;
    margin-bottom: 10px;
    display: block
}

.t-tourrev .tour-menu-container .tour-menu-expanded .left>ul>li .child-menu a:hover {
    color: #fff
}

.t-tourrev .tour-menu-container .tour-menu-expanded .left>ul>li .icon {
    width: 45px;
    height: 56px;
    background: transparent url("//web.archive.org/web/20190118075937im_/http://d26a57ydsghvgx.cloudfront.net/www/public/assets./images/p-tour-new/nav-icons.png") no-repeat;
    background-size: 45px 383px;
    float: left;
    margin-left: 20px;
    margin-right: 16px
}

.t-tourrev .tour-menu-container .tour-menu-expanded .left>ul>li .meta {
    float: left;
    width: 225px
}

.t-tourrev .tour-menu-container .tour-menu-expanded .left>ul>li .description {
    color: #808080;
    font-size: .75em
}

.t-tourrev .tour-menu-container .tour-menu-expanded .left>ul>li.explore a {
    display: block;
    padding: 12px 0px
}

.t-tourrev .tour-menu-container .tour-menu-expanded .left>ul>li.explore .icon {
    background-position: 0px -206px
}

.t-tourrev .tour-menu-container .tour-menu-expanded .left>ul>li.specs a {
    display: block;
    padding: 12px 0px
}

.t-tourrev .tour-menu-container .tour-menu-expanded .left>ul>li.specs .icon {
    background-position: 0px -280px
}

.t-tourrev .tour-menu-container .tour-menu-expanded .left>ul>li.specs a,.t-tourrev .tour-menu-container .tour-menu-expanded .left>ul>li.explore a {
    padding: 12px 0px;
    display: block
}

.t-tourrev .tour-menu-container .tour-menu-expanded .left>ul>li.specs a:hover,.t-tourrev .tour-menu-container .tour-menu-expanded .left>ul>li.explore a:hover {
    background-color: #3c3b3b
}

.t-tourrev .tour-menu-container .tour-menu-expanded .left>ul>li.start-trial {
    text-align: center
}

.t-tourrev .tour-menu-container .tour-menu-expanded .left>ul>li.start-trial a {
    float: none;
    margin: 20px 0px;
    padding: 10px 22px;
    font-size: 1.125em
}

.t-tourrev .tour-menu-container.active {
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

.t-tourrev .tour-menu-container.active .tour-menu {
    background-color: #636363;
    -webkit-border-radius: 0px 0px 0px 0px;
    -moz-border-radius: 0px 0px 0px 0px;
    -ms-border-radius: 0px 0px 0px 0px;
    -o-border-radius: 0px 0px 0px 0px;
    border-radius: 0px 0px 0px 0px
}

.t-tourrev .tour-menu-container.active .tour-menu .menu-icon {
    -webkit-border-radius: 0px 0px 0px 0px;
    -moz-border-radius: 0px 0px 0px 0px;
    -ms-border-radius: 0px 0px 0px 0px;
    -o-border-radius: 0px 0px 0px 0px;
    border-radius: 0px 0px 0px 0px;
    background-color: #313131
}

.t-tourrev .row-video {
    height: 760px;
    width: 100%;
    text-align: center;
    background-color: #edeeed;
    position: relative
}

@media only screen and (max-width: 700px) {
    .t-tourrev .row-video {
        height:440px
    }
}

.t-tourrev .row-video h1 {
    max-width: 850px;
    margin: 0px auto 10px;
    padding: 0px
}

@media only screen and (max-width: 700px) {
    .t-tourrev .row-video h1 {
        font-size:2em;
        margin: 0px 30px
    }
}

.t-tourrev .row-video .vert-center {
    z-index: 10;
    position: absolute;
    width: 100%;
    bottom: 0px;
    top: 90px
}

@media only screen and (max-width: 700px) {
    .t-tourrev .row-video .vert-center {
        top:50px
    }
}

.t-tourrev .row-video .video-container {
    width: 100%;
    position: absolute;
    z-index: 9;
    bottom: 60px
}

@media only screen and (max-width: 975px) {
    .t-tourrev .row-video .video-container {
        background:url("//web.archive.org/web/20190118075937im_/http://d26a57ydsghvgx.cloudfront.net/www/public/assets./images/p-tour-new/row-video-manager-still.png") no-repeat;
        background-size: cover;
        height: 85%;
        bottom: 0px
    }
}

@media only screen and (max-width: 700px) {
    .t-tourrev .row-video .video-container {
        height:70%
    }
}

.t-tourrev .row-video video {
    height: 100%;
    width: 960px;
    margin: 0px auto;
    position: relative
}

@media only screen and (max-width: 975px) {
    .t-tourrev .row-video video {
        display:none
    }
}

.t-tourrev .row-video #easter-egg-video {
    display: none
}

.t-tourrev .row-video .play-btn {
    background: transparent url("./public/assets./images/p-demo/play-arrow-large.png") center center no-repeat;
    height: 189px;
    width: 189px;
    min-width: 100px;
    background-size: 90%;
    display: block;
    margin: 0 auto;
    -webkit-opacity: 0.8;
    -moz-opacity: 0.8;
    -ms-opacity: 0.8;
    -o-opacity: 0.8;
    opacity: 0.8
}

.t-tourrev .row-video .play-btn .border {
    background: transparent url("./public/assets./images/p-demo/play-arrow-large-hover.png") center center no-repeat;
    background-size: 90%;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    display: block
}

.t-tourrev .row-video .play-btn:hover .border {
    filter: alpha(opacity=90);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -ms-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s
}

@media only screen and (max-width: 975px) {
    .t-tourrev .row-video .play-btn {
        height:200px;
        width: 200px;
        margin: 20px auto 0px
    }
}

@media only screen and (max-width: 700px) {
    .t-tourrev .row-video .play-btn {
        height:100px;
        width: 100px;
        margin: 0 auto
    }
}

.t-tourrev .row-customer-support {
    overflow: hidden;
    height: 810px;
    position: relative
}

@media only screen and (max-width: 975px) {
    .t-tourrev .row-customer-support {
        height:1790px
    }
}

@media only screen and (max-width: 700px) {
    .t-tourrev .row-customer-support {
        height:1500px
    }
}

.t-tourrev .row-customer-support .title {
    margin-bottom: 35px;
    color: #434343
}

.t-tourrev .row-customer-support h2 {
    color: #78a300;
    margin: 0px auto 20px;
    max-width: 90%
}

.t-tourrev .row-customer-support .sub-desc {
    margin-bottom: 50px
}

@media only screen and (max-width: 975px) {
    .t-tourrev .row-customer-support .sub-desc {
        margin-bottom:40px
    }
}

.t-tourrev .row-customer-support .icons-container {
    width: 91px;
    height: 930px;
    position: absolute;
    top: 360px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: 0px auto;
    z-index: 11
}

@media only screen and (max-width: 975px) {
    .t-tourrev .row-customer-support .icons-container {
        height:1250px;
        position: relative;
        margin: 0px auto;
        top: 0px;
        bottom: inherit;
        left: inherit;
        right: inherit;
        display: block
    }
}

.t-tourrev .row-customer-support .icons-container .dialog {
    background-color: #f3f3f3;
    color: #636363;
    font: .87em/1.3 DNLTR;
    filter: alpha(opacity=85);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    -moz-opacity: 0.85;
    -khtml-opacity: 0.85;
    opacity: 0.85;
    position: absolute;
    left: -360px;
    top: 3px;
    width: 305px;
    padding: 15px 15px 15px 15px;
    text-align: left;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    display: none
}

@media only screen and (max-width: 975px) {
    .t-tourrev .row-customer-support .icons-container .dialog {
        left:-346px;
        top: 102px;
        bottom: inherit;
        display: block !important;
        height: 156px;
        text-align: center;
        font-size: 1.6em;
        background-color: #fafafa;
        color: #6666;
        right: 0px;
        margin: 0px auto;
        width: 742px
    }
}

@media only screen and (max-width: 700px) {
    .t-tourrev .row-customer-support .icons-container .dialog {
        background:none;
        font-size: 1.2em;
        padding-top: 0;
        height: 165px;
        width: 220px;
        left: -90%
    }
}

.t-tourrev .row-customer-support .icons-container .dialog strong {
    text-transform: uppercase
}

.t-tourrev .row-customer-support .icons-container .dialog a {
    display: block;
    margin-top: 5px
}

.t-tourrev .row-customer-support .icons-container .dialog .arrow {
    background: transparent url("//web.archive.org/web/20190118075937im_/http://d26a57ydsghvgx.cloudfront.net/www/public/assets./images/p-tour-new/row-customer-support-dialog-arrow.png") no-repeat;
    width: 11px;
    height: 23px;
    position: absolute;
    right: -11px;
    top: 29px
}

@media only screen and (max-width: 975px) {
    .t-tourrev .row-customer-support .icons-container .dialog .arrow {
        top:-16px;
        left: 383px;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }
}

.t-tourrev .row-customer-support .icons-container .zoomed {
    background: transparent url("//web.archive.org/web/20190118075937im_/http://d26a57ydsghvgx.cloudfront.net/www/public/assets./images/p-tour-new/row-customer-support-zoomed.png") no-repeat;
    background-size: 100%;
    width: 305px;
    height: 306px;
    position: absolute;
    right: -345px;
    top: 60px;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0
}

@media only screen and (max-width: 975px) {
    .t-tourrev .row-customer-support .icons-container .zoomed {
        display:none !important
    }
}

.t-tourrev .row-customer-support .icons-container .pointers {
    background: transparent url("//web.archive.org/web/20190118075937im_/http://d26a57ydsghvgx.cloudfront.net/www/public/assets./images/p-tour-new/row-customer-support-pointers.png") no-repeat;
    width: 177px;
    height: 264px;
    position: absolute;
    right: -167px;
    top: 65px;
    z-index: 12;
    display: none;
    filter: alpha(opacity=40);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    -moz-opacity: 0.4;
    -khtml-opacity: 0.4;
    opacity: 0.4
}

@media only screen and (max-width: 975px) {
    .t-tourrev .row-customer-support .icons-container .pointers {
        display:none !important
    }
}

.t-tourrev .row-customer-support .icons-container ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    position: absolute;
    z-index: 13
}

.t-tourrev .row-customer-support .icons-container ul li {
    padding: 0px;
    margin: 0px;
    background: transparent url("//web.archive.org/web/20190118075937im_/http://d26a57ydsghvgx.cloudfront.net/www/public/assets./images/p-tour-new/row-customer-support-icons.png") center center no-repeat;
    background-position: 0px 0px;
    background-size: 323px 395px;
    width: 90px;
    height: 90px;
    display: block;
    margin-bottom: 10px;
    position: relative;
    display: none
}

@media only screen and (max-width: 975px) {
    .t-tourrev .row-customer-support .icons-container ul li {
        margin-bottom:230px;
        display: block
    }
}

@media only screen and (max-width: 700px) {
    .t-tourrev .row-customer-support .icons-container ul li {
        margin-top:-10px
    }
}

.t-tourrev .row-customer-support .icons-container ul li>a {
    display: block;
    width: 100%;
    height: 100%;
    cursor: default
}

.t-tourrev .row-customer-support .icons-container ul li:last-child {
    margin-bottom: 0px
}

.t-tourrev .row-customer-support .icons-container ul li.mail {
    background-position: -117px 0px
}

.t-tourrev .row-customer-support .icons-container ul li.mail:hover {
    background-position: -235px 0px
}

.t-tourrev .row-customer-support .icons-container ul li.mail.active {
    background-position: 0px 0px
}

@media only screen and (max-width: 975px) {
    .t-tourrev .row-customer-support .icons-container ul li.mail {
        background-position:0px 0px !important
    }
}

.t-tourrev .row-customer-support .icons-container ul li.social {
    background-position: -117px -102px
}

@media only screen and (max-width: 700px) {
    .t-tourrev .row-customer-support .icons-container ul li.social {
        margin-top:-40px;
        margin-bottom: 170px
    }
}

.t-tourrev .row-customer-support .icons-container ul li.social:hover {
    background-position: -235px -102px
}

.t-tourrev .row-customer-support .icons-container ul li.social.active {
    background-position: 0px -102px
}

@media only screen and (max-width: 975px) {
    .t-tourrev .row-customer-support .icons-container ul li.social strong {
        display:block;
        margin-top: 25px
    }
}

@media only screen and (max-width: 700px) {
    .t-tourrev .row-customer-support .icons-container ul li.social strong {
        margin-top:0
    }
}

@media only screen and (max-width: 975px) {
    .t-tourrev .row-customer-support .icons-container ul li.social {
        background-position:0px -102px !important
    }
}

.t-tourrev .row-customer-support .icons-container ul li.phone {
    background-position: -119px -205px
}

.t-tourrev .row-customer-support .icons-container ul li.phone:hover {
    background-position: -237px -205px
}

.t-tourrev .row-customer-support .icons-container ul li.phone.active {
    background-position: 0px -205px
}

@media only screen and (max-width: 975px) {
    .t-tourrev .row-customer-support .icons-container ul li.phone {
        background-position:0px -205px !important
    }
}

.t-tourrev .row-customer-support .icons-container ul li.chat {
    background-position: -120px -306px
}

.t-tourrev .row-customer-support .icons-container ul li.chat:hover {
    background-position: -238px -306px
}

.t-tourrev .row-customer-support .icons-container ul li.chat.active {
    background-position: 0px -306px
}

@media only screen and (max-width: 975px) {
    .t-tourrev .row-customer-support .icons-container ul li.chat strong {
        display:block;
        margin-top: 25px
    }
}

@media only screen and (max-width: 700px) {
    .t-tourrev .row-customer-support .icons-container ul li.chat strong {
        margin-top:0
    }
}

@media only screen and (max-width: 975px) {
    .t-tourrev .row-customer-support .icons-container ul li.chat {
        background-position:0px -306px !important
    }
}

.t-tourrev .row-customer-support .screenshot-container {
    position: relative;
    width: 100%
}

@media only screen and (max-width: 975px) {
    .t-tourrev .row-customer-support .screenshot-container {
        display:none
    }
}

.t-tourrev .row-customer-support .screenshot-container .screenshot {
    position: absolute;
    background: transparent url("//web.archive.org/web/20190118075937im_/http://d26a57ydsghvgx.cloudfront.net/www/public/assets./images/p-tour-new/row-customer-support-screenshot.png") center center no-repeat;
    width: 921px;
    height: 461px;
    z-index: 10
}

.t-tourrev .row-customer-support .categories {
    filter: alpha(opacity=85);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    -moz-opacity: 0.85;
    -khtml-opacity: 0.85;
    opacity: 0.85
}

.t-tourrev .row-customer-support .categories li {
    width: 200px;
    margin-right: 25px;
    float: left
}

.t-tourrev .row-customer-support .categories li:last-child {
    margin-right: 0px
}

.t-tourrev .row-breakout {
    background-color: #f1f1f1;
    position: relative;
    height: 1050px;
    width: 100%;
    overflow: hidden
}

@media screen and (device-aspect-ratio: 40 / 71), screen and (max-width: 975px), screen and (max-width: 1024px) {
    .t-tourrev .row-breakout {
        height:1150px
    }
}

@media only screen and (max-width: 975px) {
    .t-tourrev .row-breakout {
        height:1050px
    }
}

@media only screen and (max-width: 700px) {
    .t-tourrev .row-breakout {
        height:910px
    }
}

.t-tourrev .row-breakout .over {
    position: absolute;
    width: 100%;
    z-index: 10;
    top: 0px
}

.t-tourrev .row-breakout .inner {
    padding-top: 90px
}

.t-tourrev .row-breakout .title {
    margin-bottom: 35px;
    color: #434343
}

.t-tourrev .row-breakout h2 {
    color: #78a300;
    margin: 0px auto 20px;
    max-width: 85%
}

.t-tourrev .row-breakout .sub-desc {
    margin: 0px auto;
    max-width: 520px;
    margin-bottom: 25px
}

@media only screen and (max-width: 975px) {
    .t-tourrev .row-breakout .sub-desc {
        max-width:620px
    }
}

.t-tourrev .row-breakout .watch-magic-happen {
    width: 220px;
    margin: 0px auto
}

.t-tourrev .row-breakout .watch-magic-happen .video-peel .mask {
    background-image: url("//web.archive.org/web/20190118075937im_/http://d26a57ydsghvgx.cloudfront.net/www/public/assets./images/p-tour-new/thumbnail_triggers_mask.png")
}

.t-tourrev .row-breakout .canvas {
    position: absolute;
    width: 100%;
    height: 729px;
    z-index: 9;
    bottom: 0px
}

@media only screen and (max-width: 975px) {
    .t-tourrev .row-breakout .canvas .prop {
        display:none
    }
}

.t-tourrev .row-breakout .canvas .sign {
    position: absolute;
    bottom: 374px;
    left: 268px;
    width: 75px;
    height: 70px;
    z-index: 13;
    background: transparent url("//web.archive.org/web/20190118075937im_/http://d26a57ydsghvgx.cloudfront.net/www/public/assets./images/p-tour-new/row-breakout-sign.png") no-repeat
}

.t-tourrev .row-breakout .canvas .sun {
    -webkit-animation: spin 4s infinite linear;
    -moz-animation: spin 4s infinite linear;
    -ms-animation: spin 4s infinite linear;
    -o-animation: spin 4s infinite linear;
    animation: spin 4s infinite linear;
    position: absolute;
    top: -45px;
    left: 120px;
    width: 44px;
    height: 51px;
    background: transparent url("//web.archive.org/web/20190118075937im_/http://d26a57ydsghvgx.cloudfront.net/www/public/assets./images/p-tour-new/row-breakout-sun.png") no-repeat
}

@media screen and (device-aspect-ratio: 40 / 71), screen and (max-width: 975px), screen and (max-width: 1024px) {
    .t-tourrev .row-breakout .canvas .sun {
        top:-155px
    }
}

.t-tourrev .row-breakout .canvas .big-wave {
    position: absolute;
    bottom: 164px;
    left: 376px;
    width: 201px;
    height: 70px;
    z-index: 9;
    background: transparent url("//web.archive.org/web/20190118075937im_/http://d26a57ydsghvgx.cloudfront.net/www/public/assets./images/p-tour-new/row-breakout-big-wave.png") no-repeat;
    background-size: 268px 45px;
    background-position: -18px 0px
}

.t-tourrev .row-breakout .canvas .bridge,.t-tourrev .row-breakout .canvas .bridge-static {
    position: absolute;
    bottom: -334px;
    left: 407px
}

.t-tourrev .row-breakout .canvas .bridge-static {
    background: transparent url("//web.archive.org/web/20190118075937im_/http://d26a57ydsghvgx.cloudfront.net/www/public/assets./images/p-tour-new/row-breakout-bridge.png") no-repeat;
    width: 329px;
    height: 128px;
    bottom: 331px
}

@media only screen and (max-width: 975px) {
    .t-tourrev .row-breakout .canvas .bridge {
        display:none
    }

    .t-tourrev .row-breakout .canvas .bridge-static {
        display: block;
        left: 332px
    }
}

@media only screen and (max-width: 975px) {
    .t-tourrev .row-breakout .canvas .bridge-static {
        left:220px;
        background-size: 315px;
        top: 525px
    }
}

@media only screen and (max-width: 700px) {
    .t-tourrev .row-breakout .canvas .bridge-static {
        display:none !important
    }
}

.t-tourrev .row-breakout .canvas .gator {
    position: absolute;
    bottom: 230px;
    left: 500px;
    width: 77px;
    height: 27px;
    z-index: 8;
    background: transparent url("//web.archive.org/web/20190118075937im_/http://d26a57ydsghvgx.cloudfront.net/www/public/assets./images/p-tour-new/row-breakout-gator.png") no-repeat;
    -webkit-animation: swim 10s infinite linear;
    -moz-animation: swim 10s infinite linear;
    -ms-animation: swim 10s infinite linear;
    -o-animation: swim 10s infinite linear;
    animation: swim 10s infinite linear
}

.t-tourrev .row-breakout .canvas .buck {
    position: absolute;
    bottom: 140px;
    left: 287px;
    width: 46px;
    height: 39px;
    background: transparent url("//web.archive.org/web/20190118075937im_/http://d26a57ydsghvgx.cloudfront.net/www/public/assets./images/p-tour-new/row-breakout-buck.png") no-repeat;
    background-position: -45px 0px
}

.t-tourrev .row-breakout .canvas .bear {
    position: absolute;
    bottom: 161px;
    right: 280px;
    width: 37px;
    height: 24px;
    background: transparent url("//web.archive.org/web/20190118075937im_/http://d26a57ydsghvgx.cloudfront.net/www/public/assets./images/p-tour-new/row-breakout-bear.png") no-repeat
}

.t-tourrev .row-breakout .canvas .deer {
    position: absolute;
    bottom: 230px;
    left: 500px;
    width: 33px;
    height: 32px;
    background: transparent url("//web.archive.org/web/20190118075937im_/http://d26a57ydsghvgx.cloudfront.net/www/public/assets./images/p-tour-new/row-breakout-deer.png") no-repeat
}

.t-tourrev .row-breakout .canvas .yellow-trees {
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 50px;
    background: transparent url("//web.archive.org/web/20190118075937im_/http://d26a57ydsghvgx.cloudfront.net/www/public/assets./images/p-tour-new/row-breakout-bg-trees.png") center center repeat-x;
    background-color: #ffd12a;
    z-index: 15
}

@media only screen and (max-width: 975px) {
    .t-tourrev .row-breakout .canvas .yellow-trees {
        height:25px;
        bottom: -10px
    }
}

.t-tourrev .row-breakout .canvas .yellow-trees .trees {
    height: 207px;
    background: transparent url("//web.archive.org/web/20190118075937im_/http://d26a57ydsghvgx.cloudfront.net/www/public/assets./images/p-tour-new/row-breakout-bg-trees.png") center center repeat-x;
    position: absolute;
    top: -207px;
    width: 100%
}

.t-tourrev .row-breakout .canvas .river-left {
    height: 12px;
    width: 1000px;
    left: -1000px;
    bottom: 635px;
    position: absolute;
    background: transparent url("//web.archive.org/web/20190118075937im_/http://d26a57ydsghvgx.cloudfront.net/www/public/assets./images/p-tour-new/row-breakout-bg-single-river.png") repeat-x
}

@media only screen and (max-width: 975px) {
    .t-tourrev .row-breakout .canvas .river-left {
        display:none
    }
}

.t-tourrev .row-breakout .canvas .road-left {
    height: 18px;
    width: 1000px;
    left: -1000px;
    bottom: 391px;
    position: absolute;
    background: transparent url("//web.archive.org/web/20190118075937im_/http://d26a57ydsghvgx.cloudfront.net/www/public/assets./images/p-tour-new/row-breakout-bg-single-road.png") repeat-x
}

@media only screen and (max-width: 975px) {
    .t-tourrev .row-breakout .canvas .road-left {
        display:none
    }
}

.t-tourrev .row-breakout .canvas .road-right {
    height: 18px;
    width: 1000px;
    right: -1000px;
    bottom: 386px;
    position: absolute;
    background: transparent url("//web.archive.org/web/20190118075937im_/http://d26a57ydsghvgx.cloudfront.net/www/public/assets./images/p-tour-new/row-breakout-bg-single-road-right.png") repeat-x
}

@media only screen and (max-width: 975px) {
    .t-tourrev .row-breakout .canvas .road-right {
        display:none
    }
}

.t-tourrev .row-breakout .canvas .green-bg-left {
    height: 500px;
    width: 1000px;
    bottom: -99px;
    position: absolute;
    background: transparent url("//web.archive.org/web/20190118075937im_/http://d26a57ydsghvgx.cloudfront.net/www/public/assets./images/p-tour-new/row-breakout-green-bg.png");
    right: 1130px
}

.t-tourrev .row-breakout .canvas .green-bg-right {
    height: 500px;
    width: 1000px;
    bottom: -99px;
    position: absolute;
    background: transparent url("//web.archive.org/web/20190118075937im_/http://d26a57ydsghvgx.cloudfront.net/www/public/assets./images/p-tour-new/row-breakout-green-bg.png");
    left: 1130px
}

.t-tourrev .row-breakout .canvas .green-bottom {
    height: 500px;
    width: 100%;
    bottom: -495px;
    position: absolute;
    background: transparent url("//web.archive.org/web/20190118075937im_/http://d26a57ydsghvgx.cloudfront.net/www/public/assets./images/p-tour-new/row-breakout-green-bg.png");
    left: 0px;
    right: 0px;
    margin: 0px auto
}

.t-tourrev .row-breakout .canvas .mountains-back-top {
    height: 92px;
    width: 113px;
    bottom: 660px;
    position: absolute;
    background: transparent url("//web.archive.org/web/20190118075937im_/http://d26a57ydsghvgx.cloudfront.net/www/public/assets./images/p-tour-new/row-breakout-mountains-back-top.png");
    right: 173px;
    z-index: 13
}

.t-tourrev .row-breakout .canvas .mountains-back-cloud {
    height: 43px;
    width: 156px;
    bottom: 680px;
    position: absolute;
    background: transparent url("//web.archive.org/web/20190118075937im_/http://d26a57ydsghvgx.cloudfront.net/www/public/assets./images/p-tour-new/row-breakout-mountains-back-cloud.png");
    right: 150px;
    z-index: 12;
    -webkit-animation: cloud-float 10s infinite ease-in-out;
    -moz-animation: cloud-float 10s infinite ease-in-out;
    -ms-animation: cloud-float 10s infinite ease-in-out;
    -o-animation: cloud-float 10s infinite ease-in-out;
    animation: cloud-float 10s infinite ease-in-out
}

.t-tourrev .row-breakout .canvas .mountains-back-back {
    height: 78px;
    width: 168px;
    bottom: 680px;
    position: absolute;
    background: transparent url("//web.archive.org/web/20190118075937im_/http://d26a57ydsghvgx.cloudfront.net/www/public/assets./images/p-tour-new/row-breakout-mountains-back-back.png");
    right: 150px;
    z-index: 11
}

.t-tourrev .row-breakout .canvas .mountains-up-top {
    height: 106px;
    width: 130px;
    bottom: 543px;
    position: absolute;
    background: transparent url("//web.archive.org/web/20190118075937im_/http://d26a57ydsghvgx.cloudfront.net/www/public/assets./images/p-tour-new/row-breakout-mountains-up-front.png");
    left: 33px;
    z-index: 14;
    background-size: 130px 106px
}

.t-tourrev .row-breakout .canvas .mountains-up-cloud {
    height: 57px;
    width: 227px;
    bottom: 563px;
    position: absolute;
    background: transparent url("//web.archive.org/web/20190118075937im_/http://d26a57ydsghvgx.cloudfront.net/www/public/assets./images/p-tour-new/row-breakout-mountains-up-cloud.png");
    left: -25px;
    z-index: 12;
    background-size: 227px 57px;
    background-repeat: no-repeat;
    -webkit-animation: cloud-float-front 10s infinite ease-in-out;
    -moz-animation: cloud-float-front 10s infinite ease-in-out;
    -ms-animation: cloud-float-front 10s infinite ease-in-out;
    -o-animation: cloud-float-front 10s infinite ease-in-out;
    animation: cloud-float-front 10s infinite ease-in-out
}

.t-tourrev .row-breakout .canvas .mountains-up-back {
    position: absolute;
    background: transparent url("//web.archive.org/web/20190118075937im_/http://d26a57ydsghvgx.cloudfront.net/www/public/assets./images/p-tour-new/row-breakout-mountains-up-back.png");
    left: 0px;
    z-index: 11;
    bottom: 592px;
    width: 200px;
    height: 89px
}

.t-tourrev .row-breakout .canvas .scene {
    position: absolute;
    width: 1130px;
    height: 944px;
    background: transparent url("//web.archive.org/web/20190118075937im_/http://d26a57ydsghvgx.cloudfront.net/www/public/assets./images/p-tour-new/row-breakout-bg-2.png") center 289px no-repeat;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin: 0px auto
}

@media only screen and (max-width: 1024px) {
    .t-tourrev .row-breakout .canvas .scene {
        bottom:120px
    }
}

@media only screen and (max-width: 975px) {
    .t-tourrev .row-breakout .canvas .scene {
        width:100%
    }
}

@media only screen and (max-width: 975px) {
    .t-tourrev .row-breakout .canvas .scene {
        background-position:-184px 329px;
        background-size: 1110px auto;
        top: auto;
        bottom: 10px
    }
}

@media only screen and (max-width: 700px) {
    .t-tourrev .row-breakout .canvas .scene {
        background:transparent url("//web.archive.org/web/20190118075937im_/http://d26a57ydsghvgx.cloudfront.net/www/public/assets./images/p-tour-new/row-breakout-bg-2-handhelds.png") center 289px no-repeat;
        top: -30px;
        width: auto
    }
}

.t-tourrev .row-walkthrough {
    background-color: #ffd12a;
    height: 800px;
    width: 100%;
    overflow: hidden;
    position: relative
}

.t-tourrev .row-walkthrough .inner {
    padding-top: 0px
}

@media only screen and (max-width: 975px) {
    .t-tourrev .row-walkthrough {
        text-align:center;
        height: 1050px
    }
}

.t-tourrev .row-walkthrough .title {
    margin-bottom: 35px;
    color: #434343
}

.t-tourrev .row-walkthrough h2 {
    color: #fff;
    width: 875px
}

@media only screen and (max-width: 975px) {
    .t-tourrev .row-walkthrough h2 {
        width:90%;
        text-align: center
    }

    .t-tourrev .row-walkthrough h2 br {
        display: none
    }
}

.t-tourrev .row-walkthrough .sub-desc {
    max-width: 405px;
    margin-bottom: 15px
}

@media only screen and (max-width: 975px) {
    .t-tourrev .row-walkthrough .sub-desc {
        margin:0px auto;
        max-width: 640px
    }
}

.t-tourrev .row-walkthrough .coffee-wrapper {
    float: right;
    width: 480px;
    height: 400px;
    margin-top: -75px;
    margin-right: -20px;
    position: relative
}

@media only screen and (max-width: 975px) {
    .t-tourrev .row-walkthrough .coffee-wrapper {
        position:absolute;
        bottom: 40px;
        width: 100%;
        left: -270px
    }
}

.t-tourrev .row-walkthrough .coffee-wrapper .coffee-station {
    background: transparent url("//web.archive.org/web/20190118075937im_/http://d26a57ydsghvgx.cloudfront.net/www/public/assets./images/p-tour-new/row-walkthrough-coffee-station.png") center center no-repeat;
    width: 569px;
    height: 455px
}

@media only screen and (max-width: 975px) {
    .t-tourrev .row-walkthrough .coffee-wrapper .coffee-station {
        height:100%;
        background-size: 70%;
        position: absolute;
        bottom: 0px;
        right: 0px;
        background-position: right
    }
}

.t-tourrev .row-walkthrough .coffee-wrapper .coffee-desk {
    height: 95px;
    width: 1000px;
    position: absolute;
    background: transparent url("//web.archive.org/web/20190118075937im_/http://d26a57ydsghvgx.cloudfront.net/www/public/assets./images/p-tour-new/row-walkthrough-coffee-desk.png") repeat-x;
    bottom: -55px;
    right: -1000px
}

@media only screen and (max-width: 975px) {
    .t-tourrev .row-walkthrough .coffee-wrapper .coffee-desk {
        bottom:12px;
        right: -1000px;
        background-size: 1000px 66px
    }
}

.t-tourrev .row-walkthrough .coffee-hand {
    background: transparent url("//web.archive.org/web/20190118075937im_/http://d26a57ydsghvgx.cloudfront.net/www/public/assets./images/p-tour-new/row-walkthrough-hand-coffee.png") center center no-repeat;
    width: 480px;
    height: 487px;
    position: absolute;
    right: -80px;
    bottom: -40px
}

@media only screen and (max-width: 975px) {
    .t-tourrev .row-walkthrough .coffee-hand {
        right:-80px !important;
        bottom: -120px !important
    }
}

@media only screen and (max-width: 700px) {
    .t-tourrev .row-walkthrough .coffee-hand {
        right:-200px !important
    }
}

.t-tourrev .row-walkthrough .how-help-center {
    width: 290px
}

@media only screen and (max-width: 975px) {
    .t-tourrev .row-walkthrough .how-help-center {
        margin:0px auto;
        width: 100%
    }
}

.t-tourrev .row-walkthrough .how-help-center .video-peel .mask {
    background-image: url("//web.archive.org/web/20190118075937im_/http://d26a57ydsghvgx.cloudfront.net/www/public/assets./images/p-tour-new/thumbnail_charityWater_mask.png")
}

.t-tourrev .row-walkthrough .how-help-center .caff-your-service {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    background-color: #ffdf6a;
    display: block;
    padding: 20px;
    color: #434343;
    font: .89em/1 DNRM;
    text-transform: uppercase;
    margin-top: 40px;
    -webkit-transition: background-color 0.2s ease-in;
    -moz-transition: background-color 0.2s ease-in;
    -ms-transition: background-color 0.2s ease-in;
    -o-transition: background-color 0.2s ease-in;
    transition: background-color 0.2s ease-in
}

@media only screen and (max-width: 975px) {
    .t-tourrev .row-walkthrough .how-help-center .caff-your-service {
        width:70%;
        padding: 40px 0px;
        font-size: 1.7em;
        background-color: #fff;
        margin: 60px auto 0px
    }
}

@media only screen and (max-width: 700px) {
    .t-tourrev .row-walkthrough .how-help-center .caff-your-service {
        width:100%
    }
}

.t-tourrev .row-walkthrough .how-help-center .caff-your-service:hover {
    color: #000;
    background-color: #fff
}

.t-tourrev .row-gallery {
    height: 810px;
    padding: 0px 0 0;
    background: #fafafa
}

.t-tourrev .row-gallery h4,.t-tourrev .row-gallery .mobile-modal .mobile-modal-list li h5,.mobile-modal .mobile-modal-list li .t-tourrev .row-gallery h5 {
    margin-bottom: 35px
}

.t-tourrev .row-gallery h2 {
    color: #78a300;
    margin: 0px auto 20px;
    max-width: 85%
}

.t-tourrev .row-gallery .sub-desc {
    max-width: 520px;
    margin: 0px auto 40px
}

.t-tourrev .row-gallery .gallery-fallback {
    display: none;
    margin-top: 40px
}

.t-tourrev .row-gallery .gallery-fallback div {
    margin-top: 20px
}

.t-tourrev .row-gallery .gallery-fallback img {
    width: 100%
}

.t-tourrev .row-gallery .gallery-fallback a {
    color: #000;
    text-decoration: underline;
    text-transform: uppercase;
    font: .89em/1 DNRM
}

@media only screen and (max-width: 975px) {
    .t-tourrev .row-gallery {
        overflow:hidden;
        height: 850px
    }

    .t-tourrev .row-gallery .gallery-fallback {
        display: block
    }

    .t-tourrev .row-gallery .dg-wrapper {
        display: none
    }
}

@media only screen and (max-width: 700px) {
    .t-tourrev .row-gallery {
        height:500px
    }
}

.t-tourrev .row-gallery .dg-container {
    width: 100%;
    position: relative;
    margin-top: 10px;
    height: 510px;
    overflow: hidden;
    padding-top: 0px !important
}

.t-tourrev .row-gallery .dg-wrapper {
    position: relative;
    width: 503px;
    height: 316px;
    margin: 0 auto;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    -ms-perspective: 1000px;
    -o-perspective: 1000px;
    perspective: 1000px
}

.t-tourrev .row-gallery .dg-wrapper a {
    width: 482px;
    height: 316px;
    display: block;
    position: absolute;
    left: 0;
    top: 0
}

.t-tourrev .row-gallery .dg-wrapper a.dg-transition {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out
}

.t-tourrev .row-gallery .dg-wrapper a img {
    display: block;
    padding: 41px 0px 0px 1px
}

.t-tourrev .row-gallery .dg-wrapper a div {
    text-align: center;
    line-height: 50px;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
    color: #636363;
    font-size: 16px;
    width: 100%;
    bottom: -170px;
    display: none;
    position: absolute
}

.t-tourrev .row-gallery .dg-wrapper a.dg-center {
    z-index: 11
}

.t-tourrev .row-gallery .dg-wrapper a.dg-center div {
    display: block
}

.t-tourrev .row-gallery .dg-container nav {
    width: 58px;
    position: absolute;
    z-index: 1000;
    bottom: 40px;
    left: 50%;
    margin-left: -29px
}

.t-tourrev .row-gallery .arrow {
    display: block;
    position: absolute;
    top: 0;
    width: 100px;
    height: 550px;
    cursor: pointer;
    filter: alpha(opacity=20);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    -moz-opacity: 0.2;
    -khtml-opacity: 0.2;
    opacity: 0.2;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

.t-tourrev .row-gallery .arrow.prev {
    background-position: top right;
    margin-left: 10px;
    background: url("//web.archive.org/web/20190118075937im_/http://d26a57ydsghvgx.cloudfront.net/www/public/assets./images/p-tour/icon-arrow-left-large.png") 24px 230px no-repeat;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    height: 90px;
    top: 445px;
    background-position: top center;
    left: 375px;
    background-size: 11%
}

@media only screen and (max-width: 1024px) {
    .t-tourrev .row-gallery .arrow.prev {
        left:216px
    }
}

.t-tourrev .row-gallery .arrow.next {
    background-position: top right;
    margin-left: 10px;
    background: url("//web.archive.org/web/20190118075937im_/http://d26a57ydsghvgx.cloudfront.net/www/public/assets./images/p-tour/icon-arrow-right-large.png") 24px 230px no-repeat;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    height: 90px;
    top: 445px;
    background-position: top center;
    right: 390px;
    background-size: 11%
}

@media only screen and (max-width: 1024px) {
    .t-tourrev .row-gallery .arrow.next {
        right:221px
    }
}

.t-tourrev .row-gallery .arrow:hover {
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

.t-tourrev .row-gallery .dg-container nav span:hover {
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

.t-tourrev .row-gallery .dg-container nav span.dg-next {
    background-position: top right;
    margin-left: 10px;
    background: url("//web.archive.org/web/20190118075937im_/http://d26a57ydsghvgx.cloudfront.net/www/public/assets./images/p-tour/icon-arrow-right-large.png") 24px 230px no-repeat
}

.t-tourrev .row-nps {
    background: #383838 url("//web.archive.org/web/20190118075937im_/http://d26a57ydsghvgx.cloudfront.net/www/public/assets./images/p-tour-new/bg-nps-2X.png") top center no-repeat fixed;
    background-size: cover;
    color: #fff;
    padding-bottom: 80px
}

@media only screen and (max-width: 700px) {
    .t-tourrev .row-nps {
        padding-bottom:50px
    }
}

.t-tourrev .row-nps .inner {
    position: relative
}

.t-tourrev .row-nps .rocket {
    background: url("//web.archive.org/web/20190118075937im_/http://d26a57ydsghvgx.cloudfront.net/www/public/assets./images/p-tour-new/blast-off-2X.png") bottom right no-repeat;
    background-size: 130px auto;
    width: 130px;
    height: 330px;
    position: absolute;
    right: 0;
    bottom: 0
}

@media only screen and (max-width: 778px) {
    .t-tourrev .row-nps .rocket {
        display:none
    }
}

.t-tourrev .row-nps .stars {
    background: url("//web.archive.org/web/20190118075937im_/http://d26a57ydsghvgx.cloudfront.net/www/public/assets./images/p-tour-new/sparkly-2X.png") bottom right no-repeat;
    width: 450px;
    height: 100px;
    background-size: 420px auto;
    position: absolute;
    right: -100px;
    bottom: 100px;
    -webkit-animation: glimmer 2s infinite linear;
    -moz-animation: glimmer 2s infinite linear;
    -ms-animation: glimmer 2s infinite linear;
    -o-animation: glimmer 2s infinite linear;
    animation: glimmer 2s infinite linear
}

@media only screen and (max-width: 778px) {
    .t-tourrev .row-nps .stars {
        display:none
    }
}

.t-tourrev .row-nps h2 {
    float: left;
    width: 80%
}

@media only screen and (max-width: 975px) {
    .t-tourrev .row-nps h2 {
        text-align:center;
        width: 100%
    }
}

.t-tourrev .row-nps h4,.t-tourrev .row-nps .mobile-modal .mobile-modal-list li h5,.mobile-modal .mobile-modal-list li .t-tourrev .row-nps h5 {
    color: #888
}

@media only screen and (max-width: 975px) {
    .t-tourrev .row-nps h4,.t-tourrev .row-nps .mobile-modal .mobile-modal-list li h5,.mobile-modal .mobile-modal-list li .t-tourrev .row-nps h5 {
        text-align:center
    }
}

.t-tourrev .row-nps .sub-desc {
    color: #fff;
    width: 38%
}

@media only screen and (max-width: 975px) {
    .t-tourrev .row-nps .sub-desc {
        text-align:center;
        width: 100%
    }
}

.t-tourrev .row-nps .video-peel {
    margin: 20px 0 40px 80px;
    width: 140px
}

@media only screen and (max-width: 975px) {
    .t-tourrev .row-nps .video-peel {
        margin-left:auto;
        margin-right: auto
    }
}

.t-tourrev .row-nps .video-peel .mask-wrapper {
    margin: 20px 0 0
}

.t-tourrev .row-nps .video-peel .mask {
    background-image: url("//web.archive.org/web/20190118075937im_/http://d26a57ydsghvgx.cloudfront.net/www/public/assets./images/p-tour-new/thumbnail_nps_mask.png")
}

.t-tourrev .row-nps .video-peel .video-caption {
    color: #fff
}

.t-tourrev .row-nps .video-peel .deep-space {
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s
}

.t-tourrev .row-nps .video-peel:hover .deep-space {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.t-tourrev .row-nps .cta {
    display: block;
    background-color: #e5e5e5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    display: block;
    padding: 20px;
    width: 250px;
    color: #434343;
    font: .89em/1 DNRM;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 10px;
    -webkit-transition: background-color 0.2s;
    -moz-transition: background-color 0.2s;
    -ms-transition: background-color 0.2s;
    -o-transition: background-color 0.2s;
    transition: background-color 0.2s
}

@media only screen and (max-width: 975px) {
    .t-tourrev .row-nps .cta {
        width:70%;
        padding: 40px 0px;
        font-size: 1.7em;
        margin: 60px auto 10px
    }
}

@media only screen and (max-width: 700px) {
    .t-tourrev .row-nps .cta {
        width:100%
    }
}

.t-tourrev .row-nps .cta:hover {
    color: #000;
    background-color: #fff
}

.t-tourrev .row-nps .excerpt {
    color: #CCC;
    display: block;
    font-size: 13px
}

@media only screen and (max-width: 975px) {
    .t-tourrev .row-nps .excerpt {
        text-align:center
    }
}

.t-tourrev .row-ipad {
    position: relative;
    height: 760px;
    padding-top: 110px;
    overflow: hidden;
    background-color: #fafafa
}

@media only screen and (max-width: 975px) {
    .t-tourrev .row-ipad {
        height:1095px;
        background: #fff
    }
}

@media only screen and (max-width: 700px) {
    .t-tourrev .row-ipad {
        height:555px
    }
}

.t-tourrev .row-ipad .inner {
    position: relative;
    position: absolute;
    z-index: 12;
    left: 0px;
    right: 0px;
    top: 150px
}

@media only screen and (max-width: 975px) {
    .t-tourrev .row-ipad .inner {
        text-align:center;
        padding-bottom: 0px
    }
}

@media only screen and (max-width: 700px) {
    .t-tourrev .row-ipad .inner {
        top:0;
        text-align: left
    }
}

.t-tourrev .row-ipad h4,.t-tourrev .row-ipad .mobile-modal .mobile-modal-list li h5,.mobile-modal .mobile-modal-list li .t-tourrev .row-ipad h5 {
    color: #636363;
    margin-bottom: 35px
}

.t-tourrev .row-ipad h2 {
    color: #78a300;
    max-width: 770px
}

@media only screen and (max-width: 975px) {
    .t-tourrev .row-ipad h2 {
        filter:alpha(opacity=100);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
        width: 80%
    }
}

@media only screen and (max-width: 700px) {
    .t-tourrev .row-ipad h2 {
        width:100%
    }
}

.t-tourrev .row-ipad .sub-desc {
    margin-bottom: 15px
}

.t-tourrev .row-ipad .video-peel,.t-tourrev .row-ipad .sub-desc {
    max-width: 315px
}

@media only screen and (max-width: 975px) {
    .t-tourrev .row-ipad .video-peel,.t-tourrev .row-ipad .sub-desc {
        margin:0px auto;
        max-width: 615px
    }
}

.t-tourrev .row-ipad .graph-blue {
    position: absolute;
    background: #ebecee url("//web.archive.org/web/20190118075937im_/http://d26a57ydsghvgx.cloudfront.net/www/public/assets./images/p-tour-new/row-ipad-bg-graph.png") repeat-x;
    background-size: 100% !important;
    width: 100%;
    z-index: 10;
    bottom: 0px;
    height: 819px
}

@media only screen and (max-width: 975px) {
    .t-tourrev .row-ipad .graph-blue {
        height:1217px !important
    }
}

.t-tourrev .row-ipad .graph-blue .filler {
    background-color: #ebecee;
    position: absolute;
    top: 230px;
    width: 100%;
    height: 800px
}

@media only screen and (max-width: 975px) {
    .t-tourrev .row-ipad .graph-blue .filler {
        height:1060px
    }
}

.t-tourrev .row-ipad .graph-green {
    position: absolute;
    background: transparent url("//web.archive.org/web/20190118075937im_/http://d26a57ydsghvgx.cloudfront.net/www/public/assets./images/p-tour-new/row-ipad-bg-graph-green.png") repeat-x;
    background-position: -530px 0px;
    width: 200%;
    z-index: 1;
    height: 180px;
    bottom: 618px;
    left: 0px
}

.t-tourrev .row-ipad .graph-green .filler {
    background-color: #e4efcf;
    position: absolute;
    bottom: -250px;
    width: 100%;
    height: 300px
}

.t-tourrev .row-ipad .ipad-hand {
    width: 700px;
    position: absolute;
    left: 410px;
    bottom: -230px;
    overflow: hidden
}

.t-tourrev .row-ipad .ipad-hand video {
    width: 685px;
    height: auto
}

@media only screen and (max-width: 1024px) {
    .t-tourrev .row-ipad .ipad-hand {
        width:720px;
        position: absolute;
        left: 360px;
        bottom: -225px
    }
}

@media only screen and (max-width: 975px) {
    .t-tourrev .row-ipad .ipad-hand {
        display:none
    }
}

.t-tourrev .row-ipad .ipad-hands {
    display: none;
    background: transparent url("//web.archive.org/web/20190118075937im_/http://d26a57ydsghvgx.cloudfront.net/www/public/assets./images/p-tour-new/row-ipad-hands.jpg") no-repeat;
    width: 819px;
    height: 806px;
    position: absolute;
    right: 4%;
    bottom: -48%;
    display: none
}

@media only screen and (max-width: 975px) {
    .t-tourrev .row-ipad .ipad-hands {
        display:block;
        background-size: 100%;
        width: 100%;
        position: static;
        height: 530px;
        margin-top: 138px;
        background-position: center 8px
    }
}

@media only screen and (max-width: 700px) {
    .t-tourrev .row-ipad .ipad-hands {
        height:230px;
        margin-top: 50px;
        background-position: center 20px
    }
}

.t-tourrev .row-tiles {
    background: #f3f5f6 url("//web.archive.org/web/20190118075937im_/http://d26a57ydsghvgx.cloudfront.net/www/public/assets./images/p-tour-new/row-tiles-bg.jpg") no-repeat;
    background-position: bottom right;
    background-size: 75%;
    height: 747px
}

@media only screen and (max-width: 1024px) {
    .t-tourrev .row-tiles {
        background-size:114%
    }
}

@media only screen and (max-width: 975px) {
    .t-tourrev .row-tiles {
        height:1065px
    }
}

@media only screen and (max-width: 700px) {
    .t-tourrev .row-tiles {
        height:660px
    }
}

@media only screen and (max-width: 975px) {
    .t-tourrev .row-tiles .inner {
        text-align:center
    }
}

@media only screen and (max-width: 700px) {
    .t-tourrev .row-tiles .inner {
        text-align:left
    }
}

.t-tourrev .row-tiles h4,.t-tourrev .row-tiles .mobile-modal .mobile-modal-list li h5,.mobile-modal .mobile-modal-list li .t-tourrev .row-tiles h5 {
    color: #636363;
    margin-bottom: 35px
}

.t-tourrev .row-tiles h2 {
    color: #78a300;
    max-width: 625px
}

@media only screen and (max-width: 975px) {
    .t-tourrev .row-tiles h2 {
        color:#78a300;
        max-width: 665px
    }
}

.t-tourrev .row-tiles .sub-desc {
    max-width: 405px;
    margin-bottom: 15px
}

@media only screen and (max-width: 975px) {
    .t-tourrev .row-tiles .sub-desc {
        margin:0px auto;
        max-width: 545px
    }
}

@media only screen and (max-width: 700px) {
    .t-tourrev .row-tiles .sub-desc {
        font-size:1.2em
    }
}

.t-tourrev .row-tiles .video-peel {
    margin-bottom: 40px;
    width: 283px
}

@media only screen and (max-width: 975px) {
    .t-tourrev .row-tiles .video-peel {
        margin:0px auto 40px
    }
}

.t-tourrev .row-tiles .video-peel .mask {
    background-image: url("//web.archive.org/web/20190118075937im_/http://d26a57ydsghvgx.cloudfront.net/www/public/assets./images/p-tour-new/thumbnail_apps_mask.png")
}

.t-tourrev .row-tiles .browse-apps {
    display: block;
    background-color: #e5e5e5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    display: block;
    padding: 20px;
    width: 243px;
    color: #434343;
    font: .89em/1 DNRM;
    text-transform: uppercase;
    margin-bottom: 115px;
    -webkit-transition: background-color 0.2s ease-in;
    -moz-transition: background-color 0.2s ease-in;
    -ms-transition: background-color 0.2s ease-in;
    -o-transition: background-color 0.2s ease-in;
    transition: background-color 0.2s ease-in
}

@media only screen and (max-width: 975px) {
    .t-tourrev .row-tiles .browse-apps {
        width:70%;
        padding: 40px 0px;
        font-size: 1.7em;
        margin: 60px auto 0px
    }
}

@media only screen and (max-width: 700px) {
    .t-tourrev .row-tiles .browse-apps {
        width:100%
    }
}

.t-tourrev .row-tiles .browse-apps:hover {
    color: #000;
    background-color: #fff
}

.t-tourrev .row-more-info {
    background-color: #fbfbfb;
    text-align: left
}

.t-tourrev .row-more-info a {
    display: block;
    padding: 40px 30px 90px;
    color: #484848
}

@media only screen and (max-width: 700px) {
    .t-tourrev .row-more-info a {
        padding-left:0;
        padding-right: 0
    }
}

.t-tourrev .row-more-info a:hover .title {
    color: #78a300
}

.t-tourrev .row-more-info a:hover .description {
    color: #444
}

.t-tourrev .row-more-info a .icon {
    width: 65px;
    height: 76px;
    background: transparent url("//web.archive.org/web/20190118075937im_/http://d26a57ydsghvgx.cloudfront.net/www/public/assets./images/p-tour-new/nav-icons.png") no-repeat;
    background-size: 100%
}

.t-tourrev .row-more-info a .icon.top {
    display: block;
    margin: 0px auto 10px
}

.t-tourrev .row-more-info a .icon.left {
    float: left;
    margin-right: 20px
}

.t-tourrev .row-more-info a .meta {
    float: left;
    width: 265px
}

.t-tourrev .row-more-info a .title {
    text-transform: uppercase;
    font: 1em/1 DNLTM;
    margin-bottom: 10px
}

.t-tourrev .row-more-info a .description {
    color: #808080;
    font-size: 1em
}

.t-tourrev .row-more-info .inner {
    padding: 0px
}

.t-tourrev .row-more-info .left {
    float: left;
    width: 450px
}

.t-tourrev .row-more-info .left .icon {
    background-position: 0px -301px
}

.t-tourrev .row-more-info .right {
    float: right;
    width: 450px
}

.t-tourrev .row-more-info .right .icon {
    background-position: 0px -401px
}

@media only screen and (max-width: 975px) {
    .t-tourrev .row-more-info {
        padding-top:30px
    }

    .t-tourrev .row-more-info .left,.t-tourrev .row-more-info .right {
        width: 370px;
        float: none;
        width: 640px;
        margin: 0px auto
    }

    .t-tourrev .row-more-info .left .meta,.t-tourrev .row-more-info .right .meta {
        width: 435px
    }

    .t-tourrev .row-more-info .left .meta .description,.t-tourrev .row-more-info .right .meta .description {
        font-size: 1.6em
    }
}

@media only screen and (max-width: 700px) {
    .t-tourrev .row-more-info {
        padding-top:0;
        padding-bottom: 30px
    }

    .t-tourrev .row-more-info .left,.t-tourrev .row-more-info .right {
        overflow: hidden;
        width: 100%
    }

    .t-tourrev .row-more-info .left .meta,.t-tourrev .row-more-info .right .meta {
        width: 100%
    }
}

.t-tourrev .row-trial {
    height: 630px;
    position: relative;
    overflow: hidden;
    background: #79a301 url("//web.archive.org/web/20190118075937im_/http://d26a57ydsghvgx.cloudfront.net/www/public/assets./images/p-tour-new/row-trial-buddhy-still.jpg") no-repeat;
    background-position: center bottom
}

@media only screen and (max-width: 975px) {
    .t-tourrev .row-trial {
        height:690px
    }
}

@media only screen and (max-width: 975px) {
    .t-tourrev .row-trial {
        height:630px;
        background-size: auto 100%
    }
}

.t-tourrev .row-trial .inner {
    padding-top: 0px;
    position: absolute;
    margin: 0px auto;
    bottom: 0px;
    left: 0px;
    top: 100px;
    right: 0px
}

.t-tourrev .row-trial h2 {
    color: #fff;
    margin: 0px auto 25px;
    max-width: 650px;
    font: 4.1em/1 DNLTUL
}

@media only screen and (max-width: 975px) {
    .t-tourrev .row-trial h2 {
        font:4.1em/1 DNLTL
    }
}

@media only screen and (max-width: 975px) {
    .t-tourrev .row-trial h2 {
        font-size:2em !important
    }
}

.t-tourrev .row-trial .start-trial {
    font: 1.5em/1 DNRM;
    padding: 22px 20px 18px 20px;
    float: none
}

@media only screen and (max-width: 975px) {
    .t-tourrev .row-trial .start-trial {
        font:1.5em/1 DNRB;
        width: 70%;
        padding: 40px 0px;
        font-size: 1.7em;
        margin: 0px auto 0px
    }
}

@media only screen and (max-width: 975px) {
    .t-tourrev .row-trial .start-trial {
        padding:30px
    }
}

.t-tourrev .row-trial .video-container {
    width: 100%;
    position: absolute;
    height: 140%;
    bottom: -320px
}

@media only screen and (max-width: 975px) {
    .t-tourrev .row-trial .video-container {
        width:100%;
        height: inherit;
        bottom: -122px
    }
}

.t-tourrev .row-trial video {
    width: 100%;
    height: 100%
}

@media only screen and (max-width: 975px) {
    .t-tourrev .row-trial video {
        display:none
    }
}

.t-tourrev .row-trial .buddhy-default {
    width: 100%;
    height: 100%
}

.t-tourrev .row-closer {
    height: 480px;
    background: #2e2e2e url("//web.archive.org/web/20190118075937im_/http://d26a57ydsghvgx.cloudfront.net/www/public/assets./images/p-tour-new/row-closer-bg-heads.png")
}

.t-tourrev .row-closer .inner {
    padding-top: 28px
}

.t-tourrev .row-closer .thumb {
    background: transparent url("//web.archive.org/web/20190118075937im_/http://d26a57ydsghvgx.cloudfront.net/www/public/assets./images/p-tour-new/row-closer-bg-thumb.png") no-repeat;
    width: 86px;
    height: 77px;
    margin: 0px auto 28px
}

.t-tourrev .row-closer h2 {
    color: #fff;
    margin-bottom: 20px
}

.t-tourrev .row-closer h3 {
    color: #fff;
    text-transform: uppercase;
    font: 1.3em/1.1 DNLTL;
    margin-bottom: 30px;
    border-bottom: 1px solid #fff;
    padding-bottom: 30px
}

.t-tourrev .row-closer .stat {
    color: #fff;
    width: 225px;
    margin: 0px auto
}

.t-tourrev .row-closer .stat .percentage {
    padding: 0px;
    margin: 0px;
    line-height: .85em;
    color: #fff
}

.t-tourrev .row-closer .stat .label {
    margin: 3px 0px 0px 0px;
    padding: 0px;
    border: 0px
}

body.press .masthead {
    z-index: 50;
    -webkit-box-shadow: rgba(0,0,0,0.09804) 0px 0px 50px;
    -moz-box-shadow: rgba(0,0,0,0.09804) 0px 0px 50px;
    -ms-box-shadow: rgba(0,0,0,0.09804) 0px 0px 50px;
    -o-box-shadow: rgba(0,0,0,0.09804) 0px 0px 50px;
    box-shadow: rgba(0,0,0,0.09804) 0px 0px 50px
}

.p-press-page {
    font-size: 16px
}

.p-press-page.p-press-releases .itp {
    min-height: 840px
}

.p-press-page.p-press-releases .itp .nav-head .desc {
    font-size: 1.87em;
    margin-top: 16px
}

@media only screen and (max-width: 975px) {
    .p-press-page.p-press-releases .itp .nav-head .desc {
        font-size:2.34em;
        margin-right: 20px;
        margin-top: 19px
    }
}

@media only screen and (max-width: 975px) and (max-width: 700px) {
    .p-press-page.p-press-releases .itp .nav-head .desc {
        margin-top:0px
    }
}

.p-press-page.p-press-releases .itp li {
    margin-bottom: 30px;
    border-bottom: 1px solid #eee;
    padding-bottom: 30px
}

.p-press-page.p-press-releases .itp .title {
    font-size: 1.5em
}

.p-press-page.p-press-release .itp .content ul {
    margin: initial;
    list-style-type: initial;
    padding: 0px 40px
}

.p-press-page.p-press-release .itp .content li {
    margin: initial;
    list-style-type: initial;
    padding: 10px 10px
}

.p-press-page.p-press-release .itp {
    min-height: 840px
}

.p-press-page.p-press-release .itp .meta {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee
}

.p-press-page.p-press-release .itp .title {
    font-size: 1.6em
}

@media only screen and (max-width: 975px) {
    .p-press-page.p-press-release .itp .title {
        margin-top:20px
    }
}

@media only screen and (max-width: 700px) {
    .p-press-page.p-press-release .itp .title {
        margin-top:60px
    }
}

.p-press-page.p-press-release .itp .nav-head .desc {
    font-size: 1.9em;
    margin-top: 16px
}

@media only screen and (max-width: 975px) {
    .p-press-page.p-press-release .itp .nav-head .desc {
        font-size:2.34em;
        margin-right: 20px;
        margin-top: 19px
    }
}

@media only screen and (max-width: 700px) {
    .p-press-page.p-press-release .itp .nav-head .desc {
        margin-top:0px
    }
}

.p-press-page.p-press-release .disclaimer {
    margin-top: 50px;
    background-color: #f3f3f3;
    padding: 40px
}

.p-press-page .inner {
    width: 685px;
    margin: 0px auto;
    padding-top: 70px;
    padding-left: 275px
}

@media only screen and (max-width: 975px) {
    .p-press-page .inner {
        width:80%;
        padding: 10% !important;
        overflow: hidden
    }
}

.p-press-page .view-all {
    font-family: DNLTM;
    background-color: #f1f1f1;
    color: #636363;
    text-transform: uppercase;
    text-align: center;
    display: inline-block;
    width: auto;
    padding: 16px 25px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: background-color 0.2s ease-in;
    -moz-transition: background-color 0.2s ease-in;
    -ms-transition: background-color 0.2s ease-in;
    -o-transition: background-color 0.2s ease-in;
    transition: background-color 0.2s ease-in
}

@media only screen and (max-width: 975px) {
    .p-press-page .view-all {
        margin-left:35%
    }
}

@media only screen and (max-width: 700px) {
    .p-press-page .view-all {
        margin-left:0%
    }
}

.p-press-page .view-all:hover {
    background-color: #636363;
    color: #fff
}

@media only screen and (max-width: 975px) {
    .p-press-page ul {
        margin-top:20px !important
    }
}

@media only screen and (max-width: 700px) {
    .p-press-page ul {
        margin-top:40px !important
    }
}

.p-press-page ul,.p-press-page li {
    position: relative;
    list-style-type: none;
    padding: 0px;
    margin: 0px
}

.p-press-page .itp {
    position: relative;
    background-color: #fff
}

@media only screen and (max-width: 975px) {
    .p-press-page .itp {
        padding-top:50px
    }
}

@media only screen and (max-width: 975px) {
    .p-press-page .itp .contact-container {
        display:none
    }
}

.p-press-page .itp .contact-container .contact {
    font: .875em/1.3 DNLTL;
    color: #777;
    margin: 15px auto 15px;
    width: 190px;
    text-align: center
}

@media only screen and (max-width: 975px) {
    .p-press-page .itp .contact-container .contact {
        float:left;
        text-align: left;
        font: .96em/1.3 DNLTR;
        width: 200px
    }
}

@media only screen and (max-width: 975px) {
    .p-press-page .itp .contact-container .contact {
        width:34%;
        float: right;
        margin-right: 6%
    }
}

@media only screen and (max-width: 700px) {
    .p-press-page .itp .contact-container .contact {
        width:93%
    }
}

.p-press-page .itp .contact-container a {
    font-family: DNLTL;
    display: block;
    background-color: #f3f3f3;
    color: #666;
    width: 150px;
    text-align: center;
    padding: 10px 7px;
    margin: 0px auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: background-color 0.2s ease-in;
    -moz-transition: background-color 0.2s ease-in;
    -ms-transition: background-color 0.2s ease-in;
    -o-transition: background-color 0.2s ease-in;
    transition: background-color 0.2s ease-in
}

.p-press-page .itp .contact-container a:hover {
    background-color: #636363;
    color: #fff
}

@media only screen and (max-width: 975px) {
    .p-press-page .itp .contact-container a {
        font-family:DNLTR;
        float: left;
        margin-left: 17px;
        margin-top: 12px
    }
}

@media only screen and (max-width: 975px) {
    .p-press-page .itp .contact-container a {
        margin-left:48%;
        margin-top: 0px
    }
}

@media only screen and (max-width: 700px) {
    .p-press-page .itp .contact-container a {
        float:none;
        margin-left: 0px;
        display: inline-block
    }
}

.p-press-page .itp .sidebar {
    position: absolute;
    top: 0;
    float: left;
    width: 190px;
    margin: 0 40px 0 0;
    z-index: 11;
    padding: 300px 0 0;
    left: 0px
}

@media only screen and (max-width: 975px) {
    .p-press-page .itp .sidebar {
        display:none !important
    }
}

.p-press-page .itp .sidebar.on-green li.contact div {
    color: #fff
}

.p-press-page .itp .sidebar li {
    padding: 0px;
    border-bottom: 1px solid #d7d7d7;
    text-align: center;
    margin-bottom: 0px
}

.p-press-page .itp .sidebar li.contact {
    border-bottom: 0px
}

.p-press-page .itp .sidebar li.current a,.p-press-page .itp .sidebar li.section a:hover {
    background-color: rgba(250,250,250,0.9)
}

.p-press-page .itp .sidebar li:first-child {
    border-top: 1px solid #d7d7d7
}

.p-press-page .itp .sidebar li.section a {
    display: block;
    font: 0.875em DNRB;
    text-transform: uppercase;
    padding: 10px 0 8px 0;
    color: #555
}

.p-press-page .itp .sidebar li.section.section.active {
    background-color: rgba(250,250,250,0.9)
}

.p-press-page .itp .nav-head {
    position: absolute;
    left: 0px;
    width: 190px;
    z-index: 15
}

@media only screen and (max-width: 975px) {
    .p-press-page .itp .nav-head {
        left:93px;
        width: 784px;
        top: 0px
    }
}

@media only screen and (max-width: 975px) {
    .p-press-page .itp .nav-head {
        width:84%;
        left: 10%
    }
}

.p-press-page .itp .nav-head .contact-container-mobile {
    display: none
}

@media only screen and (max-width: 975px) {
    .p-press-page .itp .nav-head .contact-container-mobile {
        display:block
    }
}

.p-press-page .itp .nav-head .figure {
    width: 163px;
    height: 163px;
    margin: 0px auto;
    margin-bottom: 10px
}

@media only screen and (max-width: 975px) {
    .p-press-page .itp .nav-head .figure {
        display:none
    }
}

.p-press-page .itp .nav-head svg {
    pointer-events: none;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s
}

.p-press-page .itp .nav-head path {
    opacity: 0;
    fill: none;
    stroke: #77A340;
    stroke-width: 2
}

.p-press-page .itp .nav-head path.line-round {
    stroke-linecap: round
}

.p-press-page .itp .nav-head path.stroke-medium {
    stroke-width: 2
}

.p-press-page .itp .nav-head path.stroke-thin {
    stroke-width: 1
}

.p-press-page .itp .nav-head .image {
    background: url("//web.archive.org/web/20190118075937im_/http://d16cvnquvjw7pr.cloudfront.net/www/img/p-press/nav-newspaper-2X.png");
    background-size: 165px 165px;
    width: 165px;
    height: 165px;
    margin: 0px auto 10px
}

@media only screen and (max-width: 975px) {
    .p-press-page .itp .nav-head .image {
        background:url("//web.archive.org/web/20190118075937im_/http://d16cvnquvjw7pr.cloudfront.net/www/img/p-press/nav-newspaper.png");
        width: 75px;
        height: 75px;
        background-size: 75px 75px;
        display: block;
        margin-left: 0px;
        float: left
    }
}

@media only screen and (max-width: 700px) {
    .p-press-page .itp .nav-head .image {
        display:none
    }
}

.p-press-page .itp .nav-head .desc {
    font: 2.2em/1 DNLTL;
    text-align: center;
    color: #78a300
}

@media only screen and (max-width: 975px) {
    .p-press-page .itp .nav-head .desc {
        font-family:DNLTL;
        float: left;
        text-align: left;
        margin-left: 20px;
        margin-top: 19px;
        margin-right: 116px
    }
}

@media only screen and (max-width: 975px) {
    .p-press-page .itp .nav-head .desc {
        margin-right:14%
    }
}

@media only screen and (max-width: 700px) {
    .p-press-page .itp .nav-head .desc {
        margin-left:0px;
        margin-top: 0px
    }
}

.p-press-page .itp .inner {
    padding-bottom: 90px;
    position: relative
}

@media only screen and (max-width: 975px) {
    .p-press-page .itp .inner {
        padding-top:120px !important
    }
}

@media only screen and (max-width: 975px) {
    .p-press-page .itp .h-rev {
        clear:both
    }
}

@media only screen and (max-width: 700px) {
    .p-press-page .itp .h-rev {
        margin-top:55px !important
    }
}

.p-press-page .itp li {
    margin-bottom: 45px
}

.p-press-page .itp li.first {
    background-color: #f3f3f3;
    padding: 40px
}

@media only screen and (max-width: 700px) {
    .p-press-page .itp li.first {
        padding:20px
    }
}

.p-press-page .itp li .title a:hover {
    color: #4384a6
}

.p-press-page .itp .title {
    font-size: 1.3em;
    margin-bottom: 5px
}

.p-press-page .itp .title a {
    color: #434343
}

.p-press-page .itp .meta {
    text-transform: uppercase;
    color: #636363;
    font-size: .875em
}

.p-press-page .about-zd {
    background-color: #78a300;
    color: #fff;
    overflow: hidden
}

.p-press-page .about-zd .inner {
    position: relative;
    height: 610px
}

@media only screen and (max-width: 975px) {
    .p-press-page .about-zd .inner {
        height:880px
    }
}

@media only screen and (max-width: 975px) and (max-width: 700px) {
    .p-press-page .about-zd .inner {
        height:700px
    }
}

.p-press-page .about-zd .inner-content {
    margin: 0px auto;
    right: 0px;
    z-index: 10;
    position: absolute;
    width: 685px
}

@media only screen and (max-width: 975px) {
    .p-press-page .about-zd .inner-content {
        left:0px
    }
}

@media only screen and (max-width: 700px) {
    .p-press-page .about-zd .inner-content {
        width:83%
    }
}

.p-press-page .about-zd h4,.p-press-page .about-zd .mobile-modal .mobile-modal-list li h5,.mobile-modal .mobile-modal-list li .p-press-page .about-zd h5 {
    color: #fff
}

.p-press-page .about-zd .big-buddhy {
    background: url("//web.archive.org/web/20190118075937im_/http://d16cvnquvjw7pr.cloudfront.net/www/img/p-press/stats-buddhy-new.png");
    position: absolute;
    right: 0px;
    left: 550px;
    z-index: 9;
    width: 738px;
    height: 781px;
    top: 265px;
    background-size: 100%
}

@media only screen and (max-width: 975px) {
    .p-press-page .about-zd .big-buddhy {
        background:url("//web.archive.org/web/20190118075937im_/http://d16cvnquvjw7pr.cloudfront.net/www/img/p-press/stats-buddhy-new-ie8.png");
        left: 100px;
        top: 766px
    }
}

@media only screen and (max-width: 975px) {
    .p-press-page .about-zd .big-buddhy {
        left:1%
    }
}

@media only screen and (max-width: 700px) {
    .p-press-page .about-zd .big-buddhy {
        display:none
    }
}

.p-press-page .about-zd .left-col {
    float: left;
    width: 295px;
    margin-right: 60px
}

@media only screen and (max-width: 975px) {
    .p-press-page .about-zd .left-col {
        float:none;
        margin-right: 0px;
        width: 100%
    }
}

.p-press-page .about-zd .left-col a {
    width: 140px;
    font-size: 1em;
    color: #fff;
    text-transform: uppercase;
    background-color: #688e00;
    text-align: center;
    padding: 11px 6px 10px;
    display: block;
    margin-top: 20px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    border-radius: 7px;
    -webkit-transition: background-color 0.2s ease-in;
    -moz-transition: background-color 0.2s ease-in;
    -ms-transition: background-color 0.2s ease-in;
    -o-transition: background-color 0.2s ease-in;
    transition: background-color 0.2s ease-in
}

.p-press-page .about-zd .left-col a:hover {
    background-color: #fff;
    color: #688e00
}

@media only screen and (max-width: 975px) {
    .p-press-page .about-zd .left-col a {
        display:none
    }
}

.p-press-page .about-zd .right-col {
    float: left;
    width: 170px;
    color: #d8e98b;
    margin-top: 50px
}

@media only screen and (max-width: 975px) {
    .p-press-page .about-zd .right-col {
        display:none
    }
}

.p-press-page .about-zd .right-col .content {
    margin-bottom: 15px
}

.p-press-page .about-zd .right-col a {
    width: 150px;
    font-size: 1em;
    color: #fff;
    text-transform: uppercase;
    background-color: #688e00;
    text-align: center;
    padding: 11px 6px 10px;
    display: block;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    border-radius: 7px;
    -webkit-transition: background-color 0.2s ease-in;
    -moz-transition: background-color 0.2s ease-in;
    -ms-transition: background-color 0.2s ease-in;
    -o-transition: background-color 0.2s ease-in;
    transition: background-color 0.2s ease-in
}

.p-press-page .about-zd .right-col a:hover {
    background-color: #fff;
    color: #688e00
}

.p-press-page .about-zd h3 {
    font-size: 1.875em;
    margin-bottom: 10px
}

@media only screen and (max-width: 975px) {
    .p-press-page .about-zd h3 {
        font:3em/1 DNLTL !important
    }
}

.p-press-page .about-zd .content {
    margin-bottom: 35px;
    font-size: .875em;
    line-height: 1.6em
}

@media only screen and (max-width: 975px) {
    .p-press-page .about-zd .content {
        font-size:1.6em;
        line-height: 1.4em
    }
}

@media only screen and (max-width: 700px) {
    .p-press-page .about-zd .content {
        font-size:1.2em;
        line-height: 1.3em
    }
}

.p-press-page .key-stats {
    background-color: #f1f1f1
}

@media only screen and (max-width: 975px) {
    .p-press-page .key-stats .inner {
        padding-bottom:0px !important
    }
}

.p-press-page .key-stats .h-sep {
    height: 1px;
    width: 100%;
    background-color: #fff;
    clear: both
}

.p-press-page .key-stats .left {
    width: 350px;
    float: left;
    margin-top: 20px
}

@media only screen and (max-width: 975px) {
    .p-press-page .key-stats .left {
        width:430px
    }
}

@media only screen and (max-width: 975px) {
    .p-press-page .key-stats .left {
        width:50%
    }
}

@media only screen and (max-width: 700px) {
    .p-press-page .key-stats .left {
        width:100%;
        margin: auto
    }
}

.p-press-page .key-stats .left .stat {
    font: 9em/.87 DNLTUL;
    color: #78a300;
    letter-spacing: 1px;
    margin-top: 12px;
    text-align: center
}

@media only screen and (max-width: 975px) {
    .p-press-page .key-stats .left .stat {
        font-size:8em
    }
}

@media only screen and (max-width: 700px) {
    .p-press-page .key-stats .left .stat {
        font-size:6.5em
    }
}

.p-press-page .key-stats .left .customers {
    display: block;
    font: 2.2em/1 DNLTR;
    color: #bbb;
    text-transform: uppercase;
    margin-bottom: 15px;
    text-align: center
}

@media only screen and (max-width: 700px) {
    .p-press-page .key-stats .left .customers {
        font-size:1.5em
    }
}

.p-press-page .key-stats .right {
    float: right;
    width: 290px;
    border-left: 1px solid #fff
}

@media only screen and (max-width: 975px) {
    .p-press-page .key-stats .right {
        padding-bottom:2%
    }
}

.p-press-page .key-stats .right .content-row {
    padding: 15px 0px 15px 30px
}

.p-press-page .key-stats .right .border-bottom {
    border-bottom: 1px solid #fff
}

.p-press-page .key-stats .right .stat-container-left {
    float: left
}

.p-press-page .key-stats .right .stat-container-left:nth-child(1) {
    margin-right: 50px;
    width: 90px
}

.p-press-page .key-stats .right .stat {
    color: #505050;
    font-size: 2.68em;
    margin-top: 20px
}

.p-press-page .key-stats .right .desc {
    font-size: 1.125em;
    text-transform: uppercase;
    color: #b9b9b9
}

.p-press-page .key-stats .right .desc.long {
    font-size: .90em
}

.p-press-page .key-stats .breakdown-left,.p-press-page .key-stats .breakdown-right {
    margin: 30px 0px
}

.p-press-page .key-stats .breakdown-left .circle,.p-press-page .key-stats .breakdown-right .circle {
    background-color: #fff;
    padding: 23px 15px;
    font-size: 1.125em;
    margin-right: 25px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    border-radius: 100px
}

.p-press-page .key-stats .breakdown-left .circle-desc,.p-press-page .key-stats .breakdown-right .circle-desc {
    font-size: 1.3em;
    width: 135px
}

.p-press-page .key-stats .breakdown-left li,.p-press-page .key-stats .breakdown-right li {
    float: left
}

.p-press-page .key-stats .breakdown-left {
    width: 385px;
    float: left;
    margin-left: 25px
}

@media only screen and (max-width: 975px) {
    .p-press-page .key-stats .breakdown-left {
        width:50%;
        margin-left: 5%
    }
}

@media only screen and (max-width: 975px) {
    .p-press-page .key-stats .breakdown-left {
        margin-left:0%
    }
}

.p-press-page .key-stats .breakdown-left .circle-desc {
    margin-top: 5px
}

.p-press-page .key-stats .breakdown-left .circle-icon {
    width: 75px;
    height: 47px;
    background: url("//web.archive.org/web/20190118075937im_/http://d16cvnquvjw7pr.cloudfront.net/www/img/p-press/stats-airplane.png");
    background-size: 100%;
    margin-top: 13px;
    margin-left: 1%
}

@media only screen and (max-width: 975px) {
    .p-press-page .key-stats .breakdown-left .circle-icon {
        display:none
    }
}

.p-press-page .key-stats .breakdown-right {
    float: right;
    width: 235px;
    margin-right: 25px
}

@media only screen and (max-width: 975px) {
    .p-press-page .key-stats .breakdown-right {
        width:39%;
        margin-right: 3%
    }
}

.p-press-page .key-stats .breakdown-right .circle-desc {
    margin-top: 5px
}

.p-press-page .offices {
    background-color: #f1f1f1;
    color: #555555
}

.p-press-page .offices .h-sep {
    height: 1px;
    width: 100%;
    background-color: #fff;
    margin-top: 55px
}

@media only screen and (max-width: 975px) {
    .p-press-page .offices .inner {
        padding-top:70px !important
    }
}

.p-press-page .offices strong {
    font-family: DNLTB;
    margin: 0px;
    text-transform: uppercase
}

.p-press-page .offices strong a {
    font-family: DNLTR
}

.p-press-page .offices span {
    display: block
}

.p-press-page .offices .left {
    width: 355px;
    float: left;
    font-size: .857em;
    line-height: 24px;
    margin-right: 0px;
    margin-top: 0px
}

@media only screen and (max-width: 975px) {
    .p-press-page .offices .left {
        width:400px
    }
}

@media only screen and (max-width: 975px) {
    .p-press-page .offices .left {
        width:35%
    }
}

.p-press-page .offices .right {
    width: 290px;
    float: right;
    font-size: .857em;
    line-height: 22px;
    border-left: 0px
}

.p-press-page .offices .right .locations {
    float: left;
    letter-spacing: .5px
}

@media only screen and (max-width: 700px) {
    .p-press-page .offices .right .locations {
        padding-top:4%
    }
}

.p-press-page .offices .right .locations.left-list {
    margin-right: 35px
}

@media only screen and (max-width: 700px) {
    .p-press-page .offices .right .locations.left-list {
        margin-left:35px;
        width: 42%;
        padding-bottom: 4%
    }
}

.p-press-page .offices .right li {
    margin-bottom: 15px
}

.p-press-page .offices .info {
    float: left;
    display: inline-block;
    vertical-align: middle;
    width: 185px
}

.p-press-page .offices .map {
    display: block;
    float: left;
    width: 138px;
    height: 138px;
    border: 5px solid #fff;
    margin-left: 10px;
    margin-top: -5px;
    background: url("//web.archive.org/web/20190118075937im_/http://d16cvnquvjw7pr.cloudfront.net/www/img/p-press/offices-gmap.png");
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    border-radius: 100px;
    -webkit-transition: border-color 0.2s ease-in;
    -moz-transition: border-color 0.2s ease-in;
    -ms-transition: border-color 0.2s ease-in;
    -o-transition: border-color 0.2s ease-in;
    transition: border-color 0.2s ease-in
}

.p-press-page .offices .map:hover {
    border-color: #ddd
}

@media only screen and (max-width: 975px) {
    .p-press-page .offices .map {
        display:none
    }
}

.p-press-page .investors {
    background-color: #f1f1f1
}

.p-press-page .investors .inner {
    padding-bottom: 100px
}

@media only screen and (max-width: 975px) {
    .p-press-page .investors .inner {
        padding-top:70px !important;
        padding-bottom: 10% !important
    }
}

.p-press-page .investors .title {
    color: #84ab18;
    text-transform: uppercase;
    font: 1.875em/1 DNLTL;
    margin-bottom: 10px
}

@media only screen and (max-width: 975px) {
    .p-press-page .investors .title {
        font:3.0em/1 DNLTL !important
    }
}

.p-press-page .investors .desc {
    color: #434343
}

@media only screen and (max-width: 975px) {
    .p-press-page .investors .desc {
        font-size:1.6em
    }
}

.p-press-page .founders {
    background-color: #fff
}

.p-press-page .founders .inner {
    padding-bottom: 100px
}

.p-press-page .founders .founder {
    overflow: hidden;
    margin-bottom: 70px
}

.p-press-page .founders .photo {
    float: left;
    margin-right: 30px;
    width: 180px;
    text-align: center
}

@media only screen and (max-width: 700px) {
    .p-press-page .founders .photo {
        text-align:left
    }
}

.p-press-page .founders .photo img {
    width: 170px;
    height: 170px;
    border: 5px solid #fff;
    margin-bottom: 10px;
    -webkit-box-shadow: -2px 2px 14px 0px #eee;
    -moz-box-shadow: -2px 2px 14px 0px #eee;
    -ms-box-shadow: -2px 2px 14px 0px #eee;
    -o-box-shadow: -2px 2px 14px 0px #eee;
    box-shadow: -2px 2px 14px 0px #eee;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px
}

.p-press-page .founders .bio {
    float: left;
    width: 475px
}

@media only screen and (max-width: 975px) {
    .p-press-page .founders .bio {
        width:65%
    }
}

@media only screen and (max-width: 700px) {
    .p-press-page .founders .bio {
        width:100%
    }
}

.p-press-page .founders .name {
    color: #84ab18;
    font-size: 1.875em;
    font-family: DNLTL
}

@media only screen and (max-width: 975px) {
    .p-press-page .founders .name {
        font:3.0em/1 DNLTL !important
    }
}

@media only screen and (max-width: 700px) {
    .p-press-page .founders .name {
        margin-top:20px
    }
}

.p-press-page .founders .position {
    font-size: .75em;
    text-transform: uppercase;
    color: #636363;
    font-family: DNLTM;
    margin-bottom: 20px
}

@media only screen and (max-width: 975px) {
    .p-press-page .founders .position {
        font-size:1.3em
    }
}

.p-press-page .founders .about {
    font-size: .875em;
    line-height: 1.5em
}

@media only screen and (max-width: 975px) {
    .p-press-page .founders .about {
        font-size:1.6em
    }
}

@media only screen and (max-width: 975px) and (max-width: 975px) {
    .p-press-page .founders .about {
        font-size:1.3em;
        line-height: 1.3
    }
}

#content.t-compare {
    position: relative
}

#content.t-compare h2 {
    position: absolute;
    top: 0;
    margin: 0;
    padding: 5px 9px;
    font: 24px DNLTL;
    text-transform: uppercase;
    color: #404040;
    border: none
}

.compare .entry-header {
    display: none
}

.pricing_table p {
    margin: 0
}

#pricing-menu {
    width: 180px;
    float: left;
    border-top: 1px solid #dcdcdc
}

#pricing-menu h2 {
    height: 25px;
    width: 180px;
    font: 14px DNRL;
    line-height: 18px;
    text-transform: uppercase;
    background: url("./public/assets./images/pricing-menu-bg.png") no-repeat bottom center
}

#pricing-menu h2 a.active {
    color: black
}

#pricing-menu h2 a:link,#pricing-menu h2 a:active,#pricing-menu h2 a:visited {
    color: #1b76a6;
    text-decoration: none
}

#compare-bar header h2 {
    padding-top: 4px !important;
    z-index: 6666
}

#table-holder {
    width: 740px;
    float: right
}

.detailed #table_top {
    background: url("./public/assets./images/table-top.png") 0 0 no-repeat
}

.t-compare #table_top td {
    height: 65px;
    width: 105px
}

.t-compare table#pricing {
    background: url("./public/assets./images/table-bg.jpg") top right repeat-y;
    margin-top: -35px
}

.t-compare tr.header {
    height: 50px;
    border-top: 2px solid white;
    font: 14px DNLTM;
    color: #484848
}

.t-compare tr.header td.col1 {
    border: none;
    font: 13px DNLTM;
    padding-top: 25px;
    padding-left: 10px
}

.t-compare tr.header td {
    padding-top: 10px;
    vertical-align: middle
}

.t-compare tr.sub {
    font: 14px DNLTL;
    color: #484848;
    height: 30px;
    border-top: 1px solid white
}

.t-compare tr.sub td {
    width: 117px;
    padding-top: 5px;
    vertical-align: middle;
    text-align: center;
    font-family: DNLTL
}

.t-compare tr.sub td.col1 {
    vertical-align: middle;
    text-align: left;
    padding-left: 10px
}

.t-compare td.check {
    background: url("./public/assets./images/check.png") no-repeat center
}

.t-compare .tooltip {
    min-height: 20px
}

.t-compare td a:link,.t-compare td a:active,.t-compare td a:visited {
    cursor: pointer
}

.t-compare td a.tooltip:link,.t-compare td a.tooltip:active,.t-compare td a.tooltip:visited {
    cursor: help;
    color: #484848;
    height: auto
}

.t-compare td a.tooltip.through:link,.t-compare td a.tooltip.through:active,.t-compare td a.tooltip.through:visited {
    cursor: pointer;
    color: #4384A6
}

.tooltip {
    display: block;
    padding-right: 25px;
    outline: none;
    color: #000000;
    cursor: help;
    text-decoration: none;
    background: url("./public/assets./images/icon_info.png") 300px 0 no-repeat
}

.tooltip:hover {
    background-image: url("./public/assets./images/icon_info_hover.png")
}

.tooltip span.classic {
    position: absolute;
    margin-left: -999em;
    color: #484848;
    background-color: #fff;
    font-size: 16px;
    line-height: 1.3;
    text-align: left;
    padding: 30px
}

.tooltip:hover span.classic {
    position: absolute;
    left: 335px;
    top: -36px;
    z-index: 99;
    width: 250px;
    margin-left: 0;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: 0px 2px 7px #d1d1d1;
    -webkit-box-shadow: 0px 2px 7px #d1d1d1;
    box-shadow: 0px 2px 7px #d1d1d1
}

.tooltip span.classic-shim {
    position: absolute;
    left: -15px;
    display: block;
    width: 15px;
    height: 50px;
    background: url("./public/assets./images/bg-tooltip.png") top left no-repeat
}

@media only screen and (max-width: 975px) {
    #main.single-resource,#main.resource-landing {
        width:92%
    }

    #main.single-resource .wrap,#main.resource-landing .wrap {
        width: 98%
    }
}

@media only screen and (max-width: 700px) {
    #main.single-resource #newsletter-form,#main.resource-landing #newsletter-form {
        display:none
    }
}

#main.single-resource #newsletter-form label,#main.resource-landing #newsletter-form label {
    width: 199px
}

#main.single-resource #newsletter-form label.success,#main.resource-landing #newsletter-form label.success {
    width: 275px
}

#main.single-resource #newsletter-form input,#main.resource-landing #newsletter-form input {
    width: 190px
}

@media only screen and (max-width: 975px) {
    #main.single-resource #newsletter-form input,#main.resource-landing #newsletter-form input {
        width:62%
    }
}

#main.single-resource .pl-content,#main.resource-landing .pl-content {
    background: none;
    margin: 0;
    width: auto
}

#main.single-resource .promo-wrap,#main.resource-landing .promo-wrap {
    border-bottom: none;
    margin: 40px 0 -66px;
    padding: 10px 0 20px;
    clear: both
}

#main.single-resource .promo-wrap .block,#main.resource-landing .promo-wrap .block {
    background: none;
    padding: 0;
    width: 290px;
    min-height: 245px;
    margin-right: 20px;
    float: left
}

#main.single-resource .promo-wrap .block:last-child,#main.resource-landing .promo-wrap .block:last-child {
    background: none;
    border-left: 1px solid #DEDEDE;
    margin-right: 0;
    padding-left: 20px
}

#main .widecol,.wrap .widecol {
    border-right: 1px solid #DEDEDE;
    clear: both;
    float: left;
    padding: 0 20px 0 0;
    width: 632px
}

#main .narrowcol,.wrap .narrowcol {
    float: right;
    padding-left: 20px;
    width: 287px
}

@media only screen and (max-width: 975px) {
    #main .narrowcol,.wrap .narrowcol {
        width:34% !important;
        margin: 0 2%;
        padding-left: 0 !important
    }
}

@media only screen and (max-width: 778px) {
    #main .narrowcol,.wrap .narrowcol {
        display:none
    }
}

#main .narrowcol h3,.wrap .narrowcol h3 {
    font: 17px/1 DNRM;
    color: #666
}

.note {
    color: #9A8577;
    font: 13px DNRM;
    letter-spacing: 1px;
    margin-bottom: 5px;
    text-transform: uppercase
}

.resource .hidden {
    display: none
}

#main.single-resource section.video {
    margin-top: 30px
}

#main.single-resource #infographic img {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    -webkit-box-shadow: 0 0 20px #ddd;
    -moz-box-shadow: 0 0 20px #ddd;
    -ms-box-shadow: 0 0 20px #ddd;
    -o-box-shadow: 0 0 20px #ddd;
    box-shadow: 0 0 20px #ddd;
    float: none;
    margin: 10px 0 0;
    width: 100%
}

#main.single-resource time {
    font: 12px/18px DNRR;
    float: left;
    margin-right: 15px
}

#main.single-resource ul.social {
    float: left
}

#main.single-resource .col-lt {
    float: none
}

#main.single-resource .col-rt {
    float: right
}

#main.single-resource header h1 {
    font: 42px/45px DNRL;
    margin: 10px 0 0;
    letter-spacing: normal
}

@media only screen and (max-width: 778px) {
    #main.single-resource .promo-wrap {
        padding:0 4%
    }
}

@media only screen and (max-width: 778px) {
    #main.single-resource .promo-wrap .block {
        width:44%;
        min-height: 100px;
        height: expression(this.scrollHeight < 101 ? "100px" : "auto" );
        margin-right: 5%
    }

    #main.single-resource .promo-wrap .block:last-child {
        margin-right: 0;
        padding-left: 5%
    }

    #main.single-resource .promo-wrap .block img {
        height: 100%;
        width: 100%
    }
}

#main.single-resource .promo-wrap .block h2 {
    color: #666;
    font: 20px DNLTL;
    margin-top: 20px;
    margin-bottom: 0;
    text-align: center
}

@media only screen and (max-width: 778px) {
    #main.single-resource .promo-wrap .block h2 {
        font-size:15px;
        letter-spacing: .95px
    }
}

#main.single-resource .promo-wrap .block a:hover h2 {
    color: #cb3c00
}

#main.single-resource .promo-wrap .block a:hover img {
    opacity: .75
}

@media only screen and (max-width: 975px) {
    #main.single-resource .widecol {
        position:static;
        overflow: hidden;
        padding-right: 1% !important;
        width: 100% !important;
        border: none
    }
}

@media only screen and (max-width: 778px) {
    #main.single-resource .widecol {
        border:none;
        padding-right: 0 !important;
        width: 100% !important
    }
}

#main.single-resource .narrowcol div {
    margin-bottom: 20px
}

#main.single-resource .narrowcol .block h2 {
    background-color: #E9E9E9;
    color: #666;
    display: block;
    font-family: DNLTM;
    font-size: 16px;
    line-height: 18px;
    padding: 10px;
    text-align: center;
    text-transform: capitalize;
    margin-top: -5px
}

#main.single-resource .narrowcol .block a {
    display: block
}

#main.single-resource .narrowcol .block a:hover {
    -webkit-box-shadow: 1px 1px 2px #e9e9e9;
    -moz-box-shadow: 1px 1px 2px #e9e9e9;
    -ms-box-shadow: 1px 1px 2px #e9e9e9;
    -o-box-shadow: 1px 1px 2px #e9e9e9;
    box-shadow: 1px 1px 2px #e9e9e9
}

#main.single-resource .narrowcol .block a:hover h2 {
    background: #fff;
    color: #CB3C00
}

#main.single-resource .resource-body {
    clear: both;
    font: 18px/1.4 PNR;
    color: #362f2d
}

#main.single-resource .resource-body ul {
    margin-bottom: 20px
}

#main.single-resource .resource-body ul li {
    list-style-type: disc;
    margin-left: 20px
}

#main.single-resource .resource-body ul li li {
    list-style-type: circle;
    margin-left: 20px
}

#main.single-resource .resource-body ul li li li {
    list-style-type: disc;
    margin-left: 20px
}

#main.single-resource .resource-body ol {
    margin-bottom: 20px
}

#main.single-resource .resource-body ol li {
    list-style-type: decimal;
    margin-left: 20px
}

#main.single-resource .resource-body ol li li {
    list-style-type: lower-alpha;
    margin-left: 20px
}

#main.single-resource .resource-body ol li li li {
    list-style-type: lower-roman;
    margin-left: 20px
}

#main.single-resource .resource-body p {
    margin: 0 0 20px
}

@media only screen and (max-width: 778px) {
    #main.single-resource .resource-body p {
        font:1.25em/1.45em DNLTL
    }
}

#main.single-resource .resource-body img {
    float: right;
    margin: 0 0 20px 20px
}

@media only screen and (max-width: 975px) {
    #main.single-resource .resource-body img {
        max-width:100%;
        float: left;
        margin-left: 0;
        margin-right: 40px
    }
}

#main.single-resource .resource-body #reg {
    padding: 10px 23px !important
}

#main.single-resource .resource-body-content {
    display: none;
    margin-top: 300px
}

#main.single-resource .resource-body-content.ungated {
    display: block;
    margin-top: 0px
}

#main.single-resource .resource-meta {
    display: inline-block;
    margin-bottom: 0px;
    width: 100%;
    line-height: 12px;
    margin-top: 5px
}

#main.single-resource .resource-meta:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

#main.single-resource .resource-body-teaser {
    margin-bottom: 20px
}

#main.single-resource .download-it span {
    background: url("./public/assets./images/p-resources/dwnld.png");
    display: block;
    float: left;
    margin-top: -2px;
    height: 15px;
    width: 15px
}

#main.single-resource #see-all,#main.single-resource .download-it {
    height: 18px;
    margin-left: 0;
    margin-right: 4px;
    margin-top: -3px
}

#main.single-resource #see-all {
    margin: 0 auto;
    text-align: center;
    height: 25px;
    width: 140px;
    float: none;
    display: block
}

#main.single-resource #see-all span {
    display: block;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 5px solid #ccc;
    margin: 3px auto 0
}

#main.single-resource #see-all.register {
    float: right;
    height: 28px;
    width: 287px;
    font-size: 14px;
    padding: 17px 0 0 0;
    margin: -12px 37px 0 0
}

#main.single-resource #see-all.register span {
    display: none
}

@media only screen and (max-width: 778px) {
    #main.single-resource article.resource {
        margin:0 4%;
        padding-top: 4%
    }

    #main.single-resource article.resource section.video iframe {
        width: 100%;
        height: 300px
    }

    #main.single-resource .left-col {
        width: 67%
    }

    #main.single-resource h1 {
        font: 2.25em/1.15em DNRL
    }
}

.resource-links .menu-sub li a {
    background: #eee;
    background: rgba(0,0,0,0.04);
    color: #444;
    display: block;
    height: auto;
    line-height: 18px;
    margin-bottom: 5px;
    padding: 10px 15px;
    font: 16px/1 PNR
}

.resource-links .menu-sub li a:hover {
    background: #fff;
    -webkit-box-shadow: 1px 1px 2px #e9e9e9;
    -moz-box-shadow: 1px 1px 2px #e9e9e9;
    -ms-box-shadow: 1px 1px 2px #e9e9e9;
    -o-box-shadow: 1px 1px 2px #e9e9e9;
    box-shadow: 1px 1px 2px #e9e9e9;
    color: #000
}

header.resource-landing {
    background: #fafafa;
    margin: 0 auto;
    overflow: hidden;
    padding: 40px 0;
    width: 100%;
    min-width: 960px;
    position: relative
}

@media only screen and (max-width: 975px) {
    header.resource-landing {
        padding:40px 4%;
        width: 92%;
        min-width: 0
    }
}

@media only screen and (max-width: 700px) {
    header.resource-landing {
        width:100%;
        padding: 30px 0 10px
    }
}

@media only screen and (max-width: 975px) {
    header.resource-landing .wrap {
        width:100%
    }
}

header.resource-landing .img-wrapper {
    float: left;
    margin-right: 38px;
    height: 271px;
    width: 480px
}

@media only screen and (max-width: 975px) {
    header.resource-landing .img-wrapper {
        overflow:hidden;
        margin-right: 5%;
        width: 45%
    }
}

@media only screen and (max-width: 700px) {
    header.resource-landing .img-wrapper {
        float:none;
        margin: 0 auto;
        border-radius: 75px 75px 75px 75px;
        height: 130px;
        width: 130px
    }
}

header.resource-landing .img-wrapper img {
    max-width: 480px;
    display: block;
    margin: 0 auto
}

@media only screen and (max-width: 975px) {
    header.resource-landing .img-wrapper img {
        margin:0
    }
}

@media only screen and (max-width: 700px) {
    header.resource-landing .img-wrapper img {
        margin:0 -65%;
        margin: -30% -132%
    }
}

header.resource-landing .text {
    margin-top: 30px;
    float: left;
    width: 440px
}

@media only screen and (max-width: 975px) {
    header.resource-landing .text {
        width:50%
    }
}

@media only screen and (max-width: 700px) {
    header.resource-landing .text {
        float:none;
        margin: 12px auto 0;
        text-align: center;
        width: auto
    }

    header.resource-landing .text .button-white,header.resource-landing .text .button-white-disabled:hover {
        float: none;
        margin: 0 auto 5px
    }
}

header.resource-landing .text h4,header.resource-landing .text .mobile-modal .mobile-modal-list li h5,.mobile-modal .mobile-modal-list li header.resource-landing .text h5 {
    font: 12px DNRM;
    text-transform: uppercase
}

header.resource-landing .text h1 {
    font: 40px/45px DNLTM;
    margin: 8px 0 15px
}

@media only screen and (max-width: 975px) {
    header.resource-landing .text h1 {
        margin:0 0 10px
    }
}

@media only screen and (max-width: 700px) {
    header.resource-landing .text h1 {
        margin-bottom:5px;
        font: 20px/1.2 DNLTM
    }
}

header.resource-landing .text .permalink.dark {
    color: #333
}

header.resource-landing .text .permalink.dark:hover {
    color: #c55200
}

header.resource-landing .header-inner .wrap a:nth-child(2),header.resource-landing .header-inner .wrap a:nth-child(3),header.resource-landing .header-inner .wrap a:nth-child(4) {
    display: none
}

#main.resource-landing {
    margin-top: 0
}

#main.grid-container .isotope-hidden,#main.resource-landing .isotope-hidden {
    display: none
}

#main.grid-container #content,#main.resource-landing #content {
    position: relative;
    padding: 30px 0 0;
    width: 960px;
    min-height: 530px
}

@media only screen and (max-width: 975px) {
    #main.grid-container #content,#main.resource-landing #content {
        position:static;
        overflow: hidden;
        width: 100% !important
    }
}

#main.grid-container #content #page-title,#main.resource-landing #content #page-title {
    width: 50%;
    float: left;
    margin-bottom: 0;
    border: none
}

@media only screen and (max-width: 700px) {
    #main.grid-container #content #page-title,#main.resource-landing #content #page-title {
        display:none
    }
}

#main.grid-container #content .pro-tip,#main.resource-landing #content .pro-tip {
    width: auto;
    display: inline-block;
    float: right;
    margin: -14px 10px 0 0;
    text-transform: uppercase;
    color: #888;
    font: 13px/1 DNRM
}

@media only screen and (max-width: 700px) {
    #main.grid-container #content .pro-tip,#main.resource-landing #content .pro-tip {
        display:none
    }
}

#main.grid-container #content .left-col,#main.resource-landing #content .left-col {
    clear: left;
    float: left;
    left: 0;
    margin: 17px 0 0;
    padding: 5px 0 0 5px;
    position: relative;
    width: 730px
}

@media only screen and (max-width: 975px) {
    #main.grid-container #content .left-col,#main.resource-landing #content .left-col {
        width:67%
    }
}

@media only screen and (max-width: 700px) {
    #main.grid-container #content .left-col,#main.resource-landing #content .left-col {
        display:none
    }
}

#main.grid-container #content #see-all,#main.resource-landing #content #see-all {
    bottom: 10px;
    color: #222;
    display: block;
    float: none;
    left: 20%;
    margin: 0 auto;
    padding: 18px 20px 10px;
    position: absolute;
    right: auto;
    text-align: center;
    width: 50%
}

@media only screen and (max-width: 700px) {
    #main.grid-container #content #see-all,#main.resource-landing #content #see-all {
        bottom:0 !important;
        left: 6% !important;
        width: 75%
    }
}

#main.grid-container #content #filter-wrap,#main.resource-landing #content #filter-wrap {
    margin-top: 0;
    margin-right: 0;
    top: 88px
}

@media only screen and (max-width: 975px) {
    #main.grid-container #content #filter-wrap,#main.resource-landing #content #filter-wrap {
        width:30%
    }
}

@media only screen and (max-width: 700px) {
    #main.grid-container #content #filter-wrap,#main.resource-landing #content #filter-wrap {
        top:0;
        width: 99%
    }
}

@media only screen and (max-width: 975px) {
    #main.grid-container #content #filter-wrap #filter-options,#main.resource-landing #content #filter-wrap #filter-options {
        width:100%
    }
}

@media only screen and (max-width: 975px) {
    #main.grid-container #content #filter-wrap #filter-options .section,#main.resource-landing #content #filter-wrap #filter-options .section {
        width:100%
    }
}

@media only screen and (max-width: 700px) {
    #main.grid-container #content #filter-wrap #filter-options .section,#main.resource-landing #content #filter-wrap #filter-options .section {
        clear:both;
        display: block;
        margin: 0 auto;
        padding: 0;
        float: none;
        width: 300px
    }
}

#main.grid-container #content #filter-wrap #filter-options .section .option,#main.resource-landing #content #filter-wrap #filter-options .section .option {
    width: 100%
}

@media only screen and (max-width: 700px) {
    #main.grid-container #content #filter-wrap #filter-options .section .option,#main.resource-landing #content #filter-wrap #filter-options .section .option {
        background:none;
        width: auto;
        margin: 0;
        padding: 0
    }

    #main.grid-container #content #filter-wrap #filter-options .section .option:last-child a,#main.resource-landing #content #filter-wrap #filter-options .section .option:last-child a {
        padding-right: 0
    }

    #main.grid-container #content #filter-wrap #filter-options .section .option a,#main.resource-landing #content #filter-wrap #filter-options .section .option a {
        background: none;
        font: 10px/25px DNRM;
        height: auto;
        padding: 0 5px;
        margin: 0 auto;
        text-transform: lowercase;
        text-align: center
    }

    #main.grid-container #content #filter-wrap #filter-options .section .option.pressed,#main.grid-container #content #filter-wrap #filter-options .section .option:hover,#main.resource-landing #content #filter-wrap #filter-options .section .option.pressed,#main.resource-landing #content #filter-wrap #filter-options .section .option:hover {
        text-decoration: underline
    }

    #main.grid-container #content #filter-wrap #filter-options .section .option a:before,#main.grid-container #content #filter-wrap #filter-options .section .option a.ico-iphone:after,#main.grid-container #content #filter-wrap #filter-options .section .option a.ico-iphone:after,#main.resource-landing #content #filter-wrap #filter-options .section .option a:before,#main.resource-landing #content #filter-wrap #filter-options .section .option a.ico-iphone:after,#main.resource-landing #content #filter-wrap #filter-options .section .option a.ico-iphone:after {
        display: none
    }
}

@media only screen and (max-width: 700px) {
    #main.grid-container #content #filter-wrap #filter-options #section2,#main.resource-landing #content #filter-wrap #filter-options #section2 {
        display:none
    }
}

#main.grid-container #content .filter-bar,#main.grid-container #content #filter-bar,#main.resource-landing #content .filter-bar,#main.resource-landing #content #filter-bar {
    position: relative;
    float: left;
    z-index: 1;
    height: auto;
    width: 190px;
    margin-top: 10px;
    padding: 0
}

@media only screen and (max-width: 700px) {
    #main.grid-container #content .filter-bar,#main.grid-container #content #filter-bar,#main.resource-landing #content .filter-bar,#main.resource-landing #content #filter-bar {
        margin-top:4%;
        width: 100%
    }

    #main.grid-container #content .filter-bar:nth-child(3),#main.grid-container #content #filter-bar:nth-child(3),#main.resource-landing #content .filter-bar:nth-child(3),#main.resource-landing #content #filter-bar:nth-child(3) {
        display: none
    }
}

#main.grid-container #content .filter-bar span,#main.grid-container #content #filter-bar span,#main.resource-landing #content .filter-bar span,#main.resource-landing #content #filter-bar span {
    float: left;
    margin: 0;
    font: 14px DNRB;
    color: #222;
    text-transform: uppercase
}

@media only screen and (max-width: 700px) {
    #main.grid-container #content .filter-bar span,#main.grid-container #content #filter-bar span,#main.resource-landing #content .filter-bar span,#main.resource-landing #content #filter-bar span {
        display:block;
        font: 12px DNRB;
        margin: 0 auto;
        text-align: center;
        width: 100%
    }
}

#main.grid-container #content #tiles,#main.resource-landing #content #tiles {
    min-height: none;
    padding: 5px 0 100px 5px
}

@media only screen and (max-width: 975px) {
    #main.grid-container #content #tiles,#main.resource-landing #content #tiles {
        width:72%
    }
}

@media only screen and (max-width: 700px) {
    #main.grid-container #content #tiles,#main.resource-landing #content #tiles {
        height:auto !important;
        min-height: none !important;
        margin: 6% auto 0;
        width: 100%;
        padding-bottom: 0
    }
}

#main.grid-container #content #tiles #no-results,#main.resource-landing #content #tiles #no-results {
    margin-left: 5px
}

@media only screen and (max-width: 700px) {
    #main.grid-container #content #tiles #no-results,#main.resource-landing #content #tiles #no-results {
        font-size:90%;
        margin-top: 2%;
        text-align: center
    }
}

#main.grid-container #content #tiles #no-results h2,#main.resource-landing #content #tiles #no-results h2 {
    font-family: DNLTM
}

#main.grid-container #content .tile,#main.resource-landing #content .tile {
    overflow: visible;
    height: 220px;
    padding: 7px;
    width: 27%
}

@media only screen and (max-width: 975px) {
    #main.grid-container #content .tile,#main.resource-landing #content .tile {
        float:left !important;
        position: relative !important;
        left: auto !important;
        top: auto !important;
        margin: 0 2% 4% 2%;
        width: 41%
    }
}

@media only screen and (max-width: 700px) {
    #main.grid-container #content .tile,#main.resource-landing #content .tile {
        -webkit-box-shadow:none;
        -moz-box-shadow: none;
        -ms-box-shadow: none;
        -o-box-shadow: none;
        box-shadow: none;
        border: none;
        float: none !important;
        margin: 2% auto;
        width: 93%;
        height: 70px
    }
}

#main.grid-container #content .tile h6,#main.resource-landing #content .tile h6 {
    font: 12px PNR;
    color: #777;
    margin: 0;
    text-transform: uppercase
}

@media only screen and (max-width: 700px) {
    #main.grid-container #content .tile h6,#main.resource-landing #content .tile h6 {
        right:126px;
        position: absolute;
        letter-spacing: 1px;
        font-size: 10px;
        font-family: DNLTL;
        color: #aaa
    }
}

#main.grid-container #content .tile header h4,#main.grid-container #content .tile header .mobile-modal .mobile-modal-list li h5,.mobile-modal .mobile-modal-list li #main.grid-container #content .tile header h5,#main.resource-landing #content .tile header h4,#main.resource-landing #content .tile header .mobile-modal .mobile-modal-list li h5,.mobile-modal .mobile-modal-list li #main.resource-landing #content .tile header h5 {
    font: 17px/1 DNLTR;
    margin: 4px 5px 0
}

@media only screen and (max-width: 975px) {
    #main.grid-container #content .tile header h4,#main.grid-container #content .tile header .mobile-modal .mobile-modal-list li h5,.mobile-modal .mobile-modal-list li #main.grid-container #content .tile header h5,#main.resource-landing #content .tile header h4,#main.resource-landing #content .tile header .mobile-modal .mobile-modal-list li h5,.mobile-modal .mobile-modal-list li #main.resource-landing #content .tile header h5 {
        font:15px/18px DNLTM
    }
}

@media only screen and (max-width: 700px) {
    #main.grid-container #content .tile header h4,#main.grid-container #content .tile header .mobile-modal .mobile-modal-list li h5,.mobile-modal .mobile-modal-list li #main.grid-container #content .tile header h5,#main.resource-landing #content .tile header h4,#main.resource-landing #content .tile header .mobile-modal .mobile-modal-list li h5,.mobile-modal .mobile-modal-list li #main.resource-landing #content .tile header h5 {
        font:15px/18px DNLTR;
        letter-spacing: 0.6px;
        margin-top: 18px;
        text-align: left
    }
}

#main.grid-container #content .logo,#main.resource-landing #content .logo {
    background: #fff;
    border-bottom: none;
    padding-bottom: 0;
    height: 122px;
    margin-bottom: 10px;
    overflow: hidden
}

@media only screen and (max-width: 700px) {
    #main.grid-container #content .logo,#main.resource-landing #content .logo {
        border-radius:50%;
        height: 70px;
        width: 70px;
        float: left;
        margin-left: 0;
        margin-right: 16px
    }
}

#main.grid-container #content .logo img,#main.resource-landing #content .logo img {
    vertical-align: bottom;
    max-height: 120px;
    max-width: 215px
}

@media only screen and (max-width: 975px) {
    #main.grid-container #content .logo img,#main.resource-landing #content .logo img {
        max-height:none;
        max-width: none;
        width: 80%
    }
}

@media only screen and (max-width: 700px) {
    #main.grid-container #content .logo img,#main.resource-landing #content .logo img {
        vertical-align:top;
        width: 180%
    }
}

#main.grid-container #content .form-gray input,#main.resource-landing #content .form-gray input {
    border: none;
    box-shadow: 0 1px 4px #CCCCCC inset;
    width: 180px
}

#main.grid-container #content #page-title {
    display: block;
    width: 100%
}

.lang-pt .resource-landing #filter-options .filter-bar:nth-child(1),.lang-pt .resource-landing #filter-options #section1,.lang-ja .resource-landing #filter-options .filter-bar:nth-child(1),.lang-ja .resource-landing #filter-options #section1,.lang-es .resource-landing #filter-options .filter-bar:nth-child(1),.lang-es .resource-landing #filter-options #section1,.lang-pt .resource-landing #filter-options .filter-bar:nth-child(1),.lang-pt .resource-landing #filter-options #section1,.lang-de .resource-landing #filter-options .filter-bar:nth-child(1),.lang-de .resource-landing #filter-options #section1 {
    display: none
}

.page-template-page-webinars-php #main {
    overflow: visible
}

article.hasleadgen header h1 {
    margin-bottom: 10px
}

article.hasleadgen .post .link-wrap {
    overflow: hidden;
    cursor: pointer
}

article.hasleadgen .post h1 {
    font: 28px/1.1 DNLTL;
    color: #404040;
    border: none;
    padding: 0;
    margin-bottom: 10px
}

article.hasleadgen .post h2 {
    font: 16px/1 DNLTLI;
    color: #404040;
    margin: 3px 0 10px
}

article.hasleadgen .post .details {
    margin-left: 130px
}

article.hasleadgen aside figure img {
    margin-top: -5px;
    float: left;
    width: 100px
}

article.hasleadgen #div#form {
    margin-top: 40px
}

article.hasleadgen #reg {
    width: 585px;
    overflow: hidden;
    float: left;
    margin-bottom: 90px;
    float: left;
    background: #eee;
    background: rgba(0,0,0,0.04);
    padding: 30px
}

@media only screen and (max-width: 975px) {
    article.hasleadgen #reg {
        width:82%;
        padding: 8%
    }
}

article.hasleadgen #reg p:nth-child(3) {
    margin-bottom: 0
}

article.hasleadgen #reg #form-cta {
    font: 14px/1 DNLTLI;
    margin-bottom: 15px
}

article.hasleadgen #reg .title {
    text-transform: none;
    font-size: 34px;
    line-height: 1;
    margin: 10px 0 8px 0
}

article.hasleadgen #reg h2 {
    margin-bottom: 20px
}

article.hasleadgen #reg .radio {
    font-size: 18px
}

article.hasleadgen #reg ul {
    margin-bottom: 20px
}

@media only screen and (max-width: 975px) {
    article.hasleadgen #reg .form-gray .error label {
        width:90%
    }
}

@media only screen and (max-width: 975px) {
    article.hasleadgen #reg .form-lead {
        width:100%
    }

    article.hasleadgen #reg .form-lead .btn-submit {
        min-width: 0
    }

    article.hasleadgen #reg .form-lead .select-label,article.hasleadgen #reg .form-lead select {
        width: 95%
    }

    article.hasleadgen #reg .form-lead li {
        width: 100%
    }

    article.hasleadgen #reg .form-lead li input {
        width: 95%
    }
}

article.hasleadgen aside {
    float: right;
    padding: 0;
    width: 281px;
    padding: 10px 0 0 0px
}

article.hasleadgen .post li:nth-child(2n) {
    margin-right: 0
}

article.hasleadgen .post .social {
    margin: 20px 0 0;
    width: 100%
}

article.hasleadgen .post .social li {
    height: auto;
    margin-right: 0
}

article.hasleadgen .post .social li#facebook {
    width: 75px
}

article.hasleadgen .post aside .ico {
    width: auto;
    display: block;
    margin: 0 auto
}

article.hasleadgen .post aside .bio {
    font: 14px/1.4 DNLTLI;
    margin: 10px 0 0;
    float: left
}

article.hasleadgen #radios {
    margin-bottom: 20px
}

article.hasleadgen .label-wrap {
    margin-bottom: 5px;
    height: 21px;
    padding: 7px 10px;
    overflow: hidden;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px
}

article.hasleadgen .whitebox-menu li span {
    float: left;
    height: 45px;
    margin: 0 13px 0 0;
    width: 45px
}

@media only screen and (max-width: 975px) {
    article.webinar #reg {
        width:60%;
        padding: 0 4%;
        font-size: 18px
    }
}

@media only screen and (max-width: 700px) {
    article.webinar #reg {
        margin-bottom:10px;
        width: 92%
    }
}

@media only screen and (max-width: 975px) {
    article.webinar .post aside {
        width:28%
    }
}

@media only screen and (max-width: 700px) {
    article.webinar .post aside {
        width:100%
    }
}

@media only screen and (max-width: 975px) {
    article.webinar .post aside .bio {
        font:15px/1.4 PNR
    }
}

@media only screen and (max-width: 700px) {
    article.webinar .post aside .ico {
        margin-bottom:5px
    }
}

@media only screen and (max-width: 975px) {
    article.webinars#main .wrap {
        width:100%
    }
}

@media only screen and (max-width: 975px) {
    article.webinars#main .wrap .widecol {
        border:none;
        padding: 0;
        width: 100%
    }
}

@media only screen and (max-width: 975px) {
    article.webinars#main .wrap .narrowcol {
        display:block;
        margin: 20px auto 0;
        width: 100% !important
    }
}

article.webinars#main #live .post {
    border-bottom: 1px solid #DEDEDE;
    cursor: pointer;
    margin-bottom: 15px;
    overflow: hidden;
    padding: 0 0 10px
}

@media only screen and (max-width: 700px) {
    article.webinars#main #live .post {
        text-align:center
    }
}

article.webinars#main #live .post:hover li,article.webinars#main #live .post:hover h1,article.webinars#main #live .post:hover h2 {
    color: #cb3c00
}

article.webinars#main #live .post:hover img {
    opacity: .75
}

article.webinars#main #live .post li {
    color: #434343;
    margin-bottom: 7px
}

article.webinars#main #live .post img {
    float: left
}

@media only screen and (max-width: 700px) {
    article.webinars#main #live .post img {
        float:none
    }
}

article.webinars#main #live .post h1.grid-top-tagline {
    margin-top: 0
}

@media only screen and (max-width: 700px) {
    article.webinars#main #live .post .details {
        margin-left:0;
        clear: both;
        padding-top: 10px
    }
}

article.webinars#main #live .post li span,article.webinars#main #reg .radio span {
    background: url("./public/assets./images/lead-form.png") no-repeat 0 -119px;
    width: 27px;
    height: 20px;
    display: block;
    float: left;
    margin-right: 7px
}

@media only screen and (max-width: 700px) {
    article.webinars#main #live .post li span,article.webinars#main #reg .radio span {
        float:none;
        display: inline-block;
        margin-top: -2px;
        vertical-align: middle
    }
}

article.contact .col-lt {
    float: left;
    width: 480px;
    background: #eee;
    background: rgba(0,0,0,0.04);
    padding: 20px;
    margin: 0 0 100px 0
}

article.contact .col-rt {
    float: right
}

article.contact .support {
    display: block;
    margin: 0 0 30px 0
}

article.contact .details {
    float: right;
    width: 410px
}

article.contact .details h4,article.contact .details .mobile-modal .mobile-modal-list li h5,.mobile-modal .mobile-modal-list li article.contact .details h5 {
    font: 21px/1.3 DNRB;
    margin: 0 0 15px 0;
    clear: both
}

article.contact ul {
    margin: 0;
    padding: 0
}

article.contact ul li {
    float: left;
    list-style: none
}

article.contact ul.locations h4,article.contact ul.locations .mobile-modal .mobile-modal-list li h5,.mobile-modal .mobile-modal-list li article.contact ul.locations h5 {
    font: 14px DNLTM;
    color: #555;
    text-transform: uppercase;
    padding: 4px 0;
    margin: 0 0 5px 0
}

article.contact ul.locations li {
    width: 190px;
    height: 145px;
    padding-right: 10px
}

article.contact ul.locations li#field_3_13 {
    position: absolute;
    bottom: -13px;
    left: 17px;
    font-family: DNLTRI;
    color: gray
}

article.contact ul.locations p {
    color: #808080;
    margin: 0;
    font-size: 13px;
    line-height: 1.4
}

article.contact ul.locations p a,article.contact ul.locations h4 a,article.contact ul.locations .mobile-modal .mobile-modal-list li h5 a,.mobile-modal .mobile-modal-list li article.contact ul.locations h5 a {
    color: #4384a6;
    font-family: DNLTR
}

article.contact ul.numbers li {
    font: 13px/1.3 DNRR;
    width: 200px;
    padding: 0 0 10px 0;
    color: #888
}

article.contact ul.numbers li span {
    font: 14px/1.3 DNRM;
    color: #444;
    text-transform: uppercase
}

#contact-info p {
    color: #808080;
    margin: 0;
    font-size: 13px;
    line-height: 1.4
}

#contact-info a {
    color: #fff
}

#contact-info h4,#contact-info .mobile-modal .mobile-modal-list li h5,.mobile-modal .mobile-modal-list li #contact-info h5 {
    font: 12px DNLTM;
    color: #434343;
    text-transform: uppercase;
    padding: 4px 0;
    margin: 25px 0 0 0
}

#contact-info p a,#contact-info h4 a,#contact-info .mobile-modal .mobile-modal-list li h5 a,.mobile-modal .mobile-modal-list li #contact-info h5 a {
    color: #4384a6;
    font-family: DNLTR
}

.contact-page .side-note {
    background: #78a300 url("//web.archive.org/web/20190118075937im_/http://d26a57ydsghvgx.cloudfront.net/www/public/assets./images/p-contact/sprite-contact2.jpg") -610px 208px;
    color: #d0e39c;
    line-height: 1.25;
    position: absolute;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    height: 170px;
    width: 170px;
    right: 10%;
    text-align: center
}

@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
    .contact-page .side-note {
        background-image:url("//web.archive.org/web/20190118075937im_/http://d26a57ydsghvgx.cloudfront.net/www/public/assets./images/p-contact/sprite-contact2-2X.jpg");
        background-size: 1233px 787px;
        background-position: -140px 208px
    }
}

@media only screen and (max-width: 975px) {
    .contact-page .side-note {
        right:2%
    }
}

@media only screen and (max-width: 778px) {
    .contact-page .side-note {
        display:none
    }
}

.contact-page .side-note h4,.contact-page .side-note .mobile-modal .mobile-modal-list li h5,.mobile-modal .mobile-modal-list li .contact-page .side-note h5 {
    color: #fff;
    font-size: 14px !important;
    letter-spacing: -0.5px !important;
    padding-top: 70px;
    margin: 5px 0 10px !important;
    line-height: 1.25 !important
}

.contact-page .side-note a {
    color: #fff;
    text-decoration: underline;
    display: block
}

.contact-page .side-note a:hover {
    text-decoration: none
}

.contact-page .side-note.skrollable-after {
    top: 800px
}

.contact-page .side-note.skrollable-before,.contact-page .side-note.skrollable-between {
    top: 200px
}

.contact-page .mod-block .mod-section {
    overflow: hidden;
    padding: 70px 0
}

@media only screen and (max-width: 975px) {
    .contact-page .mod-block .mod-section {
        width:95%
    }
}

@media only screen and (max-width: 700px) {
    .contact-page .mod-block .mod-section {
        padding:60px 0
    }
}

.contact-page .mod-block .mod-section .cta {
    z-index: 0
}

@media only screen and (max-width: 778px) {
    .contact-page .mod-block .mod-section .mod-title-headline {
        font-size:4em
    }
}

@media only screen and (max-width: 700px) {
    .contact-page .mod-block .mod-section .mod-title-headline {
        font-size:3em
    }
}

.contact-page .mod-block .mod-section .mod-title-subheadline {
    font-size: 3em;
    margin-bottom: 20px
}

@media only screen and (max-width: 778px) {
    .contact-page .mod-block .mod-section .mod-title-subheadline {
        font-size:3.75em
    }
}

@media only screen and (max-width: 700px) {
    .contact-page .mod-block .mod-section .mod-title-subheadline {
        font-size:2.75em
    }
}

@media only screen and (max-width: 700px) {
    .contact-page .mod-block .mod-section aside {
        font:1.25em/22px DNLTL
    }
}

.contact-page .form-gray .loading-img {
    background-image: url("//web.archive.org/web/20190118075937im_/http://d16cvnquvjw7pr.cloudfront.net/www/img/signup/contact-loader.gif");
    background-repeat: no-repeat;
    background-position: 50%
}

.contact-page .mod-wrapper.header {
    background-color: #fff;
    background-position: center 60px;
    background-image: url("//web.archive.org/web/20190118075937im_/http://d26a57ydsghvgx.cloudfront.net/www/public/assets./images/p-contact/sprite-contact2.jpg");
    background-size: 1233px 787px;
    background-repeat: no-repeat
}

@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
    .contact-page .mod-wrapper.header {
        background-image:url("//web.archive.org/web/20190118075937im_/http://d26a57ydsghvgx.cloudfront.net/www/public/assets./images/p-contact/sprite-contact2-2X.jpg");
        background-size: 1233px 787px
    }
}

@media only screen and (max-width: 700px) {
    .contact-page .mod-wrapper.header {
        background-size:220%;
        background-position: center 160px
    }
}

.contact-page .mod-wrapper.header p {
    margin: 0 auto;
    max-width: 350px
}

@media only screen and (max-width: 700px) {
    .contact-page .mod-wrapper.header p {
        margin:0 auto;
        width: 80%
    }
}

.contact-page .mod-wrapper.header section {
    padding-bottom: 120px
}

@media only screen and (max-width: 700px) {
    .contact-page .mod-wrapper.header section {
        padding-bottom:8%;
        padding-top: 20px
    }
}

.contact-page .mod-wrapper.header section .centered {
    color: gray;
    margin: 0 0 20px -25% !important
}

@media only screen and (max-width: 700px) {
    .contact-page .mod-wrapper.header section .centered {
        margin-left:-50% !important;
        width: 100%
    }
}

.contact-page .mod-wrapper.form {
    background: #d3ccc6;
    color: #444;
    margin: 0 auto
}

.contact-page .mod-wrapper.form .btn-submit {
    background: #999;
    color: #fff !important;
    cursor: pointer;
    font: 15px/1.5 DNLTB;
    padding: 8px 30px;
    float: none;
    clear: both;
    opacity: .75;
    right: 3%;
    margin: 10px auto
}

@media only screen and (max-width: 778px) {
    .contact-page .mod-wrapper.form .btn-submit {
        margin-top:15px;
        right: 0;
        font: 24px/1 DNLTM;
        padding: 30px 0;
        width: 100%
    }
}

.contact-page .mod-wrapper.form h2 {
    text-align: center
}

.contact-page .mod-wrapper.form .form-gray .select-label {
    font: 0.85em/2.7 DNLTM
}

@media only screen and (max-width: 778px) {
    .contact-page .mod-wrapper.form .form-gray .select-label {
        padding-left:10px
    }
}

.contact-page .mod-wrapper.form .form-gray .error label {
    width: auto
}

@media only screen and (max-width: 778px) {
    .contact-page .mod-wrapper.form .form-gray .error label {
        font:16px/1.25 DNRR
    }
}

.contact-page .mod-wrapper.form .form-contact {
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    width: 50%
}

@media only screen and (max-width: 778px) {
    .contact-page .mod-wrapper.form .form-contact {
        width:80%
    }
}

@media only screen and (max-width: 700px) {
    .contact-page .mod-wrapper.form .form-contact {
        width:95%
    }
}

.contact-page .mod-wrapper.form .form-contact input,.contact-page .mod-wrapper.form .form-contact textarea,.contact-page .mod-wrapper.form .form-contact span.select-fat,.contact-page .mod-wrapper.form .form-contact span.select-skinny,.contact-page .mod-wrapper.form .form-contact select {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    color: #555;
    font: 0.85em/1.5 PNL;
    margin: 2px 0;
    width: 94%
}

@media only screen and (max-width: 778px) {
    .contact-page .mod-wrapper.form .form-contact input,.contact-page .mod-wrapper.form .form-contact textarea,.contact-page .mod-wrapper.form .form-contact span.select-fat,.contact-page .mod-wrapper.form .form-contact span.select-skinny,.contact-page .mod-wrapper.form .form-contact select {
        font:.9em/2.2 PNL;
        width: 98%
    }
}

@media only screen and (max-width: 700px) {
    .contact-page .mod-wrapper.form .form-contact input,.contact-page .mod-wrapper.form .form-contact textarea,.contact-page .mod-wrapper.form .form-contact span.select-fat,.contact-page .mod-wrapper.form .form-contact span.select-skinny,.contact-page .mod-wrapper.form .form-contact select {
        width:96%
    }
}

.contact-page .mod-wrapper.form .form-contact .select-fat,.contact-page .mod-wrapper.form .form-contact .select-fat select,.contact-page .mod-wrapper.form .form-contact select {
    line-height: 2.6
}

@media only screen and (max-width: 778px) {
    .contact-page .mod-wrapper.form .form-contact .select-fat,.contact-page .mod-wrapper.form .form-contact .select-fat select,.contact-page .mod-wrapper.form .form-contact select {
        font:.9em/2.2 DNLTR;
        width: 98%
    }
}

@media only screen and (max-width: 700px) {
    .contact-page .mod-wrapper.form .form-contact .select-fat,.contact-page .mod-wrapper.form .form-contact .select-fat select,.contact-page .mod-wrapper.form .form-contact select {
        width:96%
    }
}

.contact-page .mod-wrapper.form .form-contact span.select-fat,.contact-page .mod-wrapper.form .form-contact span.select-skinny {
    color: #777;
    font: 0.85em/2.3 PNR !important
}

.contact-page .mod-wrapper.form .form-contact .input-short {
    display: none;
    float: left;
    margin-right: 3%;
    width: 47%
}

@media only screen and (max-width: 778px) {
    .contact-page .mod-wrapper.form .form-contact .input-short {
        margin-right:0;
        width: 100%
    }
}

.contact-page .mod-wrapper.form .form-contact .select-skinny,.contact-page .mod-wrapper.form .form-contact .select-skinny select {
    width: 212px
}

@media only screen and (max-width: 778px) {
    .contact-page .mod-wrapper.form .form-contact .select-skinny,.contact-page .mod-wrapper.form .form-contact .select-skinny select {
        width:98%
    }
}

@media only screen and (max-width: 700px) {
    .contact-page .mod-wrapper.form .form-contact .select-skinny,.contact-page .mod-wrapper.form .form-contact .select-skinny select {
        width:96%
    }
}

@media only screen and (max-width: 778px) {
    .contact-page .mod-wrapper.form .form-contact textarea {
        line-height:1.6
    }
}

.contact-page .mod-wrapper.form .form-gray select {
    left: 3.5%
}

.contact-page .mod-wrapper.form .form-gray li {
    float: none;
    overflow: hidden
}

.contact-page .mod-wrapper.form .form-gray .loading {
    width: 95%;
    background: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none
}

.contact-page .mod-wrapper.form .form-gray .loading .loading-inner {
    position: relative;
    top: -25% !important;
    width: 90%
}

.contact-page .mod-wrapper.form .form-gray .loading p {
    color: #666;
    font: 1.3em/1.25 PNR;
    padding: 0 !important
}

.contact-page .mod-wrapper.offices {
    background: #fff
}

.contact-page .mod-wrapper.offices .mod-section .mod-title-subheadline {
    margin-bottom: 40px
}

@media only screen and (max-width: 778px) {
    .contact-page .mod-wrapper.offices aside {
        font:1.25em/22px DNLTL
    }
}

.contact-page .mod-wrapper.offices aside.left-sided,.contact-page .mod-wrapper.offices aside.right-sided {
    padding: 1% 0;
    width: 42%
}

@media only screen and (max-width: 778px) {
    .contact-page .mod-wrapper.offices aside.left-sided,.contact-page .mod-wrapper.offices aside.right-sided {
        width:48%
    }
}

@media only screen and (max-width: 700px) {
    .contact-page .mod-wrapper.offices aside.left-sided,.contact-page .mod-wrapper.offices aside.right-sided {
        width:72%;
        float: right;
        text-align: left
    }
}

@media only screen and (max-width: 700px) {
    .contact-page .mod-wrapper.offices aside.left-sided {
        margin-bottom:15px
    }
}

.contact-page .mod-wrapper.offices aside.left-sided .g-maps,.contact-page .mod-wrapper.offices aside.left-sided div.info {
    display: inline-block;
    vertical-align: middle;
    width: 38%
}

.contact-page .mod-wrapper.offices aside.left-sided div.info {
    padding-top: 15%
}

@media only screen and (max-width: 975px) {
    .contact-page .mod-wrapper.offices aside.left-sided div.info {
        padding-top:0;
        text-align: right;
        width: 100%
    }
}

@media only screen and (max-width: 700px) {
    .contact-page .mod-wrapper.offices aside.left-sided div.info {
        text-align:left
    }
}

.contact-page .mod-wrapper.offices aside.left-sided div.info a {
    display: inline-block;
    width: 140%
}

.contact-page .mod-wrapper.offices aside.left-sided .g-maps-static {
    background: #fff url("//web.archive.org/web/20190118075937im_/http://d26a57ydsghvgx.cloudfront.net/www/public/assets./images/p-contact/sprite-contact2.jpg") -355px 240px;
    cursor: pointer;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0
}

@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
    .contact-page .mod-wrapper.offices aside.left-sided .g-maps-static {
        background-image:url("//web.archive.org/web/20190118075937im_/http://d26a57ydsghvgx.cloudfront.net/www/public/assets./images/p-contact/sprite-contact2-2X.jpg");
        background-size: 1233px 787px;
        background-position: -355px 240px
    }
}

.contact-page .mod-wrapper.offices aside.left-sided .g-maps {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    float: right;
    height: 240px;
    position: relative;
    width: 240px
}

@media only screen and (max-width: 975px) {
    .contact-page .mod-wrapper.offices aside.left-sided .g-maps {
        width:224px
    }
}

@media only screen and (max-width: 700px) {
    .contact-page .mod-wrapper.offices aside.left-sided .g-maps {
        display:none
    }
}

.contact-page .mod-wrapper.offices aside.left-sided #map-canvas {
    height: 100%;
    width: 100%
}

.contact-page .mod-wrapper.offices aside.left-sided #map-canvas .gm-style .gm-style-cc {
    display: none
}

.contact-page .mod-wrapper.offices aside.right-sided {
    padding-left: 8%
}

@media only screen and (max-width: 778px) {
    .contact-page .mod-wrapper.offices aside.right-sided {
        padding-left:2%
    }
}

@media only screen and (max-width: 700px) {
    .contact-page .mod-wrapper.offices aside.right-sided {
        border-left:none
    }
}

.contact-page .mod-wrapper.offices aside.right-sided li {
    margin-bottom: 15px
}

.contact-page .mod-wrapper.offices .border-left {
    border-left: 1px solid #d3d3d3
}

.contact-page .mod-wrapper.offices .locations {
    float: left;
    letter-spacing: .5px;
    width: 50%
}

@media only screen and (max-width: 778px) {
    .contact-page .mod-wrapper.offices .locations {
        float:none;
        letter-spacing: .5px;
        width: 100%
    }
}

.contact-page .mod-wrapper.offices .h-rev {
    font: 14px/1 DNLTB;
    margin: 0;
    text-transform: uppercase
}

.contact-page .mod-wrapper.offices .h-rev a {
    font-family: DNLTR
}

.contact-page .mod-wrapper.offices span {
    display: block;
    clear: both;
    font-size: 14px
}

article.demo section.video {
    float: left;
    width: 750px;
    clear: both
}

article.demo-dep h2 {
    margin: 30px 0 21px 0;
    padding: 20px 0 5px 0;
    border-bottom: 1px solid gainsboro;
    font: 1.2em/1 DNRM;
    color: #444;
    text-transform: uppercase;
    letter-spacing: 1px;
    clear: both
}

article.demo .wrap {
    width: 960px;
    margin: 0 auto
}

article.demo .sidebar {
    float: right;
    width: 210px
}

article.demo-dep aside {
    float: right;
    width: 200px;
    margin: 0 0 20px;
    padding: 20px 15px 10px;
    border-radius: 3px;
    background: #eee;
    background: rgba(0,0,0,0.04)
}

article.demo aside p {
    font: 13px/1.35 DNRR;
    margin-bottom: 10px;
    line-height: 1.3em
}

article.demo aside h3 {
    font: 1em/1 DNRB;
    text-transform: uppercase;
    margin: 0 0 10px
}

article.demo .take-tour .button {
    height: 12px;
    padding: 12px 10px 10px;
    margin-bottom: 0;
    width: 180px
}

article.demo a.btn-submit {
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFC154', endColorstr='#E47601')
}

.demo .why {
    height: auto;
    overflow: hidden;
    position: relative;
    margin: 35px 0
}

.demo .why div {
    width: 300px;
    float: left;
    margin-right: 30px
}

.demo .why div:last-child {
    margin-right: 0
}

.demo .why h3 {
    font: 1.65em/1 DNLTM;
    color: #80a41a;
    margin: 0 0 5px
}

#demoFormWrapper {
    background: #78a300;
    display: none;
    top: 100%;
    left: 0;
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 999
}

#demoFormWrapper .close-btn {
    background: transparent url("./public/assets./images/p-demo/button-close.png") center center no-repeat;
    cursor: pointer;
    height: 28px;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 28px;
    z-index: 10
}

#demoFormWrapper article {
    background: none;
    margin: 0 auto;
    width: 600px
}

@media only screen and (max-width: 700px) {
    #demoFormWrapper article {
        width:92%
    }
}

#demoFormWrapper article section {
    padding: 10% 0;
    height: 100%;
    width: 100%
}

#demoFormWrapper article section h3,#demoFormWrapper article section p {
    color: #fff
}

#demoFormWrapper article section aside {
    display: none
}

#demoFormWrapper article section aside.left-sided {
    width: 60%
}

@media only screen and (max-width: 700px) {
    #demoFormWrapper article section aside.left-sided {
        width:100%
    }
}

#demoFormWrapper article section aside.left-sided h3 {
    font: 70px/1 DNLTUL;
    margin-bottom: 0
}

@media only screen and (max-width: 700px) {
    #demoFormWrapper article section aside.left-sided h3 {
        font-size:35px
    }
}

#demoFormWrapper article section aside.left-sided p {
    font: 16px/1.25 PNR
}

@media only screen and (max-width: 778px) {
    #demoFormWrapper article section aside.left-sided p {
        font-size:15px
    }
}

@media only screen and (max-width: 700px) {
    #demoFormWrapper article section aside.left-sided p {
        margin:10px 0
    }
}

#demoFormWrapper article section aside.right-sided {
    width: 36%
}

@media only screen and (max-width: 700px) {
    #demoFormWrapper article section aside.right-sided {
        width:100%
    }
}

#demoFormWrapper article section aside.right-sided form {
    width: 100%
}

#demoFormWrapper article section aside.right-sided form li,#demoFormWrapper article section aside.right-sided form .select-label,#demoFormWrapper article section aside.right-sided form input,#demoFormWrapper article section aside.right-sided form select#employees {
    font-size: 15px;
    font-family: DNRM;
    width: 100%
}

#demoFormWrapper article section aside.right-sided .form-demo .loading {
    background: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none
}

#demoFormWrapper article section aside.right-sided .form-gray .loading-img {
    background-image: url("./public/assets./images/signup/loaders/loading14_white.gif");
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-border-radius: 50% 50%;
    -moz-border-radius: 50% 50%;
    -ms-border-radius: 50% 50%;
    -o-border-radius: 50% 50%;
    border-radius: 50% 50%
}

#demoFormWrapper article section aside.right-sided .form-gray .loading p span {
    font: 16px/1.25 DNRM;
    color: #fff;
    display: block;
    padding-top: 20px
}

#demoFormWrapper article section aside.right-sided .form-demo .orange.button,#demoFormWrapper article section aside.right-sided .form-demo .button-white,#demoFormWrapper article section aside.right-sided .form-demo .button-white-disabled:hover,#demoFormWrapper article section aside.right-sided .form-demo .button-white-disabled:hover {
    width: 97%
}

@media only screen and (max-width: 700px) {
    #demoFormWrapper article section aside.right-sided .form-demo ul {
        width:95%
    }
}

#demoFormWrapper .bg-buddhi {
    background: transparent url("//web.archive.org/web/20190118075937im_/http://d26a57ydsghvgx.cloudfront.net/www/public/assets./images/p-tour-new/row-trial-buddhy-still.jpg") center bottom no-repeat;
    position: fixed;
    display: none;
    height: 100%;
    width: 100%
}

@media only screen and (max-width: 700px) {
    #demoFormWrapper .bg-buddhi {
        background-size:100%
    }
}

.mod-block.demo {
    top: -4px !important
}

.mod-block.demo .mod-container .mod-tab .play-btn {
    background: transparent url("./public/assets./images/p-demo/play-arrow-large.png") center center no-repeat;
    height: 80%;
    width: 10%;
    min-width: 100px;
    background-size: 80%;
    display: block;
    margin: 0 auto
}

@media only screen and (max-width: 700px) {
    .mod-block.demo .mod-container .mod-tab .play-btn {
        height:60%
    }
}

.mod-block.demo .mod-container .mod-tab .play-btn:hover .border {
    opacity: .9;
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -ms-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s
}

.mod-block.demo .mod-container .mod-tab .play-btn .border {
    background: transparent url("./public/assets./images/p-demo/play-arrow-large-hover.png") center center no-repeat;
    background-size: 80%;
    opacity: 0;
    width: 100%;
    height: 100%;
    display: block
}

.mod-block.demo .mod-container .mod-tab article.video {
    background: transparent url("./public/assets./images/p-demo/bg-repeater.png") center center repeat-x;
    background-size: cover;
    text-align: center;
    overflow: hidden
}

@media only screen and (max-width: 975px) {
    .mod-block.demo .mod-container .mod-tab article.video {
        background:url("https://web.archive.org/web/20190118075937im_/http://d26a57ydsghvgx.cloudfront.net/www/public/assets./images/p-demo/demo-video.png") center right no-repeat;
        background-size: 975px auto;
        height: 425px !important
    }
}

@media only screen and (max-width: 700px) {
    .mod-block.demo .mod-container .mod-tab article.video {
        background-size:700px auto;
        height: 308px !important
    }
}

.mod-block.demo .mod-container .mod-tab article.video iframe#zenVid {
    position: absolute;
    width: 100%;
    top: 0;
    right: 0
}

@media only screen and (max-width: 975px) {
    .mod-block.demo .mod-container .mod-tab article.video #videoIntro {
        display:none !important
    }
}

.mod-block.demo .mod-container .mod-tab article.video #videoIntro,.mod-block.demo .mod-container .mod-tab article.video .gradient {
    position: absolute;
    height: 100%;
    width: auto;
    right: 0
}

.mod-block.demo .mod-container .mod-tab article.video .play-btn {
    opacity: 0
}

.mod-block.demo .mod-container .mod-tab article.video h1,.mod-block.demo .mod-container .mod-tab article.video h2,.mod-block.demo .mod-container .mod-tab article.video h3 {
    color: #555;
    -webkit-text-shadow: 1px 1px 1px #fff;
    -moz-text-shadow: 1px 1px 1px #fff;
    -ms-text-shadow: 1px 1px 1px #fff;
    -o-text-shadow: 1px 1px 1px #fff;
    text-shadow: 1px 1px 1px #fff;
    margin: 0;
    padding: 0;
    opacity: 0
}

.mod-block.demo .mod-container .mod-tab article.video h1 {
    font: 4.5em/1 DNLTL;
    padding-top: 80px;
    text-transform: uppercase
}

@media only screen and (max-width: 700px) {
    .mod-block.demo .mod-container .mod-tab article.video h1 {
        font-size:2em !important;
        padding-top: 50px !important
    }
}

.mod-block.demo .mod-container .mod-tab article.video h2 {
    border: none;
    color: #828282;
    font: 2em/2 DNLTR;
    text-transform: none
}

.mod-block.demo .mod-container .mod-tab article.video h3 {
    font: 1.5em/.5 DNLTR
}

.mod-block.demo .mod-container .mod-tab article.video section {
    opacity: 1;
    padding: 0;
    height: 100%;
    width: 100%
}

.mod-block.demo .mod-container .mod-tab article.video section .vert-center {
    top: 40%;
    height: 200px;
    left: 0;
    margin-top: -100px;
    position: absolute;
    width: 100%
}

.mod-block.demo .mod-container .mod-tab article.video section div {
    position: absolute;
    right: 20%;
    left: 20%;
    width: 60%;
    bottom: 10%
}

.mod-block.demo .mod-container .mod-tab article.strip {
    background: #fff;
    height: 130px
}

@media only screen and (max-width: 700px) {
    .mod-block.demo .mod-container .mod-tab article.strip {
        height:auto
    }
}

.mod-block.demo .mod-container .mod-tab article.strip section {
    height: 60px;
    padding: 35px 0
}

@media only screen and (max-width: 700px) {
    .mod-block.demo .mod-container .mod-tab article.strip section {
        height:auto
    }
}

.mod-block.demo .mod-container .mod-tab article.strip section .left-sided {
    margin-top: -10px
}

@media only screen and (max-width: 700px) {
    .mod-block.demo .mod-container .mod-tab article.strip section .left-sided {
        float:none;
        width: 100%
    }
}

@media only screen and (max-width: 700px) {
    .mod-block.demo .mod-container .mod-tab article.strip section .right-sided,.mod-block.demo .mod-container .mod-tab article.strip section .right-sided .button-orange {
        float:none;
        width: 96%
    }
}

.mod-block.demo .mod-container .mod-tab article.strip section h2 {
    line-height: 1.5;
    color: #333;
    margin: 0;
    padding: 0;
    border: 0
}

.mod-block.demo .mod-container .mod-tab article.strip section p {
    line-height: 1.2;
    color: #828282
}

.mod-block.demo .mod-container .mod-tab article.strip section .button-orange {
    border: 1px solid #E6923A;
    float: right;
    line-height: 55px;
    height: 55px;
    width: 220px
}

.mod-block.demo .mod-container .mod-tab article.intro {
    height: 300px
}

.mod-block.demo .mod-container .mod-tab article.intro section {
    height: 240px
}

.mod-block.demo .mod-container .mod-tab article.intro li {
    background: none;
    padding: 0
}

.mod-block.demo .mod-container .mod-tab article.intro li p {
    width: 70%
}

.mod-block.demo .mod-container .mod-tab article.videos {
    background: #f9f9f9;
    height: 570px
}

@media only screen and (max-width: 700px) {
    .mod-block.demo .mod-container .mod-tab article.videos {
        height:auto;
        padding-bottom: 130px
    }
}

.mod-block.demo .mod-container .mod-tab article.videos section {
    padding: 70px 0 0
}

@media only screen and (max-width: 700px) {
    .mod-block.demo .mod-container .mod-tab article.videos section {
        height:auto;
        padding: 40px 0 0
    }
}

.mod-block.demo .mod-container .mod-tab article.videos section h2,.mod-block.demo .mod-container .mod-tab article.videos section p,.mod-block.demo .mod-container .mod-tab article.videos section a.cta {
    display: block;
    float: none;
    margin: 0 auto;
    text-align: center
}

@media only screen and (max-width: 700px) {
    .mod-block.demo .mod-container .mod-tab article.videos section h2,.mod-block.demo .mod-container .mod-tab article.videos section p,.mod-block.demo .mod-container .mod-tab article.videos section a.cta {
        line-height:1.2
    }
}

.mod-block.demo .mod-container .mod-tab article.videos section p {
    font-size: 18px;
    margin-bottom: 40px
}

.mod-block.demo .mod-container .mod-tab article.videos section a.cta {
    background-color: #F0F0F0;
    clear: both;
    margin-top: 20px;
    width: 80px
}

.mod-block.demo .mod-container .mod-tab article.videos section a.cta:hover {
    background-color: #666
}

.mod-block.demo .mod-container .mod-tab article.videos section ul {
    display: block;
    position: relative;
    overflow: hidden
}

.mod-block.demo .mod-container .mod-tab article.videos section ul li {
    display: inline-block;
    margin-right: 20px
}

.mod-block.demo .mod-container .mod-tab article.videos section ul li.one .video {
    background: transparent url("./public/assets./images/p-demo/vid-shot-overview.png") center top no-repeat
}

.mod-block.demo .mod-container .mod-tab article.videos section ul li.two .video {
    background: transparent url("./public/assets./images/p-demo/vid-shot-helpcenter.png") center top no-repeat
}

.mod-block.demo .mod-container .mod-tab article.videos section ul li.three .video {
    background: transparent url("./public/assets./images/p-demo/vid-shot-ipad.png") center top no-repeat
}

.mod-block.demo .mod-container .mod-tab article.videos section ul li.four {
    margin-right: 0
}

.mod-block.demo .mod-container .mod-tab article.videos section ul li.four .video {
    background: transparent url("./public/assets./images/p-demo/vid-shot-whoweare.png") center top no-repeat
}

@media only screen and (max-width: 975px) {
    .mod-block.demo .mod-container .mod-tab article.videos section ul li {
        width:23.72881%;
        float: left;
        margin-right: 1.69492%;
        display: inline
    }

    .mod-block.demo .mod-container .mod-tab article.videos section ul li.four {
        width: 23.72881%;
        float: right;
        margin-right: 0;
        *margin-left: -1%;
        display: inline
    }
}

@media only screen and (max-width: 700px) {
    .mod-block.demo .mod-container .mod-tab article.videos section ul li {
        margin-bottom:30px;
        width: 100%;
        float: right;
        margin-right: 0;
        *margin-left: -1%;
        display: inline
    }

    .mod-block.demo .mod-container .mod-tab article.videos section ul li.four {
        width: 100%;
        float: right;
        margin-right: 0;
        *margin-left: -1%;
        display: inline
    }
}

.mod-block.demo .mod-container .mod-tab article.videos section ul li a:hover .video .play-btn .border {
    border: 14px solid #fff;
    border-radius: 50% 50% 50% 50%;
    margin-top: 46px;
    opacity: 0.25
}

.mod-block.demo .mod-container .mod-tab article.videos section ul li .video {
    height: 185px;
    margin-bottom: 10px;
    position: relative;
    width: 222px
}

@media only screen and (max-width: 975px) {
    .mod-block.demo .mod-container .mod-tab article.videos section ul li .video {
        width:auto
    }
}

.mod-block.demo .mod-container .mod-tab article.videos section ul li .video .play-btn {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: transparent url("./public/assets./images/p-demo/play-arrow.png") center center no-repeat;
    background-size: 35%
}

.mod-block.demo .mod-container .mod-tab article.videos section ul li .video .play-btn .border {
    background: none;
    border: 1px solid #fff;
    border-radius: 50% 50% 50% 50%;
    display: block;
    height: 65px;
    margin: 55px auto 0;
    opacity: 0;
    text-align: center;
    width: 65px;
    transition: width 0.2s, height 0.2s, border 0.2s, margin 0.2s, opacity 0.2s;
    -webkit-transition: width 0.2s, height 0.2s, border 0.2s, margin 0.2s, opacity 0.2s;
    -moz-transition: width 0.2s, height 0.2s, border 0.2s, margin 0.2s, opacity 0.2s;
    -ms-transition: width 0.2s, height 0.2s, border 0.2s, margin 0.2s, opacity 0.2s;
    -o-transition: width 0.2s, height 0.2s, border 0.2s, margin 0.2s, opacity 0.2s
}

.mod-block.demo .mod-container .mod-tab article.videos section ul li span {
    color: #666;
    display: block;
    font-size: 16px;
    font-family: DNLTM;
    margin: 0 auto;
    text-align: center
}

.mod-block.demo div.signup .cta-wrap {
    padding: 30px 0 0
}

.mod-block.demo div.signup .cta-wrap .cta {
    float: none;
    margin: 0 auto;
    width: 360px
}

.mod-block.demo div.signup .cta-wrap .cta p {
    width: 335px
}

@-webkit-keyframes moveclouds {
    0% {
        margin-left: 100%
    }

    100% {
        margin-left: -100%
    }
}

@-moz-keyframes moveclouds {
    0% {
        margin-left: 100%
    }

    100% {
        margin-left: -100%
    }
}

@-o-keyframes moveclouds {
    0% {
        margin-left: 100%
    }

    100% {
        margin-left: -100%
    }
}

@keyframes moveclouds {
    0% {
        margin-left: 100%
    }

    100% {
        margin-left: -100%
    }
}

@-webkit-keyframes helichopper {
    0% {
        top: -60px;
        left: 680px
    }

    5% {
        top: 0px;
        left: 650px
    }

    8% {
        top: 30px;
        left: 640px
    }

    10% {
        top: 45px;
        left: 624px
    }

    15% {
        top: 65px;
        left: 540px
    }

    20% {
        top: 75px;
        left: 445px
    }

    25% {
        top: 85px;
        left: 354px
    }

    30% {
        top: 80px;
        left: 354px
    }

    32% {
        top: 87px;
        left: 354px
    }

    34% {
        top: 95px;
        left: 354px
    }

    36% {
        top: 100px;
        left: 354px
    }

    50% {
        top: 100px;
        left: 354px
    }

    55% {
        top: 90px;
        left: 354px
    }

    58% {
        top: 85px;
        left: 354px
    }

    80% {
        top: -60px;
        left: 352px
    }
}

@-moz-keyframes helichopper {
    0% {
        top: -60px;
        left: 680px
    }

    5% {
        top: 0px;
        left: 650px
    }

    8% {
        top: 30px;
        left: 640px
    }

    10% {
        top: 45px;
        left: 624px
    }

    15% {
        top: 65px;
        left: 540px
    }

    20% {
        top: 75px;
        left: 445px
    }

    25% {
        top: 85px;
        left: 354px
    }

    30% {
        top: 80px;
        left: 354px
    }

    32% {
        top: 87px;
        left: 354px
    }

    34% {
        top: 95px;
        left: 354px
    }

    36% {
        top: 100px;
        left: 354px
    }

    50% {
        top: 100px;
        left: 354px
    }

    55% {
        top: 90px;
        left: 354px
    }

    58% {
        top: 85px;
        left: 354px
    }

    80% {
        top: -60px;
        left: 352px
    }
}

@-o-keyframes helichopper {
    0% {
        top: -60px;
        left: 680px
    }

    5% {
        top: 0px;
        left: 650px
    }

    8% {
        top: 30px;
        left: 640px
    }

    10% {
        top: 45px;
        left: 624px
    }

    15% {
        top: 65px;
        left: 540px
    }

    20% {
        top: 75px;
        left: 445px
    }

    25% {
        top: 85px;
        left: 354px
    }

    30% {
        top: 80px;
        left: 354px
    }

    32% {
        top: 87px;
        left: 354px
    }

    34% {
        top: 95px;
        left: 354px
    }

    36% {
        top: 100px;
        left: 354px
    }

    50% {
        top: 100px;
        left: 354px
    }

    55% {
        top: 90px;
        left: 354px
    }

    58% {
        top: 85px;
        left: 354px
    }

    80% {
        top: -60px;
        left: 352px
    }
}

@keyframes helichopper {
    0% {
        top: -60px;
        left: 680px
    }

    5% {
        top: 0px;
        left: 650px
    }

    8% {
        top: 30px;
        left: 640px
    }

    10% {
        top: 45px;
        left: 624px
    }

    15% {
        top: 65px;
        left: 540px
    }

    20% {
        top: 75px;
        left: 445px
    }

    25% {
        top: 85px;
        left: 354px
    }

    30% {
        top: 80px;
        left: 354px
    }

    32% {
        top: 87px;
        left: 354px
    }

    34% {
        top: 95px;
        left: 354px
    }

    36% {
        top: 100px;
        left: 354px
    }

    50% {
        top: 100px;
        left: 354px
    }

    55% {
        top: 90px;
        left: 354px
    }

    58% {
        top: 85px;
        left: 354px
    }

    80% {
        top: -60px;
        left: 352px
    }
}

@-webkit-keyframes rotating {
    from {
        -webkit-transform: rotate(0deg) skew(0deg);
        -moz-transform: rotate(0deg) skew(0deg);
        -ms-transform: rotate(0deg) skew(0deg);
        -o-transform: rotate(0deg) skew(0deg);
        transform: rotate(0deg) skew(0deg)
    }

    to {
        -webkit-transform: rotate(360deg) skew(5deg);
        -moz-transform: rotate(360deg) skew(5deg);
        -ms-transform: rotate(360deg) skew(5deg);
        -o-transform: rotate(360deg) skew(5deg);
        transform: rotate(360deg) skew(5deg)
    }
}

@-moz-keyframes rotating {
    from {
        -webkit-transform: rotate(0deg) skew(0deg);
        -moz-transform: rotate(0deg) skew(0deg);
        -ms-transform: rotate(0deg) skew(0deg);
        -o-transform: rotate(0deg) skew(0deg);
        transform: rotate(0deg) skew(0deg)
    }

    to {
        -webkit-transform: rotate(360deg) skew(5deg);
        -moz-transform: rotate(360deg) skew(5deg);
        -ms-transform: rotate(360deg) skew(5deg);
        -o-transform: rotate(360deg) skew(5deg);
        transform: rotate(360deg) skew(5deg)
    }
}

@-o-keyframes rotating {
    from {
        -webkit-transform: rotate(0deg) skew(0deg);
        -moz-transform: rotate(0deg) skew(0deg);
        -ms-transform: rotate(0deg) skew(0deg);
        -o-transform: rotate(0deg) skew(0deg);
        transform: rotate(0deg) skew(0deg)
    }

    to {
        -webkit-transform: rotate(360deg) skew(5deg);
        -moz-transform: rotate(360deg) skew(5deg);
        -ms-transform: rotate(360deg) skew(5deg);
        -o-transform: rotate(360deg) skew(5deg);
        transform: rotate(360deg) skew(5deg)
    }
}

@keyframes rotating {
    from {
        -webkit-transform: rotate(0deg) skew(0deg);
        -moz-transform: rotate(0deg) skew(0deg);
        -ms-transform: rotate(0deg) skew(0deg);
        -o-transform: rotate(0deg) skew(0deg);
        transform: rotate(0deg) skew(0deg)
    }

    to {
        -webkit-transform: rotate(360deg) skew(5deg);
        -moz-transform: rotate(360deg) skew(5deg);
        -ms-transform: rotate(360deg) skew(5deg);
        -o-transform: rotate(360deg) skew(5deg);
        transform: rotate(360deg) skew(5deg)
    }
}

.mod-block.ent-templ .splash {
    background: url("./public/assets./images/p-enterprise/ent-banner-rep.png") repeat-x
}

@media only screen and (max-width: 975px) {
    .mod-block.ent-templ .splash .simple-widget {
        margin-right:5%;
        width: 45%
    }
}

@media only screen and (max-width: 700px) {
    .mod-block.ent-templ .splash .simple-widget {
        width:60%
    }
}

@media only screen and (max-width: 975px) {
    .mod-block.ent-templ .splash .shell {
        width:100%
    }
}

.mod-block.ent-templ .splash h1 {
    margin-top: 28px;
    color: #418A9C
}

@media only screen and (max-width: 700px) {
    .mod-block.ent-templ .splash h1 {
        font-size:40px !important
    }
}

.mod-block.ent-templ .splash .sub {
    font: 21px/1.3 DNLTR
}

@media only screen and (max-width: 700px) {
    .mod-block.ent-templ .splash .sub {
        font-size:18px
    }
}

.mod-block.ent-templ .splash .heli {
    background: url("./public/assets./images/p-enterprise/chopter.png") center center no-repeat;
    width: 60px;
    height: 60px;
    position: absolute;
    top: -60px;
    left: 680px;
    -webkit-animation: helichopper 15s linear infinite;
    -moz-animation: helichopper 15s linear infinite;
    -ms-animation: helichopper 15s linear infinite;
    -o-animation: helichopper 15s linear infinite;
    animation: helichopper 15s linear infinite
}

@media only screen and (max-width: 975px) {
    .mod-block.ent-templ .splash .heli {
        margin-left:-100px
    }
}

@media only screen and (max-width: 700px) {
    .mod-block.ent-templ .splash .heli {
        margin-left:-334px
    }
}

.mod-block.ent-templ .splash .heli .rotor {
    display: block;
    background: url("./public/assets./images/p-enterprise/chopter-rotor.png") no-repeat;
    width: 46px;
    height: 46px;
    -webkit-animation: rotating 0.65s linear infinite;
    -moz-animation: rotating 0.65s linear infinite;
    -ms-animation: rotating 0.65s linear infinite;
    -o-animation: rotating 0.65s linear infinite;
    animation: rotating 0.65s linear infinite
}

.mod-block.ent-templ .splash .splash-img {
    background-image: url("./public/assets./images/p-enterprise/ent-banner.png")
}

@media only screen and (max-width: 975px) {
    .mod-block.ent-templ .splash .splash-img {
        background-position:-220px 0px
    }
}

@media only screen and (max-width: 700px) {
    .mod-block.ent-templ .splash .splash-img {
        background-position:-455px 0
    }
}

.mod-block.ent-templ .mod-container .mod-tab article section {
    padding: 10% 4%
}

@media only screen and (max-width: 975px) {
    .mod-block.ent-templ .mod-container .mod-tab article section {
        padding:10% 0%;
        width: 92%
    }
}

@media only screen and (max-width: 700px) {
    .mod-block.ent-templ .mod-container .mod-tab article section {
        padding:10% 6%;
        width: 88%
    }
}

.mod-block.ent-templ .mod-container .mod-tab article.eee {
    background-color: #eee
}

.mod-block.ent-templ .mod-container .mod-tab article.customers {
    background-image: url("./public/assets./images/p-enterprise/smiling-customers.jpg");
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: 51%;
    height: 500px
}

@media only screen and (max-width: 1024px) {
    .mod-block.ent-templ .mod-container .mod-tab article.customers {
        background-size:81%;
        background-position-x: 500px
    }
}

@media screen and (min-width: 1025px) and (max-width: 1200px) {
    .mod-block.ent-templ .mod-container .mod-tab article.customers {
        background-size:71%;
        background-position-x: 550px
    }
}

@media only screen and (min-width: 2000px) {
    .mod-block.ent-templ .mod-container .mod-tab article.customers {
        background-size:970px
    }
}

@media only screen and (max-width: 975px) {
    .mod-block.ent-templ .mod-container .mod-tab article.customers {
        background-position:245px 100px
    }
}

@media only screen and (max-width: 700px) {
    .mod-block.ent-templ .mod-container .mod-tab article.customers {
        height:550px;
        background-position: bottom
    }
}

.mod-block.ent-templ .mod-container .mod-tab article.customers h4,.mod-block.ent-templ .mod-container .mod-tab article.customers .mobile-modal .mobile-modal-list li h5,.mobile-modal .mobile-modal-list li .mod-block.ent-templ .mod-container .mod-tab article.customers h5 {
    color: #434343;
    margin-top: 0px
}

.mod-block.ent-templ .mod-container .mod-tab article.customers h2 {
    margin: 0px 0px 20px 0px;
    width: 430px;
    color: #78a300
}

@media only screen and (max-width: 700px) {
    .mod-block.ent-templ .mod-container .mod-tab article.customers h2 {
        margin-top:-10px;
        width: 100%
    }
}

.mod-block.ent-templ .mod-container .mod-tab article.customers p {
    width: 430px
}

@media only screen and (max-width: 975px) {
    .mod-block.ent-templ .mod-container .mod-tab article.customers p {
        width:210px
    }
}

@media only screen and (max-width: 700px) {
    .mod-block.ent-templ .mod-container .mod-tab article.customers p {
        width:100%
    }
}

.mod-block.ent-templ .mod-container .mod-tab article.brown {
    background-color: #362f2d
}

.mod-block.ent-templ .mod-container .mod-tab article.brown h4,.mod-block.ent-templ .mod-container .mod-tab article.brown .mobile-modal .mobile-modal-list li h5,.mobile-modal .mobile-modal-list li .mod-block.ent-templ .mod-container .mod-tab article.brown h5 {
    margin-top: 0px
}

.mod-block.ent-templ .mod-container .mod-tab article.brown h3,.mod-block.ent-templ .mod-container .mod-tab article.brown h2 {
    color: #fff
}

.mod-block.ent-templ .mod-container .mod-tab article.brown p {
    color: #ddd
}

.mod-block.ent-templ .mod-container .mod-tab article.elite {
    background-image: url("./public/assets./images/p-enterprise/the-elite.png");
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: 0px;
    height: 500px
}

@media only screen and (max-width: 1155px) {
    .mod-block.ent-templ .mod-container .mod-tab article.elite {
        background-size:100%
    }
}

@media only screen and (max-width: 975px) {
    .mod-block.ent-templ .mod-container .mod-tab article.elite {
        background-position-x:-155px;
        background-position-y: 100%;
        background-size: 140%
    }
}

@media only screen and (max-width: 700px) {
    .mod-block.ent-templ .mod-container .mod-tab article.elite {
        background-position-x:10px;
        background-position-y: 270px
    }
}

.mod-block.ent-templ .mod-container .mod-tab article.elite h4,.mod-block.ent-templ .mod-container .mod-tab article.elite .mobile-modal .mobile-modal-list li h5,.mobile-modal .mobile-modal-list li .mod-block.ent-templ .mod-container .mod-tab article.elite h5 {
    color: #fff
}

.mod-block.ent-templ .mod-container .mod-tab article.elite h2 {
    color: #fff
}

@media only screen and (max-width: 975px) {
    .mod-block.ent-templ .mod-container .mod-tab article.elite h2 {
        font-size:44px !important
    }
}

.mod-block.ent-templ .mod-container .mod-tab article.elite .left-sided {
    width: 38%
}

@media only screen and (max-width: 700px) {
    .mod-block.ent-templ .mod-container .mod-tab article.elite .left-sided {
        width:100%
    }
}

.mod-block.ent-templ .mod-container .mod-tab article.elite p {
    margin-bottom: 0px
}

.mod-block.ent-templ .mod-container .mod-tab article.intro {
    background: #f9f9f9;
    height: 530px
}

@media only screen and (max-width: 700px) {
    .mod-block.ent-templ .mod-container .mod-tab article.intro {
        height:1000px
    }
}

.mod-block.ent-templ .mod-container .mod-tab article.intro section {
    padding: 100px 0 0;
    height: 350px
}

.mod-block.ent-templ .mod-container .mod-tab article.intro section h4,.mod-block.ent-templ .mod-container .mod-tab article.intro section .mobile-modal .mobile-modal-list li h5,.mobile-modal .mobile-modal-list li .mod-block.ent-templ .mod-container .mod-tab article.intro section h5 {
    margin-top: 0px;
    color: #434343;
    text-align: center
}

.mod-block.ent-templ .mod-container .mod-tab article.intro li {
    background: url("./public/assets./images/p-enterprise/ico-sprite.png") transparent no-repeat top center;
    background-size: 150px;
    display: block;
    float: left;
    text-align: center;
    margin: 0 auto;
    width: 33.3%;
    padding-top: 143px
}

@media only screen and (max-width: 975px) {
    .mod-block.ent-templ .mod-container .mod-tab article.intro li {
        padding-top:135px
    }
}

@media only screen and (max-width: 700px) {
    .mod-block.ent-templ .mod-container .mod-tab article.intro li {
        margin-bottom:40px;
        width: 100%
    }
}

.mod-block.ent-templ .mod-container .mod-tab article.intro li:nth-child(2) {
    background-position: center -258px
}

.mod-block.ent-templ .mod-container .mod-tab article.intro li:nth-child(3) {
    background-position: center -505px
}

.mod-block.ent-templ .mod-container .mod-tab article.intro li h2 {
    font: 36px/40px DNLTL;
    margin-bottom: 10px
}

@media only screen and (max-width: 975px) {
    .mod-block.ent-templ .mod-container .mod-tab article.intro li h2 {
        font-size:30px;
        line-height: 30px;
        margin-bottom: 5px
    }
}

.mod-block.ent-templ .mod-container .mod-tab article.intro li p {
    font: 16px/18px PNL;
    margin-bottom: 40px;
    width: 66%;
    margin: 0 auto
}

.mod-block.ent-templ .mod-container .mod-tab article#customer-testimonials {
    color: #fff;
    background: url("./public/assets./images/p-enterprise/box_logo.png") #2985c9 no-repeat 200% 50%;
    height: 570px
}

@media only screen and (max-width: 975px) {
    .mod-block.ent-templ .mod-container .mod-tab article#customer-testimonials {
        background-position:130% 110% !important
    }
}

@media only screen and (max-width: 700px) {
    .mod-block.ent-templ .mod-container .mod-tab article#customer-testimonials {
        background-position:145% 105% !important;
        background-size: 80%
    }
}

.mod-block.ent-templ .mod-container .mod-tab article#customer-testimonials h4,.mod-block.ent-templ .mod-container .mod-tab article#customer-testimonials .mobile-modal .mobile-modal-list li h5,.mobile-modal .mobile-modal-list li .mod-block.ent-templ .mod-container .mod-tab article#customer-testimonials h5 {
    color: #fff
}

.mod-block.ent-templ .mod-container .mod-tab article#customer-testimonials section {
    padding-top: 100px
}

@media only screen and (max-width: 975px) {
    .mod-block.ent-templ .mod-container .mod-tab article#customer-testimonials section {
        padding-top:80px;
        padding-left: 20px;
        padding-right: 20px
    }
}

.mod-block.ent-templ .mod-container .mod-tab article#customer-testimonials .quote {
    font: 40px/55px PNL
}

@media only screen and (max-width: 975px) {
    .mod-block.ent-templ .mod-container .mod-tab article#customer-testimonials .quote {
        font:30px/35px PNL
    }
}

@media only screen and (max-width: 700px) {
    .mod-block.ent-templ .mod-container .mod-tab article#customer-testimonials .quote {
        font:20px/25px PNL;
        width: 100%
    }
}

.mod-block.ent-templ .mod-container .mod-tab article#customer-testimonials #clouds {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 600px
}

.mod-block.ent-templ .mod-container .mod-tab article#customer-testimonials .cloud {
    width: 200px;
    height: 60px;
    background: #fff;
    -webkit-border-radius: 200px;
    -moz-border-radius: 200px;
    -ms-border-radius: 200px;
    -o-border-radius: 200px;
    border-radius: 200px;
    position: relative
}

.mod-block.ent-templ .mod-container .mod-tab article#customer-testimonials .cloud:before,.mod-block.ent-templ .mod-container .mod-tab article#customer-testimonials .cloud.ico-iphone:after,.mod-block.ent-templ .mod-container .mod-tab article#customer-testimonials .cloud:after {
    content: '';
    position: absolute;
    background: #fff;
    width: 100px;
    height: 80px;
    position: absolute;
    top: -15px;
    left: 10px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    border-radius: 100px;
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    transform: rotate(30deg)
}

.mod-block.ent-templ .mod-container .mod-tab article#customer-testimonials .cloud:after {
    width: 120px;
    height: 120px;
    top: -55px;
    left: auto;
    right: 15px
}

.mod-block.ent-templ .mod-container .mod-tab article#customer-testimonials .x1 {
    -webkit-animation: moveclouds 120s linear infinite;
    -moz-animation: moveclouds 120s linear infinite;
    -ms-animation: moveclouds 120s linear infinite;
    -o-animation: moveclouds 120s linear infinite;
    animation: moveclouds 120s linear infinite;
    opacity: 0.1
}

.mod-block.ent-templ .mod-container .mod-tab article#customer-testimonials .x2 {
    left: 200px;
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    -ms-transform: scale(0.6);
    -o-transform: scale(0.6);
    transform: scale(0.6);
    opacity: 0.09;
    -webkit-animation: moveclouds 200s linear infinite;
    -moz-animation: moveclouds 200s linear infinite;
    -ms-animation: moveclouds 200s linear infinite;
    -o-animation: moveclouds 200s linear infinite;
    animation: moveclouds 200s linear infinite
}

.mod-block.ent-templ .mod-container .mod-tab article#customer-testimonials .x3 {
    left: -250px;
    top: -200px;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0.12;
    -webkit-animation: moveclouds 160s linear infinite;
    -moz-animation: moveclouds 160s linear infinite;
    -ms-animation: moveclouds 160s linear infinite;
    -o-animation: moveclouds 160s linear infinite;
    animation: moveclouds 160s linear infinite
}

.mod-block.ent-templ .mod-container .mod-tab article#customer-testimonials .x4 {
    left: 470px;
    top: -250px;
    -webkit-transform: scale(0.75);
    -moz-transform: scale(0.75);
    -ms-transform: scale(0.75);
    -o-transform: scale(0.75);
    transform: scale(0.75);
    opacity: 0.08;
    -webkit-animation: moveclouds 140s linear infinite;
    -moz-animation: moveclouds 140s linear infinite;
    -ms-animation: moveclouds 140s linear infinite;
    -o-animation: moveclouds 140s linear infinite;
    animation: moveclouds 140s linear infinite
}

.mod-block.ent-templ .mod-container .mod-tab article#customer-testimonials .x5 {
    left: -150px;
    top: -150px;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0.07;
    -webkit-animation: moveclouds 160s linear infinite;
    -moz-animation: moveclouds 160s linear infinite;
    -ms-animation: moveclouds 160s linear infinite;
    -o-animation: moveclouds 160s linear infinite;
    animation: moveclouds 160s linear infinite
}

.mod-block.ent-templ .mod-container .mod-tab article#fave-feature section {
    background: url("./public/assets./images/p-enterprise/gal.jpg") #f1f1f1 no-repeat left bottom
}

@media only screen and (max-width: 975px) {
    .mod-block.ent-templ .mod-container .mod-tab article#fave-feature section {
        background-position:-110px 140%;
        height: 480px;
        padding: 60px 0;
        width: 100%
    }
}

@media only screen and (max-width: 700px) {
    .mod-block.ent-templ .mod-container .mod-tab article#fave-feature section {
        background:none
    }
}

.mod-block.ent-templ .mod-container .mod-tab article#fave-feature h4,.mod-block.ent-templ .mod-container .mod-tab article#fave-feature .mobile-modal .mobile-modal-list li h5,.mobile-modal .mobile-modal-list li .mod-block.ent-templ .mod-container .mod-tab article#fave-feature h5 {
    color: #434343;
    margin-bottom: 20px !important
}

.mod-block.ent-templ .mod-container .mod-tab article#fave-feature h2 {
    color: #78a300;
    margin: 0px 0px 20px 0px
}

@media only screen and (max-width: 700px) {
    .mod-block.ent-templ .mod-container .mod-tab article#fave-feature h2 {
        margin-bottom:10px;
        font-size: 45px !important
    }
}

.mod-block.ent-templ .mod-container .mod-tab article#expert-tip {
    height: 650px;
    background: #f9f9f9
}

@media only screen and (max-width: 975px) {
    .mod-block.ent-templ .mod-container .mod-tab article#expert-tip {
        height:630px
    }
}

.mod-block.ent-templ .mod-container .mod-tab article#expert-tip h4,.mod-block.ent-templ .mod-container .mod-tab article#expert-tip .mobile-modal .mobile-modal-list li h5,.mobile-modal .mobile-modal-list li .mod-block.ent-templ .mod-container .mod-tab article#expert-tip h5 {
    color: #434343;
    margin-top: 0px
}

.mod-block.ent-templ .mod-container .mod-tab article#expert-tip h2 {
    margin: 0px;
    width: 400px;
    color: #78a300
}

.mod-block.ent-templ .mod-container .mod-tab article#expert-tip section aside p {
    margin-top: 60px;
    font: 16px/20px PNR;
    margin-bottom: 0
}

@media only screen and (max-width: 975px) {
    .mod-block.ent-templ .mod-container .mod-tab article#expert-tip section aside p {
        margin-top:0
    }
}

.mod-block.ent-templ .mod-container .mod-tab article#expert-tip .left-sided {
    width: 28%
}

@media only screen and (max-width: 975px) {
    .mod-block.ent-templ .mod-container .mod-tab article#expert-tip .left-sided {
        width:50%
    }
}

.mod-block.ent-templ .mod-container .mod-tab article#expert-tip .right-sided {
    width: 68%
}

@media only screen and (max-width: 975px) {
    .mod-block.ent-templ .mod-container .mod-tab article#expert-tip .right-sided {
        width:50%
    }
}

@media only screen and (max-width: 700px) {
    .mod-block.ent-templ .mod-container .mod-tab article#expert-tip .right-sided {
        clear:both;
        padding: 20px 0 0;
        width: 100%
    }
}

.mod-block.ent-templ .mod-container .mod-tab article#expert-tip #dudes {
    bottom: -560px;
    position: relative
}

.mod-block.ent-templ .mod-container .mod-tab article#expert-tip #dudes .dude {
    display: inline-block;
    height: 300px;
    position: absolute;
    bottom: 0
}

.mod-block.ent-templ .mod-container .mod-tab article#expert-tip #dudes .dude.main {
    left: 39%
}

.mod-block.ent-templ .mod-container .mod-tab article#expert-tip #dudes .dude.front-left,.mod-block.ent-templ .mod-container .mod-tab article#expert-tip #dudes .dude.front-left-2,.mod-block.ent-templ .mod-container .mod-tab article#expert-tip #dudes .dude.front-left-3,.mod-block.ent-templ .mod-container .mod-tab article#expert-tip #dudes .dude.back-left,.mod-block.ent-templ .mod-container .mod-tab article#expert-tip #dudes .dude.back-left-2 {
    left: -100%
}

.mod-block.ent-templ .mod-container .mod-tab article#expert-tip #dudes .dude.front-right,.mod-block.ent-templ .mod-container .mod-tab article#expert-tip #dudes .dude.front-right-2,.mod-block.ent-templ .mod-container .mod-tab article#expert-tip #dudes .dude.front-right-3,.mod-block.ent-templ .mod-container .mod-tab article#expert-tip #dudes .dude.back-right,.mod-block.ent-templ .mod-container .mod-tab article#expert-tip #dudes .dude.back-right-2 {
    right: -100%
}

.mod-block.ent-templ .mod-container .mod-tab article#logos {
    background: #f9f9f9;
    height: 650px
}

@media only screen and (max-width: 700px) {
    .mod-block.ent-templ .mod-container .mod-tab article#logos {
        height:900px
    }
}

.mod-block.ent-templ .mod-container .mod-tab article#logos h4,.mod-block.ent-templ .mod-container .mod-tab article#logos .mobile-modal .mobile-modal-list li h5,.mobile-modal .mobile-modal-list li .mod-block.ent-templ .mod-container .mod-tab article#logos h5 {
    color: #434343;
    margin-top: 0px
}

.mod-block.ent-templ .mod-container .mod-tab article#logos .section {
    height: 450px
}

.mod-block.ent-templ .mod-container .mod-tab article.standard-list {
    height: auto;
    padding-bottom: 120px
}

.mod-block.ent-templ .mod-container .mod-tab article.standard-list h4.h-rev,.mod-block.ent-templ .mod-container .mod-tab article.standard-list .mobile-modal .mobile-modal-list li h5.h-rev,.mobile-modal .mobile-modal-list li .mod-block.ent-templ .mod-container .mod-tab article.standard-list h5.h-rev {
    color: #434343;
    margin-top: 0px
}

.mod-block.ent-templ .mod-container .mod-tab article.standard-list.ex-features {
    background: #fff;
    padding-bottom: 0
}

@media only screen and (max-width: 700px) {
    .mod-block.ent-templ .mod-container .mod-tab article.standard-list.ex-features {
        display:none
    }
}

.mod-block.ent-templ .mod-container .mod-tab article.standard-list.ex-features h4,.mod-block.ent-templ .mod-container .mod-tab article.standard-list.ex-features .mobile-modal .mobile-modal-list li h5,.mobile-modal .mobile-modal-list li .mod-block.ent-templ .mod-container .mod-tab article.standard-list.ex-features h5 {
    text-align: center
}

.mod-block.ent-templ .mod-container .mod-tab article.standard-list.ex-features h3 {
    font: 18px/1 DNRM;
    color: white;
    margin: 0 0 11px 0
}

.mod-block.ent-templ .mod-container .mod-tab article.standard-list.ex-features p {
    font: 17px/1.4 DNRM;
    color: white
}

.mod-block.ent-templ .mod-container .mod-tab article.standard-list aside.right-sided {
    background: url("./public/assets./images/p-enterprise/ico-list.jpg") transparent no-repeat left top;
    padding-top: 172px;
    width: 460px
}

@media only screen and (max-width: 975px) {
    .mod-block.ent-templ .mod-container .mod-tab article.standard-list aside.right-sided {
        width:48%
    }
}

@media only screen and (max-width: 700px) {
    .mod-block.ent-templ .mod-container .mod-tab article.standard-list aside.right-sided {
        background:none;
        clear: both;
        padding: 4% 0;
        width: 100%
    }
}

.mod-block.ent-templ .mod-container .mod-tab article.standard-list aside,.mod-block.ent-templ .mod-container .mod-tab article.standard-list section {
    height: auto
}

.mod-block.ent-templ .mod-container .mod-tab article.standard-list ul li {
    font: 16px/22px PNR
}

.mod-block.ent-templ .mod-container .mod-tab article.standard-list ul li strong,.mod-block.ent-templ .mod-container .mod-tab article.standard-list ul li.bold {
    font-family: DNLTM;
    color: #464646
}

.mod-block.ent-templ .mod-container .mod-tab article.standard-list .tiny-sized {
    font-size: 12px;
    margin-top: 60px;
    text-align: left;
    color: #222
}

.mod-block.ent-templ .mod-container .mod-tab ul li div span {
    font-family: DNLTL;
    font-size: 22px
}

.mod-block.ent-templ .mod-container .mod-tab ul li div aside h2 {
    white-space: nowrap
}

.mod-block.ent-templ .mod-container .mod-tab ul.mod-resources {
    float: none;
    margin: 30px auto 0;
    width: 100%
}

.mod-block.ent-templ .mod-container .mod-tab ul.mod-resources li:nth-child(1) span {
    background: transparent url("./public/assets./images/t-mobileapp/resources-1.png") center center no-repeat
}

.mod-block.ent-templ .mod-container .mod-tab ul.mod-resources li:nth-child(2) span {
    background: transparent url("./public/assets./images/t-mobileapp/resources-2.png") center center no-repeat
}

.mod-block.ent-templ .mod-container .mod-tab ul.mod-resources li:nth-child(3) span {
    background: transparent url("./public/assets./images/t-mobileapp/resources-3.png") center center no-repeat
}

.mod-block.ent-templ .mod-container .mod-tab ul.mod-resources li:nth-child(4) span {
    background: transparent url("./public/assets./images/t-mobileapp/resources-4.png") center center no-repeat
}

.mod-block.ent-templ .mod-container .mod-tab ul.mod-resources a {
    color: #000;
    float: left;
    margin: 0 20px
}

.mod-block.ent-templ .mod-container .mod-tab ul.mod-resources span {
    background: #ccc;
    display: block;
    height: 200px;
    margin: 0 auto 20px;
    width: 200px;
    -webkit-border-radius: 200px;
    -moz-border-radius: 200px;
    -ms-border-radius: 200px;
    -o-border-radius: 200px;
    border-radius: 200px
}

.mod-block.ent-templ .mod-container .mod-tab ul.mod-resources p,.mod-block.ent-templ .mod-container .mod-tab ul.mod-resources h4,.mod-block.ent-templ .mod-container .mod-tab ul.mod-resources .mobile-modal .mobile-modal-list li h5,.mobile-modal .mobile-modal-list li .mod-block.ent-templ .mod-container .mod-tab ul.mod-resources h5 {
    font: 18px DNLTR;
    text-align: center
}

.mod-block.ent-templ .mod-container .mod-tab ul.mod-resources p {
    color: #898989;
    font-size: 11px;
    letter-spacing: 1px;
    line-height: 1.75;
    margin: 0;
    text-transform: uppercase
}

.mod-block.ent-templ ul.cust-logos {
    position: relative;
    display: block;
    text-align: center
}

.mod-block.ent-templ ul.cust-logos li {
    display: inline-block;
    position: relative
}

.hexaflip-cube {
    display: inline-block;
    position: relative;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: -webkit-transform 0.4s;
    -moz-transition: -moz-transform 0.4s;
    -o-transition: -o-transform 0.4s;
    -ms-transition: -ms-transform 0.4s;
    transition: transform 0.4s
}

.hexaflip-cube.no-tween {
    -webkit-transition-duration: 0;
    -moz-transition-duration: 0;
    -o-transition-duration: 0;
    -ms-transition-duration: 0;
    transition-duration: 0
}

.hexaflip-cube>div {
    width: 100%;
    overflow: hidden;
    height: 100.5%;
    position: absolute;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center center;
    line-height: 1.5
}

.hexaflip-left,.hexaflip-right {
    background-color: #fff !important;
    background-repeat: no-repeat;
    background-position: center center
}

.hexaflip-timepicker .hexaflip-cube:last-child>div:nth-child(odd) {
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center center
}

@-moz-keyframes floating {
    from {
        -moz-transform: translateY(0px)
    }

    57% {
        -moz-transform: translateY(18px)
    }

    to {
        -moz-transform: translateY(0px)
    }
}

@-webkit-keyframes floating {
    from {
        -webkit-transform: translateY(0px)
    }

    57% {
        -webkit-transform: translateY(18px)
    }

    to {
        -webkit-transform: translateY(0px)
    }
}

@-o-keyframes floating {
    from {
        -o-transform: translateY(0px)
    }

    57% {
        -o-transform: translateY(18px)
    }

    to {
        -o-transform: translateY(0px)
    }
}

@-ms-keyframes floating {
    from {
        -ms-transform: translateY(0px)
    }

    57% {
        -ms-transform: translateY(18px)
    }

    to {
        -ms-transform: translateY(0px)
    }
}

@keyframes floating {
    from {
        transform: translateY(0px)
    }

    57% {
        transform: translateY(18px)
    }

    to {
        transform: translateY(0px)
    }
}

@-moz-keyframes move {
    from {
        left: -100px
    }

    to {
        left: 115%
    }
}

@-webkit-keyframes move {
    from {
        left: -100px
    }

    to {
        left: 115%
    }
}

@-o-keyframes move {
    from {
        left: -100px
    }

    to {
        left: 115%
    }
}

@-ms-keyframes move {
    from {
        left: -100px
    }

    to {
        left: 115%
    }
}

@-keyframes move {
    from {
        left: -100px
    }

    to {
        left: 115%
    }
}

.balloon {
    height: 110px;
    width: 110px;
    background: url("//web.archive.org/web/20190118075937im_/http://d26a57ydsghvgx.cloudfront.net/www/public/assets./images/p-lp-enterprise/balloon.svg") top left no-repeat;
    background-size: auto 110px;
    position: absolute;
    top: 278px;
    left: 64%;
    -webkit-animation: floating 6s infinite ease-in-out, move 70s infinite linear;
    -moz-animation: floating 6s infinite ease-in-out, move 70s infinite linear;
    -o-animation: floating 6s infinite ease-in-out, move 70s infinite linear;
    -ms-animation: floating 6s infinite ease-in-out, move 70s infinite linear;
    animation: floating 6s infinite ease-in-out, move 70s infinite linear
}

@media only screen and (max-width: 975px) {
    .balloon {
        -webkit-animation:floating 6s infinite ease-in-out, move 40s infinite linear;
        -moz-animation: floating 6s infinite ease-in-out, move 40s infinite linear;
        -o-animation: floating 6s infinite ease-in-out, move 40s infinite linear;
        -ms-animation: floating 6s infinite ease-in-out, move 40s infinite linear;
        animation: floating 6s infinite ease-in-out, move 40s infinite linear
    }
}

@media only screen and (max-width: 700px) {
    .balloon {
        -webkit-animation:floating 6s infinite ease-in-out, move 25s infinite linear;
        -moz-animation: floating 6s infinite ease-in-out, move 25s infinite linear;
        -o-animation: floating 6s infinite ease-in-out, move 25s infinite linear;
        -ms-animation: floating 6s infinite ease-in-out, move 25s infinite linear;
        animation: floating 6s infinite ease-in-out, move 25s infinite linear
    }
}

@-webkit-keyframes move-car {
    from {
        -webkit-transform: translateX(-480px) translateY(-50px)
    }

    5% {
        -webkit-transform: translateX(-440px) translateY(-80px)
    }

    10% {
        -webkit-transform: translateX(-390px) translateY(-105px)
    }

    15% {
        -webkit-transform: translateX(-300px) translateY(-150px)
    }

    20% {
        -webkit-transform: translateX(-220px) translateY(-180px)
    }

    25% {
        -webkit-transform: translateX(-140px) translateY(-195px)
    }

    30% {
        -webkit-transform: translateX(-40px) translateY(-200px)
    }

    34% {
        -webkit-transform: translateX(80px) translateY(-193px)
    }

    38% {
        -webkit-transform: translateX(140px) translateY(-178px)
    }

    41% {
        -webkit-transform: translateX(230px) translateY(-142px)
    }

    44% {
        -webkit-transform: translateX(310px) translateY(-105px)
    }

    46% {
        -webkit-transform: translateX(370px) translateY(-70px)
    }

    48% {
        -webkit-transform: translateX(420px) translateY(-40px)
    }

    to {
        -webkit-transform: translateX(440px) translateY(0)
    }
}

@-moz-keyframes move-car {
    from {
        -moz-transform: translateX(-480px) translateY(-50px)
    }

    5% {
        -moz-transform: translateX(-440px) translateY(-80px)
    }

    10% {
        -moz-transform: translateX(-390px) translateY(-105px)
    }

    15% {
        -moz-transform: translateX(-300px) translateY(-150px)
    }

    20% {
        -moz-transform: translateX(-220px) translateY(-180px)
    }

    25% {
        -moz-transform: translateX(-140px) translateY(-195px)
    }

    30% {
        -moz-transform: translateX(-40px) translateY(-200px)
    }

    34% {
        -moz-transform: translateX(80px) translateY(-193px)
    }

    38% {
        -moz-transform: translateX(140px) translateY(-178px)
    }

    41% {
        -moz-transform: translateX(230px) translateY(-142px)
    }

    44% {
        -moz-transform: translateX(310px) translateY(-105px)
    }

    46% {
        -moz-transform: translateX(370px) translateY(-70px)
    }

    48% {
        -moz-transform: translateX(420px) translateY(-40px)
    }

    to {
        -moz-transform: translateX(440px) translateY(0)
    }
}

@-o-keyframes move-car {
    from {
        -o-transform: translateX(-480px) translateY(-50px)
    }

    5% {
        -o-transform: translateX(-440px) translateY(-80px)
    }

    10% {
        -o-transform: translateX(-390px) translateY(-105px)
    }

    15% {
        -o-transform: translateX(-300px) translateY(-150px)
    }

    20% {
        -o-transform: translateX(-220px) translateY(-180px)
    }

    25% {
        -o-transform: translateX(-140px) translateY(-195px)
    }

    30% {
        -o-transform: translateX(-40px) translateY(-200px)
    }

    34% {
        -o-transform: translateX(80px) translateY(-193px)
    }

    38% {
        -o-transform: translateX(140px) translateY(-178px)
    }

    41% {
        -o-transform: translateX(230px) translateY(-142px)
    }

    44% {
        -o-transform: translateX(310px) translateY(-105px)
    }

    46% {
        -o-transform: translateX(370px) translateY(-70px)
    }

    48% {
        -o-transform: translateX(420px) translateY(-40px)
    }

    to {
        -o-transform: translateX(440px) translateY(0)
    }
}

@-ms-keyframes move-car {
    from {
        -ms-transform: translateX(-480px) translateY(-50px)
    }

    5% {
        -ms-transform: translateX(-440px) translateY(-80px)
    }

    10% {
        -ms-transform: translateX(-390px) translateY(-105px)
    }

    15% {
        -ms-transform: translateX(-300px) translateY(-150px)
    }

    20% {
        -ms-transform: translateX(-220px) translateY(-180px)
    }

    25% {
        -ms-transform: translateX(-140px) translateY(-195px)
    }

    30% {
        -ms-transform: translateX(-40px) translateY(-200px)
    }

    34% {
        -ms-transform: translateX(80px) translateY(-193px)
    }

    38% {
        -ms-transform: translateX(140px) translateY(-178px)
    }

    41% {
        -ms-transform: translateX(230px) translateY(-142px)
    }

    44% {
        -ms-transform: translateX(310px) translateY(-105px)
    }

    46% {
        -ms-transform: translateX(370px) translateY(-70px)
    }

    48% {
        -ms-transform: translateX(420px) translateY(-40px)
    }

    to {
        -ms-transform: translateX(440px) translateY(0)
    }
}

@keyframes move-car {
    from {
        transform: translateX(-480px) translateY(-50px)
    }

    5% {
        transform: translateX(-440px) translateY(-80px)
    }

    10% {
        transform: translateX(-390px) translateY(-105px)
    }

    15% {
        transform: translateX(-300px) translateY(-150px)
    }

    20% {
        transform: translateX(-220px) translateY(-180px)
    }

    25% {
        transform: translateX(-140px) translateY(-195px)
    }

    30% {
        transform: translateX(-40px) translateY(-200px)
    }

    34% {
        transform: translateX(80px) translateY(-193px)
    }

    38% {
        transform: translateX(140px) translateY(-178px)
    }

    41% {
        transform: translateX(230px) translateY(-142px)
    }

    44% {
        transform: translateX(310px) translateY(-105px)
    }

    46% {
        transform: translateX(370px) translateY(-70px)
    }

    48% {
        transform: translateX(420px) translateY(-40px)
    }

    to {
        transform: translateX(440px) translateY(0)
    }
}

@-webkit-keyframes rotate-car {
    from {
        -webkit-transform: rotate(-35deg)
    }

    10% {
        -webkit-transform: rotate(-30deg)
    }

    20% {
        -webkit-transform: rotate(-15deg)
    }

    30% {
        -webkit-transform: rotate(0deg)
    }

    36% {
        -webkit-transform: rotate(15deg)
    }

    42% {
        -webkit-transform: rotate(30deg)
    }

    48% {
        -webkit-transform: rotate(35deg)
    }

    to {
        -webkit-transform: rotate(35deg)
    }
}

@-moz-keyframes rotate-car {
    from {
        -moz-transform: rotate(-35deg)
    }

    10% {
        -moz-transform: rotate(-30deg)
    }

    20% {
        -moz-transform: rotate(-15deg)
    }

    30% {
        -moz-transform: rotate(0deg)
    }

    36% {
        -moz-transform: rotate(15deg)
    }

    42% {
        -moz-transform: rotate(30deg)
    }

    48% {
        -moz-transform: rotate(35deg)
    }

    to {
        -moz-transform: rotate(35deg)
    }
}

@-o-keyframes rotate-car {
    from {
        -o-transform: rotate(-35deg)
    }

    10% {
        -o-transform: rotate(-30deg)
    }

    20% {
        -o-transform: rotate(-15deg)
    }

    30% {
        -o-transform: rotate(0deg)
    }

    36% {
        -o-transform: rotate(15deg)
    }

    42% {
        -o-transform: rotate(30deg)
    }

    48% {
        -o-transform: rotate(35deg)
    }

    to {
        -o-transform: rotate(35deg)
    }
}

@-ms-keyframes rotate-car {
    from {
        -ms-transform: rotate(-35deg)
    }

    10% {
        -ms-transform: rotate(-30deg)
    }

    20% {
        -ms-transform: rotate(-15deg)
    }

    30% {
        -ms-transform: rotate(0deg)
    }

    36% {
        -ms-transform: rotate(15deg)
    }

    42% {
        -ms-transform: rotate(30deg)
    }

    48% {
        -ms-transform: rotate(35deg)
    }

    to {
        -ms-transform: rotate(35deg)
    }
}

@keyframes rotate-car {
    from {
        transform: rotate(-35deg)
    }

    10% {
        transform: rotate(-30deg)
    }

    20% {
        transform: rotate(-15deg)
    }

    30% {
        transform: rotate(0deg)
    }

    36% {
        transform: rotate(15deg)
    }

    42% {
        transform: rotate(30deg)
    }

    48% {
        transform: rotate(35deg)
    }

    to {
        transform: rotate(35deg)
    }
}

.car {
    height: 78px;
    width: 78px;
    position: absolute;
    top: 1200px;
    left: 50%;
    -webkit-animation: move-car 12s infinite linear;
    -moz-animation: move-car 12s infinite linear;
    -ms-animation: move-car 12s infinite linear;
    -o-animation: move-car 12s infinite linear;
    animation: move-car 12s infinite linear
}

.car div {
    height: 78px;
    width: 78px;
    background: url("//web.archive.org/web/20190118075937im_/http://d26a57ydsghvgx.cloudfront.net/www/public/assets./images/p-lp-enterprise/car.svg") top left no-repeat;
    background-size: 78px 37px;
    -webkit-animation: rotate-car 12s infinite linear;
    -moz-animation: rotate-car 12s infinite linear;
    -ms-animation: rotate-car 12s infinite linear;
    -o-animation: rotate-car 12s infinite linear;
    animation: rotate-car 12s infinite linear
}

.mod-block.ent-templ-lp .mod-container .mod-tab .ent-splash {
    padding: 0;
    margin-bottom: 0;
    font: 15px/1.3 PNR;
    background: #fff url("//web.archive.org/web/20190118075937im_/http://d26a57ydsghvgx.cloudfront.net/www/public/assets./images/p-lp-enterprise/splash.svg") top center repeat-x;
    background-size: 1751px 1150px;
    height: 1147px;
    position: relative;
    overflow: hidden
}

.mod-block.ent-templ-lp .mod-container .mod-tab .ent-splash .sub {
    font: 16px/21px DNLTM;
    letter-spacing: 1px;
    text-align: center;
    color: #dbf1f9;
    text-transform: uppercase
}

.mod-block.ent-templ-lp .mod-container .mod-tab .ent-splash h1 {
    margin-top: 24px;
    font: 65px/1 DNLTL;
    letter-spacing: 2px;
    text-align: center;
    color: #fff
}

@media only screen and (max-width: 975px) {
    .mod-block.ent-templ-lp .mod-container .mod-tab .ent-splash h1 {
        font:60px/1 DNLTL
    }
}

@media only screen and (max-width: 778px) {
    .mod-block.ent-templ-lp .mod-container .mod-tab .ent-splash h1 {
        font:50px/1 DNLTL
    }
}

@media only screen and (max-width: 700px) {
    .mod-block.ent-templ-lp .mod-container .mod-tab .ent-splash h1 {
        font:40px/1 DNLTL
    }
}

.mod-block.ent-templ-lp .mod-container .mod-tab .ent-splash .parallax {
    position: relative;
    height: 397px;
    padding-top: 123px;
    width: 100%
}

.mod-block.ent-templ-lp .mod-container .mod-tab .ent-splash .parallax .clouds {
    position: absolute;
    z-index: 10;
    bottom: 0;
    left: 0;
    width: 100%;
    background: url("//web.archive.org/web/20190118075937im_/http://d26a57ydsghvgx.cloudfront.net/www/public/assets./images/p-lp-enterprise/clouds.svg") top center repeat-x;
    padding-top: 120px;
    background-size: 1736px 250px
}

.mod-block.ent-templ-lp .mod-container .mod-tab .ent-splash .parallax .clouds div {
    background: #fff;
    width: 100%;
    height: 41px
}

.mod-block.ent-templ-lp .mod-container .mod-tab .ent-splash .abstract {
    max-width: 660px;
    margin: 0 auto;
    text-align: center
}

.mod-block.ent-templ-lp .mod-container .mod-tab .ent-splash .abstract h2 {
    color: #444444;
    font: 2.2em/1 DNLTL;
    letter-spacing: 1px;
    margin-bottom: 20px
}

@media only screen and (max-width: 778px) {
    .mod-block.ent-templ-lp .mod-container .mod-tab .ent-splash .abstract h2 {
        font:35px/1 DNLTL
    }
}

@media only screen and (max-width: 700px) {
    .mod-block.ent-templ-lp .mod-container .mod-tab .ent-splash .abstract h2 {
        font:30px/1 DNLTL
    }
}

.mod-block.ent-templ-lp .mod-container .mod-tab .ent-splash .abstract p {
    font: 16px/1.25 PNR;
    padding: 0 4%
}

@media only screen and (max-width: 778px) {
    .mod-block.ent-templ-lp .mod-container .mod-tab .ent-splash .abstract p {
        font:14px/1.25 PNR
    }
}

.mod-block.ent-templ-lp .mod-container .mod-tab article {
    height: auto
}

.mod-block.ent-templ-lp .mod-container .mod-tab article section {
    height: auto;
    padding: 135px 4% 135px 4%;
    min-height: 100px
}

@media only screen and (max-width: 975px) {
    .mod-block.ent-templ-lp .mod-container .mod-tab article section {
        padding:10% 0%;
        width: 92%
    }
}

@media only screen and (max-width: 700px) {
    .mod-block.ent-templ-lp .mod-container .mod-tab article section {
        padding:10% 6%;
        width: 88%
    }
}

.mod-block.ent-templ-lp .mod-container .mod-tab article.intro {
    background: #fff;
    height: auto
}

.mod-block.ent-templ-lp .mod-container .mod-tab article.intro section h4,.mod-block.ent-templ-lp .mod-container .mod-tab article.intro section .mobile-modal .mobile-modal-list li h5,.mobile-modal .mobile-modal-list li .mod-block.ent-templ-lp .mod-container .mod-tab article.intro section h5 {
    margin-top: 0px;
    color: #858585;
    text-align: center
}

.mod-block.ent-templ-lp .mod-container .mod-tab article.intro section h2 {
    font: 2.2em/1 DNLTL;
    letter-spacing: 1px;
    text-align: center;
    color: #444444
}

@media only screen and (max-width: 975px) {
    .mod-block.ent-templ-lp .mod-container .mod-tab article.intro section h2 {
        font-size:30px;
        line-height: 30px;
        margin-bottom: 20px
    }
}

.mod-block.ent-templ-lp .mod-container .mod-tab article.intro section p {
    font: .9em/1.25 PNR;
    text-align: center;
    display: block;
    width: 65%;
    margin: 0 auto 30px auto
}

.mod-block.ent-templ-lp .mod-container .mod-tab article.intro li {
    background: transparent no-repeat top center;
    background-size: 160px;
    display: block;
    float: left;
    text-align: center;
    margin: 0 auto;
    width: 33.3%
}

.mod-block.ent-templ-lp .mod-container .mod-tab article.intro li aside {
    padding-top: 22px
}

@media only screen and (max-width: 700px) {
    .mod-block.ent-templ-lp .mod-container .mod-tab article.intro li {
        margin-bottom:40px;
        width: 100%
    }

    .mod-block.ent-templ-lp .mod-container .mod-tab article.intro li:nth-child(3) {
        margin-bottom: 0
    }
}

.mod-block.ent-templ-lp .mod-container .mod-tab article.intro li .intro-icon {
    position: relative;
    height: 160px;
    width: 160px;
    margin: 0 auto;
    overflow: hidden
}

.mod-block.ent-templ-lp .mod-container .mod-tab article.intro li .intro-icon .icon-container {
    height: 160px;
    width: 160px;
    position: relative;
    overflow: hidden
}

@media only screen and (max-width: 778px) {
    .mod-block.ent-templ-lp .mod-container .mod-tab article.intro li .intro-icon .icon-container {
        display:none;
        height: 0;
        width: 0
    }
}

.mod-block.ent-templ-lp .mod-container .mod-tab article.intro li .intro-icon .fist-container {
    margin: 4px 2px 4px 3px;
    height: 152px;
    width: 155px;
    overflow: hidden;
    position: relative
}

@media only screen and (max-width: 778px) {
    .mod-block.ent-templ-lp .mod-container .mod-tab article.intro li .intro-icon .fist-container {
        display:none;
        height: 0;
        width: 0
    }
}

.mod-block.ent-templ-lp .mod-container .mod-tab article.intro li:nth-child(1) {
    background-image: url("//web.archive.org/web/20190118075937im_/http://d26a57ydsghvgx.cloudfront.net/www/public/assets./images/p-lp-enterprise/icon-fistbump.svg")
}

@media only screen and (max-width: 778px) {
    .mod-block.ent-templ-lp .mod-container .mod-tab article.intro li:nth-child(1) {
        background-image:url("//web.archive.org/web/20190118075937im_/http://d26a57ydsghvgx.cloudfront.net/www/public/assets./images/p-lp-enterprise/icon-people.svg")
    }
}

.mod-block.ent-templ-lp .mod-container .mod-tab article.intro li:nth-child(1) .left-hand {
    position: absolute;
    top: 57px;
    left: -55px;
    background-image: url("//web.archive.org/web/20190118075937im_/http://d26a57ydsghvgx.cloudfront.net/www/public/assets./images/p-lp-enterprise/icon-fistbump-hand.svg");
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
    background-size: 80px 43px;
    width: 80px;
    height: 43px
}

.mod-block.ent-templ-lp .mod-container .mod-tab article.intro li:nth-child(1) .right-hand {
    position: absolute;
    top: 57px;
    right: -55px;
    background-image: url("//web.archive.org/web/20190118075937im_/http://d26a57ydsghvgx.cloudfront.net/www/public/assets./images/p-lp-enterprise/icon-fistbump-hand.svg");
    background-size: 80px 43px;
    width: 80px;
    height: 43px
}

.mod-block.ent-templ-lp .mod-container .mod-tab article.intro li:nth-child(1) .lines {
    position: absolute;
    top: 22px;
    left: 22px;
    background-image: url("//web.archive.org/web/20190118075937im_/http://d26a57ydsghvgx.cloudfront.net/www/public/assets./images/p-lp-enterprise/icon-fistbump-lines.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto;
    height: 110px;
    width: 110px;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0
}

.mod-block.ent-templ-lp .mod-container .mod-tab article.intro li:nth-child(2) {
    background-image: url("//web.archive.org/web/20190118075937im_/http://d26a57ydsghvgx.cloudfront.net/www/public/assets./images/p-lp-enterprise/icon-spedometer.svg")
}

@media only screen and (max-width: 778px) {
    .mod-block.ent-templ-lp .mod-container .mod-tab article.intro li:nth-child(2) {
        background-image:url("//web.archive.org/web/20190118075937im_/http://d26a57ydsghvgx.cloudfront.net/www/public/assets./images/p-lp-enterprise/icon-product.svg")
    }
}

.mod-block.ent-templ-lp .mod-container .mod-tab article.intro li:nth-child(2) .needle {
    position: absolute;
    left: 71px;
    top: 57px;
    width: 32px;
    height: 32px;
    background-image: url("//web.archive.org/web/20190118075937im_/http://d26a57ydsghvgx.cloudfront.net/www/public/assets./images/p-lp-enterprise/icon-spedometer-needle.svg");
    background-size: auto 32px;
    background-position: center center;
    -webkit-transform-origin: 30% 71%;
    -moz-transform-origin: 30% 71%;
    -ms-transform-origin: 30% 71%;
    -o-transform-origin: 30% 71%;
    transform-origin: 30% 71%
}

.mod-block.ent-templ-lp .mod-container .mod-tab article.intro li:nth-child(3) {
    background-image: url("//web.archive.org/web/20190118075937im_/http://d26a57ydsghvgx.cloudfront.net/www/public/assets./images/p-lp-enterprise/icon-signs.svg")
}

@media only screen and (max-width: 778px) {
    .mod-block.ent-templ-lp .mod-container .mod-tab article.intro li:nth-child(3) {
        background-image:url("//web.archive.org/web/20190118075937im_/http://d26a57ydsghvgx.cloudfront.net/www/public/assets./images/p-lp-enterprise/icon-paths.svg")
    }
}

.mod-block.ent-templ-lp .mod-container .mod-tab article.intro li:nth-child(3) .sign {
    position: absolute;
    left: 60px;
    top: 42px;
    width: 45px;
    height: 16px;
    background-image: url("//web.archive.org/web/20190118075937im_/http://d26a57ydsghvgx.cloudfront.net/www/public/assets./images/p-lp-enterprise/icon-signs-topsign.svg");
    background-size: 45px;
    background-position: center center
}

.mod-block.ent-templ-lp .mod-container .mod-tab article.intro li h4,.mod-block.ent-templ-lp .mod-container .mod-tab article.intro .mobile-modal .mobile-modal-list li h5,.mobile-modal .mobile-modal-list .mod-block.ent-templ-lp .mod-container .mod-tab article.intro li h5 {
    margin-bottom: 10px !important;
    color: #434343
}

.mod-block.ent-templ-lp .mod-container .mod-tab article.intro li p {
    font: .9em/1.25 PNR;
    color: #2d2d2d;
    margin-bottom: 40px;
    width: 74%;
    margin: 0 auto
}

.mod-block.ent-templ-lp .mod-container .mod-tab article.team {
    background: #f6f6f6
}

.mod-block.ent-templ-lp .mod-container .mod-tab article.team .bg-wrapper {
    background: url("//web.archive.org/web/20190118075937im_/http://d26a57ydsghvgx.cloudfront.net/www/public/assets./images/p-lp-enterprise/team-2X.jpg") bottom left no-repeat;
    background-size: 400px;
    max-width: 965px;
    margin: 0 auto
}

@media only screen and (max-width: 975px) {
    .mod-block.ent-templ-lp .mod-container .mod-tab article.team .bg-wrapper {
        background-size:320px
    }
}

@media only screen and (max-width: 700px) {
    .mod-block.ent-templ-lp .mod-container .mod-tab article.team .bg-wrapper {
        background:url("//web.archive.org/web/20190118075937im_/http://d26a57ydsghvgx.cloudfront.net/www/public/assets./images/p-lp-enterprise/team.jpg") -60px bottom no-repeat;
        padding: 10% 6% 150px 6%
    }
}

.mod-block.ent-templ-lp .mod-container .mod-tab article.team section {
    padding: 125px 4% 155px 4%;
    background: url("//web.archive.org/web/20190118075937im_/http://d26a57ydsghvgx.cloudfront.net/www/public/assets./images/p-lp-enterprise/badge.svg") no-repeat;
    background-position: 90% 92%;
    background-size: 110px 110px
}

@media only screen and (max-width: 975px) {
    .mod-block.ent-templ-lp .mod-container .mod-tab article.team section {
        min-height:240px;
        padding: 10% 0 20% 0;
        background-position: 90% 92%
    }
}

@media only screen and (max-width: 700px) {
    .mod-block.ent-templ-lp .mod-container .mod-tab article.team section {
        padding:10% 0 90px 0;
        background-position: bottom right
    }
}

.mod-block.ent-templ-lp .mod-container .mod-tab article.team section aside {
    width: 600px;
    padding-left: 330px
}

@media only screen and (max-width: 975px) {
    .mod-block.ent-templ-lp .mod-container .mod-tab article.team section aside {
        padding-left:0;
        width: 95%
    }
}

@media only screen and (max-width: 700px) {
    .mod-block.ent-templ-lp .mod-container .mod-tab article.team section aside {
        padding-left:0;
        width: 95%
    }
}

.mod-block.ent-templ-lp .mod-container .mod-tab article.team section h2 {
    color: #444444;
    font: 2.2em/1 DNLTL;
    letter-spacing: 1px;
    margin-bottom: 14px;
    text-align: left
}

@media only screen and (max-width: 975px) {
    .mod-block.ent-templ-lp .mod-container .mod-tab article.team section h2 {
        font-size:30px;
        line-height: 30px;
        margin-bottom: 20px
    }
}

.mod-block.ent-templ-lp .mod-container .mod-tab article.team section p {
    color: #444444;
    font: .9em/1.25 PNR;
    text-align: left;
    display: block;
    margin-bottom: 0px
}

.mod-block.ent-templ-lp .mod-container .mod-tab article.insights {
    background: #4bb9e5 url("//web.archive.org/web/20190118075937im_/http://d26a57ydsghvgx.cloudfront.net/www/public/assets./images/p-lp-enterprise/insights.svg") no-repeat;
    background-size: 640px 406px;
    background-position: 675px 113px
}

@media (min-width: 1450px) {
    .mod-block.ent-templ-lp .mod-container .mod-tab article.insights {
        background-position:right 113px
    }
}

@media only screen and (max-width: 975px) {
    .mod-block.ent-templ-lp .mod-container .mod-tab article.insights {
        background-position:475px 113px
    }
}

@media only screen and (max-width: 700px) {
    .mod-block.ent-templ-lp .mod-container .mod-tab article.insights {
        background-size:400px;
        background-position: 90% 340px
    }
}

@media only screen and (max-width: 700px) {
    .mod-block.ent-templ-lp .mod-container .mod-tab article.insights section {
        padding-bottom:310px
    }
}

.mod-block.ent-templ-lp .mod-container .mod-tab article.insights section aside {
    max-width: 360px
}

.mod-block.ent-templ-lp .mod-container .mod-tab article.insights section h4,.mod-block.ent-templ-lp .mod-container .mod-tab article.insights section .mobile-modal .mobile-modal-list li h5,.mobile-modal .mobile-modal-list li .mod-block.ent-templ-lp .mod-container .mod-tab article.insights section h5 {
    margin-top: 0px;
    color: #ffffff;
    text-align: left
}

.mod-block.ent-templ-lp .mod-container .mod-tab article.insights section h2 {
    color: #ffffff;
    font: 40px/48px DNLTL;
    letter-spacing: 1px;
    margin-bottom: 14px;
    text-align: left
}

@media only screen and (max-width: 975px) {
    .mod-block.ent-templ-lp .mod-container .mod-tab article.insights section h2 {
        font-size:30px;
        line-height: 30px;
        margin-bottom: 20px
    }
}

.mod-block.ent-templ-lp .mod-container .mod-tab article.insights section p {
    display: block;
    color: #ffffff;
    font: .9em/1.25 PNR;
    text-align: left;
    margin-bottom: 0
}

.mod-block.ent-templ-lp .mod-container .mod-tab article.uber {
    background: #fff url("//web.archive.org/web/20190118075937im_/http://d26a57ydsghvgx.cloudfront.net/www/public/assets./images/p-lp-enterprise/uber-bg.jpg") bottom right no-repeat;
    background-size: auto 100%;
    background-position: 565px 0
}

@media (min-width: 1450px) {
    .mod-block.ent-templ-lp .mod-container .mod-tab article.uber {
        background-position:right 0
    }
}

@media only screen and (max-width: 975px) {
    .mod-block.ent-templ-lp .mod-container .mod-tab article.uber {
        background-position:390px 0
    }
}

.mod-block.ent-templ-lp .mod-container .mod-tab article.uber section aside {
    max-width: 400px
}

.mod-block.ent-templ-lp .mod-container .mod-tab article.uber section h4,.mod-block.ent-templ-lp .mod-container .mod-tab article.uber section .mobile-modal .mobile-modal-list li h5,.mobile-modal .mobile-modal-list li .mod-block.ent-templ-lp .mod-container .mod-tab article.uber section h5 {
    color: #858585;
    margin-top: 0px;
    text-align: left
}

.mod-block.ent-templ-lp .mod-container .mod-tab article.uber section h2 {
    color: #444444;
    font: 40px/48px DNLTL;
    letter-spacing: 1px;
    margin-bottom: 24px;
    text-align: left
}

@media only screen and (max-width: 975px) {
    .mod-block.ent-templ-lp .mod-container .mod-tab article.uber section h2 {
        font-size:30px;
        line-height: 30px
    }
}

.mod-block.ent-templ-lp .mod-container .mod-tab article.uber section .uber-logo {
    height: 22px;
    width: 170px;
    background: url("//web.archive.org/web/20190118075937im_/http://d26a57ydsghvgx.cloudfront.net/www/public/assets./images/p-lp-enterprise/uber-name.svg") top left no-repeat;
    background-size: auto 19px;
    margin-bottom: 35px
}

.mod-block.ent-templ-lp .mod-container .mod-tab article.uber section p {
    display: block;
    max-width: 480px;
    color: #444444;
    font: .9em/1.25 PNR;
    text-align: left;
    margin-bottom: 0
}

.mod-block.ent-templ-lp .mod-container .mod-tab article.mentor-cta {
    background: #78a300 url("//web.archive.org/web/20190118075937im_/http://d26a57ydsghvgx.cloudfront.net/www/public/assets./images/p-lp-enterprise/mentor.svg") no-repeat;
    background-size: 666px 449px;
    background-position: -94px 46px
}

@media only screen and (max-width: 1130px) {
    .mod-block.ent-templ-lp .mod-container .mod-tab article.mentor-cta {
        background-size:auto 349px;
        background-position: -70px 140px
    }
}

@media only screen and (max-width: 975px) {
    .mod-block.ent-templ-lp .mod-container .mod-tab article.mentor-cta {
        background-size:auto 249px;
        background-position: -50px 70px
    }
}

@media only screen and (max-width: 778px) {
    .mod-block.ent-templ-lp .mod-container .mod-tab article.mentor-cta {
        background-size:auto 200px;
        background-position: -40px 92px
    }
}

@media only screen and (max-width: 700px) {
    .mod-block.ent-templ-lp .mod-container .mod-tab article.mentor-cta {
        background-size:auto 300px;
        background-position: center 110%
    }
}

@media only screen and (max-width: 700px) {
    .mod-block.ent-templ-lp .mod-container .mod-tab article.mentor-cta section {
        padding-bottom:320px
    }
}

.mod-block.ent-templ-lp .mod-container .mod-tab article.mentor-cta section aside {
    padding-left: 480px
}

@media only screen and (max-width: 975px) {
    .mod-block.ent-templ-lp .mod-container .mod-tab article.mentor-cta section aside {
        padding-left:320px
    }
}

@media only screen and (max-width: 778px) {
    .mod-block.ent-templ-lp .mod-container .mod-tab article.mentor-cta section aside {
        padding-left:300px
    }
}

@media only screen and (max-width: 700px) {
    .mod-block.ent-templ-lp .mod-container .mod-tab article.mentor-cta section aside {
        padding-left:0
    }
}

.mod-block.ent-templ-lp .mod-container .mod-tab article.mentor-cta section h2 {
    color: #ffffff;
    font: 40px/48px DNLTL;
    letter-spacing: 1px;
    margin-bottom: 32px;
    text-align: left;
    max-width: 450px
}

@media only screen and (max-width: 975px) {
    .mod-block.ent-templ-lp .mod-container .mod-tab article.mentor-cta section h2 {
        font-size:30px;
        line-height: 30px;
        margin-bottom: 20px
    }
}

@media only screen and (max-width: 700px) {
    .mod-block.ent-templ-lp .mod-container .mod-tab article.mentor-cta section h2 {
        text-align:center;
        max-width: 500px;
        margin: 0 auto 60px auto
    }
}

.mod-block.ent-templ-lp .mod-container .mod-tab article.mentor-cta section .buttons a.cta {
    padding: 18px 0;
    width: 194px
}

@media only screen and (max-width: 975px) {
    .mod-block.ent-templ-lp .mod-container .mod-tab article.mentor-cta section .buttons a.cta {
        width:184px
    }
}

@media only screen and (max-width: 778px) {
    .mod-block.ent-templ-lp .mod-container .mod-tab article.mentor-cta section .buttons a.cta {
        font:14px/14px DNRM;
        padding: 16px 0;
        width: 154px
    }
}

@media only screen and (max-width: 700px) {
    .mod-block.ent-templ-lp .mod-container .mod-tab article.mentor-cta section .buttons a.cta {
        font:16px/16px DNRM;
        float: none;
        padding: 8% 0 !important;
        margin: 10px auto 0 !important;
        width: auto !important;
        max-width: 250px
    }
}

.mod-block.ent-templ-lp .mod-container .mod-tab article.mentor-cta section .buttons :nth-child(1) {
    margin-right: 45px
}

@media only screen and (max-width: 975px) {
    .mod-block.ent-templ-lp .mod-container .mod-tab article.mentor-cta section .buttons :nth-child(1) {
        margin-right:20px
    }
}

@media only screen and (max-width: 778px) {
    .mod-block.ent-templ-lp .mod-container .mod-tab article.mentor-cta section .buttons :nth-child(1) {
        margin-right:15px
    }
}

.mod-block.ent-templ-lp .mod-container .mod-tab article.mentor-cta .cta {
    display: block;
    position: relative;
    float: left;
    padding: 11px 15px 7px;
    margin-top: 0;
    font: 16px/16px DNRM;
    text-align: center;
    text-transform: uppercase;
    color: #666;
    z-index: 100;
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px
}

@media only screen and (max-width: 778px) {
    .mod-block.ent-templ-lp .mod-container .mod-tab article.mentor-cta .cta {
        padding:24px 45px 20px
    }
}

.mod-block.ent-templ-lp .mod-container .mod-tab article.mentor-cta .cta:hover {
    color: #fff;
    background: #666;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear
}

.mod-block.ent-templ-lp .mod-container .mod-tab article.mentor-cta .cta.btn-plain {
    padding: 0;
    color: #005CA1;
    background: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none
}

.mod-block.ent-templ-lp .mod-container .mod-tab article.mentor-cta .cta.btn-plain:hover {
    color: #fff;
    background: #666
}

.mod-block.ent-templ-lp .mod-container .mod-tab article.mentor-cta .cta.btn-white {
    color: #666;
    background: #fff
}

.mod-block.ent-templ-lp .mod-container .mod-tab article.mentor-cta .cta.btn-white:hover {
    color: #fff;
    background: #bbb
}

.mod-block.ent-templ-lp .mod-container .mod-tab article.mentor-cta .cta.btn-gray {
    color: #fff;
    background: #bbb
}

.mod-block.ent-templ-lp .mod-container .mod-tab article.mentor-cta .cta.btn-gray:hover {
    color: #fff;
    background: #666
}

.mod-block.ent-templ-lp .mod-container .mod-tab article.mentor-cta .cta.btn-dark-gray {
    color: #fff;
    background: #666
}

.mod-block.ent-templ-lp .mod-container .mod-tab article.mentor-cta .cta.btn-dark-gray:hover {
    color: #fff;
    background: #333
}

.mod-block.ent-templ-lp .mod-container .mod-tab article.mentor-cta .cta.btn-orange {
    color: #fff;
    background: #FFAC1A
}

.mod-block.ent-templ-lp .mod-container .mod-tab article.mentor-cta .cta.btn-orange:hover {
    color: #fff;
    background: #E97000
}

.mod-block.ent-templ-lp .mod-container .mod-tab ul li div span {
    font-family: DNLTL;
    font-size: 22px
}

.mod-block.ent-templ-lp .mod-container .mod-tab ul li div aside h2 {
    white-space: nowrap
}

.mod-block.ent-templ-lp .mod-container .mod-tab ul.mod-resources {
    float: none;
    margin: 30px auto 0;
    width: 100%
}

.mod-block.ent-templ-lp .mod-container .mod-tab ul.mod-resources li:nth-child(1) span {
    background: transparent url("./public/assets./images/t-mobileapp/resources-1.png") center center no-repeat
}

.mod-block.ent-templ-lp .mod-container .mod-tab ul.mod-resources li:nth-child(2) span {
    background: transparent url("./public/assets./images/t-mobileapp/resources-2.png") center center no-repeat
}

.mod-block.ent-templ-lp .mod-container .mod-tab ul.mod-resources li:nth-child(3) span {
    background: transparent url("./public/assets./images/t-mobileapp/resources-3.png") center center no-repeat
}

.mod-block.ent-templ-lp .mod-container .mod-tab ul.mod-resources li:nth-child(4) span {
    background: transparent url("./public/assets./images/t-mobileapp/resources-4.png") center center no-repeat
}

.mod-block.ent-templ-lp .mod-container .mod-tab ul.mod-resources a {
    color: #000;
    float: left;
    margin: 0 20px
}

.mod-block.ent-templ-lp .mod-container .mod-tab ul.mod-resources span {
    background: #ccc;
    display: block;
    height: 200px;
    margin: 0 auto 20px;
    width: 200px;
    -webkit-border-radius: 200px;
    -moz-border-radius: 200px;
    -ms-border-radius: 200px;
    -o-border-radius: 200px;
    border-radius: 200px
}

.mod-block.ent-templ-lp .mod-container .mod-tab ul.mod-resources p,.mod-block.ent-templ-lp .mod-container .mod-tab ul.mod-resources h4,.mod-block.ent-templ-lp .mod-container .mod-tab ul.mod-resources .mobile-modal .mobile-modal-list li h5,.mobile-modal .mobile-modal-list li .mod-block.ent-templ-lp .mod-container .mod-tab ul.mod-resources h5 {
    font: 18px DNLTR;
    text-align: center
}

.mod-block.ent-templ-lp .mod-container .mod-tab ul.mod-resources p {
    color: #898989;
    font-size: 11px;
    letter-spacing: 1px;
    line-height: 1.75;
    margin: 0;
    text-transform: uppercase
}

.mod-block.ent-templ-lp ul.cust-logos {
    position: relative;
    display: block;
    text-align: center
}

.mod-block.ent-templ-lp ul.cust-logos li {
    display: inline-block;
    position: relative
}

article.pricing-ent {
    background: #f1f1f1
}

article.pricing-ent .pricing-choice-plan .compare-table-tooltip .compare-table-feature-name {
    padding-right: 0;
    color: #777
}

@media only screen and (max-width: 975px) {
    article.pricing-ent .compare-table-wrap {
        display:none
    }
}

article.pricing-ent .col-960,article.pricing-ent .wrap {
    min-width: 960px !important
}

@media only screen and (max-width: 975px) {
    article.pricing-ent .col-960,article.pricing-ent .wrap {
        min-width:0 !important
    }
}

article.pricing-ent h1 {
    margin: 0
}

article.pricing-ent .compare-table .pricing-choice-plan.starter .pricing-choice-plan-cta a,article.pricing-ent .compare-table .pricing-choice-plan.regular .pricing-choice-plan-cta a,article.pricing-ent .compare-table .pricing-choice-plan.enterprise .pricing-choice-plan-cta a {
    float: none;
    padding-bottom: 3px
}

article.pricing-ent .pricing-tooltip {
    position: relative;
    cursor: pointer
}

@media only screen and (max-width: 700px) {
    article.pricing-ent .pricing-tooltip {
        display:none
    }
}

article.pricing-ent .pricing-tooltip .tooltip-title {
    display: block;
    color: #666;
    font: 14px/1.1 DNLTR;
    text-transform: uppercase;
    text-align: center;
    clear: both
}

article.pricing-ent .pricing-tooltip .tooltip-txt {
    position: absolute;
    top: 320px;
    left: 50%;
    z-index: 99;
    width: 182px;
    margin-left: -106px;
    font: 12px/1.1 PNR;
    text-align: center;
    cursor: default;
    color: #fff;
    padding: 10px 15px;
    background: #6E9400;
    border-radius: 0 !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px
}

@media only screen and (max-width: 975px) {
    article.pricing-ent .pricing-tooltip .tooltip-txt {
        left:54.5%
    }
}

@media only screen and (max-width: 700px) {
    article.pricing-ent .pricing-tooltip .tooltip-txt {
        left:0;
        top: 888px;
        text-align: center;
        width: 98%;
        margin-left: -5%
    }
}

article.pricing-ent .pricing-tooltip .tooltip-txt a {
    text-decoration: underline;
    color: #999
}

article.pricing-ent .pricing-tooltip .tooltip-txt .pin {
    width: 0px;
    height: 0px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #fff;
    position: absolute;
    bottom: -10px;
    left: 90px;
    color: white
}

@media only screen and (max-width: 700px) {
    article.pricing-ent .pricing-tooltip .tooltip-txt .pin {
        left:46%
    }
}

article.pricing-ent .pricing-header-wrap {
    margin: 0 auto 20px;
    padding: 33px 0 27px
}

@media only screen and (max-width: 700px) {
    article.pricing-ent .pricing-header-wrap {
        margin:0 auto;
        width: 85%
    }
}

article.pricing-ent .pricing-header-title {
    margin: 0;
    font: 36px DNLTL;
    text-align: center;
    color: #434343;
    min-width: 960px
}

@media only screen and (max-width: 975px) {
    article.pricing-ent .pricing-header-title {
        min-width:0 !important
    }
}

@media only screen and (max-width: 975px) {
    article.pricing-ent .pricing-choice-wrap {
        width:100% !important
    }
}

article.pricing-ent .pricing-choice {
    float: left;
    margin: 0 0 60px 0;
    text-align: center;
    position: relative
}

@media only screen and (max-width: 700px) {
    article.pricing-ent .pricing-choice {
        width:100%
    }
}

article.pricing-ent .pricing-choice-plan {
    float: left
}

article.pricing-ent .pricing-choice-plan .better-than-free {
    display: inline-block;
    margin: 0 20px;
    clear: both
}

article.pricing-ent .pricing-choice-header-title {
    max-width: 320px;
    margin: 0 auto;
    font: 38px DNLTL;
    color: #434343
}

article.pricing-ent .currency {
    position: relative;
    display: inline-block;
    float: right;
    width: 100%;
    font: 13px/1 PNR;
    text-transform: uppercase;
    color: #bbb;
    padding: 24px 0px 0
}

article.pricing-ent .pricing-choice-plan-overview {
    overflow: hidden;
    min-height: 248px;
    padding: 25px 0 0;
    border-radius: 7px 7px 0 0
}

article.pricing-ent .pricing-choice-plan-overview .pricing-choice-plan-title,article.pricing-ent .pricing-choice-plan-overview .pricing-choice-plan-subtitle {
    padding: 0 35px
}

article.pricing-ent .pricing-choice-plan-overview .pricing-choice-plan-cta {
    padding: 0 20px
}

article.pricing-ent .pricing-choice-plan-overview .pricing-choice-plan-billing {
    padding: 0
}

@media only screen and (max-width: 975px) {
    article.pricing-ent .pricing-choice-plan-overview .pricing-choice-plan-billing {
        padding:5px 0 20px;
        margin: 0
    }
}

article.pricing-ent .pricing-choice-plan-overview .pricing-choice-plan-billing strong {
    margin: 0 3px 0 0
}

article.pricing-ent .pricing-choice-plan-title {
    margin: 0 0 30px 0;
    font: 20px/1 DNLTM;
    text-transform: uppercase
}

article.pricing-ent .pricing-choice-plan-title .promo {
    color: #ffd12a;
    cursor: pointer
}

@media only screen and (max-width: 700px) {
    article.pricing-ent .pricing-choice-plan-title {
        font-size:25px
    }
}

article.pricing-ent .pricing-choice-plan-subtitle {
    height: 55px;
    font: 13px DNLTLI;
    color: #434343
}

@media only screen and (max-width: 975px) {
    article.pricing-ent .pricing-choice-plan-subtitle {
        font-size:14px;
        margin: 0
    }
}

@media only screen and (max-width: 700px) {
    article.pricing-ent .pricing-choice-plan-subtitle {
        font-size:15px
    }
}

article.pricing-ent .pricing-choice-plan-subtitle a {
    color: #434343;
    border-bottom: 1px solid #e2e2e2
}

article.pricing-ent .pricing-choice-plan-price {
    height: 55px;
    font: 60px/1 DNLTL;
    letter-spacing: -0.05em;
    overflow: hidden
}

@media only screen and (max-width: 975px) {
    article.pricing-ent .pricing-choice-plan-price {
        font-size:60px;
        height: 60px;
        margin-top: 5px
    }
}

article.pricing-ent .pricing-choice-plan-billing {
    position: relative;
    width: 100%;
    height: 86px;
    margin: 7px 0 0;
    font: 13px/1.3 PNR;
    color: #888;
    overflow: hidden
}

article.pricing-ent .agent {
    display: block;
    margin: 0px auto 15px;
    font: 13px/1 DNLTM;
    color: #888
}

article.pricing-ent .pricing-choice-plan-buy a {
    width: 50px;
    margin: 0 auto;
    font-size: 16px;
    text-transform: uppercase;
    float: left
}

article.pricing-ent .trial-details {
    font: 12px/1.1 PNR;
    text-align: center;
    cursor: default;
    color: #fff;
    padding: 10px 15px;
    background: #6E9400
}

article.pricing-ent .pricing-choice-plan-details {
    clear: both
}

article.pricing-ent .pricing-choice-plan-details-item {
    margin-bottom: 2px;
    padding: 14px 10px 14px;
    font-size: 13px;
    background-color: transparent;
    background-color: rgba(0,0,0,0.03);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dcdcdc',endColorstr='#dcdcdc');
    zoom:1;text-align: left
}

@media only screen and (max-width: 700px) {
    article.pricing-ent .pricing-choice-plan-details-item {
        font-size:15px
    }
}

article.pricing-ent .pricing-choice-plan-details-item:last-child:hover:after {
    font-family: entypo;
    content: '\e873';
    font-size: 17px;
    margin-right: -5px;
    color: #a6a6a6;
    float: right
}

article.pricing-ent .pricing-choice-plan-details-item:last-child:hover:after:active {
    color: #d3d3d3
}

article.pricing-ent .pricing-choice-plan-details-item.js-compare {
    cursor: pointer;
    color: rgba(0,92,161,0.7)
}

article.pricing-ent .pricing-choice-plan-details-item .contact-us {
    color: rgba(0,92,161,0.7) !important
}

article.pricing-ent .pricing-choice-plan-cta {
    display: inline-block;
    width: auto;
    margin: 0 auto 15px
}

article.pricing-ent .pricing-choice-plan-cta a,article.pricing-ent .pricing-choice-plan-call {
    float: left;
    padding: 4px 10px 4px 11px;
    width: 39px;
    text-transform: uppercase;
    font-family: DNLTM;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px
}

article.pricing-ent .pricing-choice-plan-call {
    color: white
}

article.pricing-ent .pricing-choice-plan-try a {
    margin-right: 7px;
    color: white;
    background: #ffa100
}

article.pricing-ent .pricing-choice-plan-try a:hover {
    background: #ffb029;
    -webkit-text-shadow: 0 1px 1px #eb9400;
    -moz-text-shadow: 0 1px 1px #eb9400;
    -ms-text-shadow: 0 1px 1px #eb9400;
    -o-text-shadow: 0 1px 1px #eb9400;
    text-shadow: 0 1px 1px #eb9400
}

article.pricing-ent .pricing-choice-green .pricing-choice-plan-try a:hover {
    background: #ffb029;
    -webkit-text-shadow: 0 1px 1px #eb9400;
    -moz-text-shadow: 0 1px 1px #eb9400;
    -ms-text-shadow: 0 1px 1px #eb9400;
    -o-text-shadow: 0 1px 1px #eb9400;
    text-shadow: 0 1px 1px #eb9400
}

@media only screen and (max-width: 975px) {
    article.pricing-ent .pricing-choice {
        padding:0 0 0 20px
    }
}

@media only screen and (max-width: 700px) {
    article.pricing-ent .pricing-choice {
        padding:0
    }
}

article.pricing-ent .pricing-choice .pricing-choice-plan-overview {
    background: white
}

article.pricing-ent .pricing-choice .pricing-choice-plan-title {
    color: #78a300
}

article.pricing-ent .pricing-choice .pricing-choice-plan-price {
    color: #78a300
}

@media only screen and (max-width: 975px) {
    article.pricing-ent .pricing-choice .pricing-choice-plan-billing {
        color:#434343;
        font-size: 14px;
        height: auto;
        margin: 0 auto;
        padding: 10px 0;
        width: 90%
    }
}

@media only screen and (max-width: 700px) {
    article.pricing-ent .pricing-choice .pricing-choice-plan-billing {
        font-size:16px
    }
}

article.pricing-ent .pricing-choice .pricing-choice-plan-buy a {
    background: #ececec;
    color: gray
}

article.pricing-ent .pricing-choice .pricing-choice-plan-buy a:hover {
    background: #f4f4f4;
    color: #676767;
    -webkit-text-shadow: 1px 1px 1px #fff;
    -moz-text-shadow: 1px 1px 1px #fff;
    -ms-text-shadow: 1px 1px 1px #fff;
    -o-text-shadow: 1px 1px 1px #fff;
    text-shadow: 1px 1px 1px #fff
}

article.pricing-ent .pricing-choice .pricing-choice-plan {
    width: 177px;
    margin-right: 10px
}

@media only screen and (max-width: 975px) {
    article.pricing-ent .pricing-choice .pricing-choice-plan {
        margin-right:1px;
        width: 23%;
        margin-left: 1%;
        width: 200px;
        margin: 0 20px 0 0
    }
}

@media only screen and (max-width: 700px) {
    article.pricing-ent .pricing-choice .pricing-choice-plan {
        float:none;
        margin: 0 auto 30px;
        width: 90%
    }
}

article.pricing-ent .pricing-choice .pricing-choice-plan.plus {
    width: 212px
}

@media only screen and (max-width: 700px) {
    article.pricing-ent .pricing-choice .pricing-choice-plan.plus {
        width:90%
    }

    article.pricing-ent .pricing-choice .pricing-choice-plan.plus .pricing-choice-plan-title {
        width: 100% !important;
        padding: 0 0 0 12px !important
    }
}

article.pricing-ent .pricing-choice .pricing-choice-plan.plus .pricing-choice-plan-overview {
    background: #78a300
}

article.pricing-ent .pricing-choice .pricing-choice-plan.plus .pricing-choice-plan-price {
    position: relative;
    color: #fff
}

article.pricing-ent .pricing-choice .pricing-choice-plan.plus .pricing-choice-plan-billing {
    color: white;
    position: relative
}

article.pricing-ent .pricing-choice .pricing-choice-plan.plus .pricing-choice-plan-cta {
    width: 127px
}

@media only screen and (max-width: 975px) {
    article.pricing-ent .pricing-choice .pricing-choice-plan.plus .pricing-choice-plan-cta {
        padding:0 0 0 12%;
        width: 155px
    }
}

@media only screen and (max-width: 700px) {
    article.pricing-ent .pricing-choice .pricing-choice-plan.plus .pricing-choice-plan-cta {
        padding:0;
        width: 140px
    }
}

article.pricing-ent .pricing-choice .pricing-choice-plan.plus .agent {
    color: #fff
}

article.pricing-ent .pricing-choice .pricing-choice-plan.plus .plus-video-padding {
    padding: 7px 10px 3px;
    clear: both;
    overflow: hidden
}

article.pricing-ent .pricing-choice .pricing-choice-plan.plus .plus-video-dimension {
    display: inline-block;
    float: left;
    width: 35px;
    height: 40px;
    margin-left: 0px;
    background-image: url("./public/assets./images/p-pricing/DavePlus.png");
    background-size: 100%;
    background-repeat: no-repeat
}

article.pricing-ent .pricing-choice .pricing-choice-plan.plus .wistia-popover {
    height: 100px !important
}

article.pricing-ent .pricing-choice .pricing-choice-plan.plus .plus-video-title {
    float: left;
    color: #666;
    margin-left: 6%;
    padding-top: 10px
}

article.pricing-ent .pricing-choice .pricing-choice-plan.plus .pricing-choice-plan-title {
    width: 162px;
    margin: 0 0 30px -4px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px
}

@media only screen and (max-width: 975px) {
    article.pricing-ent .pricing-choice .pricing-choice-plan.plus .pricing-choice-plan-title {
        padding:0 0 0 48px;
        width: 70%
    }
}

@media only screen and (max-width: 700px) {
    article.pricing-ent .pricing-choice .pricing-choice-plan.plus .pricing-choice-plan-title {
        padding-left:90px;
        width: 50%
    }
}

article.pricing-ent .pricing-choice .pricing-choice-plan.plus .pricing-choice-plan-subtitle {
    height: 55px;
    color: white
}

article.pricing-ent .pricing-choice .pricing-choice-plan.plus .pricing-choice-plan-buy a {
    background: #588500;
    color: white
}

article.pricing-ent .pricing-choice .pricing-choice-plan.plus .pricing-choice-plan-buy a:hover {
    background: #629400;
    -webkit-text-shadow: 1px 1px 0 #558000;
    -moz-text-shadow: 1px 1px 0 #558000;
    -ms-text-shadow: 1px 1px 0 #558000;
    -o-text-shadow: 1px 1px 0 #558000;
    text-shadow: 1px 1px 0 #558000
}

@media only screen and (max-width: 975px) {
    article.pricing-ent .pricing-choice .pricing-choice-plan.enterprise {
        margin-left:1%
    }
}

@media only screen and (max-width: 700px) {
    article.pricing-ent .pricing-choice .pricing-choice-plan.enterprise {
        padding:0;
        margin: 0 auto 30px;
        width: 90%;
        float: none
    }
}

article.pricing-ent .pricing-choice .pricing-choice-plan.elite {
    margin-right: 0
}

@media only screen and (max-width: 700px) {
    article.pricing-ent .pricing-choice .pricing-choice-plan.elite {
        margin:0 auto 30px
    }
}

article.pricing-ent .pricing-choice .pricing-choice-plan.elite .pricing-choice-plan-title {
    margin: 0 0 10px 0
}

article.pricing-ent .pricing-choice .pricing-choice-plan.elite .pricing-choice-plan-subtitle {
    height: 29px
}

article.pricing-ent .pricing-choice .call {
    display: block;
    border-radius: 20px;
    padding: 5px 10px 5px 12px;
    background: #fff;
    width: 60px;
    color: #979797;
    margin: 15px auto 0;
    font-family: DNLTM;
    letter-spacing: 1px
}

article.pricing-ent .faq {
    clear: both;
    margin: 50px auto 0;
    padding-top: 50px;
    border-top: 1px solid #d3d3d3
}

article.pricing-ent .faq .q-a {
    position: relative;
    float: left;
    padding: 30px 0 0 30px;
    margin: 0 0 40px 0;
    clear: both
}

article.pricing-ent .faq .qa-list {
    float: left;
    width: 32%;
    margin: 0 2% 0 0;
    padding: 0
}

@media only screen and (max-width: 700px) {
    article.pricing-ent .faq .qa-list {
        margin:0;
        width: 100%
    }
}

article.pricing-ent .faq .qa-list:last-child {
    margin-right: 0
}

article.pricing-ent .faq .qa-list li {
    list-style: none;
    padding: 0 0 23px 0;
    width: 100%
}

article.pricing-ent .faq .qa-list li.starter-plan,article.pricing-ent .faq .qa-list li.inbox-faq {
    display: none
}

article.pricing-ent .faq .qa-list li h2 {
    color: #78a300;
    font: 18px/1 DNLTM
}

article.pricing-ent .faq .qa-list li h3 {
    margin-bottom: 10px;
    font: 15px/1.2 DNLTM;
    color: #444;
    text-transform: uppercase
}

article.pricing-ent .faq .qa-list li p {
    margin: 0 0 18px 0;
    font: 15px PNR;
    color: #5d5d5d;
    line-height: 1.3
}

article.pricing-ent .customers {
    clear: both;
    overflow: hidden;
    margin-bottom: 50px
}

article.pricing-ent .customers .customers-title {
    font: 19px DNRB;
    text-transform: uppercase;
    letter-spacing: .1em
}

article.pricing-ent .customers .customers-logo {
    display: block;
    width: 90%;
    height: 90px;
    margin: 20px 0;
    background: url("./public/assets./images/p-pricing/trial-customers.png") no-repeat;
    background-size: 100%
}

.compare-table-wrap {
    overflow: hidden;
    clear: both;
    margin-bottom: -62px;
    min-width: 960px;
    padding: 50px 0;
    background: #e9e9e9
}

article.pricing .compare-table,article.pricing-ent .compare-table,article.pricing-ent-simp .compare-table {
    min-width: 960px !important;
    margin-bottom: 100px
}

article.pricing .compare-table .pricing-choice-plan-title,article.pricing .compare-table .pricing-choice-plan-subtitle,article.pricing .compare-table .pricing-choice-plan-billing,article.pricing .compare-table .pricing-choice-plan-cta,article.pricing-ent .compare-table .pricing-choice-plan-title,article.pricing-ent .compare-table .pricing-choice-plan-subtitle,article.pricing-ent .compare-table .pricing-choice-plan-billing,article.pricing-ent .compare-table .pricing-choice-plan-cta,article.pricing-ent-simp .compare-table .pricing-choice-plan-title,article.pricing-ent-simp .compare-table .pricing-choice-plan-subtitle,article.pricing-ent-simp .compare-table .pricing-choice-plan-billing,article.pricing-ent-simp .compare-table .pricing-choice-plan-cta {
    padding: 0 !important
}

article.pricing .compare-table .pricing-choice-plan,article.pricing .compare-table .pricing-choice,article.pricing .compare-table .pricing-choice-plan-overview,article.pricing-ent .compare-table .pricing-choice-plan,article.pricing-ent .compare-table .pricing-choice,article.pricing-ent .compare-table .pricing-choice-plan-overview,article.pricing-ent-simp .compare-table .pricing-choice-plan,article.pricing-ent-simp .compare-table .pricing-choice,article.pricing-ent-simp .compare-table .pricing-choice-plan-overview {
    width: 160px !important;
    float: none;
    margin: 0
}

article.pricing .compare-table .pricing-choice-white,article.pricing-ent .compare-table .pricing-choice-white,article.pricing-ent-simp .compare-table .pricing-choice-white {
    background: white
}

article.pricing .compare-table .pricing-choice-green,article.pricing-ent .compare-table .pricing-choice-green,article.pricing-ent-simp .compare-table .pricing-choice-green {
    background: #78a300
}

article.pricing .compare-table .pricing-choice-green .pricing-choice-plan-overview,article.pricing-ent .compare-table .pricing-choice-green .pricing-choice-plan-overview,article.pricing-ent-simp .compare-table .pricing-choice-green .pricing-choice-plan-overview {
    float: none
}

article.pricing .compare-table .pricing-choice-plan-overview,article.pricing-ent .compare-table .pricing-choice-plan-overview,article.pricing-ent-simp .compare-table .pricing-choice-plan-overview {
    min-height: 98px;
    padding: 20px 0 0
}

article.pricing .compare-table .pricing-choice-plan-title,article.pricing-ent .compare-table .pricing-choice-plan-title,article.pricing-ent-simp .compare-table .pricing-choice-plan-title {
    color: #78a300;
    margin: 5px 0 30px
}

article.pricing .compare-table .pricing-choice-plan-cta,article.pricing-ent .compare-table .pricing-choice-plan-cta,article.pricing-ent-simp .compare-table .pricing-choice-plan-cta {
    width: 103px
}

article.pricing .compare-table .pricing-choice-plan-cta .pricing-choice-plan-buy a,article.pricing-ent .compare-table .pricing-choice-plan-cta .pricing-choice-plan-buy a,article.pricing-ent-simp .compare-table .pricing-choice-plan-cta .pricing-choice-plan-buy a {
    background: #ececec;
    color: gray
}

article.pricing .compare-table .pricing-choice-plan-cta .pricing-choice-plan-buy a:hover,article.pricing-ent .compare-table .pricing-choice-plan-cta .pricing-choice-plan-buy a:hover,article.pricing-ent-simp .compare-table .pricing-choice-plan-cta .pricing-choice-plan-buy a:hover {
    background: #f4f4f4;
    color: #676767;
    -webkit-text-shadow: 1px 1px 1px #fff;
    -moz-text-shadow: 1px 1px 1px #fff;
    -ms-text-shadow: 1px 1px 1px #fff;
    -o-text-shadow: 1px 1px 1px #fff;
    text-shadow: 1px 1px 1px #fff
}

article.pricing .compare-table .pricing-choice-plan-cta a,article.pricing-ent .compare-table .pricing-choice-plan-cta a,article.pricing-ent-simp .compare-table .pricing-choice-plan-cta a {
    width: 28px;
    padding: 4px 10px 1px;
    font: 13px DNLTM
}

article.pricing .compare-table .compare-table-key td,article.pricing-ent .compare-table .compare-table-key td,article.pricing-ent-simp .compare-table .compare-table-key td {
    padding: 0;
    background: #fff
}

article.pricing .compare-table .compare-table-key td .plus,article.pricing-ent .compare-table .compare-table-key td .plus,article.pricing-ent-simp .compare-table .compare-table-key td .plus {
    background: #78a300;
    float: none !important
}

article.pricing .compare-table .compare-table-key td .plus .pricing-choice-plan-title,article.pricing-ent .compare-table .compare-table-key td .plus .pricing-choice-plan-title,article.pricing-ent-simp .compare-table .compare-table-key td .plus .pricing-choice-plan-title {
    color: #fff
}

article.pricing .compare-table .compare-table-key .pricing-choice-green .pricing-choice-plan.plus,article.pricing .compare-table .compare-table-key .pricing-choice-green .pricing-choice-plan.enterprise,article.pricing-ent .compare-table .compare-table-key .pricing-choice-green .pricing-choice-plan.plus,article.pricing-ent .compare-table .compare-table-key .pricing-choice-green .pricing-choice-plan.enterprise,article.pricing-ent-simp .compare-table .compare-table-key .pricing-choice-green .pricing-choice-plan.plus,article.pricing-ent-simp .compare-table .compare-table-key .pricing-choice-green .pricing-choice-plan.enterprise {
    width: 100%
}

article.pricing .compare-table .compare-table-key .pricing-choice-plan-price span:first-child,article.pricing-ent .compare-table .compare-table-key .pricing-choice-plan-price span:first-child,article.pricing-ent-simp .compare-table .compare-table-key .pricing-choice-plan-price span:first-child {
    display: none
}

article.pricing .compare-table .pricing-choice-plan-price,article.pricing-ent .compare-table .pricing-choice-plan-price,article.pricing-ent-simp .compare-table .pricing-choice-plan-price {
    font-size: 3em;
    height: 48px
}

article.pricing .compare-table .pricing-choice-plan-billing,article.pricing-ent .compare-table .pricing-choice-plan-billing,article.pricing-ent-simp .compare-table .pricing-choice-plan-billing {
    font-size: .8em;
    margin-bottom: 10px
}

article.pricing .compare-table .pricing-choice-plan-cta a,article.pricing-ent .compare-table .pricing-choice-plan-cta a,article.pricing-ent-simp .compare-table .pricing-choice-plan-cta a {
    font-size: .9em
}

article.pricing .compare-table tr,article.pricing-ent .compare-table tr,article.pricing-ent-simp .compare-table tr {
    border-bottom: 1px solid #e3e3e3
}

article.pricing .compare-table tr:not(:first-child):hover td:first-child,article.pricing-ent .compare-table tr:not(:first-child):hover td:first-child,article.pricing-ent-simp .compare-table tr:not(:first-child):hover td:first-child {
    background: none
}

article.pricing .compare-table tr:not(:first-child):hover td,article.pricing-ent .compare-table tr:not(:first-child):hover td,article.pricing-ent-simp .compare-table tr:not(:first-child):hover td {
    background: rgba(255,255,0,0.11)
}

article.pricing .compare-table tr.compare-table-header:hover td:first-child,article.pricing-ent .compare-table tr.compare-table-header:hover td:first-child,article.pricing-ent-simp .compare-table tr.compare-table-header:hover td:first-child {
    background: none;
    border-right: none
}

article.pricing .compare-table tr.compare-table-header:hover td,article.pricing-ent .compare-table tr.compare-table-header:hover td,article.pricing-ent-simp .compare-table tr.compare-table-header:hover td {
    background: #f3f3f3
}

article.pricing .compare-table td,article.pricing-ent .compare-table td,article.pricing-ent-simp .compare-table td {
    border-right: 10px solid #E9E9E9;
    background: #f3f3f3;
    padding: 10px;
    text-align: center;
    width: 140px
}

article.pricing .compare-table td.col1,article.pricing-ent .compare-table td.col1,article.pricing-ent-simp .compare-table td.col1 {
    width: auto;
    text-align: left;
    background: none;
    border-right: none;
    padding-left: 0
}

article.pricing .compare-table .compare-table-header .col1,article.pricing-ent .compare-table .compare-table-header .col1,article.pricing-ent-simp .compare-table .compare-table-header .col1 {
    padding-top: 25px;
    padding-bottom: 5px;
    padding-left: 0;
    font: 14px DNRB;
    color: black
}

article.pricing .compare-table .compare-table-feature-name,article.pricing-ent .compare-table .compare-table-feature-name,article.pricing-ent-simp .compare-table .compare-table-feature-name {
    padding-left: 10px;
    font-size: 14px
}

article.pricing .starter .pricing-choice-plan-details-item:last-child:hover:after,article.pricing .plus .pricing-choice-plan-details-item:last-child:hover:after,article.pricing .enterprise .pricing-choice-plan-details-item:last-child:hover:after {
    color: transparent
}

li.pricing-choice-plan-details-item .compare-table-tooltip:hover .compare-table-tooltip-txt {
    left: -38px
}

.compare-table-tooltip {
    cursor: pointer
}

.compare-table-tooltip .compare-table-feature-name {
    padding: 20px 30px 0 0
}

.compare-table-tooltip .compare-table-tooltip-txt {
    position: absolute;
    margin-left: -999em;
    color: #484848;
    background-color: #fff;
    font-size: 16px;
    line-height: 1.3;
    text-align: left;
    padding: 20px 30px;
    font-family: DNLTR
}

@media only screen and (max-width: 975px) {
    .compare-table-tooltip .compare-table-tooltip-txt {
        display:none
    }
}

.compare-table-tooltip .compare-table-tooltip-txt .pin {
    width: 0px;
    height: 0px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #fff;
    position: absolute;
    bottom: -10px;
    color: white
}

.compare-table-tooltip:hover {
    position: relative
}

.compare-table-tooltip:hover .compare-table-tooltip-txt {
    position: absolute;
    bottom: 32px;
    left: 0px;
    z-index: 99;
    width: 200px;
    margin-left: 0;
    cursor: default;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 4px 11px #d1d1d1;
    -moz-box-shadow: 0px 4px 11px #d1d1d1;
    -ms-box-shadow: 0px 4px 11px #d1d1d1;
    -o-box-shadow: 0px 4px 11px #d1d1d1;
    box-shadow: 0px 4px 11px #d1d1d1
}

.compare-table-tooltip:before,.compare-table-tooltip.ico-iphone:after {
    margin-right: 5px;
    font: 8px entypo;
    content: '\e89a';
    color: #d3d3d3
}

article.pricing-ent .compare-table .js-compare-table-stick {
    height: 58px !important
}

article.pricing-ent .compare-table .js-compare-table-stick .pricing-choice-plan-cta {
    margin: 20px auto 20px
}

article.pricing-ent .compare-table .js-compare-table-stick .pricing-choice-plan-title {
    margin: -1px 0 10px 0
}

article.pricing-ent .compare-table .js-compare-table-stick .pricing-choice-plan-title.plus {
    margin: 2px 0 10px 0
}

article.pricing-ent .compare-table .pricing-choice-plan.plus .pricing-choice-plan-overview {
    margin-bottom: 0 !important;
    background: #78a300
}

article.pricing-ent .compare-table .pricing-choice-plan.plus .pricing-choice-plan-title {
    margin: 0
}

article.pricing-ent .compare-table .pricing-choice-plan.plus .pricing-choice-plan-cta {
    width: 105px
}

article.pricing-ent .compare-table .pricing-choice-plan-overview {
    min-height: 0;
    margin: 0;
    padding: 20px 0 0
}

article.pricing-ent .compare-table .pricing-choice-plan-title {
    color: #78a300;
    margin: 0;
    padding: 0
}

article.pricing-ent .compare-table .pricing-choice-plan-cta {
    display: inline-block;
    width: auto;
    margin: 10px auto 20px;
    padding: 0
}

.jump-up {
    display: none !important;
    float: right;
    margin: 30px 5px
}

article.pricing-ent-simp {
    background: #f1f1f1
}

article.pricing-ent-simp .pricing-choice-plan .compare-table-tooltip .compare-table-feature-name {
    padding-right: 0;
    color: #777
}

@media only screen and (max-width: 975px) {
    article.pricing-ent-simp .compare-table-wrap {
        display:none
    }
}

article.pricing-ent-simp .col-960,article.pricing-ent-simp .wrap {
    min-width: 960px !important
}

@media only screen and (max-width: 975px) {
    article.pricing-ent-simp .col-960,article.pricing-ent-simp .wrap {
        min-width:0 !important
    }
}

article.pricing-ent-simp h1 {
    margin: 0
}

article.pricing-ent-simp .compare-table .pricing-choice-plan.starter .pricing-choice-plan-cta a,article.pricing-ent-simp .compare-table .pricing-choice-plan.regular .pricing-choice-plan-cta a,article.pricing-ent-simp .compare-table .pricing-choice-plan.enterprise .pricing-choice-plan-cta a {
    float: none;
    padding-bottom: 3px
}

article.pricing-ent-simp .pricing-tooltip {
    position: relative;
    cursor: pointer
}

@media only screen and (max-width: 700px) {
    article.pricing-ent-simp .pricing-tooltip {
        display:none
    }
}

article.pricing-ent-simp .pricing-tooltip .tooltip-title {
    display: block;
    color: #666;
    font: 14px/1.1 DNLTR;
    text-transform: uppercase;
    text-align: center;
    clear: both
}

article.pricing-ent-simp .pricing-tooltip .tooltip-txt {
    position: absolute;
    top: 320px;
    left: 50%;
    z-index: 99;
    width: 182px;
    margin-left: -106px;
    font: 12px/1.1 PNR;
    text-align: center;
    cursor: default;
    color: #fff;
    padding: 10px 15px;
    background: #6E9400;
    border-radius: 0 !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px
}

@media only screen and (max-width: 975px) {
    article.pricing-ent-simp .pricing-tooltip .tooltip-txt {
        left:54.5%
    }
}

@media only screen and (max-width: 700px) {
    article.pricing-ent-simp .pricing-tooltip .tooltip-txt {
        left:0;
        top: 888px;
        text-align: center;
        width: 98%;
        margin-left: -5%
    }
}

article.pricing-ent-simp .pricing-tooltip .tooltip-txt a {
    text-decoration: underline;
    color: #999
}

article.pricing-ent-simp .pricing-tooltip .tooltip-txt .pin {
    width: 0px;
    height: 0px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #fff;
    position: absolute;
    bottom: -10px;
    left: 90px;
    color: white
}

@media only screen and (max-width: 700px) {
    article.pricing-ent-simp .pricing-tooltip .tooltip-txt .pin {
        left:46%
    }
}

article.pricing-ent-simp .pricing-header-wrap {
    margin: 0 auto 20px;
    padding: 33px 0 27px
}

@media only screen and (max-width: 700px) {
    article.pricing-ent-simp .pricing-header-wrap {
        margin:0 auto;
        width: 85%
    }
}

article.pricing-ent-simp .pricing-header-title {
    margin: 0;
    font: 36px DNLTL;
    text-align: center;
    color: #434343;
    min-width: 960px
}

@media only screen and (max-width: 975px) {
    article.pricing-ent-simp .pricing-header-title {
        min-width:0 !important
    }
}

@media only screen and (max-width: 975px) {
    article.pricing-ent-simp .pricing-choice-wrap {
        width:100% !important
    }
}

article.pricing-ent-simp .pricing-choice {
    float: left;
    margin: 0 0 0px 0;
    text-align: center;
    position: relative
}

@media only screen and (max-width: 700px) {
    article.pricing-ent-simp .pricing-choice {
        width:100%
    }
}

@media only screen and (max-width: 700px) {
    article.pricing-ent-simp .old-pricing-promo {
        top:895px !important
    }
}

article.pricing-ent-simp .promo-end {
    position: absolute;
    width: 80px;
    height: 80px;
    background-color: #363636;
    top: -24px;
    left: 522px;
    border-radius: 50%;
    color: #ffffff;
    font-family: DNLTM;
    font-size: 14px;
    cursor: pointer
}

@media only screen and (max-width: 975px) {
    article.pricing-ent-simp .promo-end {
        left:606px
    }
}

@media only screen and (max-width: 700px) {
    article.pricing-ent-simp .promo-end {
        left:65%;
        top: 817px
    }
}

article.pricing-ent-simp .promo-end .end-title {
    margin-top: 16px;
    font-size: 13px;
    display: inline-block;
    text-transform: uppercase
}

article.pricing-ent-simp .promo-end span {
    color: #ffd12a
}

article.pricing-ent-simp .promo-end .end-ends {
    font-family: DNLTL;
    margin-top: -2px;
    margin-bottom: -2px
}

article.pricing-ent-simp .promo-end .end-date {
    display: inline-block;
    text-transform: uppercase;
    font-size: 13px
}

article.pricing-ent-simp .promo-end sup {
    color: #ffffff;
    font-size: 8px;
    margin-left: -2px;
    display: inline-block;
    text-transform: lowercase;
    position: relative;
    top: -5px
}

article.pricing-ent-simp .pricing-choice-plan {
    float: left
}

article.pricing-ent-simp .pricing-choice-plan .better-than-free {
    display: inline-block;
    margin: 0 20px;
    clear: both
}

article.pricing-ent-simp .pricing-choice-header-title {
    max-width: 320px;
    margin: 0 auto;
    font: 38px DNLTL;
    color: #434343
}

article.pricing-ent-simp .CTA-row {
    position: relative;
    display: block;
    left: 50%;
    margin: 0 0 0 -230px;
    padding-top: 40px;
    text-align: center;
    width: 460px;
    color: #bbb;
    clear: both
}

@media only screen and (max-width: 700px) {
    article.pricing-ent-simp .CTA-row {
        width:250px;
        left: 50%;
        margin-left: -125px
    }
}

article.pricing-ent-simp .CTA-row .float-left {
    display: block;
    float: left;
    padding: 20px;
    line-height: 1
}

@media only screen and (max-width: 975px) {
    article.pricing-ent-simp .CTA-row .float-left {
        display:none
    }
}

article.pricing-ent-simp .CTA-row .cta {
    display: block;
    position: relative;
    float: left;
    width: 195px;
    padding-top: 3.5%;
    padding-bottom: 3.5%;
    margin-top: 0;
    font: 14px/16px DNRM;
    text-align: center;
    text-transform: uppercase;
    color: #666;
    z-index: 100;
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px
}

@media only screen and (max-width: 975px) {
    article.pricing-ent-simp .CTA-row .cta {
        float:none;
        padding: 8% 0 !important;
        margin: 10px auto 0 !important;
        width: auto !important;
        max-width: 250px
    }
}

article.pricing-ent-simp .CTA-row .cta:hover {
    color: #fff;
    background: #666;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear
}

article.pricing-ent-simp .CTA-row .cta.btn-plain {
    padding: 0;
    color: #005CA1;
    background: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none
}

article.pricing-ent-simp .CTA-row .cta.btn-plain:hover {
    color: #fff;
    background: #666
}

article.pricing-ent-simp .CTA-row .cta.btn-white {
    color: #666;
    background: #fff;
    cursor: pointer
}

@media only screen and (max-width: 975px) {
    article.pricing-ent-simp .CTA-row .cta.btn-white {
        display:none
    }
}

article.pricing-ent-simp .CTA-row .cta.btn-white:hover {
    color: #fff;
    background: #bbb
}

article.pricing-ent-simp .CTA-row .cta.btn-gray {
    color: #fff;
    background: #bbb
}

article.pricing-ent-simp .CTA-row .cta.btn-gray:hover {
    color: #fff;
    background: #666
}

article.pricing-ent-simp .CTA-row .cta.btn-dark-gray {
    color: #fff;
    background: #666
}

article.pricing-ent-simp .CTA-row .cta.btn-dark-gray:hover {
    color: #fff;
    background: #333
}

article.pricing-ent-simp .CTA-row .cta.btn-orange {
    color: #fff;
    background: #FFAC1A
}

article.pricing-ent-simp .CTA-row .cta.btn-orange:hover {
    color: #fff;
    background: #E97000
}

article.pricing-ent-simp .currency {
    position: relative;
    display: inline-block;
    width: 100%;
    font: 13px/1 PNR;
    text-transform: uppercase;
    color: #bbb;
    padding: 20px 0px 0
}

article.pricing-ent-simp .faq-title {
    float: left;
    margin-top: 53px;
    color: #636363;
    letter-spacing: 1px;
    font: 17px/1 DNLTR;
    padding-bottom: 7px
}

@media only screen and (max-width: 975px) {
    article.pricing-ent-simp .faq-title {
        margin-left:4%
    }
}

article.pricing-ent-simp .pricing-choice-plan-overview {
    overflow: hidden;
    min-height: 248px;
    padding: 25px 0 0;
    border-radius: 7px 7px 0 0
}

article.pricing-ent-simp .pricing-choice-plan-overview .pricing-choice-plan-title,article.pricing-ent-simp .pricing-choice-plan-overview .pricing-choice-plan-subtitle {
    padding: 0 35px
}

article.pricing-ent-simp .pricing-choice-plan-overview .pricing-choice-plan-cta {
    padding: 0 20px
}

article.pricing-ent-simp .pricing-choice-plan-overview .pricing-choice-plan-billing {
    padding: 0
}

@media only screen and (max-width: 975px) {
    article.pricing-ent-simp .pricing-choice-plan-overview .pricing-choice-plan-billing {
        padding:5px 0 30px;
        margin: 0
    }
}

article.pricing-ent-simp .pricing-choice-plan-overview .pricing-choice-plan-billing strong {
    margin: 0 3px 0 0
}

article.pricing-ent-simp .pricing-choice-plan-title {
    margin: 0 0 30px 0;
    font: 20px/1 DNLTM;
    text-transform: uppercase
}

article.pricing-ent-simp .pricing-choice-plan-title .promo {
    color: #ffd12a;
    cursor: pointer
}

@media only screen and (max-width: 700px) {
    article.pricing-ent-simp .pricing-choice-plan-title {
        font-size:25px
    }
}

article.pricing-ent-simp .pricing-choice-plan-subtitle {
    height: 55px;
    font: 13px DNLTLI;
    color: #434343
}

@media only screen and (max-width: 975px) {
    article.pricing-ent-simp .pricing-choice-plan-subtitle {
        font-size:14px;
        margin: 0
    }
}

@media only screen and (max-width: 700px) {
    article.pricing-ent-simp .pricing-choice-plan-subtitle {
        font-size:15px
    }
}

article.pricing-ent-simp .pricing-choice-plan-subtitle a {
    color: #434343;
    border-bottom: 1px solid #e2e2e2
}

article.pricing-ent-simp .pricing-choice-plan-price {
    height: 55px;
    font: 60px/1 DNLTL;
    letter-spacing: -0.05em;
    overflow: hidden
}

@media only screen and (max-width: 975px) {
    article.pricing-ent-simp .pricing-choice-plan-price {
        font-size:60px;
        height: 60px;
        margin-top: 5px
    }
}

article.pricing-ent-simp .pricing-choice-plan-billing {
    position: relative;
    width: 100%;
    height: 86px;
    margin: 7px 0 0;
    font: 13px/1.3 PNR;
    color: #888;
    overflow: hidden
}

article.pricing-ent-simp .agent {
    display: block;
    margin: 0px auto 15px;
    font: 13px/1 DNLTM;
    color: #888
}

article.pricing-ent-simp .pricing-choice-plan-buy a {
    width: 50px;
    margin: 0 auto;
    font-size: 16px;
    text-transform: uppercase;
    float: left
}

article.pricing-ent-simp .trial-details {
    font: 12px/1.1 PNR;
    text-align: center;
    cursor: default;
    color: #fff;
    padding: 10px 15px;
    background: #6E9400
}

article.pricing-ent-simp .pricing-choice-plan-details {
    clear: both
}

article.pricing-ent-simp .pricing-choice-plan-details-item {
    padding: 10px 14px 2px;
    font-size: 13px;
    text-align: left;
    background-color: transparent;
    background-color: rgba(0,0,0,0.03);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dcdcdc',endColorstr='#dcdcdc');
    zoom:1}

article.pricing-ent-simp .pricing-choice-plan-details-item:first-child {
    padding: 16px 14px 2px
}

article.pricing-ent-simp .pricing-choice-plan-details-item:last-child {
    padding: 10px 14px 19px
}

@media only screen and (max-width: 700px) {
    article.pricing-ent-simp .pricing-choice-plan-details-item:last-child:hover:after {
        display:none
    }
}

@media only screen and (max-width: 700px) {
    article.pricing-ent-simp .pricing-choice-plan-details-item {
        font-size:15px
    }
}

article.pricing-ent-simp .pricing-choice-plan-details-item.js-compare {
    cursor: pointer;
    color: rgba(0,92,161,0.7)
}

article.pricing-ent-simp .pricing-choice-plan-details-item .contact-us {
    color: rgba(0,92,161,0.7) !important
}

article.pricing-ent-simp .pricing-choice-plan-cta {
    display: inline-block;
    width: auto;
    margin: 0 auto 15px
}

article.pricing-ent-simp .pricing-choice-plan-cta a,article.pricing-ent-simp .pricing-choice-plan-call {
    float: left;
    padding: 4px 10px 4px 11px;
    width: 39px;
    text-transform: uppercase;
    font-family: DNLTM;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px
}

article.pricing-ent-simp .pricing-choice-plan-call {
    color: white
}

article.pricing-ent-simp .pricing-choice-plan-try a {
    margin-right: 7px;
    color: white;
    background: #ffa100
}

article.pricing-ent-simp .pricing-choice-plan-try a:hover {
    background: #ffb029;
    -webkit-text-shadow: 0 1px 1px #eb9400;
    -moz-text-shadow: 0 1px 1px #eb9400;
    -ms-text-shadow: 0 1px 1px #eb9400;
    -o-text-shadow: 0 1px 1px #eb9400;
    text-shadow: 0 1px 1px #eb9400
}

article.pricing-ent-simp .pricing-choice-green .pricing-choice-plan-try a:hover {
    background: #ffb029;
    -webkit-text-shadow: 0 1px 1px #eb9400;
    -moz-text-shadow: 0 1px 1px #eb9400;
    -ms-text-shadow: 0 1px 1px #eb9400;
    -o-text-shadow: 0 1px 1px #eb9400;
    text-shadow: 0 1px 1px #eb9400
}

@media only screen and (max-width: 975px) {
    article.pricing-ent-simp .pricing-choice {
        padding:0 0 0 20px
    }
}

@media only screen and (max-width: 700px) {
    article.pricing-ent-simp .pricing-choice {
        padding:0
    }
}

article.pricing-ent-simp .pricing-choice .pricing-choice-plan-overview {
    background: white
}

article.pricing-ent-simp .pricing-choice .pricing-choice-plan-title {
    color: #78a300
}

article.pricing-ent-simp .pricing-choice .pricing-choice-plan-price {
    color: #78a300
}

@media only screen and (max-width: 975px) {
    article.pricing-ent-simp .pricing-choice .pricing-choice-plan-billing {
        color:#434343;
        font-size: 14px;
        height: auto;
        margin: 0 auto;
        padding: 10px 0;
        width: 90%
    }
}

@media only screen and (max-width: 700px) {
    article.pricing-ent-simp .pricing-choice .pricing-choice-plan-billing {
        font-size:16px
    }
}

article.pricing-ent-simp .pricing-choice .pricing-choice-plan-buy a {
    background: #ececec;
    color: gray
}

article.pricing-ent-simp .pricing-choice .pricing-choice-plan-buy a:hover {
    background: #f4f4f4;
    color: #676767;
    -webkit-text-shadow: 1px 1px 1px #fff;
    -moz-text-shadow: 1px 1px 1px #fff;
    -ms-text-shadow: 1px 1px 1px #fff;
    -o-text-shadow: 1px 1px 1px #fff;
    text-shadow: 1px 1px 1px #fff
}

article.pricing-ent-simp .pricing-choice .pricing-choice-plan {
    width: 177px;
    margin-right: 13px
}

@media only screen and (max-width: 975px) {
    article.pricing-ent-simp .pricing-choice .pricing-choice-plan {
        margin-right:1px;
        width: 23%;
        margin-left: 1%;
        width: 200px;
        margin: 0 20px 0 0
    }
}

@media only screen and (max-width: 700px) {
    article.pricing-ent-simp .pricing-choice .pricing-choice-plan {
        float:none;
        margin: 0 auto 30px;
        width: 90%
    }
}

article.pricing-ent-simp .pricing-choice .pricing-choice-plan.plus {
    width: 200px
}

@media only screen and (max-width: 700px) {
    article.pricing-ent-simp .pricing-choice .pricing-choice-plan.plus {
        width:90%
    }

    article.pricing-ent-simp .pricing-choice .pricing-choice-plan.plus .pricing-choice-plan-price-slash,article.pricing-ent-simp .pricing-choice .pricing-choice-plan.plus .billing-old,article.pricing-ent-simp .pricing-choice .pricing-choice-plan.plus .billing-slashed,article.pricing-ent-simp .pricing-choice .pricing-choice-plan.plus .billing-slash {
        display: none
    }

    article.pricing-ent-simp .pricing-choice .pricing-choice-plan.plus .pricing-choice-plan-price-slashed {
        margin-right: 3px !important;
        text-align: center;
        width: 110%
    }

    article.pricing-ent-simp .pricing-choice .pricing-choice-plan.plus .pricing-choice-plan-title {
        width: 100% !important;
        padding: 0 0 0 12px !important
    }
}

article.pricing-ent-simp .pricing-choice .pricing-choice-plan.plus .pricing-choice-plan-overview {
    background: #78a300
}

article.pricing-ent-simp .pricing-choice .pricing-choice-plan.plus .pricing-choice-plan-price {
    position: relative;
    color: #fff
}

article.pricing-ent-simp .pricing-choice .pricing-choice-plan.plus .pricing-choice-plan-billing {
    color: white;
    position: relative
}

article.pricing-ent-simp .pricing-choice .pricing-choice-plan.plus .pricing-choice-plan-cta {
    width: 127px
}

@media only screen and (max-width: 975px) {
    article.pricing-ent-simp .pricing-choice .pricing-choice-plan.plus .pricing-choice-plan-cta {
        padding:0 0 0 12%;
        width: 155px
    }
}

@media only screen and (max-width: 700px) {
    article.pricing-ent-simp .pricing-choice .pricing-choice-plan.plus .pricing-choice-plan-cta {
        padding:0;
        width: 140px
    }
}

article.pricing-ent-simp .pricing-choice .pricing-choice-plan.plus .agent {
    color: #fff
}

article.pricing-ent-simp .pricing-choice .pricing-choice-plan.plus .plus-video-padding {
    padding: 7px 10px 3px;
    clear: both;
    overflow: hidden
}

article.pricing-ent-simp .pricing-choice .pricing-choice-plan.plus .plus-video-dimension {
    display: inline-block;
    float: left;
    width: 35px;
    height: 40px;
    margin-left: 0px;
    background-image: url("./public/assets./images/p-pricing/DavePlus.png");
    background-size: 100%;
    background-repeat: no-repeat
}

article.pricing-ent-simp .pricing-choice .pricing-choice-plan.plus .wistia-popover {
    height: 100px !important
}

article.pricing-ent-simp .pricing-choice .pricing-choice-plan.plus .plus-video-title {
    float: left;
    color: #666;
    margin-left: 6%;
    padding-top: 10px
}

article.pricing-ent-simp .pricing-choice .pricing-choice-plan.plus .pricing-choice-plan-title {
    margin: 0 auto 30px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px
}

@media only screen and (max-width: 975px) {
    article.pricing-ent-simp .pricing-choice .pricing-choice-plan.plus .pricing-choice-plan-title {
        width:70%
    }
}

@media only screen and (max-width: 700px) {
    article.pricing-ent-simp .pricing-choice .pricing-choice-plan.plus .pricing-choice-plan-title {
        width:50%
    }
}

article.pricing-ent-simp .pricing-choice .pricing-choice-plan.plus .pricing-choice-plan-subtitle {
    height: 55px;
    color: white
}

article.pricing-ent-simp .pricing-choice .pricing-choice-plan.plus .pricing-choice-plan-buy a {
    background: #588500;
    color: white
}

article.pricing-ent-simp .pricing-choice .pricing-choice-plan.plus .pricing-choice-plan-buy a:hover {
    background: #629400;
    -webkit-text-shadow: 1px 1px 0 #558000;
    -moz-text-shadow: 1px 1px 0 #558000;
    -ms-text-shadow: 1px 1px 0 #558000;
    -o-text-shadow: 1px 1px 0 #558000;
    text-shadow: 1px 1px 0 #558000
}

@media only screen and (max-width: 975px) {
    article.pricing-ent-simp .pricing-choice .pricing-choice-plan.enterprise {
        margin-left:1%
    }
}

@media only screen and (max-width: 700px) {
    article.pricing-ent-simp .pricing-choice .pricing-choice-plan.enterprise {
        padding:0;
        margin: 0 auto 30px;
        width: 90%;
        float: none
    }
}

article.pricing-ent-simp .pricing-choice .pricing-choice-plan.elite {
    margin-right: 0
}

@media only screen and (max-width: 700px) {
    article.pricing-ent-simp .pricing-choice .pricing-choice-plan.elite {
        margin:0 auto 30px
    }
}

article.pricing-ent-simp .pricing-choice .pricing-choice-plan.elite .pricing-choice-plan-title {
    margin: 0 0 10px 0
}

article.pricing-ent-simp .pricing-choice .pricing-choice-plan.elite .pricing-choice-plan-subtitle {
    height: 29px
}

article.pricing-ent-simp .pricing-choice .call {
    display: block;
    border-radius: 20px;
    padding: 5px 10px 5px 12px;
    background: #fff;
    width: 60px;
    color: #979797;
    margin: 15px auto 0;
    font-family: DNLTM;
    letter-spacing: 1px
}

article.pricing-ent-simp .faq {
    min-height: 500px;
    margin: 50px auto 0;
    padding: 50px 0;
    border-top: 1px solid #d3d3d3;
    clear: both
}

article.pricing-ent-simp .faq .q-a {
    position: relative;
    float: left;
    padding: 30px 0 0 30px;
    margin: 0 0 40px 0;
    clear: both
}

article.pricing-ent-simp .faq .qa-list {
    float: left;
    width: 32%;
    margin: 0 2% 0 0;
    padding: 0
}

@media only screen and (max-width: 700px) {
    article.pricing-ent-simp .faq .qa-list {
        margin:0;
        width: 100%
    }
}

article.pricing-ent-simp .faq .qa-list:last-child {
    margin-right: 0
}

article.pricing-ent-simp .faq .qa-list li {
    list-style: none;
    width: 100%
}

article.pricing-ent-simp .faq .qa-list li.starter-plan,article.pricing-ent-simp .faq .qa-list li.inbox-faq {
    display: none
}

article.pricing-ent-simp .faq .qa-list li h2 {
    color: #78a300;
    font: 18px/1 DNLTM;
    margin-bottom: 20px
}

@media only screen and (max-width: 700px) {
    article.pricing-ent-simp .faq .qa-list li h2 {
        margin-top:20px
    }
}

article.pricing-ent-simp .faq .qa-list li .faq-contain {
    padding: 17px 0;
    border-bottom: 1px solid #ffffff;
    width: 100%;
    cursor: pointer
}

article.pricing-ent-simp .faq .qa-list li .faq-contain:hover {
    background: #ebebeb
}

article.pricing-ent-simp .faq .qa-list li .faq-contain-grey {
    background-color: #ebebeb;
    padding: 17px 0;
    border-bottom: 1px solid #ffffff;
    width: 100%;
    cursor: pointer
}

article.pricing-ent-simp .faq .qa-list li h3 {
    width: 83%;
    padding: 0 0 0 10px;
    font: 18px/1.2 DNLTM;
    color: #444;
    letter-spacing: 0.01em
}

article.pricing-ent-simp .faq .qa-list li .faq-p {
    padding: 14px 26px;
    font: 15px PNR;
    color: #5d5d5d;
    line-height: 1.3;
    margin-bottom: 0px;
    background-color: #ffffff;
    display: none
}

article.pricing-ent-simp .faq .qa-list li .exp-btn {
    width: 20px;
    height: 20px;
    float: right;
    background-color: #ffffff;
    margin-top: -7%;
    margin-right: 5px;
    border-radius: 10px;
    font: 17px/1 DNLTM;
    color: #b8b8b8
}

@media only screen and (max-width: 700px) {
    article.pricing-ent-simp .faq .qa-list li .exp-btn {
        margin-top:-4%
    }
}

article.pricing-ent-simp .faq .qa-list li .exp-btn .exp-plus {
    padding-left: 28%;
    padding-top: 10%;
    padding-bottom: 10%
}

article.pricing-ent-simp .faq .qa-list li .exp-btn .exp-mns {
    display: none;
    padding-left: 30%;
    padding-top: 8%;
    padding-bottom: 12%
}

article.pricing-ent-simp .promoLegal {
    color: #888;
    width: 100%;
    font-size: 12px;
    margin-bottom: 20px;
    display: inline-block;
    margin-top: 50px
}

article.pricing-ent-simp .customers {
    clear: both;
    overflow: hidden;
    margin-bottom: 50px
}

article.pricing-ent-simp .customers .customers-title {
    font: 19px DNRB;
    text-transform: uppercase;
    letter-spacing: .1em
}

article.pricing-ent-simp .customers .customers-logo {
    display: block;
    width: 90%;
    height: 90px;
    margin: 20px 0;
    background: url("./public/assets./images/p-pricing/trial-customers.png") no-repeat;
    background-size: 100%
}

.compare-table-wrap {
    overflow: hidden;
    clear: both;
    margin-bottom: -62px;
    min-width: 960px;
    padding: 50px 0;
    background: #e9e9e9
}

#compare-table {
    display: none
}

article.pricing .compare-table,article.pricing-ent .compare-table,article.pricing-ent-simp .compare-table {
    min-width: 960px !important;
    margin-bottom: 100px
}

article.pricing .compare-table .pricing-choice-plan-title,article.pricing .compare-table .pricing-choice-plan-subtitle,article.pricing .compare-table .pricing-choice-plan-billing,article.pricing .compare-table .pricing-choice-plan-cta,article.pricing-ent .compare-table .pricing-choice-plan-title,article.pricing-ent .compare-table .pricing-choice-plan-subtitle,article.pricing-ent .compare-table .pricing-choice-plan-billing,article.pricing-ent .compare-table .pricing-choice-plan-cta,article.pricing-ent-simp .compare-table .pricing-choice-plan-title,article.pricing-ent-simp .compare-table .pricing-choice-plan-subtitle,article.pricing-ent-simp .compare-table .pricing-choice-plan-billing,article.pricing-ent-simp .compare-table .pricing-choice-plan-cta {
    padding: 0 !important
}

article.pricing .compare-table .pricing-choice-plan,article.pricing .compare-table .pricing-choice,article.pricing .compare-table .pricing-choice-plan-overview,article.pricing-ent .compare-table .pricing-choice-plan,article.pricing-ent .compare-table .pricing-choice,article.pricing-ent .compare-table .pricing-choice-plan-overview,article.pricing-ent-simp .compare-table .pricing-choice-plan,article.pricing-ent-simp .compare-table .pricing-choice,article.pricing-ent-simp .compare-table .pricing-choice-plan-overview {
    width: 160px !important;
    float: none;
    margin: 0
}

article.pricing .compare-table .pricing-choice-white,article.pricing-ent .compare-table .pricing-choice-white,article.pricing-ent-simp .compare-table .pricing-choice-white {
    background: white
}

article.pricing .compare-table .pricing-choice-green,article.pricing-ent .compare-table .pricing-choice-green,article.pricing-ent-simp .compare-table .pricing-choice-green {
    background: #78a300
}

article.pricing .compare-table .pricing-choice-green .pricing-choice-plan-overview,article.pricing-ent .compare-table .pricing-choice-green .pricing-choice-plan-overview,article.pricing-ent-simp .compare-table .pricing-choice-green .pricing-choice-plan-overview {
    float: none
}

article.pricing .compare-table .pricing-choice-plan-overview,article.pricing-ent .compare-table .pricing-choice-plan-overview,article.pricing-ent-simp .compare-table .pricing-choice-plan-overview {
    min-height: 98px;
    padding: 20px 0 0
}

article.pricing .compare-table .pricing-choice-plan-title,article.pricing-ent .compare-table .pricing-choice-plan-title,article.pricing-ent-simp .compare-table .pricing-choice-plan-title {
    color: #78a300;
    margin: 5px 0 30px
}

article.pricing .compare-table .pricing-choice-plan-cta,article.pricing-ent .compare-table .pricing-choice-plan-cta,article.pricing-ent-simp .compare-table .pricing-choice-plan-cta {
    width: 103px
}

article.pricing .compare-table .pricing-choice-plan-cta .pricing-choice-plan-buy a,article.pricing-ent .compare-table .pricing-choice-plan-cta .pricing-choice-plan-buy a,article.pricing-ent-simp .compare-table .pricing-choice-plan-cta .pricing-choice-plan-buy a {
    background: #ececec;
    color: gray
}

article.pricing .compare-table .pricing-choice-plan-cta .pricing-choice-plan-buy a:hover,article.pricing-ent .compare-table .pricing-choice-plan-cta .pricing-choice-plan-buy a:hover,article.pricing-ent-simp .compare-table .pricing-choice-plan-cta .pricing-choice-plan-buy a:hover {
    background: #f4f4f4;
    color: #676767;
    -webkit-text-shadow: 1px 1px 1px #fff;
    -moz-text-shadow: 1px 1px 1px #fff;
    -ms-text-shadow: 1px 1px 1px #fff;
    -o-text-shadow: 1px 1px 1px #fff;
    text-shadow: 1px 1px 1px #fff
}

article.pricing .compare-table .pricing-choice-plan-cta a,article.pricing-ent .compare-table .pricing-choice-plan-cta a,article.pricing-ent-simp .compare-table .pricing-choice-plan-cta a {
    width: 28px;
    padding: 4px 10px 1px;
    font: 13px DNLTM
}

article.pricing .compare-table .compare-table-key td,article.pricing-ent .compare-table .compare-table-key td,article.pricing-ent-simp .compare-table .compare-table-key td {
    padding: 0;
    background: #fff
}

article.pricing .compare-table .compare-table-key td .plus,article.pricing-ent .compare-table .compare-table-key td .plus,article.pricing-ent-simp .compare-table .compare-table-key td .plus {
    background: #78a300;
    float: none !important
}

article.pricing .compare-table .compare-table-key td .plus .pricing-choice-plan-title,article.pricing-ent .compare-table .compare-table-key td .plus .pricing-choice-plan-title,article.pricing-ent-simp .compare-table .compare-table-key td .plus .pricing-choice-plan-title {
    color: #fff
}

article.pricing .compare-table .compare-table-key .pricing-choice-green .pricing-choice-plan.plus,article.pricing .compare-table .compare-table-key .pricing-choice-green .pricing-choice-plan.enterprise,article.pricing-ent .compare-table .compare-table-key .pricing-choice-green .pricing-choice-plan.plus,article.pricing-ent .compare-table .compare-table-key .pricing-choice-green .pricing-choice-plan.enterprise,article.pricing-ent-simp .compare-table .compare-table-key .pricing-choice-green .pricing-choice-plan.plus,article.pricing-ent-simp .compare-table .compare-table-key .pricing-choice-green .pricing-choice-plan.enterprise {
    width: 100%
}

article.pricing .compare-table .compare-table-key .pricing-choice-plan-price span:first-child,article.pricing-ent .compare-table .compare-table-key .pricing-choice-plan-price span:first-child,article.pricing-ent-simp .compare-table .compare-table-key .pricing-choice-plan-price span:first-child {
    display: none
}

article.pricing .compare-table .pricing-choice-plan-price,article.pricing-ent .compare-table .pricing-choice-plan-price,article.pricing-ent-simp .compare-table .pricing-choice-plan-price {
    font-size: 3em;
    height: 48px
}

article.pricing .compare-table .pricing-choice-plan-billing,article.pricing-ent .compare-table .pricing-choice-plan-billing,article.pricing-ent-simp .compare-table .pricing-choice-plan-billing {
    font-size: .8em;
    margin-bottom: 10px
}

article.pricing .compare-table .pricing-choice-plan-cta a,article.pricing-ent .compare-table .pricing-choice-plan-cta a,article.pricing-ent-simp .compare-table .pricing-choice-plan-cta a {
    font-size: .9em
}

article.pricing .compare-table tr,article.pricing-ent .compare-table tr,article.pricing-ent-simp .compare-table tr {
    border-bottom: 1px solid #e3e3e3
}

article.pricing .compare-table tr:not(:first-child):hover td:first-child,article.pricing-ent .compare-table tr:not(:first-child):hover td:first-child,article.pricing-ent-simp .compare-table tr:not(:first-child):hover td:first-child {
    background: none
}

article.pricing .compare-table tr:not(:first-child):hover td,article.pricing-ent .compare-table tr:not(:first-child):hover td,article.pricing-ent-simp .compare-table tr:not(:first-child):hover td {
    background: rgba(255,255,0,0.11)
}

article.pricing .compare-table tr.compare-table-header:hover td:first-child,article.pricing-ent .compare-table tr.compare-table-header:hover td:first-child,article.pricing-ent-simp .compare-table tr.compare-table-header:hover td:first-child {
    background: none;
    border-right: none
}

article.pricing .compare-table tr.compare-table-header:hover td,article.pricing-ent .compare-table tr.compare-table-header:hover td,article.pricing-ent-simp .compare-table tr.compare-table-header:hover td {
    background: #f3f3f3
}

article.pricing .compare-table td,article.pricing-ent .compare-table td,article.pricing-ent-simp .compare-table td {
    border-right: 10px solid #E9E9E9;
    background: #f3f3f3;
    padding: 10px;
    text-align: center;
    width: 140px
}

article.pricing .compare-table td.col1,article.pricing-ent .compare-table td.col1,article.pricing-ent-simp .compare-table td.col1 {
    width: auto;
    text-align: left;
    background: none;
    border-right: none;
    padding-left: 0
}

article.pricing .compare-table .compare-table-header .col1,article.pricing-ent .compare-table .compare-table-header .col1,article.pricing-ent-simp .compare-table .compare-table-header .col1 {
    padding-top: 25px;
    padding-bottom: 5px;
    padding-left: 0;
    font: 14px DNRB;
    color: black
}

article.pricing .compare-table .compare-table-feature-name,article.pricing-ent .compare-table .compare-table-feature-name,article.pricing-ent-simp .compare-table .compare-table-feature-name {
    padding-left: 10px;
    font-size: 14px
}

article.pricing .starter .pricing-choice-plan-details-item:last-child:hover:after,article.pricing .plus .pricing-choice-plan-details-item:last-child:hover:after,article.pricing .enterprise .pricing-choice-plan-details-item:last-child:hover:after {
    color: transparent
}

li.pricing-choice-plan-details-item .compare-table-tooltip:hover .compare-table-tooltip-txt {
    left: -38px
}

.compare-table-tooltip {
    cursor: pointer
}

.compare-table-tooltip .compare-table-feature-name {
    padding: 20px 30px 0 0
}

.compare-table-tooltip .compare-table-tooltip-txt {
    position: absolute;
    margin-left: -999em;
    color: #484848;
    background-color: #fff;
    font-size: 16px;
    line-height: 1.3;
    text-align: left;
    padding: 20px 30px;
    font-family: DNLTR
}

@media only screen and (max-width: 975px) {
    .compare-table-tooltip .compare-table-tooltip-txt {
        display:none
    }
}

.compare-table-tooltip .compare-table-tooltip-txt .pin {
    width: 0px;
    height: 0px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #fff;
    position: absolute;
    bottom: -10px;
    color: white
}

.compare-table-tooltip:hover {
    position: relative
}

.compare-table-tooltip:hover .compare-table-tooltip-txt {
    position: absolute;
    bottom: 32px;
    left: 0px;
    z-index: 99;
    width: 200px;
    margin-left: 0;
    cursor: default;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 4px 11px #d1d1d1;
    -moz-box-shadow: 0px 4px 11px #d1d1d1;
    -ms-box-shadow: 0px 4px 11px #d1d1d1;
    -o-box-shadow: 0px 4px 11px #d1d1d1;
    box-shadow: 0px 4px 11px #d1d1d1
}

.compare-table-tooltip:before,.compare-table-tooltip.ico-iphone:after {
    margin-right: 5px;
    font: 8px entypo;
    content: '\e89a';
    color: #d3d3d3
}

article.pricing-ent .compare-table .js-compare-table-stick {
    height: 58px !important
}

article.pricing-ent .compare-table .js-compare-table-stick .pricing-choice-plan-cta {
    margin: 20px auto 20px
}

article.pricing-ent .compare-table .js-compare-table-stick .pricing-choice-plan-title {
    margin: -1px 0 10px 0
}

article.pricing-ent .compare-table .js-compare-table-stick .pricing-choice-plan-title.plus {
    margin: 2px 0 10px 0
}

article.pricing-ent .compare-table .pricing-choice-plan.plus .pricing-choice-plan-overview {
    margin-bottom: 0 !important;
    background: #78a300
}

article.pricing-ent .compare-table .pricing-choice-plan.plus .pricing-choice-plan-title {
    margin: 0
}

article.pricing-ent .compare-table .pricing-choice-plan.plus .pricing-choice-plan-cta {
    width: 105px
}

article.pricing-ent .compare-table .pricing-choice-plan-overview {
    min-height: 0;
    margin: 0;
    padding: 20px 0 0
}

article.pricing-ent .compare-table .pricing-choice-plan-title {
    color: #78a300;
    margin: 0;
    padding: 0
}

article.pricing-ent .compare-table .pricing-choice-plan-cta {
    display: inline-block;
    width: auto;
    margin: 10px auto 20px;
    padding: 0
}

.jump-up {
    display: none !important;
    float: right;
    margin: 30px 5px
}

#main.grid-container.p-legal #sidebar {
    margin-top: 30px;
    margin-right: 4%;
    width: 20%
}

@media only screen and (max-width: 700px) {
    #main.grid-container.p-legal #sidebar {
        width:100%
    }

    #main.grid-container.p-legal #sidebar li {
        text-align: left
    }
}

#main.grid-container.p-legal #content.legal-info {
    width: 75% !important
}

@media only screen and (max-width: 700px) {
    #main.grid-container.p-legal #content.legal-info {
        width:100% !important
    }

    #main.grid-container.p-legal #content.legal-info #page-title {
        border-bottom: 0;
        margin-top: 20px;
        padding-bottom: 0
    }
}

.legal-info table.bordered {
    position: relative
}

.legal-info table.bordered th,.legal-info table.bordered td {
    border: 1px solid #dcdcdc;
    padding: 5px;
    text-align: left;
    vertical-align: top
}

.legal-info table.bordered th {
    background-color: #eaeaea
}

.p-about {
    top: 0;
    overflow-x: hidden;
    margin-bottom: 0
}

.p-about .mod-container {
    background: #fafafa;
    padding: 60px 0 0
}

.p-about .banner {
    height: 175px;
    background-color: #78a300;
    margin-bottom: 0px
}

@media only screen and (max-width: 700px) {
    .p-about .banner {
        height:auto
    }
}

.p-about .banner .simple-widget {
    float: none;
    margin: 0 auto;
    width: 70%;
    padding: 60px 0 90px
}

@media only screen and (max-width: 700px) {
    .p-about .banner .simple-widget {
        padding:60px 0 20px
    }
}

.p-about .banner h1 {
    font-size: 6.5em !important;
    font-family: DNLTUL !important;
    color: #fff;
    padding: 0;
    margin: -25px 0px 20px 0px
}

@media only screen and (max-width: 778px) {
    .p-about .banner h1 {
        font-size:5.5em !important;
        margin-top: -20px
    }
}

@media only screen and (max-width: 700px) {
    .p-about .banner h1 {
        font-size:4em !important
    }
}

.p-about .mod-container .mod-tab article#in-the-beginning {
    height: auto;
    background-position: 50% 0px;
    background-repeat: no-repeat
}

.p-about .mod-container .mod-tab article#in-the-beginning section {
    height: 500px;
    padding-top: 0;
    background: none
}

@media only screen and (max-width: 700px) {
    .p-about .mod-container .mod-tab article#in-the-beginning section {
        height:950px
    }
}

.p-about .mod-container .mod-tab article#in-the-beginning section h2 {
    color: #78a300;
    margin-bottom: 30px
}

.p-about .mod-container .mod-tab article#in-the-beginning section ul li {
    background-image: url("//web.archive.org/web/20190118075937im_/http://d26a57ydsghvgx.cloudfront.net/www/public/assets./images/p-about/photo-founders.png");
    background-position: -260px -195px;
    display: inline-block;
    height: 195px;
    margin: 50px 10px;
    width: 195px
}

@media only screen and (max-width: 700px) {
    .p-about .mod-container .mod-tab article#in-the-beginning section ul li {
        background-position:-180px -136px;
        display: block;
        height: 140px;
        margin: 30px auto 0;
        width: 140px;
        background-size: auto 362px
    }
}

.p-about .mod-container .mod-tab article#in-the-beginning section ul li.mikkel {
    background-position: -483px -195px
}

@media only screen and (max-width: 700px) {
    .p-about .mod-container .mod-tab article#in-the-beginning section ul li.mikkel {
        background-position:-340px -136px
    }
}

.p-about .mod-container .mod-tab article#in-the-beginning section ul li.morton {
    background-position: -708px -195px
}

@media only screen and (max-width: 700px) {
    .p-about .mod-container .mod-tab article#in-the-beginning section ul li.morton {
        background-position:-499px -136px
    }
}

.p-about .mod-container .mod-tab article#in-the-beginning section .sub-in-the-beginning {
    font-family: PNR;
    font-size: 16px;
    margin: 0 auto;
    color: #666;
    width: 60%;
    line-height: 150%
}

@media only screen and (min-width: 975px) {
    .p-about .mod-container .mod-tab article#in-the-beginning section .sub-in-the-beginning {
        font-size:18px
    }
}

@media only screen and (max-width: 700px) {
    .p-about .mod-container .mod-tab article#in-the-beginning section .sub-in-the-beginning {
        width:72%
    }
}

.p-about .mod-container .mod-tab article#collage {
    overflow: hidden;
    position: relative
}

@media only screen and (max-width: 778px) {
    .p-about .mod-container .mod-tab article#collage {
        height:600px;
        background: url(//web.archive.org/web/20190118075937im_/http://d26a57ydsghvgx.cloudfront.net/www/public/assets./images/p-about/about-collage.jpg) center center
    }
}

.p-about .mod-container .mod-tab article#collage .collage-box {
    background-color: rgba(255,255,255,0.95);
    height: auto;
    margin: auto;
    position: absolute;
    padding: 4% 0;
    top: 50%;
    left: 0;
    right: 0;
    width: 55%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

@media only screen and (max-width: 700px) {
    .p-about .mod-container .mod-tab article#collage .collage-box {
        padding:8% 0;
        width: 85%
    }
}

.p-about .mod-container .mod-tab article#collage .collage-title {
    font: 3em DNLTUL;
    color: #78a300;
    line-height: 1.1;
    margin: 0 auto;
    padding-top: 1%;
    text-align: center;
    width: 60%
}

@media only screen and (max-width: 700px) {
    .p-about .mod-container .mod-tab article#collage .collage-title {
        font:2.5em DNLTUL;
        width: 80%
    }
}

.p-about .mod-container .mod-tab article#collage .sub-collage {
    font: 16px PNR;
    color: #666;
    width: 80%;
    margin: 0 auto;
    text-align: center;
    margin: 10px auto;
    line-height: 1.4
}

@media only screen and (min-width: 975px) {
    .p-about .mod-container .mod-tab article#collage .sub-collage {
        font-size:18px
    }
}

.p-about .mod-container .mod-tab article#relationships {
    height: 0;
    padding-bottom: 86%;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url("//web.archive.org/web/20190118075937im_/http://d26a57ydsghvgx.cloudfront.net/www/public/assets./images/p-about/girl-in-coffeeshop.png");
    background-size: 170% auto;
    position: relative
}

@media only screen and (min-width: 975px) {
    .p-about .mod-container .mod-tab article#relationships {
        padding-bottom:66%;
        background-size: 130% auto
    }
}

@media only screen and (max-width: 778px) {
    .p-about .mod-container .mod-tab article#relationships {
        background-size:180% auto;
        padding-bottom: 70%
    }
}

@media only screen and (max-width: 700px) {
    .p-about .mod-container .mod-tab article#relationships {
        background-size:420% auto;
        padding-bottom: 180%
    }
}

.p-about .mod-container .mod-tab article#relationships .darkness {
    background-image: -moz-linear-gradient(top, #000, rgba(0,0,0,0));
    background-image: -ms-linear-gradient(top, #000, rgba(0,0,0,0));
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#000), to(rgba(0,0,0,0)));
    background-image: -webkit-linear-gradient(top, #000, rgba(0,0,0,0));
    background-image: -o-linear-gradient(top, #000, rgba(0,0,0,0));
    background-image: linear-gradient(top, #000000,rgba(0,0,0,0));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000', endColorstr='rgba(0,0,0,0)', GradientType=0);
    height: 50%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

@media only screen and (max-width: 778px) {
    .p-about .mod-container .mod-tab article#relationships .darkness {
        display:none
    }
}

.p-about .mod-container .mod-tab article#relationships .relationship-title {
    font-size: 3.6em;
    color: white;
    width: 69%;
    font-family: DNLTL;
    margin-left: 11%;
    padding-top: 12%;
    line-height: 1.15
}

@media only screen and (max-width: 778px) {
    .p-about .mod-container .mod-tab article#relationships .relationship-title {
        font-size:2.6em
    }
}

@media only screen and (max-width: 700px) {
    .p-about .mod-container .mod-tab article#relationships .relationship-title {
        font-size:1.6em
    }
}

.p-about .mod-container .mod-tab article#relationships .sub-relationships {
    font-size: 16px;
    color: white;
    width: 39%;
    font-family: PNR;
    margin-left: 11%;
    padding-top: 3%;
    line-height: 120%
}

@media only screen and (min-width: 975px) {
    .p-about .mod-container .mod-tab article#relationships .sub-relationships {
        font-size:18px
    }
}

@media only screen and (max-width: 700px) {
    .p-about .mod-container .mod-tab article#relationships .sub-relationships {
        width:60%
    }
}

.p-about .mod-container .mod-tab article#relationships .play-button {
    background: transparent url("//web.archive.org/web/20190118075937im_/http://d26a57ydsghvgx.cloudfront.net/www/public/assets./images/p-about/playButton.png") center center no-repeat;
    display: inline-block;
    height: 100px;
    width: 100px;
    margin-left: 10%;
    margin-top: 1.5%
}

.p-about .mod-container .mod-tab article#relationships .watch-the-video {
    margin-left: 9.5%;
    color: white;
    font-family: DNLTL
}

.p-about .mod-container .mod-tab article#chair {
    height: 0;
    padding-bottom: 63%;
    background-color: #fff;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url("//web.archive.org/web/20190118075937im_/http://d26a57ydsghvgx.cloudfront.net/www/public/assets./images/p-about/JacobsenChair.png");
    background-size: cover cover
}

@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
    .p-about .mod-container .mod-tab article#chair {
        background-image:url("//web.archive.org/web/20190118075937im_/http://d26a57ydsghvgx.cloudfront.net/www/public/assets./images/p-about/JacobsenChair-2X.png");
        background-size: cover cover
    }
}

@media only screen and (max-width: 778px) {
    .p-about .mod-container .mod-tab article#chair {
        padding-bottom:70%;
        background-position: top left;
        background-size: 100% auto
    }
}

@media only screen and (max-width: 700px) {
    .p-about .mod-container .mod-tab article#chair {
        background-position:0px 410px;
        background-size: auto 58%;
        padding-bottom: 260%
    }
}

.p-about .mod-container .mod-tab article#chair .chair-title {
    font-family: DNLTUL;
    font-size: 4em;
    color: #78a300;
    width: 46%;
    margin-left: 45%;
    padding-top: 9%;
    line-height: 1
}

@media only screen and (max-width: 778px) {
    .p-about .mod-container .mod-tab article#chair .chair-title {
        font-size:3.5em
    }
}

@media only screen and (max-width: 700px) {
    .p-about .mod-container .mod-tab article#chair .chair-title {
        padding-top:10%;
        margin-left: 10%;
        width: 80%
    }
}

.p-about .mod-container .mod-tab article#chair .sub-chair {
    font-family: PNR;
    font-size: 16px;
    color: #666;
    width: 44%;
    margin-left: 45%;
    padding-top: 26px;
    line-height: 1.5
}

@media only screen and (min-width: 975px) {
    .p-about .mod-container .mod-tab article#chair .sub-chair {
        font-size:18px
    }
}

@media only screen and (max-width: 700px) {
    .p-about .mod-container .mod-tab article#chair .sub-chair {
        margin-left:10%;
        width: 80%
    }
}

.p-about .mod-container .mod-tab article#sf-help {
    height: 0;
    padding-bottom: 65%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url("//web.archive.org/web/20190118075937im_/http://d26a57ydsghvgx.cloudfront.net/www/public/assets./images/p-about/photo-SFhelp.png");
    background-size: cover cover;
    background-size: auto 130%
}

@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
    .p-about .mod-container .mod-tab article#sf-help {
        background-image:url("//web.archive.org/web/20190118075937im_/http://d26a57ydsghvgx.cloudfront.net/www/public/assets./images/p-about/photo-SFhelp-2X.png");
        background-size: cover cover
    }
}

@media only screen and (max-width: 778px) {
    .p-about .mod-container .mod-tab article#sf-help {
        padding-bottom:70%
    }
}

@media only screen and (max-width: 700px) {
    .p-about .mod-container .mod-tab article#sf-help {
        padding-bottom:250%;
        background-position: -550px -100px
    }
}

.p-about .mod-container .mod-tab article#sf-help .sf-help-box {
    height: auto;
    background-color: rgba(255,255,255,0.95);
    display: inline-block;
    margin-left: 9%;
    margin-top: 8%;
    width: 50%;
    padding: 2% 2% 5%
}

@media only screen and (max-width: 700px) {
    .p-about .mod-container .mod-tab article#sf-help .sf-help-box {
        padding:5% 2% 10%;
        margin-top: 50%;
        width: 78%
    }
}

.p-about .mod-container .mod-tab article#sf-help .sf-help-title {
    font-family: DNLTUL;
    font-size: 3.3em;
    color: #78a300;
    width: 90%;
    margin-left: 6%;
    padding-top: 6%;
    line-height: 110%
}

@media only screen and (max-width: 700px) {
    .p-about .mod-container .mod-tab article#sf-help .sf-help-title {
        font-size:2.5em
    }
}

.p-about .mod-container .mod-tab article#sf-help .sub-sf-help {
    font-family: PNR;
    font-size: 16px;
    color: #666;
    width: 86%;
    margin-left: 7%;
    padding-top: 12px;
    line-height: 140%
}

@media only screen and (min-width: 975px) {
    .p-about .mod-container .mod-tab article#sf-help .sub-sf-help {
        font-size:18px
    }
}

.p-about .mod-container .mod-tab article .more-info-background {
    height: 0;
    padding-bottom: 48%;
    background-position: center center;
    background-size: cover;
    background-color: #f6f6f6;
    background-repeat: no-repeat;
    padding-left: 10%;
    padding-right: 10%
}

@media only screen and (max-width: 778px) {
    .p-about .mod-container .mod-tab article .more-info-background {
        padding-bottom:55%
    }
}

@media only screen and (max-width: 700px) {
    .p-about .mod-container .mod-tab article .more-info-background {
        padding-bottom:320%
    }
}

.p-about .mod-container .mod-tab article .more-info-background .more-info-title {
    font-family: DNLTM;
    font-size: 1.2em;
    color: #777;
    padding-top: 9%;
    padding-bottom: 5%;
    text-align: center
}

@media only screen and (max-width: 700px) {
    .p-about .mod-container .mod-tab article .more-info-background .more-info-title {
        padding-top:30%;
        padding-bottom: 0
    }
}

.p-about .mod-container .mod-tab article .more-info-background .more-info-icon {
    float: left;
    display: block;
    text-align: center;
    margin: 0 auto;
    width: 33.3%
}

@media only screen and (max-width: 778px) {
    .p-about .mod-container .mod-tab article .more-info-background .more-info-icon {
        margin:0 1.5% auto;
        width: 30%
    }
}

@media only screen and (max-width: 700px) {
    .p-about .mod-container .mod-tab article .more-info-background .more-info-icon {
        float:none;
        margin: 50px auto;
        width: 100%
    }
}

.p-about .mod-container .mod-tab article .more-info-background .more-info-icon span {
    display: block;
    background: url("//web.archive.org/web/20190118075937im_/http://d26a57ydsghvgx.cloudfront.net/www/public/assets./images/p-about/presspage-logo.png") bottom center no-repeat;
    height: 140px;
    margin: 0 auto;
    width: 140px
}

.p-about .mod-container .mod-tab article .more-info-background .more-info-icon span:hover {
    background-position: center 4px
}

.p-about .mod-container .mod-tab article .more-info-background .more-info-icon.brand-assets span {
    background-image: url("//web.archive.org/web/20190118075937im_/http://d26a57ydsghvgx.cloudfront.net/www/public/assets./images/p-about/brand-asset-logo.png")
}

.p-about .mod-container .mod-tab article .more-info-background .more-info-icon.careers span {
    background-image: url("//web.archive.org/web/20190118075937im_/http://d26a57ydsghvgx.cloudfront.net/www/public/assets./images/p-about/career-logo.png")
}

.p-about .mod-container .mod-tab article .more-info-background .sub-more-info {
    font-family: PNR;
    font-size: 1.1em;
    color: #666;
    width: 86%;
    margin-left: 6%;
    padding-top: 16px;
    padding-bottom: 13px;
    color: #777
}

.p-about .mod-container .mod-tab article .more-info-background .p-more-info {
    font-family: PNR;
    font-size: 16px;
    width: 90%;
    color: #777;
    margin: 0 auto
}

@media only screen and (min-width: 975px) {
    .p-about .mod-container .mod-tab article .more-info-background .p-more-info {
        font-size:18px
    }
}

.ri-grid {
    margin: 0 auto;
    position: relative;
    height: auto
}

.ri-grid ul {
    list-style: none;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    zoom:1}

.ri-grid ul:before,.ri-grid ul.ico-iphone:after,.ri-grid ul:after {
    content: '';
    display: table
}

.ri-grid ul:after {
    clear: both
}

.ri-grid ul li {
    -webkit-perspective: 400px;
    -moz-perspective: 400px;
    -ms-perspective: 400px;
    -o-perspective: 400px;
    perspective: 400px;
    margin: 0;
    padding: 0;
    float: left;
    position: relative;
    display: block;
    overflow: hidden;
    background: #000
}

.ri-grid ul li span {
    display: block;
    outline: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #333;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
    -o-box-sizing: content-box;
    box-sizing: content-box
}

.ri-grid-size-1 {
    width: 55%
}

.ri-grid-size-2 {
    width: 100%
}

.ri-grid-size-3 {
    width: 100%;
    margin-top: 0px
}

.ri-shadow:after,.ri-shadow:before,.ri-shadow.ico-iphone:after {
    content: "";
    position: absolute;
    z-index: -2;
    bottom: 15px;
    left: 10px;
    width: 50%;
    height: 20%;
    max-width: 300px;
    max-height: 100px;
    box-shadow: 0 15px 10px rgba(0,0,0,0.7);
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    transform: rotate(-3deg)
}

.ri-shadow:after {
    right: 10px;
    left: auto;
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    transform: rotate(3deg)
}

.ri-grid-loading:after,.ri-grid-loading:before,.ri-grid-loading.ico-iphone:after {
    display: none
}

.ri-loading-image {
    display: none
}

.ri-grid-loading .ri-loading-image {
    position: relative;
    width: 30px;
    height: 30px;
    left: 50%;
    margin: 100px 0 0 -15px;
    display: block
}

.apps {
    overflow: hidden
}

@media only screen and (max-width: 975px) {
    .apps .wrap,.detail .wrap {
        width:92%
    }
}

.apps .header .wrap .wrap {
    width: 80%;
    float: left;
    margin-right: 0;
    margin-top: 68px;
    clear: both
}

@media only screen and (min-width: 975px) {
    .apps .header .wrap .wrap {
        width:570px
    }
}

@media only screen and (max-width: 700px) {
    .apps .header .wrap .wrap {
        width:98%
    }
}

@media only screen and (max-width: 975px) {
    .apps .header h1 {
        font-size:40px !important
    }
}

@media only screen and (max-width: 975px) {
    .apps .header p {
        font:18px/1.25 DNLTR !important
    }
}

.apps .header p,.apps .header h1 {
    width: 50%;
    color: #fff
}

@media only screen and (min-width: 975px) {
    .apps .header p,.apps .header h1 {
        width:410px
    }
}

@media only screen and (max-width: 700px) {
    .apps .header p,.apps .header h1 {
        width:100%
    }
}

.apps .header .h-sub {
    font: 30px/1.1 DNLTR;
    font-size: 30px;
    color: #95acb8;
    margin: 0
}

.apps .header {
    background: url("//web.archive.org/web/20190118075937im_/http://d16cvnquvjw7pr.cloudfront.net/www/img/p-apps/art-tile.png") repeat;
    height: 360px;
    width: 100%;
    margin-bottom: 50px
}

.apps .header-inner {
    height: 360px;
    background: url("//web.archive.org/web/20190118075937im_/http://d16cvnquvjw7pr.cloudfront.net/www/img/p-apps/art.png") no-repeat center center;
    background-position: right
}

@media only screen and (min-width: 975px) {
    .apps .header-inner {
        width:1200px
    }
}

@media only screen and (max-width: 975px) {
    .apps .header-inner {
        float:right !important;
        width: 96% !important
    }
}

@media only screen and (max-width: 778px) {
    .apps .header-inner {
        background-position:250px 40px;
        background-size: 80%
    }
}

@media only screen and (max-width: 700px) {
    .apps .header-inner {
        background-position:120px 250px;
        background-size: 195px
    }
}

.apps .header-inner .art {
    position: absolute;
    left: 50%;
    margin-left: -600px;
    height: 217px
}

.apps .header-inner .wrap {
    position: relative;
    top: 0
}

@media only screen and (min-width: 975px) {
    .apps .header-inner .wrap {
        left:120px
    }
}

.apps .header-inner .title {
    font: 72px/0.9 DNLTM;
    padding-top: 40px;
    padding-bottom: 10px;
    margin: 0;
    color: #fff;
    border: none;
    text-shadow: 0 1px 1px #888
}

.apps .header-inner .title-sub {
    width: 470px;
    font: 24px/1.1 DNLTM;
    color: white;
    margin: 0 0 16px 0;
    padding: 0;
    text-shadow: 0 1px 1px #666
}

.apps .header-inner .button {
    z-index: 10;
    display: block;
    width: auto;
    height: 36px;
    margin: 0;
    padding: 3px 10px 0 10px;
    position: relative;
    float: left;
    font: 18px/1.8 DNRB;
    margin-right: 20px
}

@media only screen and (max-width: 700px) {
    .apps .header-inner .button {
        font:15px/2.3 DNRB;
        margin-right: 10px;
        z-index: 0
    }
}

@media only screen and (max-width: 700px) {
    article.apps #filter-wrap {
        display:none
    }
}

.apps .filter-tall {
    float: right;
    width: 170px;
    position: relative;
    padding: 20px 17px 15px;
    border-top: 1px solid #C6C6C6;
    border-radius: 3px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    box-shadow: inset 0 0 5px #D0D0D0;
    background: url("./public/assets./images/options-bg.png") repeat
}

.apps .filter-tall .title {
    position: absolute;
    top: 0;
    left: 0;
    float: left;
    margin: 0;
    height: 13px;
    width: 190px;
    margin-bottom: 3px;
    padding: 5px 5px 5px 7px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    background: url("./public/assets./images/filter-bar-bg.png");
    font: 11.5px DNRM;
    color: #444;
    text-transform: uppercase
}

.apps .filter-tall ul,.apps .filter-tall li {
    list-style: none;
    margin: 0;
    padding: 0
}

.apps ul.filter-list {
    margin: 20px 0 10px
}

.apps .filter-tall .filter-list a {
    display: block;
    padding: 0 0 5px 21px;
    font: 13px DNRR;
    color: #6D6D6D;
    background: url("./public/assets./images/option-button.png") no-repeat
}

.apps .filter-tall .filter-list a.pressed,.apps .filter-tall .filter-list a.pressed:hover {
    background: url("./public/assets./images/option-button-active.png") no-repeat
}

.apps .filter-tall .filter-list a:hover {
    background: url("./public/assets./images/option-button-hover.png") no-repeat
}

.apps .link-more {
    width: 150px;
    display: block;
    text-align: center;
    margin-top: 10px
}

ul.app-list {
    margin: 0;
    padding: 0;
    text-align: justify;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines
}

ul.app-list .app-tile {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
    list-style-type: none;
    width: 170px;
    height: 220px;
    margin: 0 16px 30px 0;
    display: inline-block;
    *display: inline;
    zoom:1;vertical-align: top
}

ul.app-list .app-tile span {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
    background: white;
    padding: 0;
    display: block;
    width: 170px;
    height: 220px;
    box-shadow: 0 0 5px #ddd
}

ul.app-list .app-tile .logo {
    border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    -webkit-border-radius: 8px 8px 0 0;
    -o-border-radius: 8px 8px 0 0;
    -ms-border-radius: 8px 8px 0 0;
    -khtml-border-radius: 8px 8px 0 0;
    height: 170px;
    width: 170px;
    border: none
}

ul.app-list .app-tile article {
    background-color: white;
    border: 1px solid #E2E2E2;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    -khtml-border-radius: 8px;
    box-shadow: inset 0px 0px 10px white;
    -webkit-box-shadow: inset 0px 0px 10px rgba(0,0,0,0.05);
    -moz-box-shadow: inset 0px 0px 10px rgba(0,0,0,0.05);
    display: none;
    height: 200px;
    width: 150px;
    padding: 20px 10px 0;
    text-align: center;
    float: left;
    vertical-align: top
}

ul.app-list .app-tile article .summary {
    height: 83px
}

ul.app-list .app-tile article .summary p {
    font-size: 15px;
    line-height: 20px;
    -ms-text-justify: auto;
    text-justify: auto;
    text-align: center
}

ul.app-list .app-tile .btn {
    margin-top: 28px;
    display: block;
    -ms-text-justify: auto;
    text-justify: auto
}

ul.app-list .app-tile footer {
    background: none;
    color: #666;
    margin-top: -35px
}

ul.app-list .app-tile .favi {
    display: none;
    height: 22px;
    width: 22px;
    margin: 4px auto 20px;
    text-align: center
}

ul.app-list .app-tile .name {
    font-family: DNLTL;
    font-size: 14px;
    padding: 5px 0 5px;
    margin: 0 9px 0;
    overflow: hidden;
    text-align: center;
    top: -5px;
    position: relative;
    letter-spacing: 1px;
    white-space: pre
}

.apps .content h1 {
    display: block;
    margin: 30px 0 15px 0;
    padding-bottom: 0;
    font: 19px/1.2 DNRM;
    border-bottom: 1px solid #CFCFCF;
    text-transform: uppercase;
    letter-spacing: .1em
}

.apps .content h1 span {
    color: #BFBFBF;
    margin-left: 10px;
    font: 19px DNRM
}

.apps .content h2 {
    margin: 10px 0 30px
}

.apps .faq dl {
    float: left;
    width: 62%;
    background: #eee;
    padding: 20px 40px 0px;
    margin: 0 0 80px;
    overflow: hidden
}

@media only screen and (max-width: 975px) {
    .apps .faq dl {
        padding:20px 3% 0;
        width: 94%
    }
}

.apps .faq dt {
    font: 18px DNLTM;
    color: black;
    margin-bottom: 5px
}

.apps .faq dd {
    font: 18px PNR;
    color: black;
    margin: 0;
    margin-bottom: 30px
}

ul.app-list .app-tile article a:visited {
    color: #fff
}

.detail {
    padding-top: 20px;
    position: relative;
    overflow: hidden;
    clear: both
}

.detail .widecol,.detail .narrowcol {
    margin-top: 40px
}

.detail .header-inner {
    float: left;
    height: auto;
    margin-bottom: 30px;
    margin-left: -3px
}

.detail .header-inner .logo {
    height: 130px;
    width: 130px;
    float: left;
    margin: 0px 30px 0px 0px
}

@media only screen and (max-width: 975px) {
    .detail .header-inner .logo {
        height:auto;
        max-height: 110px;
        max-width: 110px;
        margin-right: 5%;
        width: 15%
    }
}

@media only screen and (max-width: 700px) {
    .detail .header-inner .logo {
        margin-right:8%;
        width: 35%
    }
}

.detail .header-inner .logo img {
    float: left;
    height: 130px;
    width: 130px;
    overflow: hidden;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px
}

@media only screen and (max-width: 975px) {
    .detail .header-inner .logo img {
        height:auto;
        max-height: 110px;
        max-width: 110px;
        width: 100%
    }
}

.detail .header-inner h1 {
    margin: 3px 0 0 0px;
    font: 30px DNLTUL;
    color: #8A8A8A;
    text-transform: uppercase;
    border: none
}

@media only screen and (max-width: 778px) {
    .detail .header-inner h1 {
        font:18px DNLTR
    }
}

.detail .header-inner h2 {
    width: 947px;
    min-height: 80px;
    padding-top: 0;
    padding-right: 20px;
    font: 42px/1 DNLTB;
    color: #404040;
    margin-bottom: 15px;
    padding-bottom: 30px;
    background: url("./public/assets./images/bg-grid-top.png") no-repeat bottom right
}

@media only screen and (max-width: 975px) {
    .detail .header-inner h2 {
        font-size:35px;
        width: 98%
    }
}

@media only screen and (max-width: 778px) {
    .detail .header-inner h2 {
        font-size:28px
    }
}

@media only screen and (max-width: 700px) {
    .detail .header-inner h2 {
        font-size:18px;
        font-family: DNLTM
    }
}

.detail #slides {
    margin: 0 0 10px;
    clear: both;
    height: 720px;
    width: 960px;
    background: #ddd url("./public/assets./images/options-bg.png") repeat;
    -webkit-box-shadow: inset 0 0 5px #d0d0d0;
    -moz-box-shadow: inset 0 0 5px #d0d0d0;
    -ms-box-shadow: inset 0 0 5px #d0d0d0;
    -o-box-shadow: inset 0 0 5px #d0d0d0;
    box-shadow: inset 0 0 5px #d0d0d0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px
}

@media only screen and (max-width: 975px) {
    .detail #slides {
        height:auto;
        width: 100%
    }
}

@media only screen and (max-width: 975px) {
    .detail #slides div {
        height:auto;
        width: 100%
    }
}

.detail #slides img {
    width: 860px;
    height: 645px;
    background: #fff;
    margin: 37px 50px;
    -webkit-box-shadow: 0px 0px 15px #b8b8b8;
    -moz-box-shadow: 0px 0px 15px #b8b8b8;
    -ms-box-shadow: 0px 0px 15px #b8b8b8;
    -o-box-shadow: 0px 0px 15px #b8b8b8;
    box-shadow: 0px 0px 15px #b8b8b8
}

@media only screen and (max-width: 975px) {
    .detail #slides img {
        height:auto;
        margin: 2%;
        width: 96%
    }
}

.detail #slide-controls {
    position: relative;
    left: 47%
}

.detail #slide-controls a {
    background-image: url("./public/assets./images/slide-buttons.png");
    background-position: 0px 1px;
    display: block;
    width: 13px;
    height: 13px;
    margin-left: 2px;
    text-indent: -3000px
}

.detail #slide-controls a.activeSlide {
    background-position: -13px 0px;
    cursor: default !important
}

.detail .section {
    padding-bottom: 20px;
    float: left;
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px
}

@media only screen and (max-width: 975px) {
    .detail .wrap .widecol {
        width:58%
    }
}

@media only screen and (max-width: 700px) {
    .detail .wrap .widecol {
        border:none;
        float: none;
        margin: 60px auto 0;
        padding: 0;
        width: 92%
    }
}

@media only screen and (max-width: 975px) {
    .detail .wrap .nav-previous {
        width:100%
    }
}

@media only screen and (max-width: 778px) {
    .detail .wrap .nav-previous .button {
        padding:18px 20px 10px
    }
}

@media only screen and (max-width: 778px) {
    .detail .wrap .narrowcol {
        display:block
    }
}

@media only screen and (max-width: 700px) {
    .detail .wrap .narrowcol {
        display:none
    }
}

.detail .section .content {
    padding-bottom: 20px;
    width: 632px
}

@media only screen and (max-width: 975px) {
    .detail .section .content {
        width:100%
    }
}

.detail .section .content h2 {
    font: 23px/1 DNRM;
    text-transform: uppercase;
    margin-bottom: 15px
}

.detail .section .content h2.needs-margin {
    margin-top: 40px
}

.detail .section .content h3 {
    font: 18px/1 DNRB;
    margin: 30px 0 10px
}

.detail .section .content ul {
    margin: 5px 0 20px
}

.detail .section .content li {
    margin: 0 0 8px
}

.detail .section .content li strong {
    font-family: DNLTR
}

.detail .section .content img {
    width: 632px
}

.detail .section#long-description {
    float: left
}

.detail .section#long-description ol {
    margin-bottom: 20px
}

.detail .section#long-description ol li {
    list-style: decimal;
    margin-left: 20px
}

.detail blockquote {
    font: 17px/1.2 DNLTRI;
    color: #888;
    margin: 25px 0 30px 25px
}

.detail blockquote p {
    margin: 0 0 10px 0;
    padding: 0
}

.detail .sidebar-gray {
    margin-bottom: 30px;
    padding: 15px 0;
    font: 14px DNRR;
    color: #555;
    background: #ddd url("./public/assets./images/options-bg.png") repeat;
    -webkit-box-shadow: inset 0 0 5px #d0d0d0;
    -moz-box-shadow: inset 0 0 5px #d0d0d0;
    -ms-box-shadow: inset 0 0 5px #d0d0d0;
    -o-box-shadow: inset 0 0 5px #d0d0d0;
    box-shadow: inset 0 0 5px #d0d0d0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden
}

.detail .sidebar-gray-heading h1 {
    font: 18px DNRB;
    color: #444;
    padding-left: 4px;
    background: none;
    margin: 0 15px 10px;
    text-transform: uppercase;
    letter-spacing: 1px
}

.detail .sidebar-gray p {
    font: 13px DNLTR;
    margin-bottom: 15px;
    padding: 0px 20px
}

.detail .sidebar-gray p strong {
    font: normal 14px DNLTB;
    display: block
}

.detail .sidebar-gray p abbr {
    border: none
}

.detail .sidebar-gray ul.social {
    clear: both;
    float: left;
    margin: 10px 20px 0;
    bottom: 0;
    border-top: 1px solid #bbb;
    padding: 15px 0 0;
    width: 247px
}

.detail #long-description ul li {
    margin-left: 17px;
    list-style: disc
}

.app-store.detail {
    padding: 20px 0 80px
}

#long-description img {
    width: auto !important
}

.detail #long-description ul li {
    width: auto !important
}

@-webkit-keyframes morespeed {
    0% {
        -webkit-transform: rotate(0deg)
    }

    20% {
        -webkit-transform: rotate(1deg)
    }

    25% {
        -webkit-transform: rotate(0deg)
    }

    30% {
        -webkit-transform: rotate(0deg);
        -webkit-animation-timing-function: cubic-bezier(0.29, 1, 1, 0.19)
    }

    90% {
        -webkit-transform: rotate(185deg);
        -webkit-animation-timing-function: ease-out
    }

    93% {
        -webkit-transform: rotate(180deg)
    }

    100% {
        -webkit-transform: rotate(185deg)
    }
}

@-moz-keyframes morespeed {
    0% {
        -moz-transform: rotate(0deg)
    }

    20% {
        -moz-transform: rotate(1deg)
    }

    25% {
        -moz-transform: rotate(0deg)
    }

    30% {
        -moz-transform: rotate(0deg);
        -moz-animation-timing-function: cubic-bezier(0.29, 1, 1, 0.19)
    }

    90% {
        -moz-transform: rotate(185deg);
        -moz-animation-timing-function: ease-out
    }

    93% {
        -moz-transform: rotate(180deg)
    }

    100% {
        -moz-transform: rotate(185deg)
    }
}

@-ms-keyframes morespeed {
    0% {
        -ms-transform: rotate(0deg)
    }

    20% {
        -ms-transform: rotate(1deg)
    }

    25% {
        -ms-transform: rotate(0deg)
    }

    30% {
        -ms-transform: rotate(0deg);
        -ms-animation-timing-function: cubic-bezier(0.29, 1, 1, 0.19)
    }

    90% {
        -ms-transform: rotate(185deg);
        -ms-animation-timing-function: ease-out
    }

    93% {
        -ms-transform: rotate(180deg)
    }

    100% {
        -ms-transform: rotate(185deg)
    }
}

@-keyframes morespeed {
    0% {
        -o-transform: rotate(0deg)
    }

    20% {
        -o-transform: rotate(1deg)
    }

    25% {
        -o-transform: rotate(0deg)
    }

    30% {
        -o-transform: rotate(0deg);
        -o-animation-timing-function: cubic-bezier(0.29, 1, 1, 0.19)
    }

    90% {
        -o-transform: rotate(185deg);
        -o-animation-timing-function: ease-out
    }

    93% {
        -o-transform: rotate(180deg)
    }

    100% {
        -o-transform: rotate(185deg)
    }
}

@media only screen and (max-width: 975px) {
    .pl-overflow {
        left:-353px !important
    }
}

@media only screen and (max-width: 700px) {
    .pl-overflow {
        left:0px !important
    }
}

#speedometer li {
    list-style: none
}

#speedometer #wand {
    position: absolute;
    top: 260px;
    left: 185px;
    z-index: 10;
    -webkit-animation: morespeed 3s 1 .5s forwards;
    -moz-animation: morespeed 3s 1 .5s forwards;
    -ms-animation: morespeed 3s 1 .5s forwards;
    -o-animation: morespeed 3s 1 .5s forwards
}

@media only screen and (max-width: 975px) {
    .benchmark {
        margin-top:10px !important
    }
}

.benchmark .pl-background {
    background: url("./public/assets./images/t-landing_pages/benchmark/sprite.jpg") -15px -581px
}

@media only screen and (max-width: 700px) {
    .benchmark .pl-background {
        display:none
    }
}

.no-cssanimations #speedometer #wand {
    position: absolute;
    top: 260px;
    left: 365px;
    z-index: 10
}

#speedometer #nub {
    position: absolute;
    top: 240px;
    left: 337px;
    z-index: 20
}

#speedometer #marker {
    position: absolute;
    top: 186px;
    left: 295px;
    display: none;
    background: url("./public/assets./images/p-benchmark/graphic-global-sat.png");
    width: 240px;
    height: 38px
}

.no-cssanimations #speedometer #marker {
    display: block
}

@media only screen and (max-width: 975px) {
    .greentab {
        display:none
    }
}

@media only screen and (max-width: 975px) {
    .section-title {
        width:192%
    }
}

.benchmark .pl-content .section {
    overflow: visible;
    margin-top: 0
}

.benchmark .pl-content .box {
    padding-top: 58px
}

.benchmark .pl-content h2 {
    color: #434343
}

.benchmark ul.social {
    height: 40px;
    width: 100%;
    margin: 0;
    padding: 20px 0 0;
    clear: both
}

.benchmark ul.social li {
    float: left;
    list-style: none
}

.benchmark #calls-to-action {
    width: 269px;
    float: left;
    padding-top: 13px
}

.benchmark .last-update {
    color: #AAA;
    float: right;
    margin: 8px 8px 0 0;
    font-size: 13px
}

@media only screen and (max-width: 700px) {
    .benchmark .last-update {
        display:none
    }
}

a.btn-cta {
    width: 215px;
    height: 49px;
    float: left;
    display: block;
    position: relative
}

a#summary {
    background: url("./public/assets./images/t-landing_pages/benchmark/btn-sprite.png") 0 0 no-repeat
}

a#full {
    margin-top: 5px;
    background: url("./public/assets./images/t-landing_pages/benchmark/btn-sprite.png") -223px 0 no-repeat
}

a#summary:hover,a#full:hover {
    top: 1px
}

a#summary:active,a#full:active {
    top: 0px
}

article.benchmark #pl-content-top p {
    font: 22px/1 DNLTR;
    color: #838383;
    margin: 0 0 17px 1px
}

article.benchmark .pl-content h2 {
    font: 76px/1 DNLTB;
    color: #134448;
    line-height: 68px;
    font-weight: normal;
    margin: 0 0 8px
}

article.benchmark .pl-content .buttons a {
    float: left;
    display: inline
}

article.benchmark #intro .col-left {
    width: 615px
}

article.benchmark #intro .col-right {
    width: 294px
}

@media only screen and (max-width: 975px) {
    article.benchmark #intro .col-right {
        display:none
    }
}

article.benchmark #intro h2 {
    font: 28px DNLTR;
    color: #444
}

article.benchmark .button-white,article.benchmark .button-white-disabled:hover {
    display: block;
    height: 49px;
    padding: 0px 10px 0;
    float: left;
    width: 239px;
    width: 200px;
    font: 17px/51px DNRM
}

@media only screen and (max-width: 700px) {
    article.benchmark .button-white,article.benchmark .button-white-disabled:hover {
        width:250px
    }
}

article.benchmark #intro p {
    font-size: 20px;
    line-height: 1.3;
    margin: 20px 0 20px 0;
    padding-right: 30px;
    color: #666
}

@media only screen and (max-width: 975px) {
    article.benchmark #intro .col-left {
        width:104%;
        margin: 0 0 50px
    }
}

#average-benchmark {
    float: left;
    margin: 0 auto;
    width: 368px
}

#average-benchmark ul {
    margin: 130px auto 84px;
    overflow: hidden;
    width: 200px;
    padding: 0;
    position: relative
}

#average-benchmark li {
    list-style: none;
    overflow: hidden;
    margin-bottom: 98px
}

#average-benchmark li#global-tickets-per-month {
    margin-left: 22px
}

#average-benchmark #global-first-response-time em {
    position: relative;
    font: 45px DNLTM;
    color: #688D00;
    top: 25px
}

article.benchmark .hulk-alphanumeric span {
    background: url("./public/assets./images/t-landing_pages/benchmark/hulk-numbers.png");
    width: 54px;
    height: 67px;
    display: block;
    text-indent: -9999em;
    float: left;
    margin: 0 auto
}

article.benchmark .hulk-alphanumeric span#pos2 {
    background-position: 0 -68px
}

article.benchmark .hulk-alphanumeric span#pos3 {
    background-position: 0 -139px
}

article.benchmark .hulk-alphanumeric span#pos4 {
    background-position: 0 -210px
}

article.benchmark .hulk-alphanumeric span#pos5 {
    background-position: 0 -280px
}

article.benchmark .hulk-alphanumeric span#pos6 {
    background-position: 0 -350px
}

article.benchmark .hulk-alphanumeric span#pos7 {
    background-position: 0 -421px
}

article.benchmark .hulk-alphanumeric span#pos8 {
    background-position: 0 -490px
}

article.benchmark .hulk-alphanumeric span#pos9 {
    background-position: 0 -560px
}

article.benchmark .hulk-alphanumeric span#pos0 {
    background-position: 0 -716px
}

article.benchmark .hulk-alphanumeric span#posdot {
    background-position: 0 -628px;
    height: 17px;
    position: relative;
    top: 50px;
    bottom: 0;
    width: 22px
}

article.benchmark .hulk-alphanumeric span#posp {
    background-position: 0 -646px;
    height: 68px;
    width: 76px
}

#benchmark-table {
    overflow: hidden;
    background: url("./public/assets./images/t-landing_pages/benchmark/sprite.jpg");
    margin-left: -25px;
    width: 984px;
    height: 581px
}

@media only screen and (max-width: 975px) {
    #benchmark-table {
        width:334px;
        margin-left: 50%
    }
}

@media only screen and (max-width: 700px) {
    #benchmark-table {
        display:none
    }
}

#industry-benchmark .col-right {
    width: 260px;
    margin: 5px 10px 0 0
}

#industry-benchmark .col-right h3#first {
    margin-top: 0
}

#industry-benchmark .col-right h3 {
    font: 15px DNLTM;
    background: #ffffff;
    margin: 0 0 10px;
    padding: 7px 10px 3px;
    float: left;
    display: block;
    width: 240px;
    clear: both
}

#industry-benchmark .col-right p {
    font-size: 12px;
    color: #afafaf;
    margin-bottom: 10px
}

.col-right #who-knew-img {
    width: 293px;
    height: 235px;
    display: block;
    background: url("//web.archive.org/web/20190118075937im_/http://d16cvnquvjw7pr.cloudfront.net/www/img/p-benchmark/graphic-country-satisfaction-v2.png");
    clear: both
}

#industry-benchmark ul {
    margin: 0 0 10px;
    padding: 0;
    position: relative;
    float: left
}

#industry-benchmark li {
    display: block;
    width: 111px;
    height: 17px;
    margin: 0 0 5px -12px;
    padding: 3px 0 0 31px;
    font: 10px DNRB;
    text-transform: uppercase;
    float: left;
    color: #434343;
    list-style: none;
    background: url("./public/assets./images/t-landing_pages/benchmark/sprite.jpg") -984px -235px
}

#industry-benchmark li:hover,#industry-benchmark li.active {
    background: url("./public/assets./images/t-landing_pages/benchmark/sprite.jpg") -984px -255px
}

#industry-benchmark li#global {
    display: none
}

#industry-benchmark {
    width: 600px;
    height: 567px;
    padding: 8px;
    float: right
}

@media only screen and (max-width: 975px) {
    #industry-benchmark {
        display:none
    }
}

#industry-benchmark div.data-point {
    font: 95px/1 DNLTB;
    text-align: center;
    height: 117px;
    padding-top: 33px;
    margin-bottom: 13px;
    position: relative
}

#industry-benchmark div.data-point span#hrs {
    font: 45px DNLTM
}

#industry-benchmark .col-left {
    width: 310px
}

#industry-benchmark .col-left h1 {
    font: 12px DNLTL;
    color: #ccc;
    text-align: center;
    letter-spacing: 1px;
    margin: 16px 0 1px
}

#industry-benchmark .col-left h2 {
    margin: 0 0 27px;
    font: 26px DNLTM;
    line-height: 1;
    color: #ffffff;
    text-align: center;
    text-transform: uppercase
}

.face {
    width: 32px;
    height: 34px;
    display: block;
    position: relative;
    right: 0;
    margin: -14px 0 0 270px
}

#sad {
    background: url("./public/assets./images/t-landing_pages/benchmark/sprite.jpg") -984px -313px
}

#happy {
    background: url("./public/assets./images/t-landing_pages/benchmark/sprite.jpg") -1016px -313px
}

#industry-benchmark li.start {
    clear: both
}

#industry-benchmark li.end {
    margin-bottom: 55px
}

#industry-benchmark h3#title2 {
    position: absolute;
    top: 285px
}

#industry-benchmark h3#title3 {
    position: absolute;
    top: 385px
}

#industry-benchmark li#target-1-9,#industry-benchmark li#target-businesses {
    clear: both
}

article.benchmark .pl-content h2 {
    font: 76px/0.9em DNLTL;
    color: #555;
    margin-bottom: 15px
}

@media only screen and (max-width: 975px) {
    article.benchmark .pl-content h2 {
        font-size:62px;
        padding-top: 20px
    }
}

@media only screen and (max-width: 700px) {
    article.benchmark .pl-content h2 {
        font-size:50px
    }
}

.ie8 #main.brand-assets div.part article section aside .tile.small .left,.ie8 #main.brand-assets div.part article section aside .tile.small .right {
    text-indent: 0 !important
}

#main.brand-assets {
    margin-top: 0;
    width: 100%
}

#main.brand-assets #video {
    margin: 100px 0 50px
}

@media only screen and (max-width: 975px) {
    #main.brand-assets #video {
        display:none
    }
}

#main.brand-assets em {
    color: #9d9fa2;
    font-size: 12px;
    line-height: 28px;
    float: right
}

@media only screen and (max-width: 700px) {
    #main.brand-assets em {
        float:left;
        font-size: 14px
    }
}

#main.brand-assets .l-col-960 {
    width: 100%
}

#main.brand-assets .feature-matrix-dark .feature-matrix-list {
    width: 450px
}

@media only screen and (max-width: 975px) {
    #main.brand-assets .feature-matrix-dark .feature-matrix-list {
        width:500px
    }
}

@media only screen and (max-width: 700px) {
    #main.brand-assets .feature-matrix-dark .feature-matrix-list {
        width:50%
    }
}

#main.brand-assets .feature-matrix {
    margin-bottom: -125px;
    padding: 98px 0;
    position: relative
}

@media only screen and (max-width: 975px) {
    #main.brand-assets .feature-matrix {
        margin-bottom:0
    }
}

@media only screen and (max-width: 700px) {
    #main.brand-assets .feature-matrix {
        margin-bottom:-70px;
        padding: 20px 0
    }
}

#main.brand-assets .feature-matrix .feature-matrix-title {
    padding-bottom: 50px
}

@media only screen and (max-width: 700px) {
    #main.brand-assets .feature-matrix .feature-matrix-title {
        padding-bottom:10px
    }
}

#main.brand-assets .feature-matrix .feature-matrix-list-item {
    width: 150px
}

#main.brand-assets .feature-matrix .feature-matrix-list-item .ico {
    background-image: url("./public/assets./images/p-brand/sprite-feature-matrix-tour.jpg")
}

#main.brand-assets .feature-matrix .feature-matrix-list-item .ico.ico-history {
    background-position: -2px 0
}

#main.brand-assets .feature-matrix .feature-matrix-list-item .ico.ico-press {
    background-position: -156px 0
}

#main.brand-assets .feature-matrix .feature-matrix-list-item .ico.ico-pin {
    background-position: -310px 0
}

#main.brand-assets .feature-matrix .feature-matrix-list-item .ico.ico-dribb {
    background-position: -463px 0
}

#main.brand-assets section.widthed {
    margin: 0 auto;
    width: 960px
}

@media only screen and (max-width: 975px) {
    #main.brand-assets section.widthed {
        width:100%
    }
}

#main.brand-assets section.widthed:last-child {
    position: relative;
    height: 239px
}

#main.brand-assets div.part {
    background: none;
    clear: both;
    overflow: hidden;
    position: relative;
    min-height: 706px
}

#main.brand-assets div.part.last {
    background: #f9f9f9
}

#main.brand-assets div.part .looper {
    position: relative;
    z-index: 1;
    line-height: 1;
    width: auto;
    height: auto
}

#main.brand-assets div.part .looper:focus {
    outline: 0
}

#main.brand-assets div.part .looper .looper-inner {
    overflow: hidden;
    width: 100%;
    height: auto;
    position: relative;
    z-index: 2
}

#main.brand-assets div.part .looper .item {
    display: none;
    position: relative;
    z-index: 3
}

#main.brand-assets div.part .looper .item.active,#main.brand-assets div.part .looper .item.next,#main.brand-assets div.part .looper .item.prev {
    display: block
}

#main.brand-assets div.part .looper .item.active {
    top: 0;
    left: 0;
    z-index: 4
}

#main.brand-assets div.part .looper .item>div {
    display: block;
    line-height: 1
}

#main.brand-assets div.part .looper.slide .item {
    -webkit-transition: 0.5s ease-in-out left;
    -moz-transition: 0.5s ease-in-out left;
    -o-transition: 0.5s ease-in-out left;
    transition: 0.5s ease-in-out left
}

#main.brand-assets div.part .looper.slide .item.next,#main.brand-assets div.part .looper.slide .item.prev {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

#main.brand-assets div.part .looper.slide .item.next {
    left: 100%
}

#main.brand-assets div.part .looper.slide .item.prev {
    left: -100%
}

#main.brand-assets div.part .looper.slide .item.active.prev,#main.brand-assets div.part .looper.slide .item.active.next {
    position: relative;
    left: 0
}

#main.brand-assets div.part .looper.slide .item.go {
    left: 0
}

#main.brand-assets div.part .looper.slide .item.go.active {
    left: -100%
}

#main.brand-assets div.part .looper.slide .item.go.active.prev {
    left: 100%
}

#main.brand-assets div.part .looper.slide.right .item.next {
    left: -100%
}

#main.brand-assets div.part .looper.slide.right .item.prev {
    left: 100%
}

#main.brand-assets div.part .looper.slide.right .item.go {
    left: 0
}

#main.brand-assets div.part .looper.slide.right .item.go.active {
    left: 100%
}

#main.brand-assets div.part .looper.slide.right .item.go.active.prev {
    left: -100%
}

#main.brand-assets div.part .looper.slide.down .looper-inner {
    height: 100%
}

#main.brand-assets div.part .looper.slide.down .item {
    -webkit-transition: 0.5s ease-in-out top;
    -moz-transition: 0.5s ease-in-out top;
    -o-transition: 0.5s ease-in-out top;
    transition: 0.5s ease-in-out top
}

#main.brand-assets div.part .looper.slide.down .item.next,#main.brand-assets div.part .looper.slide.down .item.prev {
    left: 0
}

#main.brand-assets div.part .looper.slide.down .item.next {
    top: -100%
}

#main.brand-assets div.part .looper.slide.down .item.prev {
    top: 100%
}

#main.brand-assets div.part .looper.slide.down .item.go {
    top: 0
}

#main.brand-assets div.part .looper.slide.down .item.go.active {
    top: 100%;
    left: 0
}

#main.brand-assets div.part .looper.slide.down .item.go.active.prev {
    top: -100%
}

#main.brand-assets div.part .looper.slide.up .looper-inner {
    height: 100%
}

#main.brand-assets div.part .looper.slide.up .item {
    -webkit-transition: 0.5s ease-in-out top;
    -moz-transition: 0.5s ease-in-out top;
    -o-transition: 0.5s ease-in-out top;
    transition: 0.5s ease-in-out top
}

#main.brand-assets div.part .looper.slide.up .item.next,#main.brand-assets div.part .looper.slide.up .item.prev {
    left: 0
}

#main.brand-assets div.part .looper.slide.up .item.next {
    top: 100%
}

#main.brand-assets div.part .looper.slide.up .item.prev {
    top: -100%
}

#main.brand-assets div.part .looper.slide.up .item.go {
    top: 0
}

#main.brand-assets div.part .looper.slide.up .item.go.active {
    top: -100%;
    left: 0
}

#main.brand-assets div.part .looper.slide.up .item.go.active.prev {
    top: 100%
}

#main.brand-assets div.part .looper-control {
    position: absolute;
    z-index: 5;
    top: 50%;
    left: -20px;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    font-size: 30px;
    line-height: 40px;
    color: #ffffff;
    text-align: center;
    cursor: pointer;
    background: #333333;
    border: 3px solid #ffffff;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    border-radius: 23px;
    opacity: 0.5;
    filter: alpha(opacity=50);
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none
}

#main.brand-assets div.part .looper-control.right {
    left: auto;
    right: -20px
}

#main.brand-assets div.part .looper-control:hover {
    color: #ffffff;
    text-decoration: none;
    text-shadow: none;
    opacity: 0.9;
    filter: alpha(opacity=90)
}

#main.brand-assets div.part .looper-nav {
    background: transparent;
    text-align: center;
    list-style-type: none;
    margin: 0
}

#main.brand-assets div.part .looper-nav>li {
    display: inline-block;
    font-size: 36px
}

#main.brand-assets div.part .looper-nav>li a {
    color: #049cdb
}

#main.brand-assets div.part .looper-nav>li a:hover {
    color: #036690
}

#main.brand-assets div.part .looper-nav>li.active a,#main.brand-assets div.part .looper-nav>li.active a:hover {
    color: #036690
}

#main.brand-assets div.part .devices {
    margin: 70px 0 70px 70px;
    overflow: hidden;
    position: relative
}

#main.brand-assets div.part .devices li {
    height: 350px;
    width: 550px;
    position: relative;
    display: block;
    float: left
}

#main.brand-assets div.part .devices li .item:nth-child(1) {
    background: url("//web.archive.org/web/20190118075937im_/http://d16cvnquvjw7pr.cloudfront.net/www/img/p-brand/sprite-screen3.png") no-repeat scroll 0 0 transparent
}

#main.brand-assets div.part .devices li .item:nth-child(2) {
    background: url("//web.archive.org/web/20190118075937im_/http://d16cvnquvjw7pr.cloudfront.net/www/img/p-brand/sprite-screen2.png") no-repeat scroll 0 0 transparent
}

#main.brand-assets div.part .devices li .item:nth-child(3) {
    background: url("//web.archive.org/web/20190118075937im_/http://d16cvnquvjw7pr.cloudfront.net/www/img/p-brand/sprite-screen1.png") no-repeat scroll 0 0 transparent
}

#main.brand-assets div.part .devices li.iphone {
    height: 115px;
    margin-bottom: -3px;
    margin-right: -54px;
    margin-top: 203px;
    width: 102px;
    z-index: 5
}

#main.brand-assets div.part .devices li.iphone .looper {
    height: 68px;
    margin-left: 45px;
    margin-top: 15px;
    width: 37px
}

#main.brand-assets div.part .devices li.iphone .looper .looper-inner div {
    height: 68px;
    width: 37px;
    background-position: -45px -218px
}

#main.brand-assets div.part .devices li.ipad {
    height: 215px;
    margin-right: -65px;
    margin-top: 100px;
    width: 181px;
    z-index: 4
}

#main.brand-assets div.part .devices li.ipad .looper {
    height: 160px;
    margin-left: 30px;
    margin-top: 19px;
    width: 119px
}

#main.brand-assets div.part .devices li.ipad .looper .looper-inner div {
    height: 160px;
    width: 119px;
    background-position: -118px -119px
}

#main.brand-assets div.part .devices li.imac {
    height: 315px;
    width: 357px;
    z-index: 3
}

#main.brand-assets div.part .devices li.imac .looper {
    height: 192px;
    margin-left: 17px;
    margin-top: 17px;
    width: 321px
}

#main.brand-assets div.part .devices li.imac .looper .looper-inner div {
    height: 192px;
    width: 321px;
    background-position: -286px -17px
}

#main.brand-assets div.part .devices li.glare {
    background: url("./public/assets./images/p-brand/sprite-devicesGlare.png") no-repeat scroll -105px 0 transparent;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 6
}

#main.brand-assets div.part .boxes li {
    background: #f0f0f0;
    cursor: pointer;
    float: left;
    display: block;
    margin-right: 20px;
    padding: 18px 20px;
    height: 60px;
    width: 178px
}

#main.brand-assets div.part .boxes li.active {
    background: white
}

#main.brand-assets div.part .boxes li:last-child {
    margin-right: 0
}

#main.brand-assets div.part .boxes li strong {
    font: 14px/18px DNLTM;
    color: black;
    font-weight: normal;
    text-transform: uppercase
}

#main.brand-assets div.part .boxes li span {
    font: 12px DNLTM;
    color: #888
}

#main.brand-assets div.part .boxes li a {
    font: 14px/26px DNLTM
}

#main.brand-assets div.part section.widthed {
    margin: 0 auto;
    width: 960px
}

#main.brand-assets div.part section.widthed:last-child {
    position: relative;
    height: 239px
}

#main.brand-assets div.part article {
    margin: 0 auto;
    width: 960px
}

@media only screen and (max-width: 975px) {
    #main.brand-assets div.part article {
        width:100%
    }
}

#main.brand-assets div.part article section {
    color: #434343;
    margin: 154px 0;
    clear: both;
    float: right;
    width: 695px
}

@media only screen and (max-width: 975px) {
    #main.brand-assets div.part article section {
        margin:80px 5% 80px 20%;
        width: 65%
    }
}

@media only screen and (max-width: 700px) {
    #main.brand-assets div.part article section {
        margin:80px 10%;
        width: 80%
    }
}

#main.brand-assets div.part article section aside {
    float: left;
    margin-right: 45px;
    margin-top: 50px
}

#main.brand-assets div.part article section aside.top {
    margin-top: 75px
}

@media only screen and (max-width: 975px) {
    #main.brand-assets div.part article section aside.top {
        margin-right:10px
    }
}

@media only screen and (max-width: 700px) {
    #main.brand-assets div.part article section aside.top {
        margin-top:15px;
        margin-bottom: 15px
    }
}

@media only screen and (max-width: 975px) {
    #main.brand-assets div.part article section aside.top span.color-block {
        width:145px !important
    }
}

@media only screen and (max-width: 700px) {
    #main.brand-assets div.part article section aside.top span.color-block {
        width:62px !important
    }
}

#main.brand-assets div.part article section aside.end {
    margin-right: 0
}

#main.brand-assets div.part article section aside.zen-agent {
    position: absolute;
    right: -403px;
    top: 640px
}

@media only screen and (max-width: 700px) {
    #main.brand-assets div.part article section aside .color-block {
        margin-bottom:-30px !important;
        height: 115px !important;
        width: 64px !important
    }
}

#main.brand-assets div.part article section aside .color-block span {
    background-color: #f0f0f0;
    display: block;
    height: 156px;
    width: 100%
}

@media only screen and (max-width: 700px) {
    #main.brand-assets div.part article section aside .color-block span {
        height:62px
    }
}

#main.brand-assets div.part article section aside .color-block.green span {
    background-color: #78A300
}

#main.brand-assets div.part article section aside .color-block.gray span {
    background-color: #434343
}

#main.brand-assets div.part article section aside .tile {
    cursor: default;
    display: block;
    float: none;
    height: 156px;
    padding: 5px;
    width: 311px;
    margin: 0 0 10px
}

#main.brand-assets div.part article section aside .tile.small {
    width: 156px;
    margin-bottom: 75px
}

#main.brand-assets div.part article section aside .tile.small .left {
    float: left
}

@media only screen and (max-width: 700px) {
    #main.brand-assets div.part article section aside .tile.small .left {
        text-indent:0 !important
    }
}

#main.brand-assets div.part article section aside .tile.small .right {
    float: right
}

@media only screen and (max-width: 700px) {
    #main.brand-assets div.part article section aside .tile.small .right {
        text-indent:-9999px !important
    }
}

#main.brand-assets div.part article section aside .tile.small .center {
    margin: 0 auto !important;
    text-align: center;
    width: 100%
}

#main.brand-assets div.part article section aside .tile.small .left,#main.brand-assets div.part article section aside .tile.small .right,#main.brand-assets div.part article section aside .tile.small .center {
    text-indent: -9999px;
    color: #444444;
    font: 12.5px/4.75 DNRM;
    margin: 0 3px
}

#main.brand-assets div.part article section aside .tile.logo-1,#main.brand-assets div.part article section aside .tile.logo-2,#main.brand-assets div.part article section aside .tile.desk-1,#main.brand-assets div.part article section aside .tile.desk-2,#main.brand-assets div.part article section aside .tile.desk-3 {
    background-position: -8px -8px;
    background-color: white;
    background-attachment: scroll;
    background-image: url("//web.archive.org/web/20190118075937im_/http://d16cvnquvjw7pr.cloudfront.net/www/img/p-brand/sprite-desktops.png");
    background-size: 677px 746px;
    background-repeat: no-repeat;
    cursor: pointer
}

@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
    #main.brand-assets div.part article section aside .tile.logo-1,#main.brand-assets div.part article section aside .tile.logo-2,#main.brand-assets div.part article section aside .tile.desk-1,#main.brand-assets div.part article section aside .tile.desk-2,#main.brand-assets div.part article section aside .tile.desk-3 {
        background-image:url("//web.archive.org/web/20190118075937im_/http://d16cvnquvjw7pr.cloudfront.net/www/img/p-brand/sprite-desktops-2X.png");
        background-size: 677px 746px
    }
}

@media only screen and (max-width: 700px) {
    #main.brand-assets div.part article section aside .tile.logo-1,#main.brand-assets div.part article section aside .tile.logo-2,#main.brand-assets div.part article section aside .tile.desk-1,#main.brand-assets div.part article section aside .tile.desk-2,#main.brand-assets div.part article section aside .tile.desk-3 {
        background-size:534px auto;
        width: 240px;
        height: 118px
    }
}

#main.brand-assets div.part article section aside .tile.logo-2 {
    background-position: -8px -184px
}

@media only screen and (max-width: 700px) {
    #main.brand-assets div.part article section aside .tile.logo-2 {
        background-position:-8px -147px
    }
}

#main.brand-assets div.part article section aside .tile.desk-1,#main.brand-assets div.part article section aside .tile.desk-2,#main.brand-assets div.part article section aside .tile.desk-3 {
    height: 179px;
    width: 319px
}

@media only screen and (max-width: 700px) {
    #main.brand-assets div.part article section aside .tile.desk-1,#main.brand-assets div.part article section aside .tile.desk-2,#main.brand-assets div.part article section aside .tile.desk-3 {
        border:4px solid white;
        background-size: 619px auto !important;
        height: 140px;
        width: 232px
    }
}

#main.brand-assets div.part article section aside .tile.desk-1 {
    background-position: -339px -8px
}

#main.brand-assets div.part article section aside .tile.desk-2 {
    background-position: -339px -208px
}

#main.brand-assets div.part article section aside .tile.desk-3 {
    background-position: -339px -408px;
    height: 319px
}

@media only screen and (max-width: 700px) {
    #main.brand-assets div.part article section aside .tile.desk-3 {
        height:205px
    }
}

#main.brand-assets div.part article section aside .tile.swatch-ai,#main.brand-assets div.part article section aside .tile.swatch-psd {
    background: url("./public/assets./images/p-brand/sprite-swatches.png") no-repeat scroll 5px 6px transparent;
    border: solid 5px white;
    font: 14px/18px DNRM;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    padding: 10px 8px 10px 10px;
    height: 62px;
    width: 140px
}

@media only screen and (max-width: 700px) {
    #main.brand-assets div.part article section aside .tile.swatch-ai,#main.brand-assets div.part article section aside .tile.swatch-psd {
        margin-top:-100px
    }
}

#main.brand-assets div.part article section aside .tile.swatch-ai a,#main.brand-assets div.part article section aside .tile.swatch-psd a {
    float: right;
    padding: 6px 0 0 5px;
    width: 70px;
    text-align: left
}

#main.brand-assets div.part article section aside .tile.swatch-psd {
    background-position: 5px -73px
}

#main.brand-assets div.part article section aside a {
    display: block;
    float: left
}

#main.brand-assets div.part article section h2 {
    font: 32px/40px DNRL;
    margin-top: 0;
    margin-bottom: 30px;
    text-transform: uppercase
}

#main.brand-assets div.part article section h2 strong {
    font-weight: normal;
    font-family: DNRM
}

#main.brand-assets div.part article section h3.h-rev {
    margin: 50px 0 0;
    border-bottom: 1px solid #d3d3d3;
    font: 18px DNRR;
    text-transform: uppercase
}

#main.brand-assets div.part article section h6.h-rev {
    clear: both;
    font: 27px DNLTL;
    color: #78a300;
    margin: 50px 0 0
}

#main.brand-assets div.part article section.first h2 {
    margin-top: 115px
}

#main.brand-assets div.part article section .note {
    color: #c1d86a;
    font: 12px DNRM;
    letter-spacing: .5px
}

#main.brand-assets div.part article section p {
    font: 16px/24px PNR
}

#main.brand-assets div.part article section .mister-elk {
    background: url("./public/assets./images/p-brand/mister-elk.png") no-repeat scroll bottom center transparent;
    display: block;
    width: 192px;
    height: 188px;
    bottom: -189px;
    right: 0;
    position: absolute
}

@media only screen and (max-width: 975px) {
    #main.brand-assets div.part article section .mister-elk {
        bottom:-130px !important
    }
}

@media only screen and (max-width: 700px) {
    #main.brand-assets div.part article section .mister-elk {
        bottom:0px !important
    }
}

#main.brand-assets div.part#color .tile {
    cursor: pointer
}

#main.brand-assets div.part#mentor article section aside {
    margin-right: 33px
}

@media only screen and (max-width: 700px) {
    #main.brand-assets div.part#mentor article section aside {
        margin-top:10px
    }
}

#main.brand-assets div.part#mentor article section aside.end {
    margin-right: 0
}

#main.brand-assets div.part#mentor h4,#main.brand-assets div.part#mentor .mobile-modal .mobile-modal-list li h5,.mobile-modal .mobile-modal-list li #main.brand-assets div.part#mentor h5,#main.brand-assets div.part.last h4,#main.brand-assets div.part.last .mobile-modal .mobile-modal-list li h5,.mobile-modal .mobile-modal-list li #main.brand-assets div.part.last h5 {
    font: 12px DNRM;
    border-bottom: 1px solid #d7d7d7;
    color: #a7a9ac;
    letter-spacing: 0.5px;
    line-height: 2.5;
    margin-bottom: 20px;
    text-transform: uppercase
}

#main.brand-assets div.part#mentor .note {
    display: block;
    width: 320px
}

@media only screen and (max-width: 700px) {
    #main.brand-assets div.part#mentor .note {
        width:100%;
        margin-top: 30px
    }
}

#main.brand-assets div.part#mentor .note p {
    color: #505050;
    font: 16px/24px PNL;
    text-transform: none;
    letter-spacing: 0.25px
}

#main.brand-assets div.part.last aside {
    display: block;
    float: left;
    margin: 154px 0 -64px;
    width: 300px
}

@media only screen and (max-width: 975px) {
    #main.brand-assets div.part.last aside {
        width:52%;
        margin-top: 80px
    }
}

@media only screen and (max-width: 700px) {
    #main.brand-assets div.part.last aside {
        width:80%;
        margin-left: auto;
        margin-right: auto;
        float: none
    }
}

#main.brand-assets div.part.last aside.tile {
    cursor: default;
    height: auto;
    padding: 5px;
    margin-right: 135px;
    width: auto
}

#main.brand-assets div.part.last aside.slider {
    position: relative;
    width: 367px;
    height: 365px;
    margin-left: 80px
}

@media only screen and (max-width: 975px) {
    #main.brand-assets div.part.last aside.slider {
        overflow:hidden;
        height: auto;
        width: 31%;
        margin-left: 5%;
        margin-right: 5%
    }
}

@media only screen and (max-width: 700px) {
    #main.brand-assets div.part.last aside.slider {
        margin-left:8%;
        margin-top: 30px;
        width: 80%
    }
}

#main.brand-assets div.part.last aside.slider img {
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 8
}

@media only screen and (max-width: 975px) {
    #main.brand-assets div.part.last aside.slider img {
        left:0;
        top: 0;
        position: relative;
        width: 100%
    }
}

#main.brand-assets div.part.last aside.slider img.active {
    z-index: 10
}

#main.brand-assets div.part.last aside.slider img.last-active {
    z-index: 9
}

#main.brand-assets div.part.last p {
    color: #505050;
    font: 18px DNRL;
    text-transform: none;
    padding-right: 20px;
    letter-spacing: 0.25px
}

#main.brand-assets div.part.first {
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: top right;
    background-color: #5a8300;
    background-image: url("//web.archive.org/web/20190118075937im_/http://d16cvnquvjw7pr.cloudfront.net/www/img/p-brand/mentor-bg.png");
    background-size: 1059px 704px;
    background-size: cover !important;
    z-index: 1
}

@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
    #main.brand-assets div.part.first {
        background-image:url("//web.archive.org/web/20190118075937im_/http://d16cvnquvjw7pr.cloudfront.net/www/img/p-brand/mentor-bg-2X.png");
        background-size: 1059px 704px
    }
}

@media only screen and (max-width: 975px) {
    #main.brand-assets div.part.first {
        background-position:-84px bottom !important
    }
}

@media only screen and (max-width: 778px) {
    #main.brand-assets div.part.first {
        background-position:-190px bottom !important
    }
}

@media only screen and (max-width: 700px) {
    #main.brand-assets div.part.first {
        background-image:none;
        min-height: 410px
    }
}

#main.brand-assets div.part.first h2 {
    background: url("./public/assets./images/p-brand/brand-icon.png") no-repeat scroll top center transparent;
    color: #FFFFFF;
    font: 18px DNRM;
    height: 40px;
    padding: 135px 26px 0;
    position: absolute;
    text-transform: uppercase;
    top: 60px;
    white-space: nowrap;
    width: 130px
}

@media only screen and (max-width: 975px) {
    #main.brand-assets div.part.first h2 {
        margin-left:2.5%
    }
}

@media only screen and (max-width: 700px) {
    #main.brand-assets div.part.first h2 {
        display:none !important
    }
}

#main.brand-assets div.part.first section {
    margin-top: 60px
}

#main.brand-assets div.part.first section h4,#main.brand-assets div.part.first section .mobile-modal .mobile-modal-list li h5,.mobile-modal .mobile-modal-list li #main.brand-assets div.part.first section h5,#main.brand-assets div.part.first section p {
    color: #fff;
    text-transform: uppercase;
    margin: 0;
    font-family: DNRR
}

#main.brand-assets div.part.first section h4,#main.brand-assets div.part.first section .mobile-modal .mobile-modal-list li h5,.mobile-modal .mobile-modal-list li #main.brand-assets div.part.first section h5 {
    font-family: DNRB;
    margin-top: 20px
}

@media only screen and (max-width: 700px) {
    #main.brand-assets div.part.first section h4,#main.brand-assets div.part.first section .mobile-modal .mobile-modal-list li h5,.mobile-modal .mobile-modal-list li #main.brand-assets div.part.first section h5 {
        margin-top:10px
    }
}

@media only screen and (max-width: 975px) {
    #main.brand-assets div.part#brand {
        height:450px;
        min-height: 0
    }

    #main.brand-assets div.part#brand h2:after {
        content: "Zendesk";
        display: block;
        font: 3em/1.8 DNRL;
        text-transform: capitalize;
        margin-bottom: -50px
    }
}

@media only screen and (max-width: 975px) and (max-width: 700px) {
    #main.brand-assets div.part#brand {
        height:360px
    }
}

@media only screen and (max-width: 975px) and (max-width: 700px) {
    #main.brand-assets div.part#brand h2:after {
        font-size:2em;
        margin-bottom: -34px
    }
}

#main.brand-assets div.part#logo,#main.brand-assets div.part#color,#main.brand-assets div.part#legal {
    background: #f1f1f1
}

#main.brand-assets div.part#assets .tile-img {
    background: #fff;
    height: 133px;
    margin-bottom: 10px;
    width: 175px
}

#main.brand-assets div.part#assets .tile-img img {
    float: none;
    margin: 8px
}

#main.brand-assets .sidebar {
    position: absolute;
    top: 0;
    float: left;
    width: 180px;
    margin: 0 40px 0 0;
    z-index: 0;
    padding: 238px 0 0
}

@media only screen and (max-width: 975px) {
    #main.brand-assets .sidebar {
        margin-left:2.5% !important
    }
}

@media only screen and (max-width: 700px) {
    #main.brand-assets .sidebar {
        display:none !important
    }
}

#main.brand-assets .sidebar li:first-child {
    border-top: 1px solid #DCDCDC
}

#main.brand-assets .sidebar li {
    padding: 0;
    border-bottom: 1px solid #dedede;
    text-align: center
}

#main.brand-assets .sidebar li:hover,#main.brand-assets .sidebar li.current {
    background: #fff;
    margin-top: -1px;
    padding-top: 1px;
    border-bottom: 1px solid #fff;
    color: #4f84a5
}

#main.brand-assets .sidebar li a {
    display: block;
    font: 0.85em DNRB;
    text-transform: uppercase;
    padding: 10px 0 8px 0;
    color: #555
}

#main.brand-assets .sidebar li a:hover,#main.brand-assets .sidebar li.current a {
    color: #4384a6
}

#main.brand-assets .sidebar.first {
    border-color: #6a9338
}

#main.brand-assets .sidebar.first li {
    border-color: #6a9338
}

#main.brand-assets .sidebar.first li a {
    color: #fff
}

#main.brand-assets .sidebar.first li a:hover {
    color: #438486
}

#main.brand-assets .sidebar.first span a {
    border-color: transparent;
    -webkit-box-shadow: 0 4px 8px #456100;
    -moz-box-shadow: 0 4px 8px #456100;
    -ms-box-shadow: 0 4px 8px #456100;
    -o-box-shadow: 0 4px 8px #456100;
    box-shadow: 0 4px 8px #456100
}

#main.brand-assets .sidebar span a {
    border-color: #d9dddd;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    line-height: 35px;
    height: 40px;
    margin: 40px 0 0;
    width: 157px
}

#main.brand-assets .hidden {
    opacity: 0;
    display: none
}

@font-face {
    font-family: ENT;
    -moz-font-feature-settings: "liga=0";
    -moz-font-feature-settings: "liga" 0;
    src: url("./css/fonts/entypo.eot");
    src: url("./css/fonts/entypo.eot#iefix") format("embedded-opentype"),url("./css/fonts/entypo.woff") format("woff"),url("./css/fonts/entypo.ttf") format("truetype"),url("./css/fonts/entypo.svg") format("svg")
}

@font-face {
    font-family: ENTS;
    -moz-font-feature-settings: "liga=0";
    -moz-font-feature-settings: "liga" 0;
    src: url("./css/fonts/entypo-social.eot");
    src: url("./css/fonts/entypo-social.eot#iefix") format("embedded-opentype"),url("./css/fonts/entypo-social.woff") format("woff"),url("./css/fonts/entypo-social.ttf") format("truetype"),url("./css/fonts/entypo-social.svg") format("svg")
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg)
    }
}

@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0deg)
    }

    100% {
        -moz-transform: rotate(360deg)
    }
}

@-ms-keyframes spin {
    0% {
        -ms-transform: rotate(0deg)
    }

    100% {
        -ms-transform: rotate(360deg)
    }
}

@-o-keyframes spin {
    0% {
        -o-transform: rotate(0deg)
    }

    100% {
        -o-transform: rotate(360deg)
    }
}

.single-post #sidebar,.blog #sidebar,.archive #sidebar {
    float: right;
    width: 210px;
    border: none;
    margin-left: 30px;
    margin-right: 0
}

.single-post #sidebar .whitebox-menu li,.blog #sidebar .whitebox-menu li,.archive #sidebar .whitebox-menu li {
    width: 100%
}

@media only screen and (max-width: 975px) {
    .single-post #sidebar .whitebox-menu li,.blog #sidebar .whitebox-menu li,.archive #sidebar .whitebox-menu li {
        width:100%
    }
}

.single-post #sidebar .whitebox-menu li a,.blog #sidebar .whitebox-menu li a,.archive #sidebar .whitebox-menu li a {
    min-height: 52px
}

@media only screen and (max-width: 975px) {
    .single-post #sidebar .whitebox-menu li a,.blog #sidebar .whitebox-menu li a,.archive #sidebar .whitebox-menu li a {
        padding:10px 10px 8px
    }
}

.single-post #sidebar li,.blog #sidebar li,.archive #sidebar li {
    text-align: left;
    border: none
}

.single-post #sidebar li a,.blog #sidebar li a,.archive #sidebar li a {
    padding: 10px 0 8px 10px
}

.single-post #sidebar li a span,.blog #sidebar li a span,.archive #sidebar li a span {
    background-size: 100% 100%
}

#main #sidebar.blog {
    padding-left: 0;
    margin-left: 0;
    width: 210px
}

@media only screen and (max-width: 975px) {
    #main #sidebar.blog {
        width:34% !important;
        margin: 0 2%;
        padding-left: 0 !important
    }
}

@media only screen and (max-width: 778px) {
    #main #sidebar.blog {
        display:none
    }
}

#main #sidebar.blog .popular-links {
    margin-top: -3px;
    overflow: hidden
}

#main .narrowcol,.wrap .narrowcol {
    float: right;
    padding-left: 20px;
    width: 287px
}

@media only screen and (max-width: 975px) {
    #main .narrowcol,.wrap .narrowcol {
        width:34% !important;
        margin: 0 2%;
        padding-left: 0 !important
    }
}

@media only screen and (max-width: 778px) {
    #main .narrowcol,.wrap .narrowcol {
        display:none
    }
}

#main .narrowcol h3,.wrap .narrowcol h3 {
    font: 17px/1 DNRM;
    color: #666
}

#sidebar.blog .blog-logo,#sidebar.blog .blog-logo a {
    display: block;
    position: relative;
    width: 210px;
    height: 210px;
    margin-bottom: 40px;
    background: url("./public/assets./images/p-blog/buddhy-sprite.png") no-repeat
}

@media only screen and (max-width: 975px) {
    #sidebar.blog .blog-logo,#sidebar.blog .blog-logo a {
        display:none
    }
}

#sidebar.blog .blog-logo .stuff {
    background: url("./public/assets./images/p-blog/buddhy-sprite.png") -210px 0 no-repeat;
    display: block;
    height: 135px;
    width: 140px;
    position: relative;
    top: 45px;
    left: 33px;
    z-index: 100
}

#sidebar.blog .blog-logo .shine {
    background: url("./public/assets./images/p-blog/buddhy-sprite.png") -350px 0 no-repeat;
    display: block;
    width: 151px;
    height: 151px;
    position: absolute;
    top: 10px;
    left: 30px;
    z-index: 10;
    -webkit-animation: spin 80s 1s infinite linear;
    -moz-animation: spin 80s 1s infinite linear;
    -ms-animation: spin 80s 1s infinite linear;
    -o-animation: spin 80s 1s infinite linear;
    animation: spin 80s 1s infinite linear
}

#sidebar.blog .blog-logo .tagline {
    color: #ededed;
    font: 10px DNLTB;
    text-transform: uppercase;
    margin: 33px auto 0;
    width: 138px;
    display: block;
    text-align: center
}

@media only screen and (max-width: 975px) {
    #main.blog {
        width:98%;
        margin-bottom: 0
    }
}

@media only screen and (max-width: 778px) {
    #main.blog {
        margin:0 auto;
        width: 100%;
        top: -9px;
        overflow: hidden
    }
}

#main.blog #content.blog {
    color: #222;
    width: 680px;
    border-right: 1px solid #ddd;
    padding: 0 39px 0 0;
    float: left
}

@media only screen and (max-width: 975px) {
    #main.blog #content.blog {
        position:static;
        overflow: hidden;
        padding-right: 1% !important;
        width: 60% !important
    }
}

@media only screen and (max-width: 975px) {
    #main.blog #content.blog .wrap {
        width:98%
    }
}

@media only screen and (max-width: 778px) {
    #main.blog #content.blog {
        border:none;
        padding-right: 0% !important;
        width: 100% !important
    }
}

#main.blog #content.blog header time,#main.blog #content.blog .post .post-meta {
    font: 0.95em/1em DNRR;
    color: #999;
    text-transform: uppercase
}

#main.blog #content.blog h1 {
    margin: 0 0 5px 0;
    padding: 0 0 5px;
    position: relative;
    z-index: 1;
    border: none;
    font: 2.5em/1.08em DNRL;
    letter-spacing: -2px
}

@media only screen and (max-width: 975px) {
    #main.blog #content.blog h1 {
        font:2.25em/1.15em DNRL
    }
}

@media only screen and (max-width: 778px) {
    #main.blog #content.blog h1 {
        font:1.9em/1.1em DNRL;
        letter-spacing: 0.05px;
        margin: 8px 0 0
    }
}

#main.blog #content.blog h1.infographic {
    margin: 0 0 3px 0;
    padding: 0 0 6px 0
}

@media only screen and (max-width: 778px) {
    #main.blog #content.blog .blog-image {
        margin:2% 0 1%;
        padding: 0
    }
}

#main.blog #content.blog .blog-image.more {
    opacity: 0;
    -webkit-transition: opacity 0.25s ease-in-out;
    -moz-transition: opacity 0.25s ease-in-out;
    -ms-transition: opacity 0.25s ease-in-out;
    -o-transition: opacity 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out;
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 10px 10px 10px 10px;
    font: 1.75em/1.2em DNLTM;
    left: 25%;
    margin: 0 auto;
    padding: 20px 10px;
    position: absolute;
    text-align: center;
    top: 33%;
    transition: opacity 0.25s ease-in-out 0s;
    width: 45%;
    color: #0069AB
}

@media only screen and (max-width: 975px) {
    #main.blog #content.blog .blog-image.more {
        top:35%;
        font: 1.5em/1.2em DNRB
    }
}

@media only screen and (max-width: 778px) {
    #main.blog #content.blog .blog-image.more {
        font:1em/1.2em DNRB;
        top: 28%;
        left: 28%;
        padding: 8px 0
    }
}

#main.blog #content.blog .blog-image img {
    max-width: 680px
}

#main.blog #content.blog .post-excerpt {
    clear: both;
    color: #333
}

@media only screen and (max-width: 778px) {
    #main.blog #content.blog .post-excerpt {
        margin:0;
        padding: 2px 0 12px
    }
}

#main.blog #content.blog .post-excerpt p {
    margin-bottom: 15px;
    display: inline;
    font: 1.3em/1.3em PNR;
    color: #888
}

@media only screen and (max-width: 975px) {
    #main.blog #content.blog .post-excerpt p {
        font:1.45em/1.3em DNLTL
    }
}

@media only screen and (max-width: 778px) {
    #main.blog #content.blog .post-excerpt p {
        font:1em/1.2em DNLTL;
        letter-spacing: 0.5px
    }
}

#main.blog #content.blog .post-body {
    clear: both;
    margin-top: 8%
}

@media only screen and (max-width: 778px) {
    #main.blog #content.blog .post-body {
        margin:0;
        padding: 2% 0
    }
}

#main.blog #content.blog .post-body p {
    font: 1.45em/1.3em PNL
}

@media only screen and (max-width: 975px) {
    #main.blog #content.blog .post-body p {
        font:1.25em/1.45em DNLTL
    }
}

@media only screen and (max-width: 778px) {
    #main.blog #content.blog .post-body p {
        font:1.2em/1.2em DNLTL;
        letter-spacing: 0.5px;
        margin: 0 0 12px 0
    }
}

#main.blog #content.blog .post-body p strong {
    font-weight: normal !important;
    font-family: PNR;
    color: #222
}

#main.blog #content.blog .post-body p img {
    float: left
}

@media only screen and (max-width: 975px) {
    #main.blog #content.blog .post-body p img {
        max-width:100%
    }
}

#main.blog #content.blog .post-body h3 {
    font: 17px/1.5 DNLTB;
    margin: 20px 0 2px;
    text-transform: uppercase
}

#main.blog #content.blog .post-body ol {
    margin: 20px 0 30px 30px;
    padding: 0
}

#main.blog #content.blog .post-body ol li {
    font: 1.25em/1.4em PNL;
    margin: 0 0 10px 0
}

#main.blog #content.blog .post-body ul {
    margin: 20px 0;
    padding: 0
}

#main.blog #content.blog .post-body ul li {
    background-repeat: no-repeat;
    background-position: 0 9px;
    margin: 0 0 4px 19px;
    padding: 0 0 0 2px;
    font: 1.25em/1.4em PNL;
    list-style: disc;
    width: 85%
}

#main.blog #content.blog a h1,#main.blog #content.blog a p,#main.blog #content.blog a span.ellipsis {
    color: #333
}

#main.blog #content.blog a:hover .blog-image .more {
    opacity: 1
}

#main.blog #content.blog .post {
    border-bottom: 1px solid #DDDDDD;
    padding-bottom: 10%;
    padding-top: 0;
    margin-bottom: 4%
}

@media only screen and (max-width: 975px) {
    #main.blog #content.blog .post {
        margin:0 4%;
        padding-top: 25px;
        padding-bottom: 0
    }
}

@media only screen and (max-width: 778px) {
    #main.blog #content.blog .post {
        margin:0 5%
    }
}

@media only screen and (max-width: 975px) {
    #main.blog #content.blog .post section.video iframe {
        width:100%;
        height: 300px
    }
}

@media only screen and (max-width: 700px) {
    #main.blog #content.blog .post section.video iframe {
        width:48% !important;
        height: 172px !important
    }
}

#main.blog #content.blog .post ul.social {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.5
}

@media only screen and (max-width: 778px) {
    #main.blog #content.blog .post ul.social {
        float:left
    }
}

#main.blog #content.blog .post ul.social li#facebook {
    margin-top: -44px
}

@media only screen and (max-width: 778px) {
    #main.blog #content.blog .post ul.social li#facebook {
        margin-top:-41px
    }
}

#main.blog #content.blog .post ul.social li#twitter {
    margin-right: 5px
}

@media only screen and (max-width: 778px) {
    #main.blog #content.blog .post ul.social li#twitter {
        margin-top:0
    }
}

#main.blog #content.blog .post ul.social li#twitter a {
    display: block;
    padding: 2px 4px 2px 22px;
    background: url("./public/assets./images/twitter.ico") 3px center no-repeat #e8f1f7;
    border: 1px solid #c0dbeb;
    border-radius: 3px;
    font: 11px 'lucida grande',tahoma,verdana,arial,sans-serif;
    color: #0097d0;
    text-transform: none
}

#main.blog #content.blog .post ul.social li#twitter a:hover {
    border: 1px solid #6fbad6
}

#main.blog #content.blog .post ul.social:hover {
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
    opacity: 0.85
}

#main.blog #content.blog .post .post-meta .col-lt {
    float: left
}

@media only screen and (max-width: 975px) {
    #main.blog #content.blog .post .post-meta .col-lt span:last-child {
        display:none
    }
}

@media only screen and (max-width: 778px) {
    #main.blog #content.blog .post .post-meta .col-lt {
        display:none
    }
}

#main.blog #content.blog .post .post-meta .col-rt {
    float: right;
    width: 150px
}

@media only screen and (max-width: 778px) {
    #main.blog #content.blog .post .post-meta .col-rt {
        float:left;
        width: 50%
    }
}

#main.blog #content.blog .post .post-meta a {
    font: 0.95em/1em PNR;
    color: #333;
    padding: 0 2px
}

#main.blog #content.blog .post .post-meta a:hover {
    color: #c55200
}

#main.blog #content.blog .post .post-meta .divider {
    width: 1px;
    height: 30px;
    background: #ddd;
    float: right;
    position: relative;
    top: -10px;
    margin: 0 10px
}

#main.blog #content.blog .post .post-categories {
    margin: 0;
    padding: 0;
    display: inline
}

#main.blog #content.blog .post .post-categories li {
    list-style: none;
    display: inline;
    margin: 0
}

#main.blog #content.blog .post img {
    width: 100%
}

#main.blog #content.blog .post-excerpt,#main.blog #content.blog .blog-image {
    padding-bottom: 10px;
    margin-bottom: 13px;
    clear: both;
    position: relative;
    z-index: 1
}

#main.blog #content.blog .post-excerpt {
    padding-bottom: 14px;
    margin-bottom: 7px
}

#main.blog #content.blog .page-title,#main.blog #content.blog .page-title a {
    font: 18px DNLTUL;
    margin-bottom: 20px;
    color: #BEBEBE
}

#main.blog #content.blog .page-title a,#main.blog #content.blog .page-title span {
    text-transform: uppercase;
    color: #999
}

#nav-below a.button {
    border: 1px solid #BABABA;
    width: auto;
    margin: 0
}

@media only screen and (max-width: 975px) {
    #nav-below a.button {
        margin:0;
        float: none;
        width: 197px
    }
}

@media only screen and (max-width: 778px) {
    #nav-below a.button {
        width:93%
    }
}

.nav-previous {
    float: none;
    margin: 4% auto;
    width: 220px
}

@media only screen and (max-width: 778px) {
    .nav-previous {
        float:none;
        margin: 5% auto;
        width: 89%
    }
}

.nav-next {
    float: none
}

.resource-links.fixed {
    position: fixed;
    top: 105px;
    width: 210px
}

@media only screen and (max-width: 975px) {
    .resource-links.fixed {
        width:20%
    }
}

.single-post #content .ending-actions {
    margin: 0;
    width: 100%
}

.single-post #content .ending-actions li {
    list-style-type: none !important;
    margin: 20px 0 0 !important
}

.ending-actions {
    width: 682px;
    margin: 0 auto 70px;
    padding-right: 272px;
    clear: both;
    overflow: hidden;
    position: relative
}

@media only screen and (max-width: 975px) {
    .ending-actions {
        width:67.5%;
        margin: 0 3%;
        padding-right: 0
    }
}

@media only screen and (max-width: 778px) {
    .ending-actions {
        margin:0 5% 2%;
        width: 90%
    }
}

.ending-actions li {
    float: left;
    width: 50%
}

.ending-actions li.back-to-top {
    text-align: right
}

.ending-actions li a {
    color: #a6a6a6;
    font-size: 14px;
    font-family: PNR;
    transition: color 0.2s ease 0s
}

.ending-actions li a:hover {
    color: rgba(0,92,161,0.7)
}

.ending-actions li a .icon-feed,.ending-actions li a .icon-top {
    font-size: 17px;
    font-family: ENT;
    vertical-align: bottom
}

@media screen and (min-width: 0 \0) {
    .ending-actions li a .icon-top,.ending-actions li a .icon-feed {
        vertical-align:text-bottom
    }

    .nav-previous {
        margin: 20px auto 0
    }
}

.single .posting h2 {
    margin: 40px 0 10px
}

.single .posting h2 a {
    margin: 40px 0 10px;
    color: #4B4B4B;
    font: 38px/1 DNLTM;
    text-decoration: none
}

.posting-image img {
    margin: 20px 0px
}

#sharing-is-caring {
    margin: 0 0 20px 30px;
    float: right;
    overflow: hidden;
    padding: 15px 15px 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    list-style: none
}

.entry-content h3 {
    margin-bottom: 10px;
    font: 20px DNLTM;
    color: #404040
}

.entry-content h4,.entry-content .mobile-modal .mobile-modal-list li h5,.mobile-modal .mobile-modal-list li .entry-content h5 {
    margin: 0 0 10px;
    font: normal 16px DNRB;
    color: #484848
}

.entry-content h5 {
    margin: 0 0 10px;
    font: normal 14px DNRM;
    color: #484848
}

.entry-content ul {
    margin: 0 0 25px 15px;
    padding: 0
}

#main.blog header.page-header h1.author,#main.blog header.page-header h1.author,#main.blog header.page-header h1.author a {
    font: 1.25em DNLTL !important;
    margin-bottom: 0 !important;
    letter-spacing: 0.05em !important
}

#socialBlock {
    -webkit-box-shadow: rgba(0,0,0,0.07) 0px 0px 40px;
    -moz-box-shadow: rgba(0,0,0,0.07) 0px 0px 40px;
    -ms-box-shadow: rgba(0,0,0,0.07) 0px 0px 40px;
    -o-box-shadow: rgba(0,0,0,0.07) 0px 0px 40px;
    box-shadow: rgba(0,0,0,0.07) 0px 0px 40px;
    -webkit-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    -ms-border-radius: 0 5px 5px 0;
    -o-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
    background: #fff;
    bottom: 5%;
    left: 0;
    opacity: .9;
    padding: 10px;
    position: fixed;
    z-index: 2
}

#socialBlock ul.social li {
    display: block;
    float: none;
    margin: 0
}

#socialBlock ul.social li#custom-tweet-button a {
    color: #00ACED
}

#socialBlock ul.social li#custom-tweet-button a:hover {
    background-color: #00ACED;
    color: #fff;
    opacity: 1
}

#socialBlock ul.social li.custom-fb-like a {
    color: #3B5998;
    margin-left: -1px
}

#socialBlock ul.social li.custom-fb-like a:hover {
    background-color: #3B5998;
    color: #fff;
    opacity: 1
}

#socialBlock ul.social li.custom-li-share a {
    color: #333;
    font-size: 30px
}

#socialBlock ul.social li.custom-li-share a:hover {
    background-color: #333;
    color: #fff;
    opacity: 1
}

#socialBlock ul.social li a {
    background-color: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    display: block;
    float: none;
    font-family: ENTS;
    font-size: 35px;
    line-height: 36px;
    height: 35px;
    margin: 0 auto;
    opacity: .75;
    text-align: center;
    width: 35px
}

#socialBlock ul.social li a:hover {
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear
}

#socialBlock.mobile-social ul {
    display: none
}

#socialBlock.mobile-social .share-social {
    color: #005CA1;
    cursor: pointer;
    font: 12px DNRB;
    text-transform: uppercase
}

@media only screen and (max-width: 975px) {
    #disqus_thread {
        margin:0 5%
    }
}

article.careers {
    background-position: 50% 0;
    height: 2000px
}

article.careers .wrap {
    width: 960px;
    margin: 0 auto
}

article.careers header {
    position: relative;
    display: block;
    top: -10px;
    width: auto;
    margin: 0 0 25px 0;
    clear: both;
    padding: 0;
    overflow: hidden
}

article.careers #play {
    display: block;
    position: relative;
    top: -120px;
    z-index: 998;
    width: 148px;
    height: 148px;
    background: url("./public/assets./images/p-whyzendesk/play.png") 0 0 no-repeat;
    margin: 0 auto;
    float: none;
    cursor: pointer
}

article.careers header .slide {
    height: 361px;
    width: 100%;
    background: #000 url("./public/assets./images/p-careers/slide-1.jpg") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./public/assets./images/p-whyzendesk/hero.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/public/assets./images/p-whyzendesk/hero.jpg', sizingMethod='scale')";
    position: relative;
    margin-bottom: 40px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0)
}

article.careers header .fade {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 998;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0)
}

article.careers .carousel-controls {
    position: absolute;
    top: 235px;
    left: 47%;
    width: 200px;
    z-index: 998;
    clear: both
}

article.careers .carousel-controls a {
    background-image: url("./public/assets./images/slide-buttons.png");
    background-position: 0px 1px;
    display: block;
    width: 13px;
    height: 13px;
    margin-left: 2px;
    text-indent: -3000px
}

article.careers .carousel-controls a.activeSlide {
    background-position: -13px 0px;
    cursor: default !important
}

article.careers #slides {
    margin: 0;
    height: 220px
}

article.careers img {
    float: left
}

article.careers section.intro {
    height: 258px
}

article.careers section.intro p {
    float: left;
    width: 50%;
    font-size: 22px;
    color: #333;
    line-height: 1.3em
}

article.careers section.intro .map {
    float: right
}

article.careers section.positions {
    position: relative;
    width: 100%;
    border-top: 1px solid #ddd
}

article.careers section.positions .listing {
    float: left;
    width: 770px;
    margin-left: -12px;
    padding-bottom: 50px
}

article.careers section.positions .sidebar {
    position: absolute;
    right: 0;
    width: 320px;
    padding-top: 20px
}

article.careers .highlight {
    padding: 26px;
    margin-bottom: 30px;
    background: #eee url("./public/assets./images/p-careers/dark-noise.jpg") 0 0 repeat
}

article.careers .highlight h3 {
    color: #222;
    margin-bottom: 10px
}

article.careers .highlight p {
    color: #222;
    font-size: 17px;
    line-height: 1.15em;
    margin-bottom: 15px
}

article.careers .highlight ul {
    margin: 0
}

article.careers .highlight ul li {
    list-style: none;
    padding: 0 0 7px 22px;
    margin: 0;
    background: url("./public/assets./images/p-careers/icon-lotus-mini.png") 2px 2px no-repeat
}

article.careers .filter {
    margin: 21px 0 0 15px;
    width: 600px;
    background: #eee url("./public/assets./images/p-careers/dark-noise.jpg") 0 0 repeat;
    padding: 10px 0 11px;
    height: 13px
}

article.careers .filter ul {
    float: right;
    margin: 0;
    width: 355px
}

article.careers .filter ul li {
    float: left;
    list-style: none;
    text-transform: uppercase;
    padding: 0 10px 0 0;
    font: 12px/1.3 DNRR;
    color: #222
}

article.careers .filter ul li a {
    display: block;
    font: 12px/1.3 DNRB;
    color: #222;
    padding: 1px 6px 0px;
    cursor: pointer
}

article.careers .filter ul li a:hover,article.careers .filter ul li a.active {
    font: 12px/1.3 DNRB;
    background: #222;
    color: #fff;
    display: inline-block;
    padding: 4px 4px 1px 4px;
    margin-top: -3px
}

article.careers .filter label {
    display: block;
    padding: 1px 0 0;
    cursor: default
}

article.careers .carousel-controls a {
    display: inline-block
}

article.careers .carousel-controls {
    position: relative;
    top: -23px;
    left: 443px
}

article.company {
    background-position: 50% 0
}

article.company .wrap {
    width: 960px;
    margin: 0 auto
}

article.company header {
    position: relative;
    display: block;
    width: auto;
    margin: 0;
    padding: 0;
    overflow: hidden;
    clear: both;
    top: -10px
}

article.company header .wrap {
    position: relative;
    overflow: hidden !important;
    width: 20000px;
    height: 362px;
    margin: 0;
    padding: 0
}

article.company header .quarter {
    position: relative;
    float: left;
    width: 300px
}

article.company header .whole {
    position: relative;
    float: left;
    width: 600px
}

article.company .carousel-controls {
    width: 200px
}

article.company #slides {
    height: 360px;
    margin: 0
}

article.company #slides .slide {
    position: relative;
    float: left
}

article.company .quarter img.top,article.company .whole img.top {
    position: absolute;
    top: 0;
    left: 0
}

article.company .entry-content {
    margin-top: 20px;
    float: right
}

article.company #left-col {
    width: 630px
}

article.company #left-col p.intro {
    font: 24px PNR;
    color: black
}

article.company #left-col h3 {
    margin-top: 50px
}

article.company #left-col p {
    font-size: 18px;
    line-height: 1.6em;
    margin: 0 40px 25px 0
}

article.company #left-col span {
    font: 15px/1.5 DNRB;
    text-transform: uppercase
}

article.company #sidebar {
    margin-top: 33px
}

article.company ol {
    margin: 0 0 50px 0;
    padding: 0 0 100px 149px;
    background: url("//web.archive.org/web/20190118075937im_/http://d16cvnquvjw7pr.cloudfront.net/www/img/p-company/timeline.png") 0 15px no-repeat;
    width: 171px
}

article.company ol li {
    list-style: none;
    padding-top: 1px
}

article.company ol li:last-child {
    padding-top: 2px
}

article.company aside h3 {
    font: 30px DNLTR;
    line-height: 1.2em;
    background: url("//web.archive.org/web/20190118075937im_/http://d16cvnquvjw7pr.cloudfront.net/www/img/p-company/year-marker.png") 0 15px no-repeat;
    padding: 0 0 0 15px
}

article.company aside p {
    font: 14px/1.5 PNR;
    line-height: 1.2em;
    margin: 0 0 16px;
    padding-left: 15px
}

article.company aside p strong {
    font: 14px/1.5 DNRB;
    line-height: 1.2em;
    margin: 0 0 16px
}

#mikkel-twitter {
    position: relative;
    height: 325px;
    width: 388px;
    margin-bottom: 10px;
    background: url("./public/assets./images/mikkel-twitter.png") no-repeat
}

@media only screen and (max-width: 700px) {
    #main.grid-container #content #see-all {
        bottom:10px !important;
        left: 25% !important
    }

    #main.grid-container #content #tiles {
        overflow: visible !important;
        padding-bottom: 50px !important
    }
}

@media only screen and (max-width: 975px) {
    .customers+#filter-wrap {
        right:5%;
        width: 25% !important
    }
}

@media only screen and (max-width: 700px) {
    .customers+#filter-wrap {
        display:none
    }
}

.customers #tiles .tile h4,.customers #tiles .tile .mobile-modal .mobile-modal-list li h5,.mobile-modal .mobile-modal-list li .customers #tiles .tile h5 {
    margin: 16px 0 8px !important
}

@media only screen and (max-width: 700px) {
    .customers #tiles .tile h4,.customers #tiles .tile .mobile-modal .mobile-modal-list li h5,.mobile-modal .mobile-modal-list li .customers #tiles .tile h5 {
        display:none
    }
}

.customers #tiles .tile p {
    color: #888;
    font-family: PNR;
    line-height: 1.2
}

@media only screen and (max-width: 700px) {
    .customers #tiles .tile p {
        text-align:left
    }
}

.customers .video-stories {
    position: relative;
    top: 0;
    bottom: 20px;
    float: left;
    height: 260px;
    width: 67%;
    padding-bottom: 20px;
    margin-bottom: 10px;
    background: url("./public/assets./images/bg-grid-top.png") no-repeat bottom right;
    overflow: hidden !important
}

@media only screen and (min-width: 975px) {
    .customers .video-stories {
        width:740px
    }
}

@media only screen and (max-width: 700px) {
    .customers .video-stories {
        width:100%
    }
}

.customers .video-stories .slide {
    position: relative;
    float: left;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 98%;
    height: 236px;
    *padding-right: 4px
}

@media only screen and (min-width: 975px) {
    .customers .video-stories .slide {
        width:740px
    }
}

.customers .video-stories .wrap {
    width: 100%;
    height: 250px;
    overflow: hidden
}

@media only screen and (min-width: 975px) {
    .customers .video-stories .wrap {
        width:740px
    }
}

.customers .video-stories .details {
    float: right;
    width: 40%
}

@media only screen and (min-width: 975px) {
    .customers .video-stories .details {
        width:340px
    }
}

.customers .video-stories .video,.story-content .video {
    position: relative;
    float: left;
    overflow: hidden;
    width: 55%
}

@media only screen and (min-width: 975px) {
    .customers .video-stories .video,.story-content .video {
        overflow:visible;
        width: 200px
    }
}

.story-content .video {
    float: left;
    width: 470px;
    margin: 0 auto;
    padding-top: 0px;
    padding-bottom: 0px;
    background: #EEE;
    text-align: center;
    margin-bottom: 25px;
    -moz-box-shadow: inset 0 0 60px #ddd;
    -webkit-box-shadow: inset 0 0 60px #ddd;
    box-shadow: inset 0 0 60px #ddd
}

.customers .video-stories h1 {
    font: 20px/1 DNLTB;
    color: #404040;
    margin: 10px 0
}

@media only screen and (min-width: 975px) {
    .customers .video-stories h1 {
        font:40px/1 DNLTB
    }
}

@media only screen and (max-width: 700px) {
    .customers .video-stories h1 {
        display:none
    }
}

.customers .video-stories h3 {
    font: 18px/1 DNLTL;
    color: #404040;
    margin-bottom: 0px;
    border: none;
    text-transform: uppercase
}

@media only screen and (min-width: 975px) {
    .customers .video-stories h3 {
        font:27px/1 DNLTL
    }
}

@media only screen and (max-width: 700px) {
    .customers .video-stories h3 {
        font-size:15px;
        margin-bottom: 10px
    }
}

#main.grid-container #content .customers .logo img {
    max-width: 150px;
    max-height: 80px;
    margin-top: 25px;
    vertical-align: middle
}

@media only screen and (max-width: 700px) {
    #main.grid-container #content .customers .logo img {
        vertical-align:top;
        width: 80% !important
    }
}

.customers .video-stories .details p {
    font-size: 14px;
    padding-right: 30px
}

.customers .video-stories .details a {
    position: absolute;
    bottom: -13px;
    right: 25px
}

.customers .carousel-controls {
    position: absolute;
    top: 250px;
    left: 58%;
    width: 200px;
    z-index: 998
}

@media only screen and (min-width: 975px) {
    .customers .carousel-controls {
        left:54%
    }
}

.customers .carousel-controls a {
    float: left;
    background-image: url("./public/assets./images/slide-buttons.png");
    background-position: 0px 1px;
    display: block;
    width: 13px;
    height: 13px;
    margin-left: 2px;
    text-indent: -3000px
}

.customers .carousel-controls a.activeSlide {
    background-position: -13px 0px;
    cursor: default !important
}

.customers .video-stories span.play,.story-content .video span.play {
    position: absolute;
    display: block;
    width: 87px;
    height: 87px;
    top: 63px;
    left: 147px;
    background: url("./public/assets./images/p-customers/button-play.png")
}

@media only screen and (max-width: 975px) {
    .customers .video-stories span.play,.story-content .video span.play {
        left:35%
    }
}

.customers a.button-white,.customers a.button-white-disabled:hover,#content.integrations a.button-white,#content.integrations a.button-white-disabled:hover {
    bottom: 0;
    position: absolute;
    width: 310px;
    margin-left: 206px
}

.story-content .video span.play {
    top: 88px;
    left: 199px
}

.customers .slide-wrap {
    height: 250px;
    width: 100%
}

#story {
    clear: left
}

.inner #top-logo {
    margin: 0px;
    padding: 20px
}

#story h3 {
    font: 20px DNLTB;
    color: #404040
}

.story-content {
    width: 660px
}

.story-content .story-content p:first-child {
    font-size: 18px
}

.story-content .story-content blockquote {
    margin: 0px 20px
}

.story-content .story-content blockquote p:first-child {
    color: gray;
    font: 55px DNLTUL !important;
    letter-spacing: -3px
}

.story-content .story-content li {
    list-style: disc;
    margin: 0 0 15px 15px
}

.story-content .button-pdf {
    float: right;
    margin-right: 10px
}

.inner #top-logo {
    margin: 0px;
    padding: 20px
}

.single-stories #main {
    overflow: visible
}

.customer-story #content {
    padding-top: 3px
}

.customer-story #grid-top {
    width: 700px;
    margin-top: 6px;
    margin-bottom: 30px
}

.customer-story #grid-top-logo {
    margin-left: 5px
}

.customer-story #grid-top-info {
    width: 410px;
    padding-top: 3px
}

.customer-story #grid-top-info .grid-top-tagline {
    margin-top: 10px;
    font-size: 45px
}

.customer-story #story {
    width: 700px
}

.customer-story #story h3 {
    font: 22px DNLTB;
    color: #404040;
    margin-top: 20px;
    margin-bottom: 11px
}

.customer-story .story-content p:first-child {
    font-size: 23px
}

.customer-story #dark-sidebar {
    position: absolute;
    top: 30px;
    right: 0;
    color: #333;
    padding-bottom: 10px;
    background: url("./public/assets./images/options-bg.png") repeat;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-shadow: inset 0 0 5px #D0D0D0;
    box-shadow: inset 0 0 5px #D0D0D0;
    border-radius: 5px
}

.customer-story #dark-sidebar-heading {
    padding: 15px 0 0px 0;
    margin: 0
}

.customer-story #dark-sidebar .top {
    background: url("./public/assets./images/options-bg.png") repeat;
    height: 45px;
    color: #777;
    border-radius: 5px 5px 0 0
}

.customer-story #dark-sidebar .bottom ul li {
    margin-bottom: 10px;
    padding-left: 0px;
    background: none;
    line-height: 1.3
}

.customer-story #dark-sidebar .bottom {
    padding: 0px 20px 10px;
    font: 14px PNR;
    color: #555;
    background: url("./public/assets./images/options-bg.png") repeat
}

.customer-story #dark-sidebar-heading h4,.customer-story #dark-sidebar-heading .mobile-modal .mobile-modal-list li h5,.mobile-modal .mobile-modal-list li .customer-story #dark-sidebar-heading h5 {
    font: 18px DNRB;
    color: #444;
    padding-left: 4px;
    bottom: 0
}

.customer-story #customer-link a {
    color: #888;
    text-decoration: underline
}

.customer-story #customer-link {
    padding: 20px;
    border-top: 1px dotted #CCC
}

.customer-story #dark-sidebar ul.social {
    margin: 0 0 10px 17px;
    padding: 0;
    float: none
}

.customer-story #dark-sidebar img {
    display: none;
    position: absolute;
    top: 14px;
    left: 145px;
    max-width: 75px
}

.customer-story .story-content .video {
    width: 620px;
    margin-right: 110px
}

.customer-story .story-content .video span.play {
    top: 85px;
    left: 160px
}

.customer-story .story-content .video img {
    float: left;
    margin-left: 20px;
    margin-bottom: 20px
}

.customer-story .story-content .video .quote {
    width: 187px;
    float: right;
    margin-right: 20px;
    margin-top: 0;
    padding-top: 0;
    text-align: left
}

.customer-story .story-content .video .quote h4,.customer-story .story-content .video .quote .mobile-modal .mobile-modal-list li h5,.mobile-modal .mobile-modal-list li .customer-story .story-content .video .quote h5 {
    color: #777;
    font: 20px/1.2 DNRL
}

.customer-story .story-content .video .quote h5 {
    margin-top: 12px;
    color: #666
}

.customer-story .story-content .video .quote h5 span {
    color: #333;
    font: 14px/1.3 DNRM
}

.customer-story .story-content li {
    margin-bottom: 5px
}

.customer-story .story-content li:last-child {
    margin-bottom: 20px
}

.customer-story #h-similar h2 {
    margin-top: 30px;
    width: 735px;
    margin: 50px 0 20px 0;
    padding-bottom: 5px;
    border-bottom: 1px solid gainsboro;
    font: 23px/1 DNRM;
    color: #444;
    text-transform: uppercase
}

.article-lp {
    background: #fff
}

.article-lp .row-trial {
    padding: 40% 0 0;
    position: relative;
    overflow: hidden;
    background: #79a301 url("//web.archive.org/web/20190118075937im_/http://d26a57ydsghvgx.cloudfront.net/www/public/assets./images/p-tour-new/row-trial-buddhy-still.jpg") no-repeat center 40%;
    background-size: cover
}

@media (max-width: 975px) {
    .article-lp .row-trial {
        height:410px;
        padding: 0
    }
}

.article-lp .row-trial .inner {
    padding-top: 0px;
    position: absolute;
    margin: 0px auto;
    bottom: 0px;
    left: 0px;
    top: 9%;
    right: 0px;
    text-align: center !important
}

.article-lp .row-trial h2 {
    color: #fff;
    margin: 0px auto 25px;
    max-width: 650px;
    font: 3.25em/1 DNLTUL
}

@media (max-width: 975px) {
    .article-lp .row-trial h2 {
        font-size:2.5em;
        margin-bottom: 20px
    }
}

@media (max-width: 975px) and (max-width: 700px) {
    .article-lp .row-trial h2 {
        font-family:DNLTL
    }
}

.article-lp .row-trial .start-trial {
    font: 1.1em/1 DNRM;
    padding: 22px 20px 18px 20px;
    float: none
}

.article-lp .row-trial .video-container {
    width: 100%;
    position: absolute;
    height: 140%;
    bottom: -320px
}

.article-lp .row-trial video {
    width: 100%;
    height: 100%
}

.article-lp .row-trial .buddhy-default {
    width: 100%;
    height: 100%
}

.article-lp header {
    height: 516px;
    position: relative;
    width: 100%
}

@media only screen and (max-width: 700px) {
    .article-lp header {
        padding:25% 0 !important
    }
}

.article-lp header h2 {
    height: 83px;
    position: absolute;
    margin: -42px auto 0;
    text-indent: -9999px;
    top: 50%;
    width: 100%
}

.article-lp .giant {
    font: 2.5em/1.3 DNLTUL;
    margin-bottom: 60px;
    width: 80%
}

.article-lp .giant.left {
    font: 2.6em/1.3 DNLTL;
    color: #999
}

@media (max-width: 975px) {
    .article-lp .giant {
        font-size:1.85em;
        width: 85%
    }
}

@media only screen and (max-width: 975px) and (max-width: 700px) {
    .article-lp .giant {
        font-family:DNLTL;
        margin-bottom: 30px
    }
}

.article-lp .highlight {
    color: #78a300
}

.article-lp .center {
    text-align: center
}

@media (max-width: 700px) {
    .article-lp .center {
        text-align:left
    }
}

.article-lp .left {
    float: left
}

.article-lp p,.article-lp ul {
    width: 50%;
    font: 20px/1.5 PNR;
    margin: 0 auto 30px
}

@media (max-width: 975px) {
    .article-lp p,.article-lp ul {
        width:70%;
        font: 20px/1.5 PNR
    }
}

@media only screen and (max-width: 700px) {
    .article-lp p,.article-lp ul {
        width:85%
    }
}

.article-lp p:last-child,.article-lp ul:last-child {
    margin-bottom: 0
}

.article-lp li {
    list-style-type: disc;
    list-style-position: inside
}

.article-lp .full-bleed {
    padding: 0;
    position: relative;
    width: 100%
}

.article-lp .full-bleed img {
    width: 100%
}

.article-lp .full-bleed aside {
    background: #000;
    bottom: 5px;
    color: #fff;
    font-style: italic;
    opacity: .75;
    padding: 8px 5%;
    position: absolute;
    width: 90%
}

.article-lp section {
    padding: 70px 0 80px
}

@media only screen and (max-width: 700px) {
    .article-lp section {
        padding:50px 0 60px
    }
}

.article-lp section.two-col {
    margin: 0 auto;
    width: 85%
}

@media (max-width: 975px) {
    .article-lp section.two-col {
        width:auto
    }
}

.article-lp section.two-col p {
    float: left;
    margin: 0 2% 25px;
    width: 45%
}

@media (max-width: 975px) {
    .article-lp section.two-col p {
        float:none;
        margin: 0 auto 25px;
        width: 85%
    }
}

.article-lp section.quote {
    background: #f1f1f1;
    text-align: center
}

.article-lp section.quote .giant {
    margin-bottom: 20px
}

.article-lp section.quote .author {
    font-size: 1.3em
}

.article-lp section.quote .author span {
    display: block;
    font: .65em DNLTR;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #aaa
}

.article-lp section.cta {
    display: block;
    position: relative;
    width: 90%;
    margin: -30px auto 0px;
    padding: 15px 0 31px;
    font-size: .75em;
    overflow: hidden;
    white-space: wrap;
    border-bottom: 1px solid #ddd
}

@media only screen and (max-width: 975px) {
    .article-lp section.cta {
        width:90%
    }
}

@media only screen and (max-width: 700px) {
    .article-lp section.cta {
        width:85%
    }
}

.article-lp section.cta .left {
    width: 65%
}

@media (max-width: 700px) {
    .article-lp section.cta .left {
        float:none;
        width: 100%
    }
}

.article-lp section.cta p {
    margin: 0;
    width: auto
}

.article-lp section.cta p:last-child {
    float: right;
    width: 30%
}

@media (max-width: 700px) {
    .article-lp section.cta p:last-child {
        margin:20px 0 20px;
        float: none;
        width: 100%
    }
}

.article-lp section.cta p:last-child a {
    display: block;
    width: 90%;
    padding: 16px 5% 15px;
    font: 0.8em/1.3 DNRR;
    color: #444;
    background: #e5e5e5;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s
}

.article-lp section.cta p:last-child a:hover {
    background: #444;
    color: #e5e5e5
}

.article-lp section.overview {
    padding: 60px 0 55px;
    background: #f1f1f1
}

.article-lp section.overview h3 {
    color: #666;
    font-family: DNLTM;
    text-align: center;
    text-transform: uppercase
}

.article-lp section.overview p {
    color: #333;
    font: .85em DNLTR;
    letter-spacing: .75px;
    line-height: 1;
    margin: 0 auto;
    text-transform: lowercase;
    width: auto
}

.article-lp section.overview a {
    color: #358fb2;
    display: block;
    font: 12px DNLTL;
    text-decoration: underline;
    text-align: center;
    text-transform: uppercase
}

@media (max-width: 975px) {
    .article-lp section.overview a {
        font-size:14px
    }
}

.article-lp section.overview a:hover {
    text-decoration: none
}

.article-lp section.overview ul {
    display: block;
    width: 90%;
    margin: 30px auto;
    padding: 20px 0 5px;
    border-top: 1px solid #ddd
}

.article-lp section.overview ul li {
    display: inline-block;
    text-align: center;
    width: 24%
}

@media (max-width: 700px) {
    .article-lp section.overview ul li {
        margin:10px 0;
        width: 49%
    }
}

.article-lp section.overview ul li h4,.article-lp section.overview ul .mobile-modal .mobile-modal-list li h5,.mobile-modal .mobile-modal-list .article-lp section.overview ul li h5 {
    color: #888;
    font: .75em/1.6 DNLTR;
    text-transform: uppercase
}

@media (max-width: 975px) {
    .article-lp section.overview ul li h4,.article-lp section.overview ul .mobile-modal .mobile-modal-list li h5,.mobile-modal .mobile-modal-list .article-lp section.overview ul li h5 {
        font-size:.65em !important
    }
}

@media (max-width: 975px) and (max-width: 700px) {
    .article-lp section.overview ul li h4,.article-lp section.overview ul .mobile-modal .mobile-modal-list li h5,.mobile-modal .mobile-modal-list .article-lp section.overview ul li h5 {
        text-transform:capitalize
    }
}

.article-lp section.overview ul li h6 {
    color: #78a300;
    font: 2.3em DNRL;
    line-height: 1;
    margin: 0;
    opacity: 0;
    position: relative;
    top: 40px
}

@media (max-width: 975px) {
    .article-lp section.overview ul li h6 {
        font:2.3em/1.6 DNRL
    }
}

@media only screen and (max-width: 700px) {
    .article-lp section.overview {
        display:none
    }
}

.p-data-viz {
    font-size: 16px
}

.p-data-viz h1.h-rev,.p-data-viz h2.h-rev {
    color: #78a300;
    font: 65px/1 DNLTUL !important;
    margin: 0 auto;
    text-align: center;
    width: 70%
}

@media only screen and (max-width: 700px) {
    .p-data-viz h1.h-rev,.p-data-viz h2.h-rev {
        font:34px/1 DNLTL !important;
        width: 100%
    }
}

.p-data-viz p.p-sub {
    line-height: 1.5;
    margin: 10px auto;
    text-align: center;
    width: 58%
}

@media only screen and (max-width: 700px) {
    .p-data-viz p.p-sub {
        width:100%
    }
}

.p-data-viz h1.h-rev {
    font-family: DNLTUL !important
}

.p-data-viz h4.h-rev,.p-data-viz .mobile-modal .mobile-modal-list li h5.h-rev,.mobile-modal .mobile-modal-list li .p-data-viz h5.h-rev {
    font: 24px/1.5 DNRR !important;
    margin-bottom: 10px !important
}

.p-data-viz .row {
    width: 100%
}

.p-data-viz .row.light-text h1.h-rev,.p-data-viz .row.light-text h2.h-rev,.p-data-viz .row.light-text p {
    color: #fff
}

.p-data-viz .inner,.p-data-viz .title-section {
    margin: 0px auto;
    overflow: hidden;
    padding: 100px 0;
    width: 960px
}

@media only screen and (max-width: 975px) {
    .p-data-viz .inner,.p-data-viz .title-section {
        padding:10% 4%;
        width: 92%
    }
}

.p-data-viz .inner.little-padding,.p-data-viz .title-section.little-padding {
    padding: 70px 0 50px
}

@media only screen and (max-width: 975px) {
    .p-data-viz .inner.little-padding,.p-data-viz .title-section.little-padding {
        padding:6% 4% 4%
    }
}

.p-data-viz .title-section p {
    text-align: center
}

.p-data-viz .hero-copy {
    background: #f8f8f8
}

.p-data-viz .support-map {
    background: #f1f1f1;
    border-top: 1px solid #dedede;
    position: relative
}

@media only screen and (max-width: 975px) {
    .p-data-viz .support-map {
        display:none
    }
}

.p-data-viz .support-map section {
    overflow: visible;
    padding-top: 0
}

.p-data-viz .support-map section:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.p-data-viz .support-map .svg-map {
    margin-right: -50px
}

.p-data-viz .support-map .svg-map .path {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.p-data-viz .support-map .svg-map .path.grow {
    stroke-width: 2;
    stroke: transparent
}

.p-data-viz .support-map #slider {
    background: #fff;
    cursor: pointer;
    border: none;
    height: 16px;
    margin: -88px 0 80px
}

.p-data-viz .support-map #slider .ui-slider-handle {
    border: 3px solid #FFF;
    cursor: pointer;
    background: #78a300;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    margin-top: 0
}

.p-data-viz .support-map ul.draggable-years {
    background: #fff;
    border: 1px solid #e8e8e8;
    height: 5px;
    margin: 50px 0 80px -14px;
    position: relative;
    overflow: visible;
    width: 100%
}

.p-data-viz .support-map ul.draggable-years li {
    color: #8d8d8d;
    display: inline-block;
    font: 16px DNLTR;
    height: 5px;
    text-transform: uppercase;
    width: 76.9px
}

.p-data-viz .support-map ul.draggable-years li.q4 {
    width: 64px
}

.p-data-viz .support-map ul.draggable-years li.q1 {
    float: right;
    width: 0
}

.p-data-viz .support-map ul.draggable-years li span.circle {
    border: 1px solid #e8e8e8;
    content: ".";
    cursor: pointer;
    display: block;
    background: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    height: 30px;
    position: absolute;
    top: 0;
    text-indent: -9999px;
    width: 30px;
    margin: -10px 0 10px -1px
}

.p-data-viz .support-map ul.draggable-years li span.date {
    display: block;
    margin-top: 30px
}

.p-data-viz .support-map .desc {
    background: white;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    display: none;
    height: 210px;
    opacity: .8;
    padding: 15px 10px;
    position: absolute;
    text-align: center;
    top: 100px;
    width: 140px
}

.p-data-viz .support-map .desc p {
    font: 15px DNLTM;
    border-bottom: 1px solid #d3d3d3;
    margin-bottom: 10px;
    padding-bottom: 10px
}

.p-data-viz .support-map .desc .giant-num {
    color: #78a300;
    font: 77px/1 DNRL;
    margin: 10px 0 0
}

.p-data-viz .support-map .desc h6.h-rev {
    font: 14px DNLTM;
    margin: 0;
    text-transform: uppercase
}

.p-data-viz .support-map .legend {
    border-top: 1px solid #d3d3d3;
    color: #8d8d8d;
    font: 12px DNLTR;
    position: absolute;
    margin: 0;
    padding: 10px 0;
    top: 360px;
    width: 160px
}

.p-data-viz .support-map .legend li .circle {
    clear: left;
    content: ".";
    display: block;
    background: #78A300;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    float: left;
    height: 15px;
    line-height: 20px;
    margin: 5px 10px;
    text-indent: -9999px;
    width: 15px
}

.p-data-viz .support-map .legend li .country {
    display: block;
    float: left;
    line-height: 20px;
    margin: 5px 0
}

.p-data-viz .support-map .tabbed-options li:first-child a {
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    -ms-border-radius: 5px 0 0 5px;
    -o-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
    border-right: 1px solid #d3d3d3
}

.p-data-viz .support-map .tabbed-options li:last-child a {
    -webkit-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    -ms-border-radius: 0 5px 5px 0;
    -o-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
    border-left: 1px solid #d3d3d3
}

.p-data-viz .support-map .tabbed-options li a {
    background: #fff;
    color: #666;
    cursor: pointer;
    float: left;
    display: block;
    padding: 20px 3%;
    text-align: center;
    width: 27%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease
}

.p-data-viz .support-map .tabbed-options li a.active,.p-data-viz .support-map .tabbed-options li a:hover {
    background: #78a300;
    color: #fff
}

.p-data-viz .support-map .tabbed-options li a h6.h-rev {
    font: 15px DNLTM;
    margin: 0 0 10px;
    text-transform: uppercase
}

.p-data-viz .support-map .tabbed-options li a p {
    font-size: 13px;
    margin: 0
}

.p-data-viz .timeline-stream {
    background: #2d2d2d url("./public/assets./images/p-data-viz/bg-lines.png") repeat-y top center
}

@media only screen and (max-width: 700px) {
    .p-data-viz .timeline-stream {
        background:#2d2d2d
    }

    .p-data-viz .timeline-stream h2.h-rev {
        text-align: left
    }
}

.p-data-viz .timeline-stream h4.h-rev,.p-data-viz .timeline-stream .mobile-modal .mobile-modal-list li h5.h-rev,.mobile-modal .mobile-modal-list li .p-data-viz .timeline-stream h5.h-rev {
    border-bottom: 1px solid #434343;
    color: gray
}

.p-data-viz .timeline-stream a {
    color: #4bbae6
}

.p-data-viz .timeline-stream a:hover {
    color: #e47601
}

.p-data-viz .timeline-stream div.box-right {
    float: right
}

.p-data-viz .timeline-stream div.box-left {
    float: left
}

.p-data-viz .timeline-stream div.box-center {
    float: none;
    margin: 0 auto
}

.p-data-viz .timeline-stream .context,.p-data-viz .timeline-stream .image {
    height: 240px;
    padding: 20px 0;
    width: 33%
}

@media only screen and (max-width: 700px) {
    .p-data-viz .timeline-stream .context,.p-data-viz .timeline-stream .image {
        float:none;
        height: 140px;
        width: 100%
    }
}

.p-data-viz .timeline-stream .image {
    text-align: center
}

@media only screen and (max-width: 778px) {
    .p-data-viz .timeline-stream .image img {
        height:200px;
        width: 200px
    }
}

@media only screen and (max-width: 700px) {
    .p-data-viz .timeline-stream .image img {
        height:150px;
        width: 150px
    }
}

.p-data-viz .timeline-stream .title-section {
    background: #2d2d2d;
    border-bottom: 3px solid #4b4a49;
    padding-bottom: 40px
}

@media only screen and (max-width: 975px) {
    .p-data-viz .timeline-stream .title-section {
        padding-bottom:4%
    }
}

@media only screen and (max-width: 700px) {
    .p-data-viz .timeline-stream .title-section {
        border:none
    }
}

.p-data-viz .timeline-stream .inner {
    padding: 0
}

@media only screen and (max-width: 700px) {
    .p-data-viz .timeline-stream .inner:nth-child(odd) .box-right {
        display:none
    }

    .p-data-viz .timeline-stream .inner:nth-child(even) .box-left {
        display: none
    }

    .p-data-viz .timeline-stream .inner .box-center {
        clear: both
    }
}

.p-data-viz .timeline-stream .inner:last-child {
    background: #2d2d2d;
    clear: both;
    padding: 10px 0 100px
}

@media only screen and (max-width: 975px) {
    .p-data-viz .timeline-stream .inner:last-child {
        padding-bottom:10%
    }
}

.p-data-viz .timeline-stream .inner:last-child p {
    text-align: center;
    width: 100%
}

.p-data-viz .cs-language {
    background: #f1f1f1
}

.p-data-viz .cs-language h2.h-rev {
    width: 85%
}

.p-data-viz .cs-language h4.h-rev,.p-data-viz .cs-language .mobile-modal .mobile-modal-list li h5.h-rev,.mobile-modal .mobile-modal-list li .p-data-viz .cs-language h5.h-rev {
    font: 18px/1 DNLTM !important
}

.p-data-viz .cs-language p.p-sub {
    width: 60%
}

.p-data-viz .cs-language .giant-num {
    color: #78a300;
    font: 78px/1 DNRL
}

.p-data-viz .cs-language .giant-num span {
    display: block;
    font: 19px/1 DNRR;
    margin-top: -10px;
    text-transform: uppercase
}

.p-data-viz .cs-language aside {
    float: left;
    padding: 0 3%;
    text-align: center;
    width: 27%
}

@media only screen and (max-width: 700px) {
    .p-data-viz .cs-language aside {
        padding:0 4%;
        width: 92%
    }
}

.p-data-viz .cs-language aside span {
    background: transparent url("./public/assets./images/p-data-viz/icons-cs-lang.png") no-repeat 0 0;
    display: block;
    height: 134px;
    margin: 0 auto 20px;
    width: 134px
}

.p-data-viz .cs-language aside.ico-common span {
    background-position: 0 0
}

.p-data-viz .cs-language aside.ico-sorry span {
    background-position: 0 -199px
}

.p-data-viz .cs-language aside.ico-please span {
    background-position: 0 -409px
}

.p-data-viz .cs-language .title-section {
    border-bottom: 1px solid #d3d3d3;
    padding-bottom: 40px
}

@media only screen and (max-width: 975px) {
    .p-data-viz .cs-language .title-section {
        padding-bottom:4%
    }
}

.p-data-viz .cs-language .title-section p {
    margin-bottom: -5px
}

.p-data-viz .cs-language .inner {
    padding-top: 40px
}

@media only screen and (max-width: 975px) {
    .p-data-viz .cs-language .inner {
        padding-bottom:4%
    }
}

.p-data-viz .tweet-service {
    background: #e8e8e8;
    overflow: hidden
}

.p-data-viz .tweet-service .title-section {
    padding-bottom: 50px
}

.p-data-viz .tweet-service .tweet-widget {
    background: #fff;
    overflow: visible;
    padding: 50px 0;
    position: relative;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    margin: 0 auto 100px
}

@media only screen and (max-width: 975px) {
    .p-data-viz .tweet-service .tweet-widget {
        margin-bottom:10%
    }
}

.p-data-viz .tweet-service .tweet-widget a {
    display: block;
    background-color: #e5e5e5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    display: block;
    padding: 20px;
    width: 243px;
    color: #434343;
    font: 1em/1 DNRM;
    text-align: center;
    text-transform: uppercase;
    margin: 40px auto 0px;
    -webkit-transition: background-color 0.2s ease-in;
    -moz-transition: background-color 0.2s ease-in;
    -ms-transition: background-color 0.2s ease-in;
    -o-transition: background-color 0.2s ease-in;
    transition: background-color 0.2s ease-in
}

@media only screen and (max-width: 975px) {
    .p-data-viz .tweet-service .tweet-widget a {
        width:66%;
        padding: 27px 0px 22px;
        font-size: 1.6em;
        margin: 60px auto 0px
    }
}

.p-data-viz .tweet-service .tweet-widget a:hover {
    color: #fff;
    background-color: #666
}

.p-data-viz .tweet-service .tweet-widget .twircle {
    background: #e8e8e8 url("./public/assets./images/p-data-viz/ico-tweet.png") no-repeat center center;
    background-size: 50px 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    display: block;
    height: 75px;
    left: 45%;
    margin: 0 auto;
    position: absolute;
    top: -40px;
    width: 90px;
    z-index: 2
}

@media only screen and (max-width: 700px) {
    .p-data-viz .tweet-service .tweet-widget .twircle {
        left:34%
    }
}

.p-data-viz .tweet-service .tweet-widget p.overlay {
    background: #FFF;
    color: #636363;
    font: 31px/1 DNLTL;
    height: 80px;
    position: absolute;
    top: 50px;
    left: 2%;
    padding-bottom: 2%;
    padding-left: 2%;
    padding-top: 2%;
    text-align: center;
    width: 92%
}

@media only screen and (max-width: 975px) {
    .p-data-viz .tweet-service .tweet-widget p.overlay {
        font:25px/1 DNLTL
    }
}

.p-data-viz .tweet-service .tweet-widget p.overlay span {
    background-color: #fff3c7
}

.p-data-viz .tweet-service .tweet-widget textarea {
    border: none;
    color: #636363;
    font: 31px/1 DNLTL;
    height: 80px;
    margin: 0 0 0 2%;
    outline: none;
    padding: 2%;
    text-align: center;
    width: 92%
}

@media only screen and (max-width: 975px) {
    .p-data-viz .tweet-service .tweet-widget textarea {
        font:25px/1 DNLTL
    }
}

.p-data-viz .tweet-service .tweet-widget textarea:focus {
    border: none;
    outline: none
}

.p-data-viz .left-mentor {
    background: #78a300 url("./public/assets./images/p-detractor-landing/buddhy-left-bg.png") no-repeat;
    background-position: left;
    height: 617px;
    overflow: hidden;
    position: relative
}

@media only screen and (max-width: 1024px) {
    .p-data-viz .left-mentor {
        background-position:-100px 0px
    }
}

@media only screen and (max-width: 975px) {
    .p-data-viz .left-mentor {
        height:690px;
        background: #79a301 url("./public/assets./images/p-tour-new/row-trial-buddhy-still.png") no-repeat;
        background-position: center bottom
    }
}

.p-data-viz .left-mentor .title-section {
    padding-top: 150px;
    width: 550px
}

@media only screen and (max-width: 1720px) {
    .p-data-viz .left-mentor .title-section {
        position:absolute;
        right: 70px
    }
}

@media only screen and (max-width: 1024px) {
    .p-data-viz .left-mentor .title-section {
        position:absolute;
        right: 20px
    }
}

@media only screen and (max-width: 975px) {
    .p-data-viz .left-mentor .title-section {
        position:absolute;
        margin: 0px auto;
        bottom: 0px;
        left: 0px;
        top: 80px;
        right: 0px;
        padding: 0px 4%;
        width: 92%;
        text-align: center
    }
}

.p-data-viz .left-mentor h2.h-rev {
    margin: 0px auto 35px;
    text-align: left;
    width: 100%
}

@media only screen and (max-width: 975px) {
    .p-data-viz .left-mentor h2.h-rev {
        text-align:center
    }
}

.p-data-viz .left-mentor p.p-sub {
    text-align: left;
    width: 100%
}

@media only screen and (max-width: 975px) {
    .p-data-viz .left-mentor p.p-sub {
        text-align:center
    }
}

.p-data-viz .note-disclaimer {
    background: #EEE
}

.p-data-viz .note-disclaimer h2 {
    font: 35px/1 DNLTL !important
}

article.p-detractor-landing {
    font-size: 16px
}

article.p-detractor-landing h1.h-rev {
    font-size: 86px !important
}

@media only screen and (max-width: 700px) {
    article.p-detractor-landing h1.h-rev {
        margin-bottom:20px
    }
}

@media only screen and (max-width: 975px) {
    article.p-detractor-landing h2 {
        font-family:DNLTL !important
    }
}

@media only screen and (max-width: 700px) {
    article.p-detractor-landing h1.h-rev,article.p-detractor-landing h2.h-rev {
        font-size:2.5em !important
    }
}

article.p-detractor-landing .row {
    width: 100%
}

article.p-detractor-landing .inner {
    width: 960px;
    margin: 0px auto;
    padding-top: 80px
}

@media only screen and (max-width: 975px) {
    article.p-detractor-landing .inner {
        width:80%;
        padding: 10%;
        overflow: hidden
    }
}

article.p-detractor-landing .lesson {
    width: 350px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px
}

@media only screen and (max-width: 975px) {
    article.p-detractor-landing .lesson {
        font-size:1.6em;
        line-height: 1.4em
    }
}

@media only screen and (max-width: 778px) {
    article.p-detractor-landing .lesson {
        opacity:.85
    }
}

article.p-detractor-landing .lesson-title {
    font-family: DNLTM;
    margin-bottom: 5px
}

article.p-detractor-landing .story-of {
    height: auto;
    color: #fff;
    text-align: center;
    background-color: #000;
    position: relative;
    overflow: hidden
}

@media only screen and (max-width: 1430px) {
    article.p-detractor-landing .story-of {
        max-height:530px
    }
}

@media only screen and (max-width: 975px) {
    article.p-detractor-landing .story-of {
        height:530px;
        background: transparent url("./public/assets./images/p-detractor-landing/story-of-bg.jpg") no-repeat;
        background-size: cover;
        background-position: bottom center
    }
}

@media only screen and (max-width: 700px) {
    article.p-detractor-landing .story-of {
        background-position:80% bottom
    }
}

article.p-detractor-landing .story-of .inner {
    position: absolute;
    top: 80px;
    left: 0px;
    right: 0px;
    margin: 0px auto;
    z-index: 10;
    padding-top: 0px
}

@media only screen and (max-width: 975px) {
    article.p-detractor-landing .story-of .inner {
        position:relative;
        padding-top: 100px;
        top: 0px
    }
}

@media only screen and (max-width: 700px) {
    article.p-detractor-landing .story-of .inner {
        padding:10% 0;
        width: 85%
    }

    article.p-detractor-landing .story-of .inner .sub {
        font-size: 2em;
        text-align: left
    }
}

article.p-detractor-landing .story-of .video-container {
    height: 100%;
    z-index: 9;
    background: #f9f9f9
}

article.p-detractor-landing .story-of .video-container video {
    width: 100%;
    display: block
}

@media only screen and (max-width: 1430px) {
    article.p-detractor-landing .story-of .video-container video {
        height:100%;
        width: auto
    }
}

@media only screen and (max-width: 1024px) {
    article.p-detractor-landing .story-of .video-container video {
        margin-left:-100px
    }
}

@media only screen and (max-width: 975px) {
    article.p-detractor-landing .story-of .video-container {
        display:none
    }
}

article.p-detractor-landing .story-of .sub {
    font: 2.25em/1.2 DNLTL
}

@media only screen and (max-width: 700px) {
    article.p-detractor-landing .story-of .sub {
        margin-top:20px
    }
}

article.p-detractor-landing .story-of .content {
    font: 1.7em/1.2 DNLTL;
    margin: 55px auto 0px;
    max-width: 690px
}

@media only screen and (max-width: 700px) {
    article.p-detractor-landing .story-of .content {
        margin:0 auto
    }
}

article.p-detractor-landing .story-of .by-line {
    margin-top: 25px
}

@media only screen and (max-width: 975px) {
    article.p-detractor-landing .story-of .by-line {
        font-size:1.2em
    }
}

article.p-detractor-landing .the-detractor {
    position: relative;
    overflow: hidden;
    background: #2a2627 url("./public/assets./images/p-detractor-landing/detractor-bg.jpg") no-repeat;
    background-size: 1032px 528px;
    background-position: 1200px 0
}

@media only screen and (max-width: 778px) {
    article.p-detractor-landing .the-detractor {
        background-position:-21% bottom
    }
}

@media only screen and (max-width: 700px) {
    article.p-detractor-landing .the-detractor {
        background:#2a2627 url("./public/assets./images/p-detractor-landing/detractor-bg.jpg") no-repeat center bottom;
        background-size: 200%
    }
}

article.p-detractor-landing .the-detractor .figure {
    position: absolute;
    bottom: -70px;
    left: 450px;
    width: 1032px;
    height: 528px;
    background-size: 1032px 528px
}

@media only screen and (max-width: 975px) {
    article.p-detractor-landing .the-detractor .figure {
        left:150px;
        bottom: -310px
    }
}

@media only screen and (max-width: 700px) {
    article.p-detractor-landing .the-detractor .figure {
        display:none
    }
}

article.p-detractor-landing .the-detractor .inner {
    padding-top: 80px;
    padding-bottom: 70px
}

@media only screen and (max-width: 975px) {
    article.p-detractor-landing .the-detractor .inner {
        padding-bottom:300px
    }
}

@media only screen and (max-width: 700px) {
    article.p-detractor-landing .the-detractor .inner {
        overflow:visible;
        width: 85%;
        position: relative;
        padding: 10% 0 100%
    }
}

article.p-detractor-landing .the-detractor .sidebar {
    width: 500px;
    position: relative
}

@media only screen and (max-width: 975px) {
    article.p-detractor-landing .the-detractor .sidebar {
        width:102%
    }
}

@media only screen and (max-width: 700px) {
    article.p-detractor-landing .the-detractor .sidebar {
        position:static
    }
}

article.p-detractor-landing .the-detractor h2 {
    color: #78a300;
    margin-bottom: 10px;
    text-transform: uppercase
}

article.p-detractor-landing .the-detractor h4,article.p-detractor-landing .the-detractor .mobile-modal .mobile-modal-list li h5,.mobile-modal .mobile-modal-list li article.p-detractor-landing .the-detractor h5 {
    color: #9d9d9d;
    text-transform: uppercase
}

article.p-detractor-landing .the-detractor .content p {
    color: #fff;
    line-height: 21px;
    width: 385px
}

@media only screen and (max-width: 975px) {
    article.p-detractor-landing .the-detractor .content p {
        font-size:1.6em;
        line-height: 1.4em;
        width: 100%
    }
}

article.p-detractor-landing .the-detractor .lesson {
    background-color: #252323;
    background-color: rgba(0,0,0,0.1);
    color: #fff
}

@media only screen and (max-width: 700px) {
    article.p-detractor-landing .the-detractor .lesson {
        position:absolute;
        bottom: 0;
        width: 108%;
        margin: 0;
        left: -9%;
        opacity: .85;
        overflow: visible;
        background-color: rgba(0,0,0,0.2);
        padding: 5%;
        font-size: 1em;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0
    }
}

article.p-detractor-landing .the-detractor .lesson-inner {
    padding: 20px
}

@media only screen and (max-width: 975px) {
    article.p-detractor-landing .the-detractor .lesson-inner {
        width:350px
    }
}

@media only screen and (max-width: 778px) {
    article.p-detractor-landing .the-detractor .lesson-inner {
        width:300px
    }
}

@media only screen and (max-width: 700px) {
    article.p-detractor-landing .the-detractor .lesson-inner {
        width:100%;
        padding: 0;
        margin: 0
    }
}

article.p-detractor-landing .the-business {
    background-color: #fff;
    background: transparent url("./public/assets./images/p-detractor-landing/good-guy-bg.jpg") no-repeat 0 0;
    background-position: 0 100px;
    background-size: 540px;
    position: relative
}

@media only screen and (min-width: 1100px) {
    article.p-detractor-landing .the-business {
        background-size:50%
    }
}

@media only screen and (max-width: 778px) {
    article.p-detractor-landing .the-business {
        background-position:140% 100%
    }
}

@media only screen and (max-width: 700px) {
    article.p-detractor-landing .the-business {
        background:transparent url("./public/assets./images/p-detractor-landing/good-guy-bg.jpg") no-repeat center bottom;
        background-size: 100%
    }
}

article.p-detractor-landing .the-business .figure {
    position: absolute;
    left: -750px;
    top: 0px;
    width: 770px;
    height: 734px;
    z-index: 10;
    background-size: 770px 926px
}

@media only screen and (max-width: 975px) {
    article.p-detractor-landing .the-business .figure {
        left:-200px;
        top: 413px
    }
}

@media only screen and (max-width: 700px) {
    article.p-detractor-landing .the-business .figure {
        display:none
    }
}

article.p-detractor-landing .the-business .inner {
    padding-top: 80px;
    padding-bottom: 100px;
    overflow: hidden
}

@media only screen and (max-width: 975px) {
    article.p-detractor-landing .the-business .inner {
        padding-bottom:475px
    }
}

@media only screen and (max-width: 778px) {
    article.p-detractor-landing .the-business .inner {
        padding-bottom:380px
    }
}

@media only screen and (max-width: 700px) {
    article.p-detractor-landing .the-business .inner {
        padding:10% 0 120%;
        overflow: visible;
        width: 85%;
        position: relative
    }
}

article.p-detractor-landing .the-business .sidebar {
    width: 415px;
    float: right;
    position: relative
}

@media only screen and (max-width: 975px) {
    article.p-detractor-landing .the-business .sidebar {
        width:100%;
        float: none
    }
}

@media only screen and (max-width: 700px) {
    article.p-detractor-landing .the-business .sidebar {
        position:static
    }
}

article.p-detractor-landing .the-business h2 {
    color: #78a300;
    margin-bottom: 10px;
    text-transform: uppercase
}

article.p-detractor-landing .the-business h4,article.p-detractor-landing .the-business .mobile-modal .mobile-modal-list li h5,.mobile-modal .mobile-modal-list li article.p-detractor-landing .the-business h5 {
    color: #333333
}

article.p-detractor-landing .the-business .content {
    padding-bottom: 10px
}

article.p-detractor-landing .the-business .content p {
    line-height: 21px
}

@media only screen and (max-width: 975px) {
    article.p-detractor-landing .the-business .content p {
        font-size:1.6em;
        line-height: 1.4em;
        width: 100%
    }
}

article.p-detractor-landing .the-business .lesson {
    background-color: #eee
}

@media only screen and (max-width: 975px) {
    article.p-detractor-landing .the-business .lesson {
        bottom:-100px
    }
}

@media only screen and (max-width: 700px) {
    article.p-detractor-landing .the-business .lesson {
        position:absolute;
        bottom: 0;
        width: 108%;
        margin: 0;
        left: -9%;
        opacity: .85;
        overflow: visible;
        padding: 5%;
        font-size: 1em;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0
    }
}

article.p-detractor-landing .the-business .lesson-inner {
    padding: 20px;
    width: 300px
}

@media only screen and (max-width: 975px) {
    article.p-detractor-landing .the-business .lesson-inner {
        width:330px
    }
}

@media only screen and (max-width: 778px) {
    article.p-detractor-landing .the-business .lesson-inner {
        width:300px
    }
}

@media only screen and (max-width: 700px) {
    article.p-detractor-landing .the-business .lesson-inner {
        width:100%;
        padding: 0;
        margin: 0
    }
}

article.p-detractor-landing .the-video {
    position: relative;
    text-align: center;
    height: 761px;
    color: #fff;
    overflow: hidden;
    background-color: #f9f9f9
}

@media only screen and (max-width: 1200px) {
    article.p-detractor-landing .the-video {
        max-height:609px
    }
}

@media only screen and (max-width: 975px) {
    article.p-detractor-landing .the-video {
        height:761px;
        background: transparent url("./public/assets./images/p-home/video-the-detractor.jpg") no-repeat;
        background-size: cover;
        background-position: center
    }
}

@media only screen and (max-width: 700px) {
    article.p-detractor-landing .the-video {
        height:400px;
        background: transparent url("./public/assets./images/p-home/video-the-detractor.jpg") no-repeat;
        background-size: cover;
        background-position: center top
    }
}

article.p-detractor-landing .the-video .inner {
    position: absolute;
    top: 70px;
    left: 0px;
    right: 0px;
    margin: 0px auto;
    z-index: 10;
    padding-top: 0px
}

@media only screen and (max-width: 1200px) {
    article.p-detractor-landing .the-video .inner {
        height:100%;
        width: auto
    }
}

@media only screen and (max-width: 975px) {
    article.p-detractor-landing .the-video .inner {
        position:relative;
        padding-top: 70px;
        top: 0px
    }
}

@media only screen and (max-width: 700px) {
    article.p-detractor-landing .the-video .inner {
        padding-top:10%
    }
}

article.p-detractor-landing .the-video .video-container {
    height: 100%;
    z-index: 9;
    background: #f9f9f9
}

article.p-detractor-landing .the-video .video-container video {
    width: 100%;
    display: block
}

@media only screen and (min-width: 1570px) {
    article.p-detractor-landing .the-video .video-container video {
        margin-top:-150px
    }
}

@media only screen and (max-width: 975px) {
    article.p-detractor-landing .the-video .video-container {
        display:none
    }
}

article.p-detractor-landing .the-video .sub {
    font: 2.5em/1 DNLTL;
    margin: 0px auto 20px;
    max-width: 750px
}

@media only screen and (max-width: 700px) {
    article.p-detractor-landing .the-video .sub {
        font:1.3em/1 DNLTL;
        margin: 0px auto 20px;
        max-width: 90%
    }
}

article.p-detractor-landing .the-video .title {
    font: 3.5em/1 DNLTL;
    margin-bottom: 70px
}

@media only screen and (max-width: 700px) {
    article.p-detractor-landing .the-video .title {
        font:1.8em/1 DNLTL;
        margin-bottom: 0
    }
}

article.p-detractor-landing .the-video .play-btn {
    background: transparent url("//web.archive.org/web/20190118075937im_/http://zd-assets.s3.amazonaws.com./images/module-builder-lp/play-arrow-large-white.png") center center no-repeat;
    height: 189px;
    width: 189px;
    min-width: 100px;
    background-size: 90%;
    display: block;
    margin: 0 auto;
    -webkit-opacity: 0.8;
    -moz-opacity: 0.8;
    -ms-opacity: 0.8;
    -o-opacity: 0.8;
    opacity: 0.8
}

@media only screen and (max-width: 700px) {
    article.p-detractor-landing .the-video .play-btn {
        background-size:70%
    }
}

article.p-detractor-landing .the-video .play-btn .border {
    background: transparent url("//web.archive.org/web/20190118075937im_/http://d16cvnquvjw7pr.cloudfront.net./images/module-builder-lp/play-arrow-large-white-hover.png") center center no-repeat;
    background-size: 90%;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    display: block
}

@media only screen and (max-width: 700px) {
    article.p-detractor-landing .the-video .play-btn .border {
        background-size:70%
    }
}

article.p-detractor-landing .the-video .play-btn:hover .border {
    filter: alpha(opacity=90);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -ms-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s
}

@media only screen and (max-width: 975px) {
    article.p-detractor-landing .the-video .play-btn {
        height:200px;
        width: 200px;
        margin: 20px auto 0px
    }
}

article.p-detractor-landing .better-communication {
    background-color: #f9f9f9;
    text-align: center
}

article.p-detractor-landing .better-communication .inner {
    padding: 80px 0px
}

@media only screen and (max-width: 700px) {
    article.p-detractor-landing .better-communication .inner {
        padding:10% 0;
        width: 85%
    }
}

article.p-detractor-landing .better-communication .title {
    font: 3.5em/1 DNLTL;
    margin: 0px auto 20px;
    width: 750px
}

@media only screen and (max-width: 778px) {
    article.p-detractor-landing .better-communication .title {
        font-size:3em;
        width: 100%
    }
}

article.p-detractor-landing .better-communication .content {
    color: #333333;
    width: 440px;
    margin: 10px auto 0px
}

@media only screen and (max-width: 975px) {
    article.p-detractor-landing .better-communication .content {
        font-size:1.6em;
        line-height: 1.4em;
        width: 690px
    }
}

@media only screen and (max-width: 778px) {
    article.p-detractor-landing .better-communication .content {
        width:95%
    }
}

article.p-detractor-landing .better-communication a {
    display: block;
    background-color: #e5e5e5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    display: block;
    padding: 20px;
    width: 243px;
    color: #434343;
    font: 1.3em/1 DNRM;
    text-transform: uppercase;
    margin: 40px auto 0px;
    -webkit-transition: background-color 0.2s ease-in;
    -moz-transition: background-color 0.2s ease-in;
    -ms-transition: background-color 0.2s ease-in;
    -o-transition: background-color 0.2s ease-in;
    transition: background-color 0.2s ease-in
}

@media only screen and (max-width: 975px) {
    article.p-detractor-landing .better-communication a {
        width:66%;
        padding: 27px 0px 22px;
        font-size: 1.6em;
        margin: 60px auto 0px
    }
}

@media only screen and (max-width: 700px) {
    article.p-detractor-landing .better-communication a {
        margin-top:5%;
        width: 100%
    }
}

article.p-detractor-landing .better-communication a:hover {
    color: #000;
    background-color: #fff
}

article.p-detractor-landing .buddhy-says {
    background: #78a300 url("./public/assets./images/p-detractor-landing/buddhy-left-bg.png") no-repeat;
    background-position: left;
    height: 617px;
    overflow: hidden;
    position: relative
}

@media only screen and (max-width: 1024px) {
    article.p-detractor-landing .buddhy-says {
        background-position:-100px 0px
    }
}

@media only screen and (max-width: 975px) {
    article.p-detractor-landing .buddhy-says {
        height:690px;
        background: #79a301 url("//web.archive.org/web/20190118075937im_/http://d26a57ydsghvgx.cloudfront.net/www/public/assets./images/p-tour-new/row-trial-buddhy-still.jpg") no-repeat;
        background-position: center bottom
    }
}

@media only screen and (max-width: 700px) {
    article.p-detractor-landing .buddhy-says {
        position:relative;
        overflow: hidden;
        background-position: center bottom !important;
        background-size: cover !important;
        height: auto;
        min-height: 400px;
        height: expression(this.scrollHeight < 401 ? "400px" : "auto" )
    }
}

article.p-detractor-landing .buddhy-says .inner {
    padding-top: 150px;
    width: 550px
}

@media only screen and (max-width: 1720px) {
    article.p-detractor-landing .buddhy-says .inner {
        position:absolute;
        right: 70px
    }
}

@media only screen and (max-width: 1024px) {
    article.p-detractor-landing .buddhy-says .inner {
        position:absolute;
        right: 20px
    }
}

@media only screen and (max-width: 975px) {
    article.p-detractor-landing .buddhy-says .inner {
        position:absolute;
        margin: 0px auto;
        bottom: 0px;
        left: 0px;
        top: 80px;
        right: 0px;
        padding: 0px;
        width: 600px;
        text-align: center
    }
}

@media only screen and (max-width: 700px) {
    article.p-detractor-landing .buddhy-says .inner {
        margin:0px auto;
        padding: 0;
        text-align: center;
        width: 100%;
        top: 10%
    }
}

article.p-detractor-landing .buddhy-says .title {
    font: 3.93em/1 DNLTL;
    margin: 0px auto 35px;
    text-transform: uppercase;
    color: #fff
}

@media only screen and (max-width: 975px) {
    article.p-detractor-landing .buddhy-says .title {
        font:4.1em/1 DNLTL;
        text-align: center
    }
}

@media only screen and (max-width: 700px) {
    article.p-detractor-landing .buddhy-says .title {
        color:white;
        margin: 0px auto 10px;
        max-width: 650px;
        font: 2em/1 DNLTL;
        text-align: center;
        padding: 0 8%
    }
}

article.p-detractor-landing .buddhy-says a {
    font: 1.5em/1 DNRM;
    padding: 22px 20px 18px 20px;
    float: none
}

@media only screen and (max-width: 975px) {
    article.p-detractor-landing .buddhy-says a {
        font:1.5em/1 DNRB;
        width: 500px;
        padding: 27px 0px 24px;
        font-size: 1.7em;
        margin: 0px auto 0px
    }
}

@media only screen and (max-width: 700px) {
    article.p-detractor-landing .buddhy-says a {
        margin-top:5%;
        width: 100%
    }
}

@media only screen and (max-width: 700px) {
    article.p-detractor-landing .buddhy-says .buy-button {
        display:block;
        float: none;
        font: 1.4em/1 DNRM;
        text-shadow: none;
        margin: 0 auto;
        padding: 20px 0 18px;
        width: 250px;
        width: 85%;
        margin: 5% 8% 4%
    }
}

@media only screen and (max-width: 700px) {
    article.p-detractor-landing .story-of .inner .figure,article.p-detractor-landing .the-business .inner .figure,article.p-detractor-landing .better-communication .inner .figure,article.p-detractor-landing .the-detractor .inner .figure {
        display:none
    }

    article.p-detractor-landing .story-of .inner .title,article.p-detractor-landing .story-of .inner .h-rev,article.p-detractor-landing .the-business .inner .title,article.p-detractor-landing .the-business .inner .h-rev,article.p-detractor-landing .better-communication .inner .title,article.p-detractor-landing .better-communication .inner .h-rev,article.p-detractor-landing .the-detractor .inner .title,article.p-detractor-landing .the-detractor .inner .h-rev {
        font-family: DNLTR;
        font-size: 2em;
        text-align: left;
        width: 100%
    }

    article.p-detractor-landing .story-of .inner h1.h-rev,article.p-detractor-landing .story-of .inner h2.h-rev,article.p-detractor-landing .the-business .inner h1.h-rev,article.p-detractor-landing .the-business .inner h2.h-rev,article.p-detractor-landing .better-communication .inner h1.h-rev,article.p-detractor-landing .better-communication .inner h2.h-rev,article.p-detractor-landing .the-detractor .inner h1.h-rev,article.p-detractor-landing .the-detractor .inner h2.h-rev {
        font-size: 2.5em !important
    }

    article.p-detractor-landing .story-of .inner .content,article.p-detractor-landing .story-of .inner .content p,article.p-detractor-landing .the-business .inner .content,article.p-detractor-landing .the-business .inner .content p,article.p-detractor-landing .better-communication .inner .content,article.p-detractor-landing .better-communication .inner .content p,article.p-detractor-landing .the-detractor .inner .content,article.p-detractor-landing .the-detractor .inner .content p {
        font-size: 1.25em;
        text-align: left;
        width: 100%;
        padding-bottom: 0
    }

    article.p-detractor-landing .story-of .inner .content p,article.p-detractor-landing .story-of .inner .lesson .lesson-inner p,article.p-detractor-landing .the-business .inner .content p,article.p-detractor-landing .the-business .inner .lesson .lesson-inner p,article.p-detractor-landing .better-communication .inner .content p,article.p-detractor-landing .better-communication .inner .lesson .lesson-inner p,article.p-detractor-landing .the-detractor .inner .content p,article.p-detractor-landing .the-detractor .inner .lesson .lesson-inner p {
        font-size: 1.1em
    }

    article.p-detractor-landing .story-of .inner a,article.p-detractor-landing .the-business .inner a,article.p-detractor-landing .better-communication .inner a,article.p-detractor-landing .the-detractor .inner a {
        margin-top: 5%;
        width: 100%
    }
}

#content.events {
    float: none;
    margin: 0 auto;
    width: 960px
}

@media only screen and (max-width: 975px) {
    #content.events {
        padding:4%;
        width: 92% !important
    }
}

#page-title {
    padding-top: 10px
}

@media only screen and (max-width: 700px) {
    article.events #filter-wrap {
        display:none
    }
}

article.events #grid-top {
    background: #ffffff;
    padding: 0;
    width: 100%
}

@media only screen and (max-width: 700px) {
    article.events #grid-top {
        background:none;
        margin: 0
    }
}

article.events #grid-top #grid-top-info {
    margin-top: 60px;
    width: 200px
}

@media only screen and (max-width: 975px) {
    article.events #grid-top #grid-top-info {
        width:30%
    }
}

@media only screen and (max-width: 700px) {
    article.events #grid-top #grid-top-info {
        display:none
    }
}

article.events #grid-top #grid-top-info h3 {
    color: #78a300
}

article.events #grid-top #grid-top-info .grid-top-excerpt.nolink p {
    color: #333
}

article.events #grid-top #grid-top-logo {
    background: none repeat scroll 0 0 transparent;
    border-radius: 0 0 0 0;
    float: left;
    height: auto;
    margin: 0 30px 0 0;
    width: 680px
}

@media only screen and (max-width: 975px) {
    article.events #grid-top #grid-top-logo {
        margin:0 5% 0 0;
        width: 60%
    }
}

@media only screen and (max-width: 700px) {
    article.events #grid-top #grid-top-logo {
        display:none
    }
}

article.events #tiles {
    width: 730px
}

@media only screen and (max-width: 975px) {
    article.events #tiles {
        width:67%
    }
}

@media only screen and (max-width: 700px) {
    article.events #tiles {
        width:100%
    }
}

article.events #tiles article {
    clear: both
}

article.events #tiles article figure.logo {
    border-color: #d3d3d3;
    height: auto;
    line-height: 1;
    overflow: hidden;
    font-size: 20px;
    margin-bottom: 40px
}

article.events #tiles article figure.logo img {
    float: left;
    max-height: 220px;
    max-width: 220px
}

@media only screen and (max-width: 975px) {
    article.events #tiles article figure.logo img {
        width:80px
    }
}

@media only screen and (max-width: 700px) {
    article.events #tiles article figure.logo img {
        display:none
    }
}

article.events #tiles article figure.logo div.wrapper {
    float: left;
    margin-left: 20px;
    width: 65%
}

@media only screen and (max-width: 975px) {
    article.events #tiles article figure.logo div.wrapper {
        width:75%
    }
}

@media only screen and (max-width: 700px) {
    article.events #tiles article figure.logo div.wrapper {
        margin:0;
        width: 100%
    }
}

article.events #tiles article figure.logo div.wrapper h3 {
    font: 30px DNLTM
}

article.events #tiles article figure.logo div.wrapper dl {
    font-size: 16px;
    font-family: DNLTL;
    height: auto !important;
    margin: 5px 0 0 !important;
    width: 100%
}

article.events #tiles article figure.logo div.wrapper dl dd,article.events #tiles article figure.logo div.wrapper dl dt {
    display: block;
    float: left;
    height: auto !important;
    margin: 0 0 5px 0 !important;
    padding-right: 5px;
    width: 30%;
    top: auto !important;
    left: auto !important;
    position: static !important;
    -webkit-transform: translate3d(0px, 0px, 0px) !important;
    -moz-transform: translate3d(0px, 0px, 0px) !important;
    -ms-transform: translate3d(0px, 0px, 0px) !important;
    -o-transform: translate3d(0px, 0px, 0px) !important;
    transform: translate3d(0px, 0px, 0px) !important
}

article.events #tiles article figure.logo div.wrapper dl dt {
    clear: left
}

article.events #tiles article figure.logo div.wrapper dl dt a {
    font-family: DNLTM;
    color: #358FB2
}

article.events #tiles article:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

article.events #tiles article {
    display: inline-block
}

article.events #tiles * html article {
    height: 1%
}

article.events #tiles article {
    display: block
}

#content.getting-started {
    font: 16px/20px DNRR;
    float: none;
    position: relative;
    width: auto
}

#content.getting-started h4,#content.getting-started .mobile-modal .mobile-modal-list li h5,.mobile-modal .mobile-modal-list li #content.getting-started h5 {
    font: 14px/15px DNLTM
}

#content.getting-started h4 strong,#content.getting-started .mobile-modal .mobile-modal-list li h5 strong,.mobile-modal .mobile-modal-list li #content.getting-started h5 strong {
    color: #000;
    font: normal 18px DNLTM
}

#content.getting-started h4 a,#content.getting-started .mobile-modal .mobile-modal-list li h5 a,.mobile-modal .mobile-modal-list li #content.getting-started h5 a {
    color: #78a300
}

#content.getting-started p:last-child {
    margin-bottom: 25px
}

#content.getting-started header .logo {
    background: url("./public/assets./images/p-gettingstarted/ico-tips.png") 0 0 no-repeat;
    color: #fff;
    display: block;
    font: 17px/17px DNLTB;
    padding: 89px 40px 10px;
    position: absolute;
    right: 0;
    text-align: center;
    text-transform: uppercase;
    top: 0
}

#content.getting-started .tile {
    height: 315px;
    padding: 5px;
    text-align: left;
    width: 280px
}

#content.getting-started .tile h4,#content.getting-started .tile .mobile-modal .mobile-modal-list li h5,.mobile-modal .mobile-modal-list li #content.getting-started .tile h5 {
    margin: 0
}

#content.getting-started .tile figure.logo {
    background: url("./public/assets./images/p-gettingstarted/screens.jpg") 0 0 no-repeat;
    border: none;
    height: 52%;
    margin: 5px;
    padding: 0;
    opacity: .85
}

#content.getting-started .tile span {
    float: left;
    margin-top: 187px;
    width: 82%
}

#content.getting-started .tile span.count {
    color: #78a300;
    font: 30px/33px DNRR;
    padding-left: 10px;
    width: 10%
}

#content.getting-started .tile:hover {
    -webkit-box-shadow: 1px 1px 8px #a6a6a6;
    -moz-box-shadow: 1px 1px 8px #a6a6a6;
    -ms-box-shadow: 1px 1px 8px #a6a6a6;
    -o-box-shadow: 1px 1px 8px #a6a6a6;
    box-shadow: 1px 1px 8px #a6a6a6
}

#content.getting-started .tile:hover p {
    color: #362F2D
}

#content.getting-started .tile:hover figure.logo {
    opacity: 1
}

#content.getting-started .tile:nth-child(1) figure.logo {
    background-position: -10px 0
}

#content.getting-started .tile:nth-child(2) figure.logo {
    background-position: -305px 0
}

#content.getting-started .tile:nth-child(3) figure.logo {
    background-position: -597px 0
}

#content.getting-started .tile:nth-child(4) figure.logo {
    background-position: -10px -171px
}

#content.getting-started .tile:nth-child(5) figure.logo {
    background-position: -305px -171px
}

#content.getting-started .tile:nth-child(6) figure.logo {
    background-position: -597px -171px
}

#content.getting-started .feature {
    float: none;
    clear: both
}

#content.getting-started .feature .feature-matrix {
    background: none
}

#content.getting-started .feature .feature-matrix .feature-matrix-list {
    width: auto;
    margin: 0
}

#content.getting-started .feature .feature-matrix .feature-matrix-list .feature-matrix-list-item {
    height: 250px;
    margin-left: 15px;
    padding: 40px 10px 20px;
    width: 195px;
    -webkit-transition: background-color 200ms linear;
    -moz-transition: background-color 200ms linear;
    -ms-transition: background-color 200ms linear;
    -o-transition: background-color 200ms linear;
    transition: background-color 200ms linear;
    opacity: .85
}

#content.getting-started .feature .feature-matrix .feature-matrix-list .feature-matrix-list-item .feature-matrix-list-item-desc {
    padding: 120px 0 2px;
    margin-bottom: 0
}

#content.getting-started .feature .feature-matrix .feature-matrix-list .feature-matrix-list-item a.ico {
    background: url("./public/assets./images/p-gettingstarted/footer-icons.png") -10px 15px no-repeat
}

#content.getting-started .feature .feature-matrix .feature-matrix-list .feature-matrix-list-item:hover {
    background-color: white;
    -webkit-box-shadow: 0px 4px 2px #eee;
    -moz-box-shadow: 0px 4px 2px #eee;
    -ms-box-shadow: 0px 4px 2px #eee;
    -o-box-shadow: 0px 4px 2px #eee;
    box-shadow: 0px 4px 2px #eee;
    opacity: 1;
    top: 0
}

#content.getting-started .feature .feature-matrix .feature-matrix-list .feature-matrix-list-item:first-child {
    margin-left: 0
}

#content.getting-started .feature .feature-matrix .feature-matrix-list .feature-matrix-list-item:nth-child(2) a.ico {
    background-position: -250px 15px
}

#content.getting-started .feature .feature-matrix .feature-matrix-list .feature-matrix-list-item:nth-child(3) a.ico {
    background-position: -497px 15px
}

#content.getting-started .feature .feature-matrix .feature-matrix-list .feature-matrix-list-item:nth-child(4) a.ico {
    background-position: -742px 15px
}

.pl-content .calls-to-action.facebook .video,.pl-content .calls-to-action.twitter .video,.pl-content .calls-to-action.sugarcrm .video,.pl-content .calls-to-action.microsoft_dynamics_crm_help_desk .video,.pl-content .calls-to-action.ticket_sharing .video,.pl-content .calls-to-action.customer_satisfaction_ratings .video {
    display: none
}

#main.launch {
    margin: 0 auto 80px;
    top: 0px;
    width: auto;
    position: relative;
    z-index: 5;
    clear: both;
    overflow: hidden
}

@media only screen and (max-width: 975px) {
    #main.launch h1.h-rev {
        font:2.2em/1 DNLTR !important
    }
}

@media only screen and (max-width: 700px) {
    #main.launch h1.h-rev {
        font-size:42px !important
    }
}

.pl-overflow {
    position: absolute;
    left: -200px;
    top: 0;
    width: 100%;
    height: 360px
}

@media only screen and (min-width: 975px) {
    .pl-overflow {
        left:0
    }
}

.pl-background {
    position: absolute;
    left: 50%;
    margin-left: -40%;
    width: 180%;
    height: 360px;
    overflow: hidden
}

@media only screen and (min-width: 975px) {
    .pl-background {
        left:0;
        margin-left: 200px;
        width: 1200px
    }
}

@media only screen and (min-width: 1920px) {
    .pl-background {
        left:20%;
        margin-left: 0
    }
}

@media only screen and (max-width: 700px) {
    .pl-background {
        background-image:none !important
    }
}

#pl-content-top {
    margin-bottom: 60px;
    width: 100%;
    height: 360px
}

@media only screen and (max-width: 975px) {
    #pl-content-top {
        margin-bottom:60px;
        width: 50%;
        height: 360px;
        margin-left: 50%;
        margin-top: 40px
    }
}

@media only screen and (max-width: 700px) {
    #pl-content-top {
        width:100%;
        margin-left: 0;
        margin-top: 10px;
        margin-bottom: 30px
    }
}

#pl-content-top p {
    font-size: 20px;
    line-height: 22px;
    color: #167d84;
    font-family: 'DNLTM';
    margin: 0
}

@media only screen and (max-width: 975px) {
    .free-space ul {
        margin:0 1% 0 0;
        padding: 0;
        width: 15%
    }
}

@media only screen and (max-width: 975px) {
    .free-space ul li {
        width:auto
    }
}

.pl-content {
    width: 960px;
    margin: 0 auto;
    position: relative;
    overflow: visible
}

@media only screen and (max-width: 975px) {
    .pl-content {
        width:92%
    }
}

.pl-content .box {
    width: 380px;
    margin: 0 0 0 auto;
    padding: 30px 0 0
}

@media only screen and (max-width: 975px) {
    .pl-content .box {
        width:100%;
        padding-top: 30px !important
    }
}

.pl-content .box iframe {
    margin: 20px 0 0;
    float: none
}

.pl-content .general-info {
    width: 475px;
    float: left
}

@media only screen and (max-width: 975px) {
    .pl-content .general-info {
        float:none;
        width: 100%
    }
}

.pl-content .general-info p {
    font-family: 'PNR';
    font-size: 20px;
    line-height: 28px;
    color: #000
}

@media only screen and (max-width: 700px) {
    .pl-content .general-info p {
        margin:40px 5%
    }
}

.pl-content .general-info strong {
    font-family: 'DNLTM'
}

@media only screen and (max-width: 975px) {
    .pl-content .general-info div {
        width:90% !important;
        margin-bottom: 10px;
        margin-top: 10px;
        padding: 20px 5% !important
    }
}

.pl-content .voice-rates {
    width: 380px;
    float: right;
    background: #eee;
    padding: 5px 25px 20px
}

@media only screen and (max-width: 975px) {
    .pl-content .voice-rates {
        float:none;
        padding: 5px 4%;
        width: 92%
    }
}

.pl-content .highlights li {
    float: left;
    width: 293px
}

@media only screen and (max-width: 975px) {
    .pl-content .highlights li {
        margin-bottom:40px;
        margin-top: 40px;
        width: 100%
    }
}

.pl-content .highlights li+li {
    margin-left: 40px
}

@media only screen and (max-width: 975px) {
    .pl-content .highlights li+li {
        margin-left:0
    }
}

.pl-content img.somanycustomers {
    margin-top: 50px
}

@media only screen and (max-width: 975px) {
    .pl-content img.somanycustomers {
        width:100%
    }
}

@media only screen and (max-width: 700px) {
    .pl-content img.somanycustomers {
        display:none
    }
}

.pl-content .video-box {
    width: 622px;
    height: 350px;
    position: absolute;
    top: 5px;
    left: 50%;
    margin-left: -311px;
    z-index: 1
}

@media only screen and (max-width: 975px) {
    .pl-content .video-box {
        margin-left:0;
        left: auto;
        height: auto;
        width: 100%
    }
}

.pl-content .testimonial {
    width: 370px;
    float: right;
    background: #eee;
    position: relative;
    padding: 35px 25px 46px
}

@media only screen and (max-width: 975px) {
    .pl-content .testimonial {
        float:none;
        padding: 35px 5% 46px;
        width: 90%
    }
}

#more-features-wrap .pl-content .block {
    float: left;
    width: 200px;
    height: 314px;
    padding: 0 20px;
    background: url("./public/assets./images/t-landing_pages/more-features-bdr.png") no-repeat;
    text-align: center
}

.pl-content #dark-sidebar {
    position: absolute;
    float: none;
    margin: 50px 0px 30px 5px;
    width: 300px;
    z-index: 20
}

.pl-content h2 {
    font-family: 'DNLTB';
    font-size: 76px;
    color: #134448;
    line-height: 68px;
    font-weight: normal;
    margin: 0 0 8px
}

.pl-content .calls-to-action {
    margin-top: 15px
}

.pl-content .video {
    float: left;
    width: 147px;
    height: 100px;
    margin: 0 14px 0 0
}

.pl-content .video a:hover {
    position: relative;
    top: 1px
}

.pl-content .button {
    display: block;
    height: 42px;
    padding: 0px 10px 0;
    float: left;
    width: 239px
}

.pl-content .calls-to-action .first {
    margin: 0 10px 10px 0
}

.watch-video {
    width: 146px;
    height: 99px;
    background: url("./public/assets./images/button-watch-video2.png") no-repeat 0 0;
    float: left;
    position: relative;
    cursor: pointer;
    color: #fff;
    padding-top: 70px;
    font: 11px DNLTM;
    text-transform: uppercase;
    text-align: center
}

.watch-video:hover {
    top: 1px
}

.video-popup {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    display: none;
    height: 360px
}

.video-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    background: #000
}

.close {
    width: 25px;
    height: 25px;
    background: url("./public/assets./images/close-video.png") no-repeat 0 0;
    position: absolute;
    top: 5px;
    right: -37px;
    z-index: 1
}

a#cancel,a#continue {
    cursor: pointer
}

.pl-content .testimonial h4,.pl-content .testimonial .mobile-modal .mobile-modal-list li h5,.mobile-modal .mobile-modal-list li .pl-content .testimonial h5 {
    font-family: 'DNLTB';
    font-size: 16px;
    margin: 0 0 5px;
    text-transform: uppercase
}

.pl-content .testimonial p {
    font-size: 16px;
    line-height: 1.2;
    margin: 0 0 10px
}

.pl-content .testimonial .author {
    display: block;
    font-family: 'DNLTL';
    font-size: 14px
}

.pl-content .testimonial .author strong {
    font-weight: normal;
    font-family: 'DNLTRI'
}

.pl-content .testimonial .circle {
    position: absolute;
    top: -32px;
    right: 20px;
    width: 85px;
    height: 84px;
    background: url("./public/assets./images/circle01.png") no-repeat 0 0
}

.pl-content .testimonial .circle img {
    display: inline-block
}

.pl-content .testimonial .case-study-link a {
    position: absolute;
    right: 19px;
    font-size: .7em;
    bottom: 15px;
    background: url("./public/assets./images/global-sprite.png") -402px -222px no-repeat;
    padding-left: 10px;
    height: 11px
}

.pl-content .testimonial .case-study-link a:hover {
    background-position: -402px -234px
}

.pl-content .voice-rates h4,.pl-content .voice-rates .mobile-modal .mobile-modal-list li h5,.mobile-modal .mobile-modal-list li .pl-content .voice-rates h5 {
    text-transform: uppercase;
    font: 14px/1 DNRM;
    color: #777;
    margin: 14px 0 5px
}

.pl-content .voice-rates form {
    height: 38px
}

.pl-content .voice-rates ul {
    clear: both;
    width: 100%;
    padding: 15px 0
}

.pl-content .voice-rates ul li {
    list-style: none;
    color: #666
}

.pl-content .voice-rates ul.rates {
    padding: 15px 0 10px
}

.pl-content .voice-rates ul.rates li {
    background: #f7f7f7;
    list-style: none;
    color: #434343;
    font-size: 19px;
    margin: 0 0 4px 0;
    padding: 5px 14px 1px
}

@media only screen and (max-width: 700px) {
    .pl-content .voice-rates ul.rates li {
        font-size:14px
    }
}

.pl-content .voice-rates ul.details li {
    font-size: 15.5px;
    line-height: 1.2em;
    color: #555;
    padding-left: 4px
}

.pl-content .voice-rates ul.rates li span {
    float: right
}

#main.benchmark {
    top: 0
}

.pl-content .voice-rates p.sub {
    font: 16px/1.2 DNLTRI;
    padding-right: 10px;
    color: #999;
    text-align: left
}

.pl-content .voice-rates p.sub a {
    color: #4388bd
}

.pl-content .section {
    margin-top: 40px;
    overflow: hidden;
    clear: both;
    display: inline-block
}

.pl-content .section-title {
    height: 15px;
    border-top: 1px solid #dedede;
    padding-bottom: 25px
}

@media only screen and (max-width: 700px) {
    .pl-content .section-title {
        display:none
    }
}

.pl-content .highlights {
    list-style: none outside none;
    padding: 0;
    margin: 0
}

.pl-content .highlights img {
    display: block;
    border: 1px solid #d4d4d4
}

@media only screen and (max-width: 700px) {
    .pl-content .highlights img {
        width:100%
    }
}

.pl-content .highlights h3 {
    margin: 20px 0 11px;
    color: #333;
    font-size: 18px;
    line-height: 1.2;
    font-family: 'DNLTM'
}

.pl-content .highlights p {
    font-size: 16px;
    line-height: 20px;
    color: #666;
    margin: 0
}

.how-use-it {
    list-style: none outside none;
    padding: 0;
    margin: 0 -40px 0 0;
    width: 1000px;
    position: relative
}

@media only screen and (max-width: 700px) {
    .how-use-it {
        width:100%
    }
}

.how-use-it p {
    margin: 0 0 10px;
    font-size: 16px;
    line-height: 1.2em
}

.how-use-it .author {
    display: block;
    font-family: 'DNLTLI';
    font-size: 14px
}

.how-use-it .author strong {
    font-weight: normal;
    font-family: 'DNLTRI'
}

.how-use-it .circle {
    width: 123px;
    height: 123px;
    position: absolute;
    top: 20px;
    left: 20px
}

.how-use-it li {
    float: left;
    width: 280px;
    height: 250px;
    background: #eee;
    padding: 25px 25px 0 165px;
    position: relative;
    margin: 0 20px 20px 0
}

@media only screen and (max-width: 975px) {
    .how-use-it li {
        width:50%
    }
}

@media only screen and (max-width: 700px) {
    .how-use-it li {
        width:auto;
        padding: 160px 20px 30px 20px;
        margin: 0 20px 20px 0
    }
}

.img-align img {
    position: absolute
}

.pl-content .cta {
    background: url("./public/assets./images/cta-bg.png") repeat-y 0 0;
    border-radius: 8px;
    margin-top: 40px
}

.pl-content .cta .buttons {
    float: right;
    padding: 5px 4px 1px
}

.pl-content .cta .buttons a {
    float: left;
    width: 269px;
    height: 48px
}

.pl-content .cta .buttons a img {
    display: block
}

.pl-content .cta .buttons a:hover {
    position: relative;
    top: 1px
}

.pl-content .cta p {
    margin: 0;
    color: #fff;
    font-size: 20px;
    line-height: 1.2;
    font-family: 'DNRM';
    text-shadow: 1px 1px 4px rgba(0,0,0,0.45);
    padding: 17px 0 0 25px
}

#more-features-wrap {
    margin: 70px 0 -66px 0;
    padding: 20px 0 50px 0;
    overflow: hidden;
    clear: both
}

.page-id-22171 #more-features-wrap {
    margin: 0;
    padding: 0;
    background: none;
    overflow: hidden
}

.page-id-22171 #more-features-wrap .pl-content {
    width: 740px
}

.page-id-22171 #more-features-wrap .pl-content .block {
    height: 314px;
    margin-bottom: 30px;
    background: none;
    width: 205px;
    padding: 0 22px
}

.page-id-22171 #more-features-wrap .pl-content .first {
    padding-left: 0;
    background: url("./public/assets./images/t-landing_pages/more-features-bdr.png") 100% -20px no-repeat
}

.page-id-22171 #more-features-wrap .pl-content .second {
    padding-left: 22px;
    background: url("./public/assets./images/t-landing_pages/more-features-bdr.png") 100% -20px no-repeat
}

.page-id-22171 #more-features-wrap .pl-content a.first:last-child {
    background: none
}

.page-id-22171 #more-features-wrap .pl-content a:hover h1,.page-id-22171 #more-features-wrap .pl-content a:hover h2 {
    color: #c55200
}

.page-id-22171 #more-features-wrap .pl-content .third {
    padding: 0 0 0 22px
}

.page-id-22171 #more-features-wrap .pl-content a h1 {
    margin-bottom: 3px;
    color: #484848
}

.page-id-22171 #more-features-wrap .pl-content a h2 {
    border: none;
    margin: 0
}

.page-id-22171 #more-features {
    background: none
}

#more-features {
    overflow: hidden;
    background: url("./public/assets./images/t-landing_pages/more-features-bdr.png") 100% 45px no-repeat
}

#more-features-wrap .pl-content .greentab {
    margin-bottom: 25px
}

#more-features-wrap .pl-content .block h1 {
    margin: 15px 0 8px 0;
    font-size: 20px;
    font-family: 'DNLTM';
    border: none;
    text-transform: none
}

#more-features-wrap .pl-content a .block h1 {
    color: #484848;
    -moz-transition: .3s color;
    -webkit-transition: .3s color;
    -ms-transition: .3s color;
    -o-transition: .3s color
}

#more-features-wrap .pl-content a:hover .block h1,#more-features-wrap .pl-content a:hover .block h2 {
    color: #c55200
}

#more-features-wrap .pl-content .block h2 {
    margin-top: 0;
    font: 16px/1.3 'DNLTL';
    color: #4b4b4b;
    text-transform: none
}

#main.page-launch {
    margin: 0 auto;
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    position: relative
}

.team_photo+p {
    margin: 0
}

@media only screen and (max-width: 700px) {
    #main.grid-container #content.management #page-title {
        text-align:center
    }
}

@media only screen and (max-width: 975px) {
    .management.full-wrap {
        width:auto
    }
}

@media only screen and (max-width: 700px) {
    .management .popout-content {
        font-size:12px;
        line-height: 1.25
    }
}

@media only screen and (max-width: 778px) {
    .management #team_board .popout-content {
        font-size:12px;
        line-height: 1.25
    }
}

.management .team_member {
    overflow: visible;
    height: 340px;
    width: 170px
}

@media only screen and (max-width: 975px) {
    .management .team_member {
        width:23.72881%;
        float: left;
        margin-right: 1.69492%;
        display: inline;
        box-sizing: border-box
    }
}

@media only screen and (max-width: 700px) {
    .management .team_member {
        width:100%;
        float: left;
        margin-right: 1.69492%;
        display: inline;
        background: none
    }
}

.management .team_member .twitter-follow-button {
    padding-top: 10px
}

@media only screen and (max-width: 700px) {
    .management .team_member .twitter-follow-button {
        padding-top:0;
        margin-top: -18px
    }
}

.management #team_board :nth-child(4n),.management #team_executive :nth-child(4n) {
    margin-right: 0
}

.management #team_board .links,.management #team_executive .links {
    border-top: 1px solid #F6F6F6;
    clear: both;
    bottom: 20px;
    position: absolute;
    overflow: hidden
}

@media only screen and (max-width: 700px) {
    .management #team_board .links,.management #team_executive .links {
        border-color:#e8e8e8;
        left: 25%
    }
}

.management #team_board .links a,.management #team_executive .links a {
    background: #F6F6F6;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: background-color 0.2s ease-in;
    -moz-transition: background-color 0.2s ease-in;
    -ms-transition: background-color 0.2s ease-in;
    -o-transition: background-color 0.2s ease-in;
    transition: background-color 0.2s ease-in;
    color: #777;
    font: 13px DNLTM;
    margin: 10px 5px 0;
    float: left;
    padding: 8px 16px 6px;
    text-transform: uppercase
}

@media only screen and (max-width: 975px) {
    .management #team_board .links a,.management #team_executive .links a {
        padding:8px 10px 6px
    }
}

@media only screen and (max-width: 700px) {
    .management #team_board .links a,.management #team_executive .links a {
        background-color:#fff
    }
}

.management #team_board .links a:hover,.management #team_executive .links a:hover {
    background: #777;
    color: #F6F6F6
}

.management #team_board {
    clear: both
}

.management #team_board .right-side .popout-wrapper {
    left: auto;
    right: 172px
}

.management #team_board .popout-content {
    width: 330px
}

@media only screen and (max-width: 700px) {
    .management #team_board .popout-content {
        height:242px;
        overflow: hidden;
        width: 99.5%
    }
}

.management #team_board .popout-wrapper {
    left: 173px
}

.management #team_board h2 {
    padding-top: 40px
}

.management #team_board :nth-child(6) {
    margin-right: 0
}

.management #team_board .team_member {
    height: 190px;
    width: 134px;
    margin-right: 17px;
    padding: 21px
}

@media only screen and (max-width: 975px) {
    .management #team_board .team_member {
        width:23.72881%;
        float: left;
        margin-right: 1.69492%;
        display: inline;
        box-sizing: border-box
    }
}

@media only screen and (max-width: 778px) {
    .management #team_board .team_member {
        padding:14px;
        height: 220px
    }
}

@media only screen and (max-width: 700px) {
    .management #team_board .team_member {
        width:100%;
        float: left;
        margin-right: 1.69492%;
        display: inline;
        background: none
    }
}

.management #team_board .team_member .twitter-follow-button {
    padding-top: 10px
}

@media only screen and (max-width: 700px) {
    .management #team_board .team_member .twitter-follow-button {
        padding-top:0;
        margin-top: -18px
    }
}

.management #team_board .team_member:nth-child(5) {
    margin-right: 0
}

@media only screen and (max-width: 778px) {
    .management #team_board .team_member:nth-child(6) .popout-wrapper {
        left:50% !important;
        right: auto !important;
        top: 0
    }
}

@media only screen and (max-width: 700px) {
    .management #team_board .team_member:nth-child(6) .popout-wrapper {
        left:1px !important
    }
}

@media only screen and (max-width: 778px) {
    .management #team_board .team_member:nth-child(4) .popout-wrapper,.management #team_board .team_member:nth-child(5) .popout-wrapper,.management #team_board .team_member:last-child .popout-wrapper {
        right:50% !important;
        left: auto !important
    }
}

@media only screen and (max-width: 700px) {
    .management #team_board .team_member:nth-child(4) .popout-wrapper,.management #team_board .team_member:nth-child(5) .popout-wrapper,.management #team_board .team_member:last-child .popout-wrapper {
        right:auto !important;
        left: 1px !important
    }
}

.management .team_photo {
    float: none
}

@media only screen and (max-width: 975px) {
    .management .team_photo img {
        height:auto;
        width: 100%
    }
}

@media only screen and (max-width: 700px) {
    .management .team_photo img {
        margin:0 auto;
        width: 55%
    }
}

.management .team_member,.management .tile {
    padding: 24px
}

@media only screen and (max-width: 778px) {
    .management .team_member,.management .tile {
        padding:14px
    }
}

.management .team_title {
    clear: both;
    font-size: 14px;
    padding-top: 15px;
    *padding-top: 0
}

@media only screen and (max-width: 700px) {
    .management .team_title {
        padding-top:12px
    }
}

.management .team_title h4,.management .team_title .mobile-modal .mobile-modal-list li h5,.mobile-modal .mobile-modal-list li .management .team_title h5,.management .team_title h5 {
    line-height: 15px;
    margin: 0
}

.management .team_title h4,.management .team_title .mobile-modal .mobile-modal-list li h5,.mobile-modal .mobile-modal-list li .management .team_title h5 {
    font-family: DNLTB
}

.popout-wrapper {
    opacity: 0;
    display: none;
    left: 210px;
    overflow: hidden;
    position: absolute;
    top: 50px;
    overflow: visible;
    z-index: 995
}

@media only screen and (max-width: 778px) {
    .popout-wrapper {
        left:50% !important;
        top: 0 !important
    }
}

@media only screen and (max-width: 700px) {
    .popout-wrapper {
        left:1px !important;
        top: 1px !important
    }
}

#partners .popout-wrapper {
    left: 220px
}

.popout-wrapper p {
    margin: 0
}

.popout-pin {
    background: url("./public/assets./images/company/sprite-pin.png") 0 0 no-repeat;
    position: absolute;
    top: 25px;
    left: 5px;
    height: 13px;
    width: 8px
}

.popout-content {
    font-size: 14px;
    line-height: 1.5em;
    margin-left: 12px;
    padding: 20px 25px;
    text-align: left;
    width: 340px
}

.partner div.desc,.popout-content {
    background-color: #F9F9F9
}

.popout-content,.partner div.desc {
    border-radius: 5px;
    border: 1px solid #bebebe;
    border-bottom: 1px solid #b9b9b9;
    -webkit-box-shadow: 0px 0px 4px 0px #000;
    box-shadow: 0px 3px 3px 2px rgba(0,0,0,0.1);
    background: #eee
}

@media only screen and (max-width: 700px) {
    .popout-content,.partner div.desc {
        background:#e8e8e8;
        border-radius: 0;
        border: none;
        height: 266px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -ms-box-shadow: none;
        -o-box-shadow: none;
        box-shadow: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
        padding: 14px;
        width: 99.5%;
        margin: 0
    }
}

#partners .popout-content {
    width: 426px
}

.popout-content p {
    margin-bottom: 0
}

.right-side .popout-content {
    margin-left: 0;
    margin-right: 12px
}

.right-side .popout-pin {
    background-position: -8px 0;
    right: 5px;
    left: auto
}

.right-side .popout-wrapper {
    left: auto;
    right: 210px
}

@media only screen and (max-width: 778px) {
    .right-side .popout-wrapper {
        right:50% !important;
        left: auto !important;
        top: 0
    }
}

@media only screen and (max-width: 700px) {
    .right-side .popout-wrapper {
        left:1px !important;
        right: auto !important
    }
}

#partners .right-side .popout-wrapper {
    left: auto;
    right: 219px
}

article.management-team header h1 {
    width: 960px;
    padding-right: 0
}

article.management-team #content {
    width: 960px
}

article.management-team #sidebar {
    display: none
}

article.management-team .team_content {
    width: 630px;
    margin-left: 30px
}

article.management-team .team_content p {
    margin-bottom: 15px
}

article.management-team h4,article.management-team .mobile-modal .mobile-modal-list li h5,.mobile-modal .mobile-modal-list li article.management-team h5 {
    font: 24px/1.3 DNLTB
}

article.management-team h5 {
    font: 17px/1.3 DNRM;
    color: #999;
    margin-top: 5px
}

article.newsletter header {
    width: 100% !important
}

article.newsletter #page-title {
    float: left;
    width: 50%;
    margin: 20px 0;
    border: none
}

article.newsletter ul#list {
    margin: 0;
    padding: 0;
    clear: both
}

article.newsletter ul#list a li {
    list-style: none;
    float: left;
    height: 235px;
    margin: 0 20px 30px 0;
    overflow: hidden;
    border: solid 1px #E5E5E5;
    background-color: white;
    padding: 5px
}

@media only screen and (max-width: 778px) {
    article.newsletter ul#list a li {
        margin:2%;
        padding: 1%
    }
}

article.newsletter ul#list a li:hover {
    -webkit-box-shadow: 1px 1px 5px #a6a6a6;
    -moz-box-shadow: 1px 1px 5px #a6a6a6;
    -ms-box-shadow: 1px 1px 5px #a6a6a6;
    -o-box-shadow: 1px 1px 5px #a6a6a6;
    box-shadow: 1px 1px 5px #a6a6a6
}

article.newsletter ul#list a:nth-child(3n) li {
    margin-right: 0
}

@media only screen and (max-width: 778px) {
    article.newsletter ul#list a:nth-child(3n) li {
        margin-right:2%
    }
}

article.newsletter ul#list li img {
    width: 294px;
    height: 170px
}

@media only screen and (max-width: 700px) {
    article.newsletter ul#list li img {
        height:auto;
        width: 100%
    }
}

article.newsletter ul#list li figcaption {
    color: #484848;
    background: #fff;
    height: 20px;
    text-transform: none;
    padding: 15px 0;
    text-align: center;
    font: 14px DNLTR
}

article.newsletter ul#list li figcaption span {
    display: block;
    font: 16px DNLTM
}

.system-status table td {
    padding: 5px 10px;
    font-size: 22px
}

.system-status.twocol .wrap {
    width: 960px;
    float: left
}

.system-status header {
    padding-bottom: 20px;
    margin-top: 60px
}

.system-status header h1 {
    width: 578px;
    height: 115px;
    display: block;
    margin: 10px auto 10px;
    border: none
}

@media only screen and (max-width: 700px) {
    .system-status header h1 {
        height:111px;
        overflow: hidden;
        margin: 40px auto;
        width: 100%
    }
}

.green-char {
    background: url("./public/assets./images/p-uptime/sprite-nums.jpg");
    width: 83px;
    height: 111px;
    display: block;
    text-indent: -9999em;
    float: left;
    margin: 0 auto
}

.system-status header h1 span#p {
    background: url("./public/assets./images/p-uptime/sprite-nums.jpg") 0 -1060px;
    float: right;
    width: 124px;
    height: 112px
}

@media only screen and (max-width: 700px) {
    .system-status header h1 span#p {
        width:108px;
        height: 99px;
        margin-bottom: 14px;
        background-size: 100%;
        background-position: 0 100px
    }
}

#pos2 {
    background-position: 0 -113px
}

#pos3 {
    background-position: 0 -229px
}

#pos4 {
    background-position: 0 -346px
}

#pos5 {
    background-position: 0 -461px
}

#pos6 {
    background-position: 0 -576px
}

#pos7 {
    background-position: 0 -692px
}

#pos8 {
    background-position: 0 -805px
}

.system-status #pos8 {
    height: 113px
}

#pos9 {
    background-position: 0 -920px
}

#posdot {
    background-position: 0 -1031px;
    height: 29px;
    position: relative;
    top: 82px;
    bottom: 0;
    width: 30px
}

.system-status .wrap header h2 {
    border: none;
    width: 360px;
    margin: 0 auto;
    overflow: hidden
}

@media only screen and (max-width: 700px) {
    .system-status .wrap header h2 {
        width:100%
    }
}

.system-status .wrap header h2 span {
    font-size: 20px;
    color: #434343;
    text-align: center;
    border: none;
    text-transform: none;
    font-family: DNLTRI;
    float: left
}

.system-status h2 span.tooltip {
    width: 20px;
    height: 20px;
    display: inline;
    padding: 0;
    margin: 4px 0 0 5px
}

.system-status .wrap .col {
    width: 47%;
    margin-top: 20px;
    position: relative
}

@media only screen and (max-width: 700px) {
    .system-status .wrap .col {
        width:100%
    }
}

.system-status #info {
    position: relative;
    background: #fff;
    padding: 40px;
    margin: 10px 0px 40px;
    overflow: hidden;
    box-shadow: inner 0 0 3px #ccc;
    -webkit-box-shadow: inset 0 0 3px #ccc;
    -moz-box-shadow: inset 0 0 3px #ccc;
    -o-box-shadow: inset 0 0 3px #ccc;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px
}

.system-status #info p.first {
    font-size: 30px;
    font-family: DNLTL;
    line-height: 1.3;
    margin: 0
}

.system-status #info p {
    font-family: DNLTL;
    font-size: 18px;
    line-height: 1.7
}

.system-status #info p img {
    float: right;
    margin: -10px 0 0 30px
}

.system-status #info p span {
    display: block;
    position: absolute;
    right: 37px;
    top: 191px;
    font-size: 12px;
    margin-top: -15px;
    font-family: DNLTRI;
    color: #999
}

.system-status #info h3 {
    font-size: 18px;
    font-family: DNLTM;
    margin: 5px 0 5px
}

.system-status #rt .tooltip,.system-status #lt .tooltip {
    height: 19px;
    top: 4px;
    position: absolute;
    right: 0px;
    width: 20px
}

.system-status #lt .tooltip {
    right: -5px
}

.system-status #rt .tooltip:hover span.classic {
    top: -113px;
    left: -500px;
    width: 450px;
    line-height: 1.8;
    padding: 20px 30px
}

.system-status #rt .tooltip span.classic .shim {
    background: url("./public/assets./images/bg-tooltip.png") -14px 0 no-repeat;
    width: 15px;
    height: 30px;
    display: block;
    position: absolute;
    bottom: 270px;
    left: 509px
}

.system-status #lt .tooltip span.classic {
    color: #484848;
    text-align: left;
    line-height: 1.8;
    padding: 20px 30px;
    top: -40px;
    left: -300px;
    border-radius: 10px;
    width: 250px
}

.system-status #lt .tooltip span.classic .shim {
    background: url("./public/assets./images/bg-tooltip.png") -14px 0 no-repeat;
    width: 15px;
    height: 30px;
    display: block;
    position: absolute;
    bottom: 30px;
    right: -15px
}

.system-status .wrap .tooltip h3 {
    font-size: 18px;
    font-family: DNLTM;
    margin: 0
}

.system-status #rt h4,.system-status #rt .mobile-modal .mobile-modal-list li h5,.mobile-modal .mobile-modal-list li .system-status #rt h5 {
    width: 337px
}

.system-status #rt p {
    font-size: 21px
}

.system-status .wrap h2 {
    font: 19px DNRB;
    border-bottom: 1px solid #CFCFCF;
    text-transform: uppercase;
    letter-spacing: 0em;
    margin-bottom: 20px
}

@media only screen and (max-width: 778px) {
    .system-status .wrap h2 {
        font-size:15px
    }
}

.system-status table td:nth-child(2) {
    text-align: right
}

.system-status table tr:nth-child(2n) {
    background: #ffffff
}

#history {
    margin-top: 50px;
    clear: both;
    float: left;
    width: 100%
}

#history table tr:first-child {
    border-bottom: 1px solid #ddd;
    background: url("./public/assets./images/p-uptime/background.jpg") repeat;
    width: 740px
}

#history table td {
    font-size: 14px
}

#history table td:nth-child(2) span {
    margin-left: 5px
}

#history table td:nth-child(2),#history table td:nth-child(3) {
    text-align: center
}

#history a {
    color: #484848
}

#history table td:nth-child(2),#key span {
    width: 11px;
    height: 10px;
    display: block;
    background: url("./public/assets./images/p-uptime/uptime-sprite.jpg");
    float: left;
    margin: 4px 3px 0 0;
    padding: 0;
    text-indent: -999em
}

#history table tr:first-child td {
    background: none;
    text-indent: 0;
    margin: 4px 0 0 -14px
}

@media only screen and (max-width: 700px) {
    #history table tr:first-child td {
        margin:4px 0px 0px -4px
    }
}

#history table tr:first-child td:nth-child(2) {
    padding-top: 10px
}

#key {
    float: right;
    margin: 0;
    display: block;
    overflow: hidden;
    padding: 3px 0 4px 9px
}

@media only screen and (max-width: 778px) {
    #key {
        margin:0 0 20px
    }
}

#key li {
    float: left;
    list-style: none;
    margin-right: 20px;
    font-size: 9px;
    padding-top: 6px
}

#key li.last {
    margin-right: 1px
}

#key span {
    margin-top: 0
}

#history table td:nth-child(2) {
    margin-top: 7px
}

#history table td.scheduled {
    background-position: -55px -135px
}

#history table td.partial {
    background-position: -66px -135px
}

#history table td.down {
    background-position: -77px -135px
}

#history table tr.odd td span.down {
    background-position: -77px -135px
}

#key .scheduled span {
    background-position: -55px -135px
}

#key .partial span {
    background-position: -66px -135px
}

#key .down span {
    background-position: -77px -135px
}

.system-status .twitter-follow-button {
    display: block;
    padding: 0
}

article.partners #content {
    position: inherit
}

#main.grid-container #content {
    overflow: visible !important
}

.full-wrap.customers#content {
    width: 100%
}

@media only screen and (max-width: 700px) {
    #partners #page-title {
        font-size:25px;
        margin-bottom: 15px !important;
        margin-top: 0
    }
}

#partners .block p.intro {
    width: 65%
}

@media only screen and (min-width: 975px) {
    #partners .block p.intro {
        width:75%
    }
}

@media only screen and (max-width: 700px) {
    #partners .block p.intro {
        margin-bottom:0;
        width: 100%
    }
}

#partners #tiles {
    overflow: visible !important
}

#partners #tiles .tile p {
    font-size: 12px !important
}

@media only screen and (max-width: 700px) {
    #partners #tiles .tile {
        height:auto !important;
        min-height: 70px
    }
}

@media only screen and (max-width: 975px) {
    #partners #filter-wrap {
        right:5%;
        width: 25% !important
    }
}

@media only screen and (max-width: 700px) {
    #partners #filter-wrap {
        display:none
    }
}

#partners #filter-wrap .filter-bar span {
    color: #222222;
    float: left;
    font: 14px DNRB;
    margin: 0;
    text-transform: uppercase
}

#partners .isotope-item {
    z-index: auto
}

#partners .popout-wrapper {
    left: 215px;
    top: 20px
}

@media only screen and (max-width: 700px) {
    #partners .popout-wrapper {
        display:none !important
    }
}

#partners .popout-content {
    font-size: 12px;
    padding: 8px 12px;
    width: 215px
}

#partners a.partner {
    display: block;
    height: 29px;
    width: 157px;
    text-indent: -999999em;
    cursor: pointer;
    background: url("./public/assets./images/p-partners/button-partner.png") 0 0 no-repeat
}

#partners a.partner:hover {
    background: url("./public/assets./images/p-partners/button-partner.png") 0 -30px no-repeat
}

#partners a.partner:active {
    background: url("./public/assets./images/p-partners/button-partner.png") 0 -59px no-repeat
}

#partners .partner {
    border-bottom: 1px solid #ccc
}

#partners .partner p {
    font-size: 12px
}

#partners .desc {
    display: none
}

#partners h2 {
    clear: both;
    margin-top: 40px
}

#partners .block:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

* html #partners .block {
    height: 1%
}

#partners .block {
    display: block
}

#partners .button-white,#partners .button-white-disabled:hover {
    float: left;
    text-align: center
}

#partners .float-wrapper:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

#partners .float-wrapper {
    display: inline-block
}

* html #partners .float-wrapper {
    height: 1%
}

#partners .float-wrapper {
    display: block;
    margin: 0 auto;
    width: 260px
}

#partners a.button-white,#partners a.button-white-disabled:hover,#partners a.button-white-disabled:hover {
    margin-left: -22px;
    padding: 15px 0 7px;
    width: 260px
}

@media only screen and (max-width: 700px) {
    #partners a.button-white,#partners a.button-white-disabled:hover,#partners a.button-white-disabled:hover {
        margin-left:0
    }
}

#partners #tiles .tile {
    width: 173px;
    height: 215px
}

#partners #tiles .tile header h4,#partners #tiles .tile header .mobile-modal .mobile-modal-list li h5,.mobile-modal .mobile-modal-list li #partners #tiles .tile header h5 {
    margin: 0px !important
}

#partners .partner-link {
    font-family: DNLTM
}

article.partner-program ul {
    margin: 0 0 20px 5px
}

article.partner-program ul li {
    list-style: none;
    float: left;
    clear: left;
    border-bottom: 1px dashed #E0E0E0;
    padding-bottom: 20px;
    margin-bottom: 20px;
    width: 100%
}

article.partner-program .embed-wrap {
    width: 60%
}

article.partner-program h2 {
    margin-bottom: 20px !important
}

article.help-desk #trial {
    display: none
}

article.help-desk header h1 {
    font: 3.2em/1 DNLTB;
    color: #fff;
    margin: 0 0 0.5em;
    text-transform: uppercase;
    border: none
}

article.help-desk #play {
    background: url("./public/assets./images/p-demo/play-arrow.png") no-repeat scroll center center/auto 100% rgba(0,0,0,0);
    cursor: pointer;
    display: block;
    float: none;
    height: 100px;
    margin: 0 auto;
    position: relative;
    top: 0;
    width: 200px
}

article.help-desk #play span {
    color: #FFFFFF;
    font: 18px/260px DNRR;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap
}

article.help-desk #play:hover {
    opacity: 0.8
}

article.help-desk header {
    position: relative;
    margin-bottom: 30px;
    width: auto;
    background: #333 url("./public/assets./images/p-helpdesksoftware/hero-tile.jpg") 0 0 repeat-x !important;
    filter: none;
    -ms-filter: none;
    height: 360px;
    top: -10px;
    clear: both;
    -webkit-background-size: auto;
    -moz-background-size: auto;
    -o-background-size: auto;
    background-size: auto
}

article.help-desk header .wrap {
    position: relative;
    height: 100% !important;
    background: url(https://web.archive.org/web/20190118075937im_/http://d16cvnquvjw7pr.cloudfront.net./images/helpcenter/launch/hc-launch-slide-2.png);
    overflow: hidden;
    clear: both;
    width: 100% !important;
    background-size: cover
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    article.help-desk header .wrap {
        margin-left:-220px
    }
}

article.help-desk header .action-wrap {
    width: 960px;
    margin: 0 auto
}

article.help-desk header .action {
    width: 430px;
    margin: 5em auto;
    text-align: center
}

article.help-desk header a {
    display: block;
    margin-bottom: 3px
}

article.help-desk header #play:hover {
    opacity: 0.8
}

@media only screen and (max-width: 975px) {
    #main.single-resource,#main.resource-landing {
        width:92%
    }

    #main.single-resource .wrap,#main.resource-landing .wrap {
        width: 98%
    }
}

@media only screen and (max-width: 700px) {
    #main.single-resource #newsletter-form,#main.resource-landing #newsletter-form {
        display:none
    }
}

#main.single-resource #newsletter-form label,#main.resource-landing #newsletter-form label {
    width: 199px
}

#main.single-resource #newsletter-form label.success,#main.resource-landing #newsletter-form label.success {
    width: 275px
}

#main.single-resource #newsletter-form input,#main.resource-landing #newsletter-form input {
    width: 190px
}

@media only screen and (max-width: 975px) {
    #main.single-resource #newsletter-form input,#main.resource-landing #newsletter-form input {
        width:62%
    }
}

#main.single-resource .pl-content,#main.resource-landing .pl-content {
    background: none;
    margin: 0;
    width: auto
}

#main.single-resource .promo-wrap,#main.resource-landing .promo-wrap {
    border-bottom: none;
    margin: 40px 0 -66px;
    padding: 10px 0 20px;
    clear: both
}

#main.single-resource .promo-wrap .block,#main.resource-landing .promo-wrap .block {
    background: none;
    padding: 0;
    width: 290px;
    min-height: 245px;
    margin-right: 20px;
    float: left
}

#main.single-resource .promo-wrap .block:last-child,#main.resource-landing .promo-wrap .block:last-child {
    background: none;
    border-left: 1px solid #DEDEDE;
    margin-right: 0;
    padding-left: 20px
}

#main .widecol,.wrap .widecol {
    border-right: 1px solid #DEDEDE;
    clear: both;
    float: left;
    padding: 0 20px 0 0;
    width: 632px
}

#main .narrowcol,.wrap .narrowcol {
    float: right;
    padding-left: 20px;
    width: 287px
}

@media only screen and (max-width: 975px) {
    #main .narrowcol,.wrap .narrowcol {
        width:34% !important;
        margin: 0 2%;
        padding-left: 0 !important
    }
}

@media only screen and (max-width: 778px) {
    #main .narrowcol,.wrap .narrowcol {
        display:none
    }
}

#main .narrowcol h3,.wrap .narrowcol h3 {
    font: 17px/1 DNRM;
    color: #666
}

.note {
    color: #9A8577;
    font: 13px DNRM;
    letter-spacing: 1px;
    margin-bottom: 5px;
    text-transform: uppercase
}

.resource .hidden {
    display: none
}

#main.single-resource section.video {
    margin-top: 30px
}

#main.single-resource #infographic img {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    -webkit-box-shadow: 0 0 20px #ddd;
    -moz-box-shadow: 0 0 20px #ddd;
    -ms-box-shadow: 0 0 20px #ddd;
    -o-box-shadow: 0 0 20px #ddd;
    box-shadow: 0 0 20px #ddd;
    float: none;
    margin: 10px 0 0;
    width: 100%
}

#main.single-resource time {
    font: 12px/18px DNRR;
    float: left;
    margin-right: 15px
}

#main.single-resource ul.social {
    float: left
}

#main.single-resource .col-lt {
    float: none
}

#main.single-resource .col-rt {
    float: right
}

#main.single-resource header h1 {
    font: 42px/45px DNRL;
    margin: 10px 0 0;
    letter-spacing: normal
}

@media only screen and (max-width: 778px) {
    #main.single-resource .promo-wrap {
        padding:0 4%
    }
}

@media only screen and (max-width: 778px) {
    #main.single-resource .promo-wrap .block {
        width:44%;
        min-height: 100px;
        height: expression(this.scrollHeight < 101 ? "100px" : "auto" );
        margin-right: 5%
    }

    #main.single-resource .promo-wrap .block:last-child {
        margin-right: 0;
        padding-left: 5%
    }

    #main.single-resource .promo-wrap .block img {
        height: 100%;
        width: 100%
    }
}

#main.single-resource .promo-wrap .block h2 {
    color: #666;
    font: 20px DNLTL;
    margin-top: 20px;
    margin-bottom: 0;
    text-align: center
}

@media only screen and (max-width: 778px) {
    #main.single-resource .promo-wrap .block h2 {
        font-size:15px;
        letter-spacing: .95px
    }
}

#main.single-resource .promo-wrap .block a:hover h2 {
    color: #cb3c00
}

#main.single-resource .promo-wrap .block a:hover img {
    opacity: .75
}

@media only screen and (max-width: 975px) {
    #main.single-resource .widecol {
        position:static;
        overflow: hidden;
        padding-right: 1% !important;
        width: 100% !important;
        border: none
    }
}

@media only screen and (max-width: 778px) {
    #main.single-resource .widecol {
        border:none;
        padding-right: 0 !important;
        width: 100% !important
    }
}

#main.single-resource .narrowcol div {
    margin-bottom: 20px
}

#main.single-resource .narrowcol .block h2 {
    background-color: #E9E9E9;
    color: #666;
    display: block;
    font-family: DNLTM;
    font-size: 16px;
    line-height: 18px;
    padding: 10px;
    text-align: center;
    text-transform: capitalize;
    margin-top: -5px
}

#main.single-resource .narrowcol .block a {
    display: block
}

#main.single-resource .narrowcol .block a:hover {
    -webkit-box-shadow: 1px 1px 2px #e9e9e9;
    -moz-box-shadow: 1px 1px 2px #e9e9e9;
    -ms-box-shadow: 1px 1px 2px #e9e9e9;
    -o-box-shadow: 1px 1px 2px #e9e9e9;
    box-shadow: 1px 1px 2px #e9e9e9
}

#main.single-resource .narrowcol .block a:hover h2 {
    background: #fff;
    color: #CB3C00
}

#main.single-resource .resource-body {
    clear: both;
    font: 18px/1.4 PNR;
    color: #362f2d
}

#main.single-resource .resource-body ul {
    margin-bottom: 20px
}

#main.single-resource .resource-body ul li {
    list-style-type: disc;
    margin-left: 20px
}

#main.single-resource .resource-body ul li li {
    list-style-type: circle;
    margin-left: 20px
}

#main.single-resource .resource-body ul li li li {
    list-style-type: disc;
    margin-left: 20px
}

#main.single-resource .resource-body ol {
    margin-bottom: 20px
}

#main.single-resource .resource-body ol li {
    list-style-type: decimal;
    margin-left: 20px
}

#main.single-resource .resource-body ol li li {
    list-style-type: lower-alpha;
    margin-left: 20px
}

#main.single-resource .resource-body ol li li li {
    list-style-type: lower-roman;
    margin-left: 20px
}

#main.single-resource .resource-body p {
    margin: 0 0 20px
}

@media only screen and (max-width: 778px) {
    #main.single-resource .resource-body p {
        font:1.25em/1.45em DNLTL
    }
}

#main.single-resource .resource-body img {
    float: right;
    margin: 0 0 20px 20px
}

@media only screen and (max-width: 975px) {
    #main.single-resource .resource-body img {
        max-width:100%;
        float: left;
        margin-left: 0;
        margin-right: 40px
    }
}

#main.single-resource .resource-body #reg {
    padding: 10px 23px !important
}

#main.single-resource .resource-body-content {
    display: none;
    margin-top: 300px
}

#main.single-resource .resource-body-content.ungated {
    display: block;
    margin-top: 0px
}

#main.single-resource .resource-meta {
    display: inline-block;
    margin-bottom: 0px;
    width: 100%;
    line-height: 12px;
    margin-top: 5px
}

#main.single-resource .resource-meta:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

#main.single-resource .resource-body-teaser {
    margin-bottom: 20px
}

#main.single-resource .download-it span {
    background: url("./public/assets./images/p-resources/dwnld.png");
    display: block;
    float: left;
    margin-top: -2px;
    height: 15px;
    width: 15px
}

#main.single-resource #see-all,#main.single-resource .download-it {
    height: 18px;
    margin-left: 0;
    margin-right: 4px;
    margin-top: -3px
}

#main.single-resource #see-all {
    margin: 0 auto;
    text-align: center;
    height: 25px;
    width: 140px;
    float: none;
    display: block
}

#main.single-resource #see-all span {
    display: block;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 5px solid #ccc;
    margin: 3px auto 0
}

#main.single-resource #see-all.register {
    float: right;
    height: 28px;
    width: 287px;
    font-size: 14px;
    padding: 17px 0 0 0;
    margin: -12px 37px 0 0
}

#main.single-resource #see-all.register span {
    display: none
}

@media only screen and (max-width: 778px) {
    #main.single-resource article.resource {
        margin:0 4%;
        padding-top: 4%
    }

    #main.single-resource article.resource section.video iframe {
        width: 100%;
        height: 300px
    }

    #main.single-resource .left-col {
        width: 67%
    }

    #main.single-resource h1 {
        font: 2.25em/1.15em DNRL
    }
}

.resource-links .menu-sub li a {
    background: #eee;
    background: rgba(0,0,0,0.04);
    color: #444;
    display: block;
    height: auto;
    line-height: 18px;
    margin-bottom: 5px;
    padding: 10px 15px;
    font: 16px/1 PNR
}

.resource-links .menu-sub li a:hover {
    background: #fff;
    -webkit-box-shadow: 1px 1px 2px #e9e9e9;
    -moz-box-shadow: 1px 1px 2px #e9e9e9;
    -ms-box-shadow: 1px 1px 2px #e9e9e9;
    -o-box-shadow: 1px 1px 2px #e9e9e9;
    box-shadow: 1px 1px 2px #e9e9e9;
    color: #000
}

header.resource-landing {
    background: #fafafa;
    margin: 0 auto;
    overflow: hidden;
    padding: 40px 0;
    width: 100%;
    min-width: 960px;
    position: relative
}

@media only screen and (max-width: 975px) {
    header.resource-landing {
        padding:40px 4%;
        width: 92%;
        min-width: 0
    }
}

@media only screen and (max-width: 700px) {
    header.resource-landing {
        width:100%;
        padding: 30px 0 10px
    }
}

@media only screen and (max-width: 975px) {
    header.resource-landing .wrap {
        width:100%
    }
}

header.resource-landing .img-wrapper {
    float: left;
    margin-right: 38px;
    height: 271px;
    width: 480px
}

@media only screen and (max-width: 975px) {
    header.resource-landing .img-wrapper {
        overflow:hidden;
        margin-right: 5%;
        width: 45%
    }
}

@media only screen and (max-width: 700px) {
    header.resource-landing .img-wrapper {
        float:none;
        margin: 0 auto;
        border-radius: 75px 75px 75px 75px;
        height: 130px;
        width: 130px
    }
}

header.resource-landing .img-wrapper img {
    max-width: 480px;
    display: block;
    margin: 0 auto
}

@media only screen and (max-width: 975px) {
    header.resource-landing .img-wrapper img {
        margin:0
    }
}

@media only screen and (max-width: 700px) {
    header.resource-landing .img-wrapper img {
        margin:0 -65%;
        margin: -30% -132%
    }
}

header.resource-landing .text {
    margin-top: 30px;
    float: left;
    width: 440px
}

@media only screen and (max-width: 975px) {
    header.resource-landing .text {
        width:50%
    }
}

@media only screen and (max-width: 700px) {
    header.resource-landing .text {
        float:none;
        margin: 12px auto 0;
        text-align: center;
        width: auto
    }

    header.resource-landing .text .button-white,header.resource-landing .text .button-white-disabled:hover {
        float: none;
        margin: 0 auto 5px
    }
}

header.resource-landing .text h4,header.resource-landing .text .mobile-modal .mobile-modal-list li h5,.mobile-modal .mobile-modal-list li header.resource-landing .text h5 {
    font: 12px DNRM;
    text-transform: uppercase
}

header.resource-landing .text h1 {
    font: 40px/45px DNLTM;
    margin: 8px 0 15px
}

@media only screen and (max-width: 975px) {
    header.resource-landing .text h1 {
        margin:0 0 10px
    }
}

@media only screen and (max-width: 700px) {
    header.resource-landing .text h1 {
        margin-bottom:5px;
        font: 20px/1.2 DNLTM
    }
}

header.resource-landing .text .permalink.dark {
    color: #333
}

header.resource-landing .text .permalink.dark:hover {
    color: #c55200
}

header.resource-landing .header-inner .wrap a:nth-child(2),header.resource-landing .header-inner .wrap a:nth-child(3),header.resource-landing .header-inner .wrap a:nth-child(4) {
    display: none
}

#main.resource-landing {
    margin-top: 0
}

#main.grid-container .isotope-hidden,#main.resource-landing .isotope-hidden {
    display: none
}

#main.grid-container #content,#main.resource-landing #content {
    position: relative;
    padding: 30px 0 0;
    width: 960px;
    min-height: 530px
}

@media only screen and (max-width: 975px) {
    #main.grid-container #content,#main.resource-landing #content {
        position:static;
        overflow: hidden;
        width: 100% !important
    }
}

#main.grid-container #content #page-title,#main.resource-landing #content #page-title {
    width: 50%;
    float: left;
    margin-bottom: 0;
    border: none
}

@media only screen and (max-width: 700px) {
    #main.grid-container #content #page-title,#main.resource-landing #content #page-title {
        display:none
    }
}

#main.grid-container #content .pro-tip,#main.resource-landing #content .pro-tip {
    width: auto;
    display: inline-block;
    float: right;
    margin: -14px 10px 0 0;
    text-transform: uppercase;
    color: #888;
    font: 13px/1 DNRM
}

@media only screen and (max-width: 700px) {
    #main.grid-container #content .pro-tip,#main.resource-landing #content .pro-tip {
        display:none
    }
}

#main.grid-container #content .left-col,#main.resource-landing #content .left-col {
    clear: left;
    float: left;
    left: 0;
    margin: 17px 0 0;
    padding: 5px 0 0 5px;
    position: relative;
    width: 730px
}

@media only screen and (max-width: 975px) {
    #main.grid-container #content .left-col,#main.resource-landing #content .left-col {
        width:67%
    }
}

@media only screen and (max-width: 700px) {
    #main.grid-container #content .left-col,#main.resource-landing #content .left-col {
        display:none
    }
}

#main.grid-container #content #see-all,#main.resource-landing #content #see-all {
    bottom: 10px;
    color: #222;
    display: block;
    float: none;
    left: 20%;
    margin: 0 auto;
    padding: 18px 20px 10px;
    position: absolute;
    right: auto;
    text-align: center;
    width: 50%
}

@media only screen and (max-width: 700px) {
    #main.grid-container #content #see-all,#main.resource-landing #content #see-all {
        bottom:0 !important;
        left: 6% !important;
        width: 75%
    }
}

#main.grid-container #content #filter-wrap,#main.resource-landing #content #filter-wrap {
    margin-top: 0;
    margin-right: 0;
    top: 88px
}

@media only screen and (max-width: 975px) {
    #main.grid-container #content #filter-wrap,#main.resource-landing #content #filter-wrap {
        width:30%
    }
}

@media only screen and (max-width: 700px) {
    #main.grid-container #content #filter-wrap,#main.resource-landing #content #filter-wrap {
        top:0;
        width: 99%
    }
}

@media only screen and (max-width: 975px) {
    #main.grid-container #content #filter-wrap #filter-options,#main.resource-landing #content #filter-wrap #filter-options {
        width:100%
    }
}

@media only screen and (max-width: 975px) {
    #main.grid-container #content #filter-wrap #filter-options .section,#main.resource-landing #content #filter-wrap #filter-options .section {
        width:100%
    }
}

@media only screen and (max-width: 700px) {
    #main.grid-container #content #filter-wrap #filter-options .section,#main.resource-landing #content #filter-wrap #filter-options .section {
        clear:both;
        display: block;
        margin: 0 auto;
        padding: 0;
        float: none;
        width: 300px
    }
}

#main.grid-container #content #filter-wrap #filter-options .section .option,#main.resource-landing #content #filter-wrap #filter-options .section .option {
    width: 100%
}

@media only screen and (max-width: 700px) {
    #main.grid-container #content #filter-wrap #filter-options .section .option,#main.resource-landing #content #filter-wrap #filter-options .section .option {
        background:none;
        width: auto;
        margin: 0;
        padding: 0
    }

    #main.grid-container #content #filter-wrap #filter-options .section .option:last-child a,#main.resource-landing #content #filter-wrap #filter-options .section .option:last-child a {
        padding-right: 0
    }

    #main.grid-container #content #filter-wrap #filter-options .section .option a,#main.resource-landing #content #filter-wrap #filter-options .section .option a {
        background: none;
        font: 10px/25px DNRM;
        height: auto;
        padding: 0 5px;
        margin: 0 auto;
        text-transform: lowercase;
        text-align: center
    }

    #main.grid-container #content #filter-wrap #filter-options .section .option.pressed,#main.grid-container #content #filter-wrap #filter-options .section .option:hover,#main.resource-landing #content #filter-wrap #filter-options .section .option.pressed,#main.resource-landing #content #filter-wrap #filter-options .section .option:hover {
        text-decoration: underline
    }

    #main.grid-container #content #filter-wrap #filter-options .section .option a:before,#main.grid-container #content #filter-wrap #filter-options .section .option a.ico-iphone:after,#main.grid-container #content #filter-wrap #filter-options .section .option a.ico-iphone:after,#main.resource-landing #content #filter-wrap #filter-options .section .option a:before,#main.resource-landing #content #filter-wrap #filter-options .section .option a.ico-iphone:after,#main.resource-landing #content #filter-wrap #filter-options .section .option a.ico-iphone:after {
        display: none
    }
}

@media only screen and (max-width: 700px) {
    #main.grid-container #content #filter-wrap #filter-options #section2,#main.resource-landing #content #filter-wrap #filter-options #section2 {
        display:none
    }
}

#main.grid-container #content .filter-bar,#main.grid-container #content #filter-bar,#main.resource-landing #content .filter-bar,#main.resource-landing #content #filter-bar {
    position: relative;
    float: left;
    z-index: 1;
    height: auto;
    width: 190px;
    margin-top: 10px;
    padding: 0
}

@media only screen and (max-width: 700px) {
    #main.grid-container #content .filter-bar,#main.grid-container #content #filter-bar,#main.resource-landing #content .filter-bar,#main.resource-landing #content #filter-bar {
        margin-top:4%;
        width: 100%
    }

    #main.grid-container #content .filter-bar:nth-child(3),#main.grid-container #content #filter-bar:nth-child(3),#main.resource-landing #content .filter-bar:nth-child(3),#main.resource-landing #content #filter-bar:nth-child(3) {
        display: none
    }
}

#main.grid-container #content .filter-bar span,#main.grid-container #content #filter-bar span,#main.resource-landing #content .filter-bar span,#main.resource-landing #content #filter-bar span {
    float: left;
    margin: 0;
    font: 14px DNRB;
    color: #222;
    text-transform: uppercase
}

@media only screen and (max-width: 700px) {
    #main.grid-container #content .filter-bar span,#main.grid-container #content #filter-bar span,#main.resource-landing #content .filter-bar span,#main.resource-landing #content #filter-bar span {
        display:block;
        font: 12px DNRB;
        margin: 0 auto;
        text-align: center;
        width: 100%
    }
}

#main.grid-container #content #tiles,#main.resource-landing #content #tiles {
    min-height: none;
    padding: 5px 0 100px 5px
}

@media only screen and (max-width: 975px) {
    #main.grid-container #content #tiles,#main.resource-landing #content #tiles {
        width:72%
    }
}

@media only screen and (max-width: 700px) {
    #main.grid-container #content #tiles,#main.resource-landing #content #tiles {
        height:auto !important;
        min-height: none !important;
        margin: 6% auto 0;
        width: 100%;
        padding-bottom: 0
    }
}

#main.grid-container #content #tiles #no-results,#main.resource-landing #content #tiles #no-results {
    margin-left: 5px
}

@media only screen and (max-width: 700px) {
    #main.grid-container #content #tiles #no-results,#main.resource-landing #content #tiles #no-results {
        font-size:90%;
        margin-top: 2%;
        text-align: center
    }
}

#main.grid-container #content #tiles #no-results h2,#main.resource-landing #content #tiles #no-results h2 {
    font-family: DNLTM
}

#main.grid-container #content .tile,#main.resource-landing #content .tile {
    overflow: visible;
    height: 220px;
    padding: 7px;
    width: 27%
}

@media only screen and (max-width: 975px) {
    #main.grid-container #content .tile,#main.resource-landing #content .tile {
        float:left !important;
        position: relative !important;
        left: auto !important;
        top: auto !important;
        margin: 0 2% 4% 2%;
        width: 41%
    }
}

@media only screen and (max-width: 700px) {
    #main.grid-container #content .tile,#main.resource-landing #content .tile {
        -webkit-box-shadow:none;
        -moz-box-shadow: none;
        -ms-box-shadow: none;
        -o-box-shadow: none;
        box-shadow: none;
        border: none;
        float: none !important;
        margin: 2% auto;
        width: 93%;
        height: 70px
    }
}

#main.grid-container #content .tile h6,#main.resource-landing #content .tile h6 {
    font: 12px PNR;
    color: #777;
    margin: 0;
    text-transform: uppercase
}

@media only screen and (max-width: 700px) {
    #main.grid-container #content .tile h6,#main.resource-landing #content .tile h6 {
        right:126px;
        position: absolute;
        letter-spacing: 1px;
        font-size: 10px;
        font-family: DNLTL;
        color: #aaa
    }
}

#main.grid-container #content .tile header h4,#main.grid-container #content .tile header .mobile-modal .mobile-modal-list li h5,.mobile-modal .mobile-modal-list li #main.grid-container #content .tile header h5,#main.resource-landing #content .tile header h4,#main.resource-landing #content .tile header .mobile-modal .mobile-modal-list li h5,.mobile-modal .mobile-modal-list li #main.resource-landing #content .tile header h5 {
    font: 17px/1 DNLTR;
    margin: 4px 5px 0
}

@media only screen and (max-width: 975px) {
    #main.grid-container #content .tile header h4,#main.grid-container #content .tile header .mobile-modal .mobile-modal-list li h5,.mobile-modal .mobile-modal-list li #main.grid-container #content .tile header h5,#main.resource-landing #content .tile header h4,#main.resource-landing #content .tile header .mobile-modal .mobile-modal-list li h5,.mobile-modal .mobile-modal-list li #main.resource-landing #content .tile header h5 {
        font:15px/18px DNLTM
    }
}

@media only screen and (max-width: 700px) {
    #main.grid-container #content .tile header h4,#main.grid-container #content .tile header .mobile-modal .mobile-modal-list li h5,.mobile-modal .mobile-modal-list li #main.grid-container #content .tile header h5,#main.resource-landing #content .tile header h4,#main.resource-landing #content .tile header .mobile-modal .mobile-modal-list li h5,.mobile-modal .mobile-modal-list li #main.resource-landing #content .tile header h5 {
        font:15px/18px DNLTR;
        letter-spacing: 0.6px;
        margin-top: 18px;
        text-align: left
    }
}

#main.grid-container #content .logo,#main.resource-landing #content .logo {
    background: #fff;
    border-bottom: none;
    padding-bottom: 0;
    height: 122px;
    margin-bottom: 10px;
    overflow: hidden
}

@media only screen and (max-width: 700px) {
    #main.grid-container #content .logo,#main.resource-landing #content .logo {
        border-radius:50%;
        height: 70px;
        width: 70px;
        float: left;
        margin-left: 0;
        margin-right: 16px
    }
}

#main.grid-container #content .logo img,#main.resource-landing #content .logo img {
    vertical-align: bottom;
    max-height: 120px;
    max-width: 215px
}

@media only screen and (max-width: 975px) {
    #main.grid-container #content .logo img,#main.resource-landing #content .logo img {
        max-height:none;
        max-width: none;
        width: 80%
    }
}

@media only screen and (max-width: 700px) {
    #main.grid-container #content .logo img,#main.resource-landing #content .logo img {
        vertical-align:top;
        width: 180%
    }
}

#main.grid-container #content .form-gray input,#main.resource-landing #content .form-gray input {
    border: none;
    box-shadow: 0 1px 4px #CCCCCC inset;
    width: 180px
}

#main.grid-container #content #page-title {
    display: block;
    width: 100%
}

.lang-pt .resource-landing #filter-options .filter-bar:nth-child(1),.lang-pt .resource-landing #filter-options #section1,.lang-ja .resource-landing #filter-options .filter-bar:nth-child(1),.lang-ja .resource-landing #filter-options #section1,.lang-es .resource-landing #filter-options .filter-bar:nth-child(1),.lang-es .resource-landing #filter-options #section1,.lang-pt .resource-landing #filter-options .filter-bar:nth-child(1),.lang-pt .resource-landing #filter-options #section1,.lang-de .resource-landing #filter-options .filter-bar:nth-child(1),.lang-de .resource-landing #filter-options #section1 {
    display: none
}

@keyframes buckOne {
    0% {
        opacity: 0;
        bottom: 145px;
        right: 440px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    5% {
        opacity: 1
    }

    10% {
        bottom: 207px;
        right: 460px;
        -webkit-transform: rotate(-60deg);
        -moz-transform: rotate(-60deg);
        -ms-transform: rotate(-60deg);
        -o-transform: rotate(-60deg);
        transform: rotate(-60deg)
    }

    30% {
        -webkit-transform: rotate(-180deg);
        -moz-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }

    50% {
        bottom: -30px;
        right: 550px;
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        -o-transform: rotate(-10deg);
        transform: rotate(-10deg);
        opacity: 1
    }

    90% {
        bottom: -30px;
        right: 550px;
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        -o-transform: rotate(-10deg);
        transform: rotate(-10deg);
        opacity: 1
    }

    100% {
        bottom: -30px;
        right: 550px;
        opacity: 0
    }
}

@keyframes buckTwo {
    0% {
        opacity: 0;
        bottom: 145px;
        right: 430px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    5% {
        opacity: 1
    }

    10% {
        bottom: 207px;
        right: 480px;
        -webkit-transform: rotate(-60deg);
        -moz-transform: rotate(-60deg);
        -ms-transform: rotate(-60deg);
        -o-transform: rotate(-60deg);
        transform: rotate(-60deg)
    }

    30% {
        -webkit-transform: rotate(-180deg);
        -moz-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }

    60% {
        bottom: -40px;
        right: 500px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 1
    }

    90% {
        bottom: -40px;
        right: 500px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 1
    }

    100% {
        bottom: -40px;
        right: 500px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

@keyframes buckThree {
    0% {
        opacity: 0;
        top: 92px;
        right: 440px;
        -webkit-transform: rotate(35deg);
        -moz-transform: rotate(35deg);
        -ms-transform: rotate(35deg);
        -o-transform: rotate(35deg);
        transform: rotate(35deg)
    }

    5% {
        opacity: 1
    }

    10% {
        top: 31px;
        right: 450px;
        -webkit-transform: rotate(35deg);
        -moz-transform: rotate(35deg);
        -ms-transform: rotate(35deg);
        -o-transform: rotate(35deg);
        transform: rotate(35deg)
    }

    20% {
        top: -38px;
        right: 491px;
        -webkit-transform: rotate(35deg);
        -moz-transform: rotate(35deg);
        -ms-transform: rotate(35deg);
        -o-transform: rotate(35deg);
        transform: rotate(35deg);
        opacity: 1
    }

    70% {
        top: -38px;
        right: 491px;
        -webkit-transform: rotate(35deg);
        -moz-transform: rotate(35deg);
        -ms-transform: rotate(35deg);
        -o-transform: rotate(35deg);
        transform: rotate(35deg);
        opacity: 1
    }

    90% {
        top: -38px;
        right: 491px;
        -webkit-transform: rotate(35deg);
        -moz-transform: rotate(35deg);
        -ms-transform: rotate(35deg);
        -o-transform: rotate(35deg);
        transform: rotate(35deg);
        opacity: 1
    }

    100% {
        top: -38px;
        right: 491px;
        -webkit-transform: rotate(35deg);
        -moz-transform: rotate(35deg);
        -ms-transform: rotate(35deg);
        -o-transform: rotate(35deg);
        transform: rotate(35deg);
        opacity: 0
    }
}

@keyframes buckFour {
    0% {
        opacity: 0;
        top: 92px;
        right: 450px;
        -webkit-transform: rotate(43deg);
        -moz-transform: rotate(43deg);
        -ms-transform: rotate(43deg);
        -o-transform: rotate(43deg);
        transform: rotate(43deg)
    }

    5% {
        opacity: 1
    }

    10% {
        top: 17px;
        right: 482px;
        -webkit-transform: rotate(43deg);
        -moz-transform: rotate(43deg);
        -ms-transform: rotate(43deg);
        -o-transform: rotate(43deg);
        transform: rotate(43deg)
    }

    20% {
        top: -38px;
        right: 521px;
        -webkit-transform: rotate(43deg);
        -moz-transform: rotate(43deg);
        -ms-transform: rotate(43deg);
        -o-transform: rotate(43deg);
        transform: rotate(43deg);
        opacity: 1
    }

    80% {
        top: -38px;
        right: 521px;
        -webkit-transform: rotate(43deg);
        -moz-transform: rotate(43deg);
        -ms-transform: rotate(43deg);
        -o-transform: rotate(43deg);
        transform: rotate(43deg);
        opacity: 1
    }

    90% {
        top: -38px;
        right: 521px;
        -webkit-transform: rotate(43deg);
        -moz-transform: rotate(43deg);
        -ms-transform: rotate(43deg);
        -o-transform: rotate(43deg);
        transform: rotate(43deg);
        opacity: 1
    }

    100% {
        top: -38px;
        right: 521px;
        -webkit-transform: rotate(43deg);
        -moz-transform: rotate(43deg);
        -ms-transform: rotate(43deg);
        -o-transform: rotate(43deg);
        transform: rotate(43deg);
        opacity: 0
    }
}

@keyframes buckFive {
    0% {
        opacity: 0;
        top: 90px;
        right: 433px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    10% {
        opacity: 1;
        top: 80px;
        right: 433px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    90% {
        opacity: 1;
        top: -38px;
        right: 433px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    95% {
        opacity: 1;
        top: -38px;
        right: 433px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    100% {
        opacity: 0;
        top: -38px;
        right: 433px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg)
    }
}

@keyframes buckSix {
    0% {
        opacity: 0;
        top: 90px;
        right: 412px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    10% {
        opacity: 1;
        top: 28px;
        right: 412px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    70% {
        opacity: 1;
        top: -38px;
        right: 412px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    90% {
        opacity: 1;
        top: -38px;
        right: 412px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    100% {
        opacity: 0;
        top: -38px;
        right: 412px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg)
    }
}

@keyframes buckSeven {
    0% {
        opacity: 0;
        top: 90px;
        right: 412px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    10% {
        opacity: 1;
        top: 23px;
        right: 375px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    20% {
        opacity: 1;
        top: -38px;
        right: 330px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    90% {
        opacity: 1;
        top: -38px;
        right: 330px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    100% {
        opacity: 0;
        top: -38px;
        right: 330px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
}

@keyframes buckEight {
    0% {
        opacity: 0;
        top: 60px;
        right: 400px;
        -webkit-transform: rotate(145deg);
        -moz-transform: rotate(145deg);
        -ms-transform: rotate(145deg);
        -o-transform: rotate(145deg);
        transform: rotate(145deg)
    }

    10% {
        opacity: 1;
        right: 375px;
        -webkit-transform: rotate(145deg);
        -moz-transform: rotate(145deg);
        -ms-transform: rotate(145deg);
        -o-transform: rotate(145deg);
        transform: rotate(145deg)
    }

    40% {
        opacity: 1;
        right: 318px;
        -webkit-transform: rotate(145deg);
        -moz-transform: rotate(145deg);
        -ms-transform: rotate(145deg);
        -o-transform: rotate(145deg);
        transform: rotate(145deg)
    }

    90% {
        opacity: 1;
        top: -38px;
        right: 280px;
        -webkit-transform: rotate(145deg);
        -moz-transform: rotate(145deg);
        -ms-transform: rotate(145deg);
        -o-transform: rotate(145deg);
        transform: rotate(145deg)
    }

    100% {
        opacity: 0;
        top: -38px;
        right: 280px;
        -webkit-transform: rotate(145deg);
        -moz-transform: rotate(145deg);
        -ms-transform: rotate(145deg);
        -o-transform: rotate(145deg);
        transform: rotate(145deg)
    }
}

@keyframes buckNine {
    0% {
        opacity: 0;
        bottom: 130px;
        right: 426px;
        -webkit-transform: rotate(145deg);
        -moz-transform: rotate(145deg);
        -ms-transform: rotate(145deg);
        -o-transform: rotate(145deg);
        transform: rotate(145deg)
    }

    5% {
        opacity: 1
    }

    10% {
        bottom: 237px;
        right: 280px;
        -webkit-transform: rotate(160deg);
        -moz-transform: rotate(160deg);
        -ms-transform: rotate(160deg);
        -o-transform: rotate(160deg);
        transform: rotate(160deg)
    }

    30% {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    60% {
        bottom: -30px;
        right: 220px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 1
    }

    90% {
        bottom: -30px;
        right: 220px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 1
    }

    100% {
        bottom: -30px;
        right: 220px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}

@keyframes puff {
    0% {
        opacity: 0;
        right: 191px;
        top: 48px;
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        -ms-transform: scale(0.5);
        -o-transform: scale(0.5);
        transform: scale(0.5)
    }

    5% {
        opacity: 1
    }

    20% {
        right: 183px;
        top: 0;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

    50% {
        right: 190px;
        top: 0
    }

    80% {
        opacity: 1;
        right: 170px;
        top: 0
    }

    100% {
        right: 183px;
        top: 0;
        opacity: 0
    }
}

@keyframes puffTwo {
    0% {
        opacity: 0;
        right: 191px;
        top: 48px;
        -webkit-transform: scale(0.5) rotate(0deg);
        -moz-transform: scale(0.5) rotate(0deg);
        -ms-transform: scale(0.5) rotate(0deg);
        -o-transform: scale(0.5) rotate(0deg);
        transform: scale(0.5) rotate(0deg)
    }

    5% {
        opacity: 1
    }

    20% {
        right: 230px;
        top: 11px;
        -webkit-transform: scale(0.75) rotate(20deg);
        -moz-transform: scale(0.75) rotate(20deg);
        -ms-transform: scale(0.75) rotate(20deg);
        -o-transform: scale(0.75) rotate(20deg);
        transform: scale(0.75) rotate(20deg)
    }

    50% {
        right: 230px;
        top: 11px
    }

    80% {
        opacity: 1;
        right: 230px;
        top: 11px
    }

    100% {
        right: 230px;
        top: 11px;
        opacity: 0
    }
}

@keyframes puffThree {
    0% {
        opacity: 0;
        right: 26px;
        top: 68px
    }

    5% {
        opacity: 1
    }

    20% {
        right: 0;
        top: 17px
    }

    50% {
        right: 5px;
        top: 17px
    }

    80% {
        opacity: 1;
        right: 0;
        top: 17px
    }

    100% {
        right: 2px;
        top: 17px;
        opacity: 0
    }
}

@keyframes puffFour {
    0% {
        opacity: 0;
        right: 26px;
        top: 68px;
        -webkit-transform: scale(0.05) rotate(-25deg);
        -moz-transform: scale(0.05) rotate(-25deg);
        -ms-transform: scale(0.05) rotate(-25deg);
        -o-transform: scale(0.05) rotate(-25deg);
        transform: scale(0.05) rotate(-25deg)
    }

    5% {
        opacity: 1
    }

    20% {
        right: 0;
        top: 50px;
        -webkit-transform: scale(0.85) rotate(10deg);
        -moz-transform: scale(0.85) rotate(10deg);
        -ms-transform: scale(0.85) rotate(10deg);
        -o-transform: scale(0.85) rotate(10deg);
        transform: scale(0.85) rotate(10deg)
    }

    50% {
        right: 15px;
        top: 50px
    }

    80% {
        opacity: 1;
        right: 0;
        top: 50px
    }

    100% {
        right: 10px;
        top: 50px;
        opacity: 0
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes bounceUp {
    0% {
        margin-top: 115px;
        opacity: 0
    }

    100% {
        margin-top: -90px;
        opacity: 1
    }
}

@-ms-keyframes buckOne {
    0% {
        opacity: 0;
        bottom: 145px;
        right: 440px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    5% {
        opacity: 1
    }

    10% {
        bottom: 207px;
        right: 460px;
        -webkit-transform: rotate(-60deg);
        -moz-transform: rotate(-60deg);
        -ms-transform: rotate(-60deg);
        -o-transform: rotate(-60deg);
        transform: rotate(-60deg)
    }

    30% {
        -webkit-transform: rotate(-180deg);
        -moz-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }

    50% {
        bottom: -30px;
        right: 550px;
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        -o-transform: rotate(-10deg);
        transform: rotate(-10deg);
        opacity: 1
    }

    90% {
        bottom: -30px;
        right: 550px;
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        -o-transform: rotate(-10deg);
        transform: rotate(-10deg);
        opacity: 1
    }

    100% {
        bottom: -30px;
        right: 550px;
        opacity: 0
    }
}

@-ms-keyframes buckTwo {
    0% {
        opacity: 0;
        bottom: 145px;
        right: 430px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    5% {
        opacity: 1
    }

    10% {
        bottom: 207px;
        right: 480px;
        -webkit-transform: rotate(-60deg);
        -moz-transform: rotate(-60deg);
        -ms-transform: rotate(-60deg);
        -o-transform: rotate(-60deg);
        transform: rotate(-60deg)
    }

    30% {
        -webkit-transform: rotate(-180deg);
        -moz-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }

    60% {
        bottom: -40px;
        right: 500px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 1
    }

    90% {
        bottom: -40px;
        right: 500px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 1
    }

    100% {
        bottom: -40px;
        right: 500px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

@-ms-keyframes buckThree {
    0% {
        opacity: 0;
        top: 92px;
        right: 440px;
        -webkit-transform: rotate(35deg);
        -moz-transform: rotate(35deg);
        -ms-transform: rotate(35deg);
        -o-transform: rotate(35deg);
        transform: rotate(35deg)
    }

    5% {
        opacity: 1
    }

    10% {
        top: 31px;
        right: 450px;
        -webkit-transform: rotate(35deg);
        -moz-transform: rotate(35deg);
        -ms-transform: rotate(35deg);
        -o-transform: rotate(35deg);
        transform: rotate(35deg)
    }

    20% {
        top: -38px;
        right: 491px;
        -webkit-transform: rotate(35deg);
        -moz-transform: rotate(35deg);
        -ms-transform: rotate(35deg);
        -o-transform: rotate(35deg);
        transform: rotate(35deg);
        opacity: 1
    }

    70% {
        top: -38px;
        right: 491px;
        -webkit-transform: rotate(35deg);
        -moz-transform: rotate(35deg);
        -ms-transform: rotate(35deg);
        -o-transform: rotate(35deg);
        transform: rotate(35deg);
        opacity: 1
    }

    90% {
        top: -38px;
        right: 491px;
        -webkit-transform: rotate(35deg);
        -moz-transform: rotate(35deg);
        -ms-transform: rotate(35deg);
        -o-transform: rotate(35deg);
        transform: rotate(35deg);
        opacity: 1
    }

    100% {
        top: -38px;
        right: 491px;
        -webkit-transform: rotate(35deg);
        -moz-transform: rotate(35deg);
        -ms-transform: rotate(35deg);
        -o-transform: rotate(35deg);
        transform: rotate(35deg);
        opacity: 0
    }
}

@-ms-keyframes buckFour {
    0% {
        opacity: 0;
        top: 92px;
        right: 450px;
        -webkit-transform: rotate(43deg);
        -moz-transform: rotate(43deg);
        -ms-transform: rotate(43deg);
        -o-transform: rotate(43deg);
        transform: rotate(43deg)
    }

    5% {
        opacity: 1
    }

    10% {
        top: 17px;
        right: 482px;
        -webkit-transform: rotate(43deg);
        -moz-transform: rotate(43deg);
        -ms-transform: rotate(43deg);
        -o-transform: rotate(43deg);
        transform: rotate(43deg)
    }

    20% {
        top: -38px;
        right: 521px;
        -webkit-transform: rotate(43deg);
        -moz-transform: rotate(43deg);
        -ms-transform: rotate(43deg);
        -o-transform: rotate(43deg);
        transform: rotate(43deg);
        opacity: 1
    }

    80% {
        top: -38px;
        right: 521px;
        -webkit-transform: rotate(43deg);
        -moz-transform: rotate(43deg);
        -ms-transform: rotate(43deg);
        -o-transform: rotate(43deg);
        transform: rotate(43deg);
        opacity: 1
    }

    90% {
        top: -38px;
        right: 521px;
        -webkit-transform: rotate(43deg);
        -moz-transform: rotate(43deg);
        -ms-transform: rotate(43deg);
        -o-transform: rotate(43deg);
        transform: rotate(43deg);
        opacity: 1
    }

    100% {
        top: -38px;
        right: 521px;
        -webkit-transform: rotate(43deg);
        -moz-transform: rotate(43deg);
        -ms-transform: rotate(43deg);
        -o-transform: rotate(43deg);
        transform: rotate(43deg);
        opacity: 0
    }
}

@-ms-keyframes buckFive {
    0% {
        opacity: 0;
        top: 90px;
        right: 433px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    10% {
        opacity: 1;
        top: 80px;
        right: 433px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    90% {
        opacity: 1;
        top: -38px;
        right: 433px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    95% {
        opacity: 1;
        top: -38px;
        right: 433px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    100% {
        opacity: 0;
        top: -38px;
        right: 433px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg)
    }
}

@-ms-keyframes buckSix {
    0% {
        opacity: 0;
        top: 90px;
        right: 412px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    10% {
        opacity: 1;
        top: 28px;
        right: 412px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    70% {
        opacity: 1;
        top: -38px;
        right: 412px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    90% {
        opacity: 1;
        top: -38px;
        right: 412px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    100% {
        opacity: 0;
        top: -38px;
        right: 412px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg)
    }
}

@-ms-keyframes buckSeven {
    0% {
        opacity: 0;
        top: 90px;
        right: 412px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    10% {
        opacity: 1;
        top: 23px;
        right: 375px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    20% {
        opacity: 1;
        top: -38px;
        right: 330px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    90% {
        opacity: 1;
        top: -38px;
        right: 330px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    100% {
        opacity: 0;
        top: -38px;
        right: 330px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
}

@-ms-keyframes buckEight {
    0% {
        opacity: 0;
        top: 60px;
        right: 400px;
        -webkit-transform: rotate(145deg);
        -moz-transform: rotate(145deg);
        -ms-transform: rotate(145deg);
        -o-transform: rotate(145deg);
        transform: rotate(145deg)
    }

    10% {
        opacity: 1;
        right: 375px;
        -webkit-transform: rotate(145deg);
        -moz-transform: rotate(145deg);
        -ms-transform: rotate(145deg);
        -o-transform: rotate(145deg);
        transform: rotate(145deg)
    }

    40% {
        opacity: 1;
        right: 318px;
        -webkit-transform: rotate(145deg);
        -moz-transform: rotate(145deg);
        -ms-transform: rotate(145deg);
        -o-transform: rotate(145deg);
        transform: rotate(145deg)
    }

    90% {
        opacity: 1;
        top: -38px;
        right: 280px;
        -webkit-transform: rotate(145deg);
        -moz-transform: rotate(145deg);
        -ms-transform: rotate(145deg);
        -o-transform: rotate(145deg);
        transform: rotate(145deg)
    }

    100% {
        opacity: 0;
        top: -38px;
        right: 280px;
        -webkit-transform: rotate(145deg);
        -moz-transform: rotate(145deg);
        -ms-transform: rotate(145deg);
        -o-transform: rotate(145deg);
        transform: rotate(145deg)
    }
}

@-ms-keyframes buckNine {
    0% {
        opacity: 0;
        bottom: 130px;
        right: 426px;
        -webkit-transform: rotate(145deg);
        -moz-transform: rotate(145deg);
        -ms-transform: rotate(145deg);
        -o-transform: rotate(145deg);
        transform: rotate(145deg)
    }

    5% {
        opacity: 1
    }

    10% {
        bottom: 237px;
        right: 280px;
        -webkit-transform: rotate(160deg);
        -moz-transform: rotate(160deg);
        -ms-transform: rotate(160deg);
        -o-transform: rotate(160deg);
        transform: rotate(160deg)
    }

    30% {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    60% {
        bottom: -30px;
        right: 220px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 1
    }

    90% {
        bottom: -30px;
        right: 220px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 1
    }

    100% {
        bottom: -30px;
        right: 220px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}

@-ms-keyframes puff {
    0% {
        opacity: 0;
        right: 191px;
        top: 48px;
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        -ms-transform: scale(0.5);
        -o-transform: scale(0.5);
        transform: scale(0.5)
    }

    5% {
        opacity: 1
    }

    20% {
        right: 183px;
        top: 0;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

    50% {
        right: 190px;
        top: 0
    }

    80% {
        opacity: 1;
        right: 170px;
        top: 0
    }

    100% {
        right: 183px;
        top: 0;
        opacity: 0
    }
}

@-ms-keyframes puffTwo {
    0% {
        opacity: 0;
        right: 191px;
        top: 48px;
        -webkit-transform: scale(0.5) rotate(0deg);
        -moz-transform: scale(0.5) rotate(0deg);
        -ms-transform: scale(0.5) rotate(0deg);
        -o-transform: scale(0.5) rotate(0deg);
        transform: scale(0.5) rotate(0deg)
    }

    5% {
        opacity: 1
    }

    20% {
        right: 230px;
        top: 11px;
        -webkit-transform: scale(0.75) rotate(20deg);
        -moz-transform: scale(0.75) rotate(20deg);
        -ms-transform: scale(0.75) rotate(20deg);
        -o-transform: scale(0.75) rotate(20deg);
        transform: scale(0.75) rotate(20deg)
    }

    50% {
        right: 230px;
        top: 11px
    }

    80% {
        opacity: 1;
        right: 230px;
        top: 11px
    }

    100% {
        right: 230px;
        top: 11px;
        opacity: 0
    }
}

@-ms-keyframes puffThree {
    0% {
        opacity: 0;
        right: 26px;
        top: 68px
    }

    5% {
        opacity: 1
    }

    20% {
        right: 0;
        top: 17px
    }

    50% {
        right: 5px;
        top: 17px
    }

    80% {
        opacity: 1;
        right: 0;
        top: 17px
    }

    100% {
        right: 2px;
        top: 17px;
        opacity: 0
    }
}

@-ms-keyframes puffFour {
    0% {
        opacity: 0;
        right: 26px;
        top: 68px;
        -webkit-transform: scale(0.05) rotate(-25deg);
        -moz-transform: scale(0.05) rotate(-25deg);
        -ms-transform: scale(0.05) rotate(-25deg);
        -o-transform: scale(0.05) rotate(-25deg);
        transform: scale(0.05) rotate(-25deg)
    }

    5% {
        opacity: 1
    }

    20% {
        right: 0;
        top: 50px;
        -webkit-transform: scale(0.85) rotate(10deg);
        -moz-transform: scale(0.85) rotate(10deg);
        -ms-transform: scale(0.85) rotate(10deg);
        -o-transform: scale(0.85) rotate(10deg);
        transform: scale(0.85) rotate(10deg)
    }

    50% {
        right: 15px;
        top: 50px
    }

    80% {
        opacity: 1;
        right: 0;
        top: 50px
    }

    100% {
        right: 10px;
        top: 50px;
        opacity: 0
    }
}

@-ms-keyframes fadeIn {
    0% {
        opacity: 0
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-ms-keyframes bounceUp {
    0% {
        margin-top: 115px;
        opacity: 0
    }

    100% {
        margin-top: -90px;
        opacity: 1
    }
}

@-webkit-keyframes buckOne {
    0% {
        opacity: 0;
        bottom: 145px;
        right: 440px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    5% {
        opacity: 1
    }

    10% {
        bottom: 207px;
        right: 460px;
        -webkit-transform: rotate(-60deg);
        -moz-transform: rotate(-60deg);
        -ms-transform: rotate(-60deg);
        -o-transform: rotate(-60deg);
        transform: rotate(-60deg)
    }

    30% {
        -webkit-transform: rotate(-180deg);
        -moz-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }

    50% {
        bottom: -30px;
        right: 550px;
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        -o-transform: rotate(-10deg);
        transform: rotate(-10deg);
        opacity: 1
    }

    90% {
        bottom: -30px;
        right: 550px;
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        -o-transform: rotate(-10deg);
        transform: rotate(-10deg);
        opacity: 1
    }

    100% {
        bottom: -30px;
        right: 550px;
        opacity: 0
    }
}

@-webkit-keyframes buckTwo {
    0% {
        opacity: 0;
        bottom: 145px;
        right: 430px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    5% {
        opacity: 1
    }

    10% {
        bottom: 207px;
        right: 480px;
        -webkit-transform: rotate(-60deg);
        -moz-transform: rotate(-60deg);
        -ms-transform: rotate(-60deg);
        -o-transform: rotate(-60deg);
        transform: rotate(-60deg)
    }

    30% {
        -webkit-transform: rotate(-180deg);
        -moz-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }

    60% {
        bottom: -40px;
        right: 500px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 1
    }

    90% {
        bottom: -40px;
        right: 500px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 1
    }

    100% {
        bottom: -40px;
        right: 500px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

@-webkit-keyframes buckThree {
    0% {
        opacity: 0;
        top: 92px;
        right: 440px;
        -webkit-transform: rotate(35deg);
        -moz-transform: rotate(35deg);
        -ms-transform: rotate(35deg);
        -o-transform: rotate(35deg);
        transform: rotate(35deg)
    }

    5% {
        opacity: 1
    }

    10% {
        top: 31px;
        right: 450px;
        -webkit-transform: rotate(35deg);
        -moz-transform: rotate(35deg);
        -ms-transform: rotate(35deg);
        -o-transform: rotate(35deg);
        transform: rotate(35deg)
    }

    20% {
        top: -38px;
        right: 491px;
        -webkit-transform: rotate(35deg);
        -moz-transform: rotate(35deg);
        -ms-transform: rotate(35deg);
        -o-transform: rotate(35deg);
        transform: rotate(35deg);
        opacity: 1
    }

    70% {
        top: -38px;
        right: 491px;
        -webkit-transform: rotate(35deg);
        -moz-transform: rotate(35deg);
        -ms-transform: rotate(35deg);
        -o-transform: rotate(35deg);
        transform: rotate(35deg);
        opacity: 1
    }

    90% {
        top: -38px;
        right: 491px;
        -webkit-transform: rotate(35deg);
        -moz-transform: rotate(35deg);
        -ms-transform: rotate(35deg);
        -o-transform: rotate(35deg);
        transform: rotate(35deg);
        opacity: 1
    }

    100% {
        top: -38px;
        right: 491px;
        -webkit-transform: rotate(35deg);
        -moz-transform: rotate(35deg);
        -ms-transform: rotate(35deg);
        -o-transform: rotate(35deg);
        transform: rotate(35deg);
        opacity: 0
    }
}

@-webkit-keyframes buckFour {
    0% {
        opacity: 0;
        top: 92px;
        right: 450px;
        -webkit-transform: rotate(43deg);
        -moz-transform: rotate(43deg);
        -ms-transform: rotate(43deg);
        -o-transform: rotate(43deg);
        transform: rotate(43deg)
    }

    5% {
        opacity: 1
    }

    10% {
        top: 17px;
        right: 482px;
        -webkit-transform: rotate(43deg);
        -moz-transform: rotate(43deg);
        -ms-transform: rotate(43deg);
        -o-transform: rotate(43deg);
        transform: rotate(43deg)
    }

    20% {
        top: -38px;
        right: 521px;
        -webkit-transform: rotate(43deg);
        -moz-transform: rotate(43deg);
        -ms-transform: rotate(43deg);
        -o-transform: rotate(43deg);
        transform: rotate(43deg);
        opacity: 1
    }

    80% {
        top: -38px;
        right: 521px;
        -webkit-transform: rotate(43deg);
        -moz-transform: rotate(43deg);
        -ms-transform: rotate(43deg);
        -o-transform: rotate(43deg);
        transform: rotate(43deg);
        opacity: 1
    }

    90% {
        top: -38px;
        right: 521px;
        -webkit-transform: rotate(43deg);
        -moz-transform: rotate(43deg);
        -ms-transform: rotate(43deg);
        -o-transform: rotate(43deg);
        transform: rotate(43deg);
        opacity: 1
    }

    100% {
        top: -38px;
        right: 521px;
        -webkit-transform: rotate(43deg);
        -moz-transform: rotate(43deg);
        -ms-transform: rotate(43deg);
        -o-transform: rotate(43deg);
        transform: rotate(43deg);
        opacity: 0
    }
}

@-webkit-keyframes buckFive {
    0% {
        opacity: 0;
        top: 90px;
        right: 433px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    10% {
        opacity: 1;
        top: 80px;
        right: 433px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    90% {
        opacity: 1;
        top: -38px;
        right: 433px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    95% {
        opacity: 1;
        top: -38px;
        right: 433px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    100% {
        opacity: 0;
        top: -38px;
        right: 433px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg)
    }
}

@-webkit-keyframes buckSix {
    0% {
        opacity: 0;
        top: 90px;
        right: 412px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    10% {
        opacity: 1;
        top: 28px;
        right: 412px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    70% {
        opacity: 1;
        top: -38px;
        right: 412px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    90% {
        opacity: 1;
        top: -38px;
        right: 412px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    100% {
        opacity: 0;
        top: -38px;
        right: 412px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg)
    }
}

@-webkit-keyframes buckSeven {
    0% {
        opacity: 0;
        top: 90px;
        right: 412px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    10% {
        opacity: 1;
        top: 23px;
        right: 375px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    20% {
        opacity: 1;
        top: -38px;
        right: 330px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    90% {
        opacity: 1;
        top: -38px;
        right: 330px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    100% {
        opacity: 0;
        top: -38px;
        right: 330px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
}

@-webkit-keyframes buckEight {
    0% {
        opacity: 0;
        top: 60px;
        right: 400px;
        -webkit-transform: rotate(145deg);
        -moz-transform: rotate(145deg);
        -ms-transform: rotate(145deg);
        -o-transform: rotate(145deg);
        transform: rotate(145deg)
    }

    10% {
        opacity: 1;
        right: 375px;
        -webkit-transform: rotate(145deg);
        -moz-transform: rotate(145deg);
        -ms-transform: rotate(145deg);
        -o-transform: rotate(145deg);
        transform: rotate(145deg)
    }

    40% {
        opacity: 1;
        right: 318px;
        -webkit-transform: rotate(145deg);
        -moz-transform: rotate(145deg);
        -ms-transform: rotate(145deg);
        -o-transform: rotate(145deg);
        transform: rotate(145deg)
    }

    90% {
        opacity: 1;
        top: -38px;
        right: 280px;
        -webkit-transform: rotate(145deg);
        -moz-transform: rotate(145deg);
        -ms-transform: rotate(145deg);
        -o-transform: rotate(145deg);
        transform: rotate(145deg)
    }

    100% {
        opacity: 0;
        top: -38px;
        right: 280px;
        -webkit-transform: rotate(145deg);
        -moz-transform: rotate(145deg);
        -ms-transform: rotate(145deg);
        -o-transform: rotate(145deg);
        transform: rotate(145deg)
    }
}

@-webkit-keyframes buckNine {
    0% {
        opacity: 0;
        bottom: 130px;
        right: 426px;
        -webkit-transform: rotate(145deg);
        -moz-transform: rotate(145deg);
        -ms-transform: rotate(145deg);
        -o-transform: rotate(145deg);
        transform: rotate(145deg)
    }

    5% {
        opacity: 1
    }

    10% {
        bottom: 237px;
        right: 280px;
        -webkit-transform: rotate(160deg);
        -moz-transform: rotate(160deg);
        -ms-transform: rotate(160deg);
        -o-transform: rotate(160deg);
        transform: rotate(160deg)
    }

    30% {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    60% {
        bottom: -30px;
        right: 220px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 1
    }

    90% {
        bottom: -30px;
        right: 220px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 1
    }

    100% {
        bottom: -30px;
        right: 220px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}

@-webkit-keyframes puff {
    0% {
        opacity: 0;
        right: 191px;
        top: 48px;
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        -ms-transform: scale(0.5);
        -o-transform: scale(0.5);
        transform: scale(0.5)
    }

    5% {
        opacity: 1
    }

    20% {
        right: 183px;
        top: 0;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

    50% {
        right: 190px;
        top: 0
    }

    80% {
        opacity: 1;
        right: 170px;
        top: 0
    }

    100% {
        right: 183px;
        top: 0;
        opacity: 0
    }
}

@-webkit-keyframes puffTwo {
    0% {
        opacity: 0;
        right: 191px;
        top: 48px;
        -webkit-transform: scale(0.5) rotate(0deg);
        -moz-transform: scale(0.5) rotate(0deg);
        -ms-transform: scale(0.5) rotate(0deg);
        -o-transform: scale(0.5) rotate(0deg);
        transform: scale(0.5) rotate(0deg)
    }

    5% {
        opacity: 1
    }

    20% {
        right: 230px;
        top: 11px;
        -webkit-transform: scale(0.75) rotate(20deg);
        -moz-transform: scale(0.75) rotate(20deg);
        -ms-transform: scale(0.75) rotate(20deg);
        -o-transform: scale(0.75) rotate(20deg);
        transform: scale(0.75) rotate(20deg)
    }

    50% {
        right: 230px;
        top: 11px
    }

    80% {
        opacity: 1;
        right: 230px;
        top: 11px
    }

    100% {
        right: 230px;
        top: 11px;
        opacity: 0
    }
}

@-webkit-keyframes puffThree {
    0% {
        opacity: 0;
        right: 26px;
        top: 68px
    }

    5% {
        opacity: 1
    }

    20% {
        right: 0;
        top: 17px
    }

    50% {
        right: 5px;
        top: 17px
    }

    80% {
        opacity: 1;
        right: 0;
        top: 17px
    }

    100% {
        right: 2px;
        top: 17px;
        opacity: 0
    }
}

@-webkit-keyframes puffFour {
    0% {
        opacity: 0;
        right: 26px;
        top: 68px;
        -webkit-transform: scale(0.05) rotate(-25deg);
        -moz-transform: scale(0.05) rotate(-25deg);
        -ms-transform: scale(0.05) rotate(-25deg);
        -o-transform: scale(0.05) rotate(-25deg);
        transform: scale(0.05) rotate(-25deg)
    }

    5% {
        opacity: 1
    }

    20% {
        right: 0;
        top: 50px;
        -webkit-transform: scale(0.85) rotate(10deg);
        -moz-transform: scale(0.85) rotate(10deg);
        -ms-transform: scale(0.85) rotate(10deg);
        -o-transform: scale(0.85) rotate(10deg);
        transform: scale(0.85) rotate(10deg)
    }

    50% {
        right: 15px;
        top: 50px
    }

    80% {
        opacity: 1;
        right: 0;
        top: 50px
    }

    100% {
        right: 10px;
        top: 50px;
        opacity: 0
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes bounceUp {
    0% {
        margin-top: 115px;
        opacity: 0
    }

    100% {
        margin-top: -90px;
        opacity: 1
    }
}

@-o-keyframes buckOne {
    0% {
        opacity: 0;
        bottom: 145px;
        right: 440px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    5% {
        opacity: 1
    }

    10% {
        bottom: 207px;
        right: 460px;
        -webkit-transform: rotate(-60deg);
        -moz-transform: rotate(-60deg);
        -ms-transform: rotate(-60deg);
        -o-transform: rotate(-60deg);
        transform: rotate(-60deg)
    }

    30% {
        -webkit-transform: rotate(-180deg);
        -moz-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }

    50% {
        bottom: -30px;
        right: 550px;
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        -o-transform: rotate(-10deg);
        transform: rotate(-10deg);
        opacity: 1
    }

    90% {
        bottom: -30px;
        right: 550px;
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        -o-transform: rotate(-10deg);
        transform: rotate(-10deg);
        opacity: 1
    }

    100% {
        bottom: -30px;
        right: 550px;
        opacity: 0
    }
}

@-o-keyframes buckTwo {
    0% {
        opacity: 0;
        bottom: 145px;
        right: 430px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    5% {
        opacity: 1
    }

    10% {
        bottom: 207px;
        right: 480px;
        -webkit-transform: rotate(-60deg);
        -moz-transform: rotate(-60deg);
        -ms-transform: rotate(-60deg);
        -o-transform: rotate(-60deg);
        transform: rotate(-60deg)
    }

    30% {
        -webkit-transform: rotate(-180deg);
        -moz-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }

    60% {
        bottom: -40px;
        right: 500px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 1
    }

    90% {
        bottom: -40px;
        right: 500px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 1
    }

    100% {
        bottom: -40px;
        right: 500px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

@-o-keyframes buckThree {
    0% {
        opacity: 0;
        top: 92px;
        right: 440px;
        -webkit-transform: rotate(35deg);
        -moz-transform: rotate(35deg);
        -ms-transform: rotate(35deg);
        -o-transform: rotate(35deg);
        transform: rotate(35deg)
    }

    5% {
        opacity: 1
    }

    10% {
        top: 31px;
        right: 450px;
        -webkit-transform: rotate(35deg);
        -moz-transform: rotate(35deg);
        -ms-transform: rotate(35deg);
        -o-transform: rotate(35deg);
        transform: rotate(35deg)
    }

    20% {
        top: -38px;
        right: 491px;
        -webkit-transform: rotate(35deg);
        -moz-transform: rotate(35deg);
        -ms-transform: rotate(35deg);
        -o-transform: rotate(35deg);
        transform: rotate(35deg);
        opacity: 1
    }

    70% {
        top: -38px;
        right: 491px;
        -webkit-transform: rotate(35deg);
        -moz-transform: rotate(35deg);
        -ms-transform: rotate(35deg);
        -o-transform: rotate(35deg);
        transform: rotate(35deg);
        opacity: 1
    }

    90% {
        top: -38px;
        right: 491px;
        -webkit-transform: rotate(35deg);
        -moz-transform: rotate(35deg);
        -ms-transform: rotate(35deg);
        -o-transform: rotate(35deg);
        transform: rotate(35deg);
        opacity: 1
    }

    100% {
        top: -38px;
        right: 491px;
        -webkit-transform: rotate(35deg);
        -moz-transform: rotate(35deg);
        -ms-transform: rotate(35deg);
        -o-transform: rotate(35deg);
        transform: rotate(35deg);
        opacity: 0
    }
}

@-o-keyframes buckFour {
    0% {
        opacity: 0;
        top: 92px;
        right: 450px;
        -webkit-transform: rotate(43deg);
        -moz-transform: rotate(43deg);
        -ms-transform: rotate(43deg);
        -o-transform: rotate(43deg);
        transform: rotate(43deg)
    }

    5% {
        opacity: 1
    }

    10% {
        top: 17px;
        right: 482px;
        -webkit-transform: rotate(43deg);
        -moz-transform: rotate(43deg);
        -ms-transform: rotate(43deg);
        -o-transform: rotate(43deg);
        transform: rotate(43deg)
    }

    20% {
        top: -38px;
        right: 521px;
        -webkit-transform: rotate(43deg);
        -moz-transform: rotate(43deg);
        -ms-transform: rotate(43deg);
        -o-transform: rotate(43deg);
        transform: rotate(43deg);
        opacity: 1
    }

    80% {
        top: -38px;
        right: 521px;
        -webkit-transform: rotate(43deg);
        -moz-transform: rotate(43deg);
        -ms-transform: rotate(43deg);
        -o-transform: rotate(43deg);
        transform: rotate(43deg);
        opacity: 1
    }

    90% {
        top: -38px;
        right: 521px;
        -webkit-transform: rotate(43deg);
        -moz-transform: rotate(43deg);
        -ms-transform: rotate(43deg);
        -o-transform: rotate(43deg);
        transform: rotate(43deg);
        opacity: 1
    }

    100% {
        top: -38px;
        right: 521px;
        -webkit-transform: rotate(43deg);
        -moz-transform: rotate(43deg);
        -ms-transform: rotate(43deg);
        -o-transform: rotate(43deg);
        transform: rotate(43deg);
        opacity: 0
    }
}

@-o-keyframes buckFive {
    0% {
        opacity: 0;
        top: 90px;
        right: 433px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    10% {
        opacity: 1;
        top: 80px;
        right: 433px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    90% {
        opacity: 1;
        top: -38px;
        right: 433px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    95% {
        opacity: 1;
        top: -38px;
        right: 433px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    100% {
        opacity: 0;
        top: -38px;
        right: 433px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg)
    }
}

@-o-keyframes buckSix {
    0% {
        opacity: 0;
        top: 90px;
        right: 412px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    10% {
        opacity: 1;
        top: 28px;
        right: 412px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    70% {
        opacity: 1;
        top: -38px;
        right: 412px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    90% {
        opacity: 1;
        top: -38px;
        right: 412px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    100% {
        opacity: 0;
        top: -38px;
        right: 412px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg)
    }
}

@-o-keyframes buckSeven {
    0% {
        opacity: 0;
        top: 90px;
        right: 412px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    10% {
        opacity: 1;
        top: 23px;
        right: 375px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    20% {
        opacity: 1;
        top: -38px;
        right: 330px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    90% {
        opacity: 1;
        top: -38px;
        right: 330px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    100% {
        opacity: 0;
        top: -38px;
        right: 330px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
}

@-o-keyframes buckEight {
    0% {
        opacity: 0;
        top: 60px;
        right: 400px;
        -webkit-transform: rotate(145deg);
        -moz-transform: rotate(145deg);
        -ms-transform: rotate(145deg);
        -o-transform: rotate(145deg);
        transform: rotate(145deg)
    }

    10% {
        opacity: 1;
        right: 375px;
        -webkit-transform: rotate(145deg);
        -moz-transform: rotate(145deg);
        -ms-transform: rotate(145deg);
        -o-transform: rotate(145deg);
        transform: rotate(145deg)
    }

    40% {
        opacity: 1;
        right: 318px;
        -webkit-transform: rotate(145deg);
        -moz-transform: rotate(145deg);
        -ms-transform: rotate(145deg);
        -o-transform: rotate(145deg);
        transform: rotate(145deg)
    }

    90% {
        opacity: 1;
        top: -38px;
        right: 280px;
        -webkit-transform: rotate(145deg);
        -moz-transform: rotate(145deg);
        -ms-transform: rotate(145deg);
        -o-transform: rotate(145deg);
        transform: rotate(145deg)
    }

    100% {
        opacity: 0;
        top: -38px;
        right: 280px;
        -webkit-transform: rotate(145deg);
        -moz-transform: rotate(145deg);
        -ms-transform: rotate(145deg);
        -o-transform: rotate(145deg);
        transform: rotate(145deg)
    }
}

@-o-keyframes buckNine {
    0% {
        opacity: 0;
        bottom: 130px;
        right: 426px;
        -webkit-transform: rotate(145deg);
        -moz-transform: rotate(145deg);
        -ms-transform: rotate(145deg);
        -o-transform: rotate(145deg);
        transform: rotate(145deg)
    }

    5% {
        opacity: 1
    }

    10% {
        bottom: 237px;
        right: 280px;
        -webkit-transform: rotate(160deg);
        -moz-transform: rotate(160deg);
        -ms-transform: rotate(160deg);
        -o-transform: rotate(160deg);
        transform: rotate(160deg)
    }

    30% {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    60% {
        bottom: -30px;
        right: 220px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 1
    }

    90% {
        bottom: -30px;
        right: 220px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 1
    }

    100% {
        bottom: -30px;
        right: 220px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}

@-o-keyframes puff {
    0% {
        opacity: 0;
        right: 191px;
        top: 48px;
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        -ms-transform: scale(0.5);
        -o-transform: scale(0.5);
        transform: scale(0.5)
    }

    5% {
        opacity: 1
    }

    20% {
        right: 183px;
        top: 0;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

    50% {
        right: 190px;
        top: 0
    }

    80% {
        opacity: 1;
        right: 170px;
        top: 0
    }

    100% {
        right: 183px;
        top: 0;
        opacity: 0
    }
}

@-o-keyframes puffTwo {
    0% {
        opacity: 0;
        right: 191px;
        top: 48px;
        -webkit-transform: scale(0.5) rotate(0deg);
        -moz-transform: scale(0.5) rotate(0deg);
        -ms-transform: scale(0.5) rotate(0deg);
        -o-transform: scale(0.5) rotate(0deg);
        transform: scale(0.5) rotate(0deg)
    }

    5% {
        opacity: 1
    }

    20% {
        right: 230px;
        top: 11px;
        -webkit-transform: scale(0.75) rotate(20deg);
        -moz-transform: scale(0.75) rotate(20deg);
        -ms-transform: scale(0.75) rotate(20deg);
        -o-transform: scale(0.75) rotate(20deg);
        transform: scale(0.75) rotate(20deg)
    }

    50% {
        right: 230px;
        top: 11px
    }

    80% {
        opacity: 1;
        right: 230px;
        top: 11px
    }

    100% {
        right: 230px;
        top: 11px;
        opacity: 0
    }
}

@-o-keyframes puffThree {
    0% {
        opacity: 0;
        right: 26px;
        top: 68px
    }

    5% {
        opacity: 1
    }

    20% {
        right: 0;
        top: 17px
    }

    50% {
        right: 5px;
        top: 17px
    }

    80% {
        opacity: 1;
        right: 0;
        top: 17px
    }

    100% {
        right: 2px;
        top: 17px;
        opacity: 0
    }
}

@-o-keyframes puffFour {
    0% {
        opacity: 0;
        right: 26px;
        top: 68px;
        -webkit-transform: scale(0.05) rotate(-25deg);
        -moz-transform: scale(0.05) rotate(-25deg);
        -ms-transform: scale(0.05) rotate(-25deg);
        -o-transform: scale(0.05) rotate(-25deg);
        transform: scale(0.05) rotate(-25deg)
    }

    5% {
        opacity: 1
    }

    20% {
        right: 0;
        top: 50px;
        -webkit-transform: scale(0.85) rotate(10deg);
        -moz-transform: scale(0.85) rotate(10deg);
        -ms-transform: scale(0.85) rotate(10deg);
        -o-transform: scale(0.85) rotate(10deg);
        transform: scale(0.85) rotate(10deg)
    }

    50% {
        right: 15px;
        top: 50px
    }

    80% {
        opacity: 1;
        right: 0;
        top: 50px
    }

    100% {
        right: 10px;
        top: 50px;
        opacity: 0
    }
}

@-o-keyframes fadeIn {
    0% {
        opacity: 0
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-o-keyframes bounceUp {
    0% {
        margin-top: 115px;
        opacity: 0
    }

    100% {
        margin-top: -90px;
        opacity: 1
    }
}

@-moz-keyframes buckOne {
    0% {
        opacity: 0;
        bottom: 145px;
        right: 440px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    5% {
        opacity: 1
    }

    10% {
        bottom: 207px;
        right: 460px;
        -webkit-transform: rotate(-60deg);
        -moz-transform: rotate(-60deg);
        -ms-transform: rotate(-60deg);
        -o-transform: rotate(-60deg);
        transform: rotate(-60deg)
    }

    30% {
        -webkit-transform: rotate(-180deg);
        -moz-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }

    50% {
        bottom: -30px;
        right: 550px;
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        -o-transform: rotate(-10deg);
        transform: rotate(-10deg);
        opacity: 1
    }

    90% {
        bottom: -30px;
        right: 550px;
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        -o-transform: rotate(-10deg);
        transform: rotate(-10deg);
        opacity: 1
    }

    100% {
        bottom: -30px;
        right: 550px;
        opacity: 0
    }
}

@-moz-keyframes buckTwo {
    0% {
        opacity: 0;
        bottom: 145px;
        right: 430px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    5% {
        opacity: 1
    }

    10% {
        bottom: 207px;
        right: 480px;
        -webkit-transform: rotate(-60deg);
        -moz-transform: rotate(-60deg);
        -ms-transform: rotate(-60deg);
        -o-transform: rotate(-60deg);
        transform: rotate(-60deg)
    }

    30% {
        -webkit-transform: rotate(-180deg);
        -moz-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }

    60% {
        bottom: -40px;
        right: 500px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 1
    }

    90% {
        bottom: -40px;
        right: 500px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 1
    }

    100% {
        bottom: -40px;
        right: 500px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

@-moz-keyframes buckThree {
    0% {
        opacity: 0;
        top: 92px;
        right: 440px;
        -webkit-transform: rotate(35deg);
        -moz-transform: rotate(35deg);
        -ms-transform: rotate(35deg);
        -o-transform: rotate(35deg);
        transform: rotate(35deg)
    }

    5% {
        opacity: 1
    }

    10% {
        top: 31px;
        right: 450px;
        -webkit-transform: rotate(35deg);
        -moz-transform: rotate(35deg);
        -ms-transform: rotate(35deg);
        -o-transform: rotate(35deg);
        transform: rotate(35deg)
    }

    20% {
        top: -38px;
        right: 491px;
        -webkit-transform: rotate(35deg);
        -moz-transform: rotate(35deg);
        -ms-transform: rotate(35deg);
        -o-transform: rotate(35deg);
        transform: rotate(35deg);
        opacity: 1
    }

    70% {
        top: -38px;
        right: 491px;
        -webkit-transform: rotate(35deg);
        -moz-transform: rotate(35deg);
        -ms-transform: rotate(35deg);
        -o-transform: rotate(35deg);
        transform: rotate(35deg);
        opacity: 1
    }

    90% {
        top: -38px;
        right: 491px;
        -webkit-transform: rotate(35deg);
        -moz-transform: rotate(35deg);
        -ms-transform: rotate(35deg);
        -o-transform: rotate(35deg);
        transform: rotate(35deg);
        opacity: 1
    }

    100% {
        top: -38px;
        right: 491px;
        -webkit-transform: rotate(35deg);
        -moz-transform: rotate(35deg);
        -ms-transform: rotate(35deg);
        -o-transform: rotate(35deg);
        transform: rotate(35deg);
        opacity: 0
    }
}

@-moz-keyframes buckFour {
    0% {
        opacity: 0;
        top: 92px;
        right: 450px;
        -webkit-transform: rotate(43deg);
        -moz-transform: rotate(43deg);
        -ms-transform: rotate(43deg);
        -o-transform: rotate(43deg);
        transform: rotate(43deg)
    }

    5% {
        opacity: 1
    }

    10% {
        top: 17px;
        right: 482px;
        -webkit-transform: rotate(43deg);
        -moz-transform: rotate(43deg);
        -ms-transform: rotate(43deg);
        -o-transform: rotate(43deg);
        transform: rotate(43deg)
    }

    20% {
        top: -38px;
        right: 521px;
        -webkit-transform: rotate(43deg);
        -moz-transform: rotate(43deg);
        -ms-transform: rotate(43deg);
        -o-transform: rotate(43deg);
        transform: rotate(43deg);
        opacity: 1
    }

    80% {
        top: -38px;
        right: 521px;
        -webkit-transform: rotate(43deg);
        -moz-transform: rotate(43deg);
        -ms-transform: rotate(43deg);
        -o-transform: rotate(43deg);
        transform: rotate(43deg);
        opacity: 1
    }

    90% {
        top: -38px;
        right: 521px;
        -webkit-transform: rotate(43deg);
        -moz-transform: rotate(43deg);
        -ms-transform: rotate(43deg);
        -o-transform: rotate(43deg);
        transform: rotate(43deg);
        opacity: 1
    }

    100% {
        top: -38px;
        right: 521px;
        -webkit-transform: rotate(43deg);
        -moz-transform: rotate(43deg);
        -ms-transform: rotate(43deg);
        -o-transform: rotate(43deg);
        transform: rotate(43deg);
        opacity: 0
    }
}

@-moz-keyframes buckFive {
    0% {
        opacity: 0;
        top: 90px;
        right: 433px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    10% {
        opacity: 1;
        top: 80px;
        right: 433px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    90% {
        opacity: 1;
        top: -38px;
        right: 433px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    95% {
        opacity: 1;
        top: -38px;
        right: 433px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    100% {
        opacity: 0;
        top: -38px;
        right: 433px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg)
    }
}

@-moz-keyframes buckSix {
    0% {
        opacity: 0;
        top: 90px;
        right: 412px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    10% {
        opacity: 1;
        top: 28px;
        right: 412px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    70% {
        opacity: 1;
        top: -38px;
        right: 412px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    90% {
        opacity: 1;
        top: -38px;
        right: 412px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    100% {
        opacity: 0;
        top: -38px;
        right: 412px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg)
    }
}

@-moz-keyframes buckSeven {
    0% {
        opacity: 0;
        top: 90px;
        right: 412px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    10% {
        opacity: 1;
        top: 23px;
        right: 375px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    20% {
        opacity: 1;
        top: -38px;
        right: 330px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    90% {
        opacity: 1;
        top: -38px;
        right: 330px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    100% {
        opacity: 0;
        top: -38px;
        right: 330px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
}

@-moz-keyframes buckEight {
    0% {
        opacity: 0;
        top: 60px;
        right: 400px;
        -webkit-transform: rotate(145deg);
        -moz-transform: rotate(145deg);
        -ms-transform: rotate(145deg);
        -o-transform: rotate(145deg);
        transform: rotate(145deg)
    }

    10% {
        opacity: 1;
        right: 375px;
        -webkit-transform: rotate(145deg);
        -moz-transform: rotate(145deg);
        -ms-transform: rotate(145deg);
        -o-transform: rotate(145deg);
        transform: rotate(145deg)
    }

    40% {
        opacity: 1;
        right: 318px;
        -webkit-transform: rotate(145deg);
        -moz-transform: rotate(145deg);
        -ms-transform: rotate(145deg);
        -o-transform: rotate(145deg);
        transform: rotate(145deg)
    }

    90% {
        opacity: 1;
        top: -38px;
        right: 280px;
        -webkit-transform: rotate(145deg);
        -moz-transform: rotate(145deg);
        -ms-transform: rotate(145deg);
        -o-transform: rotate(145deg);
        transform: rotate(145deg)
    }

    100% {
        opacity: 0;
        top: -38px;
        right: 280px;
        -webkit-transform: rotate(145deg);
        -moz-transform: rotate(145deg);
        -ms-transform: rotate(145deg);
        -o-transform: rotate(145deg);
        transform: rotate(145deg)
    }
}

@-moz-keyframes buckNine {
    0% {
        opacity: 0;
        bottom: 130px;
        right: 426px;
        -webkit-transform: rotate(145deg);
        -moz-transform: rotate(145deg);
        -ms-transform: rotate(145deg);
        -o-transform: rotate(145deg);
        transform: rotate(145deg)
    }

    5% {
        opacity: 1
    }

    10% {
        bottom: 237px;
        right: 280px;
        -webkit-transform: rotate(160deg);
        -moz-transform: rotate(160deg);
        -ms-transform: rotate(160deg);
        -o-transform: rotate(160deg);
        transform: rotate(160deg)
    }

    30% {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    60% {
        bottom: -30px;
        right: 220px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 1
    }

    90% {
        bottom: -30px;
        right: 220px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 1
    }

    100% {
        bottom: -30px;
        right: 220px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}

@-moz-keyframes puff {
    0% {
        opacity: 0;
        right: 191px;
        top: 48px;
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        -ms-transform: scale(0.5);
        -o-transform: scale(0.5);
        transform: scale(0.5)
    }

    5% {
        opacity: 1
    }

    20% {
        right: 183px;
        top: 0;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

    50% {
        right: 190px;
        top: 0
    }

    80% {
        opacity: 1;
        right: 170px;
        top: 0
    }

    100% {
        right: 183px;
        top: 0;
        opacity: 0
    }
}

@-moz-keyframes puffTwo {
    0% {
        opacity: 0;
        right: 191px;
        top: 48px;
        -webkit-transform: scale(0.5) rotate(0deg);
        -moz-transform: scale(0.5) rotate(0deg);
        -ms-transform: scale(0.5) rotate(0deg);
        -o-transform: scale(0.5) rotate(0deg);
        transform: scale(0.5) rotate(0deg)
    }

    5% {
        opacity: 1
    }

    20% {
        right: 230px;
        top: 11px;
        -webkit-transform: scale(0.75) rotate(20deg);
        -moz-transform: scale(0.75) rotate(20deg);
        -ms-transform: scale(0.75) rotate(20deg);
        -o-transform: scale(0.75) rotate(20deg);
        transform: scale(0.75) rotate(20deg)
    }

    50% {
        right: 230px;
        top: 11px
    }

    80% {
        opacity: 1;
        right: 230px;
        top: 11px
    }

    100% {
        right: 230px;
        top: 11px;
        opacity: 0
    }
}

@-moz-keyframes puffThree {
    0% {
        opacity: 0;
        right: 26px;
        top: 68px
    }

    5% {
        opacity: 1
    }

    20% {
        right: 0;
        top: 17px
    }

    50% {
        right: 5px;
        top: 17px
    }

    80% {
        opacity: 1;
        right: 0;
        top: 17px
    }

    100% {
        right: 2px;
        top: 17px;
        opacity: 0
    }
}

@-moz-keyframes puffFour {
    0% {
        opacity: 0;
        right: 26px;
        top: 68px;
        -webkit-transform: scale(0.05) rotate(-25deg);
        -moz-transform: scale(0.05) rotate(-25deg);
        -ms-transform: scale(0.05) rotate(-25deg);
        -o-transform: scale(0.05) rotate(-25deg);
        transform: scale(0.05) rotate(-25deg)
    }

    5% {
        opacity: 1
    }

    20% {
        right: 0;
        top: 50px;
        -webkit-transform: scale(0.85) rotate(10deg);
        -moz-transform: scale(0.85) rotate(10deg);
        -ms-transform: scale(0.85) rotate(10deg);
        -o-transform: scale(0.85) rotate(10deg);
        transform: scale(0.85) rotate(10deg)
    }

    50% {
        right: 15px;
        top: 50px
    }

    80% {
        opacity: 1;
        right: 0;
        top: 50px
    }

    100% {
        right: 10px;
        top: 50px;
        opacity: 0
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-moz-keyframes bounceUp {
    0% {
        margin-top: 115px;
        opacity: 0
    }

    100% {
        margin-top: -90px;
        opacity: 1
    }
}

.db-bg-nav {
    height: 110px;
    padding: 0;
    font-family: DNRR;
    background: #fff;
    z-index: auto
}

.db-bg-nav .masthead-top {
    background: #fff;
    height: 90px;
    padding: 20px 0 0;
    position: relative;
    width: 100%;
    z-index: 12
}

.db-bg-nav .masthead-top .db-bg-wrap {
    width: 960px;
    margin: 0 auto
}

article.roi-calc {
    margin-bottom: -104px;
    overflow: hidden
}

div.roi-calc {
    height: 250px;
    top: -2px;
    position: relative
}

.roi-calc div.header-tooltip {
    margin: -55px auto 0;
    position: relative;
    width: 960px;
    z-index: 11
}

.roi-calc div.header-tooltip.shortie {
    margin: 30px auto 0;
    position: fixed;
    right: 50%;
    margin-right: -480px
}

.roi-calc div.header-tooltip.shortie p {
    display: block;
    height: 40px;
    width: 460px;
    color: transparent
}

.roi-calc div.header-tooltip.shortie div.tooltip {
    text-decoration: none;
    left: 0;
    top: 0;
    position: absolute
}

.roi-calc div.header-tooltip.shortie div.tooltip:hover span.classic {
    left: 500px
}

.roi-calc div.header-tooltip.shortie div.tooltip .feature-name:after {
    left: 460px;
    position: absolute
}

.roi-calc div.header-tooltip p {
    color: #C1C1C1;
    font: 18px/20px DNLTR;
    float: left
}

.roi-calc div.header-tooltip div.tooltip {
    float: left
}

.roi-calc div.header-tooltip div.tooltip .feature-name:after {
    content: 'i';
    cursor: pointer;
    background: #5a5a5a;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    color: #363636;
    display: inline-block;
    width: 12px;
    height: 12px;
    padding: 4px;
    margin-left: 20px;
    text-align: center;
    vertical-align: bottom;
    font: bold 14px/12px Georgia;
    position: static;
    top: auto;
    right: auto
}

.roi-calc div.header-tooltip div.tooltip:hover span.classic {
    top: -20px;
    margin-left: -32px;
    margin-top: 0;
    right: auto;
    left: 46px
}

.roi-calc div.header-tooltip div.tooltip span.classic {
    background: #000;
    color: #fff;
    padding: 20px 20px 20px 40px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    width: 270px
}

.roi-calc div.header-tooltip div.tooltip span.classic:before,.roi-calc div.header-tooltip div.tooltip span.classic.ico-iphone:after {
    content: 'i';
    background: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    color: #000;
    display: inline-block;
    width: 15px;
    height: 15px;
    position: absolute;
    padding: 4px;
    text-align: center;
    vertical-align: middle;
    font: bold 17px/17px Georgia;
    top: 16px;
    left: 8px
}

.roi-calc div.header-tooltip div.tooltip span.classic .h4 {
    color: #fff;
    font-size: 18px
}

.roi-calc div.header-tooltip div.tooltip span.classic span.classic-shim {
    left: -8px;
    width: 0;
    height: 0;
    background: none;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 8px solid #000
}

.roi-calc .step5 div.tooltip .feature-name:after {
    top: 10px
}

.roi-calc .step5 div.tooltip:hover span.classic {
    top: -6px
}

.roi-calc div.tooltip {
    background: none;
    display: inline;
    position: relative;
    float: right;
    padding-right: 0
}

.roi-calc div.tooltip:hover span.classic {
    right: -98px;
    left: auto;
    font-size: 14px;
    width: 165px;
    top: -47px
}

.roi-calc div.tooltip .feature-name:after {
    background: #ccc;
    content: 'i';
    color: #fff;
    cursor: pointer;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    width: 12px;
    height: 12px;
    padding: 4px;
    margin-left: 10px;
    text-align: center;
    vertical-align: middle;
    font: bold 14px/12px Georgia;
    position: absolute;
    top: -31px;
    right: 94px
}

.roi-calc div.tooltip span.classic {
    padding: 19px 20px 20px 35px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    font-size: .9em;
    width: 270px
}

.roi-calc div.tooltip span.classic:before,.roi-calc div.tooltip span.classic.ico-iphone:after {
    background: #ccc;
    content: 'i';
    top: 16px;
    left: 8px;
    color: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    width: 12px;
    height: 12px;
    position: absolute;
    padding: 4px;
    text-align: center;
    vertical-align: middle;
    font: bold 14px/12px Georgia
}

.roi-calc div.tooltip span.classic h4,.roi-calc div.tooltip span.classic .mobile-modal .mobile-modal-list li h5,.mobile-modal .mobile-modal-list li .roi-calc div.tooltip span.classic h5 {
    font-size: 18px;
    margin-top: 0;
    color: #888;
    font: 18px DNLTR;
    text-transform: none;
    letter-spacing: 0
}

.roi-calc div.tooltip span.classic span.classic-shim {
    left: -8px;
    width: 0;
    height: 0;
    background: none;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 8px solid #fff
}

.roi-calc span.puff {
    background: transparent url("./public/assets./images/p-roi/poof-one.png") right top no-repeat;
    position: absolute;
    width: 47px;
    height: 44px;
    right: 183px;
    top: 0;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.roi-calc span.puff.animate {
    -webkit-animation: puff 10s linear infinite;
    -moz-animation: puff 10s linear infinite;
    -ms-animation: puff 10s linear infinite;
    -o-animation: puff 10s linear infinite;
    animation: puff 10s linear infinite
}

.roi-calc span.puff-2 {
    background: transparent url("./public/assets./images/p-roi/poof-two.png") right top no-repeat;
    position: absolute;
    width: 47px;
    height: 44px;
    right: 230px;
    top: 11px;
    -webkit-transform: scale(0.75) rotate(20deg);
    -moz-transform: scale(0.75) rotate(20deg);
    -ms-transform: scale(0.75) rotate(20deg);
    -o-transform: scale(0.75) rotate(20deg);
    transform: scale(0.75) rotate(20deg)
}

.roi-calc span.puff-2.animate {
    -webkit-animation: puffTwo 9s linear infinite;
    -moz-animation: puffTwo 9s linear infinite;
    -ms-animation: puffTwo 9s linear infinite;
    -o-animation: puffTwo 9s linear infinite;
    animation: puffTwo 9s linear infinite
}

.roi-calc span.puff-3 {
    background: transparent url("./public/assets./images/p-roi/poof-two.png") right top no-repeat;
    position: absolute;
    width: 47px;
    height: 44px;
    right: 5px;
    top: 17px
}

.roi-calc span.puff-3.animate {
    -webkit-animation: puffThree 8s linear infinite;
    -moz-animation: puffThree 8s linear infinite;
    -ms-animation: puffThree 8s linear infinite;
    -o-animation: puffThree 8s linear infinite;
    animation: puffThree 8s linear infinite
}

.roi-calc span.puff-4 {
    background: transparent url("./public/assets./images/p-roi/poof-two.png") right top no-repeat;
    position: absolute;
    width: 47px;
    height: 44px;
    right: 0;
    top: 50px;
    -webkit-transform: scale(0.85) rotate(10deg);
    -moz-transform: scale(0.85) rotate(10deg);
    -ms-transform: scale(0.85) rotate(10deg);
    -o-transform: scale(0.85) rotate(10deg);
    transform: scale(0.85) rotate(10deg)
}

.roi-calc span.puff-4.animate {
    -webkit-animation: puffFour 11s linear infinite;
    -moz-animation: puffFour 11s linear infinite;
    -ms-animation: puffFour 11s linear infinite;
    -o-animation: puffFour 11s linear infinite;
    animation: puffFour 11s linear infinite
}

.roi-calc span.buck {
    background: #363636;
    border: 3px solid #9f9679;
    display: block;
    width: 40px;
    height: 18px;
    position: absolute;
    opacity: .5
}

.roi-calc span.buck span {
    border: 3px solid #9f9679;
    border-radius: 50%;
    display: block;
    height: 2px;
    width: 2px;
    margin-top: 5px
}

.roi-calc span.buck .left {
    float: left;
    margin-left: 2px
}

.roi-calc span.buck .right {
    float: right;
    margin-right: 2px
}

.roi-calc span.buck .bigger {
    height: 8px;
    width: 8px;
    margin: 2px auto
}

.roi-calc span.buck:nth-child(1) {
    bottom: 15px;
    right: 495px;
    -webkit-transform: rotate(43deg);
    -moz-transform: rotate(43deg);
    -ms-transform: rotate(43deg);
    -o-transform: rotate(43deg);
    transform: rotate(43deg)
}

.roi-calc span.buck:nth-child(1).animate {
    -webkit-animation: buckOne 4s linear infinite;
    -moz-animation: buckOne 4s linear infinite;
    -ms-animation: buckOne 4s linear infinite;
    -o-animation: buckOne 4s linear infinite;
    animation: buckOne 4s linear infinite
}

.roi-calc span.buck:nth-child(2) {
    bottom: -5px;
    right: 536px;
    -webkit-transform: rotate(-20deg);
    -moz-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    -o-transform: rotate(-20deg);
    transform: rotate(-20deg);
    opacity: .25
}

.roi-calc span.buck:nth-child(2).animate {
    -webkit-animation: buckTwo 5s linear infinite;
    -moz-animation: buckTwo 5s linear infinite;
    -ms-animation: buckTwo 5s linear infinite;
    -o-animation: buckTwo 5s linear infinite;
    animation: buckTwo 5s linear infinite
}

.roi-calc span.buck:nth-child(3) {
    top: -40px;
    right: 501px;
    -webkit-transform: rotate(35deg);
    -moz-transform: rotate(35deg);
    -ms-transform: rotate(35deg);
    -o-transform: rotate(35deg);
    transform: rotate(35deg)
}

.roi-calc span.buck:nth-child(3).animate {
    -webkit-animation: buckThree 2s linear infinite;
    -moz-animation: buckThree 2s linear infinite;
    -ms-animation: buckThree 2s linear infinite;
    -o-animation: buckThree 2s linear infinite;
    animation: buckThree 2s linear infinite
}

.roi-calc span.buck:nth-child(4) {
    top: 17px;
    right: 482px;
    -webkit-transform: rotate(43deg);
    -moz-transform: rotate(43deg);
    -ms-transform: rotate(43deg);
    -o-transform: rotate(43deg);
    transform: rotate(43deg)
}

.roi-calc span.buck:nth-child(4).animate {
    -webkit-animation: buckFour 3s linear infinite;
    -moz-animation: buckFour 3s linear infinite;
    -ms-animation: buckFour 3s linear infinite;
    -o-animation: buckFour 3s linear infinite;
    animation: buckFour 3s linear infinite
}

.roi-calc span.buck:nth-child(5) {
    top: 46px;
    right: 441px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

.roi-calc span.buck:nth-child(5).animate {
    -webkit-animation: buckFive 2s linear infinite;
    -moz-animation: buckFive 2s linear infinite;
    -ms-animation: buckFive 2s linear infinite;
    -o-animation: buckFive 2s linear infinite;
    animation: buckFive 2s linear infinite
}

.roi-calc span.buck:nth-child(6) {
    top: 28px;
    right: 412px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

.roi-calc span.buck:nth-child(6).animate {
    -webkit-animation: buckSix 1s linear infinite;
    -moz-animation: buckSix 1s linear infinite;
    -ms-animation: buckSix 1s linear infinite;
    -o-animation: buckSix 1s linear infinite;
    animation: buckSix 1s linear infinite
}

.roi-calc span.buck:nth-child(7) {
    top: 23px;
    right: 375px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.roi-calc span.buck:nth-child(7).animate {
    -webkit-animation: buckSeven 3s linear infinite;
    -moz-animation: buckSeven 3s linear infinite;
    -ms-animation: buckSeven 3s linear infinite;
    -o-animation: buckSeven 3s linear infinite;
    animation: buckSeven 3s linear infinite
}

.roi-calc span.buck:nth-child(8) {
    top: 11px;
    right: 305px;
    -webkit-transform: rotate(145deg);
    -moz-transform: rotate(145deg);
    -ms-transform: rotate(145deg);
    -o-transform: rotate(145deg);
    transform: rotate(145deg)
}

.roi-calc span.buck:nth-child(8).animate {
    -webkit-animation: buckEight 1s linear infinite;
    -moz-animation: buckEight 1s linear infinite;
    -ms-animation: buckEight 1s linear infinite;
    -o-animation: buckEight 1s linear infinite;
    animation: buckEight 1s linear infinite
}

.roi-calc span.buck:nth-child(9) {
    bottom: 20px;
    right: 330px;
    -webkit-transform: rotate(230deg);
    -moz-transform: rotate(230deg);
    -ms-transform: rotate(230deg);
    -o-transform: rotate(230deg);
    transform: rotate(230deg)
}

.roi-calc span.buck:nth-child(9).animate {
    -webkit-animation: buckNine 4s linear infinite;
    -moz-animation: buckNine 4s linear infinite;
    -ms-animation: buckNine 4s linear infinite;
    -o-animation: buckNine 4s linear infinite;
    animation: buckNine 4s linear infinite
}

.roi-calc .machine {
    background: transparent url("./public/assets./images/p-roi/bg-moneymaker.png") right top no-repeat;
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    right: 0
}

.roi-calc .stories {
    filter: none;
    position: relative;
    height: 200px;
    width: 100%;
    background: #363636;
    padding-top: 50px;
    z-index: 2;
    overflow: hidden
}

.roi-calc .stories.stub {
    position: fixed;
    z-index: 4
}

.roi-calc .stories.stub span.buck:nth-child(3) {
    display: none
}

.roi-calc .stories.stub .wrap h1 {
    color: #bbb;
    -webkit-text-shadow: none;
    -moz-text-shadow: none;
    -ms-text-shadow: none;
    -o-text-shadow: none;
    text-shadow: none
}

.roi-calc .stories.stub .wrap p {
    display: none
}

.roi-calc .stories .l-col-960 {
    z-index: 1;
    position: relative
}

.roi-calc .stories h1 {
    font: 48px/1 DNRL;
    color: white;
    padding: 0;
    margin-bottom: 10px;
    margin-top: 0;
    letter-spacing: -2px;
    opacity: 1;
    width: 100%;
    text-shadow: 0 1px 9px rgba(0,0,0,0.8)
}

.roi-calc .stories p {
    color: #c1c1c1;
    font: 30px/34px DNLTL;
    margin-bottom: 15px;
    width: 600px
}

.roi-calc #resultsLight {
    display: none
}

.roi-calc #resultsLight article.strip {
    background: #fff;
    height: 64px
}

.roi-calc #resultsLight .mod-tab .intro-roi.current,.roi-calc #resultsLight .mod-tab .intro-roi.current.shift-down {
    height: 480px !important
}

.roi-calc #resultsFull article.intro {
    height: 380px
}

.roi-calc #resultsFull article.intro section {
    height: auto
}

.roi-calc #resultsFull article.strip {
    background: #eaeaea
}

.roi-calc #resultsFull article.strip h2 {
    float: none;
    text-align: center;
    text-transform: none;
    font: 35px/40px DNLTR;
    margin-bottom: 10px
}

.roi-calc #resultsFull article.strip p {
    text-align: center;
    width: 70%;
    font: 18px/24px DNLTR;
    margin: 0 auto
}

.roi-calc #resultsFull article.strip a.button-gray {
    margin: 20px auto 10px;
    float: none;
    text-align: center;
    padding: 0;
    display: block;
    background-image: -moz-linear-gradient(top, #fefdfc, #e0dcd6);
    background-image: -ms-linear-gradient(top, #fefdfc, #e0dcd6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fefdfc), to(#e0dcd6));
    background-image: -webkit-linear-gradient(top, #fefdfc, #e0dcd6);
    background-image: -o-linear-gradient(top, #fefdfc, #e0dcd6);
    background-image: linear-gradient(top, #fefdfc,#e0dcd6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefdfc', endColorstr='#e0dcd6', GradientType=0)
}

.roi-calc #resultsFull article.strip a.button-gray:hover {
    background-image: -moz-linear-gradient(top, #e0dcd6, #fefdfc);
    background-image: -ms-linear-gradient(top, #e0dcd6, #fefdfc);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e0dcd6), to(#fefdfc));
    background-image: -webkit-linear-gradient(top, #e0dcd6, #fefdfc);
    background-image: -o-linear-gradient(top, #e0dcd6, #fefdfc);
    background-image: linear-gradient(top, #e0dcd6,#fefdfc);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e0dcd6', endColorstr='#fefdfc', GradientType=0)
}

.roi-calc #resultsFull article#logos {
    background-color: #fff;
    height: 660px
}

.roi-calc #resultsFull article#logos section {
    background: #fff no-repeat url("./public/assets./images/p-roi/bg-sundae.png") bottom right;
    padding: 30px 0;
    height: 590px
}

.roi-calc #resultsFull article#logos h4,.roi-calc #resultsFull article#logos .mobile-modal .mobile-modal-list li h5,.mobile-modal .mobile-modal-list li .roi-calc #resultsFull article#logos h5 {
    color: #636363;
    font: 17px DNLTM
}

.roi-calc #resultsFull article#logos h3 {
    font: 88px/88px DNLTUL;
    margin-bottom: 30px
}

.roi-calc #resultsFull article#logos p {
    margin-bottom: 20px
}

.roi-calc #resultsFull article#logos ul li {
    font: 16px/22px DNLTR;
    margin-left: 30px;
    margin-bottom: 5px;
    list-style: disc
}

.roi-calc #resultsFull article.strip {
    height: auto
}

.roi-calc #resultsLight .mod-tab .intro-roi.current.shift-down,.roi-calc #resultsFull .mod-tab .intro-roi.current.shift-down {
    height: 580px
}

.roi-calc #resultsLight article,.roi-calc #resultsFull article {
    background: #f4f4f4
}

.roi-calc #resultsLight article.graphs,.roi-calc #resultsFull article.graphs {
    background: #fff;
    height: 480px
}

.roi-calc #resultsLight article.graphs section,.roi-calc #resultsFull article.graphs section {
    height: 420px;
    padding: 30px 0
}

.roi-calc #resultsLight article.graphs section h2,.roi-calc #resultsFull article.graphs section h2 {
    float: none
}

.roi-calc #resultsLight article.graphs section canvas,.roi-calc #resultsFull article.graphs section canvas {
    margin-left: -45px
}

.roi-calc #resultsLight article.graphs section .actions,.roi-calc #resultsFull article.graphs section .actions {
    display: block;
    text-align: center;
    margin-top: 35px;
    font-size: 15px;
    width: 85%
}

.roi-calc #resultsLight article.graphs section .actions a,.roi-calc #resultsFull article.graphs section .actions a {
    margin: 0 40px 0 0;
    padding: 0 40px 0 0;
    border-right: 1px solid #e5e6e7;
    text-decoration: underline;
    height: 25px;
    line-height: 25px;
    display: inline-block;
    vertical-align: middle
}

.roi-calc #resultsLight article.graphs section .actions a:last-child,.roi-calc #resultsFull article.graphs section .actions a:last-child {
    padding: 0;
    margin: 0;
    border: none
}

.roi-calc #resultsLight article.graphs .right-sided p,.roi-calc #resultsFull article.graphs .right-sided p {
    float: right;
    width: 60%;
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 0
}

.roi-calc #resultsLight article.graphs .right-sided h5,.roi-calc #resultsFull article.graphs .right-sided h5 {
    font-size: 18px;
    text-transform: uppercase
}

.roi-calc #resultsLight article.graphs .right-sided h5 strong,.roi-calc #resultsFull article.graphs .right-sided h5 strong {
    font-family: DNRR;
    color: #484848;
    font-size: 43px
}

.roi-calc #resultsLight article.graphs .right-sided div:nth-child(2),.roi-calc #resultsFull article.graphs .right-sided div:nth-child(2) {
    display: block;
    overflow: hidden;
    width: 100%
}

.roi-calc #resultsLight article.graphs .right-sided div:nth-child(2) span.div,.roi-calc #resultsFull article.graphs .right-sided div:nth-child(2) span.div {
    padding: 3% 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    width: 47%;
    float: left
}

.roi-calc #resultsLight article.graphs .right-sided div:nth-child(2) span.div:last-child,.roi-calc #resultsFull article.graphs .right-sided div:nth-child(2) span.div:last-child {
    border-left: 1px solid #eee;
    padding-left: 3%
}

.roi-calc #resultsLight article.graphs .right-sided div:last-child h3,.roi-calc #resultsLight article.graphs .right-sided div:last-child h5,.roi-calc #resultsFull article.graphs .right-sided div:last-child h3,.roi-calc #resultsFull article.graphs .right-sided div:last-child h5 {
    display: inline-block
}

.roi-calc #resultsLight article.graphs .right-sided div:last-child h5,.roi-calc #resultsFull article.graphs .right-sided div:last-child h5 {
    float: left;
    font-size: 23px;
    margin-right: 5%;
    margin-top: 15px;
    line-height: 40px
}

.roi-calc #resultsLight article.graphs .right-sided div:last-child h5 span,.roi-calc #resultsFull article.graphs .right-sided div:last-child h5 span {
    font-size: 49px;
    display: block
}

.roi-calc #resultsLight article.graphs .right-sided div:last-child h3,.roi-calc #resultsFull article.graphs .right-sided div:last-child h3 {
    font-size: 93px;
    line-height: 110px
}

.roi-calc #resultsLight article.tabular,.roi-calc #resultsFull article.tabular {
    background: transparent;
    height: 720px;
    padding: 30px 0
}

.roi-calc #resultsLight article.tabular section,.roi-calc #resultsFull article.tabular section {
    height: auto;
    padding: 0
}

.roi-calc #resultsLight article.tabular h5,.roi-calc #resultsFull article.tabular h5 {
    color: #555;
    font: 18px DNLTR;
    text-transform: uppercase;
    margin: 30px 0 15px
}

.roi-calc #resultsLight article.tabular h6,.roi-calc #resultsFull article.tabular h6 {
    font-size: 24px;
    width: 59%;
    margin: 70px 0 0;
    line-height: 64px;
    width: 60%
}

.roi-calc #resultsLight article.tabular h6 span,.roi-calc #resultsFull article.tabular h6 span {
    font-size: 18px
}

.roi-calc #resultsLight article.tabular span.right,.roi-calc #resultsFull article.tabular span.right {
    float: right;
    width: 40%;
    line-height: 64px;
    margin-top: 70px;
    position: relative
}

.roi-calc #resultsLight article.tabular span.right .text,.roi-calc #resultsFull article.tabular span.right .text {
    font-size: 15px;
    float: right;
    text-decoration: underline
}

.roi-calc #resultsLight article.tabular span.right a.button,.roi-calc #resultsFull article.tabular span.right a.button {
    float: left;
    margin: 0;
    width: 250px
}

.roi-calc #resultsLight article table th,.roi-calc #resultsFull article table th {
    text-transform: uppercase;
    font: 18px DNLTR;
    color: #b9b9b9;
    padding: 15px 30px
}

.roi-calc #resultsLight article table tr td,.roi-calc #resultsFull article table tr td {
    padding: 15px 30px;
    font: 22px DNRR;
    color: #505050;
    width: 16%
}

.roi-calc #resultsLight article table tr td:first-child,.roi-calc #resultsFull article table tr td:first-child {
    font-family: 'Helvetica', Arial, sans;
    color: #828282;
    font-size: 15px;
    width: 400px
}

.roi-calc #resultsLight article table tr:nth-child(4) td,.roi-calc #resultsLight article table tr:nth-child(5) td,.roi-calc #resultsFull article table tr:nth-child(4) td,.roi-calc #resultsFull article table tr:nth-child(5) td {
    color: #78a300;
    font-family: DNRM
}

.roi-calc #resultsLight article table tr:nth-child(4) td:first-child,.roi-calc #resultsLight article table tr:nth-child(5) td:first-child,.roi-calc #resultsFull article table tr:nth-child(4) td:first-child,.roi-calc #resultsFull article table tr:nth-child(5) td:first-child {
    color: #828282
}

.roi-calc #resultsLight article table tr:nth-child(2n) td,.roi-calc #resultsFull article table tr:nth-child(2n) td {
    background: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px
}

.roi-calc #resultsLight article table.ROZI tr:nth-child(2n) td,.roi-calc #resultsFull article table.ROZI tr:nth-child(2n) td {
    background: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0
}

.roi-calc #resultsLight article table.ROZI tr:first-child td,.roi-calc #resultsLight article table.ROZI tr:last-child td,.roi-calc #resultsFull article table.ROZI tr:first-child td,.roi-calc #resultsFull article table.ROZI tr:last-child td {
    background: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px
}

.roi-calc #resultsLight article table.ROZI tr:nth-child(3) td,.roi-calc #resultsFull article table.ROZI tr:nth-child(3) td {
    color: #78a300;
    font-family: DNRM
}

.roi-calc #resultsLight article table.ROZI tr:nth-child(3) td:first-child,.roi-calc #resultsFull article table.ROZI tr:nth-child(3) td:first-child {
    color: #828282
}

.roi-calc #resultsLight article table.ROZI td:first-child,.roi-calc #resultsFull article table.ROZI td:first-child {
    text-transform: uppercase
}

.roi-calc #resultsLight article.strip,.roi-calc #resultsLight article#editROI,.roi-calc #resultsFull article.strip,.roi-calc #resultsFull article#editROI {
    margin: 0 auto;
    overflow: hidden !important;
    padding: 30px 0
}

.roi-calc #resultsLight article.strip section,.roi-calc #resultsLight article#editROI section,.roi-calc #resultsFull article.strip section,.roi-calc #resultsFull article#editROI section {
    height: auto;
    padding: 0
}

.roi-calc #resultsLight article.strip .button-gray,.roi-calc #resultsLight article#editROI .button-gray,.roi-calc #resultsFull article.strip .button-gray,.roi-calc #resultsFull article#editROI .button-gray {
    -webkit-box-shadow: 0 2px 6px #aaa;
    -moz-box-shadow: 0 2px 6px #aaa;
    -ms-box-shadow: 0 2px 6px #aaa;
    -o-box-shadow: 0 2px 6px #aaa;
    box-shadow: 0 2px 6px #aaa;
    float: left;
    background-image: -moz-linear-gradient(top, #fefdfc, #e0dcd6);
    background-image: -ms-linear-gradient(top, #fefdfc, #e0dcd6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fefdfc), to(#e0dcd6));
    background-image: -webkit-linear-gradient(top, #fefdfc, #e0dcd6);
    background-image: -o-linear-gradient(top, #fefdfc, #e0dcd6);
    background-image: linear-gradient(top, #fefdfc,#e0dcd6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefdfc', endColorstr='#e0dcd6', GradientType=0);
    margin: 50px 0 150px 50px
}

.roi-calc #resultsLight article.strip .button-gray:hover,.roi-calc #resultsLight article#editROI .button-gray:hover,.roi-calc #resultsFull article.strip .button-gray:hover,.roi-calc #resultsFull article#editROI .button-gray:hover {
    background-image: -moz-linear-gradient(top, #e0dcd6, #fefdfc);
    background-image: -ms-linear-gradient(top, #e0dcd6, #fefdfc);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e0dcd6), to(#fefdfc));
    background-image: -webkit-linear-gradient(top, #e0dcd6, #fefdfc);
    background-image: -o-linear-gradient(top, #e0dcd6, #fefdfc);
    background-image: linear-gradient(top, #e0dcd6,#fefdfc);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e0dcd6', endColorstr='#fefdfc', GradientType=0)
}

.roi-calc #resultsLight article.strip .hidden,.roi-calc #resultsLight article#editROI .hidden,.roi-calc #resultsFull article.strip .hidden,.roi-calc #resultsFull article#editROI .hidden {
    display: none
}

.roi-calc #resultsLight article.strip .form-lead .loading,.roi-calc #resultsLight article#editROI .form-lead .loading,.roi-calc #resultsFull article.strip .form-lead .loading,.roi-calc #resultsFull article#editROI .form-lead .loading {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    z-index: 1 !important;
    height: 490px
}

.roi-calc #resultsLight article.strip .form-lead .error label,.roi-calc #resultsLight article#editROI .form-lead .error label,.roi-calc #resultsFull article.strip .form-lead .error label,.roi-calc #resultsFull article#editROI .form-lead .error label {
    padding-bottom: 0
}

.roi-calc #resultsLight article.strip .form-lead ul li,.roi-calc #resultsLight article#editROI .form-lead ul li,.roi-calc #resultsFull article.strip .form-lead ul li,.roi-calc #resultsFull article#editROI .form-lead ul li {
    height: 122px
}

.roi-calc #resultsLight article.strip .form-lead ul li.last,.roi-calc #resultsLight article#editROI .form-lead ul li.last,.roi-calc #resultsFull article.strip .form-lead ul li.last,.roi-calc #resultsFull article#editROI .form-lead ul li.last {
    height: auto
}

.roi-calc #resultsLight article.strip .form-lead input,.roi-calc #resultsLight article.strip .form-lead .select-label,.roi-calc #resultsLight article#editROI .form-lead input,.roi-calc #resultsLight article#editROI .form-lead .select-label,.roi-calc #resultsFull article.strip .form-lead input,.roi-calc #resultsFull article.strip .form-lead .select-label,.roi-calc #resultsFull article#editROI .form-lead input,.roi-calc #resultsFull article#editROI .form-lead .select-label {
    width: 90%;
    float: label
}

.roi-calc #resultsLight article.strip .form-lead .select,.roi-calc #resultsLight article#editROI .form-lead .select,.roi-calc #resultsFull article.strip .form-lead .select,.roi-calc #resultsFull article#editROI .form-lead .select {
    height: 62px;
    width: 92%
}

.roi-calc #resultsLight article.strip .form-lead .btn-submit,.roi-calc #resultsLight article#editROI .form-lead .btn-submit,.roi-calc #resultsFull article.strip .form-lead .btn-submit,.roi-calc #resultsFull article#editROI .form-lead .btn-submit {
    border: none;
    color: #555555;
    font: 15px/2 DNRM;
    float: left;
    padding: 0;
    -webkit-box-shadow: 0 2px 6px #aaa;
    -moz-box-shadow: 0 2px 6px #aaa;
    -ms-box-shadow: 0 2px 6px #aaa;
    -o-box-shadow: 0 2px 6px #aaa;
    box-shadow: 0 2px 6px #aaa;
    background-image: -moz-linear-gradient(top, #fefdfc, #e0dcd6);
    background-image: -ms-linear-gradient(top, #fefdfc, #e0dcd6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fefdfc), to(#e0dcd6));
    background-image: -webkit-linear-gradient(top, #fefdfc, #e0dcd6);
    background-image: -o-linear-gradient(top, #fefdfc, #e0dcd6);
    background-image: linear-gradient(top, #fefdfc,#e0dcd6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefdfc', endColorstr='#e0dcd6', GradientType=0);
    margin: 50px 0 60px;
    height: 62px;
    font-size: 20px;
    line-height: 64px;
    width: 200px
}

.roi-calc #resultsLight article.strip .form-lead p.help,.roi-calc #resultsLight article#editROI .form-lead p.help,.roi-calc #resultsFull article.strip .form-lead p.help,.roi-calc #resultsFull article#editROI .form-lead p.help {
    float: right;
    margin-top: 65px;
    margin-bottom: 0;
    margin-right: 30px
}

.roi-calc #resultsLight article.strip .form-lead span.separator,.roi-calc #resultsLight article#editROI .form-lead span.separator,.roi-calc #resultsFull article.strip .form-lead span.separator,.roi-calc #resultsFull article#editROI .form-lead span.separator {
    display: none
}

.roi-calc #resultsLight article.strip .form-lead label,.roi-calc #resultsLight article#editROI .form-lead label,.roi-calc #resultsFull article.strip .form-lead label,.roi-calc #resultsFull article#editROI .form-lead label {
    opacity: 1 !important;
    display: block !important;
    margin-left: 0 !important
}

.roi-calc #resultsLight article.strip .form-lead .select-label,.roi-calc #resultsLight article#editROI .form-lead .select-label,.roi-calc #resultsFull article.strip .form-lead .select-label,.roi-calc #resultsFull article#editROI .form-lead .select-label {
    height: 58px;
    line-height: 62px
}

.roi-calc #resultsLight article.strip .form-lead .select-label .toggle,.roi-calc #resultsLight article#editROI .form-lead .select-label .toggle,.roi-calc #resultsFull article.strip .form-lead .select-label .toggle,.roi-calc #resultsFull article#editROI .form-lead .select-label .toggle {
    background-position: right center;
    background-size: auto;
    border-left: 1px solid #eee;
    height: 58px;
    width: 43px
}

.roi-calc #resultsLight article.strip .form-gray .error label,.roi-calc #resultsLight article.strip .form-gray .form-gray .error label,.roi-calc #resultsLight article.strip .form-gray .error label,.roi-calc #resultsLight article#editROI .form-gray .error label,.roi-calc #resultsLight article#editROI .form-gray .form-gray .error label,.roi-calc #resultsLight article#editROI .form-gray .error label,.roi-calc #resultsFull article.strip .form-gray .error label,.roi-calc #resultsFull article.strip .form-gray .form-gray .error label,.roi-calc #resultsFull article.strip .form-gray .error label,.roi-calc #resultsFull article#editROI .form-gray .error label,.roi-calc #resultsFull article#editROI .form-gray .form-gray .error label,.roi-calc #resultsFull article#editROI .form-gray .error label {
    width: 90%;
    padding-right: 0;
    margin-right: 0
}

.roi-calc #resultsLight article.strip #updateVals,.roi-calc #resultsLight article#editROI #updateVals,.roi-calc #resultsFull article.strip #updateVals,.roi-calc #resultsFull article#editROI #updateVals {
    clear: both;
    margin-left: 5px
}

.roi-calc #resultsLight article.strip form,.roi-calc #resultsLight article#editROI form,.roi-calc #resultsFull article.strip form,.roi-calc #resultsFull article#editROI form {
    width: 90%;
    float: none;
    margin: 0 auto;
    overflow: hidden
}

.roi-calc #resultsLight article.strip form li,.roi-calc #resultsLight article#editROI form li,.roi-calc #resultsFull article.strip form li,.roi-calc #resultsFull article#editROI form li {
    float: left;
    width: 50%;
    margin: 0
}

.roi-calc #resultsLight article.strip form li label,.roi-calc #resultsLight article#editROI form li label,.roi-calc #resultsFull article.strip form li label,.roi-calc #resultsFull article#editROI form li label {
    font: 18px DNLTR;
    color: #444;
    display: block;
    margin-top: 30px;
    margin-bottom: 10px
}

.roi-calc #resultsLight article.strip form li input,.roi-calc #resultsLight article.strip form li .select-label,.roi-calc #resultsLight article#editROI form li input,.roi-calc #resultsLight article#editROI form li .select-label,.roi-calc #resultsFull article.strip form li input,.roi-calc #resultsFull article.strip form li .select-label,.roi-calc #resultsFull article#editROI form li input,.roi-calc #resultsFull article#editROI form li .select-label {
    border: 2px solid #ccc;
    color: #666;
    font: 20px/50px DNRR;
    height: 45px;
    width: 115px
}

.roi-calc #resultsLight article.strip form li input::-webkit-input-placeholder,.roi-calc #resultsLight article.strip form li .select-label::-webkit-input-placeholder,.roi-calc #resultsLight article#editROI form li input::-webkit-input-placeholder,.roi-calc #resultsLight article#editROI form li .select-label::-webkit-input-placeholder,.roi-calc #resultsFull article.strip form li input::-webkit-input-placeholder,.roi-calc #resultsFull article.strip form li .select-label::-webkit-input-placeholder,.roi-calc #resultsFull article#editROI form li input::-webkit-input-placeholder,.roi-calc #resultsFull article#editROI form li .select-label::-webkit-input-placeholder {
    color: #ccc
}

.roi-calc #resultsLight article.strip form li input:-moz-placeholder,.roi-calc #resultsLight article.strip form li .select-label:-moz-placeholder,.roi-calc #resultsLight article#editROI form li input:-moz-placeholder,.roi-calc #resultsLight article#editROI form li .select-label:-moz-placeholder,.roi-calc #resultsFull article.strip form li input:-moz-placeholder,.roi-calc #resultsFull article.strip form li .select-label:-moz-placeholder,.roi-calc #resultsFull article#editROI form li input:-moz-placeholder,.roi-calc #resultsFull article#editROI form li .select-label:-moz-placeholder {
    color: #ccc
}

.roi-calc #resultsLight article.strip form li input::-moz-placeholder,.roi-calc #resultsLight article.strip form li .select-label::-moz-placeholder,.roi-calc #resultsLight article#editROI form li input::-moz-placeholder,.roi-calc #resultsLight article#editROI form li .select-label::-moz-placeholder,.roi-calc #resultsFull article.strip form li input::-moz-placeholder,.roi-calc #resultsFull article.strip form li .select-label::-moz-placeholder,.roi-calc #resultsFull article#editROI form li input::-moz-placeholder,.roi-calc #resultsFull article#editROI form li .select-label::-moz-placeholder {
    color: #ccc
}

.roi-calc #resultsLight article.strip form li input:-ms-input-placeholder,.roi-calc #resultsLight article.strip form li .select-label:-ms-input-placeholder,.roi-calc #resultsLight article#editROI form li input:-ms-input-placeholder,.roi-calc #resultsLight article#editROI form li .select-label:-ms-input-placeholder,.roi-calc #resultsFull article.strip form li input:-ms-input-placeholder,.roi-calc #resultsFull article.strip form li .select-label:-ms-input-placeholder,.roi-calc #resultsFull article#editROI form li input:-ms-input-placeholder,.roi-calc #resultsFull article#editROI form li .select-label:-ms-input-placeholder {
    color: #ccc
}

.roi-calc #resultsLight article.strip form li .toggler-large,.roi-calc #resultsLight article#editROI form li .toggler-large,.roi-calc #resultsFull article.strip form li .toggler-large,.roi-calc #resultsFull article#editROI form li .toggler-large {
    background: #ccc;
    border: 2px solid #ccc;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    height: 45px;
    margin-right: -3%;
    line-height: 50px;
    text-align: center;
    width: 115px
}

.roi-calc #resultsLight article.strip form li .toggler-large span,.roi-calc #resultsLight article#editROI form li .toggler-large span,.roi-calc #resultsFull article.strip form li .toggler-large span,.roi-calc #resultsFull article#editROI form li .toggler-large span {
    color: #fff;
    font: 20px/50px DNRB;
    -webkit-text-shadow: none;
    -moz-text-shadow: none;
    -ms-text-shadow: none;
    -o-text-shadow: none;
    text-shadow: none
}

.roi-calc #resultsLight article.strip form li .toggler-large.no .toggler-knob,.roi-calc #resultsLight article.strip form li .toggler-large.yes .toggler-knob,.roi-calc #resultsLight article#editROI form li .toggler-large.no .toggler-knob,.roi-calc #resultsLight article#editROI form li .toggler-large.yes .toggler-knob,.roi-calc #resultsFull article.strip form li .toggler-large.no .toggler-knob,.roi-calc #resultsFull article.strip form li .toggler-large.yes .toggler-knob,.roi-calc #resultsFull article#editROI form li .toggler-large.no .toggler-knob,.roi-calc #resultsFull article#editROI form li .toggler-large.yes .toggler-knob {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    border: none;
    height: 99%;
    margin: 0px;
    width: 50%
}

.roi-calc #resultsLight article#editROI,.roi-calc #resultsFull article#editROI {
    margin-bottom: 50px
}

.roi-calc #resultsLight article#editROI .toggler-large.no,.roi-calc #resultsLight article#editROI .toggler-large.yes,.roi-calc #resultsFull article#editROI .toggler-large.no,.roi-calc #resultsFull article#editROI .toggler-large.yes {
    cursor: pointer
}

.roi-calc #resultsLight article#editROI .toggler-large.no .toggler-knob,.roi-calc #resultsLight article#editROI .toggler-large.yes .toggler-knob,.roi-calc #resultsFull article#editROI .toggler-large.no .toggler-knob,.roi-calc #resultsFull article#editROI .toggler-large.yes .toggler-knob {
    background-image: url("./public/assets./images/p-roi/grip-small.png") !important
}

.roi-calc #resultsLight h1,.roi-calc #resultsFull h1 {
    margin: 0 0 50px;
    text-align: left;
    font: 68px/70px DNLTL;
    color: #999
}

.roi-calc #resultsLight h1 a,.roi-calc #resultsFull h1 a {
    font: 15px DNLTL;
    text-decoration: underline;
    margin-left: 5px
}

.roi-calc #resultsLight h2,.roi-calc #resultsFull h2 {
    float: left;
    font: 24px/64px DNLTL;
    color: #888;
    margin: 0
}

.roi-calc #resultsLight h3,.roi-calc #resultsFull h3 {
    font: 60px/65px DNRL;
    margin-top: 10px;
    margin-bottom: 0
}

.roi-calc #resultsLight h5,.roi-calc #resultsFull h5 {
    color: #999;
    font: 24px DNLTL;
    margin: 5px 0 0
}

.roi-calc #resultsLight .button-orange,.roi-calc #resultsLight .button-gray,.roi-calc #resultsFull .button-orange,.roi-calc #resultsFull .button-gray {
    height: 62px;
    float: right;
    font-size: 20px;
    line-height: 64px
}

.roi-calc #resultsLight .button-gray,.roi-calc #resultsFull .button-gray {
    float: none;
    margin: 50px 0 150px;
    width: 200px
}

.roi-calc #resultsLight .button-gray:hover,.roi-calc #resultsFull .button-gray:hover {
    background-image: -moz-linear-gradient(top, #e0dcd6, #fefdfc);
    background-image: -ms-linear-gradient(top, #e0dcd6, #fefdfc);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e0dcd6), to(#fefdfc));
    background-image: -webkit-linear-gradient(top, #e0dcd6, #fefdfc);
    background-image: -o-linear-gradient(top, #e0dcd6, #fefdfc);
    background-image: linear-gradient(top, #e0dcd6,#fefdfc);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e0dcd6', endColorstr='#fefdfc', GradientType=0)
}

.roi-calc #resultsLight .mod-tab article.intro li,.roi-calc #resultsFull .mod-tab article.intro li {
    background: none;
    padding-top: 0
}

.roi-calc #resultsLight .mod-tab article.intro li h2,.roi-calc #resultsFull .mod-tab article.intro li h2 {
    color: #333;
    font: 1.5em DNLTR;
    float: none;
    text-transform: none
}

.roi-calc .mod-container .mod-tab {
    margin: 0 !important
}

.roi-calc .mod-container .mod-tab article {
    overflow: visible !important
}

.roi-calc .mod-container .mod-tab .intro-roi {
    background: #f4f4f4 url("./public/assets./images/p-roi/ico-agent.png") center 20% no-repeat;
    height: 620px;
    text-align: center;
    display: none;
    top: auto
}

.roi-calc .mod-container .mod-tab .intro-roi:nth-child(2) {
    background: #f4f4f4 url("./public/assets./images/p-roi/ico-bucks.png") center 9% no-repeat
}

.roi-calc .mod-container .mod-tab .intro-roi:nth-child(2) .stat-box {
    background: #4Bb9E6
}

.roi-calc .mod-container .mod-tab .intro-roi:nth-child(3) {
    background: #f4f4f4 url("./public/assets./images/p-roi/ico-lifesaver.png") center 9% no-repeat
}

.roi-calc .mod-container .mod-tab .intro-roi:nth-child(3) .stat-box {
    background: #EDBE0E
}

.roi-calc .mod-container .mod-tab .intro-roi:nth-child(4) {
    background: #f4f4f4 url("./public/assets./images/p-roi/ico-ticket.png") center 9% no-repeat
}

.roi-calc .mod-container .mod-tab .intro-roi:nth-child(4) .stat-box {
    background: #E03B30
}

.roi-calc .mod-container .mod-tab .intro-roi:nth-child(5) {
    background: #f4f4f4 url("./public/assets./images/p-roi/ico-bucks.png") center 9% no-repeat
}

.roi-calc .mod-container .mod-tab .intro-roi:nth-child(5) .stat-box {
    background: #955ab6
}

.roi-calc .mod-container .mod-tab .intro-roi:nth-child(5) span.steps {
    width: 525px
}

.roi-calc .mod-container .mod-tab .intro-roi.next,.roi-calc .mod-container .mod-tab .intro-roi.prev {
    display: block;
    position: absolute;
    left: 100%;
    margin-top: 0;
    overflow: hidden;
    top: 93px;
    width: 100%
}

.roi-calc .mod-container .mod-tab .intro-roi.prev {
    left: -100%;
    margin-top: 0;
    top: 93px
}

.roi-calc .mod-container .mod-tab .intro-roi.current {
    display: block
}

.roi-calc .mod-container .mod-tab .intro-roi.current.shift-down {
    background-position: center 7.5%;
    top: 93px;
    height: 713px
}

.roi-calc .mod-container .mod-tab .intro-roi.current.shift-down:first-child {
    background-position: center 17%
}

.roi-calc .mod-container .mod-tab .intro-roi.current.shift-down.next {
    position: relative
}

.roi-calc .mod-container .mod-tab .intro-roi .savings {
    background: #ccc;
    color: #fff;
    width: 475px;
    margin: 0 auto;
    padding: 15px 20px 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 10px;
    overflow: hidden
}

.roi-calc .mod-container .mod-tab .intro-roi .savings h5 {
    margin: 0;
    color: #fff;
    font: 25px/31px DNRM;
    float: left;
    width: 70%;
    display: block;
    text-align: left
}

.roi-calc .mod-container .mod-tab .intro-roi .savings .savings-percentage {
    padding-top: 10px;
    float: right;
    font: 68px/54px DNRL
}

.roi-calc .mod-container .mod-tab .intro-roi section {
    padding-top: 20px
}

.roi-calc .mod-container .mod-tab .intro-roi.step1 {
    margin-top: 254px
}

.roi-calc .mod-container .mod-tab .intro-roi.step1 aside.stat-box {
    padding: 20px 20px 110px
}

.roi-calc .mod-container .mod-tab .intro-roi aside.stat-box {
    background: #78a300;
    font-size: 16px;
    position: absolute;
    right: 0;
    top: -40%;
    color: #fff;
    width: 180px;
    overflow: hidden;
    padding: 20px;
    z-index: 10;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    -webkit-animation: fadeIn 0.5s linear;
    -moz-animation: fadeIn 0.5s linear;
    -ms-animation: fadeIn 0.5s linear;
    -o-animation: fadeIn 0.5s linear;
    animation: fadeIn 0.5s linear
}

.roi-calc .mod-container .mod-tab .intro-roi aside.stat-box.sticky {
    position: fixed;
    -webkit-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    -ms-border-radius: 0 0 10px 10px;
    -o-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
    top: 75px;
    right: 12%;
    z-index: 10
}

.roi-calc .mod-container .mod-tab .intro-roi aside.stat-box h3,.roi-calc .mod-container .mod-tab .intro-roi aside.stat-box h4,.roi-calc .mod-container .mod-tab .intro-roi aside.stat-box .mobile-modal .mobile-modal-list li h5,.mobile-modal .mobile-modal-list li .roi-calc .mod-container .mod-tab .intro-roi aside.stat-box h5 {
    letter-spacing: 0;
    color: #fff;
    text-transform: none;
    margin: 0
}

.roi-calc .mod-container .mod-tab .intro-roi aside.stat-box h3 {
    font: 65px/1.2 DNRR;
    margin-bottom: -12px
}

.roi-calc .mod-container .mod-tab .intro-roi aside.stat-box h4,.roi-calc .mod-container .mod-tab .intro-roi aside.stat-box .mobile-modal .mobile-modal-list li h5,.mobile-modal .mobile-modal-list li .roi-calc .mod-container .mod-tab .intro-roi aside.stat-box h5 {
    font: 20px/1 DNLTR;
    margin-bottom: 10px
}

.roi-calc .mod-container .mod-tab .intro-roi aside.stat-box span {
    display: block;
    line-height: 18px
}

.roi-calc .mod-container .mod-tab .intro-roi aside.stat-box span.buddhy-phat {
    background: transparent url("./public/assets./images/p-roi/buddhy-phat.png") top center no-repeat;
    width: 218px;
    height: 321px;
    display: block;
    position: absolute;
    left: 0;
    margin-top: -90px;
    -webkit-animation: bounceUp 1s cubic-bezier(1, -0.5, 0.5, 1.5);
    -moz-animation: bounceUp 1s cubic-bezier(1, -0.5, 0.5, 1.5);
    -ms-animation: bounceUp 1s cubic-bezier(1, -0.5, 0.5, 1.5);
    -o-animation: bounceUp 1s cubic-bezier(1, -0.5, 0.5, 1.5);
    animation: bounceUp 1s cubic-bezier(1, -0.5, 0.5, 1.5)
}

.roi-calc .mod-container .mod-tab .intro-roi h5 {
    color: #999;
    font: 25px/50px DNLTL;
    margin: 0 0 120px
}

.roi-calc .mod-container .mod-tab .intro-roi:first-child h5 {
    margin: 20px 0 150px
}

.roi-calc .mod-container .mod-tab .intro-roi h6.step-label {
    display: block;
    color: #363636;
    font: 36px/42px DNLTR;
    margin: 0 auto;
    width: 65%
}

.roi-calc .mod-container .mod-tab #feature {
    background-color: #fff;
    height: 580px
}

.roi-calc .mod-container .mod-tab #feature h2 {
    color: #78a300
}

.roi-calc .mod-container .mod-tab #feature section {
    position: absolute;
    display: none;
    width: 100%
}

.roi-calc .mod-container .mod-tab #feature section.current {
    display: block
}

.roi-calc .mod-container .mod-tab #feature section.step1 a {
    background: transparent url("./public/assets./images/p-roi/roi_logos/box_logo.png") left 45px no-repeat
}

.roi-calc .mod-container .mod-tab #feature section.step2 a {
    background: transparent url("./public/assets./images/p-roi/roi_logos/rally_logo.png") left 45px no-repeat
}

.roi-calc .mod-container .mod-tab #feature section.step3 a {
    background: transparent url("./public/assets./images/p-roi/roi_logos/nitro_logo.png") left 45px no-repeat
}

.roi-calc .mod-container .mod-tab #feature section.step4 a {
    background: transparent url("./public/assets./images/p-roi/roi_logos/yammer_logo.png") left 45px no-repeat
}

.roi-calc .mod-container .mod-tab #feature section.step5 a {
    background: transparent url("./public/assets./images/p-roi/roi_logos/modcloth_logo.png") left 45px no-repeat
}

.roi-calc .mod-container .mod-tab #feature section .right-sided {
    background: transparent;
    float: none;
    margin: 0 auto;
    overflow: hidden;
    width: 960px;
    padding-top: 20px
}

.roi-calc .mod-container .mod-tab #feature section .right-sided a {
    display: block;
    width: 500px;
    float: right;
    padding-left: 230px
}

.roi-calc .mod-container .mod-tab #feature section .right-sided a h2 {
    margin-bottom: 40px
}

.roi-calc .mod-container .mod-tab #feature section .right-sided a p {
    color: #484848;
    margin-bottom: 10px
}

.roi-calc .mod-container .mod-tab #feature section .right-sided a span {
    color: #484848
}

.roi-calc form {
    float: left;
    width: 185px
}

.roi-calc form a {
    font: 16px/16px DNRM
}

.roi-calc input.text-input {
    border: 2px solid #78a300;
    color: #666;
    font: 40px/85px DNRM;
    height: 75px;
    width: 175px;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px
}

.roi-calc input.text-input::-webkit-input-placeholder {
    color: #ccc
}

.roi-calc input.text-input:-moz-placeholder {
    color: #ccc
}

.roi-calc input.text-input::-moz-placeholder {
    color: #ccc
}

.roi-calc input.text-input:-ms-input-placeholder {
    color: #ccc
}

.roi-calc a.next-step,.roi-calc .button-orange {
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.4);
    -moz-box-shadow: 0 2px 4px rgba(0,0,0,0.4);
    -ms-box-shadow: 0 2px 4px rgba(0,0,0,0.4);
    -o-box-shadow: 0 2px 4px rgba(0,0,0,0.4);
    box-shadow: 0 2px 4px rgba(0,0,0,0.4);
    float: left;
    font: 24px DNRM;
    height: 80px;
    line-height: 85px;
    margin-left: 20px;
    padding-right: 10px;
    width: 260px;
    background-image: -moz-linear-gradient(top, #fefdfc, #e0dcd6);
    background-image: -ms-linear-gradient(top, #fefdfc, #e0dcd6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fefdfc), to(#e0dcd6));
    background-image: -webkit-linear-gradient(top, #fefdfc, #e0dcd6);
    background-image: -o-linear-gradient(top, #fefdfc, #e0dcd6);
    background-image: linear-gradient(top, #fefdfc,#e0dcd6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefdfc', endColorstr='#e0dcd6', GradientType=0)
}

.roi-calc a.next-step:hover,.roi-calc .button-orange:hover {
    -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.4);
    -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.4);
    -ms-box-shadow: 0 2px 2px rgba(0,0,0,0.4);
    -o-box-shadow: 0 2px 2px rgba(0,0,0,0.4);
    box-shadow: 0 2px 2px rgba(0,0,0,0.4);
    background-image: -moz-linear-gradient(top, #e0dcd6, #fefdfc);
    background-image: -ms-linear-gradient(top, #e0dcd6, #fefdfc);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e0dcd6), to(#fefdfc));
    background-image: -webkit-linear-gradient(top, #e0dcd6, #fefdfc);
    background-image: -o-linear-gradient(top, #e0dcd6, #fefdfc);
    background-image: linear-gradient(top, #e0dcd6,#fefdfc);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e0dcd6', endColorstr='#fefdfc', GradientType=0)
}

.roi-calc a.next-step .caret,.roi-calc .button-orange .caret {
    background: transparent url("./public/assets./images/p-roi/caret-right.png") center right no-repeat;
    position: absolute;
    top: 44%;
    right: 30px;
    width: 12px;
    height: 12px
}

.roi-calc .button-orange {
    border: 1px solid #e6923a;
    background-image: -moz-linear-gradient(top, #ffc154, #e47601);
    background-image: -ms-linear-gradient(top, #ffc154, #e47601);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffc154), to(#e47601));
    background-image: -webkit-linear-gradient(top, #ffc154, #e47601);
    background-image: -o-linear-gradient(top, #ffc154, #e47601);
    background-image: linear-gradient(top, #ffc154,#e47601);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc154', endColorstr='#e47601', GradientType=0);
    padding: 0 10px 0 0;
    width: 285px
}

.roi-calc .button-orange:hover {
    background-image: -moz-linear-gradient(top, #e47601, #ffc154);
    background-image: -ms-linear-gradient(top, #e47601, #ffc154);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e47601), to(#ffc154));
    background-image: -webkit-linear-gradient(top, #e47601, #ffc154);
    background-image: -o-linear-gradient(top, #e47601, #ffc154);
    background-image: linear-gradient(top, #e47601,#ffc154);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e47601', endColorstr='#ffc154', GradientType=0)
}

.roi-calc .button-orange .caret {
    background-image: url("./public/assets./images/p-roi/caret-right-orange.png");
    right: 10px
}

.roi-calc span.steps {
    display: block;
    clear: both;
    color: #999;
    font: 18px/30px DNLTL;
    margin: 0 auto;
    text-align: center;
    position: relative;
    overflow: auto;
    width: 480px;
    padding: 20px 0 10px
}

.roi-calc span.steps:last-child {
    padding-top: 0
}

.roi-calc div.signup .cta .button-orange {
    height: 56px;
    font: 24px/2 DNRB;
    margin-left: 0;
    width: 320px
}

.toggler-large {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 2px 0px #85a822 inset;
    -moz-box-shadow: 0px 2px 0px #85a822 inset;
    -ms-box-shadow: 0px 2px 0px #85a822 inset;
    -o-box-shadow: 0px 2px 0px #85a822 inset;
    box-shadow: 0px 2px 0px #85a822 inset;
    background: #9cc529;
    color: #fff;
    height: 79px;
    width: 190px;
    border: 1px solid #668b01;
    font: 30px/88px DNRM;
    position: relative;
    -webkit-text-shadow: 0px -1px 1px #668b01;
    -moz-text-shadow: 0px -1px 1px #668b01;
    -ms-text-shadow: 0px -1px 1px #668b01;
    -o-text-shadow: 0px -1px 1px #668b01;
    text-shadow: 0px -1px 1px #668b01
}

.toggler-large span {
    display: block;
    width: 50%;
    float: left
}

.toggler-large.no,.toggler-large.yes {
    cursor: pointer
}

.toggler-large.no .toggler-knob,.toggler-large.yes .toggler-knob {
    background: #e6e6e6 url("./public/assets./images/p-roi/grip.png") center center no-repeat !important;
    position: absolute;
    background: #eee;
    top: 0;
    left: 50%;
    height: 92%;
    width: 47%;
    margin: 3px 2px;
    border: 1px solid #85a822;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px -2px 0px #85a822 inset;
    -moz-box-shadow: 0px -2px 0px #85a822 inset;
    -ms-box-shadow: 0px -2px 0px #85a822 inset;
    -o-box-shadow: 0px -2px 0px #85a822 inset;
    box-shadow: 0px -2px 0px #85a822 inset
}

.toggler-large.no {
    background: #777;
    -webkit-box-shadow: 0px 2px 0px #555 inset;
    -moz-box-shadow: 0px 2px 0px #555 inset;
    -ms-box-shadow: 0px 2px 0px #555 inset;
    -o-box-shadow: 0px 2px 0px #555 inset;
    box-shadow: 0px 2px 0px #555 inset;
    border-color: #333;
    -webkit-text-shadow: 0px -1px 1px #333;
    -moz-text-shadow: 0px -1px 1px #333;
    -ms-text-shadow: 0px -1px 1px #333;
    -o-text-shadow: 0px -1px 1px #333;
    text-shadow: 0px -1px 1px #333
}

.toggler-large.no .toggler-knob {
    left: 0%;
    border-color: #555;
    -webkit-box-shadow: 0px -2px 0px #555 inset;
    -moz-box-shadow: 0px -2px 0px #555 inset;
    -ms-box-shadow: 0px -2px 0px #555 inset;
    -o-box-shadow: 0px -2px 0px #555 inset;
    box-shadow: 0px -2px 0px #555 inset
}

@media print {
    .masthead,.mastfoot,.roi-calc #resultsFull article.strip,.print-this,.roi-calc #resultsFull article#logos,.mod-block .feature.signup,.roi-calc #resultsFull article.tabular span.right,.roi-calc #resultsFull article.tabular h6,.roi-calc #resultsFull article.graphs section .actions,.roi-calc #resultsFull .intro-roi h1 {
        display: none
    }

    body,.t-tour,#resultsFull,.roi-calc .mod-container .mod-tab,.roi-calc .mod-container .mod-tab article {
        overflow: visible !important
    }

    body,.ent-templ .mod-container .mod-tab article.intro {
        background: transparent !important
    }

    .roi-calc #resultsFull article.intro {
        height: 180px;
        margin: 30px 0 0
    }

    .roi-calc #resultsFull article.graphs {
        height: auto;
        padding: 0
    }

    .roi-calc #resultsFull article section {
        padding: 0 !important;
        height: auto !important
    }
}

@-moz-document url-prefix() {
    .roi-calc .mod-container .mod-tab .intro-roi.step1 {
        margin-top: 10px
    }
}

.masthead-stuck-target .tour-menu-container {
    bottom: 0px;
    position: absolute
}

.masthead-stuck-target .tour-menu-container .tour-menu-expanded .left>ul>li .meta {
    margin-left: 45px
}

.masthead-stuck-target .tour-menu-container .tour-menu-expanded .left>ul>li.customer-support,.masthead-stuck-target .tour-menu-container .tour-menu-expanded .left>ul>li.customer-self-service {
    margin-bottom: 20px
}

.masthead-stuck-target .tour-menu-container .tour-menu-expanded .left>ul>li.customer-support .icon {
    background-position: 0px 0px
}

.masthead-stuck-target .tour-menu-container .tour-menu-expanded .left>ul>li.customer-self-service .icon {
    background-position: 0px -69px
}

.masthead-stuck-target .tour-menu-container .tour-menu-expanded .left>ul>li.customer-engagement {
    margin-bottom: 10px
}

.masthead-stuck-target .tour-menu-container .tour-menu-expanded .left>ul>li.customer-engagement .icon {
    background-position: 0px -139px
}

.masthead-stuck-target .tour-menu-container .tour-menu-expanded .left>ul>li.explore a {
    display: block;
    padding: 12px 0px;
    border-top: 1px solid #808080
}

.masthead-stuck-target .tour-menu-container .tour-menu-expanded .left>ul>li.explore .icon {
    background-position: 0px -206px
}

.masthead-stuck-target .tour-menu-container .tour-menu-expanded .left>ul>li.specs a {
    display: block;
    padding: 12px 0px;
    border-bottom: 1px solid #808080
}

.masthead-stuck-target .tour-menu-container .tour-menu-expanded .left>ul>li.specs .icon {
    background-position: 0px -280px
}

.masthead-stuck-target .tour-menu-container .tour-menu-expanded .left>ul>li.specs a,.masthead-stuck-target .tour-menu-container .tour-menu-expanded .left>ul>li.explore a {
    padding: 12px 0px;
    display: block
}

.masthead-stuck-target .tour-menu-container .tour-menu-expanded .left>ul>li.specs a:hover,.masthead-stuck-target .tour-menu-container .tour-menu-expanded .left>ul>li.explore a:hover {
    background-color: #3c3b3b
}

.masthead-stuck-target .tour-menu-container .tour-menu-expanded .left>ul>li.start-trial {
    text-align: center
}

.masthead-stuck-target .tour-menu-container .tour-menu-expanded .left>ul>li.start-trial a {
    float: none;
    margin: 20px 0px;
    padding: 10px 22px;
    font-size: 1.125em
}

.tech-specs {
    position: relative;
    font: 14px/1.3 PNR
}

.tech-specs p {
    margin: 0px;
    padding: 0px
}

.tech-specs .head-title h1 {
    font: 2.71em/1 DNLTL;
    margin: 35px 0 15px
}

.tech-specs .head-title h2 {
    font-size: 18px;
    color: #666;
    margin-bottom: 60px
}

.tech-specs .container {
    background-color: #f2f2f2;
    padding: 20px 0px 65px
}

.tech-specs .table {
    width: 960px;
    margin: 0px auto
}

.tech-specs .table .row {
    width: 100%;
    height: 118px;
    overflow: hidden
}

.tech-specs .table .row.even .col {
    background-color: #f8f8f8
}

.tech-specs .table .row.odd .col {
    background-color: #fefefe
}

.tech-specs .table .col {
    float: left;
    margin-right: 10px;
    border-bottom: #e7e7e7 1px solid;
    color: #636363
}

.tech-specs .table .col-1 {
    width: 81px;
    background-color: #f2f2f2;
    height: 72px;
    padding-top: 45px;
    padding-left: 10px
}

.tech-specs .table .col-2 {
    width: 440px;
    min-height: 71px;
    padding: 25px 20px 20px 20px
}

.tech-specs .table .col-3 {
    width: 100px;
    height: 92px;
    padding: 25px 10px 0px 10px
}

.tech-specs .table .col-3 ul {
    padding: 0px;
    margin: 0px;
    list-style-type: none
}

.tech-specs .table .col-3 ul li {
    display: block
}

.tech-specs .table .col-3 ul li .check {
    display: inline-block;
    width: 8px;
    height: 27px;
    margin-right: 10px
}

.tech-specs .table .col-3 ul li .check.checked {
    background: transparent url("./public/assets./images/p-tech-specs/checkmark.png") no-repeat;
    background-position: 0px 5px
}

.tech-specs .table .col-3 ul li .label {
    display: inline-block
}

.tech-specs .table .col-4 {
    width: 90px;
    height: 71px;
    padding-top: 45px;
    padding-left: 10px;
    text-align: center;
    padding: 45px 10px 0px
}

.tech-specs .table .col-5 {
    width: 85px;
    height: 71px;
    padding: 45px 17px 0px 17px;
    margin-right: 0px;
    text-align: center
}

.tech-specs .table .row.head {
    font-family: DNLTR;
    background-color: #78a300;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    border-bottom: #e7e7e7 1px solid;
    max-height: 60px;
    width: 960px;
    overflow: visible
}

.tech-specs .table .row.head.stuck {
    z-index: 500;
    position: fixed;
    top: 75px
}

.tech-specs .table .row.head .selector {
    text-transform: none;
    position: relative;
    margin-top: 2px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

.tech-specs .table .row.head .selector.opened .selected {
    -webkit-border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    -ms-border-radius: 5px 5px 0px 0px;
    -o-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px
}

.tech-specs .table .row.head .selector.opened .options {
    display: block
}

.tech-specs .table .row.head .selector .selected {
    cursor: pointer;
    background-color: #709700;
    text-align: left;
    padding: 2px 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px
}

.tech-specs .table .row.head .selector .selected:after {
    content: '\00a0\25be';
    color: #a1ba57;
    position: absolute;
    right: 10px
}

.tech-specs .table .row.head .selector .options {
    position: absolute;
    top: 22px;
    left: 0px;
    min-height: 120px;
    z-index: 999;
    width: 120px;
    display: none;
    z-index: 999
}

.tech-specs .table .row.head .selector .options ul {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
    -webkit-box-shadow: 1px 1px 5px #ccc;
    -moz-box-shadow: 1px 1px 5px #ccc;
    -ms-box-shadow: 1px 1px 5px #ccc;
    -o-box-shadow: 1px 1px 5px #ccc;
    box-shadow: 1px 1px 5px #ccc;
    -webkit-border-radius: 0px 5px 5px 5px;
    -moz-border-radius: 0px 5px 5px 5px;
    -ms-border-radius: 0px 5px 5px 5px;
    -o-border-radius: 0px 5px 5px 5px;
    border-radius: 0px 5px 5px 5px
}

.tech-specs .table .row.head .selector .options ul li {
    padding: 0px;
    margin: 0px
}

.tech-specs .table .row.head .selector .options ul li a {
    display: block;
    background-color: #fff;
    border-bottom: 1px solid #eee;
    color: #78a300;
    padding: 10px;
    text-align: left
}

.tech-specs .table .row.head .selector .options ul li a:hover {
    background-color: #fafafa
}

.tech-specs .table .row.head .selector .options ul li:first-child a {
    -webkit-border-radius: 0px 5px 0px 0px;
    -moz-border-radius: 0px 5px 0px 0px;
    -ms-border-radius: 0px 5px 0px 0px;
    -o-border-radius: 0px 5px 0px 0px;
    border-radius: 0px 5px 0px 0px
}

.tech-specs .table .row.head .selector .options ul li:last-child a {
    -webkit-border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    -ms-border-radius: 0px 0px 5px 5px;
    -o-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px;
    border-bottom: 0px
}

.tech-specs .table .row.head .col {
    border-bottom: 0px;
    color: #fff;
    padding: 22px 10px 0px 10px
}

.tech-specs .table .row.head .col-1,.tech-specs .table .row.head .col-2,.tech-specs .table .row.head .col-3,.tech-specs .table .row.head .col-4,.tech-specs .table .row.head .col-5 {
    min-height: inherit;
    height: auto
}

.tech-specs .table .row.head .col-1 {
    height: 38px
}

.tech-specs .table .row.head .col-3 {
    padding: 10px 10px 0px 10px
}

.tech-specs .table .row.head .col-4 {
    width: 100px;
    padding: 10px 10px 0px 10px
}

.tech-specs .table .row.head .col-5 {
    padding-top: 12px;
    width: 99px
}

.tech-specs .table .row.subtitle {
    height: auto
}

.tech-specs .table .row.subtitle.stuck {
    background-color: #e7e7e7;
    height: 76px
}

.tech-specs .table .row.subtitle.stuck .inner {
    position: fixed;
    top: 131px;
    width: 900px
}

.tech-specs .table .row.subtitle .inner {
    background-color: #e7e7e7;
    padding: 20px 30px
}

.tech-specs .table .row.subtitle .title {
    font-family: DNLTM;
    color: #000;
    text-transform: uppercase
}

.tech-specs .table .row.subtitle .desc {
    font-family: DNLTR;
    color: #757575
}

.whats-new {
    font-size: 14px
}

.whats-new p {
    margin: 0px;
    padding: 0px
}

.whats-new .head-title {
    background-color: #f2f2f2;
    padding: 35px 0px 40px;
    text-align: center;
    color: #fff
}

.whats-new .head-title .inner {
    width: 600px;
    margin: 0px auto
}

@media only screen and (max-width: 700px) {
    .whats-new .head-title .inner {
        width:300px
    }
}

.whats-new .head-title h1 {
    font: 2.71em/1 DNLTL;
    color: #333;
    padding: 0px;
    margin: 25px 0px 15px
}

.whats-new .head-title h2 {
    font-size: 18px;
    color: #666
}

.whats-new .head-title h4,.whats-new .head-title .mobile-modal .mobile-modal-list li h5,.mobile-modal .mobile-modal-list li .whats-new .head-title h5 {
    font-family: DNLTR;
    text-transform: uppercase;
    margin-bottom: 20px;
    line-height: 23px;
    font-size: 1.14em
}

.whats-new .head-title .desc {
    line-height: 23px;
    font-size: 1.14em
}

.whats-new .section-title {
    text-transform: uppercase;
    font: 1.3em/1 DNLTM;
    color: #494949;
    border-bottom: 1px solid #dcdcdc;
    padding-bottom: 10px;
    margin-bottom: 30px;
    width: 98%
}

.whats-new .container {
    width: 100%;
    background-color: #f2f2f2;
    padding: 55px 0px 50px
}

@media only screen and (max-width: 975px) {
    .whats-new .container {
        padding:0px 0px 50px
    }
}

.whats-new .container .inner {
    width: 960px;
    margin: 0px auto
}

@media only screen and (max-width: 975px) {
    .whats-new .container .inner {
        width:700px
    }
}

@media only screen and (max-width: 700px) {
    .whats-new .container .inner {
        width:300px
    }
}

.whats-new .container ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none
}

.whats-new .container ul li {
    padding: 0px;
    margin: 0px;
    float: left;
    padding: 15px;
    background-color: #fff;
    text-align: center;
    font-size: 1em;
    -webkit-box-shadow: 1px 1px 5px #ccc;
    -moz-box-shadow: 1px 1px 5px #ccc;
    -ms-box-shadow: 1px 1px 5px #ccc;
    -o-box-shadow: 1px 1px 5px #ccc;
    box-shadow: 1px 1px 5px #ccc;
    margin-right: 20px;
    margin-bottom: 50px;
    color: #333333
}

.whats-new .container ul li .image {
    background-size: cover;
    margin-bottom: 10px
}

.whats-new .container ul li .title {
    margin-bottom: 10px;
    text-transform: uppercase;
    font-size: 1.14em;
    font-family: DNLTM
}

.whats-new .container ul li .desc {
    margin-bottom: 10px
}

.whats-new .container .features li {
    width: 270px;
    height: 310px
}

@media only screen and (max-width: 975px) {
    .whats-new .container .features li {
        width:26%
    }
}

@media only screen and (max-width: 700px) {
    .whats-new .container .features li {
        width:87%;
        height: auto
    }
}

.whats-new .container .features li .image {
    width: 272px;
    height: 142px;
    background-color: #78a300
}

@media only screen and (max-width: 975px) {
    .whats-new .container .features li .image {
        width:150%;
        margin-left: -25%;
        -webkit-transform: scale(0.7);
        -moz-transform: scale(0.7);
        -ms-transform: scale(0.7);
        -o-transform: scale(0.7);
        transform: scale(0.7)
    }
}

@media only screen and (max-width: 700px) {
    .whats-new .container .features li .image {
        margin-left:-2%;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

.whats-new .container .hot-new-apps li {
    width: 190px;
    height: 410px
}

@media only screen and (max-width: 975px) {
    .whats-new .container .hot-new-apps li {
        width:42%;
        height: auto
    }
}

@media only screen and (max-width: 700px) {
    .whats-new .container .hot-new-apps li {
        width:87%
    }
}

.whats-new .container .hot-new-apps li .image {
    width: 188px;
    height: 188px;
    background-color: #a4a4a4;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px
}

@media only screen and (max-width: 975px) {
    .whats-new .container .hot-new-apps li .image {
        width:100%;
        margin-left: 15%
    }
}

.why-zendesk h1,h2,h3,h4,.mobile-modal .mobile-modal-list li h5 {
    margin: 0;
    padding: 0
}

.why-zendesk h1 {
    font: 2.2em/0.95 DNLTM;
    color: #80a41a;
    margin: 0 0 0.6em
}

.why-zendesk h2 {
    margin: 0 0 21px 0;
    padding-bottom: 5px;
    border-bottom: 1px solid #dcdcdc;
    font: 1.2em/1 DNRM;
    color: #444;
    text-transform: uppercase;
    letter-spacing: 1px
}

.why-zendesk h3 {
    font: 1.1em DNLTM;
    color: #404040;
    margin: 10px 0 12px
}

.why-zendesk p.full {
    width: 100%
}

.why-zendesk img {
    border: none
}

.why-zendesk #play {
    width: 148px;
    height: 148px;
    background: url("./public/assets./images/p-whyzendesk/play.png") 0 0 no-repeat;
    display: block;
    margin: 0 auto;
    position: relative;
    top: 100px;
    float: none;
    cursor: pointer
}

.why-zendesk #play:hover {
    opacity: 0.8
}

.why-zendesk .wrap {
    width: 960px;
    margin: 0 auto
}

.why-zendesk header {
    height: 361px;
    width: 100%;
    background: transparent url("./public/assets./images/p-whyzendesk/hero.jpg") no-repeat center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./public/assets./images/p-whyzendesk/hero.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/public/assets./images/p-whyzendesk/hero.jpg', sizingMethod='scale')";
    position: relative;
    margin-bottom: 40px
}

.why-zendesk section {
    border-bottom: 1px solid #dedede;
    clear: both;
    margin-top: 1em;
    overflow: hidden;
    padding-top: 2.1em;
    padding-bottom: 3em
}

.why-zendesk .widecol {
    border-right: none;
    width: 625px
}

.why-zendesk .widecol p {
    font: 16px/1.45 DNRR;
    padding-right: 20px
}

.why-zendesk .narrowcol {
    padding-left: 0;
    width: 307px
}

.why-zendesk .narrowcol p {
    font: 14px/1.4 PNR
}

.why-zendesk .narrowcol div:nth-child(2) {
    margin-top: 20px
}

.why-zendesk section:last-child {
    border-bottom: none;
    padding-right: 0;
    margin-right: 0
}

.why-zendesk section.why-zendesk {
    border: none;
    float: none;
    margin: 0;
    padding-top: 0;
    width: auto;
    border-bottom: 1px solid #dedede
}

.why-zendesk section.why-zendesk p {
    width: 68%;
    font: 16px/1.5 PNR
}

.why-zendesk.help-desk p {
    width: 68%;
    font: 16px/1.5 DNRR
}

.why-zendesk section.why-zendesk strong {
    font: 1em/1 DNRB
}

.why-zendesk .highlight {
    float: left;
    width: 50%;
    margin-bottom: 0.5em
}

.why-zendesk .highlight div {
    float: left;
    width: 26%;
    height: 225px;
    margin: 0.2em 0 0 0
}

.why-zendesk .highlight p {
    width: 90%;
    line-height: 1.35em
}

.why-zendesk section img {
    background-image: url("./public/assets./images/p-whyzendesk/main-sprite.jpg");
    float: right;
    height: 236px;
    margin: 0 0 0 10px;
    width: 236px
}

.lang-ja .why-zendesk section.why-zendesk img.primary {
    background-image: url("./public/assets./images/p-whyzendesk/three-ja.png")
}

.lang-es .why-zendesk section.why-zendesk img.primary {
    background-image: url("./public/assets./images/p-whyzendesk/three-es.png")
}

.lang-pt .why-zendesk section.why-zendesk img.primary {
    background-image: url("./public/assets./images/p-whyzendesk/three-pt.png")
}

.lang-de .why-zendesk section.why-zendesk img.primary {
    background-image: url("./public/assets./images/p-whyzendesk/three-de.png")
}

.lang-fr .why-zendesk section.why-zendesk img.primary {
    background-image: url("./public/assets./images/p-whyzendesk/three-fr.png")
}

.why-zendesk section.why-zendesk img.primary {
    float: right;
    margin: 0 40px 0 0
}

.why-zendesk section .highlight img {
    float: left;
    width: 100px;
    height: 100px
}

.why-zendesk section img.primary {
    margin: 0 0 10px 20px
}

.why-zendesk .product img.primary {
    background-position: -234px 0
}

.why-zendesk .product img.lego {
    background-position: -153px -469px;
    height: 81px;
    width: 85px
}

.why-zendesk .product img.power {
    background-position: 0px -465px;
    height: 100px;
    width: 56px
}

.why-zendesk .people img.primary {
    background-position: 3px -236px
}

.why-zendesk .people img.flags {
    background-position: -58px -469px;
    height: 81px;
    width: 95px
}

.why-zendesk .people img.agent {
    background-position: -236px -469px;
    height: 85px;
    width: 85px
}

.why-zendesk .practice img.primary {
    background-position: -231px -233px
}

.why-zendesk .practice img.white-paper {
    background-position: -398px -469px;
    height: 85px;
    width: 92px
}

.why-zendesk .practice img.zen-master {
    background-position: -319px -469px;
    height: 85px;
    width: 77px
}

.pl-overflow.zen-u {
    position: relative;
    left: 0px !important;
    background-image: -moz-linear-gradient(left, #272324, #303030);
    background-image: -ms-linear-gradient(left, #272324, #303030);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#272324), to(#303030));
    background-image: -webkit-linear-gradient(left, #272324, #303030);
    background-image: -o-linear-gradient(left, #272324, #303030);
    background-image: linear-gradient(left, #272324,#303030);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#272324', endColorstr='#303030', GradientType=0)
}

.pl-overflow.zen-u .pl-background {
    left: 54%;
    margin-left: -600px
}

@media only screen and (max-width: 975px) {
    .pl-overflow.zen-u .pl-background {
        width:1069px
    }
}

@media only screen and (max-width: 700px) {
    .pl-overflow.zen-u .pl-background {
        left:0;
        width: 426px;
        margin-left: -106px
    }
}

.pl-content.zen-u {
    height: 780px
}

@media only screen and (max-width: 975px) {
    .pl-content.zen-u {
        width:61%
    }
}

.zen-u ul,.zen-u li {
    margin: 0;
    padding: 0;
    list-style: none
}

.zen-u #logos {
    display: block;
    overflow: hidden;
    margin-bottom: 30px
}

.zen-u #logos li {
    display: block;
    float: left;
    margin-right: 30px
}

.zen-u #logos #zappos {
    width: 133px;
    height: 48px;
    background: url("./public/assets./images/t-landing_pages/hero_tour/sprite.jpg")
}

.zen-u #logos #groupon {
    width: 140px;
    height: 56px;
    background: url("./public/assets./images/t-landing_pages/hero_tour/sprite.jpg") -133px 0
}

.zen-u #logos #zendesk {
    width: 143px;
    height: 34px;
    background: url("./public/assets./images/t-landing_pages/hero_tour/sprite2.jpg") -273px 0
}

.zen-u .col-left {
    width: 510px
}

@media only screen and (max-width: 700px) {
    .zen-u .col-left {
        width:297px
    }
}

.zen-u .col-left p {
    font-size: 18px
}

.zen-u .col-left #intro p {
    margin: 0 0 27px;
    font: 26px/1.4 DNLTR;
    color: #434343
}

.zen-u .col-left p em {
    font-family: DNLTM
}

.zen-u .col-right {
    width: 450px;
    background: url("./public/assets./images/t-landing_pages/hero_tour/poster-bg.jpg") no-repeat scroll 0 0 transparent;
    margin-right: -25px;
    z-index: 998;
    position: relative
}

@media only screen and (max-width: 975px) {
    .zen-u .col-right {
        float:left
    }
}

@media only screen and (max-width: 700px) {
    .zen-u .col-right {
        width:295px;
        margin-right: 0
    }
}

.zen-u .col-right .aside {
    color: #FFFFFF;
    font: 13px DNLTR;
    left: 15px;
    letter-spacing: 1px;
    margin: 0;
    position: relative;
    text-transform: uppercase;
    top: 40px
}

@media only screen and (max-width: 700px) {
    .zen-u .col-right .aside {
        width:280px;
        margin-right: 0
    }
}

.zen-u .col-right .aside span {
    color: #BBBBBB
}

.zen-u .col-right ul#dates {
    margin: 44px 0 0;
    padding: 0;
    text-align: center;
    width: 417px;
    background: url("./public/assets./images/t-landing_pages/hero_tour/poster-bg.jpg") repeat-y
}

@media only screen and (max-width: 700px) {
    .zen-u .col-right ul#dates {
        width:295px
    }
}

.zen-u .col-right ul#dates li {
    width: 416px;
    position: relative
}

@media only screen and (max-width: 700px) {
    .zen-u .col-right ul#dates li {
        width:295px
    }
}

.zen-u .col-right ul#dates li:last-child {
    background: url("./public/assets./images/t-landing_pages/hero_tour/poster-bg-bott.jpg") 0 100% no-repeat
}

.zen-u .col-right ul#dates li:hover,.zen-u .col-right ul#dates li.active {
    background: #ffa100;
    width: 416px;
    position: relative
}

@media only screen and (max-width: 700px) {
    .zen-u .col-right ul#dates li:hover,.zen-u .col-right ul#dates li.active {
        width:295px
    }
}

.zen-u .col-right ul#dates li:hover span:first-child,.zen-u .col-right ul#dates li.active span:first-child {
    color: #fff
}

.zen-u .col-right ul#dates li a {
    display: block;
    color: #fff;
    text-transform: uppercase;
    border-top: 1px solid #888888;
    padding: 3px 0
}

@media only screen and (max-width: 700px) {
    .zen-u .col-right ul#dates li a {
        padding:8px 0
    }
}

.zen-u .col-right ul#dates li a span:first-child {
    font: 29px DNLTUL;
    text-align: right;
    padding-right: 10px;
    color: #bbb
}

@media only screen and (max-width: 700px) {
    .zen-u .col-right ul#dates li a span:first-child {
        font-size:20px
    }
}

.zen-u .col-right ul#dates li a span:nth-child(2) {
    font: 27px DNLTM;
    text-align: left
}

@media only screen and (max-width: 700px) {
    .zen-u .col-right ul#dates li a span:nth-child(2) {
        font-size:20px
    }
}

.zen-u .col-right ul#dates li.old:hover {
    background: none;
    cursor: normal
}

.zen-u .col-right ul#dates li.old a,.zen-u .col-right ul#dates li.old a span:first-child {
    color: #000
}

.zen-u #sponsors {
    display: block;
    position: relative;
    margin: 40px 0;
    padding: 0
}

.zen-u #sponsors h2 {
    font: 14px DNLTM;
    color: #757575;
    text-transform: uppercase;
    margin-bottom: 15px
}

.zen-u #sponsors #mailchimp a {
    width: 152px;
    height: 41px;
    left: 212px;
    top: 13px;
    margin-bottom: 15px
}

.zen-u #sponsors ul {
    margin-bottom: 30px
}

@media only screen and (max-width: 700px) {
    .zen-u #sponsors img {
        width:297px
    }
}

.zen-u #sponsors #yammer a {
    width: 354px;
    height: 75px;
    position: relative;
    left: 15px
}

.zen-u #sponsors #podio a {
    width: 157px;
    height: 39px;
    top: 50px;
    left: 7px
}

.zen-u #sponsors #mailchimp a {
    width: 152px;
    height: 41px;
    left: 212px;
    top: 13px
}

.zen-u #sponsors li a {
    position: relative;
    display: block
}

.zen-u #sponsors p a {
    margin-bottom: 15px
}

.zen-u #sponsors p a,.zen-u #sponsors p {
    font-size: .9em;
    margin: 0;
    margin-bottom: 15px
}

.zen-u #sponsors #mailchimp a {
    width: 152px;
    height: 41px;
    left: 3px
}

.zen-u #sponsors p {
    bottom: 0;
    padding: 10px;
    opacity: .75;
    right: 0;
    position: absolute;
    text-align: center;
    margin-bottom: 15px
}

.zen-u #sponsors li a {
    position: relative;
    display: block;
    width: 354px;
    height: 75px;
    position: relative;
    left: 15px
}

.zen-u #sponsors p a,.zen-u #sponsors p {
    font-size: .9em
}

.zen-u #sponsors p a #sponsors p,.zen-u #sponsors p #sponsors p {
    bottom: 0;
    padding: 10px;
    opacity: .75;
    right: 0;
    position: absolute;
    text-align: center;
    width: auto
}

.zen-u #sponsors p a #sponsors p a,.zen-u #sponsors p a #sponsors p,.zen-u #sponsors p #sponsors p a,.zen-u #sponsors p #sponsors p {
    font-size: .9em;
    margin-bottom: 15px
}

.zen-u #sponsors p a #sponsors p a,.zen-u #sponsors p a #sponsors p,.zen-u #sponsors p #sponsors p a,.zen-u #sponsors p #sponsors p {
    font-size: .9em;
    margin: 0
}

.zen-u #sponsors p a #sponsors #atlassian a,.zen-u #sponsors p #sponsors #atlassian a {
    width: 160px;
    height: 40px;
    left: 5px;
    top: 49px
}

.zen-u #sponsors p a #sponsors #snapengage a,.zen-u #sponsors p #sponsors #snapengage a {
    width: 160px;
    height: 50px;
    left: 204px;
    top: 4px
}

.zen-u #sponsors p {
    bottom: 0;
    padding: 10px;
    opacity: .75;
    right: 0;
    position: absolute;
    text-align: center;
    width: auto
}

.mobile-templ .splash {
    position: relative;
    height: 360px;
    top: 0;
    list-style: none outside none;
    margin: 0;
    color: #fff
}

@media only screen and (max-width: 975px) {
    .mobile-templ .splash h1.h-rev {
        font-size:58px !important
    }
}

@media only screen and (max-width: 975px) {
    .mobile-templ .splash h1.h-rev {
        font-size:48px !important
    }
}

.mobile-templ .splash .splash-img {
    position: absolute;
    background: url("./public/assets./images/t-mobileapp/ml-featured-image-mountainscape.jpg");
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/public/assets./images/t-mobileapp/ml-featured-image-mountainscape.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/public/assets./images/t-mobileapp/ml-featured-image-mountainscape.jpg', sizingMethod='scale')";
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -ms-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    height: 360px;
    width: 100%;
    z-index: 0
}

@media only screen and (max-width: 700px) {
    .mobile-templ .splash .splash-img {
        background-position:bottom right !important
    }
}

.mobile-templ .splash .last {
    background: url("./public/assets./images/t-mobileapp/ml-featured-image-couch.jpg");
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/public/assets./images/t-mobileapp/ml-featured-image-couch.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/public/assets./images/t-mobileapp/ml-featured-image-couch.jpg', sizingMethod='scale')"
}

.mobile-templ .splash .shell {
    margin: 0 auto;
    height: 360px;
    position: relative;
    z-index: 3
}

@media only screen and (min-width: 975px) {
    .mobile-templ .splash .shell {
        width:960px
    }
}

.mobile-templ .splash .simple-widget {
    float: right;
    width: 474px;
    margin: 0 0 0 0;
    padding-top: 78px
}

@media only screen and (max-width: 975px) {
    .mobile-templ .splash .simple-widget {
        width:35%
    }
}

@media only screen and (max-width: 700px) {
    .mobile-templ .splash .simple-widget {
        color:#fff;
        padding-top: 40px;
        width: 100%
    }
}

.mobile-templ .splash .simple-widget h3 {
    margin: 0;
    padding: 0;
    color: #fff;
    font-size: 76px;
    line-height: 1;
    font-family: 'DNLTB'
}

.mobile-templ .splash .simple-widget h3 span {
    display: block;
    font: 26px 'DNRM';
    text-transform: uppercase
}

.mobile-templ .splash .button-play {
    background: url("./public/assets./images/t-mobileapp/ml-featured-image-hand.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    display: block;
    float: left;
    height: 360px;
    margin: 0 auto;
    position: relative;
    top: 0;
    width: 446px
}

@media only screen and (max-width: 975px) {
    .mobile-templ .splash .button-play {
        background-position:-35px 0;
        margin: 0 auto 0 -30px;
        width: 65%
    }
}

@media only screen and (max-width: 700px) {
    .mobile-templ .splash .button-play {
        background:url("./public/assets./images/p-demo/play-arrow.png") no-repeat scroll center center/80% auto transparent;
        margin: 0 auto;
        width: 100px;
        height: 100px;
        float: none;
        top: 62%
    }
}

.mobile-templ .splash .button-play:hover {
    background: url("./public/assets./images/t-mobileapp/ml-featured-image-hand-hover.png") no-repeat scroll 0 0 transparent
}

@media only screen and (max-width: 975px) {
    .mobile-templ .splash .button-play:hover {
        background-position:-35px 0
    }
}

@media only screen and (max-width: 700px) {
    .mobile-templ .splash .button-play:hover {
        background:url("./public/assets./images/p-demo/play-arrow.png") no-repeat scroll center center/80% auto transparent
    }
}

.wistia-overlay {
    position: fixed;
    z-index: 999;
    top: 0;
    display: none;
    height: 100%;
    width: 100%;
    opacity: .8;
    background: #000
}

.wistia-popup {
    position: relative;
    width: 960px;
    height: 566px;
    opacity: 0;
    top: 50%;
    left: 50%;
    margin-top: -283px;
    margin-left: -480px;
    z-index: 10000
}

.wistia-popup-close {
    position: absolute;
    background: #807967 url("//web.archive.org/web/20190118075937im_/http://fast.wistia.net./images/fancybox/fancybox_sprite.png") no-repeat;
    border-radius: 50%;
    height: 30px;
    right: -15px;
    top: -15px;
    width: 31px;
    box-shadow: 0 3px 3px rgba(0,0,0,0.4);
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    cursor: pointer
}

.mobile-container .ml-tab {
    display: none;
    margin: 0 auto
}

.mobile-container .ml-tab .mobile-downloads {
    display: none
}

@media only screen and (max-width: 700px) {
    .mobile-container .ml-tab .mobile-downloads {
        display:block
    }

    .mobile-container .ml-tab .mobile-downloads img {
        max-width: 40%;
        padding-right: 10px
    }
}

@media only screen and (max-width: 700px) {
    .mobile-container .ml-tab .see-devices {
        display:none
    }
}

.mobile-container .ml-tab h2 {
    font: 22px DNLTM;
    text-transform: uppercase;
    margin-bottom: 15px;
    letter-spacing: 1px
}

@media only screen and (max-width: 700px) {
    .mobile-container .ml-tab h2 {
        font-size:18px
    }
}

.mobile-container .ml-tab article {
    background: #f0f0f0;
    margin: 0 auto;
    height: 500px;
    clear: both;
    position: relative;
    overflow: hidden;
    display: block
}

@media only screen and (max-width: 975px) {
    .mobile-container .ml-tab article {
        height:auto
    }
}

@media only screen and (max-width: 700px) {
    .mobile-container .ml-tab article:nth-child(1) {
        height:380px
    }
}

.mobile-container .ml-tab article:nth-child(2) {
    background: #fff;
    position: relative
}

@media only screen and (max-width: 975px) {
    .mobile-container .ml-tab article:nth-child(2) {
        height:500px
    }
}

.mobile-container .ml-tab article:nth-child(2) section {
    padding: 0;
    width: 100%
}

.mobile-container .ml-tab article:nth-child(2) section aside {
    padding-top: 60px;
    width: 260px
}

.mobile-container .ml-tab article:last-child {
    background: transparent url("./public/assets./images/t-mobileapp/bg-bottom.jpg") 0 0 repeat;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -ms-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./public/assets./images/t-mobileapp/bg-bottom.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/public/assets./images/t-mobileapp/bg-bottom.jpg', sizingMethod='scale')";
    margin-bottom: -62px
}

@media only screen and (max-width: 975px) {
    .mobile-container .ml-tab article:last-child {
        margin-bottom:0
    }
}

@media only screen and (max-width: 700px) {
    .mobile-container .ml-tab article:last-child {
        background-position:right top
    }

    .mobile-container .ml-tab article:last-child section aside h2,.mobile-container .ml-tab article:last-child section aside p {
        color: #fff
    }
}

.mobile-container .ml-tab article:last-child section {
    background: transparent url("./public/assets./images/t-mobileapp/bg-bottom-icons.png") right 65px no-repeat
}

@media only screen and (max-width: 975px) {
    .mobile-container .ml-tab article:last-child section {
        background-size:61%
    }
}

@media only screen and (max-width: 700px) {
    .mobile-container .ml-tab article:last-child section {
        background:none
    }
}

.mobile-container .ml-tab article:last-child section aside {
    width: 35%
}

@media only screen and (max-width: 700px) {
    .mobile-container .ml-tab article:last-child section aside {
        width:100%
    }
}

.mobile-container .ml-tab article section {
    margin: 0 auto;
    overflow: hidden;
    padding: 60px 0
}

@media only screen and (min-width: 975px) {
    .mobile-container .ml-tab article section {
        width:965px
    }
}

.mobile-container .ml-tab article section aside {
    float: left;
    width: 26%;
    font: 18px/22px PNL
}

@media only screen and (max-width: 975px) {
    .mobile-container .ml-tab article section aside {
        width:45%
    }
}

@media only screen and (max-width: 700px) {
    .mobile-container .ml-tab article section aside {
        width:100%
    }
}

@media only screen and (max-width: 700px) {
    .mobile-container .ml-tab article section aside p {
        color:#222;
        font-family: PNR
    }
}

.mobile-container .ml-tab ul.mobile-modal {
    margin-left: 250px
}

.mobile-container .ml-tab ul.customer-testimonials li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.mobile-container .ml-tab ul.customer-testimonials li div {
    display: block;
    position: relative;
    height: 500px;
    margin: 0 auto
}

@media only screen and (min-width: 975px) {
    .mobile-container .ml-tab ul.customer-testimonials li div {
        width:965px
    }
}

@media only screen and (max-width: 975px) {
    .mobile-container .ml-tab ul.customer-testimonials li div {
        padding:0 4%
    }
}

.mobile-container .ml-tab ul.customer-testimonials li div span {
    font-family: PNL;
    font-size: 26px;
    position: absolute;
    width: 230px;
    top: 60px;
    right: 0
}

@media only screen and (max-width: 975px) {
    .mobile-container .ml-tab ul.customer-testimonials li div span {
        font-size:14px
    }
}

.mobile-container .ml-tab ul.customer-testimonials li div aside h2 {
    white-space: nowrap
}

.mobile-container .ml-tab ul.mobile-resources {
    float: none;
    margin: 30px auto 0;
    width: 100%
}

@media only screen and (max-width: 975px) {
    .mobile-container .ml-tab ul.mobile-resources {
        width:480px
    }
}

@media only screen and (max-width: 700px) {
    .mobile-container .ml-tab ul.mobile-resources {
        display:block;
        width: 245px;
        overflow: hidden
    }
}

.mobile-container .ml-tab ul.mobile-resources li:nth-child(1) span {
    background: transparent url("./public/assets./images/t-mobileapp/resources-1.png") center center no-repeat
}

.mobile-container .ml-tab ul.mobile-resources li:nth-child(2) span {
    background: transparent url("./public/assets./images/t-mobileapp/resources-2.png") center center no-repeat
}

.mobile-container .ml-tab ul.mobile-resources li:nth-child(3) span {
    background: transparent url("./public/assets./images/t-mobileapp/resources-3.png") center center no-repeat
}

.mobile-container .ml-tab ul.mobile-resources li:nth-child(4) span {
    background: transparent url("./public/assets./images/t-mobileapp/resources-4.png") center center no-repeat
}

.mobile-container .ml-tab ul.mobile-resources a {
    color: #000;
    float: left;
    margin: 0 20px
}

@media only screen and (max-width: 975px) {
    .mobile-container .ml-tab ul.mobile-resources a {
        margin:15px 20px
    }
}

.mobile-container .ml-tab ul.mobile-resources span {
    background: #ccc;
    display: block;
    height: 200px;
    margin: 0 auto 20px;
    width: 200px;
    -webkit-border-radius: 200px;
    -moz-border-radius: 200px;
    -ms-border-radius: 200px;
    -o-border-radius: 200px;
    border-radius: 200px
}

.mobile-container .ml-tab ul.mobile-resources p,.mobile-container .ml-tab ul.mobile-resources h4,.mobile-container .ml-tab ul.mobile-resources .mobile-modal .mobile-modal-list li h5,.mobile-modal .mobile-modal-list li .mobile-container .ml-tab ul.mobile-resources h5 {
    font: 18px DNLTR;
    text-align: center
}

.mobile-container .ml-tab ul.mobile-resources p {
    color: #898989;
    font-size: 11px;
    letter-spacing: 1px;
    line-height: 1.75;
    margin: 0;
    text-transform: uppercase
}

.mobile-container .ml-tab .customer-testimonials li:nth-child(1) {
    background-color: #E1EEF4
}

.mobile-container .ml-tab .customer-testimonials li:nth-child(1) div {
    background: url("https://web.archive.org/web/20190118075937im_/http://d26a57ydsghvgx.cloudfront.net/www/public/assets./images/t-mobileapp/cust-taskrabbitedit.png") no-repeat scroll -114px bottom #e1eef4
}

@media only screen and (max-width: 700px) {
    .mobile-container .ml-tab .customer-testimonials li:nth-child(1) div {
        background-position:-530px 212px
    }
}

.mobile-container .ml-tab .customer-testimonials li:nth-child(1) div aside h2 {
    color: #484848
}

.mobile-container .ml-tab .customer-testimonials li:nth-child(1) div span {
    color: #445A79;
    right: 23px;
    top: 60px;
    width: 210px
}

@media only screen and (max-width: 975px) {
    .mobile-container .ml-tab .customer-testimonials li:nth-child(1) div span {
        top:60px;
        left: 350px;
        right: auto;
        width: 120px
    }
}

.mobile-container .ml-tab .customer-testimonials li:nth-child(1) section aside {
    padding-top: 60px
}

.mobile-container .ml-tab .customer-testimonials li:nth-child(2) {
    background-color: #E9E9E9
}

.mobile-container .ml-tab .customer-testimonials li:nth-child(2) div {
    background: url("./public/assets./images/t-mobileapp/cust-engineyard.jpg") no-repeat scroll -114px bottom #e9e9e9
}

@media only screen and (max-width: 700px) {
    .mobile-container .ml-tab .customer-testimonials li:nth-child(2) div {
        background-position:-530px 212px
    }
}

.mobile-container .ml-tab .customer-testimonials li:nth-child(2) div span {
    top: 60px;
    width: 240px;
    right: 0;
    color: #484848
}

@media only screen and (max-width: 975px) {
    .mobile-container .ml-tab .customer-testimonials li:nth-child(2) div span {
        top:60px;
        left: 350px;
        right: auto;
        width: 265px
    }
}

.mobile-container .ml-tab .customer-testimonials li:nth-child(3) {
    background-color: #1d92c1
}

.mobile-container .ml-tab .customer-testimonials li:nth-child(3) div {
    background: url("./public/assets./images/t-mobileapp/cust-foursquare.jpg") no-repeat scroll -114px bottom #1d92c1
}

@media only screen and (max-width: 700px) {
    .mobile-container .ml-tab .customer-testimonials li:nth-child(3) div {
        background-position:-560px 212px
    }
}

.mobile-container .ml-tab .customer-testimonials li:nth-child(3) div aside h2,.mobile-container .ml-tab .customer-testimonials li:nth-child(3) div span {
    color: #FFFFFF;
    right: 34px;
    width: 176px
}

@media only screen and (max-width: 975px) {
    .mobile-container .ml-tab .customer-testimonials li:nth-child(3) div aside h2,.mobile-container .ml-tab .customer-testimonials li:nth-child(3) div span {
        top:60px;
        left: 350px;
        right: auto;
        width: 120px
    }
}

.mobile-container .ml-tab .customer-testimonials li:nth-child(3) p {
    color: #a8cde1
}

@media only screen and (max-width: 700px) {
    .mobile-container .ml-tab .customer-testimonials li div span {
        display:none
    }
}

.img-overlay,.tmp-overlay {
    background-size: cover !important;
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background: #000;
    top: 0;
    left: 0;
    z-index: 999998;
    cursor: pointer
}

.img-overlay.iPhone,.tmp-overlay.iPhone {
    background: url("./public/assets./images/t-mobileapp/slides-iphone/bg-overlay-iphone.jpg") repeat scroll 0 0 #000;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./public/assets./images/t-mobileapp/slides-iphone/bg-overlay-iphone.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/public/assets./images/t-mobileapp/slides-iphone/bg-overlay-iphone.jpg', sizingMethod='scale')"
}

.img-overlay.Android,.tmp-overlay.Android {
    background: url("./public/assets./images/t-mobileapp/slides-android/bg-overlay-android.jpg") repeat scroll 0 0 #000;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./public/assets./images/t-mobileapp/slides-android/bg-overlay-android.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/public/assets./images/t-mobileapp/slides-android/bg-overlay-android.jpg', sizingMethod='scale')"
}

.img-overlay.BlackBerry,.tmp-overlay.BlackBerry {
    background: url("./public/assets./images/t-mobileapp/slides-blackberry/bg-overlay-blackberry.jpg") repeat scroll 0 0 #000;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./public/assets./images/t-mobileapp/slides-blackberry/bg-overlay-blackberry.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/public/assets./images/t-mobileapp/slides-blackberry/bg-overlay-blackberry.jpg', sizingMethod='scale')"
}

.img-overlay.Windows,.tmp-overlay.Windows {
    background: url("./public/assets./images/t-mobileapp/slides-windows-phone/bg-overlay-windows.jpg") repeat scroll 0 0 #000;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./public/assets./images/t-mobileapp/slides-windows-phone/bg-overlay-windows.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/public/assets./images/t-mobileapp/slides-windows-phone/bg-overlay-windows.jpg', sizingMethod='scale')"
}

.img-overlay.Kindle,.tmp-overlay.Kindle {
    background: url("./public/assets./images/t-mobileapp/slides-kindle/bg-overlay-kindle.jpg") repeat scroll 0 0 #000;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./public/assets./images/t-mobileapp/slides-kindle/bg-overlay-kindle.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/public/assets./images/t-mobileapp/slides-kindle/bg-overlay-kindle.jpg', sizingMethod='scale')"
}

.img-overlay.iPad,.tmp-overlay.iPad {
    background: url("./public/assets./images/t-mobileapp/slides-ipad/bg-overlay-ipad.jpg") repeat scroll 0 0 #000;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./public/assets./images/t-mobileapp/slides-ipad/bg-overlay-ipad.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/public/assets./images/t-mobileapp/slides-ipad/bg-overlay-ipad.jpg', sizingMethod='scale')"
}

.img-modal,.tmp-modal {
    display: none;
    position: fixed;
    text-align: center;
    top: 50%;
    left: 50%;
    height: auto;
    width: 890px;
    color: #222;
    margin: -340px 0 0 -445px;
    padding: 15px;
    background-color: #fff;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    z-index: 999999
}

@media only screen and (max-width: 975px) {
    .img-modal,.tmp-modal {
        top:0;
        left: 0;
        width: 98%;
        margin: 1% 0 0 1%;
        padding: 0
    }
}

.img-modal h1,.tmp-modal h1 {
    font: 30px DNLTR;
    color: #78a300;
    margin-top: 50px
}

@media only screen and (max-width: 975px) {
    .img-modal h1,.tmp-modal h1 {
        margin-top:10px
    }
}

.img-modal h1.sms,.tmp-modal h1.sms {
    margin-top: 8px;
    color: #ccc;
    font-size: 15px;
    text-transform: none
}

.img-modal h1.error,.tmp-modal h1.error {
    color: #DA491C
}

.img-modal li,.tmp-modal li {
    border-bottom: 1px solid #EDEEEE;
    border-top: 1px solid #EDEEEE;
    font: 24px/24px PNL;
    margin: -1px 0;
    padding: 26px 0
}

@media only screen and (max-width: 975px) {
    .img-modal li,.tmp-modal li {
        font-size:16px;
        padding: 10px 0
    }
}

.img-modal p.aside,.tmp-modal p.aside {
    background: url("./public/assets./images/t-mobileapp/arrows.png") no-repeat scroll left center transparent;
    bottom: -30px;
    color: #fff;
    font-family: DNLTL;
    font-style: italic;
    margin: 0;
    padding: 4px 0 0;
    position: absolute;
    right: 25px
}

.img-modal p.aside span,.tmp-modal p.aside span {
    opacity: .5;
    padding-left: 54px
}

.img-modal .store,.tmp-modal .store {
    display: block;
    text-align: center;
    width: 150px;
    height: 100px;
    margin: 0 auto
}

.img-modal .store.iPhone,.tmp-modal .store.iPhone {
    background: url("./public/assets./images/t-mobileapp/slides-iphone/store-iphone.png") no-repeat scroll center center transparent
}

.img-modal .store.Android,.tmp-modal .store.Android {
    background: url("./public/assets./images/t-mobileapp/slides-android/store-android.png") no-repeat scroll center center transparent
}

.img-modal .store.BlackBerry,.tmp-modal .store.BlackBerry {
    background: url("./public/assets./images/t-mobileapp/slides-blackberry/store-blackberry.png") no-repeat scroll center center transparent
}

.img-modal .store.Windows,.tmp-modal .store.Windows {
    background: url("./public/assets./images/t-mobileapp/slides-windows-phone/store-windows.png") no-repeat scroll center center transparent
}

.img-modal .store.Kindle,.tmp-modal .store.Kindle {
    background: url("./public/assets./images/t-mobileapp/slides-kindle/store-kindle-fire.png") no-repeat scroll center center transparent
}

.img-modal .store.iPad,.tmp-modal .store.iPad {
    background: url("./public/assets./images/t-mobileapp/slides-ipad/store-ipad.png") no-repeat scroll center center transparent
}

.img-modal .btn-close,.tmp-modal .btn-close {
    cursor: pointer;
    position: absolute;
    display: block;
    top: 10px;
    right: 10px;
    width: 29px;
    height: 29px
}

.img-modal .slideshow,.img-modal .screens,.tmp-modal .slideshow,.tmp-modal .screens {
    float: left;
    position: relative
}

.img-modal .slideshow img,.img-modal .screens img,.tmp-modal .slideshow img,.tmp-modal .screens img {
    position: absolute;
    top: 0;
    left: 20%
}

@media only screen and (max-width: 975px) {
    .img-modal .slideshow img,.img-modal .screens img,.tmp-modal .slideshow img,.tmp-modal .screens img {
        top:10px;
        width: 300px;
        left: 10px
    }
}

.img-modal .slideshow video,.img-modal .slideshow iframe,.img-modal .screens video,.img-modal .screens iframe,.tmp-modal .slideshow video,.tmp-modal .slideshow iframe,.tmp-modal .screens video,.tmp-modal .screens iframe {
    position: absolute;
    left: 52px;
    top: 58px;
    z-index: 1000011
}

@media only screen and (max-width: 778px) {
    .img-modal .slideshow video,.img-modal .slideshow iframe,.img-modal .screens video,.img-modal .screens iframe,.tmp-modal .slideshow video,.tmp-modal .slideshow iframe,.tmp-modal .screens video,.tmp-modal .screens iframe {
        left:40px;
        top: 44px;
        height: 321px;
        width: auto
    }
}

.img-modal .slideshow #play,.img-modal .screens #play,.tmp-modal .slideshow #play,.tmp-modal .screens #play {
    background: url("./public/assets./images/p-whyzendesk/play.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    display: block;
    float: none;
    height: 148px;
    left: 185px;
    margin: 0 auto;
    position: absolute;
    top: 260px;
    width: 148px;
    z-index: 1000012
}

.img-modal .slideshow div,.tmp-modal .slideshow div {
    display: block;
    position: relative;
    overflow: hidden;
    height: 660px;
    width: 548px;
    margin-top: 10px
}

@media only screen and (max-width: 975px) {
    .img-modal .slideshow div,.tmp-modal .slideshow div {
        height:550px;
        width: 345px
    }
}

.img-modal .slideshow div.Kindle img,.tmp-modal .slideshow div.Kindle img {
    left: 8%
}

@media only screen and (max-width: 975px) {
    .img-modal .slideshow div.Kindle img,.tmp-modal .slideshow div.Kindle img {
        left:2%;
        top: 0;
        width: 95%
    }
}

.img-modal .slideshow div.BlackBerry img,.tmp-modal .slideshow div.BlackBerry img {
    left: 16%
}

.img-modal .slideshow div.iPad img,.tmp-modal .slideshow div.iPad img {
    left: 0%
}

.img-modal .features,.tmp-modal .features {
    float: right;
    margin: 30px 45px 10px 0;
    height: 619px;
    width: 297px
}

@media only screen and (max-width: 975px) {
    .img-modal .features,.tmp-modal .features {
        height:auto
    }
}

.img-modal .features .left-slide,.tmp-modal .features .left-slide {
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 2px;
    height: 20px;
    width: 20px;
    z-index: 2000000
}

.img-modal .features .right-slide,.tmp-modal .features .right-slide {
    cursor: pointer;
    position: absolute;
    left: 26px;
    top: 2px;
    height: 20px;
    width: 20px;
    z-index: 2000000
}

.img-modal .features .features-list,.tmp-modal .features .features-list {
    float: none
}

.tmp-overlay {
    z-index: 999999
}

.tmp-modal {
    z-index: 1000000
}

.mobile-container .ml-tab:first-child {
    display: block;
    margin-top: -10px
}

.mobile-container .section {
    margin-top: 40px
}

.mobile-container .section-title {
    height: 15px;
    border-top: 1px solid #dedede;
    padding-bottom: 25px
}

.cl {
    display: block;
    height: 0;
    font-size: 0;
    line-height: 0;
    text-indent: -4000px;
    clear: both
}

form.sms input[type="text"] {
    float: left;
    box-shadow: 0 2px 5px #DDDDDD inset;
    font: 19px/1.2 DNLTL;
    margin: 0 0 0.9em 0;
    padding: 10px 0 6px 36px;
    width: 133px;
    border: 1px solid #BBBBBB;
    border-radius: 5px 5px 5px 5px;
    background-image: url("./public/assets./images/sprite-signup-icons.png");
    background-size: auto 710px;
    background-repeat: no-repeat;
    background-position: -7px -193px
}

form.sms input[type="text"]:hover {
    box-shadow: 0px 2px 7px #c5c5c5 inset
}

form.sms input[type="text"]:focus,form.sms form.sms input[type="text"].set {
    background-position: -7px -243px
}

form.sms a {
    float: right;
    width: 89px;
    padding: 5px 10px 3px 10px
}

.mobile-templ .mobile-modal .mobile-modal-list {
    margin-left: 250px
}

@-webkit-keyframes bouncy {
    0% {
        margin-top: 0
    }

    2% {
        margin-top: 5px
    }

    5% {
        margin-top: -2px
    }

    9% {
        margin-top: 2px
    }

    11% {
        margin-top: 0
    }

    25% {
        margin-top: 0
    }

    30% {
        margin-top: -5px
    }

    34% {
        margin-top: 2px
    }

    38% {
        margin-top: 0
    }

    42% {
        margin-top: 2px
    }

    44% {
        margin-top: -2px
    }

    46% {
        margin-top: 0
    }

    68% {
        margin-top: 0
    }

    72% {
        margin-top: -3px
    }

    78% {
        margin-top: 4px
    }

    82% {
        margin-top: 0px
    }

    85% {
        margin-top: 2px
    }

    88% {
        margin-top: 0
    }

    100% {
        margin-top: 0
    }
}

@-webkit-keyframes blinky {
    0% {
        border-top-width: 1px;
        border-bottom-width: 1px
    }

    22% {
        border-top-width: 1px;
        border-bottom-width: 1px
    }

    30% {
        border-top-width: 4px;
        border-bottom-width: 4px
    }

    38% {
        border-top-width: 1px;
        border-bottom-width: 1px
    }

    85% {
        border-top-width: 1px;
        border-bottom-width: 1px
    }

    95% {
        border-top-width: 4px;
        border-bottom-width: 4px
    }

    99% {
        border-top-width: 1px;
        border-bottom-width: 1px
    }

    100% {
        border-top-width: 1px;
        border-bottom-width: 1px
    }
}

@-moz-keyframes bouncy {
    0% {
        margin-top: 0
    }

    2% {
        margin-top: 5px
    }

    5% {
        margin-top: -2px
    }

    9% {
        margin-top: 2px
    }

    11% {
        margin-top: 0
    }

    25% {
        margin-top: 0
    }

    30% {
        margin-top: -5px
    }

    34% {
        margin-top: 2px
    }

    38% {
        margin-top: 0
    }

    42% {
        margin-top: 2px
    }

    44% {
        margin-top: -2px
    }

    46% {
        margin-top: 0
    }

    68% {
        margin-top: 0
    }

    72% {
        margin-top: -3px
    }

    78% {
        margin-top: 4px
    }

    82% {
        margin-top: 0px
    }

    85% {
        margin-top: 2px
    }

    88% {
        margin-top: 0
    }

    100% {
        margin-top: 0
    }
}

@-moz-keyframes blinky {
    0% {
        border-top-width: 1px;
        border-bottom-width: 1px
    }

    22% {
        border-top-width: 1px;
        border-bottom-width: 1px
    }

    30% {
        border-top-width: 4px;
        border-bottom-width: 4px
    }

    38% {
        border-top-width: 1px;
        border-bottom-width: 1px
    }

    85% {
        border-top-width: 1px;
        border-bottom-width: 1px
    }

    95% {
        border-top-width: 4px;
        border-bottom-width: 4px
    }

    99% {
        border-top-width: 1px;
        border-bottom-width: 1px
    }

    100% {
        border-top-width: 1px;
        border-bottom-width: 1px
    }
}

@-ms-keyframes bouncy {
    0% {
        margin-top: 0
    }

    2% {
        margin-top: 5px
    }

    5% {
        margin-top: -2px
    }

    9% {
        margin-top: 2px
    }

    11% {
        margin-top: 0
    }

    25% {
        margin-top: 0
    }

    30% {
        margin-top: -5px
    }

    34% {
        margin-top: 2px
    }

    38% {
        margin-top: 0
    }

    42% {
        margin-top: 2px
    }

    44% {
        margin-top: -2px
    }

    46% {
        margin-top: 0
    }

    68% {
        margin-top: 0
    }

    72% {
        margin-top: -3px
    }

    78% {
        margin-top: 4px
    }

    82% {
        margin-top: 0px
    }

    85% {
        margin-top: 2px
    }

    88% {
        margin-top: 0
    }

    100% {
        margin-top: 0
    }
}

@-ms-keyframes blinky {
    0% {
        border-top-width: 1px;
        border-bottom-width: 1px
    }

    22% {
        border-top-width: 1px;
        border-bottom-width: 1px
    }

    30% {
        border-top-width: 4px;
        border-bottom-width: 4px
    }

    38% {
        border-top-width: 1px;
        border-bottom-width: 1px
    }

    85% {
        border-top-width: 1px;
        border-bottom-width: 1px
    }

    95% {
        border-top-width: 4px;
        border-bottom-width: 4px
    }

    99% {
        border-top-width: 1px;
        border-bottom-width: 1px
    }

    100% {
        border-top-width: 1px;
        border-bottom-width: 1px
    }
}

@-o-keyframes bouncy {
    0% {
        margin-top: 0
    }

    2% {
        margin-top: 5px
    }

    5% {
        margin-top: -2px
    }

    9% {
        margin-top: 2px
    }

    11% {
        margin-top: 0
    }

    25% {
        margin-top: 0
    }

    30% {
        margin-top: -5px
    }

    34% {
        margin-top: 2px
    }

    38% {
        margin-top: 0
    }

    42% {
        margin-top: 2px
    }

    44% {
        margin-top: -2px
    }

    46% {
        margin-top: 0
    }

    68% {
        margin-top: 0
    }

    72% {
        margin-top: -3px
    }

    78% {
        margin-top: 4px
    }

    82% {
        margin-top: 0px
    }

    85% {
        margin-top: 2px
    }

    88% {
        margin-top: 0
    }

    100% {
        margin-top: 0
    }
}

@-o-keyframes blinky {
    0% {
        border-top-width: 1px;
        border-bottom-width: 1px
    }

    22% {
        border-top-width: 1px;
        border-bottom-width: 1px
    }

    30% {
        border-top-width: 4px;
        border-bottom-width: 4px
    }

    38% {
        border-top-width: 1px;
        border-bottom-width: 1px
    }

    85% {
        border-top-width: 1px;
        border-bottom-width: 1px
    }

    95% {
        border-top-width: 4px;
        border-bottom-width: 4px
    }

    99% {
        border-top-width: 1px;
        border-bottom-width: 1px
    }

    100% {
        border-top-width: 1px;
        border-bottom-width: 1px
    }
}

.mod-block.plus-plan {
    top: 0;
    margin-bottom: 0
}

.mod-block.plus-plan .feature.signup,.mod-block.plus-plan .feature-matrix {
    position: relative;
    z-index: 2
}

@media only screen and (max-width: 700px) {
    .mod-block.plus-plan .feature.signup,.mod-block.plus-plan .feature-matrix {
        display:none
    }
}

.mod-block.plus-plan .feature-matrix {
    padding: 0
}

@media only screen and (max-width: 778px) {
    .mod-block.plus-plan .feature-matrix {
        display:none
    }
}

.mod-block.plus-plan .feature.signup .cta-wrap {
    overflow: hidden
}

@media only screen and (max-width: 980px) {
    .mod-block.plus-plan .feature.signup .cta-wrap {
        margin:0 auto;
        padding-left: 0;
        width: 630px
    }

    .mod-block.plus-plan .feature.signup .cta-wrap .cta {
        padding: 0 !important;
        width: 47%
    }

    .mod-block.plus-plan .feature.signup .cta-wrap .cta .button {
        width: 100%
    }
}

.mod-block.plus-plan .table .row.head.stuck {
    z-index: 1
}

.mod-block.plus-plan .splash {
    background-image: url("./public/assets./images/p-plus-plan/banner-bg.png");
    background-size: 275px 70px;
    background-color: #4bbae6;
    background-position: -100px 100px;
    background-repeat: no-repeat;
    height: auto
}

@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
    .mod-block.plus-plan .splash {
        background-image:url("./public/assets./images/p-plus-plan/banner-bg-2X.png");
        background-size: 275px 70px
    }
}

@media only screen and (max-width: 1366px) {
    .mod-block.plus-plan .splash {
        background-image:none
    }
}

@media only screen and (min-width: 1525px) {
    .mod-block.plus-plan .splash {
        background-position:0px 100px
    }
}

@media only screen and (max-width: 980px) {
    .mod-block.plus-plan .splash {
        margin-left:-130px
    }
}

@media only screen and (max-width: 700px) {
    .mod-block.plus-plan .splash {
        margin-top:-114px;
        margin-left: -185px
    }
}

.mod-block.plus-plan .splash .shell {
    background: #4bbae6;
    height: auto;
    overflow: hidden;
    z-index: 2
}

@media only screen and (max-width: 980px) {
    .mod-block.plus-plan .splash .shell {
        width:100%
    }
}

.mod-block.plus-plan .splash .simple-widget {
    padding: 65px 0 108px;
    width: 40%
}

@media only screen and (max-width: 980px) {
    .mod-block.plus-plan .splash .simple-widget {
        margin-right:0
    }
}

@media only screen and (max-width: 700px) {
    .mod-block.plus-plan .splash .simple-widget {
        padding:400px 0 50px;
        width: 64%
    }
}

@media only screen and (max-width: 980px) {
    .mod-block.plus-plan .splash .sub {
        width:90%
    }
}

@media only screen and (max-width: 700px) {
    .mod-block.plus-plan .splash .sub {
        margin-left:8%;
        width: 85%
    }
}

.mod-block.plus-plan .splash h1,.mod-block.plus-plan .splash .sub {
    color: #fff
}

.mod-block.plus-plan .splash h1 {
    font-size: 4.85em !important;
    padding: 0;
    margin-bottom: 10px
}

@media only screen and (max-width: 700px) {
    .mod-block.plus-plan .splash h1 {
        font-size:2.75em !important;
        margin: 30px auto 15px;
        text-transform: uppercase;
        width: 85%;
        margin-left: 8%
    }
}

.mod-block.plus-plan .graphic {
    display: block;
    position: absolute
}

.mod-block.plus-plan .gator-eyes {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #B1D049;
    height: 8px;
    width: 8px;
    bottom: 21px;
    right: 66px;
    -webkit-animation: blinky 4s infinite;
    -moz-animation: blinky 4s infinite;
    -ms-animation: blinky 4s infinite;
    -o-animation: blinky 4s infinite;
    animation: blinky 4s infinite
}

.mod-block.plus-plan .gator-eyes.last {
    right: 53px
}

.mod-block.plus-plan .bouncy-hair {
    -webkit-animation: bouncy 7s infinite;
    -moz-animation: bouncy 7s infinite;
    -ms-animation: bouncy 7s infinite;
    -o-animation: bouncy 7s infinite;
    animation: bouncy 7s infinite
}

.mod-block.plus-plan .girl-hair {
    border: 4px solid #308fb3;
    background: #fdd22e;
    width: 36px;
    height: 27px;
    border-left: 0;
    top: 32px;
    border-right: 0;
    left: 208px
}

.mod-block.plus-plan .girl-hair.left,.mod-block.plus-plan .girl-hair.right {
    border: 4px solid #308fb3;
    left: 192px;
    height: 27px;
    width: 27px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%
}

.mod-block.plus-plan .girl-hair.right {
    left: 225px
}

.mod-block.plus-plan .girl-and-gator {
    width: 186px;
    height: 248px;
    left: 192px;
    top: 8px
}

.mod-block.plus-plan .girl-and-gator.banner-girl {
    background-image: url("./public/assets./images/p-plus-plan/banner-girl.png");
    background-size: 186px 248px;
    left: 188px
}

@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
    .mod-block.plus-plan .girl-and-gator.banner-girl {
        background-image:url("./public/assets./images/p-plus-plan/banner-girl-2X.png");
        background-size: 186px 248px
    }
}

.mod-block.plus-plan .girl-and-gator.banner-gator {
    background-image: url("./public/assets./images/p-plus-plan/banner-gator.png");
    background-size: 186px 248px
}

@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
    .mod-block.plus-plan .girl-and-gator.banner-gator {
        background-image:url("./public/assets./images/p-plus-plan/banner-gator-2X.png");
        background-size: 186px 248px
    }
}

.mod-block.plus-plan .elevator-arrow {
    width: 0;
    height: 0;
    border-left: 17px solid rgba(0,0,0,0);
    border-right: 17px solid rgba(0,0,0,0);
    border-bottom: 28px solid #056582;
    font-size: 0;
    line-height: 0;
    top: 24px;
    left: 274px
}

.mod-block.plus-plan .elevator-arrow.active {
    border-bottom-color: #fff
}

.mod-block.plus-plan .elevator-arrow-innards {
    border-left: 8px solid rgba(0,0,0,0);
    border-right: 8px solid rgba(0,0,0,0);
    border-bottom: 14px solid #4bbae6;
    top: 33px;
    left: 283px
}

.mod-block.plus-plan .elevator-arrow-innards.active {
    border-bottom-color: #fdd22e
}

.mod-block.plus-plan .elevator {
    background-image: url("./public/assets./images/p-plus-plan/banner-elevator.png");
    background-size: 213px 468px;
    top: -195px;
    width: 216px;
    height: 462px;
    opacity: .2;
    left: 180px;
    background-position: bottom center
}

@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
    .mod-block.plus-plan .elevator {
        background-image:url("./public/assets./images/p-plus-plan/banner-elevator-2X.png");
        background-size: 213px 468px
    }
}

.mod-block.plus-plan .plants {
    background-image: url("./public/assets./images/p-plus-plan/banner-plants.png");
    background-size: 129px 172px;
    width: 129px;
    height: 172px;
    bottom: 47px
}

@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
    .mod-block.plus-plan .plants {
        background-image:url("./public/assets./images/p-plus-plan/banner-plants-2X.png");
        background-size: 129px 172px
    }
}

.mod-block.plus-plan .wall-molding {
    border-bottom: 5px solid #056582;
    width: 182px;
    border-top: 5px solid #056582;
    height: 12px;
    bottom: 55px
}

@media only screen and (max-width: 700px) {
    .mod-block.plus-plan .wall-molding {
        bottom:auto;
        top: 370px
    }
}

.mod-block.plus-plan .wall-molding.one-hundred {
    width: 100%
}

.mod-block.plus-plan .wall-molding.last {
    left: 395px;
    width: 100%
}

.mod-block.plus-plan .elevator-framing {
    border: 5px solid #056582;
    border-bottom: transparent;
    width: 246px;
    height: 305px;
    top: 65px;
    left: 160px
}

.mod-block.plus-plan .elevator-door {
    border: 5px solid #056582;
    height: 288px;
    margin-left: 180px;
    top: 85px;
    width: 100px
}

@media only screen and (max-width: 980px) {
    .mod-block.plus-plan .elevator-door {
        margin-left:0;
        left: 180px;
        width: 206px
    }

    .mod-block.plus-plan .elevator-door.left {
        background-color: rgba(75,186,230,0.5)
    }
}

.mod-block.plus-plan .elevator-door.right {
    left: auto;
    right: 564px
}

@media only screen and (max-width: 980px) {
    .mod-block.plus-plan .elevator-door.right {
        border-left-width:0px !important;
        width: 0px !important;
        left: 391px !important;
        right: auto !important
    }
}

.mod-block.plus-plan .elevator-door.top {
    border-bottom: none;
    width: 206px
}

.mod-block.plus-plan .elevator-door-outline {
    background: #4bbae6;
    bottom: 60px;
    left: 165px;
    height: 26px;
    width: 20px
}

@media only screen and (max-width: 700px) {
    .mod-block.plus-plan .elevator-door-outline {
        bottom:auto;
        top: 355px
    }
}

.mod-block.plus-plan .elevator-door-outline.last {
    left: 391px
}

.mod-block.plus-plan .elevator-door-corners {
    background: #4bbae6;
    bottom: 55px;
    left: 180px;
    height: 16px;
    width: 206px;
    border-left: 5px solid #056582;
    border-right: 5px solid #056582
}

@media only screen and (max-width: 700px) {
    .mod-block.plus-plan .elevator-door-corners {
        bottom:auto;
        height: 10px !important;
        top: 382px
    }
}

.mod-block.plus-plan .elevator-buttons {
    background: #308fb3;
    border: 5px solid #056582;
    height: 85px;
    left: 440px;
    top: 170px;
    width: 45px
}

.mod-block.plus-plan .elevator-buttons .controls {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    border: 5px solid #056582;
    cursor: pointer;
    display: block;
    height: 21px;
    margin: 8px auto;
    position: relative;
    width: 21px
}

.mod-block.plus-plan .elevator-buttons .controls.up:after,.mod-block.plus-plan .elevator-buttons .controls.down:after {
    content: '';
    display: block;
    border: 4px solid #056582;
    height: 5px;
    width: 5px;
    line-height: 0;
    position: absolute;
    top: 7px;
    left: 6px;
    border-bottom: none;
    border-right: none;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.mod-block.plus-plan .elevator-buttons .controls.down:after {
    top: 5px;
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    transform: rotate(225deg)
}

.mod-block.plus-plan .elevator-buttons .controls.active,.mod-block.plus-plan .elevator-buttons .controls:hover {
    background-color: #fdd22e;
    border-color: white
}

.mod-block.plus-plan .elevator-buttons .controls.active:after,.mod-block.plus-plan .elevator-buttons .controls:hover:after {
    border: 4px solid #FFF;
    border-bottom: none;
    border-right: none
}

@media only screen and (max-width: 980px) {
    .mod-block.plus-plan .mod-container .mod-tab article section {
        width:100%
    }
}

@media only screen and (max-width: 700px) {
    .mod-block.plus-plan .mod-container .mod-tab article section {
        padding:50px 0
    }
}

.mod-block.plus-plan .mod-container .mod-tab article.intro {
    padding: 100px 0 50px;
    height: auto
}

@media only screen and (max-width: 700px) {
    .mod-block.plus-plan .mod-container .mod-tab article.intro {
        padding:50px 0 0
    }
}

.mod-block.plus-plan .mod-container .mod-tab article.intro .hr {
    border-top: 1px solid #E5E5E5;
    height: 1px;
    padding-top: 50px;
    margin: 50px auto 0;
    width: 90%
}

@media only screen and (max-width: 700px) {
    .mod-block.plus-plan .mod-container .mod-tab article.intro .hr {
        display:none
    }
}

.mod-block.plus-plan .mod-container .mod-tab article.intro section {
    height: auto;
    padding: 0;
    overflow: hidden
}

.mod-block.plus-plan .mod-container .mod-tab article.intro section aside {
    background: #F9F9F9
}

.mod-block.plus-plan .mod-container .mod-tab article.intro section.inner-promo {
    margin: 0 auto;
    width: 425px
}

@media only screen and (max-width: 700px) {
    .mod-block.plus-plan .mod-container .mod-tab article.intro section.inner-promo {
        display:none
    }
}

.mod-block.plus-plan .mod-container .mod-tab article.intro section.inner-promo .two-four-mobile {
    background-image: url("./public/assets./images/p-plus-plan/ico-two-four-mobile.png");
    background-size: 84px 89px;
    display: block;
    float: left;
    width: 84px;
    height: 89px
}

@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
    .mod-block.plus-plan .mod-container .mod-tab article.intro section.inner-promo .two-four-mobile {
        background-image:url("./public/assets./images/p-plus-plan/ico-two-four-mobile-2X.png");
        background-size: 84px 89px
    }
}

.mod-block.plus-plan .mod-container .mod-tab article.intro section.inner-promo aside {
    margin-left: 20px;
    display: block;
    float: left
}

.mod-block.plus-plan .mod-container .mod-tab article.intro section.inner-promo h3 {
    font: 45px/1 DNLTUL;
    color: #78a300;
    margin-bottom: 0;
    margin-top: 10px;
    text-transform: uppercase
}

.mod-block.plus-plan .mod-container .mod-tab article.intro section.inner-promo p {
    color: gray;
    font-size: 18px;
    margin-bottom: 0
}

.mod-block.plus-plan .mod-container .mod-tab article.intro li p {
    width: 85%
}

.mod-block.plus-plan .mod-container .mod-tab article.intro li {
    background-image: url("./public/assets./images/p-plus-plan/ico-sprite.png");
    background-size: 371px 640px
}

@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
    .mod-block.plus-plan .mod-container .mod-tab article.intro li {
        background-image:url("./public/assets./images/p-plus-plan/ico-sprite-2X.png");
        background-size: 371px 640px
    }
}

.mod-block.plus-plan .mod-container .mod-tab article.intro li.analyze {
    background-position: 91px -510px
}

.mod-block.plus-plan .mod-container .mod-tab article.intro li.work-together {
    background-position: 95px -261px
}

.mod-block.plus-plan .mod-container .mod-tab article.intro li.optimize {
    background-position: -145px 0px
}

@media only screen and (max-width: 980px) {
    .mod-block.plus-plan .mod-container .mod-tab article.intro li h2 {
        font:1.25em/1 DNLTR !important;
        margin-bottom: 5px !important
    }
}

@media only screen and (max-width: 778px) {
    .mod-block.plus-plan .mod-container .mod-tab article.intro li.analyze {
        background-position-x:-49% !important
    }

    .mod-block.plus-plan .mod-container .mod-tab article.intro li.work-together,.mod-block.plus-plan .mod-container .mod-tab article.intro li.optimize {
        background-position-x: 149% !important
    }
}

@media only screen and (max-width: 700px) {
    .mod-block.plus-plan .mod-container .mod-tab article.intro li.analyze {
        background-position-x:90px !important;
        margin: 0 auto 50px;
        float: none;
        width: 320px
    }

    .mod-block.plus-plan .mod-container .mod-tab article.intro li.work-together,.mod-block.plus-plan .mod-container .mod-tab article.intro li.optimize {
        background-position-x: -146px !important;
        margin: 0 auto 50px;
        float: none;
        width: 320px
    }

    .mod-block.plus-plan .mod-container .mod-tab article.intro li h2 {
        font: 1.25em/1 DNLTR !important;
        margin-bottom: 5px !important
    }
}

.mod-block.plus-plan .mod-container .mod-tab article.standard-list.ex-features nav.list ul li a {
    font: 11px/1 DNRB
}

@media only screen and (max-width: 980px) {
    .mod-block.plus-plan .mod-container .mod-tab article.standard-list.ex-features nav.list ul li a {
        font:16px/22px PNR
    }
}

.mod-block.plus-plan .mod-container .mod-tab article.standard-list.ex-features section .carousel-content {
    margin: 0 auto;
    width: 766px
}

@media only screen and (max-width: 980px) {
    .mod-block.plus-plan .mod-container .mod-tab article.standard-list.ex-features section .carousel-content div.popover {
        top:167px !important;
        left: 30px !important;
        width: 255px
    }

    .mod-block.plus-plan .mod-container .mod-tab article.standard-list.ex-features section .carousel-content div.popover .popover-pin {
        display: block;
        top: 90px;
        left: 290px
    }
}

.mod-block.plus-plan .mod-container .mod-tab article.standard-list.ex-features section .carousel-content .carousel-content-item.active {
    left: 10px;
    width: auto
}

.mod-block.plus-plan .mod-container .mod-tab article.standard-list.ex-features section .carousel-content .magnify {
    top: 110px;
    right: 180px
}

@media only screen and (max-width: 980px) {
    .mod-block.plus-plan .mod-container .mod-tab article.standard-list.ex-features section .carousel-content .magnify img {
        width:250px
    }
}

.mod-block.plus-plan .mod-container .mod-tab article.standard-list.ex-features section .carousel-content .carousel-content-img {
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none
}

@media only screen and (max-width: 980px) {
    .mod-block.plus-plan .mod-container .mod-tab article.standard-list.ex-features section .carousel-content img {
        width:615px
    }
}

.mod-block.plus-plan .mod-container .mod-tab article.standard-list.ex-features section .carousel-content .carousel-paddles a.carousel-paddles-lt,.mod-block.plus-plan .mod-container .mod-tab article.standard-list.ex-features section .carousel-content .mobile-carousel nav a.carousel-paddles-lt {
    left: -100px
}

@media only screen and (max-width: 980px) {
    .mod-block.plus-plan .mod-container .mod-tab article.standard-list.ex-features section .carousel-content .carousel-paddles a.carousel-paddles-lt,.mod-block.plus-plan .mod-container .mod-tab article.standard-list.ex-features section .carousel-content .mobile-carousel nav a.carousel-paddles-lt {
        left:-20px
    }
}

.mod-block.plus-plan .mod-container .mod-tab article.standard-list.ex-features section .carousel-content .carousel-paddles a.carousel-paddles-rt,.mod-block.plus-plan .mod-container .mod-tab article.standard-list.ex-features section .carousel-content .mobile-carousel nav a.carousel-paddles-rt {
    left: 900px
}

@media only screen and (max-width: 980px) {
    .mod-block.plus-plan .mod-container .mod-tab article.standard-list.ex-features section .carousel-content .carousel-paddles a.carousel-paddles-rt,.mod-block.plus-plan .mod-container .mod-tab article.standard-list.ex-features section .carousel-content .mobile-carousel nav a.carousel-paddles-rt {
        left:600px
    }
}

.mod-block.plus-plan .mod-container .mod-tab article.standard-list.ex-features h4.h-rev,.mod-block.plus-plan .mod-container .mod-tab article.standard-list.ex-features .mobile-modal .mobile-modal-list li h5.h-rev,.mobile-modal .mobile-modal-list li .mod-block.plus-plan .mod-container .mod-tab article.standard-list.ex-features h5.h-rev {
    margin-bottom: 10px !important
}

@media only screen and (max-width: 700px) {
    .mod-block.plus-plan .mod-container .mod-tab article.standard-list.ex-features h4.h-rev,.mod-block.plus-plan .mod-container .mod-tab article.standard-list.ex-features .mobile-modal .mobile-modal-list li h5.h-rev,.mobile-modal .mobile-modal-list li .mod-block.plus-plan .mod-container .mod-tab article.standard-list.ex-features h5.h-rev {
        text-align:left
    }
}

.mod-block.plus-plan .mod-container .mod-tab article.standard-list.ex-features p.gist {
    color: #444;
    font: 16px/22px PNR;
    text-align: center
}

@media only screen and (max-width: 700px) {
    .mod-block.plus-plan .mod-container .mod-tab article.standard-list.ex-features p.gist {
        margin-bottom:20px;
        text-align: left
    }
}

@media only screen and (max-width: 980px) {
    .mod-block.plus-plan .mod-container .mod-tab article.standard-list.ex-features section {
        padding-left:8%;
        padding-right: 8%;
        width: 84%
    }

    .mod-block.plus-plan .mod-container .mod-tab article.standard-list.ex-features section .carousel-tabs {
        display: none
    }

    .mod-block.plus-plan .mod-container .mod-tab article.standard-list.ex-features section .carousel-content {
        width: 100%;
        height: 425px !important
    }

    .mod-block.plus-plan .mod-container .mod-tab article.standard-list.ex-features section .carousel-content .carousel-content-item.active {
        left: 8%;
        width: 92%
    }

    .mod-block.plus-plan .mod-container .mod-tab article.standard-list.ex-features section .carousel-content div.popover {
        top: 55% !important;
        left: 45% !important
    }

    .mod-block.plus-plan .mod-container .mod-tab article.standard-list.ex-features section .carousel-content div.popover .popover-content {
        height: 150px;
        width: 90%
    }

    .mod-block.plus-plan .mod-container .mod-tab article.standard-list.ex-features section .carousel-content div.popover .popover-pin {
        display: none
    }

    .mod-block.plus-plan .mod-container .mod-tab article.standard-list.ex-features section .carousel-content img {
        width: 99.6%;
        max-height: 440px
    }

    .mod-block.plus-plan .mod-container .mod-tab article.standard-list.ex-features section .carousel-content nav.carousel-paddles {
        margin-left: 0;
        width: 100%
    }

    .mod-block.plus-plan .mod-container .mod-tab article.standard-list.ex-features section .carousel-content nav.carousel-paddles .carousel-paddles-rt {
        opacity: 1;
        background-position: 24px 180px;
        left: 100%;
        height: 450px
    }

    .mod-block.plus-plan .mod-container .mod-tab article.standard-list.ex-features section .carousel-content nav.carousel-paddles .carousel-paddles-lt {
        opacity: 1;
        background-position: 0 180px;
        left: -3%;
        height: 450px
    }
}

@media only screen and (max-width: 980px) and (max-width: 700px) {
    .mod-block.plus-plan .mod-container .mod-tab article.standard-list.ex-features section {
        overflow:hidden
    }

    .mod-block.plus-plan .mod-container .mod-tab article.standard-list.ex-features section .carousel-tabs {
        display: block;
        height: auto;
        width: auto
    }

    .mod-block.plus-plan .mod-container .mod-tab article.standard-list.ex-features section .carousel-tabs li a {
        background: none;
        border: none;
        display: block;
        text-align: left;
        color: #444;
        font: 16px/22px PNR;
        padding: 0;
        margin: 0;
        cursor: auto
    }

    .mod-block.plus-plan .mod-container .mod-tab article.standard-list.ex-features section .carousel-tabs li a:before,.mod-block.plus-plan .mod-container .mod-tab article.standard-list.ex-features section .carousel-tabs li a.ico-iphone:after {
        content: '• '
    }

    .mod-block.plus-plan .mod-container .mod-tab article.standard-list.ex-features section .cta {
        float: left !important;
        margin-top: 10px
    }
}

@media only screen and (max-width: 980px) and (max-width: 700px) {
    .mod-block.plus-plan .mod-container .mod-tab article.standard-list.ex-features section .carousel-content {
        display:none
    }
}

.mod-block.plus-plan .mod-container .mod-tab article.standard-list.ex-features .carousel-content.context {
    height: 595px
}

.mod-block.plus-plan .mod-container .mod-tab article#customer-testimonials {
    background-image: url("./public/assets./images/p-plus-plan/logo-brightidea.png");
    background-size: 680px 145px;
    background-color: #e03b30;
    background-position: 90% 10%
}

@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
    .mod-block.plus-plan .mod-container .mod-tab article#customer-testimonials {
        background-image:url("./public/assets./images/p-plus-plan/logo-brightidea-2X.png");
        background-size: 680px 145px
    }
}

@media only screen and (max-width: 980px) {
    .mod-block.plus-plan .mod-container .mod-tab article#customer-testimonials {
        background-position:88% 97% !important;
        background-size: 70%
    }
}

@media only screen and (max-width: 700px) {
    .mod-block.plus-plan .mod-container .mod-tab article#customer-testimonials {
        height:auto
    }
}

@media only screen and (max-width: 700px) {
    .mod-block.plus-plan .mod-container .mod-tab article#customer-testimonials section {
        height:430px;
        padding-top: 50px
    }

    .mod-block.plus-plan .mod-container .mod-tab article#customer-testimonials section .quote {
        font: 35px/1 PNL;
        width: 100%
    }
}

.mod-block.plus-plan .mod-container .mod-tab article#customer-testimonials ul {
    margin-top: 5%
}

@media only screen and (max-width: 980px) {
    .mod-block.plus-plan .mod-container .mod-tab article#customer-testimonials ul {
        margin-left:5%;
        margin-right: 5%
    }
}

@media only screen and (max-width: 700px) {
    .mod-block.plus-plan .mod-container .mod-tab article#customer-testimonials ul {
        margin-top:0
    }
}

.mod-block.plus-plan .mod-container .mod-tab article.customers {
    height: auto;
    background-image: url("./public/assets./images/p-plus-plan/open-two-four.png");
    background-size: 619px 614px;
    background-position: 100% 100px;
    background-color: #f9f9f9;
    background-repeat: no-repeat
}

@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
    .mod-block.plus-plan .mod-container .mod-tab article.customers {
        background-image:url("./public/assets./images/p-plus-plan/open-two-four-2X.png");
        background-size: 619px 614px
    }
}

@media only screen and (max-width: 980px) {
    .mod-block.plus-plan .mod-container .mod-tab article.customers {
        background-position:500px 100px
    }
}

@media only screen and (max-width: 700px) {
    .mod-block.plus-plan .mod-container .mod-tab article.customers {
        background-image:none
    }
}

@media only screen and (max-width: 980px) {
    .mod-block.plus-plan .mod-container .mod-tab article.customers section {
        height:470px
    }
}

@media only screen and (max-width: 700px) {
    .mod-block.plus-plan .mod-container .mod-tab article.customers section {
        height:490px
    }
}

@media only screen and (max-width: 980px) {
    .mod-block.plus-plan .mod-container .mod-tab article.customers section .left-sided {
        margin-left:8%;
        width: 60%
    }
}

@media only screen and (max-width: 980px) and (max-width: 700px) {
    .mod-block.plus-plan .mod-container .mod-tab article.customers section .left-sided {
        width:92%
    }
}

@media only screen and (max-width: 980px) {
    .mod-block.plus-plan .mod-container .mod-tab article.customers section .left-sided h2 {
        line-height:1 !important;
        font-size: 3.5em !important
    }
}

@media only screen and (max-width: 700px) {
    .mod-block.plus-plan .mod-container .mod-tab article.customers section .left-sided h2 {
        font-size:2.15em !important
    }
}

@media only screen and (max-width: 980px) {
    .mod-block.plus-plan .mod-container .mod-tab article.customers section .left-sided h2,.mod-block.plus-plan .mod-container .mod-tab article.customers section .left-sided p {
        width:100%;
        margin-bottom: 5% !important
    }
}

@media only screen and (max-width: 980px) {
    .mod-block.plus-plan .mod-container .mod-tab article.customers section .left-sided h2,.mod-block.plus-plan .mod-container .mod-tab article.customers section .left-sided p {
        font-size:1em;
        float: left;
        width: 90%;
        margin-bottom: 20px !important
    }
}

.mod-block.plus-plan .mod-container .mod-tab article#fave-feature {
    background-color: #f0f0f1;
    background-image: url("./public/assets./images/p-plus-plan/expert-tip-ben.jpg");
    background-size: 919px 646px;
    background-position: -100px bottom;
    background-repeat: no-repeat;
    height: 700px
}

@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
    .mod-block.plus-plan .mod-container .mod-tab article#fave-feature {
        background-image:url("./public/assets./images/p-plus-plan/expert-tip-ben-2X.jpg");
        background-size: 919px 646px
    }
}

@media only screen and (max-width: 980px) {
    .mod-block.plus-plan .mod-container .mod-tab article#fave-feature {
        background-position:-310px bottom;
        height: 850px
    }
}

@media only screen and (max-width: 700px) {
    .mod-block.plus-plan .mod-container .mod-tab article#fave-feature {
        background-image:none;
        height: 700px !important
    }
}

.mod-block.plus-plan .mod-container .mod-tab article#fave-feature section {
    background: none;
    height: 500px
}

@media only screen and (max-width: 700px) {
    .mod-block.plus-plan .mod-container .mod-tab article#fave-feature section {
        height:735px
    }
}

@media only screen and (max-width: 980px) {
    .mod-block.plus-plan .mod-container .mod-tab article#fave-feature section h2 {
        line-height:0.9 !important
    }
}

@media only screen and (max-width: 980px) {
    .mod-block.plus-plan .mod-container .mod-tab article#fave-feature section h2 {
        font-size:3em !important;
        line-height: 1 !important
    }
}

@media only screen and (max-width: 980px) {
    .mod-block.plus-plan .mod-container .mod-tab article#fave-feature section .right-sided {
        margin-right:5%;
        width: 55%
    }
}

@media only screen and (max-width: 700px) {
    .mod-block.plus-plan .mod-container .mod-tab article#fave-feature section .right-sided {
        margin-left:8%;
        width: 84%;
        float: none
    }
}

.mod-block.plus-plan .mod-container .mod-tab article#fave-feature .author {
    display: block;
    margin-bottom: 40px
}

.mod-block.plus-plan .mod-container .mod-tab article.trial-promo {
    background: #fff;
    height: 420px
}

@media only screen and (max-width: 980px) {
    .mod-block.plus-plan .mod-container .mod-tab article.trial-promo {
        height:520px
    }
}

@media only screen and (max-width: 980px) {
    .mod-block.plus-plan .mod-container .mod-tab article.trial-promo section {
        width:60%
    }
}

@media only screen and (max-width: 700px) {
    .mod-block.plus-plan .mod-container .mod-tab article.trial-promo section {
        width:84%
    }
}

.mod-block.plus-plan .mod-container .mod-tab article.trial-promo h2 {
    color: #2d2d2d
}

@media only screen and (max-width: 980px) {
    .mod-block.plus-plan .mod-container .mod-tab article.trial-promo h2 {
        font-family:DNLTL !important;
        line-height: 0.9 !important
    }
}

@media only screen and (max-width: 700px) {
    .mod-block.plus-plan .mod-container .mod-tab article.trial-promo h2 {
        font-size:3em !important;
        line-height: 1.1 !important
    }
}

.mod-block.plus-plan .mod-container .mod-tab article.tech-specs {
    height: auto;
    overflow: hidden;
    padding-bottom: 100px
}

@media only screen and (max-width: 700px) {
    .mod-block.plus-plan .mod-container .mod-tab article.tech-specs {
        display:none
    }
}

.mod-block.plus-plan .mod-container .mod-tab article.tech-specs .col-1 {
    padding: 23px 20px 0px;
    width: 110px
}

.mod-block.plus-plan .mod-container .mod-tab article.tech-specs .col-2 {
    padding: 23px 20px 0px;
    width: 625px
}

.mod-block.plus-plan .mod-container .mod-tab article.tech-specs .col-3,.mod-block.plus-plan .mod-container .mod-tab article.tech-specs .col-4 {
    display: none
}

.mod-block.plus-plan .mod-container .mod-tab article.tech-specs .col-5 {
    padding: 15px 13px 0px
}

.mod-block.plus-plan .mod-container .mod-tab article.tech-specs .row.even .col-1,.mod-block.plus-plan .mod-container .mod-tab article.tech-specs .row.odd .col-1 {
    padding: 25px 20px 20px
}

.mod-block.plus-plan .mod-container .mod-tab article.tech-specs .row.even .col-2,.mod-block.plus-plan .mod-container .mod-tab article.tech-specs .row.odd .col-2 {
    min-height: 72px;
    padding: 25px 20px 20px
}

.mod-block.plus-plan .mod-container .mod-tab article.tech-specs .row.even .col-5,.mod-block.plus-plan .mod-container .mod-tab article.tech-specs .row.odd .col-5 {
    height: 72px;
    padding: 25px 20px 20px
}

.mod-block.plus-plan .mod-container .mod-tab article.tech-specs .row.odd .col {
    background: #fff
}

.mod-block.plus-plan .mod-container .mod-tab article.tech-specs .row.even .col {
    background: #f8f8f8
}

.mod-block.plus-plan .mod-container .mod-tab article.tech-specs .container {
    height: auto;
    overflow: hidden
}

.mod-block.plus-plan .mod-container .mod-tab article.tech-specs .container h4.h-rev,.mod-block.plus-plan .mod-container .mod-tab article.tech-specs .container .mobile-modal .mobile-modal-list li h5.h-rev,.mobile-modal .mobile-modal-list li .mod-block.plus-plan .mod-container .mod-tab article.tech-specs .container h5.h-rev {
    color: #666
}

@media only screen and (max-width: 980px) {
    .mod-block.plus-plan .mod-container .mod-tab article.tech-specs .table {
        width:90%
    }

    .mod-block.plus-plan .mod-container .mod-tab article.tech-specs .table .row.head.stuck {
        width: 90%
    }

    .mod-block.plus-plan .mod-container .mod-tab article.tech-specs .table .stuck .inner {
        width: 88%
    }

    .mod-block.plus-plan .mod-container .mod-tab article.tech-specs .table .row {
        height: 150px !important
    }

    .mod-block.plus-plan .mod-container .mod-tab article.tech-specs .table .row.subtitle {
        height: 31px !important
    }

    .mod-block.plus-plan .mod-container .mod-tab article.tech-specs .table .head .row {
        height: 60px !important
    }

    .mod-block.plus-plan .mod-container .mod-tab article.tech-specs .table .col {
        margin-right: 1px;
        padding: 1%
    }

    .mod-block.plus-plan .mod-container .mod-tab article.tech-specs .table .row.head {
        width: 100%
    }

    .mod-block.plus-plan .mod-container .mod-tab article.tech-specs .table .col-1 {
        width: 20%
    }

    .mod-block.plus-plan .mod-container .mod-tab article.tech-specs .table .col-2 {
        width: 60%
    }

    .mod-block.plus-plan .mod-container .mod-tab article.tech-specs .table .col-5 {
        padding-left: 1%;
        padding-right: 1%;
        margin-right: 0;
        width: 19.7%
    }

    .mod-block.plus-plan .mod-container .mod-tab article.tech-specs .table .col {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
        min-height: 150px !important
    }

    .mod-block.plus-plan .mod-container .mod-tab article.tech-specs .table .head .col {
        min-height: 60px !important
    }

    .mod-block.plus-plan .mod-container .mod-tab article.tech-specs .table .head .col.col-2 {
        padding: 3.2% 1% 1%
    }

    .mod-block.plus-plan .mod-container .mod-tab article.tech-specs .table .head .col.col-5 {
        padding: 3.2% 1% 1%;
        white-space: nowrap
    }

    .mod-block.plus-plan .mod-container .mod-tab article.tech-specs .table .inner {
        padding: 1%;
        width: 98%
    }
}

@media only screen and (max-width: 980px) and (max-width: 750px) {
    .mod-block.plus-plan .mod-container .mod-tab article.tech-specs .table .col-5 {
        max-width:120px !important
    }
}

.mod-block.plus-plan .cta {
    margin-top: 0
}

@media only screen and (max-width: 980px) {
    .mod-block.plus-plan .cta {
        font-size:1.25em !important;
        padding: 30px 50px !important;
        -webkit-border-radius: 5px !important;
        -moz-border-radius: 5px !important;
        -ms-border-radius: 5px !important;
        -o-border-radius: 5px !important;
        border-radius: 5px !important
    }
}

@media only screen and (max-width: 700px) {
    .mod-block.plus-plan .cta {
        padding:30px !important
    }
}

.mod-block.plus-plan .cta.btn-large {
    padding: 20px 15px !important;
    min-width: 180px
}

@media only screen and (max-width: 980px) {
    .mod-block.plus-plan .cta.btn-large {
        font-size:1.25em !important;
        padding: 30px 50px !important;
        -webkit-border-radius: 5px !important;
        -moz-border-radius: 5px !important;
        -ms-border-radius: 5px !important;
        -o-border-radius: 5px !important;
        border-radius: 5px !important
    }
}

@media only screen and (max-width: 700px) {
    .mod-block.plus-plan .cta.btn-large {
        padding:30px !important
    }
}

.mod-block.plus-plan .cta.btn-orange {
    background: #ffa100 !important;
    color: white !important
}

.mod-block.plus-plan .cta.btn-orange:hover {
    background: #e47601 !important
}

.mod-block.plus-plan .cta.btn-gray {
    background: #e5e5e5 !important;
    color: #434343 !important
}

.mod-block.plus-plan .cta.btn-gray:hover {
    background: #434343 !important;
    color: #e5e5e5 !important
}

.mod-block.plus-plan .cta.btn-white {
    background: #fff;
    color: #2d2d2d
}

.mod-block.plus-plan .cta.btn-white:hover {
    background: #2d2d2d;
    color: #fff
}

.mod-block.plus-plan .cta.no-margin {
    margin: 0 !important
}

.mod-block.plus-plan .cta.centered {
    clear: both;
    float: none !important;
    margin: 0 auto;
    max-width: 300px
}

.mod-block.p-chat {
    top: 0;
    margin-bottom: 0
}

.mod-block.p-chat .mod-container {
    background: #fafafa;
    padding: 0
}

.mod-block.p-chat .cta {
    position: relative;
    display: inline-block;
    margin-top: 0;
    background: #fff;
    color: #666;
    width: 260px;
    font: 14px/16px DNRM;
    text-align: center;
    text-transform: uppercase;
    padding: 16px 28px 13px;
    z-index: 2;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px
}

@media only screen and (max-width: 700px) {
    .mod-block.p-chat .cta {
        width:180px;
        font: 14px/1.2em DNRM
    }
}

.mod-block.p-chat .cta.zopim {
    color: #3a3a3a;
    background: #fccd86
}

.mod-block.p-chat .cta.trial {
    color: #fff;
    background: #3a3a3a
}

.mod-block.p-chat .cta:hover {
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear;
    background: #666;
    color: #fff
}

@media only screen and (max-width: 700px) {
    .mod-block.p-chat .standard-list {
        display:none !important
    }
}

@media only screen and (max-width: 778px) {
    .mod-block.p-chat .standard-list section {
        padding-left:8%;
        padding-right: 8%;
        width: 84% !important
    }

    .mod-block.p-chat .standard-list section .carousel-paddles {
        display: none !important
    }

    .mod-block.p-chat .standard-list section .carousel-tabs {
        width: 100%
    }

    .mod-block.p-chat .standard-list .carousel-content-item {
        margin-left: -20px !important
    }
}

.mod-block.p-chat .standard-list .gist {
    font: 17px/1.4 PNR;
    width: 80%;
    margin: 0 auto 40px;
    color: #666 !important
}

.mod-block.p-chat .standard-list .carousel-content-item {
    margin-left: 110px
}

.mod-block.p-chat .standard-list li a {
    margin: 0 -3px
}

.mod-block.p-chat .splash {
    height: 600px;
    background-image: none !important;
    background-color: #f9a11b
}

@media only screen and (max-width: 700px) {
    .mod-block.p-chat .splash {
        height:520px
    }
}

.mod-block.p-chat .splash .illustration-arm {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 380px;
    height: 374px;
    background-image: url("./public/assets./images/p-chat/line-arm.png");
    background-size: 380px 374px;
    background-position: 0 0;
    background-repeat: no-repeat
}

@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
    .mod-block.p-chat .splash .illustration-arm {
        background-image:url("./public/assets./images/p-chat/line-arm-2X.png");
        background-size: 380px 374px
    }
}

.mod-block.p-chat .splash .illustration-laptop {
    position: absolute;
    bottom: 0;
    right: -30px;
    width: 380px;
    height: 374px;
    background-image: url("./public/assets./images/p-chat/line-laptop.png");
    background-size: 352px 372px;
    background-position: 0 0;
    background-repeat: no-repeat
}

@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
    .mod-block.p-chat .splash .illustration-laptop {
        background-image:url("./public/assets./images/p-chat/line-laptop-2X.png");
        background-size: 352px 372px
    }
}

.mod-block.p-chat .splash .logo {
    display: block;
    width: 395px;
    height: 53px;
    margin: 0 auto;
    background-image: url("./public/assets./images/p-chat/logo-combo.png");
    background-size: 385px 53px;
    background-repeat: no-repeat
}

@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
    .mod-block.p-chat .splash .logo {
        background-image:url("./public/assets./images/p-chat/logo-combo-2X.png");
        background-size: 385px 53px
    }
}

@media only screen and (max-width: 700px) {
    .mod-block.p-chat .splash .logo {
        background-size:60%
    }
}

.mod-block.p-chat .splash .chat-bubble {
    position: relative;
    width: 600px;
    height: 200px;
    margin: -10px auto 0;
    padding: 41px 0 0;
    z-index: 1;
    background-image: url("./public/assets./images/p-chat/line-chat-bubble.png");
    background-size: 610px 186px;
    background-position: 0 0;
    background-repeat: no-repeat
}

@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
    .mod-block.p-chat .splash .chat-bubble {
        background-image:url("./public/assets./images/p-chat/line-chat-bubble-2X.png");
        background-size: 610px 186px
    }
}

@media only screen and (max-width: 700px) {
    .mod-block.p-chat .splash .chat-bubble {
        background-size:40%;
        margin: 20px auto 0
    }
}

.mod-block.p-chat .splash .chat-bubble ul {
    position: relative;
    margin: 0 0 0 240px
}

@media only screen and (max-width: 700px) {
    .mod-block.p-chat .splash .chat-bubble ul {
        margin:-10px 0 0 110px;
        display: none
    }
}

.mod-block.p-chat .splash .chat-bubble ul li {
    position: absolute;
    top: 0;
    left: 0;
    height: 200px;
    width: 300px;
    width: 110px;
    height: 100px;
    background-image: url("./public/assets./images/p-chat/line-chat-bubble-icons.png");
    background-size: 500px 124px
}

@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
    .mod-block.p-chat .splash .chat-bubble ul li {
        background-image:url("./public/assets./images/p-chat/line-chat-bubble-icons-2X.png");
        background-size: 500px 124px
    }
}

.mod-block.p-chat .splash .chat-bubble ul li.heart {
    background-position: -332px -5px
}

.mod-block.p-chat .splash .chat-bubble ul li.question {
    background-position: -40px -5px
}

.mod-block.p-chat .splash .chat-bubble ul li.smile {
    background-position: -145px -5px
}

.mod-block.p-chat .splash .chat-bubble ul li.exclamation {
    background-position: -232px -5px
}

.mod-block.p-chat .splash .simple-widget {
    position: relative;
    float: none;
    margin: 0 auto;
    width: 70%;
    padding: 100px 0 108px;
    z-index: 10
}

@media only screen and (max-width: 700px) {
    .mod-block.p-chat .splash .simple-widget {
        padding:50px 0 108px
    }

    .mod-block.p-chat .splash .simple-widget h1 {
        font-size: 1.8em !important;
        text-align: left;
        margin: 15px 0 40px
    }
}

.mod-block.p-chat .splash h1 {
    font-size: 2.8em !important;
    color: #fff;
    padding: 0;
    margin: 30px 0 40px
}

.mod-block.p-chat .splash .sub {
    width: 70%;
    margin: 0 auto;
    color: #eef4dd
}

.mod-block.p-chat .mod-container .mod-tab article section h2 {
    color: #78a300
}

@media only screen and (max-width: 700px) {
    .mod-block.p-chat .mod-container .mod-tab article section h2 {
        font:2.4em/1 DNLTL !important
    }
}

.mod-block.p-chat .mod-container .mod-tab article section h4,.mod-block.p-chat .mod-container .mod-tab article section .mobile-modal .mobile-modal-list li h5,.mobile-modal .mobile-modal-list li .mod-block.p-chat .mod-container .mod-tab article section h5 {
    color: #555 !important
}

@media only screen and (max-width: 975px) {
    .mod-block.p-chat .mod-container .mod-tab article section {
        width:90% !important
    }
}

@media only screen and (max-width: 700px) {
    .mod-block.p-chat .mod-container .mod-tab article section {
        padding:50px 5%
    }
}

@media only screen and (max-width: 700px) {
    .mod-block.p-chat .mod-container .mod-tab article.intro {
        height:1200px
    }

    .mod-block.p-chat .mod-container .mod-tab article.intro section {
        width: 100% !important
    }
}

.mod-block.p-chat .mod-container .mod-tab article.intro li {
    padding: 0;
    background: none
}

@media only screen and (max-width: 700px) {
    .mod-block.p-chat .mod-container .mod-tab article.intro li {
        width:100%;
        float: none;
        margin-bottom: 30px
    }
}

.mod-block.p-chat .mod-container .mod-tab article.intro li h2 {
    font: 28px/1.1em DNLTL;
    padding: 0;
    margin: 15px 0 10px
}

@media (max-width: 778px), (max-width: 975px) {
    .mod-block.p-chat .mod-container .mod-tab article.intro li h2 {
        font:28px/1.1em DNLTL !important;
        padding: 0;
        margin: 15px 0 10px !important
    }
}

.mod-block.p-chat .mod-container .mod-tab article.intro li .icon {
    display: block;
    width: 100%;
    height: 161px;
    background-repeat: no-repeat;
    background-size: 50% !important;
    background-position: 0 0;
    background-image: url("./public/assets./images/p-chat/line-intro-sprite.png");
    background-size: 234px 726px
}

@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
    .mod-block.p-chat .mod-container .mod-tab article.intro li .icon {
        background-image:url("./public/assets./images/p-chat/line-intro-sprite-2X.png");
        background-size: 234px 726px
    }
}

.mod-block.p-chat .mod-container .mod-tab article.intro li .icon.engagement {
    background-position: center 0
}

.mod-block.p-chat .mod-container .mod-tab article.intro li .icon.convenience {
    background-position: center -162px
}

.mod-block.p-chat .mod-container .mod-tab article.intro li .icon.productivity {
    background-position: center -324px
}

@media only screen and (max-width: 975px) {
    .mod-block.p-chat .mod-container .mod-tab article.intro li .icon {
        height:115px;
        background-size: 115px auto !important
    }

    .mod-block.p-chat .mod-container .mod-tab article.intro li .icon.engagement {
        background-position: center 0
    }

    .mod-block.p-chat .mod-container .mod-tab article.intro li .icon.convenience {
        background-position: center -115px
    }

    .mod-block.p-chat .mod-container .mod-tab article.intro li .icon.productivity {
        background-position: center -230px
    }
}

@media only screen and (max-width: 700px) {
    .mod-block.p-chat .mod-container .mod-tab article.intro li .icon {
        height:160px;
        background-size: 160px auto !important
    }

    .mod-block.p-chat .mod-container .mod-tab article.intro li .icon.engagement {
        background-position: center 0
    }

    .mod-block.p-chat .mod-container .mod-tab article.intro li .icon.convenience {
        background-position: center -160px
    }

    .mod-block.p-chat .mod-container .mod-tab article.intro li .icon.productivity {
        background-position: center -322px
    }
}

.mod-block.p-chat .mod-container .mod-tab article#built-for-speed {
    background-image: url("./public/assets./images/p-chat/line-space.png");
    background-size: 480px 836px;
    background-repeat: no-repeat;
    background-position: 10% 0;
    background-color: #f9f9f9
}

@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
    .mod-block.p-chat .mod-container .mod-tab article#built-for-speed {
        background-image:url("./public/assets./images/p-chat/line-space-2X.png");
        background-size: 480px 836px
    }
}

.mod-block.p-chat .mod-container .mod-tab article#built-for-speed .rocket-ship {
    position: absolute;
    top: 100px;
    left: 100px;
    height: 325px;
    width: 169px;
    background-image: url("./public/assets./images/p-chat/line-ship.png");
    background-size: 169px 325px
}

@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
    .mod-block.p-chat .mod-container .mod-tab article#built-for-speed .rocket-ship {
        background-image:url("./public/assets./images/p-chat/line-ship-2X.png");
        background-size: 169px 325px
    }
}

@media only screen and (max-width: 700px) {
    .mod-block.p-chat .mod-container .mod-tab article#built-for-speed .rocket-ship {
        opacity:0.7;
        top: 350px;
        left: 80px
    }
}

@media only screen and (max-width: 700px) {
    .mod-block.p-chat .mod-container .mod-tab article#built-for-speed aside {
        width:100%;
        float: left
    }
}

.mod-block.p-chat .mod-container .mod-tab article#opportunity {
    height: 10%;
    background-color: #f1f1f1
}

.mod-block.p-chat .mod-container .mod-tab article#opportunity section {
    height: 243px
}

.mod-block.p-chat .mod-container .mod-tab article#opportunity section aside {
    padding-bottom: 42px;
    border-bottom: 1px solid #ddd;
    position: relative
}

.mod-block.p-chat .mod-container .mod-tab article#opportunity section aside .clock {
    display: block;
    position: absolute;
    top: 88%;
    left: 50%;
    width: 131px;
    height: 129px;
    margin: 0 0 0 -34px;
    background-image: url("./public/assets./images/p-chat/line-clock.png");
    background-size: 50% 50%;
    background-repeat: no-repeat;
    background-position: 0 0
}

@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
    .mod-block.p-chat .mod-container .mod-tab article#opportunity section aside .clock {
        background-image:url("./public/assets./images/p-chat/line-clock-2X.png");
        background-size: 50% 50%
    }
}

@media only screen and (max-width: 778px) {
    .mod-block.p-chat .mod-container .mod-tab article#opportunity section {
        height:272px
    }

    .mod-block.p-chat .mod-container .mod-tab article#opportunity section .clock {
        top: 480px
    }
}

@media only screen and (max-width: 700px) {
    .mod-block.p-chat .mod-container .mod-tab article#opportunity section h2 {
        font:2.4em/1 DNLTL !important
    }
}

@media (max-width: 778px), (max-width: 975px) {
    .mod-block.p-chat .mod-container .mod-tab article#steps aside h2 {
        font:3.7em/1 DNLTUL !important;
        margin: 20px 0 !important
    }
}

.mod-block.p-chat .mod-container .mod-tab article#steps.intro {
    height: 440px;
    background-color: #f1f1f1
}

@media only screen and (max-width: 700px) {
    .mod-block.p-chat .mod-container .mod-tab article#steps.intro {
        height:1000px
    }
}

.mod-block.p-chat .mod-container .mod-tab article#steps.intro section {
    padding: 80px 0 0
}

@media only screen and (max-width: 700px) {
    .mod-block.p-chat .mod-container .mod-tab article#steps.intro li {
        width:100%;
        float: none
    }

    .mod-block.p-chat .mod-container .mod-tab article#steps.intro li h2 {
        font: 1.7em/1 DNLTUL !important
    }
}

@media only screen and (max-width: 778px) {
    .mod-block.p-chat .mod-container .mod-tab article#steps.intro li h2 {
        font:1.7em/1 DNLTUL !important
    }
}

.mod-block.p-chat .mod-container .mod-tab article#steps.intro .icon {
    display: block;
    width: 100%;
    height: 61px;
    background-repeat: no-repeat;
    background-size: 60px !important;
    background-position: 0 0;
    background-image: url("./public/assets./images/p-chat/line-step-sprite.png");
    background-size: 60px 60px
}

@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
    .mod-block.p-chat .mod-container .mod-tab article#steps.intro .icon {
        background-image:url("./public/assets./images/p-chat/line-step-sprite-2X.png");
        background-size: 60px 60px
    }
}

.mod-block.p-chat .mod-container .mod-tab article#steps.intro .icon.red-carpet {
    background-position: center 0
}

.mod-block.p-chat .mod-container .mod-tab article#steps.intro .icon.abandonment {
    background-position: center -62px
}

.mod-block.p-chat .mod-container .mod-tab article#steps.intro .icon.revenue {
    background-position: center -124px
}

.mod-block.p-chat .mod-container .mod-tab article#pricing {
    height: 730px;
    background-color: #fff
}

@media only screen and (max-width: 700px) {
    .mod-block.p-chat .mod-container .mod-tab article#pricing {
        height:1300px
    }
}

.mod-block.p-chat .mod-container .mod-tab article#pricing section {
    padding: 4% !important
}

.mod-block.p-chat .mod-container .mod-tab article#pricing p {
    font: 16px/1.1em PNL;
    width: 600px;
    margin: 0 auto 40px
}

@media only screen and (max-width: 778px) {
    .mod-block.p-chat .mod-container .mod-tab article#pricing p {
        width:100%
    }
}

.mod-block.p-chat .mod-container .mod-tab article#pricing h2 {
    color: #78a300;
    margin: 30px 0
}

@media (max-width: 778px), (max-width: 975px) {
    .mod-block.p-chat .mod-container .mod-tab article#pricing h2 {
        font:2.5em/1 DNLTUL !important;
        margin: 20px 0 !important
    }
}

.mod-block.p-chat .mod-container .mod-tab article#pricing .plans {
    width: 870px;
    margin: 0 auto
}

@media only screen and (max-width: 778px) {
    .mod-block.p-chat .mod-container .mod-tab article#pricing .plans {
        width:100% !important
    }
}

@media only screen and (max-width: 700px) {
    .mod-block.p-chat .mod-container .mod-tab article#pricing .plans {
        width:100% !important
    }
}

.mod-block.p-chat .mod-container .mod-tab article#pricing .plans h4,.mod-block.p-chat .mod-container .mod-tab article#pricing .plans .mobile-modal .mobile-modal-list li h5,.mobile-modal .mobile-modal-list li .mod-block.p-chat .mod-container .mod-tab article#pricing .plans h5,.mod-block.p-chat .mod-container .mod-tab article#pricing .plans h5 {
    color: #78a300;
    text-transform: uppercase
}

.mod-block.p-chat .mod-container .mod-tab article#pricing .plans h4,.mod-block.p-chat .mod-container .mod-tab article#pricing .plans .mobile-modal .mobile-modal-list li h5,.mobile-modal .mobile-modal-list li .mod-block.p-chat .mod-container .mod-tab article#pricing .plans h5 {
    font: 21px/1 DNLTR !important;
    margin-bottom: 5px
}

.mod-block.p-chat .mod-container .mod-tab article#pricing .plans h5 {
    font: 54px/1 DNLTL !important;
    margin: 15px 0 9px;
    padding: 0 0 2px;
    border-bottom: 1px solid #ddd
}

.mod-block.p-chat .mod-container .mod-tab article#pricing .plans li {
    float: left;
    width: 170px;
    margin: 0 20px;
    background: #eee;
    padding: 5px 40px 20px
}

@media only screen and (max-width: 778px) {
    .mod-block.p-chat .mod-container .mod-tab article#pricing .plans li {
        width:21% !important;
        padding: 5px 30px 20px;
        margin: 0 10px
    }
}

@media only screen and (max-width: 700px) {
    .mod-block.p-chat .mod-container .mod-tab article#pricing .plans li {
        width:85% !important;
        float: none;
        padding: 5px 20px 20px !important;
        margin: 0 0 30px
    }
}

.mod-block.p-chat .mod-container .mod-tab article#pricing .plans span {
    font: 14px/1em PNRI
}

.mod-block.p-chat .mod-container .mod-tab article#pricing .plans span.frequency {
    font: 15px/1em PNR
}

.mod-block.p-chat .mod-container .mod-tab article#pricing .cta {
    display: inline-block;
    clear: both;
    float: none;
    margin: 30px auto;
    text-align: center;
    width: 220px;
    background: #333;
    color: #fff;
    padding: 16px 28px 13px
}

.mod-block.p-chat .mod-container .mod-tab article#pricing .logo {
    display: block;
    width: 107px;
    height: 44px;
    margin: 0 auto;
    background-image: url("./public/assets./images/p-chat/logo-zopim.png");
    background-size: 107px 44px
}

@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
    .mod-block.p-chat .mod-container .mod-tab article#pricing .logo {
        background-image:url("./public/assets./images/p-chat/logo-zopim-2X.png");
        background-size: 107px 44px
    }
}

@media only screen and (max-width: 975px) {
    .help-templ .splash .shell {
        width:100% !important
    }
}

@media only screen and (max-width: 700px) {
    .help-templ h2.h-rev {
        font:40px/1 DNLTUL !important
    }
}

.help-templ article {
    position: relative
}

.help-templ article section {
    position: relative;
    clear: both
}

@media only screen and (max-width: 700px) {
    .help-templ article section {
        padding:50px 10% !important
    }
}

.help-templ .cta .button {
    width: 316px !important
}

.help-templ .popover {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0
}

.help-templ .popover .popover-pin {
    top: 76px !important
}

.help-templ .popover .close {
    position: absolute;
    top: 5px;
    right: -64px;
    display: block;
    width: 25px;
    height: 25px;
    color: #888;
    background: none;
    cursor: pointer
}

@media only screen and (max-width: 700px) {
    .help-templ .feature-matrix-dark p {
        margin:0 20px
    }
}

@media only screen and (max-width: 700px) {
    .help-templ .feature-matrix {
        background:#222;
        padding-bottom: 80px
    }
}

@media only screen and (max-width: 700px) {
    .help-templ .feature-matrix-dark .feature-matrix-list {
        width:100%
    }
}

.help-templ .feature-matrix-dark-5col .feature-matrix-list-item {
    width: 190px;
    margin: 40px 0 104px
}

@media only screen and (max-width: 700px) {
    .help-templ .feature-matrix-dark-5col .feature-matrix-list-item {
        float:none;
        margin: 40px auto
    }
}

.help-templ .feature-matrix-dark-5col .feature-matrix-list-item .ico {
    background-image: url("./public/assets./images/p-helpcenter/sprite-footer-features.jpg")
}

.help-templ .feature-matrix-dark-5col .feature-matrix-list-item .ico-charity {
    background-position: 0px 0
}

.help-templ .feature-matrix-dark-5col .feature-matrix-list-item .ico-helpcenter {
    background-position: -140px 0
}

.help-templ .feature-matrix-dark-5col .feature-matrix-list-item .ico-selfservice {
    background-position: -280px 0
}

.help-templ .feature-matrix-dark-5col .feature-matrix-list-item .ico-bestpractices {
    background-position: -420px 0
}

.help-templ .feature-matrix .feature-matrix-title {
    font: 16px/1 DNRM;
    padding: 47px 0 8px
}

.help-templ .feature-matrix .feature-matrix-list-item-desc {
    font: 16px PNSB;
    margin: 0 auto;
    width: 120px
}

.help-templ .feature-matrix-dark p {
    font: 17px/22px PNR
}

.help-templ.mod-block {
    top: -4px !important
}

.help-templ.mod-block .spotlight-wrap {
    margin: 0 0 0 56px
}

.help-templ.mod-block .spotlight-wrap img {
    margin-left: -100px;
    margin-top: -169px
}

.help-templ.mod-block .feature.signup .cta {
    margin-left: 140px
}

.help-templ.mod-block .splash {
    height: 616px;
    background: #fdd22e;
    overflow: hidden
}

@media only screen and (max-width: 700px) {
    .help-templ.mod-block .splash {
        height:440px
    }
}

.help-templ.mod-block .splash .splash-img {
    background: transparent;
    background-image: url("./public/assets./images/p-helpcenter/background-header-graphic.png");
    background-size: auto 415px;
    background-repeat: no-repeat;
    background-position: 50% 190px;
    height: 616px
}

@media only screen and (max-width: 700px) {
    .help-templ.mod-block .splash .splash-img {
        background-position:50% 75px !important
    }
}

.help-templ.mod-block .splash .arm {
    display: block;
    position: absolute;
    top: 288px;
    left: 50%;
    width: 400px;
    height: 328px;
    background-image: url("./public/assets./images/p-helpcenter/header-lineart-arm.png");
    background-repeat: no-repeat;
    background-position: 0 0
}

@media only screen and (max-width: 700px) {
    .help-templ.mod-block .splash .arm {
        top:185px;
        left: 10px !important
    }
}

.help-templ.mod-block .splash .simple-widget {
    float: none;
    width: 100%;
    text-align: center;
    padding: 52px 0 0
}

.help-templ.mod-block .splash .simple-widget h1 {
    color: #fff
}

@media only screen and (max-width: 700px) {
    .help-templ.mod-block .splash .simple-widget h1 {
        font-size:32px !important
    }
}

.help-templ.mod-block .splash .simple-widget h1 span {
    display: block;
    font: 21px/1 PNR;
    line-height: 1.4;
    color: #555;
    margin-top: 20px
}

@media only screen and (max-width: 700px) {
    .help-templ.mod-block .splash .simple-widget h1 span {
        font:20px/1 PNR;
        width: 80%;
        margin: 20px auto 0
    }
}

.help-templ.mod-block .splash .simple-widget #play {
    position: relative;
    display: block;
    width: 139px;
    height: 139px;
    margin: 30px auto;
    background: url("./public/assets./images/p-helpcenter/button-play.png");
    cursor: pointer;
    z-index: 1
}

.help-templ .carousel-content .carousel-content-img {
    box-shadow: none;
    border: none;
    padding-left: 113px
}

@media only screen and (max-width: 975px) {
    .help-templ .carousel-content .carousel-content-img {
        padding-left:0
    }
}

@media only screen and (max-width: 700px) {
    .help-templ .carousel-content .carousel-content-img {
        width:200%
    }
}

.help-templ .carousel-content .carousel-paddles a.carousel-paddles-lt {
    background-position: 20px 130px
}

.help-templ .carousel-content .magnify {
    display: block;
    width: 100px;
    height: 100px;
    position: absolute;
    top: 130px;
    right: 129px
}

@media only screen and (max-width: 700px) {
    .help-templ .carousel-content .magnify {
        display:none !important
    }
}

.help-templ .carousel-content .magnify .info {
    display: block;
    position: absolute;
    top: 140px;
    left: -4px;
    height: 20px;
    width: 20px;
    background: #78a300;
    cursor: pointer;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    -webkit-box-shadow: 0 1px 8px rgba(0,0,0,0.2) inset,0 1px 1px rgba(0,0,0,0.4);
    -moz-box-shadow: 0 1px 8px rgba(0,0,0,0.2) inset,0 1px 1px rgba(0,0,0,0.4);
    -ms-box-shadow: 0 1px 8px rgba(0,0,0,0.2) inset,0 1px 1px rgba(0,0,0,0.4);
    -o-box-shadow: 0 1px 8px rgba(0,0,0,0.2) inset,0 1px 1px rgba(0,0,0,0.4);
    box-shadow: 0 1px 8px rgba(0,0,0,0.2) inset,0 1px 1px rgba(0,0,0,0.4);
    text-shadow: 1px 1px 0 #638600;
    border: 1px solid #668A01;
    text-align: center;
    font: 15px/1.5 DNRM;
    color: #fff
}

.help-templ .carousel-content .magnify .info:hover {
    -webkit-animation: expand 0.7s linear;
    background: #83b200;
    -webkit-box-shadow: 0 1px 8px rgba(0,0,0,0.2) inset,0 1px 1px rgba(0,0,0,0.4);
    -moz-box-shadow: 0 1px 8px rgba(0,0,0,0.2) inset,0 1px 1px rgba(0,0,0,0.4);
    -ms-box-shadow: 0 1px 8px rgba(0,0,0,0.2) inset,0 1px 1px rgba(0,0,0,0.4);
    -o-box-shadow: 0 1px 8px rgba(0,0,0,0.2) inset,0 1px 1px rgba(0,0,0,0.4);
    box-shadow: 0 1px 8px rgba(0,0,0,0.2) inset,0 1px 1px rgba(0,0,0,0.4)
}

.help-templ .mod-container .mod-tab article.intro {
    background: #f9f9f9;
    height: 525px
}

@media only screen and (max-width: 700px) {
    .help-templ .mod-container .mod-tab article.intro {
        height:1120px
    }
}

.help-templ .mod-container .mod-tab article.intro section {
    padding: 100px 0 0;
    height: 350px
}

@media only screen and (max-width: 700px) {
    .help-templ .mod-container .mod-tab article.intro section {
        height:auto
    }
}

.help-templ .mod-container .mod-tab article.intro h4,.help-templ .mod-container .mod-tab article.intro .mobile-modal .mobile-modal-list li h5,.mobile-modal .mobile-modal-list li .help-templ .mod-container .mod-tab article.intro h5 {
    margin-top: 0px;
    text-align: center;
    color: #434343
}

@media only screen and (max-width: 700px) {
    .help-templ .mod-container .mod-tab article.intro h4,.help-templ .mod-container .mod-tab article.intro .mobile-modal .mobile-modal-list li h5,.mobile-modal .mobile-modal-list li .help-templ .mod-container .mod-tab article.intro h5 {
        margin:0 auto;
        width: 80%
    }
}

.help-templ .mod-container .mod-tab article.intro li {
    display: block;
    float: left;
    text-align: center;
    margin: 0 auto;
    width: 33.3%;
    padding-top: 0
}

@media only screen and (max-width: 700px) {
    .help-templ .mod-container .mod-tab article.intro li {
        margin:30px auto;
        width: 100%
    }
}

.help-templ .mod-container .mod-tab article.intro li span.icon {
    display: block;
    width: 132px;
    height: 123px;
    margin: 0 0 12px 94px;
    opacity: 0.9;
    background: url("./public/assets./images/p-helpcenter/icon-lineart-sprite-mini.png") transparent no-repeat left -127px
}

@media only screen and (max-width: 975px) {
    .help-templ .mod-container .mod-tab article.intro li span.icon {
        margin-left:22%
    }
}

@media only screen and (max-width: 700px) {
    .help-templ .mod-container .mod-tab article.intro li span.icon {
        margin-left:24%
    }
}

.help-templ .mod-container .mod-tab article.intro li span.icon:hover {
    background-position: -129px -127px
}

.help-templ .mod-container .mod-tab article.intro li:nth-child(2) span.icon {
    background-position: 0 -4px
}

.help-templ .mod-container .mod-tab article.intro li:nth-child(2) span.icon:hover {
    background-position: -129px -4px
}

.help-templ .mod-container .mod-tab article.intro li:nth-child(3) span.icon {
    background-position: 0 -252px
}

.help-templ .mod-container .mod-tab article.intro li:nth-child(3) span.icon:hover {
    background-position: -127px -252px
}

.help-templ .mod-container .mod-tab article.intro li h2 {
    font: 34px/40px DNLTL;
    margin-bottom: 5px;
    text-transform: none;
    color: #666
}

.help-templ .mod-container .mod-tab article.intro li h2:hover {
    color: #333
}

.help-templ .mod-container .mod-tab article.intro li p {
    font: 16px/18px PNL;
    margin-bottom: 40px;
    width: 66%;
    margin: 0 auto
}

.help-templ .mod-container .mod-tab article.intro li a p {
    text-decoration: none;
    color: #484848
}

.help-templ .mod-container .mod-tab article#self-service h4,.help-templ .mod-container .mod-tab article#self-service .mobile-modal .mobile-modal-list li h5,.mobile-modal .mobile-modal-list li .help-templ .mod-container .mod-tab article#self-service h5 {
    color: #434343;
    margin-top: 0px;
    margin-bottom: 20px !important
}

.help-templ .mod-container .mod-tab article#self-service h2 {
    margin: 0px 0px 20px 0px;
    color: #78a300
}

.help-templ .mod-container .mod-tab article#self-service p {
    width: 465px
}

@media only screen and (max-width: 975px) {
    .help-templ .mod-container .mod-tab article#self-service p {
        width:90%;
        font-size: 22px
    }
}

@media only screen and (max-width: 700px) {
    .help-templ .mod-container .mod-tab article#self-service p {
        font-size:18px;
        line-height: 1.4
    }
}

.help-templ .mod-container .mod-tab article#self-service section {
    background: url("./public/assets./images/p-helpcenter/background-graphic-coffee.png") #f1f1f1 no-repeat left
}

@media only screen and (max-width: 975px) {
    .help-templ .mod-container .mod-tab article#self-service section {
        background-position:-75px
    }
}

@media only screen and (max-width: 700px) {
    .help-templ .mod-container .mod-tab article#self-service section {
        background:none
    }
}

.help-templ .mod-container .mod-tab article#self-service section span.tall {
    line-height: 1.3em
}

.help-templ .mod-container .mod-tab article#social {
    height: 587px
}

.help-templ .mod-container .mod-tab article#social h4,.help-templ .mod-container .mod-tab article#social .mobile-modal .mobile-modal-list li h5,.mobile-modal .mobile-modal-list li .help-templ .mod-container .mod-tab article#social h5 {
    color: #434343
}

.help-templ .mod-container .mod-tab article#social h2 {
    margin: 0px 0px 20px 0px;
    color: #78a300
}

.help-templ .mod-container .mod-tab article#social section {
    width: 1200px;
    height: 540px;
    padding-top: 100px;
    background: url("./public/assets./images/p-helpcenter/background-graphic-social.png") #f1f1f1 no-repeat 610px 66px
}

@media only screen and (max-width: 975px) {
    .help-templ .mod-container .mod-tab article#social section {
        background-position:365px 66px;
        width: 126%
    }
}

@media only screen and (max-width: 700px) {
    .help-templ .mod-container .mod-tab article#social section {
        background:none;
        width: 80%
    }
}

.help-templ .mod-container .mod-tab article#social section .left-sided {
    width: 32%;
    padding-left: 125px
}

@media only screen and (max-width: 975px) {
    .help-templ .mod-container .mod-tab article#social section .left-sided {
        width:35%
    }
}

@media only screen and (max-width: 700px) {
    .help-templ .mod-container .mod-tab article#social section .left-sided {
        padding-left:0 !important;
        width: 100%
    }
}

.help-templ .mod-container .mod-tab article#social section .head {
    display: block;
    position: absolute;
    top: 240px;
    width: 100px;
    height: 100px
}

@media only screen and (max-width: 700px) {
    .help-templ .mod-container .mod-tab article#social section .head {
        display:none
    }
}

.help-templ .mod-container .mod-tab article#social section .head.head-male {
    right: 459px;
    -webkit-animation: headbounce 5s infinite ease-out;
    background: url("./public/assets./images/p-helpcenter/animate-head-male.png") no-repeat 0 0
}

.help-templ .mod-container .mod-tab article#social section .head.head-female {
    right: 189px;
    -webkit-animation: headbounce 7s infinite ease-out;
    background: url("./public/assets./images/p-helpcenter/animate-head-female.png") no-repeat 0 0
}

.help-templ .mod-container .mod-tab article#mobile {
    height: 570px
}

.help-templ .mod-container .mod-tab article#mobile section {
    width: 100%;
    height: 540px;
    padding-top: 100px;
    background: transparent
}

@media only screen and (max-width: 700px) {
    .help-templ .mod-container .mod-tab article#mobile section {
        width:1200px
    }
}

.help-templ .mod-container .mod-tab article#mobile section .left-sided {
    padding-top: 100px;
    padding-left: 125px;
    width: 34%
}

@media only screen and (max-width: 975px) {
    .help-templ .mod-container .mod-tab article#mobile section .left-sided {
        width:40%
    }
}

@media only screen and (max-width: 700px) {
    .help-templ .mod-container .mod-tab article#mobile section .left-sided {
        width:20%
    }
}

.help-templ .mod-container .mod-tab article#mobile section span.tall {
    line-height: 1.3em
}

.help-templ .mod-container .mod-tab article#mobile section .customers h4,.help-templ .mod-container .mod-tab article#mobile section .customers .mobile-modal .mobile-modal-list li h5,.mobile-modal .mobile-modal-list li .help-templ .mod-container .mod-tab article#mobile section .customers h5 {
    color: #fff;
    margin-top: 0px
}

.help-templ .mod-container .mod-tab article#mobile section .customers h2 {
    color: #fff
}

.help-templ .mod-container .mod-tab article#mobile section .customers li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 560px
}

.help-templ .mod-container .mod-tab article#mobile section .customers li div {
    display: block;
    position: relative;
    height: 560px;
    width: 1215px;
    margin: 0 auto
}

@media only screen and (max-width: 975px) {
    .help-templ .mod-container .mod-tab article#mobile section .customers li div {
        width:100%
    }
}

.help-templ .mod-container .mod-tab article#mobile section .customers li div .quote {
    font-family: PNL;
    font-size: 26px;
    position: absolute;
    width: 230px;
    top: 100px;
    right: 0
}

.help-templ .mod-container .mod-tab article#mobile section .customers li .logo {
    position: absolute;
    top: 100px;
    right: 295px;
    height: auto;
    width: auto
}

.help-templ .mod-container .mod-tab article#mobile section .customers li:nth-child(1) {
    background-color: #358fb2
}

.help-templ .mod-container .mod-tab article#mobile section .customers li:nth-child(1) div {
    background: transparent url("./public/assets./images/p-helpcenter/background-mobile-foursquare.jpg") no-repeat scroll 546px 263px
}

@media only screen and (max-width: 975px) {
    .help-templ .mod-container .mod-tab article#mobile section .customers li:nth-child(1) div {
        background:transparent url("./public/assets./images/p-helpcenter/background-mobile-foursquare.jpg") no-repeat scroll 346px 263px
    }
}

.help-templ .mod-container .mod-tab article#mobile section .customers li:nth-child(1) p {
    color: #BEDEF0
}

.help-templ .mod-container .mod-tab article#mobile section .customers li:nth-child(1) h3 {
    color: #fff
}

.help-templ .mod-container .mod-tab article#mobile section .customers li:nth-child(1) div aside h2 {
    color: #fff
}

.help-templ .mod-container .mod-tab article#mobile section .customers li:nth-child(1) .quote {
    color: #fff;
    width: 270px;
    right: 164;
    font: 22px/1.2 DNLTL
}

.help-templ .mod-container .mod-tab article#mobile section .customers li:nth-child(2) {
    background-color: #e2eef4
}

.help-templ .mod-container .mod-tab article#mobile section .customers li:nth-child(2) div {
    background: transparent url("./public/assets./images/p-helpcenter/background-mobile-taskrabbit.jpg") no-repeat scroll 520px 263px
}

.help-templ .mod-container .mod-tab article#mobile section .customers li:nth-child(2) h3 {
    color: #1E5C70
}

.help-templ .mod-container .mod-tab article#mobile section .customers li:nth-child(2) p,.help-templ .mod-container .mod-tab article#mobile section .customers li:nth-child(2) h2 {
    color: #456D80
}

.help-templ .mod-container .mod-tab article#mobile section .customers li:nth-child(2) div span {
    top: 60px;
    width: 240px;
    right: 164;
    color: #456D80
}

.help-templ .mod-container .mod-tab article#fave-feature {
    background: #f9f9f9
}

.help-templ .mod-container .mod-tab article#fave-feature h4,.help-templ .mod-container .mod-tab article#fave-feature .mobile-modal .mobile-modal-list li h5,.mobile-modal .mobile-modal-list li .help-templ .mod-container .mod-tab article#fave-feature h5 {
    color: #434343;
    margin-bottom: 20px !important
}

@media only screen and (max-width: 975px) {
    .help-templ .mod-container .mod-tab article#fave-feature h4,.help-templ .mod-container .mod-tab article#fave-feature .mobile-modal .mobile-modal-list li h5,.mobile-modal .mobile-modal-list li .help-templ .mod-container .mod-tab article#fave-feature h5 {
        position:relative;
        z-index: 1
    }
}

.help-templ .mod-container .mod-tab article#fave-feature h2 {
    color: #78a300;
    margin: 0px 0px 20px 0px
}

@media only screen and (max-width: 975px) {
    .help-templ .mod-container .mod-tab article#fave-feature h2 {
        position:relative;
        z-index: 1
    }
}

@media only screen and (max-width: 700px) {
    .help-templ .mod-container .mod-tab article#fave-feature img.parallax {
        display:none
    }
}

.help-templ .mod-container .mod-tab article#fave-feature section {
    background: url("./public/assets./images/p-helpcenter/photo-toke.jpg") transparent no-repeat -80px 280px
}

@media only screen and (max-width: 700px) {
    .help-templ .mod-container .mod-tab article#fave-feature section {
        height:100%;
        background-position: -105px 375px !important
    }

    .help-templ .mod-container .mod-tab article#fave-feature section span.author {
        display: block;
        width: 65%
    }
}

.help-templ .mod-container .mod-tab article#gallery {
    height: 846px;
    background: #fff;
    text-align: center
}

@media only screen and (max-width: 700px) {
    .help-templ .mod-container .mod-tab article#gallery {
        height:700px
    }
}

.help-templ .mod-container .mod-tab article#gallery section {
    padding: 100px 0
}

.help-templ .mod-container .mod-tab article#gallery section.dg-container {
    padding: 0px 0 !important
}

.help-templ .mod-container .mod-tab article#gallery h4,.help-templ .mod-container .mod-tab article#gallery .mobile-modal .mobile-modal-list li h5,.mobile-modal .mobile-modal-list li .help-templ .mod-container .mod-tab article#gallery h5 {
    color: #434343
}

.help-templ .mod-container .mod-tab article#gallery h2 {
    margin: 0px;
    color: #fff
}

.help-templ .mod-container .mod-tab article#gallery h3 {
    color: #fff;
    font: 88px/1 DNLTUL;
    margin: 0
}

.help-templ .mod-container .mod-tab article#gallery .color-block {
    display: block;
    width: 100%;
    height: 440px;
    background: #fdd22e;
    position: absolute;
    top: 0
}

.help-templ .mod-container .mod-tab article#expert-tip {
    background: #f9f9f9
}

.help-templ .mod-container .mod-tab article#expert-tip section aside p {
    font: 16px/20px DNLTR;
    margin-bottom: 0
}

.help-templ .mod-container .mod-tab article#logos {
    background: #f9f9f9;
    height: 650px
}

.help-templ .mod-container .mod-tab article#logos .section {
    height: 450px
}

.help-templ .mod-container .mod-tab article.standard-list {
    height: auto;
    padding-bottom: 120px
}

.help-templ .mod-container .mod-tab article.standard-list.ex-features {
    background: #fff;
    padding-bottom: 0;
    height: 662px
}

@media only screen and (max-width: 700px) {
    .help-templ .mod-container .mod-tab article.standard-list.ex-features {
        height:480px
    }
}

.help-templ .mod-container .mod-tab article.standard-list.ex-features h4,.help-templ .mod-container .mod-tab article.standard-list.ex-features .mobile-modal .mobile-modal-list li h5,.mobile-modal .mobile-modal-list li .help-templ .mod-container .mod-tab article.standard-list.ex-features h5 {
    margin-top: 0px;
    text-align: center;
    color: #434343
}

.help-templ .mod-container .mod-tab article.standard-list.ex-features section {
    padding: 100px 0 0
}

.help-templ .mod-container .mod-tab article.standard-list.ex-features .carousel-tabs {
    margin: 0 auto 3px
}

@media only screen and (max-width: 700px) {
    .help-templ .mod-container .mod-tab article.standard-list.ex-features .carousel-tabs {
        height:80px
    }
}

@media only screen and (max-width: 700px) {
    .help-templ .mod-container .mod-tab article.standard-list.ex-features .carousel-tabs li {
        display:block;
        float: none
    }
}

.help-templ .mod-container .mod-tab article.standard-list.ex-features .carousel-tabs a {
    background: #f1f1f1;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    font: 15px/1 DNLTM;
    color: #777;
    padding: 8px 20px 7px;
    margin: 0 -2px;
    text-transform: capitalize;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0
}

.help-templ .mod-container .mod-tab article.standard-list.ex-features .carousel-tabs a.first {
    border: none;
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    -ms-border-radius: 5px 0 0 5px;
    -o-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px
}

.help-templ .mod-container .mod-tab article.standard-list.ex-features .carousel-tabs a.last {
    border: none;
    -webkit-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    -ms-border-radius: 0 5px 5px 0;
    -o-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0
}

.help-templ .mod-container .mod-tab article.standard-list.ex-features .carousel-tabs a.active {
    background: #78a300;
    color: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none
}

@media only screen and (max-width: 700px) {
    .help-templ .mod-container .mod-tab article.standard-list.ex-features .carousel-tabs a,.help-templ .mod-container .mod-tab article.standard-list.ex-features .carousel-tabs a.first,.help-templ .mod-container .mod-tab article.standard-list.ex-features .carousel-tabs a.last,.help-templ .mod-container .mod-tab article.standard-list.ex-features .carousel-tabs a.active {
        background:none;
        border: none;
        color: #777;
        padding: 0
    }
}

.help-templ .mod-container .mod-tab article.standard-list.ex-features h2 {
    text-align: center;
    margin-bottom: 37px
}

.help-templ .mod-container .mod-tab article.standard-list.ex-features h3 {
    font: 17px/1 DNRM;
    color: white;
    margin: 0 0 11px 0
}

.help-templ .mod-container .mod-tab article.standard-list.ex-features p {
    font: 13px/1.4 DNRM;
    color: white;
    padding-bottom: 0;
    margin-bottom: 0
}

.help-templ .mod-container .mod-tab article.standard-list aside.right-sided {
    padding-top: 172px;
    width: 460px
}

.help-templ .mod-container .mod-tab article.standard-list aside,.help-templ .mod-container .mod-tab article.standard-list section {
    height: auto
}

.help-templ .mod-container .mod-tab article.standard-list ul li {
    font: 16px/22px DNLTR
}

.help-templ .mod-container .mod-tab article.standard-list ul li strong,.help-templ .mod-container .mod-tab article.standard-list ul li.bold {
    font-family: DNLTM;
    color: #464646
}

.help-templ .mod-container .mod-tab article.standard-list .tiny-sized {
    font-size: 12px;
    margin-top: 60px;
    text-align: left;
    color: #222
}

.help-templ .mod-container .mod-tab ul li div .quote {
    font-family: DNLTL;
    font-size: 22px
}

.help-templ .mod-container .mod-tab ul.mod-resources {
    float: none;
    margin: 30px auto 0;
    width: 100%
}

.help-templ .mod-container .mod-tab ul.mod-resources li:nth-child(1) span {
    background: transparent url("./public/assets./images/t-mobileapp/resources-1.png") center center no-repeat
}

.help-templ .mod-container .mod-tab ul.mod-resources li:nth-child(2) span {
    background: transparent url("./public/assets./images/t-mobileapp/resources-2.png") center center no-repeat
}

.help-templ .mod-container .mod-tab ul.mod-resources li:nth-child(3) span {
    background: transparent url("./public/assets./images/t-mobileapp/resources-3.png") center center no-repeat
}

.help-templ .mod-container .mod-tab ul.mod-resources li:nth-child(4) span {
    background: transparent url("./public/assets./images/t-mobileapp/resources-4.png") center center no-repeat
}

.help-templ .mod-container .mod-tab ul.mod-resources a {
    color: #000;
    float: left;
    margin: 0 20px
}

.help-templ .mod-container .mod-tab ul.mod-resources span {
    background: #ccc;
    display: block;
    height: 200px;
    margin: 0 auto 20px;
    width: 200px;
    -webkit-border-radius: 200px;
    -moz-border-radius: 200px;
    -ms-border-radius: 200px;
    -o-border-radius: 200px;
    border-radius: 200px
}

.help-templ .mod-container .mod-tab ul.mod-resources p,.help-templ .mod-container .mod-tab ul.mod-resources h4,.help-templ .mod-container .mod-tab ul.mod-resources .mobile-modal .mobile-modal-list li h5,.mobile-modal .mobile-modal-list li .help-templ .mod-container .mod-tab ul.mod-resources h5 {
    font: 18px DNLTR;
    text-align: center
}

.help-templ .mod-container .mod-tab ul.mod-resources p {
    color: #898989;
    font-size: 11px;
    letter-spacing: 1px;
    line-height: 1.75;
    margin: 0;
    text-transform: uppercase
}

.help-templ ul.cust-logos {
    position: relative;
    display: block;
    text-align: center
}

.help-templ ul.cust-logos li {
    display: inline-block;
    position: relative
}

.help-templ .dg-container {
    width: 960px !important;
    height: 450px;
    position: relative
}

@media only screen and (max-width: 975px) {
    .help-templ .dg-container {
        width:100% !important
    }
}

.help-templ .dg-wrapper {
    width: 481px;
    height: 316px;
    margin: 0 auto;
    position: relative;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    -o-perspective: 1000px;
    -ms-perspective: 1000px;
    perspective: 1000px
}

.help-templ .dg-wrapper a {
    width: 482px;
    height: 430px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    box-shadow: none
}

@media only screen and (max-width: 700px) {
    .help-templ .dg-wrapper a {
        display:none
    }

    .help-templ .dg-wrapper a:first-child {
        display: block
    }
}

.help-templ .dg-wrapper a.dg-transition {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out
}

.help-templ .dg-wrapper a img {
    display: block;
    padding: 41px 0px 0px 1px
}

.help-templ .dg-wrapper a div {
    text-align: center;
    font-size: 16px;
    width: 100%;
    display: none;
    position: absolute;
    margin-top: 15px;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
    color: #636363
}

.help-templ .dg-wrapper a.dg-center div {
    display: block
}

@media only screen and (max-width: 700px) {
    .help-templ .dg-wrapper a.dg-center div {
        text-align:left
    }
}

.help-templ .dg-container nav {
    width: 58px;
    position: absolute;
    z-index: 1000;
    top: 120px;
    left: 0;
    margin-left: -25px
}

.help-templ .dg-container nav span {
    display: block;
    position: absolute;
    text-indent: -9999px;
    top: 0;
    width: 100px;
    height: 550px;
    cursor: pointer;
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    -ms-opacity: 0.5;
    -o-opacity: 0.5;
    opacity: 0.5
}

.help-templ .dg-container nav span:hover {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1
}

.help-templ .dg-container nav span {
    opacity: 0.2
}

.help-templ .dg-container nav span.dg-prev {
    left: -50px;
    background: url("./public/assets./images/p-tour/icon-arrow-left-large.png") 0 124px no-repeat
}

.help-templ .dg-container nav span.dg-next {
    left: 1025px;
    background: url("./public/assets./images/p-tour/icon-arrow-right-large.png") 24px 124px no-repeat
}

@media only screen and (max-width: 1200px) {
    .help-templ .mod-container .mod-tab article#mobile section .left-sided {
        padding-left:20px
    }

    .help-templ .mod-container .mod-tab article#social section .left-sided {
        padding-left: 20px
    }
}

@-webkit-keyframes headbounce {
    0% {
        top: 240px
    }

    10% {
        top: 245px
    }

    20% {
        top: 240px
    }

    100% {
        top: 240px
    }
}

@-webkit-keyframes expand {
    0% {
        top: 140px;
        left: -4px;
        height: 20px;
        width: 20px
    }

    50% {
        top: 137px;
        left: -6px;
        height: 26px;
        width: 26px;
        line-height: 1.9em
    }

    100% {
        top: 140px;
        left: -4px;
        height: 20px;
        width: 20px
    }
}

.lang-fr .help-templ .splash .simple-widget h1 {
    font: 55px/1 DNLTL;
    color: #fff
}

.lang-fr .help-templ .mod-container .mod-tab article.intro li h2 {
    font: 27px/22px DNLTR;
    margin: 20px 0 6px;
    text-transform: none
}

.lang-fr .help-templ .mod-container .mod-tab article.intro h2 {
    margin: 18px 0 29px 0
}

.lang-fr .help-templ .mod-container .mod-tab article#self-service h3 {
    color: #78a300;
    font: 74px/73px DNLTUL;
    margin-bottom: 11px
}

.lang-fr .help-templ .mod-container .mod-tab article#gallery h3 {
    font: 64px/1 DNLTUL
}

.lang-fr .help-templ .mod-container .mod-tab article#mobile h3,.lang-fr .help-templ .mod-container .mod-tab article#social h3 {
    font: 74px/69px DNLTUL;
    margin-bottom: 20px
}

.lang-fr .help-templ article.t-tour div.signup .cta-wrap {
    padding: 30px 0 0 65px !important
}

.lang-fr .help-templ article.t-tour div.signup .cta .button {
    width: 440px;
    margin-left: 50px
}

.lang-fr .help-templ article.t-tour div.signup .cta .button {
    margin-left: 48px
}

.lang-pt .help-templ .mod-container .mod-tab article#self-service h3 {
    font: 64px/59px DNLTUL;
    margin-bottom: 20px
}

.lang-pt .help-templ .mod-container .mod-tab article#gallery h3 {
    font: 67px/1 DNLTUL
}

.lang-pt .help-templ .mod-container .mod-tab h3 {
    font: 74px/71px DNLTUL;
    margin-bottom: 20px
}

.lang-pt .help-templ .mod-container .mod-tab article section aside.left-sided p {
    padding-right: 30px
}

.lang-pt .help-templ .feature-matrix .feature-matrix-list-item-desc {
    width: 170px
}

.lang-de .help-templ .mod-container .mod-tab article.intro li h2 {
    font: 30px/40px DNLTR;
    margin-bottom: 3px
}

.lang-de .help-templ .mod-container .mod-tab article.intro h2 {
    margin: 12px 0 29px 0
}

.lang-de .help-templ .mod-container .mod-tab article#self-service h3 {
    font: 68px/70px DNLTUL;
    margin-bottom: 15px
}

.lang-de .help-templ .mod-container .mod-tab article#gallery h3 {
    color: #fff;
    font: 64px/1 DNLTUL;
    margin: 0
}

.lang-de .help-templ .mod-container .mod-tab article#mobile h3 {
    color: #78a300;
    font: 78px/80px DNLTUL;
    margin-bottom: 12px
}

.lang-de .help-templ .mod-container .mod-tab article#social h3 {
    color: #78a300;
    font: 77px/77px DNLTUL;
    margin-bottom: 15px
}

.lang-ja .help-templ .mod-container .mod-tab article.intro h2 {
    color: #444;
    text-align: center;
    margin: 16px 0 29px 0;
    line-height: 23px
}

.lang-ja .help-templ .mod-container .mod-tab article.intro li h2 {
    font: 18px/26px DNLTR;
    text-transform: none;
    padding: 0 30px;
    margin: 25px 0 6px
}

.lang-ja .help-templ .mod-container .mod-tab article#fave-feature h3 {
    font: 73px/80px DNLTUL;
    margin-bottom: 10px
}

.lang-ja .help-templ .mod-container .mod-tab article#social h3 {
    font: 67px/74px DNLTUL;
    margin-bottom: 10px
}

.lang-ja .help-templ .mod-container .mod-tab article#social aside.left-sided p {
    font: 16px/22px DNLTR;
    padding-right: 30px
}

.lang-ja .help-templ .mod-container .mod-tab article#fave-feature section aside p {
    font: 16px/24px DNLTL;
    margin-bottom: 20px
}

.lang-ja .help-templ .mod-container .mod-tab article#fave-feature section span.author {
    font: 16px/26px DNLTLI
}

.lang-ja .help-templ .mod-container .mod-tab article#gallery h3 {
    color: #fff;
    font: 58px/1 DNLTUL;
    margin: 0
}

.lang-ja .help-templ .mod-container .mod-tab article#self-service h3 {
    font: 58px/66px DNLTUL;
    margin-bottom: 20px
}

.lang-ja .help-templ .mod-container .mod-tab article#fave-feature section aside a.cta {
    margin: 10px 0 0 !important
}

@media only screen and (max-width: 975px) {
    article.login {
        width:92% !important
    }
}

@media only screen and (max-width: 700px) {
    article.login {
        width:82% !important
    }
}

article.login ul {
    margin: 0;
    padding: 0
}

article.login form {
    position: relative
}

article.login form input[type=text] {
    border: 1px solid #BBB;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 2px 5px #DDD inset;
    font: 19px/1 DNLTL;
    margin: 0 0 0.9em 0;
    width: 56%;
    padding: 10px 0 5px 13px
}

@media only screen and (max-width: 700px) {
    article.login form input[type=text] {
        width:95%
    }
}

article.login form label {
    display: block;
    width: 100%;
    font: 18px/1 DNLTR;
    padding: 0 0 6px 28px;
    color: #DA491C;
    cursor: default;
    clear: both;
    opacity: 0;
    filter: alpha(opacity=0);
    background: url("./public/assets./images/p-demo/icon-error.png") 2px 0 no-repeat
}

@media only screen and (max-width: 700px) {
    article.login form label {
        width:202 !important
    }
}

article.login form a.button {
    float: right;
    width: 34%;
    padding: 14px 10px 3px;
    border-radius: 6px;
    height: 21px
}

@media only screen and (max-width: 700px) {
    article.login form a.button {
        margin-right:23%;
        width: 50%
    }
}

article.login section.recover {
    height: 270px;
    padding-right: 500px;
    background: url("./public/assets./images/p-login/graphic-portal.png") 500px 0 no-repeat
}

@media only screen and (max-width: 975px) {
    article.login section.recover {
        background:none;
        padding-right: 0px;
        width: 74%;
        height: 200px
    }
}

@media only screen and (max-width: 700px) {
    article.login section.recover {
        width:100%
    }
}

article.login h1 {
    margin-bottom: 30px
}

article.login h2 {
    font: 19px/1.4 PNR;
    color: #666;
    margin: 0 0 25px
}

@media only screen and (max-width: 975px) {
    article.login h2 {
        margin:0 0 10px
    }
}

@media only screen and (max-width: 700px) {
    article.login h2 {
        margin:0 0 0px
    }
}

article.login h3 {
    font: 18px/1 DNRB;
    color: #555;
    margin: 0 0 30px 0px
}

article.login section.resources {
    padding: 20px 0 0
}

@media only screen and (max-width: 700px) {
    article.login section.resources {
        padding:160px 0 0
    }
}

article.login div.contact {
    float: left;
    width: 280px
}

@media only screen and (max-width: 975px) {
    article.login div.contact {
        background:none;
        padding-right: 0px;
        width: 92%;
        height: 200px
    }
}

article.login div.contact p {
    font: 17px/1.4 DNRR;
    margin: 0 0 30px
}

article.login div.contact ul li {
    font: 17px/1 DNRM;
    padding: 5px 0 5px 35px;
    margin: 0 0 11px 0;
    list-style: none
}

@media only screen and (max-width: 975px) {
    article.login div.contact ul li {
        margin:0 0 11px 3%
    }
}

article.login div.contact ul li a {
    color: #666
}

article.login div.contact ul li a:hover {
    color: #0069AB
}

article.login div.contact ul.phone {
    margin: 17px 0 -5px
}

article.login div.contact ul.phone li {
    font: 16px/1 DNLTR;
    color: #777;
    margin: 0;
    padding: 0 0 14px 0
}

article.login div.contact ul.phone li span {
    font-family: DNRM;
    color: #555;
    margin: 0 5px 0 0
}

article.login div.contact ul li.web {
    background: url("./public/assets./images/p-login/icon-globe.png") 0 0 no-repeat
}

@media only screen and (max-width: 975px) {
    article.login div.contact ul li.web {
        float:left
    }
}

@media only screen and (max-width: 700px) {
    article.login div.contact ul li.web {
        display:inline;
        margin-left: 0%
    }
}

article.login div.contact ul li.phone {
    background: url("./public/assets./images/p-login/icon-phone.png") 0 4px no-repeat
}

@media only screen and (max-width: 975px) {
    article.login div.contact ul li.phone {
        float:left;
        margin-left: 15%
    }
}

@media only screen and (max-width: 700px) {
    article.login div.contact ul li.phone {
        display:inline;
        margin-left: 0%
    }
}

article.login div.contact ul li.phone a:hover {
    color: #555;
    cursor: default
}

article.login div.contact ul li.email {
    background: url("./public/assets./images/p-login/icon-email.png") 0 5px no-repeat;
    margin: -5% 0 0
}

@media only screen and (max-width: 975px) {
    article.login div.contact ul li.email {
        float:left;
        margin: -15% 3% 0
    }
}

@media only screen and (max-width: 700px) {
    article.login div.contact ul li.email {
        display:inline;
        margin: 0 0 0 0
    }
}

article.login div.webinars {
    float: right;
    width: 630px;
    margin: 0 0 0 0
}

@media only screen and (max-width: 975px) {
    article.login div.webinars {
        float:left;
        margin: 13% 0 0 0%
    }
}

@media only screen and (max-width: 700px) {
    article.login div.webinars {
        float:left;
        margin-top: 275px;
        width: 200px
    }
}

article.login div.webinars ul {
    margin: 0;
    padding: 0
}

@media only screen and (max-width: 700px) {
    article.login div.webinars ul {
        margin:25px
    }
}

article.login div.webinars ul li {
    float: left;
    margin: 0 40px 30px 0;
    list-style: none
}

article.login div.webinars ul li.last {
    margin: 0 0 20px 0
}

article.login div.webinars ul li span {
    display: block;
    width: 180px;
    font: 15px/1.2 DNRM;
    text-align: center;
    margin: 7px 0 0 1px
}

article.login div.webinars ul li img {
    display: block;
    width: 183px;
    height: 127px;
    clear: both
}

article.login form .loading {
    position: absolute;
    right: 20px;
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    width: 425px;
    top: -116px;
    z-index: 1;
    background: #fafafa;
    border-radius: 5px;
    padding: 55px 20px 0;
    margin: 0 auto;
    text-align: center;
    box-shadow: 0px 2px 7px #D6D5D5
}

@media only screen and (max-width: 975px) {
    article.login form .loading {
        padding:15px 0px 49px;
        width: 135%;
        top: -125px !important
    }
}

@media only screen and (max-width: 700px) {
    article.login form .loading {
        width:240px;
        top: -220px !important;
        padding: 40px 5px 36px 5px;
        margin-left: 0%;
        height: 266px !important
    }
}

article.login form .loading img {
    margin-bottom: 20px
}

@media only screen and (max-width: 700px) {
    article.login form .loading img {
        margin-bottom:25px
    }
}

article.login form .loading p {
    color: #999;
    font: 13px/1.35 DNLTRI
}

article.login form .loading p span {
    display: block;
    width: 100%;
    font: 16px/1.3 DNLTR;
    color: #999;
    text-align: center;
    margin: 0 auto
}

@media only screen and (max-width: 975px) {
    article.login form .loading p span {
        width:60%
    }
}

@media only screen and (max-width: 700px) {
    article.login form .loading p span {
        width:96%
    }
}

section.startups {
    margin: 100px 0 60px 0
}

section.startups .intro h1 {
    font: 50px/1 DNLTUL;
    margin: 20px 0px 35px 0px;
    text-transform: none;
    text-align: center;
    color: #78a300
}

section.startups .intro p {
    width: 60%;
    margin: 0 auto 20px;
    font: 18px/1.5 PNR;
    color: #666
}

section.startups .reqs {
    padding: 20px 0;
    margin: 50px auto;
    background: #f1f1f1
}

section.startups .reqs h3 {
    font: 35px/1 DNLTL;
    margin: 40px 0 50px 0
}

section.startups .reqs ul {
    width: 440px;
    float: left;
    margin: 0 0 0 20px;
    padding: 0
}

section.startups .reqs ul li {
    margin: 0 0 26px;
    font: 18px/1 PNR;
    color: #666;
    list-style: disc
}

section.startups .reqs .button {
    float: left
}

section.startups .testimonial {
    width: 280px;
    padding: 30px 30px 50px;
    margin: 0px 0 40px 0;
    text-align: center;
    border-radius: 6px;
    background: #fafafa
}

section.startups .testimonial img {
    margin: 0 auto 10px;
    clear: both
}

section.startups .testimonial p {
    color: #666
}

section.startups .terms {
    font: 14px/1 PNR;
    color: #999;
    clear: both
}

section.startups .form-startup ul {
    margin: 10px 0 20px 0
}

section.startups .form-startup .help {
    display: block;
    width: 100%;
    text-align: center;
    clear: both
}

section.startups .form-startup .button {
    margin: 50px auto
}

section.startups .form-startup .loading {
    left: 50%;
    margin-left: -220px
}

section.startups .form-startup h3 strong {
    font: 45px/1.2em DNRM
}

section.startups .form-startup .success ol {
    margin: 0 auto;
    width: 450px
}

section.startups .form-startup .success ol li {
    width: 100%;
    list-style: disc;
    margin-left: 16px;
    color: #666
}

section.startups .form-startup .success p {
    margin: 0 auto 30px;
    width: 450px
}

section.startups .button {
    margin: 20px auto;
    padding: 4px 15px 8px;
    float: none;
    font: 16px/3 DNRB;
    box-shadow: none;
    text-shadow: none;
    background-image: none;
    background-color: #ffa100
}

.page-startups .col {
    width: 440px;
    float: left;
    margin-bottom: 25px
}

.page-startups .col#first {
    margin-right: 80px
}

.page-startups #lp-banner-section h2 {
    margin-top: 0
}

.page-startups #lp-banner-section p {
    margin: 85px 0 20px;
    font: 20px DNLTRI;
    color: #bebebe
}

.page-startups #lp-why-you-love-it .alignright #lp-cta p {
    font-family: DNLTRI;
    margin: 10px auto 0;
    color: #787878;
    width: 220px
}

.page-startups #lp-why-you-love-it .alignright #lp-cta a.button {
    height: 62px
}

.page-startups .col h3 {
    font: 25px DNLTB;
    margin: 25px 0 10px
}

.page-startups .col p {
    font: 20px DNLTR;
    line-height: 1.4
}

.page-startups .col .smaller {
    margin-top: 20px;
    text-align: center;
    font-size: 16px
}

.page-startups .col .smaller span {
    display: block
}

.page-startups .col .italic {
    font-family: DNLTRI
}

.page-startups #logos {
    background: #fff;
    padding: 10px
}

@-webkit-keyframes floatupleft {
    0% {
        opacity: 0;
        border-width: 2px;
        top: 120px;
        padding: 0px
    }

    50% {
        opacity: 1;
        border-width: 4px;
        padding: 2px;
        margin-left: 10px;
        margin-right: 0px
    }

    95% {
        opacity: 1;
        border-width: 4px;
        padding: 4px;
        margin-right: 20px;
        margin-left: 0px
    }

    100% {
        opacity: 0;
        border-width: 0;
        top: 30px;
        padding: 0px;
        margin-right: 25px;
        margin-left: 0px
    }
}

@-webkit-keyframes floatupright {
    0% {
        opacity: 0;
        border-width: 2px;
        top: 125px;
        padding: 0px
    }

    50% {
        opacity: 1;
        border-width: 4px;
        padding: 1px;
        margin-right: 20px;
        margin-left: 0px
    }

    95% {
        opacity: 1;
        border-width: 4px;
        padding: 3px;
        margin-left: 15px;
        margin-right: 0px
    }

    100% {
        opacity: 0;
        border-width: 0;
        top: 40px;
        padding: 0px;
        margin-left: 12px;
        margin-right: 0px
    }
}

@-webkit-keyframes rotateBench {
    from {
        bottom: -10px;
        -webkit-transform: rotate(6deg);
        -moz-transform: rotate(6deg);
        -ms-transform: rotate(6deg);
        -o-transform: rotate(6deg);
        transform: rotate(6deg)
    }

    to {
        bottom: -1px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@-webkit-keyframes swinging {
    0% {
        -webkit-transform: rotate(10deg);
        -moz-transform: rotate(10deg);
        -ms-transform: rotate(10deg);
        -o-transform: rotate(10deg);
        transform: rotate(10deg);
        -webkit-transform-origin: top;
        -moz-transform-origin: top;
        -ms-transform-origin: top;
        -o-transform-origin: top;
        transform-origin: top
    }

    50% {
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        -o-transform: rotate(-10deg);
        transform: rotate(-10deg);
        -webkit-transform-origin: top;
        -moz-transform-origin: top;
        -ms-transform-origin: top;
        -o-transform-origin: top;
        transform-origin: top
    }

    100% {
        -webkit-transform: rotate(10deg);
        -moz-transform: rotate(10deg);
        -ms-transform: rotate(10deg);
        -o-transform: rotate(10deg);
        transform: rotate(10deg);
        -webkit-transform-origin: top;
        -moz-transform-origin: top;
        -ms-transform-origin: top;
        -o-transform-origin: top;
        transform-origin: top
    }
}

@-webkit-keyframes pourBeaker {
    0% {
        top: 268px
    }

    20% {
        top: 210px
    }

    30% {
        top: 210px;
        -webkit-transform: rotate(-100deg);
        -moz-transform: rotate(-100deg);
        -ms-transform: rotate(-100deg);
        -o-transform: rotate(-100deg);
        transform: rotate(-100deg)
    }

    80% {
        top: 210px;
        -webkit-transform: rotate(-100deg);
        -moz-transform: rotate(-100deg);
        -ms-transform: rotate(-100deg);
        -o-transform: rotate(-100deg);
        transform: rotate(-100deg)
    }

    100% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        top: 268px
    }
}

@-webkit-keyframes pourLiquid {
    0% {
        border-color: #1f718c;
        right: 144px;
        top: 320px
    }

    20% {
        border-color: rgba(31,113,140,0);
        right: 150px;
        top: 269px
    }

    30% {
        border-color: rgba(31,113,140,0);
        height: 22px;
        width: 44px;
        top: 269px;
        right: 150px
    }

    80% {
        border-color: rgba(31,113,140,0);
        height: 11px;
        top: 277px;
        width: 44px;
        right: 150px
    }

    100% {
        border-color: #1f718c;
        width: 58px;
        top: 320px;
        right: 144px
    }
}

@-webkit-keyframes streamLiquid {
    0% {
        opacity: 1;
        width: 0;
        top: 270px
    }

    20% {
        opacity: 1;
        width: 0;
        top: 270px
    }

    30% {
        opacity: 1;
        width: 35px;
        top: 272px
    }

    40% {
        opacity: 1;
        width: 35px;
        top: 272px
    }

    50% {
        opacity: 0;
        width: 35px;
        top: 272px
    }

    100% {
        opacity: 0;
        width: 0;
        top: 270px
    }
}

@-webkit-keyframes streamLiquidToo {
    0% {
        opacity: 1;
        height: 0px;
        top: 275px
    }

    20% {
        opacity: 1;
        height: 0px;
        top: 275px
    }

    30% {
        opacity: 1;
        height: 0px;
        top: 275px
    }

    40% {
        opacity: 1;
        height: 71px;
        top: 275px
    }

    45% {
        opacity: 1;
        height: 71px;
        top: 275px
    }

    50% {
        opacity: 1;
        height: 0px;
        top: 346px
    }

    100% {
        opacity: 0;
        height: 0px;
        top: 346px
    }
}

@-webkit-keyframes explodeIt {
    0% {
        height: 0%;
        opacity: 0
    }

    30% {
        height: 0%;
        opacity: 0
    }

    55% {
        height: 0%;
        opacity: 0
    }

    58% {
        opacity: 1;
        height: 180%
    }

    62% {
        opacity: 1;
        height: 180%
    }

    65% {
        opacity: 0;
        height: 180%
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes bgIn {
    0% {
        background: rgba(153,219,248,0)
    }

    58% {
        background: rgba(153,219,248,0)
    }

    62% {
        background: #99dbf8
    }

    65% {
        background: rgba(153,219,248,0)
    }

    6500% {
        background: rgba(153,219,248,0)
    }
}

@-webkit-keyframes pourLiquidToo {
    0% {
        top: 343px;
        opacity: 1
    }

    45% {
        top: 343px;
        opacity: 1
    }

    55% {
        top: 326px;
        opacity: 1
    }

    65% {
        top: 326px;
        opacity: 0
    }

    70% {
        top: 326px;
        opacity: 0
    }

    100% {
        top: 343px;
        opacity: 0
    }
}

@-webkit-keyframes magnify {
    0% {
        top: 226px
    }

    40% {
        top: 237px
    }

    75% {
        top: 237px
    }

    80% {
        top: 242px
    }

    85% {
        top: 237px
    }

    100% {
        top: 226px
    }
}

@-webkit-keyframes flicker {
    from {
        opacity: 1;
        margin-left: 1px
    }

    4% {
        opacity: 0.75;
        margin-left: -1px
    }

    6% {
        opacity: 0.95;
        margin-left: 0px
    }

    8% {
        opacity: 1;
        margin-left: 0px
    }

    10% {
        opacity: 0.95;
        margin-left: 1px
    }

    11% {
        opacity: 0.85;
        margin-left: -1px
    }

    12% {
        opacity: 1;
        margin-left: 2px
    }

    14% {
        opacity: 1;
        margin-left: 0px
    }

    16% {
        opacity: 0.9;
        margin-left: 1px
    }

    17% {
        opacity: 0.7;
        margin-left: 0px
    }

    19% {
        opacity: 1;
        margin-left: -1px
    }

    20% {
        opacity: 0.95;
        margin-left: 0px
    }

    24% {
        opacity: 1;
        margin-left: 1px
    }

    26% {
        opacity: 0.7;
        margin-left: 1px
    }

    28% {
        opacity: 0.95;
        margin-left: -1px
    }

    38% {
        opacity: 0.45;
        margin-left: 1px
    }

    40% {
        opacity: 0.95;
        margin-left: 0px
    }

    42% {
        opacity: 0.66;
        margin-left: 1px
    }

    44% {
        opacity: 1;
        margin-left: 1px
    }

    46% {
        opacity: 0.95;
        margin-left: 0px
    }

    56% {
        opacity: 0.85;
        margin-left: 0px
    }

    58% {
        opacity: 1;
        margin-left: 1px
    }

    60% {
        opacity: 1;
        margin-left: 1px
    }

    68% {
        opacity: 0.95;
        margin-left: -1px
    }

    70% {
        opacity: 1;
        margin-left: 0px
    }

    72% {
        opacity: 0.95;
        margin-left: 1px
    }

    93% {
        opacity: 0.85;
        margin-left: 1px
    }

    95% {
        opacity: 1;
        margin-left: -1px
    }

    97% {
        opacity: 0.95;
        margin-left: 2px
    }

    to {
        opacity: 0.95;
        margin-left: 0px
    }
}

@-moz-keyframes floatupleft {
    0% {
        opacity: 0;
        border-width: 2px;
        top: 120px;
        padding: 0px
    }

    50% {
        opacity: 1;
        border-width: 4px;
        padding: 2px;
        margin-left: 10px;
        margin-right: 0px
    }

    95% {
        opacity: 1;
        border-width: 4px;
        padding: 4px;
        margin-right: 20px;
        margin-left: 0px
    }

    100% {
        opacity: 0;
        border-width: 0;
        top: 30px;
        padding: 0px;
        margin-right: 25px;
        margin-left: 0px
    }
}

@-moz-keyframes floatupright {
    0% {
        opacity: 0;
        border-width: 2px;
        top: 125px;
        padding: 0px
    }

    50% {
        opacity: 1;
        border-width: 4px;
        padding: 1px;
        margin-right: 20px;
        margin-left: 0px
    }

    95% {
        opacity: 1;
        border-width: 4px;
        padding: 3px;
        margin-left: 15px;
        margin-right: 0px
    }

    100% {
        opacity: 0;
        border-width: 0;
        top: 40px;
        padding: 0px;
        margin-left: 12px;
        margin-right: 0px
    }
}

@-moz-keyframes rotateBench {
    from {
        bottom: -10px;
        -webkit-transform: rotate(6deg);
        -moz-transform: rotate(6deg);
        -ms-transform: rotate(6deg);
        -o-transform: rotate(6deg);
        transform: rotate(6deg)
    }

    to {
        bottom: -1px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@-moz-keyframes swinging {
    0% {
        -webkit-transform: rotate(10deg);
        -moz-transform: rotate(10deg);
        -ms-transform: rotate(10deg);
        -o-transform: rotate(10deg);
        transform: rotate(10deg);
        -webkit-transform-origin: top;
        -moz-transform-origin: top;
        -ms-transform-origin: top;
        -o-transform-origin: top;
        transform-origin: top
    }

    50% {
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        -o-transform: rotate(-10deg);
        transform: rotate(-10deg);
        -webkit-transform-origin: top;
        -moz-transform-origin: top;
        -ms-transform-origin: top;
        -o-transform-origin: top;
        transform-origin: top
    }

    100% {
        -webkit-transform: rotate(10deg);
        -moz-transform: rotate(10deg);
        -ms-transform: rotate(10deg);
        -o-transform: rotate(10deg);
        transform: rotate(10deg);
        -webkit-transform-origin: top;
        -moz-transform-origin: top;
        -ms-transform-origin: top;
        -o-transform-origin: top;
        transform-origin: top
    }
}

@-moz-keyframes pourBeaker {
    0% {
        top: 268px
    }

    20% {
        top: 210px
    }

    30% {
        top: 210px;
        -webkit-transform: rotate(-100deg);
        -moz-transform: rotate(-100deg);
        -ms-transform: rotate(-100deg);
        -o-transform: rotate(-100deg);
        transform: rotate(-100deg)
    }

    80% {
        top: 210px;
        -webkit-transform: rotate(-100deg);
        -moz-transform: rotate(-100deg);
        -ms-transform: rotate(-100deg);
        -o-transform: rotate(-100deg);
        transform: rotate(-100deg)
    }

    100% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        top: 268px
    }
}

@-moz-keyframes pourLiquid {
    0% {
        border-color: #1f718c;
        right: 144px;
        top: 320px
    }

    20% {
        border-color: rgba(31,113,140,0);
        right: 150px;
        top: 269px
    }

    30% {
        border-color: rgba(31,113,140,0);
        height: 22px;
        width: 44px;
        top: 269px;
        right: 150px
    }

    80% {
        border-color: rgba(31,113,140,0);
        height: 11px;
        top: 277px;
        width: 44px;
        right: 150px
    }

    100% {
        border-color: #1f718c;
        width: 58px;
        top: 320px;
        right: 144px
    }
}

@-moz-keyframes streamLiquid {
    0% {
        opacity: 1;
        width: 0;
        top: 270px
    }

    20% {
        opacity: 1;
        width: 0;
        top: 270px
    }

    30% {
        opacity: 1;
        width: 35px;
        top: 272px
    }

    40% {
        opacity: 1;
        width: 35px;
        top: 272px
    }

    50% {
        opacity: 0;
        width: 35px;
        top: 272px
    }

    100% {
        opacity: 0;
        width: 0;
        top: 270px
    }
}

@-moz-keyframes streamLiquidToo {
    0% {
        opacity: 1;
        height: 0px;
        top: 275px
    }

    20% {
        opacity: 1;
        height: 0px;
        top: 275px
    }

    30% {
        opacity: 1;
        height: 0px;
        top: 275px
    }

    40% {
        opacity: 1;
        height: 71px;
        top: 275px
    }

    45% {
        opacity: 1;
        height: 71px;
        top: 275px
    }

    50% {
        opacity: 1;
        height: 0px;
        top: 346px
    }

    100% {
        opacity: 0;
        height: 0px;
        top: 346px
    }
}

@-moz-keyframes explodeIt {
    0% {
        height: 0%;
        opacity: 0
    }

    30% {
        height: 0%;
        opacity: 0
    }

    55% {
        height: 0%;
        opacity: 0
    }

    58% {
        opacity: 1;
        height: 180%
    }

    62% {
        opacity: 1;
        height: 180%
    }

    65% {
        opacity: 0;
        height: 180%
    }

    100% {
        opacity: 0
    }
}

@-moz-keyframes bgIn {
    0% {
        background: rgba(242,216,16,0)
    }

    58% {
        background: rgba(242,216,16,0)
    }

    62% {
        background: #f2d810
    }

    65% {
        background: rgba(242,216,16,0)
    }

    6500% {
        background: rgba(242,216,16,0)
    }
}

@-moz-keyframes pourLiquidToo {
    0% {
        top: 343px;
        opacity: 1
    }

    45% {
        top: 343px;
        opacity: 1
    }

    55% {
        top: 326px;
        opacity: 1
    }

    65% {
        top: 326px;
        opacity: 0
    }

    70% {
        top: 326px;
        opacity: 0
    }

    100% {
        top: 343px;
        opacity: 0
    }
}

@-moz-keyframes magnify {
    0% {
        top: 226px
    }

    40% {
        top: 237px
    }

    75% {
        top: 237px
    }

    80% {
        top: 242px
    }

    85% {
        top: 237px
    }

    100% {
        top: 226px
    }
}

@-moz-keyframes flicker {
    from {
        opacity: 1;
        margin-left: 1px
    }

    4% {
        opacity: 0.75;
        margin-left: -1px
    }

    6% {
        opacity: 0.95;
        margin-left: 0px
    }

    8% {
        opacity: 1;
        margin-left: 0px
    }

    10% {
        opacity: 0.95;
        margin-left: 1px
    }

    11% {
        opacity: 0.85;
        margin-left: -1px
    }

    12% {
        opacity: 1;
        margin-left: 2px
    }

    14% {
        opacity: 1;
        margin-left: 0px
    }

    16% {
        opacity: 0.9;
        margin-left: 1px
    }

    17% {
        opacity: 0.7;
        margin-left: 0px
    }

    19% {
        opacity: 1;
        margin-left: -1px
    }

    20% {
        opacity: 0.95;
        margin-left: 0px
    }

    24% {
        opacity: 1;
        margin-left: 1px
    }

    26% {
        opacity: 0.7;
        margin-left: 1px
    }

    28% {
        opacity: 0.95;
        margin-left: -1px
    }

    38% {
        opacity: 0.45;
        margin-left: 1px
    }

    40% {
        opacity: 0.95;
        margin-left: 0px
    }

    42% {
        opacity: 0.66;
        margin-left: 1px
    }

    44% {
        opacity: 1;
        margin-left: 1px
    }

    46% {
        opacity: 0.95;
        margin-left: 0px
    }

    56% {
        opacity: 0.85;
        margin-left: 0px
    }

    58% {
        opacity: 1;
        margin-left: 1px
    }

    60% {
        opacity: 1;
        margin-left: 1px
    }

    68% {
        opacity: 0.95;
        margin-left: -1px
    }

    70% {
        opacity: 1;
        margin-left: 0px
    }

    72% {
        opacity: 0.95;
        margin-left: 1px
    }

    93% {
        opacity: 0.85;
        margin-left: 1px
    }

    95% {
        opacity: 1;
        margin-left: -1px
    }

    97% {
        opacity: 0.95;
        margin-left: 2px
    }

    to {
        opacity: 0.95;
        margin-left: 0px
    }
}

@-ms-keyframes floatupleft {
    0% {
        opacity: 0;
        border-width: 2px;
        top: 120px;
        padding: 0px
    }

    50% {
        opacity: 1;
        border-width: 4px;
        padding: 2px;
        margin-left: 10px;
        margin-right: 0px
    }

    95% {
        opacity: 1;
        border-width: 4px;
        padding: 4px;
        margin-right: 20px;
        margin-left: 0px
    }

    100% {
        opacity: 0;
        border-width: 0;
        top: 30px;
        padding: 0px;
        margin-right: 25px;
        margin-left: 0px
    }
}

@-ms-keyframes floatupright {
    0% {
        opacity: 0;
        border-width: 2px;
        top: 125px;
        padding: 0px
    }

    50% {
        opacity: 1;
        border-width: 4px;
        padding: 1px;
        margin-right: 20px;
        margin-left: 0px
    }

    95% {
        opacity: 1;
        border-width: 4px;
        padding: 3px;
        margin-left: 15px;
        margin-right: 0px
    }

    100% {
        opacity: 0;
        border-width: 0;
        top: 40px;
        padding: 0px;
        margin-left: 12px;
        margin-right: 0px
    }
}

@-ms-keyframes rotateBench {
    from {
        bottom: -10px;
        -webkit-transform: rotate(6deg);
        -moz-transform: rotate(6deg);
        -ms-transform: rotate(6deg);
        -o-transform: rotate(6deg);
        transform: rotate(6deg)
    }

    to {
        bottom: -1px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@-ms-keyframes swinging {
    0% {
        -webkit-transform: rotate(10deg);
        -moz-transform: rotate(10deg);
        -ms-transform: rotate(10deg);
        -o-transform: rotate(10deg);
        transform: rotate(10deg);
        -webkit-transform-origin: top;
        -moz-transform-origin: top;
        -ms-transform-origin: top;
        -o-transform-origin: top;
        transform-origin: top
    }

    50% {
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        -o-transform: rotate(-10deg);
        transform: rotate(-10deg);
        -webkit-transform-origin: top;
        -moz-transform-origin: top;
        -ms-transform-origin: top;
        -o-transform-origin: top;
        transform-origin: top
    }

    100% {
        -webkit-transform: rotate(10deg);
        -moz-transform: rotate(10deg);
        -ms-transform: rotate(10deg);
        -o-transform: rotate(10deg);
        transform: rotate(10deg);
        -webkit-transform-origin: top;
        -moz-transform-origin: top;
        -ms-transform-origin: top;
        -o-transform-origin: top;
        transform-origin: top
    }
}

@-ms-keyframes pourBeaker {
    0% {
        top: 268px
    }

    20% {
        top: 210px
    }

    30% {
        top: 210px;
        -webkit-transform: rotate(-100deg);
        -moz-transform: rotate(-100deg);
        -ms-transform: rotate(-100deg);
        -o-transform: rotate(-100deg);
        transform: rotate(-100deg)
    }

    80% {
        top: 210px;
        -webkit-transform: rotate(-100deg);
        -moz-transform: rotate(-100deg);
        -ms-transform: rotate(-100deg);
        -o-transform: rotate(-100deg);
        transform: rotate(-100deg)
    }

    100% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        top: 268px
    }
}

@-ms-keyframes pourLiquid {
    0% {
        border-color: #1f718c;
        right: 144px;
        top: 320px
    }

    20% {
        border-color: rgba(31,113,140,0);
        right: 150px;
        top: 269px
    }

    30% {
        border-color: rgba(31,113,140,0);
        height: 22px;
        width: 44px;
        top: 269px;
        right: 150px
    }

    80% {
        border-color: rgba(31,113,140,0);
        height: 11px;
        top: 277px;
        width: 44px;
        right: 150px
    }

    100% {
        border-color: #1f718c;
        width: 58px;
        top: 320px;
        right: 144px
    }
}

@-ms-keyframes streamLiquid {
    0% {
        opacity: 1;
        width: 0;
        top: 270px
    }

    20% {
        opacity: 1;
        width: 0;
        top: 270px
    }

    30% {
        opacity: 1;
        width: 35px;
        top: 272px
    }

    40% {
        opacity: 1;
        width: 35px;
        top: 272px
    }

    50% {
        opacity: 0;
        width: 35px;
        top: 272px
    }

    100% {
        opacity: 0;
        width: 0;
        top: 270px
    }
}

@-ms-keyframes streamLiquidToo {
    0% {
        opacity: 1;
        height: 0px;
        top: 275px
    }

    20% {
        opacity: 1;
        height: 0px;
        top: 275px
    }

    30% {
        opacity: 1;
        height: 0px;
        top: 275px
    }

    40% {
        opacity: 1;
        height: 71px;
        top: 275px
    }

    45% {
        opacity: 1;
        height: 71px;
        top: 275px
    }

    50% {
        opacity: 1;
        height: 0px;
        top: 346px
    }

    100% {
        opacity: 0;
        height: 0px;
        top: 346px
    }
}

@-ms-keyframes explodeIt {
    0% {
        height: 0%;
        opacity: 0
    }

    30% {
        height: 0%;
        opacity: 0
    }

    55% {
        height: 0%;
        opacity: 0
    }

    58% {
        opacity: 1;
        height: 180%
    }

    62% {
        opacity: 1;
        height: 180%
    }

    65% {
        opacity: 0;
        height: 180%
    }

    100% {
        opacity: 0
    }
}

@-ms-keyframes bgIn {
    0% {
        background: rgba(242,216,16,0)
    }

    58% {
        background: rgba(242,216,16,0)
    }

    62% {
        background: #f2d810
    }

    65% {
        background: rgba(242,216,16,0)
    }

    6500% {
        background: rgba(242,216,16,0)
    }
}

@-ms-keyframes pourLiquidToo {
    0% {
        top: 343px;
        opacity: 1
    }

    45% {
        top: 343px;
        opacity: 1
    }

    55% {
        top: 326px;
        opacity: 1
    }

    65% {
        top: 326px;
        opacity: 0
    }

    70% {
        top: 326px;
        opacity: 0
    }

    100% {
        top: 343px;
        opacity: 0
    }
}

@-ms-keyframes magnify {
    0% {
        top: 226px
    }

    40% {
        top: 237px
    }

    75% {
        top: 237px
    }

    80% {
        top: 242px
    }

    85% {
        top: 237px
    }

    100% {
        top: 226px
    }
}

@-ms-keyframes flicker {
    from {
        opacity: 1;
        margin-left: 1px
    }

    4% {
        opacity: 0.75;
        margin-left: -1px
    }

    6% {
        opacity: 0.95;
        margin-left: 0px
    }

    8% {
        opacity: 1;
        margin-left: 0px
    }

    10% {
        opacity: 0.95;
        margin-left: 1px
    }

    11% {
        opacity: 0.85;
        margin-left: -1px
    }

    12% {
        opacity: 1;
        margin-left: 2px
    }

    14% {
        opacity: 1;
        margin-left: 0px
    }

    16% {
        opacity: 0.9;
        margin-left: 1px
    }

    17% {
        opacity: 0.7;
        margin-left: 0px
    }

    19% {
        opacity: 1;
        margin-left: -1px
    }

    20% {
        opacity: 0.95;
        margin-left: 0px
    }

    24% {
        opacity: 1;
        margin-left: 1px
    }

    26% {
        opacity: 0.7;
        margin-left: 1px
    }

    28% {
        opacity: 0.95;
        margin-left: -1px
    }

    38% {
        opacity: 0.45;
        margin-left: 1px
    }

    40% {
        opacity: 0.95;
        margin-left: 0px
    }

    42% {
        opacity: 0.66;
        margin-left: 1px
    }

    44% {
        opacity: 1;
        margin-left: 1px
    }

    46% {
        opacity: 0.95;
        margin-left: 0px
    }

    56% {
        opacity: 0.85;
        margin-left: 0px
    }

    58% {
        opacity: 1;
        margin-left: 1px
    }

    60% {
        opacity: 1;
        margin-left: 1px
    }

    68% {
        opacity: 0.95;
        margin-left: -1px
    }

    70% {
        opacity: 1;
        margin-left: 0px
    }

    72% {
        opacity: 0.95;
        margin-left: 1px
    }

    93% {
        opacity: 0.85;
        margin-left: 1px
    }

    95% {
        opacity: 1;
        margin-left: -1px
    }

    97% {
        opacity: 0.95;
        margin-left: 2px
    }

    to {
        opacity: 0.95;
        margin-left: 0px
    }
}

@-o-keyframes floatupleft {
    0% {
        opacity: 0;
        border-width: 2px;
        top: 120px;
        padding: 0px
    }

    50% {
        opacity: 1;
        border-width: 4px;
        padding: 2px;
        margin-left: 10px;
        margin-right: 0px
    }

    95% {
        opacity: 1;
        border-width: 4px;
        padding: 4px;
        margin-right: 20px;
        margin-left: 0px
    }

    100% {
        opacity: 0;
        border-width: 0;
        top: 30px;
        padding: 0px;
        margin-right: 25px;
        margin-left: 0px
    }
}

@-o-keyframes floatupright {
    0% {
        opacity: 0;
        border-width: 2px;
        top: 125px;
        padding: 0px
    }

    50% {
        opacity: 1;
        border-width: 4px;
        padding: 1px;
        margin-right: 20px;
        margin-left: 0px
    }

    95% {
        opacity: 1;
        border-width: 4px;
        padding: 3px;
        margin-left: 15px;
        margin-right: 0px
    }

    100% {
        opacity: 0;
        border-width: 0;
        top: 40px;
        padding: 0px;
        margin-left: 12px;
        margin-right: 0px
    }
}

@-o-keyframes rotateBench {
    from {
        bottom: -10px;
        -webkit-transform: rotate(6deg);
        -moz-transform: rotate(6deg);
        -ms-transform: rotate(6deg);
        -o-transform: rotate(6deg);
        transform: rotate(6deg)
    }

    to {
        bottom: -1px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@-o-keyframes swinging {
    0% {
        -webkit-transform: rotate(10deg);
        -moz-transform: rotate(10deg);
        -ms-transform: rotate(10deg);
        -o-transform: rotate(10deg);
        transform: rotate(10deg);
        -webkit-transform-origin: top;
        -moz-transform-origin: top;
        -ms-transform-origin: top;
        -o-transform-origin: top;
        transform-origin: top
    }

    50% {
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        -o-transform: rotate(-10deg);
        transform: rotate(-10deg);
        -webkit-transform-origin: top;
        -moz-transform-origin: top;
        -ms-transform-origin: top;
        -o-transform-origin: top;
        transform-origin: top
    }

    100% {
        -webkit-transform: rotate(10deg);
        -moz-transform: rotate(10deg);
        -ms-transform: rotate(10deg);
        -o-transform: rotate(10deg);
        transform: rotate(10deg);
        -webkit-transform-origin: top;
        -moz-transform-origin: top;
        -ms-transform-origin: top;
        -o-transform-origin: top;
        transform-origin: top
    }
}

@-o-keyframes pourBeaker {
    0% {
        top: 268px
    }

    20% {
        top: 210px
    }

    30% {
        top: 210px;
        -webkit-transform: rotate(-100deg);
        -moz-transform: rotate(-100deg);
        -ms-transform: rotate(-100deg);
        -o-transform: rotate(-100deg);
        transform: rotate(-100deg)
    }

    80% {
        top: 210px;
        -webkit-transform: rotate(-100deg);
        -moz-transform: rotate(-100deg);
        -ms-transform: rotate(-100deg);
        -o-transform: rotate(-100deg);
        transform: rotate(-100deg)
    }

    100% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        top: 268px
    }
}

@-o-keyframes pourLiquid {
    0% {
        border-color: #1f718c;
        right: 144px;
        top: 320px
    }

    20% {
        border-color: rgba(31,113,140,0);
        right: 150px;
        top: 269px
    }

    30% {
        border-color: rgba(31,113,140,0);
        height: 22px;
        width: 44px;
        top: 269px;
        right: 150px
    }

    80% {
        border-color: rgba(31,113,140,0);
        height: 11px;
        top: 277px;
        width: 44px;
        right: 150px
    }

    100% {
        border-color: #1f718c;
        width: 58px;
        top: 320px;
        right: 144px
    }
}

@-o-keyframes streamLiquid {
    0% {
        opacity: 1;
        width: 0;
        top: 270px
    }

    20% {
        opacity: 1;
        width: 0;
        top: 270px
    }

    30% {
        opacity: 1;
        width: 35px;
        top: 272px
    }

    40% {
        opacity: 1;
        width: 35px;
        top: 272px
    }

    50% {
        opacity: 0;
        width: 35px;
        top: 272px
    }

    100% {
        opacity: 0;
        width: 0;
        top: 270px
    }
}

@-o-keyframes streamLiquidToo {
    0% {
        opacity: 1;
        height: 0px;
        top: 275px
    }

    20% {
        opacity: 1;
        height: 0px;
        top: 275px
    }

    30% {
        opacity: 1;
        height: 0px;
        top: 275px
    }

    40% {
        opacity: 1;
        height: 71px;
        top: 275px
    }

    45% {
        opacity: 1;
        height: 71px;
        top: 275px
    }

    50% {
        opacity: 1;
        height: 0px;
        top: 346px
    }

    100% {
        opacity: 0;
        height: 0px;
        top: 346px
    }
}

@-o-keyframes explodeIt {
    0% {
        height: 0%;
        opacity: 0
    }

    30% {
        height: 0%;
        opacity: 0
    }

    55% {
        height: 0%;
        opacity: 0
    }

    58% {
        opacity: 1;
        height: 180%
    }

    62% {
        opacity: 1;
        height: 180%
    }

    65% {
        opacity: 0;
        height: 180%
    }

    100% {
        opacity: 0
    }
}

@-o-keyframes bgIn {
    0% {
        background: rgba(242,216,16,0)
    }

    58% {
        background: rgba(242,216,16,0)
    }

    62% {
        background: #f2d810
    }

    65% {
        background: rgba(242,216,16,0)
    }

    6500% {
        background: rgba(242,216,16,0)
    }
}

@-o-keyframes pourLiquidToo {
    0% {
        top: 343px;
        opacity: 1
    }

    45% {
        top: 343px;
        opacity: 1
    }

    55% {
        top: 326px;
        opacity: 1
    }

    65% {
        top: 326px;
        opacity: 0
    }

    70% {
        top: 326px;
        opacity: 0
    }

    100% {
        top: 343px;
        opacity: 0
    }
}

@-o-keyframes magnify {
    0% {
        top: 226px
    }

    40% {
        top: 237px
    }

    75% {
        top: 237px
    }

    80% {
        top: 242px
    }

    85% {
        top: 237px
    }

    100% {
        top: 226px
    }
}

@-o-keyframes flicker {
    from {
        opacity: 1;
        margin-left: 1px
    }

    4% {
        opacity: 0.75;
        margin-left: -1px
    }

    6% {
        opacity: 0.95;
        margin-left: 0px
    }

    8% {
        opacity: 1;
        margin-left: 0px
    }

    10% {
        opacity: 0.95;
        margin-left: 1px
    }

    11% {
        opacity: 0.85;
        margin-left: -1px
    }

    12% {
        opacity: 1;
        margin-left: 2px
    }

    14% {
        opacity: 1;
        margin-left: 0px
    }

    16% {
        opacity: 0.9;
        margin-left: 1px
    }

    17% {
        opacity: 0.7;
        margin-left: 0px
    }

    19% {
        opacity: 1;
        margin-left: -1px
    }

    20% {
        opacity: 0.95;
        margin-left: 0px
    }

    24% {
        opacity: 1;
        margin-left: 1px
    }

    26% {
        opacity: 0.7;
        margin-left: 1px
    }

    28% {
        opacity: 0.95;
        margin-left: -1px
    }

    38% {
        opacity: 0.45;
        margin-left: 1px
    }

    40% {
        opacity: 0.95;
        margin-left: 0px
    }

    42% {
        opacity: 0.66;
        margin-left: 1px
    }

    44% {
        opacity: 1;
        margin-left: 1px
    }

    46% {
        opacity: 0.95;
        margin-left: 0px
    }

    56% {
        opacity: 0.85;
        margin-left: 0px
    }

    58% {
        opacity: 1;
        margin-left: 1px
    }

    60% {
        opacity: 1;
        margin-left: 1px
    }

    68% {
        opacity: 0.95;
        margin-left: -1px
    }

    70% {
        opacity: 1;
        margin-left: 0px
    }

    72% {
        opacity: 0.95;
        margin-left: 1px
    }

    93% {
        opacity: 0.85;
        margin-left: 1px
    }

    95% {
        opacity: 1;
        margin-left: -1px
    }

    97% {
        opacity: 0.95;
        margin-left: 2px
    }

    to {
        opacity: 0.95;
        margin-left: 0px
    }
}

@keyframes floatupleft {
    0% {
        opacity: 0;
        border-width: 2px;
        top: 120px;
        padding: 0px
    }

    50% {
        opacity: 1;
        border-width: 4px;
        padding: 2px;
        margin-left: 10px;
        margin-right: 0px
    }

    95% {
        opacity: 1;
        border-width: 4px;
        padding: 4px;
        margin-right: 20px;
        margin-left: 0px
    }

    100% {
        opacity: 0;
        border-width: 0;
        top: 30px;
        padding: 0px;
        margin-right: 25px;
        margin-left: 0px
    }
}

@keyframes floatupright {
    0% {
        opacity: 0;
        border-width: 2px;
        top: 125px;
        padding: 0px
    }

    50% {
        opacity: 1;
        border-width: 4px;
        padding: 1px;
        margin-right: 20px;
        margin-left: 0px
    }

    95% {
        opacity: 1;
        border-width: 4px;
        padding: 3px;
        margin-left: 15px;
        margin-right: 0px
    }

    100% {
        opacity: 0;
        border-width: 0;
        top: 40px;
        padding: 0px;
        margin-left: 12px;
        margin-right: 0px
    }
}

@keyframes rotateBench {
    from {
        bottom: -10px;
        -webkit-transform: rotate(6deg);
        -moz-transform: rotate(6deg);
        -ms-transform: rotate(6deg);
        -o-transform: rotate(6deg);
        transform: rotate(6deg)
    }

    to {
        bottom: -1px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes swinging {
    0% {
        -webkit-transform: rotate(10deg);
        -moz-transform: rotate(10deg);
        -ms-transform: rotate(10deg);
        -o-transform: rotate(10deg);
        transform: rotate(10deg);
        -webkit-transform-origin: top;
        -moz-transform-origin: top;
        -ms-transform-origin: top;
        -o-transform-origin: top;
        transform-origin: top
    }

    50% {
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        -o-transform: rotate(-10deg);
        transform: rotate(-10deg);
        -webkit-transform-origin: top;
        -moz-transform-origin: top;
        -ms-transform-origin: top;
        -o-transform-origin: top;
        transform-origin: top
    }

    100% {
        -webkit-transform: rotate(10deg);
        -moz-transform: rotate(10deg);
        -ms-transform: rotate(10deg);
        -o-transform: rotate(10deg);
        transform: rotate(10deg);
        -webkit-transform-origin: top;
        -moz-transform-origin: top;
        -ms-transform-origin: top;
        -o-transform-origin: top;
        transform-origin: top
    }
}

@keyframes pourBeaker {
    0% {
        top: 268px
    }

    20% {
        top: 210px
    }

    30% {
        top: 210px;
        -webkit-transform: rotate(-100deg);
        -moz-transform: rotate(-100deg);
        -ms-transform: rotate(-100deg);
        -o-transform: rotate(-100deg);
        transform: rotate(-100deg)
    }

    80% {
        top: 210px;
        -webkit-transform: rotate(-100deg);
        -moz-transform: rotate(-100deg);
        -ms-transform: rotate(-100deg);
        -o-transform: rotate(-100deg);
        transform: rotate(-100deg)
    }

    100% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        top: 268px
    }
}

@keyframes pourLiquid {
    0% {
        border-color: #1f718c;
        right: 144px;
        top: 320px
    }

    20% {
        border-color: rgba(31,113,140,0);
        right: 150px;
        top: 269px
    }

    30% {
        border-color: rgba(31,113,140,0);
        height: 22px;
        width: 44px;
        top: 269px;
        right: 150px
    }

    80% {
        border-color: rgba(31,113,140,0);
        height: 11px;
        top: 277px;
        width: 44px;
        right: 150px
    }

    100% {
        border-color: #1f718c;
        width: 58px;
        top: 320px;
        right: 144px
    }
}

@keyframes streamLiquid {
    0% {
        opacity: 1;
        width: 0;
        top: 270px
    }

    20% {
        opacity: 1;
        width: 0;
        top: 270px
    }

    30% {
        opacity: 1;
        width: 35px;
        top: 272px
    }

    40% {
        opacity: 1;
        width: 35px;
        top: 272px
    }

    50% {
        opacity: 0;
        width: 35px;
        top: 272px
    }

    100% {
        opacity: 0;
        width: 0;
        top: 270px
    }
}

@keyframes streamLiquidToo {
    0% {
        opacity: 1;
        height: 0px;
        top: 275px
    }

    20% {
        opacity: 1;
        height: 0px;
        top: 275px
    }

    30% {
        opacity: 1;
        height: 0px;
        top: 275px
    }

    40% {
        opacity: 1;
        height: 71px;
        top: 275px
    }

    45% {
        opacity: 1;
        height: 71px;
        top: 275px
    }

    50% {
        opacity: 1;
        height: 0px;
        top: 346px
    }

    100% {
        opacity: 0;
        height: 0px;
        top: 346px
    }
}

@keyframes explodeIt {
    0% {
        height: 0%;
        opacity: 0
    }

    30% {
        height: 0%;
        opacity: 0
    }

    55% {
        height: 0%;
        opacity: 0
    }

    58% {
        opacity: 1;
        height: 180%
    }

    62% {
        opacity: 1;
        height: 180%
    }

    65% {
        opacity: 0;
        height: 180%
    }

    100% {
        opacity: 0
    }
}

@keyframes bgIn {
    0% {
        background: rgba(242,216,16,0)
    }

    58% {
        background: rgba(242,216,16,0)
    }

    62% {
        background: #f2d810
    }

    65% {
        background: rgba(242,216,16,0)
    }

    6500% {
        background: rgba(242,216,16,0)
    }
}

@keyframes pourLiquidToo {
    0% {
        top: 343px;
        opacity: 1
    }

    45% {
        top: 343px;
        opacity: 1
    }

    55% {
        top: 326px;
        opacity: 1
    }

    65% {
        top: 326px;
        opacity: 0
    }

    70% {
        top: 326px;
        opacity: 0
    }

    100% {
        top: 343px;
        opacity: 0
    }
}

@keyframes magnify {
    0% {
        top: 226px
    }

    40% {
        top: 237px
    }

    75% {
        top: 237px
    }

    80% {
        top: 242px
    }

    85% {
        top: 237px
    }

    100% {
        top: 226px
    }
}

@keyframes flicker {
    from {
        opacity: 1;
        margin-left: 1px
    }

    4% {
        opacity: 0.75;
        margin-left: -1px
    }

    6% {
        opacity: 0.95;
        margin-left: 0px
    }

    8% {
        opacity: 1;
        margin-left: 0px
    }

    10% {
        opacity: 0.95;
        margin-left: 1px
    }

    11% {
        opacity: 0.85;
        margin-left: -1px
    }

    12% {
        opacity: 1;
        margin-left: 2px
    }

    14% {
        opacity: 1;
        margin-left: 0px
    }

    16% {
        opacity: 0.9;
        margin-left: 1px
    }

    17% {
        opacity: 0.7;
        margin-left: 0px
    }

    19% {
        opacity: 1;
        margin-left: -1px
    }

    20% {
        opacity: 0.95;
        margin-left: 0px
    }

    24% {
        opacity: 1;
        margin-left: 1px
    }

    26% {
        opacity: 0.7;
        margin-left: 1px
    }

    28% {
        opacity: 0.95;
        margin-left: -1px
    }

    38% {
        opacity: 0.45;
        margin-left: 1px
    }

    40% {
        opacity: 0.95;
        margin-left: 0px
    }

    42% {
        opacity: 0.66;
        margin-left: 1px
    }

    44% {
        opacity: 1;
        margin-left: 1px
    }

    46% {
        opacity: 0.95;
        margin-left: 0px
    }

    56% {
        opacity: 0.85;
        margin-left: 0px
    }

    58% {
        opacity: 1;
        margin-left: 1px
    }

    60% {
        opacity: 1;
        margin-left: 1px
    }

    68% {
        opacity: 0.95;
        margin-left: -1px
    }

    70% {
        opacity: 1;
        margin-left: 0px
    }

    72% {
        opacity: 0.95;
        margin-left: 1px
    }

    93% {
        opacity: 0.85;
        margin-left: 1px
    }

    95% {
        opacity: 1;
        margin-left: -1px
    }

    97% {
        opacity: 0.95;
        margin-left: 2px
    }

    to {
        opacity: 0.95;
        margin-left: 0px
    }
}

.mod-block.plus-plan.insights .close {
    background: none;
    cursor: pointer;
    top: 10px;
    right: -50px
}

@media only screen and (max-width: 975px) {
    .mod-block.plus-plan.insights .close {
        right:-40px
    }
}

.mod-block.plus-plan.insights .mod-container .mod-tab article.standard-list.ex-features nav.list ul li a {
    font: 11px/1 DNRB
}

@media only screen and (max-width: 975px) {
    .mod-block.plus-plan.insights .mod-container .mod-tab article.standard-list.ex-features nav.list ul li a {
        font:16px/22px PNR
    }
}

.mod-block.plus-plan.insights .mod-container .mod-tab article.standard-list.ex-features section .carousel-content {
    margin: 0 auto;
    width: 766px
}

@media only screen and (max-width: 975px) {
    .mod-block.plus-plan.insights .mod-container .mod-tab article.standard-list.ex-features section .carousel-content div.popover {
        top:167px !important;
        left: 30px !important;
        width: 255px
    }

    .mod-block.plus-plan.insights .mod-container .mod-tab article.standard-list.ex-features section .carousel-content div.popover .popover-pin {
        display: block;
        top: 90px;
        left: 290px
    }
}

.mod-block.plus-plan.insights .mod-container .mod-tab article.standard-list.ex-features section .carousel-content .carousel-content-item.active {
    left: 10px;
    width: auto
}

.mod-block.plus-plan.insights .mod-container .mod-tab article.standard-list.ex-features section .carousel-content .magnify {
    top: 110px;
    right: 180px
}

@media only screen and (max-width: 975px) {
    .mod-block.plus-plan.insights .mod-container .mod-tab article.standard-list.ex-features section .carousel-content .magnify img {
        width:250px
    }
}

.mod-block.plus-plan.insights .mod-container .mod-tab article.standard-list.ex-features section .carousel-content .carousel-content-img {
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none
}

@media only screen and (max-width: 975px) {
    .mod-block.plus-plan.insights .mod-container .mod-tab article.standard-list.ex-features section .carousel-content img {
        width:615px
    }
}

.mod-block.plus-plan.insights .mod-container .mod-tab article.standard-list.ex-features section .carousel-content .carousel-paddles a.carousel-paddles-lt,.mod-block.plus-plan.insights .mod-container .mod-tab article.standard-list.ex-features section .carousel-content .mobile-carousel nav a.carousel-paddles-lt {
    left: -100px
}

@media only screen and (max-width: 975px) {
    .mod-block.plus-plan.insights .mod-container .mod-tab article.standard-list.ex-features section .carousel-content .carousel-paddles a.carousel-paddles-lt,.mod-block.plus-plan.insights .mod-container .mod-tab article.standard-list.ex-features section .carousel-content .mobile-carousel nav a.carousel-paddles-lt {
        left:-20px
    }
}

.mod-block.plus-plan.insights .mod-container .mod-tab article.standard-list.ex-features section .carousel-content .carousel-paddles a.carousel-paddles-rt,.mod-block.plus-plan.insights .mod-container .mod-tab article.standard-list.ex-features section .carousel-content .mobile-carousel nav a.carousel-paddles-rt {
    left: 900px
}

@media only screen and (max-width: 975px) {
    .mod-block.plus-plan.insights .mod-container .mod-tab article.standard-list.ex-features section .carousel-content .carousel-paddles a.carousel-paddles-rt,.mod-block.plus-plan.insights .mod-container .mod-tab article.standard-list.ex-features section .carousel-content .mobile-carousel nav a.carousel-paddles-rt {
        left:600px
    }
}

.mod-block.plus-plan.insights div.signup .cta-wrap p {
    color: #fff;
    font: 17px/1 DNRM;
    text-align: center;
    text-transform: uppercase;
    margin: 0 auto 20px -115px;
    width: 100%
}

@media only screen and (max-width: 778px) {
    .mod-block.plus-plan.insights div.signup .cta-wrap p {
        margin:0 auto 20px auto
    }
}

.mod-block.plus-plan.insights div.signup .cta .button {
    text-indent: 0 !important
}

@media only screen and (max-width: 700px) {
    .mod-block.plus-plan.insights .mod-container .mod-tab article section aside a.cta {
        font:16px/24px DNRM
    }
}

.mod-block.plus-plan.insights .animate {
    position: absolute;
    top: 0;
    padding-top: 70px;
    height: 530px;
    width: 100%
}

@media only screen and (max-width: 975px) {
    .mod-block.plus-plan.insights .animate {
        display:none
    }
}

.mod-block.plus-plan.insights .animate div {
    background-size: 100% auto;
    background-repeat: no-repeat;
    display: block;
    height: 100px;
    position: absolute;
    width: 100px
}

.mod-block.plus-plan.insights .animate .bubbles span,.mod-block.plus-plan.insights .animate .bubbles-t span {
    border: 4px solid #99dbf8;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    display: block;
    position: absolute;
    height: 0px;
    width: 0px
}

.mod-block.plus-plan.insights .animate .bubbles-t span.one {
    left: 638px;
    margin-top: 100px;
    -webkit-animation: floatupleft 2.5s infinite;
    -moz-animation: floatupleft 2.5s infinite;
    -ms-animation: floatupleft 2.5s infinite;
    -o-animation: floatupleft 2.5s infinite;
    animation: floatupleft 2.5s infinite
}

.mod-block.plus-plan.insights .animate .bubbles-t span.two {
    left: 632px;
    margin-top: 100px;
    -webkit-animation: floatupleft 3s infinite;
    -moz-animation: floatupleft 3s infinite;
    -ms-animation: floatupleft 3s infinite;
    -o-animation: floatupleft 3s infinite;
    animation: floatupleft 3s infinite
}

.mod-block.plus-plan.insights .animate .bubbles span {
    left: 86px;
    top: 102px
}

.mod-block.plus-plan.insights .animate .bubbles span.one {
    top: 103px;
    left: 98px;
    -webkit-animation: floatupleft 3.5s infinite;
    -moz-animation: floatupleft 3.5s infinite;
    -ms-animation: floatupleft 3.5s infinite;
    -o-animation: floatupleft 3.5s infinite;
    animation: floatupleft 3.5s infinite
}

.mod-block.plus-plan.insights .animate .bubbles span.two {
    top: 87px;
    height: 2px;
    left: 81px;
    width: 2px;
    -webkit-animation: floatupleft 4s infinite;
    -moz-animation: floatupleft 4s infinite;
    -ms-animation: floatupleft 4s infinite;
    -o-animation: floatupleft 4s infinite;
    animation: floatupleft 4s infinite
}

.mod-block.plus-plan.insights .animate .bubbles span.three {
    top: 75px;
    left: 105px;
    height: 1px;
    width: 1px;
    -webkit-animation: floatupright 5s infinite;
    -moz-animation: floatupright 5s infinite;
    -ms-animation: floatupright 5s infinite;
    -o-animation: floatupright 5s infinite;
    animation: floatupright 5s infinite
}

.mod-block.plus-plan.insights .animate .bubbles span.four {
    top: 60px;
    left: 90px;
    height: 0px;
    width: 0px;
    -webkit-animation: floatupright 6.25s infinite;
    -moz-animation: floatupright 6.25s infinite;
    -ms-animation: floatupright 6.25s infinite;
    -o-animation: floatupright 6.25s infinite;
    animation: floatupright 6.25s infinite
}

.mod-block.plus-plan.insights .animate .explosm {
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    border-radius: 100px;
    width: 70px;
    height: 28px;
    background: rgba(153,219,248,0);
    position: absolute;
    margin: 0;
    right: 194px;
    top: 266px;
    z-index: 3;
    -webkit-animation: bgIn 4s infinite;
    -moz-animation: bgIn 4s infinite;
    -ms-animation: bgIn 4s infinite;
    -o-animation: bgIn 4s infinite;
    animation: bgIn 4s infinite
}

.mod-block.plus-plan.insights .animate .explosm:after,.mod-block.plus-plan.insights .animate .explosm:before,.mod-block.plus-plan.insights .animate .explosm.ico-iphone:after {
    content: '';
    position: absolute;
    background: rgba(153,219,248,0);
    -webkit-animation: bgIn 4s infinite;
    -moz-animation: bgIn 4s infinite;
    -ms-animation: bgIn 4s infinite;
    -o-animation: bgIn 4s infinite;
    animation: bgIn 4s infinite
}

.mod-block.plus-plan.insights .animate .explosm:before,.mod-block.plus-plan.insights .animate .explosm.ico-iphone:after {
    width: 50%;
    height: 120%;
    top: -70%;
    right: 11%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%
}

.mod-block.plus-plan.insights .animate .explosm:after {
    width: 30%;
    height: 80%;
    top: -55%;
    left: 15%;
    -webkit-border-radius: 80%;
    -moz-border-radius: 80%;
    -ms-border-radius: 80%;
    -o-border-radius: 80%;
    border-radius: 80%
}

.mod-block.plus-plan.insights .animate .explosm .torso {
    height: 0%;
    width: 30%;
    background: #99dbf8;
    position: absolute;
    bottom: -180%;
    left: 35%;
    -webkit-animation: explodeIt 4s infinite;
    -moz-animation: explodeIt 4s infinite;
    -ms-animation: explodeIt 4s infinite;
    -o-animation: explodeIt 4s infinite;
    animation: explodeIt 4s infinite
}

.mod-block.plus-plan.insights .animate .toxic-trickle-1 {
    background: #F2D810;
    height: 6px;
    top: 270px;
    right: 192px;
    width: 0;
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
    -webkit-animation: streamLiquid 4s infinite;
    -moz-animation: streamLiquid 4s infinite;
    -ms-animation: streamLiquid 4s infinite;
    -o-animation: streamLiquid 4s infinite;
    animation: streamLiquid 4s infinite
}

.mod-block.plus-plan.insights .animate .toxic-trickle-2 {
    background: #F2D810;
    height: 71px;
    top: 275px;
    right: 221px;
    width: 6px;
    -webkit-animation: streamLiquidToo 4s infinite;
    -moz-animation: streamLiquidToo 4s infinite;
    -ms-animation: streamLiquidToo 4s infinite;
    -o-animation: streamLiquidToo 4s infinite;
    animation: streamLiquidToo 4s infinite
}

.mod-block.plus-plan.insights .animate .toxic-goo-1 {
    background: #F2D810;
    border-top: 4px solid #1f718c;
    height: 19px;
    width: 58px;
    right: 144px;
    top: 320px;
    -webkit-animation: pourLiquid 4s infinite;
    -moz-animation: pourLiquid 4s infinite;
    -ms-animation: pourLiquid 4s infinite;
    -o-animation: pourLiquid 4s infinite;
    animation: pourLiquid 4s infinite
}

.mod-block.plus-plan.insights .animate .toxic-goo-2 {
    background: #F2D810;
    border-top: 4px solid #1f718c;
    height: 19px;
    width: 40px;
    right: 210px;
    top: 343px;
    -webkit-animation: pourLiquidToo 4s infinite;
    -moz-animation: pourLiquidToo 4s infinite;
    -ms-animation: pourLiquidToo 4s infinite;
    -o-animation: pourLiquidToo 4s infinite;
    animation: pourLiquidToo 4s infinite
}

.mod-block.plus-plan.insights .animate .beaker {
    background-image: url("./public/assets./images/p-insights/ico-beaker-2X.png");
    height: 109px;
    width: 75px;
    right: 135px;
    top: 268px;
    -webkit-animation: pourBeaker 4s infinite;
    -moz-animation: pourBeaker 4s infinite;
    -ms-animation: pourBeaker 4s infinite;
    -o-animation: pourBeaker 4s infinite;
    animation: pourBeaker 4s infinite
}

.mod-block.plus-plan.insights .animate .flame {
    width: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    height: 0;
    border-style: solid;
    top: 284px;
    border-width: 0 5px 17px 5px;
    border-color: rgba(0,0,0,0) rgba(0,0,0,0) #f2d810 rgba(0,0,0,0);
    left: 95px;
    -webkit-animation: flicker 8s infinite;
    -moz-animation: flicker 8s infinite;
    -ms-animation: flicker 8s infinite;
    -o-animation: flicker 8s infinite;
    animation: flicker 8s infinite
}

.mod-block.plus-plan.insights .animate .scope {
    background: #F2D810;
    border: 4px solid #1f718c;
    width: 10px;
    height: 66px;
    left: 238px;
    top: 226px;
    -webkit-animation: magnify 4s infinite;
    -moz-animation: magnify 4s infinite;
    -ms-animation: magnify 4s infinite;
    -o-animation: magnify 4s infinite;
    animation: magnify 4s infinite
}

.mod-block.plus-plan.insights .animate .goggles-1,.mod-block.plus-plan.insights .animate .goggles-2 {
    background-image: url("./public/assets./images/p-insights/ico-goggles-2X.png");
    height: 80px;
    right: 19px;
    top: 130px;
    width: 80px;
    z-index: 4
}

.mod-block.plus-plan.insights .animate .goggles-2 {
    -webkit-animation: swinging 1.95s infinite;
    -moz-animation: swinging 1.95s infinite;
    -ms-animation: swinging 1.95s infinite;
    -o-animation: swinging 1.95s infinite;
    animation: swinging 1.95s infinite
}

.mod-block.plus-plan.insights .animate .goggles-1 {
    right: 104px;
    -webkit-animation: swinging 2s infinite;
    -moz-animation: swinging 2s infinite;
    -ms-animation: swinging 2s infinite;
    -o-animation: swinging 2s infinite;
    animation: swinging 2s infinite
}

.mod-block.plus-plan.insights .animate .bench {
    background-image: url("./public/assets./images/p-insights/ico-bench-2X.png");
    height: 203px;
    width: 155px;
    bottom: -1px;
    right: 403px;
    -webkit-animation: rotateBench 1s;
    -moz-animation: rotateBench 1s;
    -ms-animation: rotateBench 1s;
    -o-animation: rotateBench 1s;
    animation: rotateBench 1s
}

.mod-block.plus-plan.insights .splash {
    background: #4bbae6
}

.mod-block.plus-plan.insights .splash .the-video {
    background: #4bbae6;
    height: 600px;
    margin: 0 auto;
    width: 965px
}

@media only screen and (max-width: 975px) {
    .mod-block.plus-plan.insights .splash .the-video {
        background-size:150% !important;
        width: 100%
    }
}

@media only screen and (max-width: 778px) {
    .mod-block.plus-plan.insights .splash .the-video {
        background-size:200% !important
    }
}

@media only screen and (max-width: 700px) {
    .mod-block.plus-plan.insights .splash .the-video {
        background-position:center bottom;
        background-size: cover !important
    }
}

.mod-block.plus-plan.insights .splash .the-video .play-btn {
    opacity: 1
}

.mod-block.plus-plan.insights .splash .the-video .inner {
    background: url("./public/assets./images/p-insights/ico-bg-2X.png") no-repeat scroll right bottom/auto 90% transparent !important;
    top: 0;
    padding-top: 70px;
    height: 530px;
    width: 100%
}

@media only screen and (max-width: 975px) {
    .mod-block.plus-plan.insights .splash .the-video .inner {
        background:#4bbae6 url("./public/assets./images/p-insights/bg_insights-2X.png") center center no-repeat !important;
        background-size: cover !important;
        padding: 70px 0 0
    }
}

@media only screen and (max-width: 975px) {
    .mod-block.plus-plan.insights .splash {
        margin-left:0
    }
}

@media only screen and (max-width: 700px) {
    .mod-block.plus-plan.insights .splash {
        margin-top:0;
        margin-left: 0
    }
}

.mod-block.plus-plan.insights .mod-container .mod-tab article {
    background: #fff
}

.mod-block.plus-plan.insights .mod-container .mod-tab article.intro {
    background: #fff;
    padding: 100px 0
}

.mod-block.plus-plan.insights .mod-container .mod-tab article.intro section aside {
    background: #fff
}

.mod-block.plus-plan.insights .mod-container .mod-tab article.intro section li {
    background-image: url("./public/assets./images/p-insights/ico-sprite.png");
    background-size: 371px 640px;
    background-repeat: repeat
}

.mod-block.plus-plan.insights .mod-container .mod-tab article.intro section li h2 {
    font: 25px/40px DNLTL
}

@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
    .mod-block.plus-plan.insights .mod-container .mod-tab article.intro section li {
        background-image:url("./public/assets./images/p-insights/ico-sprite-2X.png");
        background-size: 371px 640px
    }
}

.mod-block.plus-plan.insights .mod-container .mod-tab article.intro section li.analyze {
    background-repeat: no-repeat
}

@media only screen and (max-width: 778px) {
    .mod-block.plus-plan.insights .mod-container .mod-tab article.intro section li.work-together {
        background-position-x:-309px !important
    }
}

@media only screen and (max-width: 700px) {
    .mod-block.plus-plan.insights .mod-container .mod-tab article.intro section li.work-together {
        background-position-x:-275px !important
    }
}

.mod-block.plus-plan.insights .mod-container .mod-tab article.ataglance {
    height: auto;
    background: #f2f1ef
}

.mod-block.plus-plan.insights .mod-container .mod-tab article.ataglance section {
    background: #f2f1ef url("./public/assets./images/p-insights/bg-gooddata.gif") no-repeat bottom right;
    overflow: hidden;
    height: auto;
    background-size: 50%
}

@media only screen and (max-width: 975px) {
    .mod-block.plus-plan.insights .mod-container .mod-tab article.ataglance section {
        background-position:520px bottom !important
    }
}

@media only screen and (max-width: 700px) {
    .mod-block.plus-plan.insights .mod-container .mod-tab article.ataglance section {
        background-image:none
    }
}

.mod-block.plus-plan.insights .mod-container .mod-tab article.ataglance section .left-sided {
    width: 45%
}

@media only screen and (max-width: 975px) {
    .mod-block.plus-plan.insights .mod-container .mod-tab article.ataglance section .left-sided {
        margin-left:8%;
        width: 60%
    }
}

@media only screen and (max-width: 975px) and (max-width: 700px) {
    .mod-block.plus-plan.insights .mod-container .mod-tab article.ataglance section .left-sided {
        width:92%
    }
}

@media only screen and (max-width: 975px) {
    .mod-block.plus-plan.insights .mod-container .mod-tab article.ataglance section .left-sided h2 {
        line-height:1 !important;
        font-size: 3.5em !important
    }
}

@media only screen and (max-width: 700px) {
    .mod-block.plus-plan.insights .mod-container .mod-tab article.ataglance section .left-sided h2 {
        font-size:2.15em !important
    }
}

@media only screen and (max-width: 975px) {
    .mod-block.plus-plan.insights .mod-container .mod-tab article.ataglance section .left-sided h2,.mod-block.plus-plan.insights .mod-container .mod-tab article.ataglance section .left-sided p {
        width:100%;
        margin-bottom: 5% !important
    }
}

@media only screen and (max-width: 975px) {
    .mod-block.plus-plan.insights .mod-container .mod-tab article.ataglance section .left-sided h2,.mod-block.plus-plan.insights .mod-container .mod-tab article.ataglance section .left-sided p {
        font-size:1em;
        float: left;
        width: 90%;
        margin-bottom: 20px !important
    }
}

.mod-block.plus-plan.insights .mod-container .mod-tab article#fave-feature {
    background-color: #f9f9f9;
    background-image: url("./public/assets./images/p-insights/bg_boonin.jpg");
    background-size: 950px auto;
    background-position: -100px bottom;
    overflow: hidden;
    height: auto
}

@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
    .mod-block.plus-plan.insights .mod-container .mod-tab article#fave-feature {
        background-image:url("./public/assets./images/p-insights/bg_boonin-2X.jpg");
        background-size: 950px auto
    }
}

.mod-block.plus-plan.insights .mod-container .mod-tab article#fave-feature section {
    overflow: hidden;
    height: auto
}

@media only screen and (max-width: 975px) {
    .mod-block.plus-plan.insights .mod-container .mod-tab article#fave-feature {
        background-position:-310px bottom;
        height: auto
    }
}

@media only screen and (max-width: 700px) {
    .mod-block.plus-plan.insights .mod-container .mod-tab article#fave-feature {
        background-position:46px 240px !important;
        background-size: 210%;
        height: auto
    }

    .mod-block.plus-plan.insights .mod-container .mod-tab article#fave-feature section h2 {
        font-size: 2em !important
    }

    .mod-block.plus-plan.insights .mod-container .mod-tab article#fave-feature section p,.mod-block.plus-plan.insights .mod-container .mod-tab article#fave-feature section span.author {
        font: 16px/20px PNL;
        width: 80%
    }
}

.mod-block.plus-plan.insights .mod-container .mod-tab article#customer-testimonials {
    height: auto;
    width: auto
}

@media only screen and (max-width: 778px) {
    .mod-block.plus-plan.insights .mod-container .mod-tab article#customer-testimonials {
        height:auto;
        width: auto
    }
}

.mod-block.plus-plan.insights .mod-container .mod-tab article#customer-testimonials section {
    height: 700px;
    overflow: hidden;
    position: relative;
    padding: 0;
    width: auto
}

@media only screen and (max-width: 975px) {
    .mod-block.plus-plan.insights .mod-container .mod-tab article#customer-testimonials section {
        height:750px
    }
}

@media only screen and (max-width: 778px) {
    .mod-block.plus-plan.insights .mod-container .mod-tab article#customer-testimonials section .quote {
        font:30px/40px PNL
    }
}

@media only screen and (max-width: 700px) {
    .mod-block.plus-plan.insights .mod-container .mod-tab article#customer-testimonials section .quote {
        font:24px/28px PNL
    }
}

.mod-block.plus-plan.insights .mod-container .mod-tab article#customer-testimonials section span.author {
    font: 18px/20px PNLI
}

.mod-block.plus-plan.insights .mod-container .mod-tab article#customer-testimonials section nav.carousel-paddles {
    position: relative;
    margin: 0 auto;
    width: 965px;
    z-index: 3
}

@media only screen and (max-width: 975px) {
    .mod-block.plus-plan.insights .mod-container .mod-tab article#customer-testimonials section nav.carousel-paddles {
        width:100%
    }
}

@media only screen and (max-width: 700px) {
    .mod-block.plus-plan.insights .mod-container .mod-tab article#customer-testimonials section nav.carousel-paddles {
        display:none
    }
}

.mod-block.plus-plan.insights .mod-container .mod-tab article#customer-testimonials section nav.carousel-paddles a.carousel-paddles-rt,.mod-block.plus-plan.insights .mod-container .mod-tab article#customer-testimonials section nav.carousel-paddles a.carousel-paddles-lt {
    opacity: 1
}

.mod-block.plus-plan.insights .mod-container .mod-tab article#customer-testimonials section nav.carousel-paddles a.carousel-paddles-rt {
    background-image: url("./public/assets./images/p-tour/icon-arrow-right-large-white.png");
    left: 100%
}

@media only screen and (max-width: 975px) {
    .mod-block.plus-plan.insights .mod-container .mod-tab article#customer-testimonials section nav.carousel-paddles a.carousel-paddles-rt {
        left:90%
    }
}

.mod-block.plus-plan.insights .mod-container .mod-tab article#customer-testimonials section nav.carousel-paddles a.carousel-paddles-lt {
    background-image: url("./public/assets./images/p-tour/icon-arrow-left-large-white.png");
    left: -60px
}

@media only screen and (max-width: 975px) {
    .mod-block.plus-plan.insights .mod-container .mod-tab article#customer-testimonials section nav.carousel-paddles a.carousel-paddles-lt {
        left:2%
    }
}

.mod-block.plus-plan.insights .mod-container .mod-tab article#customer-testimonials section ul {
    margin: 0
}

.mod-block.plus-plan.insights .mod-container .mod-tab article#customer-testimonials section ul li {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    background-repeat: no-repeat;
    background-position: bottom right
}

.mod-block.plus-plan.insights .mod-container .mod-tab article#customer-testimonials section ul li.first {
    background: #ffa100 url("./public/assets./images/p-insights/bg_customer1-2X.png") 90% 90% no-repeat;
    background-size: 733px 219px
}

.mod-block.plus-plan.insights .mod-container .mod-tab article#customer-testimonials section ul li.second {
    background: #363636 url("./public/assets./images/p-insights/bg_customer2-2X.png") 90% 90% no-repeat;
    background-size: 624px 226px
}

.mod-block.plus-plan.insights .mod-container .mod-tab article#customer-testimonials section ul li.last {
    background: #191919 url("./public/assets./images/p-insights/bg_customer3-2X.png") 90% 90% no-repeat;
    background-size: 638px 212px
}

@media only screen and (max-width: 975px) {
    .mod-block.plus-plan.insights .mod-container .mod-tab article#customer-testimonials section ul li {
        background-size:80% !important
    }
}

.mod-block.plus-plan.insights .mod-container .mod-tab article#customer-testimonials section ul li aside {
    padding: 100px 0 150px;
    margin: 0 auto;
    width: 960px
}

@media only screen and (max-width: 700px) {
    .mod-block.plus-plan.insights .mod-container .mod-tab article#customer-testimonials section ul li aside {
        padding:50px 0 100px
    }
}

@media only screen and (max-width: 975px) {
    .mod-block.plus-plan.insights .mod-container .mod-tab article#customer-testimonials section ul li aside {
        padding-right:10%;
        padding-left: 10%;
        width: 80%
    }
}

ul.social {
    float: right;
    padding: 0;
    margin: 0 0 3px
}

ul.social li {
    float: left;
    list-style: none;
    margin-top: -3px
}

ul.social li#twitter {
    overflow: hidden;
    width: auto;
    margin-right: -10px
}

ul.social li#facebook {
    width: auto
}

.button {
    display: inline-block
}

.button-large {
    display: block;
    width: 316px;
    height: 71px;
    cursor: pointer;
    background: url("./public/assets./images/p-tour/button-download.png") 0 0 no-repeat
}

.button-large:hover {
    background-position: 0 -73px
}

.button-trial {
    background: url("./public/assets./images/p-tour/button-signup.png") 0 0 no-repeat
}

.button-trial:hover {
    background-position: 0 -72px
}

.whitebox-menu li {
    width: 100%;
    overflow: hidden;
    width: 281px;
    margin: 5px 0;
    background: #fff;
    padding: 7px
}

.whitebox-menu li a {
    color: #444;
    padding: 0 5px 0 0;
    display: table
}

.whitebox-menu li:hover {
    -ms-box-shadow: 1px 1px 4px #ddd;
    -o-box-shadow: 1px 1px 4px #ddd;
    -webkit-box-shadow: 1px 1px 4px #ddd;
    -moz-box-shadow: 1px 1px 4px #ddd;
    box-shadow: 1px 1px 4px #ddd;
    color: #cb3c00
}

.whitebox-menu .title {
    display: table-cell;
    vertical-align: middle;
    line-height: 1.3;
    font: 0.95em/1em PNR;
    padding: 5px 4px
}

.whitebox-menu li span {
    background-position: center center;
    background-repeat: no-repeat;
    float: left;
    height: 50px;
    margin: 0px 5px 0 0;
    width: 70px;
    display: table-cell;
    vertical-align: middle
}

.isotope-item {
    z-index: 2
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1
}

.isotope,.isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    transition-duration: 0.8s
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    transition-property: height, width
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    transition-property: transform, opacity
}

.new-story {
    position: absolute;
    z-index: 1;
    top: 0px;
    right: 0px
}

.new-story-top {
    position: absolute;
    top: -15px;
    right: 14px;
    float: right
}

.quote-carousel {
    float: right;
    width: 365px;
    overflow: hidden
}

.quote-carousel p {
    font: 23px/1.1 DNLTRI;
    color: #333;
    padding: 29px 40px 5px;
    text-align: center
}

.quote-carousel .article.short p {
    font: 34px/1 DNLTRI;
    padding: 28px 40px 0
}

.quote-carousel .slides {
    width: 50000px
}

.quote-carousel .slide {
    display: block;
    float: left;
    width: 365px;
    background: #ECECEC
}

.quote-carousel .slide.twitter p {
    padding: 66px 40px 0 40px;
    background: url("./public/assets./images/p-home/quote-twitter-icon.png") 160px 20px no-repeat
}

.quote-carousel .slide.article span.name {
    font: 24px/2.8 DNLTM
}

.quote-carousel .source {
    margin: 0 auto;
    padding: 7px 0 11px;
    text-align: center;
    background: url("./public/assets./images/p-home/quote-pin-shadow.jpg") 0 0 no-repeat
}

.quote-carousel .source a {
    color: #333
}

.quote-carousel .identity {
    height: 60px;
    width: auto;
    display: inline-block
}

.quote-carousel .identity.no-logo {
    padding-left: 0
}

.quote-carousel .identity span {
    display: block;
    text-align: left
}

.quote-carousel .source span.name {
    float: left;
    font: 24px/1.9 DNLTM;
    color: #333
}

.quote-carousel .source span.handle {
    font: 17px/1 DNLTR;
    color: #777;
    margin: -10px 0 0 0
}

.quote-carousel .identity .img {
    background-image: url("./public/assets./images/p-home/sprite-quotes.png");
    height: 40px;
    width: 40px;
    float: left;
    top: 10px;
    position: relative;
    margin-right: 10px
}

.quote-carousel .identity.img {
    background-position: 0 0
}

.quote-carousel .identity.chmielewski .img {
    background-position: 0 -90px
}

.quote-carousel .identity.chml .img {
    background-position: 0 -180px
}

.quote-carousel .identity.danielsinner .img {
    background-position: 0 -270px
}

.quote-carousel .identity.draeseaz .img {
    background-position: 0 -360px
}

.quote-carousel .identity.funnls .img {
    background-position: 0 -450px
}

.quote-carousel .identity.greysignal .img {
    background-position: 0 -540px
}

.quote-carousel .identity.ictprosupport .img {
    background-position: 0 -630px
}

.quote-carousel .identity.iministries .img {
    background-position: 0 -720px
}

.quote-carousel .identity.ittelligent .img {
    background-position: 0 -810px
}

.quote-carousel .identity.joeybeninghove .img {
    background-position: 0 -900px
}

.quote-carousel .identity.koolpin .img {
    background-position: 0 -990px
}

.quote-carousel .identity.limesharp .img {
    background-position: 0 -1080px
}

.quote-carousel .identity.outofmilk .img {
    background-position: 0 -1170px
}

.quote-carousel .identity.plutora .img {
    background-position: 0 -1260px
}

.quote-carousel .identity.pronto .img {
    background-position: 0 -1350px
}

.quote-carousel .identity.quibids .img {
    background-position: 0 -1440px
}

.quote-carousel .identity.rackspace .img {
    background-position: 0 -1530px
}

.quote-carousel .identity.sandikrakowski .img {
    background-position: 0 -1620px
}

.quote-carousel .identity.strikebase .img {
    background-position: 0 -1710px
}

.quote-carousel .identity.techcrunch .img {
    background-position: 0 -1800px
}

.quote-carousel .identity.vend .img {
    background-position: 0 -1890px
}

.quote-carousel .identity.victor .img {
    background-position: -90px 0
}

.quote-carousel .identity.wepay .img {
    background-position: -90px -90px
}

.quote-carousel .identity.wirelounge .img {
    background-position: -90px -180px
}

.quote-carousel .identity.zuora .img {
    background-position: -90px -270px
}

.mod-block .button-gray {
    background: #e3e3e3
}

.mod-block .button-dark {
    background: #3d3d3d;
    color: #fff
}

.mod-block .button-dark:hover {
    -webkit-text-shadow: 1px 1px 0 #000;
    -moz-text-shadow: 1px 1px 0 #000;
    -ms-text-shadow: 1px 1px 0 #000;
    -o-text-shadow: 1px 1px 0 #000;
    text-shadow: 1px 1px 0 #000
}

.mod-block .button-dark,.mod-block .button-gray {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none
}

.mod-block div.signup .cta p {
    font-size: 15px
}

.mod-block .spotlight-wrap {
    background: transparent
}

.mod-block .spotlight-wrap img {
    margin-left: -100px;
    margin-top: -240px
}

.mod-block .splash {
    background: url("./public/assets./images/p-enterprise/ent-banner-rep.png") repeat-x;
    position: relative;
    top: auto;
    height: 360px;
    list-style: none outside none;
    margin: 0
}

.mod-block .splash .splash-img {
    position: absolute;
    background-image: url("./public/assets./images/p-enterprise/ent-banner.png");
    background-repeat: no-repeat;
    background-size: auto 360px;
    background-position: top center;
    background-attachment: static;
    height: 360px;
    width: 100%;
    z-index: 0
}

.mod-block .splash .shell {
    width: 960px;
    margin: 0 auto;
    height: 360px;
    position: relative;
    z-index: 3
}

.mod-block .splash .simple-widget {
    float: right;
    width: 474px;
    margin: 0 0 0 0;
    padding-top: 65px;
    padding-bottom: 45px
}

.mod-block .splash .simple-widget h3 {
    margin: 0;
    padding: 0;
    color: #1f3534;
    font-size: 100px;
    line-height: .85em;
    font-family: 'DNLTL';
    letter-spacing: 2px
}

.mod-block .splash .simple-widget h3 span {
    display: block;
    font: 22px/28px 'DNLTR';
    letter-spacing: .5px;
    margin-top: 15px
}

.mod-block .mod-wrapper {
    color: #666;
    margin: 0 auto;
    clear: both;
    position: relative;
    overflow: hidden;
    display: block
}

.mod-block .mod-tab {
    margin: 0 auto
}

.mod-block .mod-title-top {
    font: 17px DNLTM;
    text-transform: uppercase;
    margin-bottom: 20px;
    letter-spacing: 1px
}

.mod-block .mod-title-main {
    color: #78a300;
    font: 88px/0.91 DNLTUL;
    margin: 0 0 30px
}

.mod-block .mod-title-main span {
    display: block;
    font: 96.84px/0.92 DNLTUL;
    color: #bbb;
    text-transform: uppercase
}

.mod-block .mod-content {
    font: 16px/22px DNLTR;
    margin-bottom: 40px
}

.mod-block .mod-section {
    position: relative;
    margin: 0 auto;
    overflow: visible;
    padding: 100px 0 0;
    width: 965px;
    min-height: 400px
}

.mod-block .mod-section.slideshown aside {
    position: absolute;
    z-index: 4
}

.mod-block .mod-section .author {
    font: 22px/26px DNLTLI
}

.mod-block .mod-section aside {
    font: 18px/22px DNLTL
}

@media only screen and (max-width: 700px) {
    .mod-block .mod-section aside {
        font-size:16px
    }
}

.mod-block .mod-section aside p {
    font: 18px/22px PNR
}

@media only screen and (max-width: 700px) {
    .mod-block .mod-section aside p {
        font-size:16px
    }
}

.mod-block .mod-section .mod-content {
    font: 26px/30px DNLTL;
    margin-bottom: 40px
}

.mod-block .mod-section .mod-content span {
    font-family: DNLTLI
}

.mod-block .mod-section .quote {
    color: #fff;
    font: 50px/60px DNLTL;
    width: 82%;
    margin: 35px 0
}

.mod-block .mod-section .small-text,.mod-block .mod-section .small-text p {
    font: 16px/22px DNLTR
}

.mod-block .mod-section .tiny-sized p {
    font: 16px/22px DNLTR;
    text-align: center;
    margin-top: 10px;
    padding-right: 16px
}

.mod-block .mod-section .giant-sized {
    font: 208px/150px DNLTUL;
    margin-top: 70px
}

.mod-block .mod-section .cta {
    position: relative;
    z-index: 100;
    display: block;
    margin-top: 40px;
    background: #fff;
    color: #666;
    font: 16px/16px DNRM;
    text-align: center;
    text-transform: uppercase;
    padding: 8px 15px 4px;
    float: left;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px
}

.mod-block .mod-section .cta:hover {
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear;
    background: #666;
    color: #fff
}

.mod-block .mod-section .right-sided {
    float: right
}

@media only screen and (max-width: 975px) {
    .mod-block .mod-section .right-sided {
        margin-right:-30px
    }
}

@media only screen and (max-width: 700px) {
    .mod-block .mod-section .right-sided {
        margin-right:0
    }
}

.mod-block .mod-section .left-sided {
    float: left;
    max-width: 100%
}

.mod-block .mod-section .cust-logos li {
    display: block;
    float: right;
    margin-bottom: 20px;
    height: 140px;
    width: 300px
}

.mod-block ul.cust-logos {
    position: relative;
    display: block;
    text-align: center
}

.mod-block ul.cust-logos li {
    display: inline-block;
    position: relative
}

.mod-block .hexaflip-cube {
    display: inline-block;
    position: relative;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: -webkit-transform 0.4s;
    -moz-transition: -moz-transform 0.4s;
    -o-transition: -o-transform 0.4s;
    transition: transform 0.4s
}

.mod-block .hexaflip-cube.no-tween {
    -webkit-transition-duration: 0;
    -moz-transition-duration: 0;
    -o-transition-duration: 0;
    transition-duration: 0
}

.mod-block .hexaflip-cube>div {
    width: 100%;
    overflow: hidden;
    height: 100.5%;
    position: absolute;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center center;
    line-height: 1.5;
    transition: transform 0.4s
}

.mod-block .hexaflip-left,.mod-block .hexaflip-right {
    background-color: #fff !important;
    background-repeat: no-repeat;
    background-position: center center
}

.mod-block .hexaflip-timepicker .hexaflip-cube:last-child>div:nth-child(odd) {
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center center
}

.mod-block .slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.mod-block .slide-img {
    display: block;
    position: relative;
    width: 100%;
    min-height: 500px;
    margin: 0 auto
}

.mod-block .mod-container .mod-tab article section {
    height: 400px;
    position: relative;
    margin: 0 auto;
    overflow: visible;
    padding: 100px 0
}

@media only screen and (min-width: 975px) {
    .mod-block .mod-container .mod-tab article section {
        width:965px
    }
}

.mod-block .mod-container .mod-tab article {
    background: #f0f0f0;
    color: #666;
    margin: 0 auto;
    height: 600px;
    clear: both;
    position: relative;
    overflow: hidden;
    display: block
}

.mod-block .mod-container .mod-tab article section aside {
    font: 18px/22px DNLTL
}

@media only screen and (max-width: 700px) {
    .mod-block .mod-container .mod-tab article section aside {
        font-size:16px
    }
}

.mod-block .mod-container .mod-tab h2 {
    margin-bottom: 15px
}

.mod-block .mod-container .mod-tab article section aside.right-sided {
    width: 48%;
    float: right
}

@media only screen and (max-width: 700px) {
    .mod-block .mod-container .mod-tab article section aside.right-sided {
        float:none;
        width: 100%
    }
}

.mod-block .mod-container .mod-tab article section aside {
    font: 18px/22px PNR
}

@media only screen and (max-width: 700px) {
    .mod-block .mod-container .mod-tab article section aside {
        font-size:16px
    }
}

.mod-block .mod-container .mod-tab article section aside.left-sided {
    width: 50%;
    float: left
}

@media only screen and (max-width: 700px) {
    .mod-block .mod-container .mod-tab article section aside.left-sided {
        width:100%
    }
}

.mod-container .mod-tab article#mobile section .left-sided {
    padding-top: 70px;
    padding-left: 125px;
    width: 37%
}

.mod-block .feature.signup {
    background: #333;
    height: 360px;
    padding: 80px 0 0
}

.mod-block .mod-container .mod-tab article section aside p.quote {
    color: #fff;
    font: 50px/60px PNL;
    width: 82%;
    margin: 35px 0
}

.mod-block .mod-container .mod-tab article section span.author {
    font: 22px/26px PNLI
}

@media only screen and (max-width: 700px) {
    .mod-block .mod-container .mod-tab article section span.author {
        font:15px/25px PNLI
    }
}

.mod-block .mod-container .mod-tab article section aside p {
    font: 26px/30px PNL;
    margin-bottom: 40px
}

@media only screen and (max-width: 700px) {
    .mod-block .mod-container .mod-tab article section aside p {
        font:16px/1.5 PNL;
        margin-bottom: 20px
    }
}

.mod-block .mod-container .mod-tab article section aside a.cta {
    display: block;
    background: #fff;
    color: #666;
    font: 16px/16px DNRM;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    text-transform: uppercase;
    padding: 8px 15px 4px;
    float: left;
    margin-top: 40px
}

.mod-block .mod-container .mod-tab article section aside a.cta:hover {
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear;
    background: #666;
    color: #fff
}

@media only screen and (max-width: 700px) {
    .mod-block .mod-container .mod-tab article section aside a.cta {
        padding:24px 45px;
        margin-top: 30px
    }
}

.mod-block .mod-container .mod-tab h4,.mod-block .mod-container .mod-tab .mobile-modal .mobile-modal-list li h5,.mobile-modal .mobile-modal-list li .mod-block .mod-container .mod-tab h5,.mod-block .mod-container .mod-tab .mobile-modal .mobile-modal-list li h5,.mobile-modal .mobile-modal-list li .mod-block .mod-container .mod-tab h5 {
    color: #78a300;
    font: 16px DNLTB;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 20px
}

.mod-block .mod-container .mod-tab h3 {
    color: #78a300;
    font: 88px/0.91 DNLTUL;
    margin-bottom: 30px
}

.mod-block .mod-container .mod-tab article section aside.left-sided p {
    font: 16px/22px PNR;
    max-width: 100%
}

.mod-block .mod-container .mod-tab h3 {
    color: #78a300;
    font: 88px/0.91 DNLTUL;
    margin-bottom: 30px
}

.mod-block .mod-container .mod-tab h3.giant-sized {
    font: 208px/150px DNLTUL;
    margin-top: 70px
}

@media only screen and (max-width: 975px) {
    .mod-block .mod-container .mod-tab h3.giant-sized {
        font-size:145px
    }
}

@media only screen and (max-width: 700px) {
    .mod-block .mod-container .mod-tab h3.giant-sized {
        font-size:110px;
        margin-top: 0;
        line-height: 1
    }
}

.mod-block .mod-container .mod-tab article section aside ul.cust-logos li {
    display: block;
    float: right;
    margin-bottom: 20px;
    height: 140px;
    width: 300px
}

@media only screen and (max-width: 700px) {
    .mod-block .mod-container .mod-tab article section aside ul.cust-logos li {
        float:left;
        left: -32px
    }
}

.mod-block .mod-container .mod-tab h3.giant-sized span {
    display: block;
    font: 94.84px/88.84px DNLTL;
    color: #bbb;
    margin-top: 20px;
    text-transform: uppercase
}

@media only screen and (max-width: 975px) {
    .mod-block .mod-container .mod-tab h3.giant-sized span {
        font:66px/26px DNLTL
    }
}

@media only screen and (max-width: 700px) {
    .mod-block .mod-container .mod-tab h3.giant-sized span {
        font:50px/1 DNLTL;
        margin-top: 0
    }
}

.mod-block .mod-container .mod-tab article section aside p.tiny-sized {
    font: 16px/20px PNR;
    text-align: center;
    margin-top: 10px;
    padding-right: 16px
}

.mod-block .mod-container .mod-tab article section aside p.tiny-sized strong {
    font-family: PNB
}

@media only screen and (max-width: 700px) {
    .mod-block .mod-container .mod-tab article section aside p.tiny-sized {
        text-align:left
    }
}

.mod-block .feature.signup .cta {
    position: relative;
    overflow: hidden
}

.mod-block .feature.signup span.phonenum {
    color: #fff;
    font: 24px/2 DNRM;
    position: absolute;
    top: 0;
    left: 0;
    width: 336px;
    height: 56px;
    padding-top: 14px;
    overflow: hidden;
    text-indent: 600px;
    white-space: nowrap
}

.tour-menu-container {
    position: absolute;
    right: 0px;
    z-index: 999;
    filter: alpha(opacity=90);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
    bottom: 0px
}

@media screen and (device-aspect-ratio: 40 / 71), screen and (max-width: 960) {
    .tour-menu-container {
        display:none
    }
}

.tour-menu-container ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none
}

.tour-menu-container ul li {
    margin: 0px;
    padding: 0px
}

.tour-menu-container .tour-menu {
    width: 55px;
    background-color: #d5d5d5;
    color: #fff;
    text-align: center;
    -webkit-border-radius: 5px 0px 0px 5px;
    -moz-border-radius: 5px 0px 0px 5px;
    -ms-border-radius: 5px 0px 0px 5px;
    -o-border-radius: 5px 0px 0px 5px;
    border-radius: 5px 0px 0px 5px;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 999
}

.tour-menu-container .tour-menu .green {
    color: #78a300
}

.tour-menu-container .tour-menu .menu-icon {
    background-color: #ababab;
    height: 50px;
    width: 100%;
    -webkit-border-radius: 0px 0px 0px 5px;
    -moz-border-radius: 0px 0px 0px 5px;
    -ms-border-radius: 0px 0px 0px 5px;
    -o-border-radius: 0px 0px 0px 5px;
    border-radius: 0px 0px 0px 5px
}

.tour-menu-container .tour-menu .menu-icon a {
    background: transparent url("./public/assets./images/p-tour-new/nav-icons.png") no-repeat;
    background-size: 45px 383px;
    width: 55px;
    height: 35px;
    display: block;
    background-position: 7px -349px;
    filter: alpha(opacity=80);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8
}

.tour-menu-container .tour-menu .menu-icon a:hover {
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

.tour-menu-container .tour-menu-expanded {
    display: none;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 385px;
    background-color: #413f3f;
    z-index: 998;
    padding-top: 30px;
    -webkit-border-radius: 0px 0px 0px 5px;
    -moz-border-radius: 0px 0px 0px 5px;
    -ms-border-radius: 0px 0px 0px 5px;
    -o-border-radius: 0px 0px 0px 5px;
    border-radius: 0px 0px 0px 5px
}

.tour-menu-container .tour-menu-expanded .left {
    width: 330px;
    float: left
}

.tour-menu-container .tour-menu-expanded .right {
    background-color: #313131;
    width: 55px;
    float: right;
    height: 565px
}

.tour-menu-container .tour-menu-expanded .left>ul>li {
    text-align: left
}

.tour-menu-container .tour-menu-expanded .left>ul>li .title {
    color: #fff;
    text-transform: uppercase;
    font: 1em/1 DNLTM;
    margin-bottom: 10px
}

.tour-menu-container .tour-menu-expanded .left>ul>li .child-menu {
    margin-left: 10px
}

.tour-menu-container .tour-menu-expanded .left>ul>li .child-menu a {
    color: #d5d5d5;
    text-transform: uppercase;
    font: .92em/1 DNLTL;
    margin-bottom: 10px;
    display: block
}

.tour-menu-container .tour-menu-expanded .left>ul>li .child-menu a:hover {
    color: #fff
}

.tour-menu-container .tour-menu-expanded .left>ul>li .icon {
    width: 45px;
    height: 56px;
    background: transparent url("./public/assets./images/p-tour-new/nav-icons.png") no-repeat;
    background-size: 45px 383px;
    float: left;
    margin-left: 20px;
    margin-right: 16px
}

.tour-menu-container .tour-menu-expanded .left>ul>li .meta {
    float: left;
    width: 225px
}

.tour-menu-container .tour-menu-expanded .left>ul>li .description {
    color: #808080;
    font-size: .75em
}

.tour-menu-container.active {
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

.tour-menu-container.active .tour-menu {
    background-color: #636363;
    -webkit-border-radius: 0px 0px 0px 0px;
    -moz-border-radius: 0px 0px 0px 0px;
    -ms-border-radius: 0px 0px 0px 0px;
    -o-border-radius: 0px 0px 0px 0px;
    border-radius: 0px 0px 0px 0px
}

.tour-menu-container.active .tour-menu .menu-icon {
    -webkit-border-radius: 0px 0px 0px 0px;
    -moz-border-radius: 0px 0px 0px 0px;
    -ms-border-radius: 0px 0px 0px 0px;
    -o-border-radius: 0px 0px 0px 0px;
    border-radius: 0px 0px 0px 0px;
    background-color: #313131
}

.mod-block .mod-container .mod-tab article#module-forrester {
    background: #fff
}

@media only screen and (max-width: 975px) {
    .mod-block .mod-container .mod-tab article#module-forrester {
        height:auto
    }
}

.mod-block .mod-container .mod-tab article#module-forrester h4,.mod-block .mod-container .mod-tab article#module-forrester .mobile-modal .mobile-modal-list li h5,.mobile-modal .mobile-modal-list li .mod-block .mod-container .mod-tab article#module-forrester h5 {
    color: #636363;
    margin-bottom: 20px !important
}

@media only screen and (max-width: 700px) {
    .mod-block .mod-container .mod-tab article#module-forrester h4,.mod-block .mod-container .mod-tab article#module-forrester .mobile-modal .mobile-modal-list li h5,.mobile-modal .mobile-modal-list li .mod-block .mod-container .mod-tab article#module-forrester h5 {
        margin:0 auto;
        width: 70%
    }
}

.mod-block .mod-container .mod-tab article#module-forrester section {
    background: url("./public/assets./images/logo-forrester.png") no-repeat 10px 170px;
    background-size: 178px auto
}

@media only screen and (max-width: 975px) {
    .mod-block .mod-container .mod-tab article#module-forrester section {
        background-position:25px 170px;
        height: auto;
        padding-bottom: 70px;
        overflow: hidden
    }
}

@media only screen and (max-width: 700px) {
    .mod-block .mod-container .mod-tab article#module-forrester section {
        background-position:center 40px;
        padding: 100px 0
    }
}

.mod-block .mod-container .mod-tab article#module-forrester section aside {
    margin-left: 230px
}

@media only screen and (max-width: 700px) {
    .mod-block .mod-container .mod-tab article#module-forrester section aside {
        margin:6%;
        text-align: center
    }
}

.mod-block .mod-container .mod-tab article#module-forrester section aside span.author {
    font-size: 16px
}

.mod-block .mod-container .mod-tab article#module-forrester section aside a.cta {
    background: #f0f0f0;
    padding: 20px 30px
}

@media only screen and (max-width: 700px) {
    .mod-block .mod-container .mod-tab article#module-forrester section aside a.cta {
        margin:0 auto;
        float: none;
        padding: 20px 30px !important;
        font-size: 16px !important
    }
}

.mod-block .mod-container .mod-tab article#module-forrester section aside a.cta:hover {
    background: #888
}

.mod-block .mod-container .mod-tab article#module-forrester section aside p.quote {
    color: #484848;
    font: 32px DNLTL;
    margin: 20px 0
}

@media only screen and (max-width: 975px) {
    .mod-block .mod-container .mod-tab article#module-forrester section aside p.quote {
        font-size:27px
    }
}

@media only screen and (max-width: 700px) {
    .mod-block .mod-container .mod-tab article#module-forrester section aside p.quote {
        font-size:20px;
        margin: 0 auto 20px
    }
}

.alert.sitewide {
    display: block;
    background: #ebebeb;
    padding: 12px 0;
    border: 1px solid #ddd;
    clear: both
}

@media only screen and (max-width: 550px) {
    .alert.sitewide {
        height:90px
    }
}

.alert.sitewide .mobile-only {
    display: none;
    text-align: center;
    font-size: 15px
}

@media only screen and (max-width: 700px) {
    .alert.sitewide .mobile-only {
        display:block
    }
}

@media only screen and (max-width: 975px) {
    .alert.sitewide .wrap {
        width:80%
    }
}

@media only screen and (max-width: 700px) {
    .alert.sitewide .wrap {
        width:100%
    }
}

.alert.sitewide .body {
    position: relative;
    font: 18px/1.7 DNLTR;
    text-align: center
}

.alert.sitewide .message {
    color: #929191;
    padding: 0 7px 0 10px;
    position: relative;
    display: block
}

.alert.sitewide .message .icon {
    position: absolute;
    left: -50px;
    top: 2px
}

.alert.sitewide .message .green {
    position: relative;
    color: #78a300;
    display: inline-block;
    margin-left: 34px
}

@media only screen and (max-width: 700px) {
    .alert.sitewide .message .green {
        font-size:17px;
        margin-left: 0px
    }
}

.alert.sitewide .message .sub {
    color: #8c8989;
    font-size: 15px;
    display: inline-block;
    margin-left: 17px
}

@media only screen and (max-width: 550px) {
    .alert.sitewide .message .sub {
        margin-left:0px
    }
}

.alert.sitewide .close {
    display: block;
    float: right;
    height: 20px;
    width: 21px;
    margin: -3px 40px 0 0;
    color: #a5a4a4;
    border: 2px solid #a5a4a4;
    background-image: none;
    background: initial;
    line-height: 21px;
    font-size: 16px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px
}

@media only screen and (max-width: 700px) {
    .alert.sitewide .close {
        display:none
    }
}

.alert.sitewide .close:hover {
    border-color: #888;
    color: #888
}

.alert.sitewide .close:before,.alert.sitewide .close.ico-iphone:after {
    content: '\e813'
}

.alert.event {
    padding: 7px 0;
    background: #78a300;
    border: 1px solid #6B9102
}

.alert.event .body {
    font: 14px/1.5 DNLTR
}

.alert.event .title {
    position: relative;
    color: #fff;
    display: inline-block;
    margin-left: 34px
}

@media only screen and (max-width: 700px) {
    .alert.event .title {
        font-size:17px;
        margin-left: 0px
    }
}

.alert.event .message .icon {
    left: -30px;
    top: 0px
}

.alert.event .message .sub {
    font: 14px/1 PNR;
    color: #E7EFE2;
    margin: 0
}

.alert.event .message .pipe {
    display: inline-block;
    color: #6B9102;
    padding: 0 10px
}

.alert.event .message .link {
    color: #E7EFE2;
    text-decoration: underline;
    padding: 0 0 0 11px
}

.alert.event .close {
    height: 14px;
    width: 14px;
    margin: -4px 37px 0 0;
    padding-left: 1px;
    color: #fff;
    line-height: 15px;
    border: 2px solid #E7EFE2
}

.alert.event .close:hover {
    color: #6B9102;
    border: 2px solid #6B9102
}

.alert.i18n {
    display: block;
    background: #eee;
    padding: 16px 0;
    border: 1px solid #ddd;
    clear: both
}

.alert.i18n .wrap {
    position: relative
}

.alert.i18n .body {
    position: relative;
    font: 15px/1.7 DNLTL
}

.alert.i18n .body .message {
    color: #929191;
    padding: 0 7px 0 10px;
    -webkit-text-shadow: 0 1px 0 #fff;
    -moz-text-shadow: 0 1px 0 #fff;
    -ms-text-shadow: 0 1px 0 #fff;
    -o-text-shadow: 0 1px 0 #fff;
    text-shadow: 0 1px 0 #fff
}

.alert.i18n .body .link {
    color: #555;
    text-decoration: underline;
    margin-right: 6px
}

.alert.i18n .body .link:hover {
    color: #222
}

.alert.i18n .body .flag {
    display: block;
    float: left;
    height: 23px;
    width: 33px;
    background: url("./public/assets./images/m-alert/flags.png") 0 0 no-repeat;
    -webkit-box-shadow: 0 2px 2px 0 #ddd;
    -moz-box-shadow: 0 2px 2px 0 #ddd;
    -ms-box-shadow: 0 2px 2px 0 #ddd;
    -o-box-shadow: 0 2px 2px 0 #ddd;
    box-shadow: 0 2px 2px 0 #ddd
}

.alert.i18n .body .flag.de {
    background-position: 0 -69px
}

.alert.i18n .body .flag.es {
    background-position: 0 -92px
}

.alert.i18n .body .flag.ja {
    background-position: 0 0
}

.alert.i18n .body .flag.pt {
    background-position: 0 -23px
}

.alert.i18n .body .flag.fr {
    background-position: 0 -46px
}

.alert.i18n .close {
    display: block;
    float: right;
    height: 20px;
    width: 21px;
    margin: -3px 34px 0 0;
    color: #ccc;
    -webkit-box-shadow: 0 2px 2px 0 #ddd;
    -moz-box-shadow: 0 2px 2px 0 #ddd;
    -ms-box-shadow: 0 2px 2px 0 #ddd;
    -o-box-shadow: 0 2px 2px 0 #ddd;
    box-shadow: 0 2px 2px 0 #ddd;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    background: #fafafa
}

.alert.i18n .close:hover {
    -webkit-box-shadow: 0 2px 2px 0 #aaa;
    -moz-box-shadow: 0 2px 2px 0 #aaa;
    -ms-box-shadow: 0 2px 2px 0 #aaa;
    -o-box-shadow: 0 2px 2px 0 #aaa;
    box-shadow: 0 2px 2px 0 #aaa;
    color: #888
}

.alert.i18n .close:before,.alert.i18n .close.ico-iphone:after {
    content: '\e813';
    padding: 0 0 0 7px
}

.popover {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 310px
}

.popover-content {
    width: 100%;
    padding: 22px 30px 2px 30px;
    color: #fff;
    border-radius: 6px;
    background-color: rgba(0,0,0,0.9);
    box-shadow: 3px 3px 7px rgba(0,0,0,0.2)
}

.popover-content p {
    font: 17px/1.4 DNRM;
    color: white
}

.popover-title {
    font: 18px/1 DNRM;
    color: white;
    text-transform: uppercase;
    margin: 0 0 11px 0;
    padding: 0 0 8px 0;
    border-bottom: 1px solid #666
}

.popover-pin {
    display: block;
    position: absolute;
    height: 11px;
    width: 13px;
    z-index: 99999
}

#modal-info {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0;
    width: 415px;
    color: #406E7F;
    margin: -349px 0 0 -213px;
    background-color: #fff;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    border-radius: 12px;
    border: 3px solid #669300;
    z-index: 999999
}

#modal-info {
    background: url("./public/assets./images/signup/header-tile.jpg") 0 0 repeat-x;
    margin-left: -482px;
    width: 960px
}

#modal-info img {
    -webkit-border-radius: 0 0 9px 9px;
    -moz-border-radius: 0 0 9px 9px;
    -ms-border-radius: 0 0 9px 9px;
    -o-border-radius: 0 0 9px 9px;
    border-radius: 0 0 9px 9px;
    margin-bottom: -6px;
    margin-top: 38px;
    width: 960px
}

#modal-info a.close {
    display: block;
    position: absolute;
    top: 5px;
    right: 5px;
    height: 27px;
    width: 27px;
    cursor: pointer;
    background: url("./public/assets./images/signup/button-close.jpg") 0 0 no-repeat
}

#overlay,#mobile-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff;
    top: 0;
    left: 0;
    z-index: 999999;
    cursor: pointer
}

#modal {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0;
    width: 415px;
    color: #406E7F;
    margin: -349px 0 0 -213px;
    background-color: #fff;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    border-radius: 12px;
    border: 3px solid #111;
    z-index: 999999
}

#modal.privacy header {
    background-color: #222;
    height: 55px;
    border-radius: 6px 6px 0 0;
    padding: 1.5em 2em .75em;
    background: url("./public/assets./images/signup/header-tile-dark.jpg") 0 0 repeat-x
}

#modal.privacy header a.close {
    background: url("./public/assets./images/signup/button-close-dark.jpg") 0 0 repeat-x;
    top: 8px;
    right: 8px;
    cursor: pointer
}

#modal.privacy h3 {
    display: block
}

#modal.privacy h4,#modal.privacy .mobile-modal .mobile-modal-list li h5,.mobile-modal .mobile-modal-list li #modal.privacy h5 {
    float: left;
    width: 90%;
    margin: 0;
    padding: 0;
    font: 31px/1 DNLTM;
    color: #fff;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    text-shadow: 1px 1px 6px black;
    border: none
}

#modal.privacy p {
    position: relative;
    float: left;
    margin: 2em 2em 2em 2em;
    font: 1.1em/1.5 DNLTL;
    clear: both;
    color: #666
}

#modal.privacy-policy strong {
    font: 1em DNLTM
}

#modal.share-options {
    -webkit-box-shadow: 0px 0px 15px #ccc;
    -moz-box-shadow: 0px 0px 15px #ccc;
    -ms-box-shadow: 0px 0px 15px #ccc;
    -o-box-shadow: 0px 0px 15px #ccc;
    box-shadow: 0px 0px 15px #ccc;
    border: none
}

#modal.share-options header {
    background: none;
    padding: 2em 2em 0;
    height: auto
}

#modal.share-options header a.close {
    border: none;
    -webkit-box-shadow: -2px 2px 5px #aaa inset;
    -moz-box-shadow: -2px 2px 5px #aaa inset;
    -ms-box-shadow: -2px 2px 5px #aaa inset;
    -o-box-shadow: -2px 2px 5px #aaa inset;
    box-shadow: -2px 2px 5px #aaa inset;
    color: #fff;
    font-family: entypo;
    background: #ccc;
    font-size: 18px;
    padding: 6px;
    text-align: center;
    height: 14px;
    width: 14px;
    line-height: 14px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    top: 10px;
    right: 10px
}

#modal.share-options header h4,#modal.share-options header .mobile-modal .mobile-modal-list li h5,.mobile-modal .mobile-modal-list li #modal.share-options header h5 {
    font: 20px DNRR;
    text-transform: uppercase;
    color: #666;
    margin: 0;
    -webkit-text-shadow: none;
    -moz-text-shadow: none;
    -ms-text-shadow: none;
    -o-text-shadow: none;
    text-shadow: none
}

#modal.share-options p {
    color: #333;
    margin: 1em 2em 1.5em;
    font-family: DNLTR
}

#modal.share-options input {
    width: 92%;
    float: none;
    margin: 0 .5em .5em;
    -webkit-box-shadow: 0px 5px 8px #ddd inset;
    -moz-box-shadow: 0px 5px 8px #ddd inset;
    -ms-box-shadow: 0px 5px 8px #ddd inset;
    -o-box-shadow: 0px 5px 8px #ddd inset;
    box-shadow: 0px 5px 8px #ddd inset
}

#modal .note {
    color: #888;
    font: 12px DNLTL
}

#modal .note em {
    font-style: italic
}

#overlay {
    background-color: #fff;
    z-index: 999998;
    opacity: 0;
    display: none
}

.buddhy-ad {
    position: relative;
    width: 251px;
    height: 418px;
    padding: 0 20px 0;
    margin-bottom: 40px !important;
    background-image: url("./public/assets./images/p-resources/zenquote.jpg");
    background-repeat: no-repeat;
    clear: both
}

.buddhy-ad a.button {
    position: absolute;
    margin: 0 auto 0 49px;
    padding: 4px 13px 2px;
    bottom: 25px;
    -webkit-box-shadow: 0 2px 7px #378006;
    -moz-box-shadow: 0 2px 7px #378006;
    -ms-box-shadow: 0 2px 7px #378006;
    -o-box-shadow: 0 2px 7px #378006;
    box-shadow: 0 2px 7px #378006
}

.buddhy-ad h4,.buddhy-ad .mobile-modal .mobile-modal-list li h5,.mobile-modal .mobile-modal-list li .buddhy-ad h5 {
    padding: 27px 0 0;
    color: #fff;
    font: 18px/22px DNRM;
    text-align: center;
    -webkit-text-shadow: 0 1px 0 #52750d;
    -moz-text-shadow: 0 1px 0 #52750d;
    -ms-text-shadow: 0 1px 0 #52750d;
    -o-text-shadow: 0 1px 0 #52750d;
    text-shadow: 0 1px 0 #52750d
}

.admin-widget {
    position: absolute;
    z-index: 1000;
    right: 30px;
    top: 15px
}

.admin-widget .admin-widget-actions {
    background: #95be22;
    border: 1px solid #78a300;
    border-radius: 5px;
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.15);
    margin: 0;
    padding: 5px 0;
    position: relative
}

.admin-widget .admin-widget-actions li {
    float: none;
    margin: 0;
    padding: 0;
    position: relative
}

.admin-widget .admin-widget-actions li>a {
    color: #ffffff;
    display: block;
    font-size: 45px;
    height: 50px;
    line-height: 17px;
    outline: none;
    text-align: center;
    width: 45px;
    padding-top: 19px
}

.admin-widget .admin-widget-actions li>a span {
    font-size: 12px
}

.admin-widget .admin-widget-actions li>a:hover {
    background: #78a300;
    text-decoration: none
}

.admin-widget>a {
    background: #333;
    border: 1px solid #111;
    display: block;
    height: 45px;
    padding: 5px 0;
    margin: 0 auto;
    margin-top: 15px;
    text-align: center;
    width: 50px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    -moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    -ms-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    -o-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    box-shadow: inset 0 0 5px rgba(0,0,0,0.2)
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .splash .carousel-slide-wrap {
        width:100% !important
    }

    .splash .carousel-slide {
        width: 100% !important
    }

    #shim1,#shim2 {
        top: 1px;
        height: 37px
    }
}

.splash {
    clear: both;
    position: relative;
    margin-bottom: 40px
}

.splash .button-orange {
    border: 1px solid #e47601
}

.splash .wrap {
    width: 960px;
    margin: 0 auto
}

.splash .carousel {
    height: 360px;
    margin: 0;
    position: relative;
    display: block !important;
    top: -10px;
    overflow: hidden
}

.splash .carousel-slide-wrap {
    height: 360px;
    width: 100% !important
}

.splash .carousel-slide {
    margin: 0 auto;
    height: 360px;
    padding-top: 90px;
    position: relative
}

@media only screen and (max-width: 1200px) {
    .splash .carousel-slide {
        width:100% !important;
        background-position: -240px 0 !important
    }
}

.splash .carousel-slide .heading {
    width: 570px;
    font-family: DNLTB;
    line-height: 1em;
    color: #fff;
    border: none;
    margin: 0 0 5px 0;
    padding: 0;
    text-align: left;
    text-transform: uppercase
}

.splash .carousel-slide .subheading {
    font: 22px/1 DNLTM;
    color: #b5b5b5;
    margin-bottom: 24px;
    text-align: left;
    width: 440px
}

.splash .button {
    display: block;
    min-width: 170px;
    height: 35px;
    margin: 0 20px 0 0;
    padding: 5px 10px 0 10px;
    position: relative;
    font-size: 23px;
    float: left;
    font: 18px/1.8 DNRB;
    cursor: pointer
}

.splash span.or {
    float: left;
    color: #888;
    padding: 0 13px 0 15px;
    font: 20px/2 DNLTRI;
    color: white;
    -webkit-text-shadow: 0 1px 0 #000;
    -moz-text-shadow: 0 1px 0 #000;
    -ms-text-shadow: 0 1px 0 #000;
    -o-text-shadow: 0 1px 0 #000;
    text-shadow: 0 1px 0 #000
}

#slide-controls {
    left: 48%;
    float: left;
    position: absolute;
    z-index: 10;
    top: 15px
}

#slide-controls a {
    float: left;
    height: 17px;
    width: 14px;
    display: block;
    background: url("./public/assets./images/p-home/controls.png") no-repeat;
    text-indent: -9999em;
    margin: 0 3px
}

#slide-controls a.active {
    background: url("./public/assets./images/p-home/controls.png") -14px 0 no-repeat;
    width: 18px;
    margin: 0 3px 0 0
}

#slide-controls a.active:first-child {
    background: url("./public/assets./images/p-home/controls.png") -32px 0 no-repeat
}

.mobile-modal .slideshow .iPad img {
    left: 0
}

.mobile-modal .mobile-modal-list {
    float: none;
    position: relative;
    list-style: none outside none;
    height: 370px;
    padding: 0;
    margin: 0 auto
}

.mobile-modal .mobile-modal-list li {
    position: relative;
    float: left;
    height: 208px;
    width: auto;
    margin-right: 11px
}

.mobile-modal .mobile-modal-list li h4,.mobile-modal .mobile-modal-list li h5 {
    font: 11px/1 DNRM;
    text-align: center;
    text-transform: uppercase;
    color: #888;
    margin: 10px 0 0
}

.mobile-modal .mobile-modal-list li h5 {
    text-transform: none;
    margin: 5px 0 0
}

.mobile-modal .mobile-modal-list li img {
    display: block;
    margin-bottom: -20px
}

.mobile-modal .mobile-modal-list li a {
    display: block;
    cursor: pointer;
    position: relative
}

@media only screen and (max-width: 975px) {
    .mobile-modal .mobile-modal-list li a {
        display:none
    }
}

.mobile-modal .mobile-modal-list li a.ipad {
    top: 32px
}

@media only screen and (max-width: 975px) {
    .mobile-modal .mobile-modal-list li a.ipad {
        display:block
    }
}

@media only screen and (max-width: 700px) {
    .mobile-modal .mobile-modal-list li a.ipad {
        display:none
    }
}

.mobile-modal .mobile-modal-list li a.kindle {
    top: 98px;
    left: -3px
}

@media only screen and (max-width: 975px) {
    .mobile-modal .mobile-modal-list li a.kindle {
        display:block;
        top: 120px;
        right: -50px;
        float: right;
        position: absolute
    }
}

@media only screen and (max-width: 700px) {
    .mobile-modal .mobile-modal-list li a.kindle {
        display:none
    }
}

.mobile-modal .mobile-modal-list li a.iphone {
    top: 188px;
    left: 94px
}

.mobile-modal .mobile-modal-list li a.android {
    top: 189px
}

.mobile-modal .mobile-modal-list li.special-pos {
    position: absolute;
    left: 512px;
    top: 180px
}

.mobile-modal .mobile-modal-list li:last-child {
    margin-right: 0
}

.mobile-modal .features .features-title {
    text-transform: none
}

.universe-search {
    display: none;
    position: absolute;
    height: auto;
    width: 100%;
    z-index: 10000;
    border-top: 1px solid #e2e2e2;
    background-color: transparent;
    background-color: #fff;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFFFF,endColorstr=#FFFFFFFF);
    zoom:1;overflow: hidden;
    *zoom:1;-webkit-box-shadow: inset 0 4px 9px rgba(0,0,0,0.05);
    -moz-box-shadow: inset 0 4px 9px rgba(0,0,0,0.05);
    -ms-box-shadow: inset 0 4px 9px rgba(0,0,0,0.05);
    -o-box-shadow: inset 0 4px 9px rgba(0,0,0,0.05);
    box-shadow: inset 0 4px 9px rgba(0,0,0,0.05)
}

@media only screen and (max-width: 700px) {
    .universe-search {
        display:none
    }
}

.universe-search ::-webkit-input-placeholder {
    color: #d3d3d3;
    font-size: 30px;
    position: relative;
    top: 10px;
    letter-spacing: 0px
}

.universe-search :-moz-placeholder {
    color: #d3d3d3;
    font-size: 30px;
    position: relative;
    top: 10px;
    letter-spacing: 0px
}

.universe-search ::-moz-placeholder {
    color: #d3d3d3;
    font-size: 30px;
    position: relative;
    top: 10px;
    letter-spacing: 0px
}

.universe-search :-ms-input-placeholder {
    color: #d3d3d3;
    font-size: 30px;
    position: relative;
    top: 20px;
    letter-spacing: 0px
}

.universe-search .col-960 {
    position: relative
}

.universe-search .universe-search-close {
    position: absolute;
    top: 15px;
    right: 20px;
    cursor: pointer;
    z-index: 10000;
    font-size: 30px;
    color: #ddd
}

.universe-search .universe-search-close:before,.universe-search .universe-search-close.ico-iphone:after {
    content: '\e814'
}

.universe-search .universe-search-help {
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    z-index: 10000;
    position: absolute;
    right: 0;
    width: 210px;
    top: 88px;
    font-size: 16px;
    text-transform: uppercase;
    color: #A6A6A6;
    font-family: DNLTM
}

.universe-search .universe-search-help .universe-search-help-count {
    font-family: DNLTB;
    color: #5f5f5f;
    text-decoration: underline
}

.universe-search .universe-search-form {
    margin-top: 20px;
    overflow: hidden
}

.universe-search .universe-search-form .universe-search-icon {
    float: left;
    margin: 0 0 0 3px;
    font-size: 45px;
    line-height: 2em;
    color: #78a300;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0
}

.universe-search .universe-search-form .universe-search-icon:before,.universe-search .universe-search-form .universe-search-icon.ico-iphone:after {
    content: '\e803'
}

.universe-search .universe-search-form .universe-search-input {
    padding: 15px 0 0;
    font: 40px DNRL;
    position: relative;
    width: 740px;
    background: #fff;
    z-index: 10;
    border: none;
    outline: none;
    color: #666;
    letter-spacing: -3px;
    float: left;
    margin-left: 30px;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0
}

@media only screen and (max-width: 975px) {
    .universe-search .universe-search-form .universe-search-input {
        width:65%
    }
}

.universe-search .universe-search-form .universe-search-input.small::-webkit-input-placeholder {
    color: #d3d3d3;
    top: 10px
}

.universe-search .universe-search-form .universe-search-input.small:-moz-placeholder {
    color: #d3d3d3;
    top: 10px
}

.universe-search .universe-search-form .universe-search-input.small::-moz-placeholder {
    color: #d3d3d3;
    top: 10px
}

.universe-search .universe-search-form .universe-search-input.small:-ms-input-placeholder {
    top: 10px
}

.universe-search .universe-search-input+div {
    background-color: #fff !important;
    left: 51px;
    float: left !important
}

.universe-search .universe-search-input+div.suggest-fixer {
    font-size: 30px;
    left: 14px;
    letter-spacing: 0px;
    top: -6px
}

.universe-search .universe-search-results {
    clear: both;
    top: 20px;
    width: 740px;
    padding: 15px 0 10px 45px
}

@media only screen and (max-width: 975px) {
    .universe-search .universe-search-results {
        width:90%;
        padding: 15px 0 10px 7%
    }
}

.universe-search .universe-search-results .universe-search-results-item {
    margin-bottom: 30px
}

.universe-search .universe-search-results .universe-search-results-item:last-child {
    margin-bottom: 0
}

.universe-search .universe-search-results .universe-search-results-item .universe-search-postimg {
    float: left;
    margin-right: 30px
}

.universe-search .universe-search-results .universe-search-results-item .universe-search-posttitle {
    float: left;
    font: 17px/1 DNLTL;
    letter-spacing: 1px;
    margin-bottom: 3px;
    width: 100%
}

.universe-search .universe-search-results .universe-search-results-item .universe-search-posturi {
    float: left;
    font: 15px/1.4em PNR;
    margin-bottom: 3px;
    color: #aaa
}

.universe-search .universe-search-results .universe-search-results-item .universe-search-postcategoryurl {
    float: left;
    color: #acacac;
    font-size: 10px;
    padding: 4px 7px 1px;
    margin: 1px 0 0 5px;
    text-transform: uppercase;
    font-family: DNLTM;
    color: #afaba8;
    background: #e5e5e5;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px
}

.universe-search .universe-search-results .universe-search-results-item .universe-search-results-description {
    margin: 10px 0 0;
    font: 15px/1.2em PNR;
    color: #666;
    clear: both
}

.universe-search .universe-search-pagination {
    margin: 10px 0 5px 45px;
    padding: 15px 0 30px;
    width: 740px
}

.universe-search .universe-search-pagination .universe-search-pagination-list {
    width: 100%;
    overflow: hidden;
    padding-top: 3px;
    height: 35px
}

.universe-search .universe-search-pagination .universe-search-pagination-item {
    display: inline;
    padding: 5px 3px 4px;
    font: 20px/1.3 DNLTR;
    margin: 0 8px 0 0;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px
}

.universe-search .universe-search-pagination .universe-search-pagination-item a {
    padding: 5px 6px 4px;
    color: #c0bbb7;
    cursor: pointer
}

.universe-search .universe-search-pagination .universe-search-pagination-item.active,.universe-search .universe-search-pagination .universe-search-pagination-item:hover {
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
    border-radius: 16px;
    background: #78A300;
    -webkit-box-shadow: inset 0 0 5px #668b00;
    -moz-box-shadow: inset 0 0 5px #668b00;
    -ms-box-shadow: inset 0 0 5px #668b00;
    -o-box-shadow: inset 0 0 5px #668b00;
    box-shadow: inset 0 0 5px #668b00
}

.universe-search .universe-search-pagination .universe-search-pagination-item.active a,.universe-search .universe-search-pagination .universe-search-pagination-item:hover a {
    color: #fff
}

@-moz-document url-prefix() {
    .universe-search .universe-search-input+div {
        left: 57px !important
    }

    .universe-search .universe-search-input+div.suggest-fixer {
        top: -14px !important;
        left: 15px !important
    }
}

@media only screen and (max-width: 778px) {
    .lf-fullscreen-modal-header {
        margin-top:40px
    }
}

.lf-fullscreen-modal {
    display: none;
    background-color: rgba(255,255,255,0.9);
    height: 100%;
    width: 100%;
    z-index: 2014;
    position: fixed;
    top: 0;
    left: 0
}

.lf-fullscreen-modal .lf-fullscreen-modal-spinner {
    height: 80px;
    width: 80px;
    margin: 80px auto 0 auto;
    background: url("./public/assets./images/livefyre/connect.png") no-repeat;
    background-size: 80px;
    -webkit-animation-name: connectspin;
    -moz-animation-name: connectspin;
    -ms-animation-name: connectspin;
    -o-animation-name: connectspin;
    animation-name: connectspin;
    -webkit-animation-duration: 1000ms;
    -moz-animation-duration: 1000ms;
    -ms-animation-duration: 1000ms;
    -o-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

.lf-fullscreen-modal .lf-fullscreen-modal-header {
    padding: 20px 0 30px 0;
    text-align: center;
    font: 2em DNLTR
}

@-webkit-keyframes connectspin {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(1080deg);
        -moz-transform: rotate(1080deg);
        -ms-transform: rotate(1080deg);
        -o-transform: rotate(1080deg);
        transform: rotate(1080deg)
    }
}

@-moz-keyframes connectspin {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(1080deg);
        -moz-transform: rotate(1080deg);
        -ms-transform: rotate(1080deg);
        -o-transform: rotate(1080deg);
        transform: rotate(1080deg)
    }
}

@-ms-keyframes connectspin {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(1080deg);
        -moz-transform: rotate(1080deg);
        -ms-transform: rotate(1080deg);
        -o-transform: rotate(1080deg);
        transform: rotate(1080deg)
    }
}

@-o-keyframes connectspin {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(1080deg);
        -moz-transform: rotate(1080deg);
        -ms-transform: rotate(1080deg);
        -o-transform: rotate(1080deg);
        transform: rotate(1080deg)
    }
}

@keyframes connectspin {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(1080deg);
        -moz-transform: rotate(1080deg);
        -ms-transform: rotate(1080deg);
        -o-transform: rotate(1080deg);
        transform: rotate(1080deg)
    }
}

a.lf-fullscreen-modal-facebook,a.lf-fullscreen-modal-twitter,a.lf-fullscreen-modal-linkedin {
    margin: 0 auto 20px auto;
    width: 200px;
    display: block;
    color: #2d2d2d;
    background-color: #e5e5e5;
    background-repeat: no-repeat;
    padding: 20px 0 20px 20px;
    font: 16px/16px DNRM;
    background-position: 10px center;
    background-size: 30px;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear
}

a.lf-fullscreen-modal-facebook:hover,a.lf-fullscreen-modal-twitter:hover,a.lf-fullscreen-modal-linkedin:hover {
    color: #fff;
    background-color: #888
}

a.lf-fullscreen-modal-facebook {
    background-image: url("./public/assets./images/livefyre/facebook-login.png")
}

a.lf-fullscreen-modal-twitter {
    background-image: url("./public/assets./images/livefyre/twitter-login.png")
}

a.lf-fullscreen-modal-linkedin {
    background-image: url("./public/assets./images/livefyre/linkedin-login.png")
}

.lf-editProfile {
    display: none !important
}

.lf-powered-by {
    display: none !important
}

section.lf-comment-body p:last-child {
    margin-bottom: 20px !important
}

.lf .lf-thread-popover {
    font-family: DNLTR !important;
    z-index: 900;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1) !important;
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.1) !important;
    -ms-box-shadow: 0 0 10px rgba(0,0,0,0.1) !important;
    -o-box-shadow: 0 0 10px rgba(0,0,0,0.1) !important;
    box-shadow: 0 0 10px rgba(0,0,0,0.1) !important;
    border: 0px !important
}

.lf .lf-thread-popover .lf-menu-head {
    background: #fff !important;
    font: 18px/1.3 DNLTR !important
}

.lf .lf-thread-popover .lf-menu-body {
    font: 14px/1.4 PNR !important
}

.lf .lf-thread-popover .lf-thread div.lf-anon-editor {
    padding: 8px 8px 9px 8px !important;
    color: #999 !important;
    font: 14px/1.4 PNR !important;
    border: 2px solid #d0d0d0 !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -ms-box-shadow: none !important;
    -o-box-shadow: none !important;
    box-shadow: none !important
}

.lf .lf-thread-popover .lf-thread div.lf-editor {
    padding: 9px 8px 8px 8px !important;
    border: 2px solid #d0d0d0 !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -ms-box-shadow: none !important;
    -o-box-shadow: none !important;
    box-shadow: none !important
}

.lf .lf-thread-popover .lf-thread div.lf-editor .lf-editor-field {
    height: 20px !important;
    font: 14px/1.4 PNR !important
}

.lf .lf-thread-popover .lf-popover-arrow {
    z-index: 900;
    background-image: url("./public/assets./images/livefyre/tail.png") !important
}

.lf .lf-thread-popover .lf-comment-header span.lf-comment-author-name {
    font: 18px/1.3 DNLTR !important
}

.lf .lf-thread-popover .lf-comment-body p {
    font: 14px/1.4 PNR !important
}

.lf .lf-thread-popover .lf-comment-footer {
    background: #f3f3f3 !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px
}

.lf .lf-thread-popover span.lf-count {
    padding: 0 5px 0 10px !important
}

.lf .lf-thread-popover .lf-reply-container {
    padding-top: 10px !important
}

.lf .lf-thread-popover .lf-etc-btn {
    display: none !important
}

.lf .lf-thread-popover .lf-signin-btn {
    font-size: 16pt !important
}

.lf .lf-thread-popover .lf-count,.lf .lf-thread-popover .lf-reply-btn,.lf .lf-thread-popover .lf-menu-back-btn,.lf .lf-thread-popover .lf-signed-in,.lf .lf-thread-popover .lf-signin-btn,.lf .lf-thread-popover .lf-title-display-name,.lf .lf-thread-popover .lf-logout {
    font-family: DNLTR !important
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .lf .lf-thread-popover .lf-popover-arrow {
        background-image:url("./public/assets./images/livefyre/tail-2x.png") !important
    }

    .lf .lf-thread-popover.lf-pos-bottom .lf-popover-arrow {
        background-image: url("./public/assets./images/livefyre/tail-up-2x.png") !important
    }
}

.lf .lf-thread-popover.lf-pos-bottom .lf-popover-arrow {
    background-image: url("./public/assets./images/livefyre/tail-up.png") !important
}

.lf-selection-popover {
    z-index: 900 !important
}

.lf-selection-popover .lf-popover-content {
    background-color: #616161 !important;
    -webkit-box-shadow: 0 !important;
    -moz-box-shadow: 0 !important;
    -ms-box-shadow: 0 !important;
    -o-box-shadow: 0 !important;
    box-shadow: 0 !important
}

.lf-selection-popover .lf-popover-content a {
    color: #fff !important
}

.lf-selection-popover .lf-popover-content .lf-add-annotation {
    padding-left: 18px !important;
    background-image: url("./public/assets./images/livefyre/add-annotation.png");
    background-size: 23px 21px
}

@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
    .lf-selection-popover .lf-popover-content .lf-add-annotation {
        background-image:url("./public/assets./images/livefyre/add-annotation-2X.png");
        background-size: 23px 21px
    }
}

.lf-selection-popover .lf-popover-content .lf-share-twitter {
    padding-left: 14px !important;
    background-image: url("./public/assets./images/livefyre/share-twitter.png");
    background-size: 23px 21px
}

@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
    .lf-selection-popover .lf-popover-content .lf-share-twitter {
        background-image:url("./public/assets./images/livefyre/share-twitter-2X.png");
        background-size: 23px 21px
    }
}

.lf-selection-popover .lf-popover-content .lf-share-facebook {
    padding-right: 18px !important;
    background-image: url("./public/assets./images/livefyre/share-facebook.png");
    background-size: 23px 21px
}

@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
    .lf-selection-popover .lf-popover-content .lf-share-facebook {
        background-image:url("./public/assets./images/livefyre/share-facebook-2X.png");
        background-size: 23px 21px
    }
}

.lf-selection-popover .lf-popover-content>a {
    display: inline-block;
    background-size: 23px 21px;
    background-repeat: no-repeat;
    background-position: center center;
    height: 21px;
    width: 10px;
    padding: 0 10px
}

.lf-selection-popover .lf-popover-arrow {
    border-top: 5px solid #616161 !important
}

.lf [class^=fycon-]:before,.lf [class^=fycon-].ico-iphone:after,.lf [class*=" fycon-"]:before,.lf [class*=" fycon-"].ico-iphone:after {
    font-size: 0 !important;
    display: none !important
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .home-simple .module-register form input[type="text"],.home-simple .module-register form input[type="email"],.home-simple .module-register form input[type="number"],.home-simple .module-register form input[type="password"] {
        padding: 12px 0 18px 20px !important
    }
}

body[data-useragent*='MSIE 10.0'] .four-o-four .congrats-left {
    background: url(./public/assets./images/404.png);
    background-size: 613px 500px
}

body[data-useragent*='MSIE 10.0'] .four-o-four .congrats-left .left-backgr {
    display: none
}

body[data-useragent*='MSIE 10.0'] .search-spawn {
    margin-top: 0px
}

body[data-useragent*='MSIE 10.0'] .universe-search .universe-search-form .universe-search-icon {
    float: left;
    padding-bottom: 20px
}

body[data-useragent*='MSIE 10.0'] .universe-search .universe-search-form .universe-search-input.small {
    padding-bottom: 15px !important;
    margin-bottom: 0px
}

body[data-useragent*='MSIE 10.0'] .universe-search .universe-search-form .universe-search-results {
    padding-top: 10px
}

body[data-useragent*='MSIE 10.0'] .universe-search .universe-search-form .universe-search-input+div {
    top: 0px !important
}

body[data-useragent*='MSIE 10.0'] .universe-search .universe-search-form .suggest-fixer {
    display: none
}

body[data-useragent*='MSIE 10.0'] .universe-search-pagination {
    margin-left: 50px;
    padding: 15px 0 30px;
    width: 740px
}

body[data-useragent*='MSIE 10.0'] .universe-search-pagination .universe-search-pagination-list {
    width: 240px;
    overflow: hidden;
    padding-top: 5px;
    height: 28px
}

body[data-useragent*='MSIE 10.0'] .universe-search-pagination .universe-search-pagination-item {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px
}

body[data-useragent*='MSIE 10.0'] .universe-search-pagination .universe-search-pagination-item.active,body[data-useragent*='MSIE 10.0'] .universe-search-pagination .universe-search-pagination-item:hover {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px
}

body[data-useragent*='MSIE 10.0'] .pricing .pricing-show-savings .pricing-toggler .off {
    margin: 6px 9px 0 0
}

body[data-useragent*='MSIE 10.0'] .pricing .pricing-show-savings .pricing-toggler .on {
    margin: 6px 0 0 8px
}

body[data-useragent*='MSIE 10.0'] .box-quote {
    background-position: 80% 50% !important
}

body[data-useragent*='MSIE 10.0'] .t-tourrev .row-trial .video-container {
    background-color: #6b9a0f;
    bottom: -380px
}

body[data-useragent*='MSIE 10.0'] .t-tourrev .row-trial .video-container video {
    height: auto
}

body[data-useragent*='MSIE 10.0'] .t-tourrev .row-ipad .ipad-hand {
    bottom: -270px;
    left: 350px
}

body[data-useragent*='MSIE 10.0'] .t-tourrev .row-ipad .ipad-hand video {
    height: auto;
    width: auto;
    margin-top: 0px;
    margin-left: 0px
}

body[data-useragent*='MSIE 10.0'] article.benchmark #average-benchmark #global-first-response-time em {
    top: 23px
}

body[data-useragent*='MSIE 10.0'] .roi-calc .mod-container .mod-tab .intro-roi.step1 {
    margin-top: 10px
}

body[data-useragent*='MSIE 10.0'] article.retail .retail-nav-pages ul li a {
    padding-top: 6px;
    padding-bottom: 4px
}

#modal {
    display: none
}

#bootstrap {
}

.customers-testimonial li img {
    width: 100%;
}

.servcs li img {
    border-radius: 100%;
    border: #ccc solid 5px;
    width: 60%;
}

.servcs li p {
    text-align: justify;
}

.lchat {
    margin-top: -35px;
    width: 100%;
    float: right;
    margin-right: -20px;
}

/*
     FILE ARCHIVED ON 07:59:37 Jan 18, 2019 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 10:55:05 Nov 25, 2019.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  PetaboxLoader3.resolve: 164.199 (3)
  esindex: 0.027
  captures_list: 123.825
  CDXLines.iter: 14.253 (3)
  PetaboxLoader3.datanode: 101.706 (5)
  LoadShardBlock: 102.727 (3)
  RedisCDXSource: 3.972
  exclusion.robots: 0.123
  exclusion.robots.policy: 0.114
  load_resource: 208.574
*/