.clearfix {
    *zoom: 1
}

.clearfix:before,
.clearfix:after {
    display: table;
    content: "";
    line-height: 0
}

.clearfix:after {
    clear: both
}

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

.input-block-level {
    display: block;
    width: 100%;
    min-height: 34px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.absolute-center {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

.fixed-center {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

.off-screen {
    position: absolute;
    top: -1000px;
    left: -1000px;
    right: auto;
    bottom: auto
}

.reset-box-sizing,
.reset-box-sizing *,
.reset-box-sizing *:before,
.reset-box-sizing *:after,
.reset-box-sizing:before,
.reset-box-sizing:after {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

@supports (overflow:-webkit-marquee) and (justify-content:inherit) {
    .overlay-scroller {
        -webkit-overflow-scrolling: auto !important
    }
}

.hardware-accelerate {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -o-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000
}

body {
    color: #333;
    background: #fff;
    font-family: "Lato", sans-serif;
    padding-top: 64px;
    padding-bottom: 0;
    overflow-x: auto;
    overflow-y: scroll
}

body.sub-menu {
    padding-top: 104px
}

input[type=text],
textarea {
    -moz-user-select: text;
    -webkit-user-select: text
}

.navbar-fixed-top::before {
    display: block;
    position: absolute;
    top: 3px;
    left: 3px;
    width: 32px;
    height: 14px;
    line-height: 14px;
    background: #fff;
    border: 3px solid #000;
    font-size: 10px;
    padding: 0 2px;
    content: "";
    z-index: 9999999
}

.navbar-fixed-top::before {
    display: none
}

a {
    color: #2f96b4;
    text-decoration: none
}

a:hover {
    color: #1f6377;
    text-decoration: underline
}

a.alt {
    color: #ce0058
}

a.alt:hover {
    color: #c90056
}

a:link,
a:visited,
a:hover,
a:active,
a:focus {
    outline: 0
}

input::-moz-focus-inner {
    border: 0
}

.align-left {
    text-align: left
}

.align-right {
    text-align: right
}

.align-center {
    text-align: center
}

.align-justify {
    text-align: justify
}

p,
li {
    color: #333;
    font-size: 16px;
    font-family: "Lato", sans-serif;
    line-height: 22px
}

p.alt,
li.alt,
span.alt {
    font-family: "Comfortaa", cursive
}

p.large,
li.large,
span.large {
    font-size: 26px
}

p.branded,
li.branded,
span.branded {
    color: #ce0058
}

p.accented,
li.accented,
span.accented {
    color: #2f96b4
}

p small,
li small,
span small {
    color: #666;
    font-size: 16px
}

b,
strong {
    font-weight: 700
}

i,
em {
    font-style: italic
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    margin: 0;
    line-height: 1
}

h1 {
    color: #333;
    font-size: 40px;
    line-height: 55px
}

h2 {
    color: #333;
    font-size: 36px;
    margin-bottom: 20px
}

ul.bulleted li {
    list-style-image: url("data:image/png;base64,R0lGODdhBwAHAKECANgAWOyArP///////ywAAAAABwAHAAACDFSAYcjHD2OCygFVAAA7")
}

ul.bulleted li ul li {
    list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB90IDRIlLRLgzcEAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAV0lEQVQI132OsQ2AMAwEzxGTpGIMZ4vUMAiTxDVbhDEyDo0tohR883rfv2QBGNQGHHyynftMDjJQAHHPg9o2XxTg8VV4T8uBOQfUBWpAA66poJ5N/r59AYA9FAxgg/OvAAAAAElFTkSuQmCC")
}

ol.branded>li {
    position: relative;
    list-style-type: none;
    counter-increment: uberlist
}

ol.branded>li:after {
    position: absolute;
    top: 0;
    left: -2.5em;
    width: 2em;
    text-align: right;
    color: #ce0058;
    content: counter(uberlist) ")"
}

ol.branded>li ul li {
    list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB90IDRIlLRLgzcEAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAV0lEQVQI132OsQ2AMAwEzxGTpGIMZ4vUMAiTxDVbhDEyDo0tohR883rfv2QBGNQGHHyynftMDjJQAHHPg9o2XxTg8VV4T8uBOQfUBWpAA66poJ5N/r59AYA9FAxgg/OvAAAAAElFTkSuQmCC")
}

.navbar.navbar-fixed-top {
    -webkit-box-shadow: 0 1px 15px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 1px 15px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 15px rgba(0, 0, 0, 0.05);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -o-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000
}

.navbar .navbar-inner {
    background-color: #fff;
    background-image: none;
    border: 0 none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.navbar .btn.toggle-more {
    background: transparent;
    border: 0 none;
    padding: 0;
    margin-right: 15px;
    text-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    outline: 0 none
}

.navbar .btn.toggle-more .icon-bar {
    width: 24px;
    height: 5px;
    background: #888;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.navbar .btn.toggle-more .icon-bar+.icon-bar {
    margin-top: 5px
}

.navbar .nav {
    margin: 0 10px 0 40px
}

.navbar .nav>li {
    padding: 16.5px 8px 16.5px
}

.navbar .nav>li>a {
    padding: 5px 7px;
    font-size: 14px;
    text-transform: uppercase
}

.navbar .nav>li>a:hover {
    color: #373737
}

.navbar .nav>li>a.active {
    color: #ce0058
}

.navbar .nav>li>button.btn-uberflip {
    margin-top: 0;
    border-bottom: 3px solid #b5004d;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.navbar .nav>.active a,
.navbar .nav>.active a:hover,
.navbar .nav>.active a:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.navbar .navbar-submenu {
    background: #777;
    background: rgba(100, 100, 100, 0.95)
}

.navbar .navbar-submenu .container {
    height: 40px;
    text-align: center
}

.navbar .navbar-submenu .nav-pills {
    float: none;
    display: inline-block;
    height: 40px
}

.navbar .navbar-submenu .nav-pills>li {
    padding: 4px 15px 0 0;
    font-size: 14px
}

.navbar .navbar-submenu .nav-pills>li a {
    color: #fff;
    font-size: 14px;
    padding: 7px;
    text-transform: none;
    text-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    font-weight: 300
}

.navbar .navbar-submenu .nav-pills>li a:hover {
    color: #666;
    background: #fff
}

.navbar .navbar-submenu .nav-pills>li.active a,
.navbar .navbar-submenu .nav-pills>li.active a:hover {
    color: #fff;
    background: #555
}

.browsehappy {
    position: fixed;
    top: 120px;
    left: 20px;
    z-index: 9999999;
    color: #333
}

.left {
    float: left;
    clear: none
}

.right {
    float: right;
    clear: none
}

.rounded-tl {
    -webkit-border-radius: 10px 0 0 0;
    -moz-border-radius: 10px 0 0 0;
    border-radius: 10px 0 0 0
}

.rounded-tr {
    -webkit-border-radius: 0 10px 0 0;
    -moz-border-radius: 0 10px 0 0;
    border-radius: 0 10px 0 0
}

.rounded-bl {
    -webkit-border-radius: 0 0 0 10px;
    -moz-border-radius: 0 0 0 10px;
    border-radius: 0 0 0 10px
}

.rounded-br {
    -webkit-border-radius: 0 0 10px 0;
    -moz-border-radius: 0 0 10px 0;
    border-radius: 0 0 10px 0
}

.rounded-top {
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0
}

.rounded-btm {
    -webkit-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px
}

.rounded-left {
    -webkit-border-radius: 10px 0 0 10px;
    -moz-border-radius: 10px 0 0 10px;
    border-radius: 10px 0 0 10px
}

.rounded-right {
    -webkit-border-radius: 0 10px 10px 0;
    -moz-border-radius: 0 10px 10px 0;
    border-radius: 0 10px 10px 0
}

.hilite {
    background: #fff8ce;
    padding: 0 4px
}

.container,
.content-container {
    position: relative
}

.container section,
.content-container section {
    overflow: hidden
}

.row .half-column {
    float: left;
    width: 50%;
    margin: 0
}

.winking-logo {
    position: relative;
    float: left;
    width: 120px;
    height: 31px;
    margin: 20px 20px 0 0;
    overflow: hidden;
    background: transparent url("../../img/logouberflip.png") no-repeat 0 0
}

.winking-logo a {
    display: block;
    width: 100%;
    height: 100%;
    text-indent: -9999px
}

.winking-logo .wink {
    position: absolute;
    top: -2px;
    left: 30px;
    right: auto;
    bottom: auto;
    width: 4px;
    height: 4px;
    background: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.winking-logo:hover .wink {
    -webkit-animation: quick-wink 1000ms 1;
    -moz-animation: quick-wink 1000ms 1;
    -o-animation: quick-wink 1000ms 1;
    animation: quick-wink 1000ms 1
}

@-webkit-keyframes quick-wink {
    0% {
        top: -2px
    }
    50% {
        top: 2px
    }
    100% {
        top: -2px
    }
}

@-moz-keyframes quick-wink {
    0% {
        top: -2px
    }
    50% {
        top: 2px
    }
    100% {
        top: -2px
    }
}

@-o-keyframes quick-wink {
    0% {
        top: -2px
    }
    50% {
        top: 2px
    }
    100% {
        top: -2px
    }
}

@keyframes quick-wink {
    0% {
        top: -2px
    }
    50% {
        top: 2px
    }
    100% {
        top: -2px
    }
}

.btn-uberflip {
    position: relative;
    color: #fff;
    border: 0 none;
    background: #ce0058;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: 0 1px 0 rgba(152, 0, 61, 0.8);
    text-rendering: optimizeLegibility;
    padding: 6px 12px;
    font-size: 12px;
    font-size: 8px \9;
    line-height: 20px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.btn-uberflip [class^="icon-"],
.btn-uberflip [class*=" icon-"] {
    margin: 2px 0 0 4px
}

.btn-uberflip.with-splitter {
    padding: 0 0 0 37px;
    line-height: 36px
}

.btn-uberflip .split-arrow {
    width: 36px;
    height: 36px
}

.btn-uberflip .split-arrow [class^="uf-icon-"],
.btn-uberflip .split-arrow [class*=" uf-icon-"] {
    margin: 2px 0 0 4px
}

.btn-uberflip .split-text {
    padding: 8px 12px
}

.btn-uberflip .split-arrow [class^="uf-icon-"],
.btn-uberflip .split-arrow [class*=" uf-icon-"] {
    background-size: 360px;
    background-position: -84px -80px
}

.btn-uberflip:hover,
.btn-uberflip:focus,
.btn-uberflip:active,
.btn-uberflip.active,
.btn-uberflip.disabled,
.btn-uberflip[disabled] {
    color: #fff;
    background: #b5004d
}

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

.btn-uberflip.inverted {
    color: #ce0058;
    background: #fff;
    text-shadow: none
}

.btn-uberflip.inverted:hover,
.btn-uberflip.inverted:focus,
.btn-uberflip.inverted:active,
.btn-uberflip.inverted.active,
.btn-uberflip.inverted.disabled,
.btn-uberflip.inverted[disabled] {
    color: #820037
}

.btn-uberflip.inverted [class^="icon-"],
.btn-uberflip.inverted [class*=" icon-"] {
    margin: 8px 0 0 10px;
    background-image: url("../../img/iconset_small.png");
    background-position: -83px -81px
}

.btn-uberflip.boxed-grey {
    color: #999;
    background: #fff;
    border: 2px solid #ddd;
    text-shadow: none
}

.btn-uberflip.boxed-grey:hover,
.btn-uberflip.boxed-grey:focus,
.btn-uberflip.boxed-grey:active,
.btn-uberflip.boxed-grey.active,
.btn-uberflip.boxed-grey.disabled,
.btn-uberflip.boxed-grey[disabled] {
    background: #ececec
}

.btn-uberflip.light-grey {
    color: #ce0058;
    background: #e3e3e3;
    text-shadow: none
}

.btn-uberflip.light-grey:hover,
.btn-uberflip.light-grey:focus,
.btn-uberflip.light-grey:active,
.btn-uberflip.light-grey.active,
.btn-uberflip.light-grey.disabled,
.btn-uberflip.light-grey[disabled] {
    background: #ececec
}

.btn-uberflip.light-grey [class^="icon-"],
.btn-uberflip.light-grey [class*=" icon-"] {
    margin: 8px 0 0 10px;
    background-image: url("../../img/iconset_small.png");
    background-position: -83px -81px
}

.btn-uberflip.dark-grey {
    color: #fff;
    background: #888;
    text-shadow: none
}

.btn-uberflip.dark-grey:hover,
.btn-uberflip.dark-grey:focus,
.btn-uberflip.dark-grey:active,
.btn-uberflip.dark-grey.active,
.btn-uberflip.dark-grey.disabled,
.btn-uberflip.dark-grey[disabled] {
    background: #777
}

.btn-uberflip.blue {
    color: #fff;
    background: #2f96b4;
    text-shadow: none
}

.btn-uberflip.blue:hover,
.btn-uberflip.blue:focus,
.btn-uberflip.blue:active,
.btn-uberflip.blue.active,
.btn-uberflip.blue.disabled,
.btn-uberflip.blue[disabled] {
    background: #24748c
}

.btn-uberflip.shadowed {
    -webkit-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.2)
}

.btn-uberflip.bordered {
    -webkit-box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.1)
}

.btn-uberflip.with-splitter {
    padding: 0 0 0 37px;
    line-height: 36px
}

.btn-uberflip .split-arrow {
    position: absolute;
    top: 0;
    left: 0;
    width: 36px;
    height: 36px;
    border-right: 1px solid #cecece
}

.btn-uberflip .split-text {
    border-left: 1px solid #fff;
    white-space: nowrap
}

.btn-uberflip.large {
    padding: 9px 16px;
    font-size: 16px;
    font-size: 12px \9;
    line-height: 24px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.btn-uberflip.large [class^="icon-"],
.btn-uberflip.large [class*=" icon-"] {
    margin: 4px 0 0 7px
}

.btn-uberflip.large.with-splitter {
    padding: 0 0 0 41px;
    line-height: 40px
}

.btn-uberflip.large .split-arrow {
    width: 40px;
    height: 40px
}

.btn-uberflip.large .split-arrow [class^="uf-icon-"],
.btn-uberflip.large .split-arrow [class*=" uf-icon-"] {
    margin: 4px 0 0 6px
}

.btn-uberflip.large .split-text {
    padding: 12px 16px
}

.btn-uberflip.larger {
    padding: 12px 20px;
    font-size: 20px;
    font-size: 16px \9;
    line-height: 28px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.btn-uberflip.larger [class^="icon-"],
.btn-uberflip.larger [class*=" icon-"] {
    margin: 6px 0 0 10px
}

.btn-uberflip.larger.with-splitter {
    padding: 0 0 0 45px;
    line-height: 44px
}

.btn-uberflip.larger .split-arrow {
    width: 44px;
    height: 44px
}

.btn-uberflip.larger .split-arrow [class^="uf-icon-"],
.btn-uberflip.larger .split-arrow [class*=" uf-icon-"] {
    margin: 6px 0 0 8px
}

.btn-uberflip.larger .split-text {
    padding: 16px 20px
}

.btn-uberflip.largest {
    padding: 15px 24px;
    font-size: 24px;
    font-size: 20px \9;
    line-height: 32px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.btn-uberflip.largest [class^="icon-"],
.btn-uberflip.largest [class*=" icon-"] {
    margin: 8px 0 0 13px
}

.btn-uberflip.largest.with-splitter {
    padding: 0 0 0 49px;
    line-height: 48px
}

.btn-uberflip.largest .split-arrow {
    width: 48px;
    height: 48px
}

.btn-uberflip.largest .split-arrow [class^="uf-icon-"],
.btn-uberflip.largest .split-arrow [class*=" uf-icon-"] {
    margin: 8px 0 0 10px
}

.btn-uberflip.largest .split-text {
    padding: 20px 24px
}

.push-button {
    position: relative;
    display: inline-block;
    border: 0 none;
    padding: 0 0 5px 0;
    outline: none;
    background: transparent
}

.push-button .pusher {
    position: relative;
    display: block;
    font-weight: normal;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: background 300ms linear;
    -moz-transition: background 300ms linear;
    -o-transition: background 300ms linear;
    transition: background 300ms linear
}

.push-button .pusher:after {
    display: block;
    position: absolute;
    content: ""
}

.push-button .pusher.play-btn span {
    display: block;
    margin: 0 auto;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.push-button:hover {
    text-decoration: none
}

.push-button:active {
    padding-top: 5px;
    padding-bottom: 0
}

.push-button.pink .pusher {
    color: #fff;
    background: #ce0058;
    border: 1px solid #a80048;
    -webkit-box-shadow: 0 5px 0 #a80048, 0 5px 2px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 5px 0 #a80048, 0 5px 2px rgba(0, 0, 0, .5);
    box-shadow: 0 5px 0 #a80048, 0 5px 2px rgba(0, 0, 0, .5)
}

.push-button.pink:hover .pusher {
    background: #e80063
}

.push-button.pink:active .pusher {
    -webkit-box-shadow: 0 1px 0 #a80048, 0 1px 2px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 1px 0 #a80048, 0 1px 2px rgba(0, 0, 0, .5);
    box-shadow: 0 1px 0 #a80048, 0 1px 2px rgba(0, 0, 0, .5)
}

.push-button.gray .pusher {
    color: #555;
    background: #d7d7d7;
    border: 1px solid #d7d7d7;
    -webkit-box-shadow: 0 5px 0 #aaa, 0 5px 2px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 5px 0 #aaa, 0 5px 2px rgba(0, 0, 0, .5);
    box-shadow: 0 5px 0 #aaa, 0 5px 2px rgba(0, 0, 0, .5)
}

.push-button.gray:hover .pusher {
    background: #e4e4e4
}

.push-button.gray:active .pusher {
    -webkit-box-shadow: 0 1px 0 #aaa, 0 1px 2px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 1px 0 #aaa, 0 1px 2px rgba(0, 0, 0, .5);
    box-shadow: 0 1px 0 #aaa, 0 1px 2px rgba(0, 0, 0, .5)
}

.push-button.blue .pusher {
    color: #fff;
    background: #2f96b4;
    border: 1px solid #22738b;
    -webkit-box-shadow: 0 5px 0 #22738b, 0 5px 2px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 5px 0 #22738b, 0 5px 2px rgba(0, 0, 0, .5);
    box-shadow: 0 5px 0 #22738b, 0 5px 2px rgba(0, 0, 0, .5)
}

.push-button.blue:hover .pusher {
    background: #34a7c8
}

.push-button.blue:active .pusher {
    -webkit-box-shadow: 0 1px 0 #22738b, 0 1px 2px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 1px 0 #22738b, 0 1px 2px rgba(0, 0, 0, .5);
    box-shadow: 0 1px 0 #22738b, 0 1px 2px rgba(0, 0, 0, .5)
}

.push-button .pusher {
    font-size: 13px;
    line-height: 20px;
    padding: 5px 25px 5px 8px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.push-button .pusher:after {
    top: 11px;
    right: 7px
}

.push-button .pusher.play-btn {
    padding: 5px 10px
}

.push-button .pusher.play-btn span {
    width: 22px;
    height: 22px
}

.push-button .pusher.play-btn:after {
    top: 13px;
    right: 15px
}

.push-button.sleek .pusher {
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.push-button.pink .pusher:after {
    width: 0;
    height: 0;
    border-color: transparent transparent transparent #fff;
    border-style: solid;
    border-width: 4px;
    -moz-transform: scale(.9999);
    font-size: 0;
    line-height: 0;
    _border-top-color: #0ff;
    _border-right-color: #0ff;
    _border-bottom-color: #0ff;
    _filter: chroma(color=#0ff)
}

.push-button.pink .pusher.play-btn span {
    border: 2px solid #fff
}

.push-button.pink .pusher.play-btn:after {
    width: 0;
    height: 0;
    border-color: transparent transparent transparent #fff;
    border-style: solid;
    border-width: 5px;
    -moz-transform: scale(.9999);
    font-size: 0;
    line-height: 0;
    _border-top-color: #0ff;
    _border-right-color: #0ff;
    _border-bottom-color: #0ff;
    _filter: chroma(color=#0ff)
}

.push-button.blue .pusher:after {
    width: 0;
    height: 0;
    border-color: transparent transparent transparent #fff;
    border-style: solid;
    border-width: 4px;
    -moz-transform: scale(.9999);
    font-size: 0;
    line-height: 0;
    _border-top-color: #0ff;
    _border-right-color: #0ff;
    _border-bottom-color: #0ff;
    _filter: chroma(color=#0ff)
}

.push-button.gray .pusher:after {
    width: 0;
    height: 0;
    border-color: transparent transparent transparent #555;
    border-style: solid;
    border-width: 4px;
    -moz-transform: scale(.9999);
    font-size: 0;
    line-height: 0;
    _border-top-color: #0ff;
    _border-right-color: #0ff;
    _border-bottom-color: #0ff;
    _filter: chroma(color=#0ff)
}

.push-button.gray .pusher.play-btn span {
    border: 2px solid #555
}

.push-button.gray .pusher.play-btn:after {
    width: 0;
    height: 0;
    border-color: transparent transparent transparent #555;
    border-style: solid;
    border-width: 5px;
    -moz-transform: scale(.9999);
    font-size: 0;
    line-height: 0;
    _border-top-color: #0ff;
    _border-right-color: #0ff;
    _border-bottom-color: #0ff;
    _filter: chroma(color=#0ff)
}

.push-button .pusher.play-btn:after {
    right: 14px
}

.push-button.large .pusher {
    font-size: 15px;
    line-height: 22px;
    padding: 8px 32px 8px 15px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.push-button.large .pusher:after {
    top: 14px;
    right: 9px
}

.push-button.large .pusher.play-btn {
    padding: 7px 14px
}

.push-button.large .pusher.play-btn span {
    width: 24px;
    height: 24px
}

.push-button.large .pusher.play-btn:after {
    top: 15px;
    right: 18px
}

.push-button.large.sleek .pusher {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.push-button.large.pink .pusher:after {
    width: 0;
    height: 0;
    border-color: transparent transparent transparent #fff;
    border-style: solid;
    border-width: 5px;
    -moz-transform: scale(.9999);
    font-size: 0;
    line-height: 0;
    _border-top-color: #0ff;
    _border-right-color: #0ff;
    _border-bottom-color: #0ff;
    _filter: chroma(color=#0ff)
}

.push-button.large.pink .pusher.play-btn span {
    border: 2px solid #fff
}

.push-button.large.pink .pusher.play-btn:after {
    width: 0;
    height: 0;
    border-color: transparent transparent transparent #fff;
    border-style: solid;
    border-width: 6px;
    -moz-transform: scale(.9999);
    font-size: 0;
    line-height: 0;
    _border-top-color: #0ff;
    _border-right-color: #0ff;
    _border-bottom-color: #0ff;
    _filter: chroma(color=#0ff)
}

.push-button.large.blue .pusher:after {
    width: 0;
    height: 0;
    border-color: transparent transparent transparent #fff;
    border-style: solid;
    border-width: 5px;
    -moz-transform: scale(.9999);
    font-size: 0;
    line-height: 0;
    _border-top-color: #0ff;
    _border-right-color: #0ff;
    _border-bottom-color: #0ff;
    _filter: chroma(color=#0ff)
}

.push-button.large.gray .pusher:after {
    width: 0;
    height: 0;
    border-color: transparent transparent transparent #555;
    border-style: solid;
    border-width: 5px;
    -moz-transform: scale(.9999);
    font-size: 0;
    line-height: 0;
    _border-top-color: #0ff;
    _border-right-color: #0ff;
    _border-bottom-color: #0ff;
    _filter: chroma(color=#0ff)
}

.push-button.large.gray .pusher.play-btn span {
    border: 2px solid #555
}

.push-button.large.gray .pusher.play-btn:after {
    width: 0;
    height: 0;
    border-color: transparent transparent transparent #555;
    border-style: solid;
    border-width: 6px;
    -moz-transform: scale(.9999);
    font-size: 0;
    line-height: 0;
    _border-top-color: #0ff;
    _border-right-color: #0ff;
    _border-bottom-color: #0ff;
    _filter: chroma(color=#0ff)
}

.push-button.larger .pusher {
    font-size: 17px;
    line-height: 24px;
    padding: 11px 39px 11px 22px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.push-button.larger .pusher:after {
    top: 17px;
    right: 11px
}

.push-button.larger .pusher.play-btn {
    padding: 9px 18px
}

.push-button.larger .pusher.play-btn span {
    width: 26px;
    height: 26px
}

.push-button.larger .pusher.play-btn:after {
    top: 17px;
    right: 21px
}

.push-button.larger.sleek .pusher {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.push-button.larger.pink .pusher:after {
    width: 0;
    height: 0;
    border-color: transparent transparent transparent #fff;
    border-style: solid;
    border-width: 6px;
    -moz-transform: scale(.9999);
    font-size: 0;
    line-height: 0;
    _border-top-color: #0ff;
    _border-right-color: #0ff;
    _border-bottom-color: #0ff;
    _filter: chroma(color=#0ff)
}

.push-button.larger.pink .pusher.play-btn span {
    border: 2px solid #fff
}

.push-button.larger.pink .pusher.play-btn:after {
    width: 0;
    height: 0;
    border-color: transparent transparent transparent #fff;
    border-style: solid;
    border-width: 7px;
    -moz-transform: scale(.9999);
    font-size: 0;
    line-height: 0;
    _border-top-color: #0ff;
    _border-right-color: #0ff;
    _border-bottom-color: #0ff;
    _filter: chroma(color=#0ff)
}

.push-button.larger.blue .pusher:after {
    width: 0;
    height: 0;
    border-color: transparent transparent transparent #fff;
    border-style: solid;
    border-width: 6px;
    -moz-transform: scale(.9999);
    font-size: 0;
    line-height: 0;
    _border-top-color: #0ff;
    _border-right-color: #0ff;
    _border-bottom-color: #0ff;
    _filter: chroma(color=#0ff)
}

.push-button.larger.gray .pusher:after {
    width: 0;
    height: 0;
    border-color: transparent transparent transparent #555;
    border-style: solid;
    border-width: 6px;
    -moz-transform: scale(.9999);
    font-size: 0;
    line-height: 0;
    _border-top-color: #0ff;
    _border-right-color: #0ff;
    _border-bottom-color: #0ff;
    _filter: chroma(color=#0ff)
}

.push-button.larger.gray .pusher.play-btn span {
    border: 2px solid #555
}

.push-button.larger.gray .pusher.play-btn:after {
    width: 0;
    height: 0;
    border-color: transparent transparent transparent #555;
    border-style: solid;
    border-width: 7px;
    -moz-transform: scale(.9999);
    font-size: 0;
    line-height: 0;
    _border-top-color: #0ff;
    _border-right-color: #0ff;
    _border-bottom-color: #0ff;
    _filter: chroma(color=#0ff)
}

.push-button.largest .pusher {
    font-size: 19px;
    line-height: 26px;
    padding: 14px 46px 14px 29px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px
}

.push-button.largest .pusher:after {
    top: 20px;
    right: 13px
}

.push-button.largest .pusher.play-btn {
    padding: 11px 22px
}

.push-button.largest .pusher.play-btn span {
    width: 28px;
    height: 28px
}

.push-button.largest .pusher.play-btn:after {
    top: 19px;
    right: 24px
}

.push-button.largest.sleek .pusher {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.push-button.largest.pink .pusher:after {
    width: 0;
    height: 0;
    border-color: transparent transparent transparent #fff;
    border-style: solid;
    border-width: 7px;
    -moz-transform: scale(.9999);
    font-size: 0;
    line-height: 0;
    _border-top-color: #0ff;
    _border-right-color: #0ff;
    _border-bottom-color: #0ff;
    _filter: chroma(color=#0ff)
}

.push-button.largest.pink .pusher.play-btn span {
    border: 2px solid #fff
}

.push-button.largest.pink .pusher.play-btn:after {
    width: 0;
    height: 0;
    border-color: transparent transparent transparent #fff;
    border-style: solid;
    border-width: 8px;
    -moz-transform: scale(.9999);
    font-size: 0;
    line-height: 0;
    _border-top-color: #0ff;
    _border-right-color: #0ff;
    _border-bottom-color: #0ff;
    _filter: chroma(color=#0ff)
}

.push-button.largest.blue .pusher:after {
    width: 0;
    height: 0;
    border-color: transparent transparent transparent #fff;
    border-style: solid;
    border-width: 7px;
    -moz-transform: scale(.9999);
    font-size: 0;
    line-height: 0;
    _border-top-color: #0ff;
    _border-right-color: #0ff;
    _border-bottom-color: #0ff;
    _filter: chroma(color=#0ff)
}

.push-button.largest.gray .pusher:after {
    width: 0;
    height: 0;
    border-color: transparent transparent transparent #555;
    border-style: solid;
    border-width: 7px;
    -moz-transform: scale(.9999);
    font-size: 0;
    line-height: 0;
    _border-top-color: #0ff;
    _border-right-color: #0ff;
    _border-bottom-color: #0ff;
    _filter: chroma(color=#0ff)
}

.push-button.largest.gray .pusher.play-btn span {
    border: 2px solid #555
}

.push-button.largest.gray .pusher.play-btn:after {
    width: 0;
    height: 0;
    border-color: transparent transparent transparent #555;
    border-style: solid;
    border-width: 8px;
    -moz-transform: scale(.9999);
    font-size: 0;
    line-height: 0;
    _border-top-color: #0ff;
    _border-right-color: #0ff;
    _border-bottom-color: #0ff;
    _filter: chroma(color=#0ff)
}

.push-button.sleek.pink .pusher {
    -webkit-box-shadow: 0 3px 0 #a80048, 0 3px 2px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 3px 0 #a80048, 0 3px 2px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 0 #a80048, 0 3px 2px rgba(0, 0, 0, .5)
}

.push-button.sleek.pink:active .pusher {
    -webkit-box-shadow: 0 1px 0 #a80048, 0 1px 2px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 1px 0 #a80048, 0 1px 2px rgba(0, 0, 0, .5);
    box-shadow: 0 1px 0 #a80048, 0 1px 2px rgba(0, 0, 0, .5)
}

.push-button.sleek.gray .pusher {
    -webkit-box-shadow: 0 3px 0 #aaa, 0 3px 2px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 3px 0 #aaa, 0 3px 2px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 0 #aaa, 0 3px 2px rgba(0, 0, 0, .5)
}

.push-button.sleek.gray:active .pusher {
    -webkit-box-shadow: 0 1px 0 #aaa, 0 1px 2px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 1px 0 #aaa, 0 1px 2px rgba(0, 0, 0, .5);
    box-shadow: 0 1px 0 #aaa, 0 1px 2px rgba(0, 0, 0, .5)
}

.push-button.sleek.blue .pusher {
    -webkit-box-shadow: 0 3px 0 #22738b, 0 3px 2px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 3px 0 #22738b, 0 3px 2px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 0 #22738b, 0 3px 2px rgba(0, 0, 0, .5)
}

.push-button.sleek.blue:active .pusher {
    -webkit-box-shadow: 0 1px 0 #22738b, 0 1px 2px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 1px 0 #22738b, 0 1px 2px rgba(0, 0, 0, .5);
    box-shadow: 0 1px 0 #22738b, 0 1px 2px rgba(0, 0, 0, .5)
}

div.hr-shadowed {
    width: 100%;
    max-width: 1040px;
    height: 21px;
    margin: 20px auto;
    background-color: transparent;
    background-image: url("../../img/hr-shadow.jpg");
    background-repeat: no-repeat;
    background-position: 0 0
}

div.hr-shadowed hr {
    display: block;
    width: 100%;
    height: 21px;
    border: 0 none;
    margin: 0;
    background-color: transparent;
    background-image: url("../../img/hr-shadow.jpg");
    background-repeat: no-repeat;
    background-position: right bottom
}

div.box {
    border: 2px solid #eee;
    padding: 8px;
    font-size: 90%;
    margin-bottom: 30px;
    text-align: center;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px
}

div.box h3 {
    line-height: 27px;
    font-size: 18px;
    margin-top: 10px;
    margin-bottom: 8px
}

div.box p {
    margin: 0 0 9px;
    font-size: 13px;
    line-height: 18px
}

div.box .content {
    padding: 3px;
    text-align: left;
    *zoom: 1
}

div.box .content:before,
div.box .content:after {
    display: table;
    content: "";
    line-height: 0
}

div.box .content:after {
    clear: both
}

div.box .footer {
    padding: 10px;
    margin: 0 -8px -8px -8px;
    border-top: 2px solid #eee;
    *zoom: 1
}

div.box .footer:before,
div.box .footer:after {
    display: table;
    content: "";
    line-height: 0
}

div.box .footer:after {
    clear: both
}

div.box .footer p:last-child {
    margin-bottom: 0
}

div.box .footer a {
    font-size: 16px
}

div.box.white {
    background: #fff;
    border-color: #ccc
}

div.box.white .footer {
    background: #fff;
    border-top-color: #ccc
}

div.box.gray {
    background: #f9f9f9;
    border-color: #ccc
}

div.box.gray .footer {
    background: #f9f9f9;
    border-top-color: #ccc
}

div.box.blue {
    background: #f0f8fb;
    border-color: #c0e3ee
}

div.box.blue .footer {
    background: #f0f8fb;
    border-top-color: #c0e3ee
}

div.box.orange {
    background: #fff4ef;
    border-color: #fec3aa
}

div.box.orange .footer {
    background: #fff4ef;
    border-top-color: #fec3aa
}

div.box.brown {
    background: #e7e5de;
    border-color: #e7e5de
}

div.box.thin {
    border-width: 1px
}

div.box.thin .footer {
    border-top-width: 1px
}

div.box.square {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

div.box.shadowed {
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.25)
}

div.future-img {
    width: 100%;
    height: 100%;
    background: #eee url("../../img/loading.gif") no-repeat center;
    -webkit-box-shadow: inset 0 0 2px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 0 2px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 0 2px 2px rgba(0, 0, 0, 0.1)
}

div.future-img img {
    background: #fff
}

div.future-img.gray-bg img {
    background: #f5f5f5
}

.modal {
    margin-top: 0 !important
}

.modal.fade {
    top: -1000px
}

.modal.fade.in {
    top: 120px
}

.modal .close {
    border: 0 none;
    background: transparent;
    opacity: .4;
    filter: alpha(opacity=40)
}

.modal .close:hover {
    opacity: .75;
    filter: alpha(opacity=75)
}

.modal .alt-close-icon {
    position: absolute;
    top: 20px;
    left: auto;
    right: 20px;
    bottom: auto;
    float: none
}

.modal .modal-header .close {
    margin-right: -9px;
    background: transparent
}

.modal .modal-body {
    position: relative
}

.modal .modal-footer p label {
    line-height: 28px
}

.modal .modal-footer p input[type="checkbox"],
.modal .modal-footer p input[type="radio"] {
    display: inline-block
}

.modal .modal-loading {
    min-height: 300px;
    background-color: transparent;
    background-image: url("../../img/loading.gif");
    background-repeat: no-repeat;
    background-position: center
}

.content-container footer {
    background: #333
}

.content-container footer .container {
    background: transparent
}

.content-container footer .large-footer {
    padding: 40px 0 0 0
}

.content-container footer .large-footer .winking-logo {
    float: none;
    width: 175px;
    height: 42px;
    margin: 0 0 30px 0;
    background: transparent url("../../img/spritesheet-footer.png") no-repeat 0 0
}

.content-container footer .large-footer .winking-logo .wink {
    position: absolute;
    top: -3px;
    left: 44px;
    right: auto;
    bottom: auto;
    width: 5px;
    height: 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #333
}

.content-container footer .large-footer .footer-row {
    float: left;
    margin-left: -60px;
    *zoom: 1
}

.content-container footer .large-footer .footer-row:before,
.content-container footer .large-footer .footer-row:after {
    display: table;
    content: "";
    line-height: 0
}

.content-container footer .large-footer .footer-row:after {
    clear: both
}

.content-container footer .large-footer .footer-row:last-child {
    width: 492px;
    margin-left: 0
}

.content-container footer .large-footer .footer-row .footer-col {
    float: left;
    width: 186px;
    margin-left: 60px;
    min-height: 1px
}

.content-container footer .large-footer .footer-row .footer-col p.highlight {
    color: #e7e7e7;
    font-weight: bold;
    padding-bottom: 7px;
    border-bottom: 1px solid #e7e7e7;
    background: transparent
}

.content-container footer .large-footer .footer-row .footer-col ul {
    list-style: none;
    margin-left: 0
}

.content-container footer .large-footer .footer-row .footer-col ul li {
    font-size: 14px;
    padding: 5px 0
}

.content-container footer .large-footer .footer-row .footer-col a {
    color: #ddd;
    font-size: 14px
}

.content-container footer .large-footer .contact-us {
    margin: 0 0 30px 0
}

.content-container footer .large-footer .social-networks {
    margin-left: -20px
}

.content-container footer .large-footer .social-networks a {
    display: inline-block;
    width: 28px;
    height: 28px;
    margin-left: 20px;
    text-decoration: none;
    overflow: hidden;
    opacity: .75;
    filter: alpha(opacity=75);
    -webkit-transition: opacity .2s linear;
    -moz-transition: opacity .2s linear;
    -o-transition: opacity .2s linear;
    transition: opacity .2s linear
}

.content-container footer .large-footer .social-networks a:hover {
    opacity: 1;
    filter: alpha(opacity=100)
}

.content-container footer .large-footer .social-networks a span {
    display: none
}

.content-container footer .large-footer .social-networks [class^="uf-icon-"],
.content-container footer .large-footer .social-networks [class*=" uf-icon-"] {
    display: block;
    width: 28px;
    height: 28px;
    *margin-right: .3em;
    vertical-align: text-top;
    margin-top: -1px;
    background: transparent url("../../img/spritesheet-footer.png") no-repeat 0 0
}

.content-container footer .large-footer .social-networks .uf-icon-share-twitter {
    background-position: -174px 1px;
    margin-top: 1px
}

.content-container footer .large-footer .social-networks .uf-icon-share-facebook {
    background-position: -202px 1px
}

.content-container footer .large-footer .social-networks .uf-icon-share-linkedin {
    background-position: -230px 1px
}

.content-container footer .large-footer .social-networks .uf-icon-share-instagram {
    background-position: -258px 1px
}

.content-container footer .large-footer .featured-integrations a {
    display: block;
    width: auto;
    height: auto;
    margin-bottom: 20px;
    text-decoration: none;
    overflow: hidden;
    opacity: .75;
    filter: alpha(opacity=75);
    -webkit-transition: opacity .2s linear;
    -moz-transition: opacity .2s linear;
    -o-transition: opacity .2s linear;
    transition: opacity .2s linear
}

.content-container footer .large-footer .featured-integrations a:hover {
    opacity: 1;
    filter: alpha(opacity=100)
}

.content-container footer .large-footer .featured-integrations a span {
    display: none
}

.content-container footer .large-footer .featured-integrations.hidden-desktop {
    margin-left: -15px
}

.content-container footer .large-footer .featured-integrations.hidden-desktop a {
    display: inline-block;
    width: 28.5px;
    height: 28.5px;
    margin-bottom: 0;
    margin-left: 10.5px
}

.content-container footer .large-footer .featured-integrations [class^="uf-icon-"],
.content-container footer .large-footer .featured-integrations [class*=" uf-icon-"] {
    display: block;
    *margin-right: .3em;
    vertical-align: text-top;
    margin-top: -1px;
    background: transparent url("../../img/spritesheet-footer.png") no-repeat 0 0;
    background-size: 357px auto
}

.content-container footer .large-footer .featured-integrations .uf-icon-int-hubspot {
    background-position: 0 -31.5px;
    width: 95.25px;
    height: 28.5px
}

.content-container footer .large-footer .featured-integrations .uf-icon-int-marketo {
    background-position: -93px -32.25px;
    width: 84.75px;
    height: 36px
}

.content-container footer .large-footer .featured-integrations .uf-icon-int-eloqua {
    background-position: -177px -31.5px;
    width: 82.5px;
    height: 31.5px;
    margin-top: 10px
}

.content-container footer .large-footer .featured-integrations .uf-icon-int-pardot {
    background-position: -250.5px -60px;
    width: 86.25px;
    height: 38.25px
}

.content-container footer .large-footer .featured-integrations .uf-icon-int-acton {
    background-position: 0 -63.75px;
    width: 90px;
    height: 38.25px
}

.content-container footer .large-footer .featured-integrations .uf-icon-sm-int-hubspot {
    background-position: -214.5px -2.25px;
    width: 25.5px;
    height: 27px
}

.content-container footer .large-footer .featured-integrations .uf-icon-sm-int-marketo {
    background-position: -240px -2.25px;
    width: 28.5px;
    height: 28.5px
}

.content-container footer .large-footer .featured-integrations .uf-icon-sm-int-eloqua {
    background-position: -268.5px -3px;
    width: 26.25px;
    height: 24px
}

.content-container footer .large-footer .featured-integrations .uf-icon-sm-int-pardot {
    background-position: -294.75px -3px;
    width: 25.5px;
    height: 24px
}

.content-container footer .large-footer .featured-integrations .uf-icon-sm-int-acton {
    background-position: -319.5px -3px;
    width: 26.25px;
    height: 24px
}

.content-container footer .small-footer {
    padding: 0 0 40px 0;
    overflow: hidden
}

.content-container footer .small-footer .links-n-copy .copy {
    color: #ddd;
    font-size: 12px;
    font-weight: normal;
    text-align: right
}

.content-container footer .small-footer .links-n-copy .links {
    color: #ddd;
    font-size: 14px;
    font-weight: normal;
    text-align: right;
    margin: 0
}

.content-container footer .small-footer .links-n-copy .links a {
    color: #ddd;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none
}

.content-container footer .small-footer .links-n-copy .links a:hover {
    color: #999
}

[class^="uf-icon-"],
[class*=" uf-icon-"] {
    display: inline-block;
    *margin-right: .3em;
    vertical-align: text-top;
    background-image: url("../../img/iconset_small.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    margin-top: 1px
}

[class^="uf-icon-"].no-text,
[class*=" uf-icon-"].no-text {
    text-indent: -99999px
}

[class^="uf-icon-"].shadowed,
[class*=" uf-icon-"].shadowed {
    -webkit-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.3)
}

.uf-icon-phone {
    width: 24px;
    height: 32px;
    background-position: -119px -81px
}

.uf-icon-email {
    width: 26px;
    height: 20px;
    background-position: -119px -118px
}

.uf-icon-curved-arrow {
    width: 34px;
    height: 18px;
    background-position: -37px -60px
}

.uf-icon-our-products {
    width: 72px;
    height: 13px;
    background-position: 0 -44px
}

.uf-icon-share-twitter {
    width: 23px;
    height: 23px;
    background-position: -159px -56px
}

.uf-icon-share-facebook {
    width: 23px;
    height: 23px;
    background-position: -159px -86px
}

.uf-icon-share-linkedin {
    width: 23px;
    height: 23px;
    background-position: -159px -116px
}

.uf-icon-content-marketing {
    width: 175px;
    height: 20px;
    background-position: 0 0
}

.uf-icon-watch-video {
    width: 74px;
    height: 56px;
    background-position: 0 -81px
}

.uf-icon-quotation {
    width: 29px;
    height: 21px;
    background-position: -119px -50px
}

.uf-icon-pages-served {
    width: 136px;
    height: 23px;
    background-position: 0 -20px
}

.uf-icon-used-by {
    width: 160px;
    height: 18px;
    background-position: -200px -121px
}

.uf-icon-chevron-grey {
    width: 10px;
    height: 15px;
    background-position: -84px -118px
}

.uf-icon-chevron-large {
    width: 21px;
    height: 29px;
    background-position: -83px -139px
}

.uf-icon-14-days-free {
    width: 79px;
    height: 19px;
    background-position: -200px -142px
}

.uf-icon-small-chevron-grey {
    width: 10px;
    height: 12px;
    background-position: -298px 0
}

.uf-icon-small-chevron-pink {
    width: 10px;
    height: 12px;
    background-position: -314px 0
}

.uf-icon-small-down-chevron-pink {
    width: 10px;
    height: 12px;
    background-position: -331px 0
}

.uf-icon-small-check-grey {
    width: 20px;
    height: 20px;
    background-position: -292px -12px
}

.uf-icon-small-check-pink {
    width: 20px;
    height: 20px;
    background-position: -312px -12px
}

.uf-icon-small-check-blue {
    width: 20px;
    height: 20px;
    background-position: -332px -12px
}

.uf-icon-small-dash-grey {
    width: 20px;
    height: 20px;
    background-position: -292px -29px
}

[class^="uf-icon-sm-"],
[class*=" uf-icon-sm-"] {
    background-size: 180px 89px
}

.uf-icon-sm-phone {
    width: 14px;
    height: 16px;
    background-position: -58px -41px
}

.uf-icon-sm-email {
    width: 14px;
    height: 14px;
    background-position: -60px -57px
}

.uf-icon-sm-watch-video {
    width: 14px;
    height: 14px;
    background-position: -37px -28px
}

[class^="uf-logo-"],
[class*=" uf-logo-"] {
    display: block;
    vertical-align: text-top;
    background-color: transparent;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-image: url("../../img/brand/spritesheet.png")
}

.uf-logo-main-pink {
    width: 163px;
    height: 39px;
    background-position: 0 0
}

.uf-logo-main-white {
    width: 163px;
    height: 39px;
    background-position: 0 -40px
}

.uf-logo-stacked-pink {
    width: 130px;
    height: 72px;
    background-position: 0 -80px
}

.uf-logo-stacked-white {
    width: 130px;
    height: 72px;
    background-position: -131px -80px
}

.uf-logo-icon-pink {
    width: 65px;
    height: 62px;
    background-position: -262px 0
}

.uf-logo-icon-white {
    width: 65px;
    height: 62px;
    background-position: -262px -64px
}

.uf-logo-hubs-pink {
    width: 98px;
    height: 35px;
    background-position: -163px 0
}

.uf-logo-hubs-white {
    width: 98px;
    height: 35px;
    background-position: -163px -38px
}

[class^="value-icon-"],
[class*=" value-icon-"] {
    display: block;
    width: 192px;
    height: 204px;
    vertical-align: text-top;
    background-color: transparent;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-image: url("../../img/valueIcons.png")
}

.value-icon-mobile {
    background-position: -192px -204px
}

.value-icon-enhance {
    background-position: 0 -204px
}

.value-icon-share {
    background-position: -192px 0
}

.value-icon-analyze {
    background-position: 0 0
}

[class^="company-logo-"],
[class*=" company-logo-"] {
    display: block;
    vertical-align: text-top;
    margin: 0 auto;
    background-color: transparent;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-image: url("../../img/companylogos.png")
}

.company-logo-ups {
    background-position: -205px 0;
    width: 65px;
    height: 68px
}

.company-logo-rbc {
    background-position: -303px 0;
    width: 148px;
    height: 68px
}

.company-logo-hubspot {
    background-position: -166px -211px;
    width: 151px;
    height: 68px
}

.company-logo-gadventures {
    background-position: 0 -70px;
    width: 175px;
    height: 68px
}

.company-logo-sap {
    background-position: 0 0;
    width: 200px;
    height: 68px
}

.company-logo-monetate {
    background-position: -453px 0;
    width: 183px;
    height: 68px
}

.company-logo-harvard {
    background-position: -177px -62px;
    width: 113px;
    height: 68px
}

.company-logo-remax {
    background-position: 0 -208px;
    width: 165px;
    height: 68px
}

.company-logo-hsn {
    background-position: -501px -69px;
    width: 94px;
    height: 94px
}

.company-logo-loblaws {
    background-position: -295px -67px;
    width: 201px;
    height: 67px
}

.company-logo-teknion {
    background-position: -318px -138px;
    width: 163px;
    height: 68px
}

[class^="comp-cust-logo-"],
[class*=" comp-cust-logo-"] {
    display: block;
    vertical-align: text-top;
    margin: 0 auto;
    background-color: transparent;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-image: url("../../img/logos-customers.png")
}

.comp-cust-logo-dyn {
    background-position: 0 0;
    width: 120px;
    height: 50px;
    margin-top: 20px
}

.comp-cust-logo-schneider {
    background-position: -129px 8px;
    width: 135px;
    height: 57px;
    margin-top: 20px
}

.comp-cust-logo-syspro {
    background-position: -118px -50px;
    width: 210px;
    height: 78px
}

.comp-cust-logo-adroll {
    background-position: -465px 8px;
    width: 169px;
    height: 54px;
    margin-top: 20px
}

.comp-cust-logo-visually {
    background-position: -279px 0;
    width: 165px;
    height: 44px;
    margin-top: 20px
}

.comp-cust-logo-insight {
    background-position: 0 -56px;
    width: 98px;
    height: 59px;
    margin-top: 20px
}

.comp-cust-logo-oracle {
    background-position: -331px -52px;
    width: 170px;
    height: 68px;
    margin-top: 20px
}

.comp-cust-logo-sap {
    background-position: -513px -58px;
    width: 165px;
    height: 68px;
    margin-top: 20px
}

[class^="customer-logo-"],
[class*=" customer-logo-"] {
    display: block;
    vertical-align: text-top;
    width: 165px;
    height: 75px;
    margin: 0 auto;
    background-color: transparent;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-image: url("../../img/customers/companylogos.png")
}

.customer-logo-hubspot {
    background-position: 0 0
}

.customer-logo-cineplex {
    background-position: -170px 0
}

.customer-logo-monetate {
    background-position: -348px 0
}

.customer-logo-ups {
    background-position: -533px 0
}

.customer-logo-visually {
    background-position: -694px 0
}

.customer-logo-sap {
    background-position: -851px 0
}

.customer-logo-canadawide {
    background-position: 0 -80px
}

.customer-logo-oracle {
    background-position: -174px -80px
}

.customer-logo-adroll {
    background-position: -347px -80px
}

.customer-logo-captora {
    background-position: -534px -80px
}

.customer-logo-insight {
    background-position: -688px -80px
}

.customer-logo-reuters {
    background-position: -844px -80px
}

.customer-logo-cornell {
    background-position: 0 -160px
}

.customer-logo-totem {
    background-position: -167px -160px
}

.customer-logo-gadventures {
    background-position: -347px -160px
}

.customer-logo-grant {
    background-position: -534px -160px
}

.customer-logo-york {
    background-position: -689px -160px
}

.customer-logo-randall {
    background-position: -846px -160px
}

[class^="color-logo-"],
[class*=" color-logo-"] {
    display: block;
    vertical-align: text-top;
    width: 136px;
    height: 75px;
    margin: 0 auto;
    background-color: transparent;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-image: url("../../img/customers/smalllogos.png")
}

.color-logo-insight {
    background-position: -588px 0;
    width: 125px
}

.color-logo-visually {
    background-position: -119px 0;
    width: 150px
}

.color-logo-dyn {
    background-position: -437px 0;
    width: 135px
}

.color-logo-belly {
    background-position: 0 0;
    width: 115px
}

.color-logo-monetate {
    background-position: -279px 0;
    width: 159px
}

[class^="press-logo-"],
[class*=" press-logo-"] {
    display: block;
    width: 100px;
    height: 50px;
    margin: 0 auto;
    vertical-align: text-top;
    background-color: transparent;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-image: url("../../img/contenthub/logos-press.jpg")
}

.press-logo-techvibes {
    background-position: 0 0;
    width: 200px
}

.press-logo-bnn {
    background-position: -203px 0;
    width: 108px
}

.press-logo-profitguide {
    background-position: -309px 0;
    width: 197px
}

.press-logo-techcrunch {
    background-position: -504px 0;
    width: 84px
}

.press-items {
    background: transparent url("../../img/press/spritesheet-presspage.png") no-repeat
}

.press-items.venturebeat {
    background-position: 0 7px;
    width: 210px;
    height: 50px
}

.press-items.mashable {
    background-position: -214px 7px;
    width: 150px;
    height: 50px
}

.press-items.cmo {
    background-position: -372px 0;
    width: 90px;
    height: 50px
}

.press-items.entrepreneur {
    background-position: 7px -36px;
    width: 200px;
    height: 50px
}

.press-items.forbes {
    background-position: -184px -36px;
    width: 150px;
    height: 50px
}

.press-items.heart {
    background-position: -44px -92px;
    width: 40px;
    height: 44px;
    margin: 0 auto
}

.press-items.airplane {
    background-position: -94px -85px;
    width: 105px;
    height: 65px;
    margin: 0 auto
}

.press-items.speaker-yoav {
    background-position: 1px -163px;
    width: 160px;
    height: 160px;
    margin: 0 auto
}

.press-items.speaker-randy {
    background-position: -157px -163px;
    width: 160px;
    height: 160px;
    margin: 0 auto
}

.press-items.speaker-hana {
    background-position: -315px -163px;
    width: 160px;
    height: 160px;
    margin: 0 auto
}

.press-items.twitter,
.press-items.linked-in {
    width: 25px;
    height: 25px
}

.press-items.twitter {
    background-position: -213px -88px
}

.press-items.twitter:hover {
    background-position: -236px -88px
}

.press-items.linked-in {
    background-position: -213px -111px
}

.press-items.linked-in:hover {
    background-position: -236px -111px
}

[class^="customer-pic-"],
[class*=" customer-pic-"] {
    display: block;
    vertical-align: text-top;
    width: 105px;
    height: 105px;
    margin: 0 auto;
    background-color: transparent;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-image: url("../../img/customers/customerpics.png")
}

.customer-pic-CaseyMundy {
    background-position: 0 0
}

.customer-pic-ChristopherNovosad {
    background-position: -106px 0
}

.customer-pic-EugeneBomba {
    background-position: -212px 0
}

.customer-pic-JeanetteBlankenship {
    background-position: -319px 0
}

.customer-pic-LuaEmilia {
    background-position: 0 -106px
}

.customer-pic-MaxineLevine {
    background-position: -106px -106px
}

.customer-pic-TanaKantor {
    background-position: -212px -106px
}

.customer-pic-WilliamVastis {
    background-position: -319px -106px
}

[class^="sample-cover-"],
[class*=" sample-cover-"] {
    display: block;
    vertical-align: text-top;
    margin: 0 auto;
    background-color: transparent;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-image: url("../../img/flipbooks/features-exampleCovers.gif");
    border: 1px solid #222;
    -webkit-box-shadow: 0 3px 4px 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 3px 4px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 4px 1px rgba(0, 0, 0, 0.3)
}

.sample-cover-newsletter {
    width: 116px;
    height: 115px;
    background-position: 0 0
}

.sample-cover-magazine {
    width: 101px;
    height: 134px;
    background-position: -121px 0
}

.sample-cover-report {
    width: 101px;
    height: 130px;
    background-position: -227px 0
}

.sample-cover-brochure {
    width: 101px;
    height: 130px;
    background-position: -333px 0
}

.sample-cover-whitepaper {
    width: 102px;
    height: 142px;
    background-position: -438px 0
}

.sample-cover-manual {
    width: 101px;
    height: 130px;
    background-position: -545px 0
}

[class^="about-sprite"],
[class*=" about-sprite"] {
    display: block;
    background: transparent url("../../img/about/spritesheet-aboutus.png") no-repeat
}

[class^="about-sprite"].wheel,
[class*=" about-sprite"].wheel {
    width: 50px;
    height: 60px;
    background-position: 0 0
}

[class^="about-sprite"].heart-plus,
[class*=" about-sprite"].heart-plus {
    width: 50px;
    height: 60px;
    background-position: -54px 0
}

[class^="about-sprite"].cog,
[class*=" about-sprite"].cog {
    width: 60px;
    height: 60px;
    background-position: -108px -1px
}

[class^="about-sprite"].graph,
[class*=" about-sprite"].graph {
    width: 55px;
    height: 60px;
    background-position: -172px 0
}

[class^="about-sprite"].twitter,
[class*=" about-sprite"].twitter,
[class^="about-sprite"].linkedin,
[class*=" about-sprite"].linkedin {
    width: 34px;
    height: 30px;
    display: inline-block;
    position: relative;
    top: 65px
}

[class^="about-sprite"].twitter,
[class*=" about-sprite"].twitter {
    left: 35px;
    background-position: -6px -70px
}

[class^="about-sprite"].twitter:hover,
[class*=" about-sprite"].twitter:hover {
    background-position: -86px -70px;
    cursor: pointer
}

[class^="about-sprite"].linkedin,
[class*=" about-sprite"].linkedin {
    left: 38px;
    background-position: -47px -70px
}

[class^="about-sprite"].linkedin:hover,
[class*=" about-sprite"].linkedin:hover {
    background-position: -127px -70px;
    cursor: pointer
}

[class^="person-img"],
[class*=" person-img"] {
    display: block;
    width: 142px;
    height: 171px;
    background: url("../../img/about/spritesheet-teamphotos.jpg") no-repeat
}

[class^="person-img"].yoav-schwartz,
[class*=" person-img"].yoav-schwartz {
    background-position: -2px -2px
}

[class^="person-img"].randy-frisch,
[class*=" person-img"].randy-frisch {
    background-position: -146px -2px
}

[class^="person-img"].colin-coller,
[class*=" person-img"].colin-coller {
    background-position: -290px -2px
}

[class^="person-img"].braedon-hebert,
[class*=" person-img"].braedon-hebert {
    background-position: -434px -2px
}

[class^="person-img"].hana-abaza,
[class*=" person-img"].hana-abaza {
    background-position: -578px -2px
}

[class^="person-img"].mike-orloff,
[class*=" person-img"].mike-orloff {
    background-position: -722px -2px
}

[class^="person-img"].jay-baer,
[class*=" person-img"].jay-baer {
    background-position: -2px -175px
}

[class^="person-img"].ann-handley,
[class*=" person-img"].ann-handley {
    background-position: -146px -175px
}

[class^="person-img"].don-listwin,
[class*=" person-img"].don-listwin {
    background-position: -290px -175px
}

[class^="person-img"].gokul-rajaram,
[class*=" person-img"].gokul-rajaram {
    background-position: -434px -175px
}

[class^="person-img"].chris-albinson,
[class*=" person-img"].chris-albinson {
    background-position: -578px -175px
}

[class^="person-img"].jonathan-lister,
[class*=" person-img"].jonathan-lister {
    background-position: -722px -175px
}

[class^="person-img"].peter-carrescia,
[class*=" person-img"].peter-carrescia {
    background-position: -866px -2px
}

[class^="person-img"].lars-leckie,
[class*=" person-img"].lars-leckie {
    background-position: -866px -175px
}

[class^="person-img"].ilya-fushman,
[class*=" person-img"].ilya-fushman {
    background-position: -1009px -2px
}

[class^="person-img"].inaki-berenguer,
[class*=" person-img"].inaki-berenguer {
    background-position: -1009px -175px
}

[class^="person-img"].tom-predovic,
[class*=" person-img"].tom-predovic {
    background-position: -2px -348px
}

[class^="person-img"].seth-lieberman,
[class*=" person-img"].seth-lieberman {
    background-position: -146px -348px
}

.about-sprite-arrow {
    width: 46px;
    height: 42px;
    background-position: 0 0
}

.about-sprite-text {
    width: 132px;
    height: 19px;
    background-position: -49px 0
}

[class^="contact-sprite-"],
[class*=" contact-sprite-"] {
    display: inline-block;
    *margin-right: .3em;
    vertical-align: text-top;
    margin: 0 auto;
    background-color: transparent;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-image: url("../../img/contact/spritesheet.png")
}

.contact-sprite-email {
    width: 25px;
    height: 18px;
    background-position: 0 0
}

.contact-sprite-marker {
    width: 14px;
    height: 18px;
    background-position: -25px 0
}

[class^="enterprise-icon-"],
[class*=" enterprise-icon-"] {
    display: block;
    width: 66px;
    height: 70px;
    vertical-align: text-top;
    background-color: transparent;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-image: url("../../img/enterprise/spritesheet.png")
}

.enterprise-icon-graph {
    background-position: 0 -43px
}

.enterprise-icon-lock {
    background-position: -73px -43px
}

.enterprise-icon-world {
    background-position: -144px -43px
}

.enterprise-icon-text {
    width: 152px;
    height: 36px
}

[class^="perk-icon-"],
[class*=" perk-icon-"] {
    display: block;
    margin: 10px auto 0 auto;
    vertical-align: text-top;
    background: transparent url("../../img/careers/spritesheet-careers.png") no-repeat 0 0
}

.perk-icon-medical {
    background-position: 8px -101px;
    width: 90px;
    height: 65px
}

.perk-icon-shoe {
    background-position: -84px -99px;
    width: 90px;
    height: 65px
}

.perk-icon-games {
    background-position: 6px -174px;
    width: 90px;
    height: 80px;
    margin-top: 0
}

.perk-icon-snacks {
    background-position: -78px -169px;
    width: 90px;
    height: 90px;
    margin-top: 0
}

.perk-icon-party {
    background-position: 12px -267px;
    width: 90px;
    height: 80px
}

.perk-icon-dinner {
    background-position: -76px -272px;
    width: 110px;
    height: 80px
}

.perk-icon-weight {
    background-position: 0 -363px;
    width: 90px;
    height: 65px
}

.perk-icon-graph {
    background-position: -98px -360px;
    width: 90px;
    height: 65px
}

[class^="position-icon-"],
[class*=" position-icon-"] {
    display: inline-block;
    width: 28px;
    height: 28px;
    vertical-align: bottom;
    background: transparent url("../../img/careers/spritesheet-careers.png") no-repeat 0 0
}

.position-icon-generic {
    background-position: 1px -6px
}

.position-icon-sales {
    background-position: -30px -8px
}

.position-icon-customer-success {
    background-position: -58px -6px
}

.position-icon-marketing,
.position-icon-web-development {
    background-position: -89px -5px
}

.position-icon-dot {
    width: 10px;
    height: 10px;
    margin: 0 10px 0 0;
    position: relative;
    top: 6px;
    background-position: -121px -14px;
    vertical-align: top
}

.position-icon-chevron-gray,
.position-icon-chevron-pink {
    width: 10px;
    height: 15px
}

.position-icon-chevron-gray {
    background-position: -143px -12px
}

.position-icon-chevron-pink {
    background-position: -132px -12px;
    display: none
}

[class^="careers-icon-"],
[class*=" careers-icon-"] {
    background: transparent url("../../img/careers/spritesheet-careers.png") no-repeat
}

.careers-icon-postit {
    width: 60px;
    height: 60px;
    margin: 0 auto;
    background-position: -3px -38px
}

[class^="pricing-icon-"],
[class*=" pricing-icon-"] {
    display: inline-block;
    *margin-right: .3em;
    vertical-align: text-top;
    background-color: transparent;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-image: url("../../img/pricing/spritesheet.png")
}

.pricing-icon-align-justify {
    width: 16px;
    height: 14px;
    background-position: -86px -7px
}

.pricing-icon-user {
    width: 18px;
    height: 18px;
    background-position: -113px -6px
}

.pricing-icon-time {
    width: 12px;
    height: 18px;
    background-position: -194px -5px
}

.pricing-icon-usd {
    width: 12px;
    height: 18px;
    background-position: -194px -5px
}

.pricing-icon-tag {
    width: 16px;
    height: 18px;
    background-position: -215px -5px
}

.pricing-icon-file {
    width: 14px;
    height: 16px;
    background-position: -8px -34px
}

.pricing-icon-book {
    width: 15px;
    height: 18px;
    background-position: -35px -34px
}

.pricing-icon-th-large {
    width: 15px;
    height: 18px;
    background-position: -63px -34px
}

.pricing-icon-tasks {
    width: 16px;
    height: 18px;
    background-position: -88px -34px
}

.pricing-icon-globe {
    width: 16px;
    height: 18px;
    background-position: -114px -34px
}

.pricing-icon-bullhorn {
    width: 18px;
    height: 18px;
    background-position: -140px -34px
}

.pricing-icon-signal {
    width: 16px;
    height: 18px;
    background-position: -168px -34px
}

.pricing-icon-heart-empty {
    width: 15px;
    height: 18px;
    background-position: -193px -31px
}

.pricing-icon-leaf {
    width: 18px;
    height: 18px;
    background-position: -140px -5px
}

.pricing-icon-lock {
    width: 16px;
    height: 18px;
    background-position: -168px -5px
}

.pricing-icon-ok {
    width: 20px;
    height: 18px;
    background-position: -59px -5px
}

.pricing-icon-remove {
    width: 16px;
    height: 20px;
    background-position: -216px -27px
}

.pricing-icon-most-popular {
    width: 137px;
    height: 29px;
    background-position: 0 -50px
}

[class^="pricing-icons-"],
[class*=" pricing-icons-"] {
    display: inline-block;
    *margin-right: .3em;
    vertical-align: text-top;
    background-color: transparent;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-image: url("../../img/pricing/spritesheet2.png")
}

.pricing-icons-down-arrow-gray {
    width: 12px;
    height: 10px;
    background-position: -25px 0
}

.pricing-icons-down-arrow-pink {
    width: 12px;
    height: 10px;
    background-position: -40px 0
}

.pricing-icons-up-arrow-gray {
    width: 12px;
    height: 10px;
    background-position: -25px -11px
}

.pricing-icons-heart {
    width: 25px;
    height: 20px;
    background-position: 0 0
}

.pricing-icons-bullet {
    width: 10px;
    height: 10px;
    background-position: -39px -11px
}

[class^="team-icons-"],
[class*=" team-icons-"] {
    display: inline-block;
    *margin-right: .3em;
    vertical-align: text-top;
    background: transparent url("../../img/team/sprite_sheet.png") no-repeat 0 0
}

.team-icons-up-arrow {
    width: 15px;
    height: 15px;
    background-position: -52px -74px
}

.team-icons-down-arrow {
    width: 15px;
    height: 15px;
    background-position: -52px -61px
}

.team-icons-twitter-large,
.team-icons-linkedin-large,
.team-icons-angel-large {
    width: 30px;
    height: 30px
}

.team-icons-twitter-large {
    background-position: -34px 0
}

.team-icons-twitter-large:hover {
    background-position: -2px 0
}

.team-icons-linkedin-large {
    background-position: -36px -31px
}

.team-icons-linkedin-large:hover {
    background-position: -3px -31px
}

.team-icons-angel-large {
    width: 28px;
    height: 30px;
    background-position: -25px -61px
}

.team-icons-angel-large:hover {
    background-position: -1px -61px
}

.team-icons-twitter,
.team-icons-linkedin,
.team-icons-angel {
    width: 20px;
    height: 20px
}

.team-icons-twitter {
    background-position: 0 -92px
}

.team-icons-twitter:hover {
    background-position: -56px -85px
}

.team-icons-linkedin {
    background-position: -19px -92px
}

.team-icons-linkedin:hover {
    background-position: -77px -85px
}

.team-icons-angel {
    background-position: -38px -92px
}

.team-icons-angel:hover {
    background-position: -98px -84px
}

[class^="product-icon-"],
[class*=" product-icon-"] {
    display: block;
    margin: 0 auto 10px auto;
    *margin-right: .3em;
    height: 50px;
    vertical-align: text-top;
    background-color: transparent;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-image: url("../../img/product/spritesheet-features.png")
}

.product-icon-tailored {
    width: 49px;
    background-position: 0 0
}

.product-icon-flipbooks {
    width: 42px;
    background-position: -50px 0
}

.product-icon-leadgen {
    width: 46px;
    background-position: -92px 0
}

.product-icon-metrics {
    width: 48px;
    background-position: -138px 0
}

.product-icon-marketing {
    width: 48px;
    background-position: -188px 0
}

.active .product-icon-tailored {
    background-position: 0 -52px
}

.active .product-icon-flipbooks {
    background-position: -50px -52px
}

.active .product-icon-leadgen {
    background-position: -92px -52px
}

.active .product-icon-metrics {
    background-position: -138px -53px
}

.active .product-icon-marketing {
    background-position: -188px -52px
}

[class^="customer-icon-"],
[class*=" customer-icon-"] {
    display: block;
    margin: 0 auto 10px auto;
    *margin-right: .3em;
    vertical-align: text-top;
    background-color: transparent;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-image: url("../../img/customers/spritesheet.png")
}

.customer-icon-heart {
    width: 37px;
    height: 50px;
    background-position: 0 0
}

.customer-icon-quote {
    width: 15px;
    height: 19px;
    background-position: -50px 0
}

[class^="biglogo-"],
[class*=" biglogo-"] {
    display: block;
    position: absolute;
    top: 60px;
    left: 50%;
    text-indent: -99999px;
    background: transparent url("../../img/integrations/spritesheet.png") no-repeat center
}

.biglogo-box {
    width: 88px;
    height: 50px;
    margin-left: -44px;
    background-position: -42px -472px
}

.biglogo-mailchimp {
    width: 191px;
    height: 48px;
    margin-left: -95px;
    background-position: -172px -478px
}

.biglogo-hubspot {
    width: 175px;
    height: 51px;
    margin-left: -87px;
    background-position: -401px -476px
}

.biglogo-eloqua {
    width: 155px;
    height: 65px;
    margin-left: -77px;
    background-position: -632px -474px
}

.biglogo-marketo {
    width: 113px;
    height: 51px;
    margin-left: -56px;
    background-position: -844px -468px
}

.biglogo-pardot {
    width: 132px;
    height: 68px;
    margin-left: -56px;
    background-position: -1004px -465px
}

[class^="integration-img"],
[class*=" integration-img"] {
    display: block;
    width: 125px;
    height: 60px;
    margin: 30px auto 0 auto;
    background: transparent url("../../img/integrations/spritesheet.png") no-repeat center
}

[class^="integration-img"].hubspot,
[class*=" integration-img"].hubspot {
    background-position: -312px -356px
}

[class^="integration-img"].marketo,
[class*=" integration-img"].marketo {
    background-position: -915px -250px
}

[class^="integration-img"].eloqua,
[class*=" integration-img"].eloqua {
    background-position: -915px -133px
}

[class^="integration-img"].pardot,
[class*=" integration-img"].pardot {
    background-position: -1049px -250px
}

[class^="integration-img"].acton,
[class*=" integration-img"].acton {
    width: 130px;
    height: 60px;
    background-position: -1163px -478px
}

.page-integrations [class^="logo-"],
.page-integrations [class*=" logo-"] {
    display: block;
    position: relative;
    height: 90px;
    width: 130px;
    text-indent: -99999px;
    background: transparent url("../../img/integrations/spritesheet.png") no-repeat;
    margin: 0 auto
}

.page-integrations .logo-acton {
    background-position: -1192px -341px
}

.page-integrations .logo-pinterest {
    background-position: -10px -10px
}

.page-integrations .logo-twitter {
    background-position: -155px -15px
}

.page-integrations .logo-facebook {
    background-position: -310px -10px
}

.page-integrations .logo-linkedin {
    background-position: -460px -10px
}

.page-integrations .logo-youtube {
    background-position: -610px -10px
}

.page-integrations .logo-vimeo {
    background-position: -760px -10px
}

.page-integrations .logo-vidyard {
    background-position: -10px -120px
}

.page-integrations .logo-flickr {
    background-position: -160px -120px
}

.page-integrations .logo-soundcloud {
    background-position: -310px -120px
}

.page-integrations .logo-google {
    background-position: -455px -120px
}

.page-integrations .logo-paypal {
    background-position: -605px -120px
}

.page-integrations .logo-google-drive {
    background-position: -760px -120px
}

.page-integrations .logo-dropbox {
    background-position: -10px -230px
}

.page-integrations .logo-box-net {
    background-position: -160px -230px
}

.page-integrations .logo-flipbooks {
    background-position: -310px -230px
}

.page-integrations .logo-instagram {
    background-position: -460px -230px
}

.page-integrations .logo-wordpress {
    background-position: -605px -230px
}

.page-integrations .logo-tumblr {
    background-position: -760px -230px
}

.page-integrations .logo-rss {
    background-position: -10px -340px
}

.page-integrations .logo-mailchimp {
    background-position: -160px -340px
}

.page-integrations .logo-hubspot {
    background-position: -310px -340px
}

.page-integrations .logo-viafoura {
    background-position: -460px -340px
}

.page-integrations .logo-disqus {
    background-position: -610px -340px
}

.page-integrations .logo-wistia {
    background-position: -760px -340px
}

.page-integrations .logo-eloqua {
    background-position: -910px -120px
}

.page-integrations .logo-marketo {
    background-position: -910px -230px
}

.page-integrations .logo-pardot {
    background-position: -1046px -230px
}

.page-integrations .logo-slideshare {
    background-position: -910px -10px
}

.page-integrations .logo-hootsuite {
    background-position: -910px -340px
}

.page-integrations .logo-brightinfo {
    background-position: -1051px -336px
}

.page-integrations .logo-addthis {
    background-position: -1058px -16px
}

.page-integrations .logo-optimizely {
    background-position: -1198px -18px
}

.page-integrations .logo-brightcove {
    background-position: -1198px -120px
}

.page-pageindex [class^="item-"],
.page-pageindex [class*=" item-"] {
    display: inline-block;
    width: 75px;
    height: 30px;
    *margin-right: .3em;
    background: transparent url("../../img/index/spritesheet-homepage.png") no-repeat 0 0
}

.page-pageindex .item-hubspot {
    background-position: -13px -61px;
    height: 35px
}

.page-pageindex .item-marketo {
    background-position: -100px -60px;
    height: 35px
}

.page-pageindex .item-eloqua {
    background-position: -12px -95px
}

.page-pageindex .item-pardot {
    background-position: -101px -99px
}

.page-pageindex .item-acton {
    background-position: -12px -132px
}

.page-pageindex .item-mailchimp {
    background-position: -103px -132px
}

.page-pageindex .item-dash {
    background-position: -322px -41px
}

.page-pageindex .item-dash-white {
    background-position: -324px -61px;
    width: 57px;
    height: 10px
}

.page-pageindex .item-merrie {
    background-position: -355px -179px;
    width: 60px;
    height: 60px
}

.page-pageindex .item-neil {
    background-position: -79px -179px;
    width: 60px;
    height: 60px
}

.page-pageindex .item-kelly {
    background-position: -287px -179px;
    width: 60px;
    height: 60px
}

.page-pageindex .item-jim {
    background-position: -217px -179px;
    width: 60px;
    height: 60px
}

.page-pageindex .item-booker {
    background-position: -335px 0;
    width: 150px;
    height: 50px
}

.page-pageindex .list-pointer .item-pointer {
    display: block;
    width: 135px;
    height: 50px;
    background-position: -201px -7px
}

.page-pageindex .item-playbtn {
    display: block;
    width: 110px;
    height: 110px;
    background-position: -201px -71px
}

.page-pageindex [class^="feature-"],
.page-pageindex [class*=" feature-"] {
    display: block;
    width: 50px;
    height: 50px;
    margin: 0 auto;
    *margin-right: .3em;
    background: transparent url("../../img/index/spritesheet-homepage.png") no-repeat 0 0
}

.page-pageindex .feature-blog {
    background-position: 0 0
}

.page-pageindex .feature-resource {
    background-position: -52px 0
}

.page-pageindex .feature-content-lib {
    background-position: -107px 0
}

.page-pageindex .feature-sales {
    background-position: -163px 0
}

@media (max-width:1009px) {
    [class^="service-icon-"],
    [class*=" service-icon-"] {
        width: 23px;
        height: 23px;
        background-size: 208px 23px
    }
    .service-icon-flipbook {
        background-position: 0 0
    }
    .service-icon-twitter {
        background-position: -27px 0
    }
    .service-icon-youtube {
        background-position: -54px 0
    }
    .service-icon-vimeo {
        background-position: -81px 0
    }
    .service-icon-instagram {
        background-position: -106px 0
    }
    .service-icon-rss {
        background-position: -133px 0
    }
    .service-icon-wordpress {
        background-position: -160px 0
    }
    .service-icon-tumbler {
        background-position: -185px 0
    }
}

.lt-ie9 .bg-cover-fix {
    background-position: 0 0 !important
}

@media (min-width:1200px) {
    .navbar-fixed-top::before {
        width: 40px;
        border: 3px solid #800080;
        content: ">1200px"
    }
    .navbar .navbar-submenu {
        display: block
    }
    .video-container {
        width: 620px;
        height: 375px
    }
}

@media (min-width:1010px) and (max-width:1199px) {
    .navbar-fixed-top::before {
        width: 85px;
        border: 3px solid #ff0;
        content: ">1010px <1199px"
    }
    .navbar .navbar-submenu {
        display: block
    }
    .content-container footer .large-footer .footer-row {
        margin-left: -40px
    }
    .content-container footer .large-footer .footer-row:last-child {
        width: 417px
    }
    .content-container footer .large-footer .footer-row .footer-col {
        width: 167px;
        margin-left: 40px
    }
    .content-container footer .large-footer .social-networks {
        margin-left: -15px
    }
    .content-container footer .large-footer .social-networks a {
        margin-left: 15px
    }
    .video-container {
        width: 490px;
        height: 305px
    }
}

@media (min-width:768px) and (max-width:1009px) {
    .navbar-fixed-top::before {
        width: 80px;
        border: 3px solid #f00;
        content: ">768px <1009px"
    }
    .navbar-fixed-top .nav,
    .navbar-fixed-bottom .nav {
        margin: 0 10px 0 0
    }
    .navbar-fixed-top .nav>li,
    .navbar-fixed-bottom .nav>li {
        padding-left: 2px;
        padding-right: 2px
    }
    .navbar .navbar-submenu {
        display: block
    }
    .content-container footer .large-footer .footer-row {
        float: none;
        margin-left: -60px
    }
    .content-container footer .large-footer .footer-row:last-child {
        width: auto;
        margin-left: -60px;
        margin-top: 30px
    }
    .content-container footer .large-footer .footer-row .footer-col {
        width: 200px;
        margin-left: 60px
    }
    .content-container footer .large-footer .social-networks {
        margin-left: -20px
    }
    .content-container footer .large-footer .social-networks a {
        margin-left: 20px
    }
    .content-container footer .small-footer .links-n-copy {
        margin-top: 20px
    }
    .content-container footer .small-footer .links-n-copy .copy,
    .content-container footer .small-footer .links-n-copy .links {
        text-align: center
    }
    .video-container {
        width: 352px;
        height: 225px
    }
    .push-button.large .pusher {
        font-size: 13px;
        line-height: 20px;
        padding: 5px 25px 5px 8px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px
    }
    .push-button.large .pusher:after {
        top: 11px;
        right: 7px
    }
    .push-button.large .pusher.play-btn {
        padding: 5px 10px
    }
    .push-button.large .pusher.play-btn span {
        width: 22px;
        height: 22px
    }
    .push-button.large .pusher.play-btn:after {
        top: 13px;
        right: 15px
    }
    .push-button.large.sleek .pusher {
        -webkit-border-radius: 1px;
        -moz-border-radius: 1px;
        border-radius: 1px
    }
    .push-button.large.pink .pusher:after {
        width: 0;
        height: 0;
        border-color: transparent transparent transparent #fff;
        border-style: solid;
        border-width: 4px;
        -moz-transform: scale(.9999);
        font-size: 0;
        line-height: 0;
        _border-top-color: #0ff;
        _border-right-color: #0ff;
        _border-bottom-color: #0ff;
        _filter: chroma(color=#0ff)
    }
    .push-button.large.pink .pusher.play-btn span {
        border: 2px solid #fff
    }
    .push-button.large.pink .pusher.play-btn:after {
        width: 0;
        height: 0;
        border-color: transparent transparent transparent #fff;
        border-style: solid;
        border-width: 5px;
        -moz-transform: scale(.9999);
        font-size: 0;
        line-height: 0;
        _border-top-color: #0ff;
        _border-right-color: #0ff;
        _border-bottom-color: #0ff;
        _filter: chroma(color=#0ff)
    }
    .push-button.large.blue .pusher:after {
        width: 0;
        height: 0;
        border-color: transparent transparent transparent #fff;
        border-style: solid;
        border-width: 4px;
        -moz-transform: scale(.9999);
        font-size: 0;
        line-height: 0;
        _border-top-color: #0ff;
        _border-right-color: #0ff;
        _border-bottom-color: #0ff;
        _filter: chroma(color=#0ff)
    }
    .push-button.large.gray .pusher:after {
        width: 0;
        height: 0;
        border-color: transparent transparent transparent #555;
        border-style: solid;
        border-width: 4px;
        -moz-transform: scale(.9999);
        font-size: 0;
        line-height: 0;
        _border-top-color: #0ff;
        _border-right-color: #0ff;
        _border-bottom-color: #0ff;
        _filter: chroma(color=#0ff)
    }
    .push-button.large.gray .pusher.play-btn span {
        border: 2px solid #555
    }
    .push-button.large.gray .pusher.play-btn:after {
        width: 0;
        height: 0;
        border-color: transparent transparent transparent #555;
        border-style: solid;
        border-width: 5px;
        -moz-transform: scale(.9999);
        font-size: 0;
        line-height: 0;
        _border-top-color: #0ff;
        _border-right-color: #0ff;
        _border-bottom-color: #0ff;
        _filter: chroma(color=#0ff)
    }
    .push-button.large .pusher.play-btn:after {
        right: 14px
    }
    .push-button.larger .pusher {
        font-size: 15px;
        line-height: 22px;
        padding: 8px 32px 8px 15px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px
    }
    .push-button.larger .pusher:after {
        top: 14px;
        right: 9px
    }
    .push-button.larger .pusher.play-btn {
        padding: 7px 14px
    }
    .push-button.larger .pusher.play-btn span {
        width: 24px;
        height: 24px
    }
    .push-button.larger .pusher.play-btn:after {
        top: 15px;
        right: 18px
    }
    .push-button.larger.sleek .pusher {
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px
    }
    .push-button.larger.pink .pusher:after {
        width: 0;
        height: 0;
        border-color: transparent transparent transparent #fff;
        border-style: solid;
        border-width: 5px;
        -moz-transform: scale(.9999);
        font-size: 0;
        line-height: 0;
        _border-top-color: #0ff;
        _border-right-color: #0ff;
        _border-bottom-color: #0ff;
        _filter: chroma(color=#0ff)
    }
    .push-button.larger.pink .pusher.play-btn span {
        border: 2px solid #fff
    }
    .push-button.larger.pink .pusher.play-btn:after {
        width: 0;
        height: 0;
        border-color: transparent transparent transparent #fff;
        border-style: solid;
        border-width: 6px;
        -moz-transform: scale(.9999);
        font-size: 0;
        line-height: 0;
        _border-top-color: #0ff;
        _border-right-color: #0ff;
        _border-bottom-color: #0ff;
        _filter: chroma(color=#0ff)
    }
    .push-button.larger.blue .pusher:after {
        width: 0;
        height: 0;
        border-color: transparent transparent transparent #fff;
        border-style: solid;
        border-width: 5px;
        -moz-transform: scale(.9999);
        font-size: 0;
        line-height: 0;
        _border-top-color: #0ff;
        _border-right-color: #0ff;
        _border-bottom-color: #0ff;
        _filter: chroma(color=#0ff)
    }
    .push-button.larger.gray .pusher:after {
        width: 0;
        height: 0;
        border-color: transparent transparent transparent #555;
        border-style: solid;
        border-width: 5px;
        -moz-transform: scale(.9999);
        font-size: 0;
        line-height: 0;
        _border-top-color: #0ff;
        _border-right-color: #0ff;
        _border-bottom-color: #0ff;
        _filter: chroma(color=#0ff)
    }
    .push-button.larger.gray .pusher.play-btn span {
        border: 2px solid #555
    }
    .push-button.larger.gray .pusher.play-btn:after {
        width: 0;
        height: 0;
        border-color: transparent transparent transparent #555;
        border-style: solid;
        border-width: 6px;
        -moz-transform: scale(.9999);
        font-size: 0;
        line-height: 0;
        _border-top-color: #0ff;
        _border-right-color: #0ff;
        _border-bottom-color: #0ff;
        _filter: chroma(color=#0ff)
    }
    .push-button.largest .pusher {
        font-size: 17px;
        line-height: 24px;
        padding: 11px 39px 11px 22px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px
    }
    .push-button.largest .pusher:after {
        top: 17px;
        right: 11px
    }
    .push-button.largest .pusher.play-btn {
        padding: 9px 18px
    }
    .push-button.largest .pusher.play-btn span {
        width: 26px;
        height: 26px
    }
    .push-button.largest .pusher.play-btn:after {
        top: 17px;
        right: 21px
    }
    .push-button.largest.sleek .pusher {
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px
    }
    .push-button.largest.pink .pusher:after {
        width: 0;
        height: 0;
        border-color: transparent transparent transparent #fff;
        border-style: solid;
        border-width: 6px;
        -moz-transform: scale(.9999);
        font-size: 0;
        line-height: 0;
        _border-top-color: #0ff;
        _border-right-color: #0ff;
        _border-bottom-color: #0ff;
        _filter: chroma(color=#0ff)
    }
    .push-button.largest.pink .pusher.play-btn span {
        border: 2px solid #fff
    }
    .push-button.largest.pink .pusher.play-btn:after {
        width: 0;
        height: 0;
        border-color: transparent transparent transparent #fff;
        border-style: solid;
        border-width: 7px;
        -moz-transform: scale(.9999);
        font-size: 0;
        line-height: 0;
        _border-top-color: #0ff;
        _border-right-color: #0ff;
        _border-bottom-color: #0ff;
        _filter: chroma(color=#0ff)
    }
    .push-button.largest.blue .pusher:after {
        width: 0;
        height: 0;
        border-color: transparent transparent transparent #fff;
        border-style: solid;
        border-width: 6px;
        -moz-transform: scale(.9999);
        font-size: 0;
        line-height: 0;
        _border-top-color: #0ff;
        _border-right-color: #0ff;
        _border-bottom-color: #0ff;
        _filter: chroma(color=#0ff)
    }
    .push-button.largest.gray .pusher:after {
        width: 0;
        height: 0;
        border-color: transparent transparent transparent #555;
        border-style: solid;
        border-width: 6px;
        -moz-transform: scale(.9999);
        font-size: 0;
        line-height: 0;
        _border-top-color: #0ff;
        _border-right-color: #0ff;
        _border-bottom-color: #0ff;
        _filter: chroma(color=#0ff)
    }
    .push-button.largest.gray .pusher.play-btn span {
        border: 2px solid #555
    }
    .push-button.largest.gray .pusher.play-btn:after {
        width: 0;
        height: 0;
        border-color: transparent transparent transparent #555;
        border-style: solid;
        border-width: 7px;
        -moz-transform: scale(.9999);
        font-size: 0;
        line-height: 0;
        _border-top-color: #0ff;
        _border-right-color: #0ff;
        _border-bottom-color: #0ff;
        _filter: chroma(color=#0ff)
    }
}

@media (max-width:767px) {
    .navbar-fixed-top::before {
        width: 35px;
        border: 3px solid #00f;
        content: "<768px"
    }
    body,
    body.sub-menu {
        padding: 0;
        padding-top: 64px
    }
    .navbar-fixed-top {
        position: fixed
    }
    .navbar .navbar-inner {
        padding: 0
    }
    .navbar .winking-logo {
        margin-bottom: 10px;
        margin-left: 10px
    }
    .navbar .navbar-submenu {
        display: none
    }
    .navbar .nav-collapse {
        background: #444
    }
    .navbar .nav-collapse .nav {
        margin: 0 10px;
        padding: 20px 0
    }
    .navbar .nav-collapse .nav>li {
        padding: 0
    }
    .navbar .nav-collapse .nav>li>a {
        color: #ddd;
        text-shadow: none
    }
    .navbar .nav-collapse .nav>li>a:hover {
        color: #777
    }
    .navbar .nav-collapse .nav>li.active>a {
        color: #ce0058
    }
    .navbar-fixed-top,
    .navbar-fixed-bottom,
    .navbar-static-top {
        margin-left: 0;
        margin-right: 0
    }
    .navbar-fixed-top {
        margin-bottom: 0
    }
    .content-container footer .large-footer .winking-logo {
        margin-left: auto;
        margin-right: auto
    }
    .content-container footer .large-footer .footer-row {
        float: none;
        width: 50%;
        margin-left: auto;
        margin-right: auto
    }
    .content-container footer .large-footer .footer-row:last-child {
        width: 50%;
        margin-left: auto;
        margin-right: auto
    }
    .content-container footer .large-footer .footer-row .footer-col {
        width: 100%;
        margin-left: 0;
        margin-bottom: 20px
    }
    .content-container footer .large-footer .social-networks {
        margin-left: -20px
    }
    .content-container footer .large-footer .social-networks a {
        margin-left: 20px
    }
    .content-container footer .small-footer .links-n-copy {
        margin-top: 20px
    }
    .content-container footer .small-footer .links-n-copy .copy,
    .content-container footer .small-footer .links-n-copy .links {
        text-align: center
    }
    .video-container {
        width: 320px;
        height: 208px;
        margin: 0 auto
    }
    .push-button.large .pusher {
        font-size: 13px;
        line-height: 20px;
        padding: 5px 25px 5px 8px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px
    }
    .push-button.large .pusher:after {
        top: 11px;
        right: 7px
    }
    .push-button.large .pusher.play-btn {
        padding: 5px 10px
    }
    .push-button.large .pusher.play-btn span {
        width: 22px;
        height: 22px
    }
    .push-button.large .pusher.play-btn:after {
        top: 13px;
        right: 15px
    }
    .push-button.large.sleek .pusher {
        -webkit-border-radius: 1px;
        -moz-border-radius: 1px;
        border-radius: 1px
    }
    .push-button.large.pink .pusher:after {
        width: 0;
        height: 0;
        border-color: transparent transparent transparent #fff;
        border-style: solid;
        border-width: 4px;
        -moz-transform: scale(.9999);
        font-size: 0;
        line-height: 0;
        _border-top-color: #0ff;
        _border-right-color: #0ff;
        _border-bottom-color: #0ff;
        _filter: chroma(color=#0ff)
    }
    .push-button.large.pink .pusher.play-btn span {
        border: 2px solid #fff
    }
    .push-button.large.pink .pusher.play-btn:after {
        width: 0;
        height: 0;
        border-color: transparent transparent transparent #fff;
        border-style: solid;
        border-width: 5px;
        -moz-transform: scale(.9999);
        font-size: 0;
        line-height: 0;
        _border-top-color: #0ff;
        _border-right-color: #0ff;
        _border-bottom-color: #0ff;
        _filter: chroma(color=#0ff)
    }
    .push-button.large.blue .pusher:after {
        width: 0;
        height: 0;
        border-color: transparent transparent transparent #fff;
        border-style: solid;
        border-width: 4px;
        -moz-transform: scale(.9999);
        font-size: 0;
        line-height: 0;
        _border-top-color: #0ff;
        _border-right-color: #0ff;
        _border-bottom-color: #0ff;
        _filter: chroma(color=#0ff)
    }
    .push-button.large.gray .pusher:after {
        width: 0;
        height: 0;
        border-color: transparent transparent transparent #555;
        border-style: solid;
        border-width: 4px;
        -moz-transform: scale(.9999);
        font-size: 0;
        line-height: 0;
        _border-top-color: #0ff;
        _border-right-color: #0ff;
        _border-bottom-color: #0ff;
        _filter: chroma(color=#0ff)
    }
    .push-button.large.gray .pusher.play-btn span {
        border: 2px solid #555
    }
    .push-button.large.gray .pusher.play-btn:after {
        width: 0;
        height: 0;
        border-color: transparent transparent transparent #555;
        border-style: solid;
        border-width: 5px;
        -moz-transform: scale(.9999);
        font-size: 0;
        line-height: 0;
        _border-top-color: #0ff;
        _border-right-color: #0ff;
        _border-bottom-color: #0ff;
        _filter: chroma(color=#0ff)
    }
    .push-button.large .pusher.play-btn:after {
        right: 14px
    }
    .push-button.larger .pusher {
        font-size: 13px;
        line-height: 20px;
        padding: 5px 25px 5px 8px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px
    }
    .push-button.larger .pusher:after {
        top: 11px;
        right: 7px
    }
    .push-button.larger .pusher.play-btn {
        padding: 5px 10px
    }
    .push-button.larger .pusher.play-btn span {
        width: 22px;
        height: 22px
    }
    .push-button.larger .pusher.play-btn:after {
        top: 13px;
        right: 15px
    }
    .push-button.larger.sleek .pusher {
        -webkit-border-radius: 1px;
        -moz-border-radius: 1px;
        border-radius: 1px
    }
    .push-button.larger.pink .pusher:after {
        width: 0;
        height: 0;
        border-color: transparent transparent transparent #fff;
        border-style: solid;
        border-width: 4px;
        -moz-transform: scale(.9999);
        font-size: 0;
        line-height: 0;
        _border-top-color: #0ff;
        _border-right-color: #0ff;
        _border-bottom-color: #0ff;
        _filter: chroma(color=#0ff)
    }
    .push-button.larger.pink .pusher.play-btn span {
        border: 2px solid #fff
    }
    .push-button.larger.pink .pusher.play-btn:after {
        width: 0;
        height: 0;
        border-color: transparent transparent transparent #fff;
        border-style: solid;
        border-width: 5px;
        -moz-transform: scale(.9999);
        font-size: 0;
        line-height: 0;
        _border-top-color: #0ff;
        _border-right-color: #0ff;
        _border-bottom-color: #0ff;
        _filter: chroma(color=#0ff)
    }
    .push-button.larger.blue .pusher:after {
        width: 0;
        height: 0;
        border-color: transparent transparent transparent #fff;
        border-style: solid;
        border-width: 4px;
        -moz-transform: scale(.9999);
        font-size: 0;
        line-height: 0;
        _border-top-color: #0ff;
        _border-right-color: #0ff;
        _border-bottom-color: #0ff;
        _filter: chroma(color=#0ff)
    }
    .push-button.larger.gray .pusher:after {
        width: 0;
        height: 0;
        border-color: transparent transparent transparent #555;
        border-style: solid;
        border-width: 4px;
        -moz-transform: scale(.9999);
        font-size: 0;
        line-height: 0;
        _border-top-color: #0ff;
        _border-right-color: #0ff;
        _border-bottom-color: #0ff;
        _filter: chroma(color=#0ff)
    }
    .push-button.larger.gray .pusher.play-btn span {
        border: 2px solid #555
    }
    .push-button.larger.gray .pusher.play-btn:after {
        width: 0;
        height: 0;
        border-color: transparent transparent transparent #555;
        border-style: solid;
        border-width: 5px;
        -moz-transform: scale(.9999);
        font-size: 0;
        line-height: 0;
        _border-top-color: #0ff;
        _border-right-color: #0ff;
        _border-bottom-color: #0ff;
        _filter: chroma(color=#0ff)
    }
    .push-button.larger .pusher.play-btn:after {
        right: 14px
    }
    .push-button.largest .pusher {
        font-size: 15px;
        line-height: 22px;
        padding: 8px 32px 8px 15px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px
    }
    .push-button.largest .pusher:after {
        top: 14px;
        right: 9px
    }
    .push-button.largest .pusher.play-btn {
        padding: 7px 14px
    }
    .push-button.largest .pusher.play-btn span {
        width: 24px;
        height: 24px
    }
    .push-button.largest .pusher.play-btn:after {
        top: 15px;
        right: 18px
    }
    .push-button.largest.sleek .pusher {
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px
    }
    .push-button.largest.pink .pusher:after {
        width: 0;
        height: 0;
        border-color: transparent transparent transparent #fff;
        border-style: solid;
        border-width: 5px;
        -moz-transform: scale(.9999);
        font-size: 0;
        line-height: 0;
        _border-top-color: #0ff;
        _border-right-color: #0ff;
        _border-bottom-color: #0ff;
        _filter: chroma(color=#0ff)
    }
    .push-button.largest.pink .pusher.play-btn span {
        border: 2px solid #fff
    }
    .push-button.largest.pink .pusher.play-btn:after {
        width: 0;
        height: 0;
        border-color: transparent transparent transparent #fff;
        border-style: solid;
        border-width: 6px;
        -moz-transform: scale(.9999);
        font-size: 0;
        line-height: 0;
        _border-top-color: #0ff;
        _border-right-color: #0ff;
        _border-bottom-color: #0ff;
        _filter: chroma(color=#0ff)
    }
    .push-button.largest.blue .pusher:after {
        width: 0;
        height: 0;
        border-color: transparent transparent transparent #fff;
        border-style: solid;
        border-width: 5px;
        -moz-transform: scale(.9999);
        font-size: 0;
        line-height: 0;
        _border-top-color: #0ff;
        _border-right-color: #0ff;
        _border-bottom-color: #0ff;
        _filter: chroma(color=#0ff)
    }
    .push-button.largest.gray .pusher:after {
        width: 0;
        height: 0;
        border-color: transparent transparent transparent #555;
        border-style: solid;
        border-width: 5px;
        -moz-transform: scale(.9999);
        font-size: 0;
        line-height: 0;
        _border-top-color: #0ff;
        _border-right-color: #0ff;
        _border-bottom-color: #0ff;
        _filter: chroma(color=#0ff)
    }
    .push-button.largest.gray .pusher.play-btn span {
        border: 2px solid #555
    }
    .push-button.largest.gray .pusher.play-btn:after {
        width: 0;
        height: 0;
        border-color: transparent transparent transparent #555;
        border-style: solid;
        border-width: 6px;
        -moz-transform: scale(.9999);
        font-size: 0;
        line-height: 0;
        _border-top-color: #0ff;
        _border-right-color: #0ff;
        _border-bottom-color: #0ff;
        _filter: chroma(color=#0ff)
    }
}

@media (max-width:480px) {
    .navbar-fixed-top::before {
        width: 35px;
        border: 3px solid #008000;
        content: "<480px"
    }
    .hidden-phone-small {
        display: none !important
    }
    .content-container footer .large-footer .social-networks {
        margin-left: -10px
    }
    .content-container footer .large-footer .social-networks a {
        margin-left: 10px
    }
    .video-container {
        width: 300px;
        height: 195px;
        margin: 0 auto
    }
}

@media (max-width:380px) {
    .navbar-fixed-top::before {
        width: 35px;
        border: 3px solid #90ee90;
        content: "<380px"
    }
    .hidden-phone-small {
        display: none !important
    }
    .content-container footer .large-footer .footer-row {
        width: 60%
    }
    .content-container footer .large-footer .footer-row:last-child {
        width: 60%
    }
    .content-container footer .large-footer .social-networks {
        margin-left: -10px
    }
    .content-container footer .large-footer .social-networks a {
        margin-left: 10px
    }
    .video-container {
        width: 300px;
        height: 195px;
        margin: 0 auto
    }
}

div.testimonial-block {
    border: 1px solid #ddd;
    margin-bottom: 60px;
    -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1)
}

div.testimonial-block .heading {
    position: relative;
    *zoom: 1
}

div.testimonial-block .heading:before,
div.testimonial-block .heading:after {
    display: table;
    content: "";
    line-height: 0
}

div.testimonial-block .heading:after {
    clear: both
}

div.testimonial-block .heading .picture {
    float: left;
    border: 2px solid #2f96b4;
    margin: -20px 10px 0 10px;
    overflow: hidden;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: inset 0 0 3px 2px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: inset 0 0 3px 2px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 0 3px 2px rgba(0, 0, 0, 0.5)
}

div.testimonial-block .heading .author .person {
    color: #ce0058;
    font-size: 15px;
    margin-top: 25px
}

div.testimonial-block .heading .author .company {
    color: #777
}

div.testimonial-block .heading .company-logo {
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    opacity: 1;
    filter: alpha(opacity=100)
}

div.testimonial-block .quote {
    padding: 1px;
    background-color: #fff;
    border: 1px solid #fff;
    overflow: hidden
}

div.testimonial-block .quote .quote-wrapper {
    color: #666;
    padding: 20px 20px 10px 20px;
    margin: 0 -5px;
    background-color: #f2f2f2;
    -webkit-box-shadow: inset 0 4px 7px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 4px 7px 0 rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 4px 7px 0 rgba(0, 0, 0, 0.2)
}

section.shared-intro {
    background-color: #f7f7f7;
    padding: 50px 0
}

section.shared-intro h1,
section.shared-intro .intro-details h1 {
    margin-bottom: 5px;
    color: #333;
    font-size: 40px;
    line-height: 55px;
    font-weight: 700;
    font-family: "Montserrat", sans-serif;
    text-align: center
}

section.shared-intro .intro-details h1 {
    text-align: left
}

section.shared-intro p,
section.shared-intro .intro-details p {
    color: #666;
    font-size: 22px;
    line-height: 22px;
    font-weight: 400;
    text-align: center
}

section.shared-intro .intro-details p {
    text-align: left
}

section.shared-features {
    background-color: #fff;
    padding: 80px 0
}

section.shared-features h2 {
    text-align: center;
    margin-bottom: 70px;
    text-transform: uppercase;
    font-weight: 400
}

section.shared-features .row {
    margin-bottom: 80px;
    text-align: center
}

section.shared-features .row h3 {
    color: #ce0058;
    font-size: 26px;
    margin-bottom: 10px;
    font-weight: 400;
    font-family: "Comfortaa", cursive;
    text-align: left
}

section.shared-features .row h3 .plus,
section.shared-features .row h3 .pro {
    color: #fff;
    padding: 3px 5px;
    font-size: 12px;
    font-weight: 400;
    background: #ce0058;
    border: 1px solid #ce0058
}

section.shared-features .row h3 .pro {
    color: #2f96b4;
    background: #fff;
    border: 1px solid #2f96b4
}

section.shared-features .row p {
    color: #777;
    font-size: 20px;
    margin-bottom: 20px;
    text-align: left
}

section.shared-features .row ul li {
    color: #777;
    font-size: 18px;
    margin-bottom: 10px;
    padding-left: 10px;
    text-align: left
}

section.shared-companies-list {
    background: #fff;
    overflow: hidden;
    padding-top: 18px;
    border-top: 1px solid #ececec
}

section.shared-companies-list .uf-icon-used-by {
    position: absolute;
    top: 15px;
    left: 70px
}

section.shared-companies-list .uf-icon-used-by span {
    display: none
}

section.shared-companies-list .carousel {
    overflow: visible;
    padding: 0
}

section.shared-companies-list .carousel .item .row-container {
    padding: 40px 0 30px 0;
    *zoom: 1
}

section.shared-companies-list .carousel .item .row-container:before,
section.shared-companies-list .carousel .item .row-container:after {
    display: table;
    content: "";
    line-height: 0
}

section.shared-companies-list .carousel .item .row-container:after {
    clear: both
}

section.shared-companies-list .carousel .item .row-container .column {
    float: left;
    height: 100%
}

section.shared-companies-list .carousel .item .row-container .column .cell {
    float: left;
    width: 280px;
    margin-right: 10px
}

section.shared-companies-list .carousel-control {
    display: none;
    left: -80px;
    width: 39px;
    height: 39px;
    background-color: transparent;
    background-image: url("../../img/iconset_small.png");
    background-repeat: no-repeat;
    background-position: -199px 0;
    text-indent: -9999px;
    margin-top: 0;
    border: 0 none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    opacity: 1;
    filter: alpha(opacity=100)
}

section.shared-companies-list .carousel-control.right {
    left: auto;
    right: -80px;
    background-position: -199px -45px
}

section.shared-companies-list .testimonial {
    background: #f3f3f3;
    padding: 60px 0;
    margin-top: 10px
}

section.shared-companies-list .testimonial .container {
    max-width: 820px
}

section.shared-companies-list .testimonial .arrow {
    position: absolute;
    top: -120px;
    left: 515px;
    width: 0;
    height: 0;
    border: 30px solid transparent;
    border-bottom: 30px solid #f3f3f3
}

section.shared-companies-list .testimonial .uf-icon-quotation {
    position: absolute;
    top: 0;
    left: 0
}

section.shared-companies-list .testimonial .pic {
    float: right;
    margin-left: 20px
}

section.shared-companies-list .testimonial .comment {
    color: #666;
    font-size: 20px;
    line-height: 30px;
    margin: 0 0 0 40px
}

section.shared-companies-list .testimonial .comment div {
    font-size: .9em;
    color: #999;
    font-style: italic
}

section.shared-companies-list .testimonial .comment b,
section.shared-companies-list .testimonial .comment strong {
    color: #666
}

section.shared-companies-list .testimonial .author {
    color: #999;
    font-size: 18px;
    line-height: 30px;
    margin: 12px 0 0 40px
}

section.shared-companies-list .testimonial .author b,
section.shared-companies-list .testimonial .author strong {
    color: #999;
    font-style: italic
}

section.shared-companies-list.with-testimonials .carousel {
    margin-bottom: 0
}

section.shared-companies-list.with-testimonials .carousel .row-container .column .cell .company-logo-hubspot {
    background-position: -166px -139px;
    width: 151px;
    height: 68px
}

section.shared-companies-list.with-testimonials .carousel .row-container .column .cell .company-logo-remax {
    background-position: 0 -140px;
    width: 165px;
    height: 68px
}

section.shared-companies-list.without-logos {
    padding-top: 0;
    border-top: none;
    height: 250px;
    background: #f3f3f3
}

section.shared-pages-served {
    position: relative;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 120% auto
}

section.shared-pages-served .desc {
    color: #fff;
    font-size: 40px;
    font-family: "Comfortaa", cursive;
    text-align: center;
    padding-top: 145px
}

section.shared-pages-served .desc span {
    color: #ce0058
}

section.shared-pages-served .uf-icon-pages-served {
    position: absolute;
    top: 175px;
    left: 65%
}

section.shared-blog-items {
    background-color: #f3f3f3;
    padding: 20px 0 30px 0
}

section.shared-blog-items .carousel-inner>.item {
    display: block
}

section.shared-blog-items .tile.single>a.view {
    z-index: 1
}

section.shared-try-it-now {
    background-color: #b5004d;
    padding: 40px 0
}

section.shared-try-it-now.alt {
    background-color: #2d8fac
}

section.shared-try-it-now p {
    color: #fff;
    font-size: 24px;
    line-height: 40px;
    text-align: right;
    margin: 0 10px
}

.shared-support {
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url("../../img/customers/customer-success.jpg");
    text-align: center;
    padding: 51px
}

.shared-support h1 {
    color: #fff;
    padding: 0 0 60px 0
}

.shared-support .real-time-happiness {
    position: relative;
    height: 225px;
    width: 225px;
    -webkit-border-radius: 225px;
    -moz-border-radius: 225px;
    border-radius: 225px;
    margin: 0 auto;
    border: 2px solid #fff
}

.shared-support .real-time-happiness .realtime-text {
    position: absolute;
    right: -122px;
    top: 32px;
    display: block;
    width: 110px;
    height: 68px;
    margin: 0 auto 10px auto;
    *margin-right: .3em;
    vertical-align: text-top;
    background-color: transparent;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-image: url("../../img/customers/arrows.png");
    background-position: 0 -66px
}

.shared-support .customer-icon-heart {
    margin: 60px auto 20px auto
}

.shared-support p {
    padding: 40px;
    color: #fff
}

.shared-support p a {
    color: #fff;
    text-decoration: underline
}

.shared-support .zd_rating_number {
    padding: 0;
    margin-top: 86px;
    font-size: 77px;
    font-weight: bold
}

.shared-support .zd_rating_string {
    margin-top: -17px
}

.shared-support .zd_satisfaction_good,
.shared-support .zd_satisfaction_bad {
    display: none
}

section.shared-flipbook-samples {
    background-color: #e5e5e5;
    padding: 20px 0
}

section.shared-flipbook-samples h2 {
    text-align: center;
    margin: 20px 20px 40px 20px;
    font-family: "Comfortaa", cursive
}

section.shared-flipbook-samples .samples-container {
    position: relative;
    width: 900px;
    margin: 30px auto;
    text-align: center;
    *zoom: 1
}

section.shared-flipbook-samples .samples-container:before,
section.shared-flipbook-samples .samples-container:after {
    display: table;
    content: "";
    line-height: 0
}

section.shared-flipbook-samples .samples-container:after {
    clear: both
}

section.shared-flipbook-samples .samples-container .view {
    width: 140px;
    height: 175px;
    border: none;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4)
}

section.shared-flipbook-samples .samples-container .view .slice {
    width: 28px
}

section.shared-flipbook-samples .samples-container .view div.view-back span {
    font-size: 30px
}

section.shared-flipbook-samples .samples-container .view div.view-back a {
    top: 0;
    right: 0;
    width: 45px;
    font-size: 14px;
    line-height: 180px;
    border: 0 none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    text-decoration: none
}

section.shared-flipbook-samples .samples-container .view div.view-back a i {
    font-size: 30px;
    margin-right: 2px
}

section.shared-flipbook-samples .samples-container .view p {
    text-align: center;
    margin: -30px 0 8px 0
}

section.shared-flipbook-samples .samples-container .view .s2,
section.shared-flipbook-samples .samples-container .view .s3,
section.shared-flipbook-samples .samples-container .view .s4,
section.shared-flipbook-samples .samples-container .view .s5 {
    -webkit-transform: translate3d(28px, 0, 0);
    -moz-transform: translate3d(28px, 0, 0);
    -o-transform: translate3d(28px, 0, 0);
    -ms-transform: translate3d(28px, 0, 0);
    transform: translate3d(28px, 0, 0)
}

section.shared-flipbook-samples .samples-container .view .s1 {
    background-position: 0 0
}

section.shared-flipbook-samples .samples-container .view .s2 {
    background-position: -28px 0
}

section.shared-flipbook-samples .samples-container .view .s3 {
    background-position: -56px 0
}

section.shared-flipbook-samples .samples-container .view .s4 {
    background-position: -84px 0
}

section.shared-flipbook-samples .samples-container .view .s5 {
    background-position: -112px 0
}

section.shared-flipbook-samples .samples-container .view .overlay {
    width: 28px
}

section.shared-flipbook-samples .samples-container .view:hover .s1,
section.shared-flipbook-samples .samples-container .view.touched .s1 {
    -webkit-transform: rotate3d(0, 1, 0, -25deg);
    -moz-transform: rotate3d(0, 1, 0, -25deg);
    -o-transform: rotate3d(0, 1, 0, -25deg);
    -ms-transform: rotate3d(0, 1, 0, -25deg);
    transform: rotate3d(0, 1, 0, -25deg)
}

section.shared-flipbook-samples .samples-container .view:hover .ie10 .s1,
section.shared-flipbook-samples .samples-container .view.touched .ie10 .s1 {
    -webkit-transform: rotate3d(0, 1, 0, -60deg);
    -moz-transform: rotate3d(0, 1, 0, -60deg);
    -o-transform: rotate3d(0, 1, 0, -60deg);
    -ms-transform: rotate3d(0, 1, 0, -60deg);
    transform: rotate3d(0, 1, 0, -60deg)
}

section.shared-flipbook-samples .samples-container .view:hover .s2,
section.shared-flipbook-samples .samples-container .view.touched .s2 {
    -webkit-transform: translate3d(27px, 0, 0) rotate3d(0, 1, 0, -10deg);
    -moz-transform: translate3d(27px, 0, 0) rotate3d(0, 1, 0, -10deg);
    -o-transform: translate3d(27px, 0, 0) rotate3d(0, 1, 0, -10deg);
    -ms-transform: translate3d(27px, 0, 0) rotate3d(0, 1, 0, -10deg);
    transform: translate3d(27px, 0, 0) rotate3d(0, 1, 0, -10deg)
}

section.shared-flipbook-samples .samples-container .view:hover .s3,
section.shared-flipbook-samples .samples-container .view.touched .s3 {
    -webkit-transform: translate3d(27px, 0, 0) rotate3d(0, 1, 0, -16deg);
    -moz-transform: translate3d(27px, 0, 0) rotate3d(0, 1, 0, -16deg);
    -o-transform: translate3d(27px, 0, 0) rotate3d(0, 1, 0, -16deg);
    -ms-transform: translate3d(27px, 0, 0) rotate3d(0, 1, 0, -16deg);
    transform: translate3d(27px, 0, 0) rotate3d(0, 1, 0, -16deg)
}

section.shared-flipbook-samples .samples-container .view:hover .s4,
section.shared-flipbook-samples .samples-container .view.touched .s4 {
    -webkit-transform: translate3d(27px, 0, 0) rotate3d(0, 1, 0, -30deg);
    -moz-transform: translate3d(27px, 0, 0) rotate3d(0, 1, 0, -30deg);
    -o-transform: translate3d(27px, 0, 0) rotate3d(0, 1, 0, -30deg);
    -ms-transform: translate3d(27px, 0, 0) rotate3d(0, 1, 0, -30deg);
    transform: translate3d(27px, 0, 0) rotate3d(0, 1, 0, -30deg)
}

section.shared-flipbook-samples .samples-container .view:hover .s5,
section.shared-flipbook-samples .samples-container .view.touched .s5 {
    -webkit-transform: translate3d(28px, 0, 0) rotate3d(0, 1, 0, -42deg);
    -moz-transform: translate3d(28px, 0, 0) rotate3d(0, 1, 0, -42deg);
    -o-transform: translate3d(28px, 0, 0) rotate3d(0, 1, 0, -42deg);
    -ms-transform: translate3d(28px, 0, 0) rotate3d(0, 1, 0, -42deg);
    transform: translate3d(28px, 0, 0) rotate3d(0, 1, 0, -42deg)
}

html.ie10 section.shared-flipbook-samples .samples-container .view:hover .s1,
html.ie10 section.shared-flipbook-samples .samples-container .view.touched .s1 {
    -webkit-transform: rotate3d(0, 1, 0, -55deg);
    -moz-transform: rotate3d(0, 1, 0, -55deg);
    -o-transform: rotate3d(0, 1, 0, -55deg);
    -ms-transform: rotate3d(0, 1, 0, -55deg);
    transform: rotate3d(0, 1, 0, -55deg)
}

section.shared-hub-examples {
    text-align: center
}

section.shared-hub-examples h2 {
    margin: 80px 0;
    text-transform: uppercase;
    font-weight: 300;
    color: #333;
    font-family: "Montserrat", sans-serif
}

section.shared-hub-examples .row .span4 {
    margin-bottom: 80px
}

section.shared-hub-examples .row .span4 img {
    margin-bottom: 20px
}

section.shared-hub-examples .row .span4 h3 {
    color: #333;
    font-weight: 400;
    font-size: 24px;
    font-family: "Montserrat", sans-serif
}

section.shared-hub-examples .row .span4 a:not(.push-button) {
    color: #ce0058;
    line-height: 45px
}

@media (min-width:1360px) {
    .navbar .navbar-inner .container {
        width: 1350px
    }
}

@media (min-width:1200px) {
    section.shared-pages-served {
        height: 320px;
        background-image: url("../../img/pagebg_1billion.jpg")
    }
}

@media (min-width:1010px) and (max-width:1199px) {
    section.shared-features .row .offset1 {
        margin-left: 40px
    }
    section.shared-features .row .span5 {
        width: 470px
    }
    section.shared-companies-list .uf-icon-used-by {
        left: 75px
    }
    section.shared-companies-list .carousel .item .row-container .column .cell {
        width: 240px
    }
    section.shared-companies-list .carousel .item .testimonial .container {
        width: 920px
    }
    section.shared-companies-list .carousel .item .testimonial .arrow {
        left: 497px
    }
    section.shared-companies-list .carousel .item .testimonial .comment {
        font-size: 18px;
        line-height: 28px
    }
    section.shared-companies-list .carousel .item .testimonial .author {
        line-height: 28px
    }
    section.shared-pages-served {
        height: 260px;
        background-image: url("../../img/pagebg_1billion.jpg")
    }
    section.shared-pages-served .desc {
        font-size: 38px;
        padding-top: 125px
    }
    section.shared-pages-served .uf-icon-pages-served {
        top: 155px;
        left: 75%
    }
    section.learn-more .video-container>.vidyard_player>span {
        width: 466px !important;
        height: 263px !important;
        margin-top: 25px !important
    }
}

@media (min-width:768px) and (max-width:1009px) {
    div.testimonial-block .heading .company-logo {
        opacity: .4;
        filter: alpha(opacity=40)
    }
    section.shared-features {
        padding-top: 40px;
        padding-bottom: 0
    }
    section.shared-features .row .offset1 {
        margin-left: 30px
    }
    section.shared-features .row .span5 {
        width: 340px
    }
    section.shared-features .row h3 {
        font-size: 22px
    }
    section.shared-features .row h3 .plus,
    section.shared-features .row h3 .pro {
        padding: 1px 4px;
        font-size: 11px
    }
    section.shared-features .row p {
        font-size: 16px;
        margin-bottom: 10px
    }
    section.shared-features .row ul li {
        font-size: 16px
    }
    section.shared-companies-list .uf-icon-used-by {
        left: 40px
    }
    section.shared-companies-list .carousel .item .row-container .column .cell {
        width: 170px
    }
    section.shared-companies-list .carousel .item .testimonial .arrow {
        left: 420px
    }
    section.shared-companies-list .carousel .item .testimonial .comment {
        line-height: 26px
    }
    section.shared-companies-list .carousel .item .testimonial .author {
        font-size: 14px;
        line-height: 18px
    }
    section.shared-pages-served {
        height: 205px;
        background-image: url("../../img/tablet/pagebg_1billion.jpg")
    }
    section.shared-pages-served .desc {
        font-size: 32px;
        padding-top: 90px
    }
    section.shared-pages-served .uf-icon-pages-served {
        top: 120px;
        left: 75%
    }
    section.shared-flipbook-samples .samples-container {
        width: 450px
    }
    section.shared-flipbook-samples .samples-container .view {
        margin: 0 5px 30px 0
    }
    section.learn-more .video-container>.vidyard_player>span {
        width: 420px !important;
        height: 236px !important
    }
    section.shared-try-it-now p {
        font-size: 18px
    }
}

@media (max-width:767px) {
    div.testimonial-block .heading .company-logo {
        display: none
    }
    section.shared-intro {
        padding: 40px 10px
    }
    section.shared-intro h1 {
        font-size: 32px;
        line-height: 44px
    }
    section.shared-features {
        padding-bottom: 0
    }
    section.shared-features .row {
        margin-left: 20px;
        margin-right: 20px
    }
    section.shared-features .row h3 {
        font-size: 22px
    }
    section.shared-features .row h3 .plus,
    section.shared-features .row h3 .pro {
        padding: 1px 4px;
        font-size: 11px
    }
    section.shared-features .row p {
        font-size: 16px;
        margin-bottom: 10px
    }
    section.shared-features .row ul li {
        font-size: 16px
    }
    section.shared-companies-list .uf-icon-used-by {
        left: 40px
    }
    section.shared-companies-list .carousel .item .row-container .column {
        width: 100%
    }
    section.shared-companies-list .carousel .item .row-container .column .cell {
        width: 47%
    }
    section.shared-companies-list .carousel .item .testimonial {
        padding: 50px 20px
    }
    section.shared-companies-list .carousel .item .testimonial .arrow {
        top: -110px;
        left: 16%
    }
    section.shared-companies-list .carousel .item .testimonial .comment {
        font-size: 18px;
        line-height: 24px
    }
    section.shared-companies-list .carousel .item .testimonial .author {
        font-size: 12px;
        line-height: 18px
    }
    section.shared-pages-served {
        height: 125px;
        background-image: url("../../img/tablet/pagebg_1billion.jpg")
    }
    section.shared-pages-served .desc {
        font-size: 24px;
        padding-top: 55px
    }
    section.shared-pages-served .uf-icon-pages-served {
        top: 75px;
        left: 65%
    }
    section.shared-try-it-now {
        padding: 30px 0
    }
    section.shared-try-it-now p,
    section.shared-try-it-now [class*="span"] {
        font-size: 18px;
        line-height: 30px;
        text-align: center;
        margin-bottom: 10px
    }
    section.shared-flipbook-samples .samples-container {
        width: 450px;
        margin-bottom: 30px
    }
    section.shared-flipbook-samples .samples-container .view {
        margin: 0 5px 30px 0
    }
    .video-container>.vidyard_player>span {
        width: 420px !important;
        height: 236px !important
    }
}

@media (max-width:480px) {
    div.testimonial-block .heading .company-logo {
        display: none
    }
    div.testimonial-block .quote p,
    div.testimonial-block .quote li {
        font-size: 14px
    }
    section.shared-intro {
        padding: 20px 10px
    }
    section.shared-intro h1 {
        font-size: 26px;
        line-height: 40px
    }
    section.shared-features {
        padding-bottom: 0
    }
    section.shared-features h2 {
        font-size: 30px;
        line-height: 35px
    }
    section.shared-features .row h3 {
        font-size: 22px;
        font-weight: 700;
        font-family: "Lato", sans-serif
    }
    section.shared-features .row h3 .plus,
    section.shared-features .row h3 .pro {
        padding: 1px 4px;
        font-size: 11px
    }
    section.shared-features .row p {
        font-size: 16px;
        margin-bottom: 10px
    }
    section.shared-features .row ul li {
        font-size: 16px
    }
    section.shared-companies-list .uf-icon-used-by {
        left: 40px
    }
    section.shared-companies-list .carousel .item .row-container {
        padding-bottom: 20px
    }
    section.shared-companies-list .carousel .item .row-container .column {
        width: 99%
    }
    section.shared-companies-list .carousel .item .row-container .column .cell {
        width: 50%;
        margin-right: 0
    }
    section.shared-companies-list .carousel .item .row-container .column .cell [class^="company-logo-"],
    section.shared-companies-list .carousel .item .row-container .column .cell [class*=" company-logo-"] {
        background-size: 449px 206px;
        border-bottom: 0
    }
    section.shared-companies-list .carousel .item .row-container .column .cell .company-logo-ups {
        background-position: -142px 0;
        width: 70px;
        height: 50px
    }
    section.shared-companies-list .carousel .item .row-container .column .cell .company-logo-rbc {
        background-position: -213px 0;
        width: 106px;
        height: 50px
    }
    section.shared-companies-list .carousel .item .row-container .column .cell .company-logo-hubspot {
        background-position: -117px -152px;
        width: 107px;
        height: 48px
    }
    section.shared-companies-list .carousel .item .row-container .column .cell .company-logo-gadventures {
        background-position: 0 -51px;
        width: 124px;
        height: 46px
    }
    section.shared-companies-list .carousel .item .row-container .column .cell .company-logo-sap {
        background-position: 0 0;
        width: 142px;
        height: 50px
    }
    section.shared-companies-list .carousel .item .row-container .column .cell .company-logo-monetate {
        background-position: -320px 0;
        width: 129px;
        height: 46px
    }
    section.shared-companies-list .carousel .item .row-container .column .cell .company-logo-harvard {
        background-position: -125px -50px;
        width: 80px;
        height: 46px
    }
    section.shared-companies-list .carousel .item .row-container .column .cell .company-logo-remax {
        background-position: 0 -152px;
        width: 115px;
        height: 48px
    }
    section.shared-companies-list .carousel .item .row-container .column .cell .company-logo-hsn {
        background-position: -353px -48px;
        width: 68px;
        height: 68px
    }
    section.shared-companies-list .carousel .item .row-container .column .cell .company-logo-loblaws {
        background-position: -208px -50px;
        width: 142px;
        height: 46px
    }
    section.shared-companies-list .carousel .item .row-container .column .cell .company-logo-teknion {
        background-position: -224px -97px;
        width: 116px;
        height: 49px
    }
    section.shared-companies-list .carousel .item .row-container .column .cell [class^="comp-cust-logo-"],
    section.shared-companies-list .carousel .item .row-container .column .cell [class*="comp-cust-logo-"] {
        background-size: 400px 84px
    }
    section.shared-companies-list .carousel .item .row-container .column .cell .comp-cust-logo-dyn {
        background-position: 6px 7px;
        width: 87px;
        height: 44px
    }
    section.shared-companies-list .carousel .item .row-container .column .cell .comp-cust-logo-schneider {
        background-position: -74px 5px;
        width: 104px;
        height: 37px;
        margin-left: 10px
    }
    section.shared-companies-list .carousel .item .row-container .column .cell .comp-cust-logo-syspro {
        background-position: -68px -27px;
        width: 140px;
        height: 57px;
        margin: 10px 0 10px 0
    }
    section.shared-companies-list .carousel .item .row-container .column .cell .comp-cust-logo-adroll {
        background-position: -288px 10px;
        width: 110px;
        height: 43px
    }
    section.shared-companies-list .carousel .item .row-container .column .cell .comp-cust-logo-visually {
        background-position: -168px 10px;
        width: 120px;
        height: 50px
    }
    section.shared-companies-list .carousel .item .row-container .column .cell .comp-cust-logo-insight {
        background-position: 5px -29px;
        width: 80px;
        height: 50px
    }
    section.shared-companies-list .carousel .item .row-container .column .cell .comp-cust-logo-oracle {
        background-position: -204px -26px;
        width: 116px;
        height: 50px
    }
    section.shared-companies-list .carousel .item .row-container .column .cell .comp-cust-logo-sap {
        background-position: -321px -28px;
        width: 69px;
        height: 50px
    }
    section.shared-companies-list .carousel .item .testimonial {
        padding: 40px 20px;
        margin-top: 0;
        height: 252px
    }
    section.shared-companies-list .carousel .item .testimonial .arrow {
        top: -90px;
        left: 10%
    }
    section.shared-companies-list.without-logos {
        height: auto
    }
    section.shared-companies-list.without-logos .carousel .item .testimonial {
        height: auto
    }
    section.shared-pages-served {
        display: none
    }
    section.shared-try-it-now .btn-uberflip.largest {
        padding: 9px 16px;
        font-size: 16px;
        font-size: 12px \9;
        line-height: 24px;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        margin-top: 25px
    }
    section.shared-try-it-now .btn-uberflip.largest [class^="icon-"],
    section.shared-try-it-now .btn-uberflip.largest [class*=" icon-"] {
        margin: 4px 0 0 7px
    }
    section.shared-try-it-now .btn-uberflip.largest.with-splitter {
        padding: 0 0 0 41px;
        line-height: 40px
    }
    section.shared-try-it-now .btn-uberflip.largest .split-arrow {
        width: 40px;
        height: 40px
    }
    section.shared-try-it-now .btn-uberflip.largest .split-arrow [class^="uf-icon-"],
    section.shared-try-it-now .btn-uberflip.largest .split-arrow [class*=" uf-icon-"] {
        margin: 4px 0 0 6px
    }
    section.shared-try-it-now .btn-uberflip.largest .split-text {
        padding: 12px 16px
    }
    section.shared-try-it-now p {
        font-size: 18px;
        line-height: 26px
    }
    section.shared-flipbook-samples h2 {
        font-size: 30px;
        line-height: 35px
    }
    section.shared-flipbook-samples .samples-container {
        width: 300px;
        margin-bottom: 30px
    }
    section.shared-flipbook-samples .samples-container .view {
        margin: 0 5px 30px 0
    }
    .content-container footer .large-footer .social-sharing ul li {
        font-size: 13px
    }
    section.learn-more .video-container>.vidyard_player>span {
        width: 311px !important;
        height: 175px !important
    }
}

form.trial-form {
    padding: 15px;
    background: rgba(0, 0, 0, 0.25);
    display: inline-block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

form.trial-form input[type=text] {
    width: 105px;
    margin-bottom: 0 !important
}

form.trial-form button.btn-uberflip {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

input[type=text].placeholder {
    color: #d0d0d0
}

.tab-indicators {
    width: 96px;
    height: 8px;
    margin: 40px auto 0 auto;
    background-color: transparent
}

.tab-indicators .tab-dot {
    float: left;
    margin-left: 10px;
    width: 8px;
    height: 8px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #bbb
}

.tab-indicators .tab-dot:first-child {
    margin-left: 0
}

.tab-indicators .tab-dot.active {
    background-color: #ce0058
}

.sparkler-container .sparkle {
    position: absolute;
    top: 0;
    left: 0;
    width: 68px;
    height: 68px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto
}

.view {
    width: 316px;
    height: 216px;
    margin: 10px;
    display: inline-block;
    position: relative;
    border: 8px solid #fff;
    background: #333;
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.05)
}

.view .slice {
    width: 60px;
    height: 100%;
    z-index: 100;
    -webkit-perspective: 800px;
    -moz-perspective: 800px;
    -o-perspective: 800px;
    -ms-perspective: 800px;
    perspective: 800px;
    -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-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
    -webkit-backface-visibility: visible;
    -moz-backface-visibility: visible;
    -o-backface-visibility: visible;
    -ms-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-transition: -webkit-transform 150ms ease-in-out;
    -moz-transition: -moz-transform 150ms ease-in-out;
    -o-transition: -o-transform 150ms ease-in-out;
    -ms-transition: -ms-transform 150ms ease-in-out;
    transition: transform 150ms ease-in-out
}

.view div.view-back {
    width: 50%;
    height: 100%;
    position: absolute;
    right: 0;
    background: #666;
    z-index: 0
}

.view div.view-back span {
    display: block;
    float: right;
    padding: 5px 10px 5px;
    width: 100%;
    text-align: right;
    font-size: 16px;
    color: rgba(255, 255, 255, 0.6)
}

.view div.view-back span:first-child {
    padding-top: 10px
}

.view div.view-back a {
    display: block;
    font-size: 18px;
    color: rgba(255, 255, 255, 0.4);
    position: absolute;
    right: 15px;
    bottom: 15px;
    width: 30px;
    height: 30px;
    line-height: 22px;
    text-align: center;
    font-weight: 700;
    border: 2px solid rgba(255, 255, 255, 0.3);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.view div.view-back a:hover {
    color: #fff;
    border-color: #fff
}

.view div.view-back span[data-icon]:before {
    content: attr(data-icon);
    font-family: 'icons';
    color: #aaa;
    color: rgba(255, 255, 255, 0.2);
    text-shadow: 0 0 1px rgba(255, 255, 255, 0.2);
    padding-right: 5px
}

.view .s2,
.view .s3,
.view .s4,
.view .s5 {
    -webkit-transform: translate3d(60px, 0, 0);
    -moz-transform: translate3d(60px, 0, 0);
    -o-transform: translate3d(60px, 0, 0);
    -ms-transform: translate3d(60px, 0, 0);
    transform: translate3d(60px, 0, 0)
}

.view .s1 {
    background-position: 0 0
}

.view .s2 {
    background-position: -60px 0
}

.view .s3 {
    background-position: -120px 0
}

.view .s4 {
    background-position: -180px 0
}

.view .s5 {
    background-position: -240px 0
}

.view .overlay {
    width: 60px;
    height: 100%;
    opacity: 0;
    position: absolute;
    -webkit-transition: opacity 150ms ease-in-out;
    -moz-transition: opacity 150ms ease-in-out;
    -o-transition: opacity 150ms ease-in-out;
    transition: opacity 150ms ease-in-out
}

.view img {
    position: absolute;
    z-index: 0;
    -webkit-transition: left .3s ease-in-out;
    -moz-transition: left .3s ease-in-out;
    -o-transition: left .3s ease-in-out;
    transition: left .3s ease-in-out
}

.view:hover .overlay,
.view.touched .overlay {
    opacity: 1
}

.view:hover .s1,
.view.touched .s1 {
    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    transition-delay: 200ms;
    -webkit-transform: rotate3d(0, 1, 0, -3deg);
    -moz-transform: rotate3d(0, 1, 0, -3deg);
    -o-transform: rotate3d(0, 1, 0, -3deg);
    -ms-transform: rotate3d(0, 1, 0, -3deg);
    transform: rotate3d(0, 1, 0, -3deg)
}

.view:hover .s2,
.view.touched .s2 {
    -webkit-transition-delay: 150ms;
    -moz-transition-delay: 150ms;
    -o-transition-delay: 150ms;
    transition-delay: 150ms;
    -webkit-transform: translate3d(59px, 0, 0) rotate3d(0, 1, 0, -10deg);
    -moz-transform: translate3d(59px, 0, 0) rotate3d(0, 1, 0, -10deg);
    -o-transform: translate3d(59px, 0, 0) rotate3d(0, 1, 0, -10deg);
    -ms-transform: translate3d(59px, 0, 0) rotate3d(0, 1, 0, -10deg);
    transform: translate3d(59px, 0, 0) rotate3d(0, 1, 0, -10deg)
}

.view:hover .s3,
.view.touched .s3 {
    -webkit-transition-delay: 100ms;
    -moz-transition-delay: 100ms;
    -o-transition-delay: 100ms;
    transition-delay: 100ms;
    -webkit-transform: translate3d(59px, 0, 0) rotate3d(0, 1, 0, -16deg);
    -moz-transform: translate3d(59px, 0, 0) rotate3d(0, 1, 0, -16deg);
    -o-transform: translate3d(59px, 0, 0) rotate3d(0, 1, 0, -16deg);
    -ms-transform: translate3d(59px, 0, 0) rotate3d(0, 1, 0, -16deg);
    transform: translate3d(59px, 0, 0) rotate3d(0, 1, 0, -16deg)
}

.view:hover .s4,
.view.touched .s4 {
    -webkit-transition-delay: 50ms;
    -moz-transition-delay: 50ms;
    -o-transition-delay: 50ms;
    transition-delay: 50ms;
    -webkit-transform: translate3d(59px, 0, 0) rotate3d(0, 1, 0, -30deg);
    -moz-transform: translate3d(59px, 0, 0) rotate3d(0, 1, 0, -30deg);
    -o-transform: translate3d(59px, 0, 0) rotate3d(0, 1, 0, -30deg);
    -ms-transform: translate3d(59px, 0, 0) rotate3d(0, 1, 0, -30deg);
    transform: translate3d(59px, 0, 0) rotate3d(0, 1, 0, -30deg)
}

.view:hover .s5,
.view.touched .s5 {
    -webkit-transform: translate3d(60px, 0, 0) rotate3d(0, 1, 0, -42deg);
    -moz-transform: translate3d(60px, 0, 0) rotate3d(0, 1, 0, -42deg);
    -o-transform: translate3d(60px, 0, 0) rotate3d(0, 1, 0, -42deg);
    -ms-transform: translate3d(60px, 0, 0) rotate3d(0, 1, 0, -42deg);
    transform: translate3d(60px, 0, 0) rotate3d(0, 1, 0, -42deg)
}

.view .s4>.overlay {
    background: -moz-linear-gradient(right, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(right, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0) 100%);
    background: -ms-linear-gradient(right, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(right, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0) 100%)
}

.view .s5>.overlay {
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0) 100%);
    background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0) 100%)
}

.view div.view-back {
    background: #0a0a0a;
    background: -moz-linear-gradient(left, #0a0a0a 0, #666 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #0a0a0a), color-stop(100%, #666));
    background: -webkit-linear-gradient(left, #0a0a0a 0, #666 100%);
    background: -o-linear-gradient(left, #0a0a0a 0, #666 100%);
    background: -ms-linear-gradient(left, #0a0a0a 0, #666 100%);
    background: linear-gradient(left, #0a0a0a 0, #666 100%)
}

.carousel {
    position: relative;
    line-height: 1;
    overflow: hidden;
    padding: 0 5px 10px 5px
}

.carousel .carousel-inner {
    position: relative;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden
}

.carousel .carousel-inner.animate {
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.carousel .carousel-inner .item>a {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none
}

.carousel-nav {
    position: absolute;
    top: -55px;
    left: 0;
    width: 68px
}

.carousel-nav li {
    float: left;
    width: 30px;
    height: 30px;
    margin-left: 1px;
    border: 1px solid #e1e1e1
}

.carousel-nav li a {
    display: block;
    width: 100%;
    height: 100%;
    text-indent: -9999px;
    background-image: url("../../img/hubs/sprite-1x.png");
    background-repeat: no-repeat;
    background-color: #fff;
    background-position: 0 -97px
}

.carousel-nav li a:hover {
    background-position: -1px -130px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15)
}

.carousel-nav li a.disabled {
    opacity: .5;
    filter: alpha(opacity=50)
}

.carousel-nav li a.disabled:hover {
    background-position: 0 -97px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    cursor: default
}

.carousel-nav li.next a,
.carousel-nav li.next a.disabled,
.carousel-nav li.next a.disabled:hover {
    background-position: -33px -98px
}

.carousel-nav li.next a:hover {
    background-position: -34px -131px
}

.modal {
    top: 80px !important;
    position: absolute
}

.demo-request-wrap .hbspt-form {
    max-width: 500px;
    margin: 30px auto 0;
    text-align: center
}

.demo-request-wrap .field {
    width: 85%;
    display: inline-block
}

.demo-request-wrap .hs_allow_uberflip_to_email_me {
    padding: 0 0 0 22px
}

.demo-request-wrap .modal-content-header {
    max-width: 600px;
    margin: 30px auto 0 auto;
    text-align: center;
    font-size: 34px;
    font-family: "Montserrat", sans-serif
}

.demo-request-wrap .subheading {
    margin: 20px auto 0;
    width: 400px;
    font-size: 14px;
    text-align: center;
    color: #666
}

.demo-request-wrap .requiredNote {
    margin: 20px auto 0;
    width: 400px;
    font-size: 10px;
    text-align: right;
    color: #666
}

.demo-request-wrap .requiredNote>span {
    color: #ce0058
}

.demo-request-wrap .hs-input {
    border: 0;
    border-bottom: 1px solid #808080;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    box-shadow: none;
    color: #000;
    font-size: 16px
}

.demo-request-wrap .hs-input.invalid {
    border-bottom: 1px solid #ce0058;
    color: #000
}

.demo-request-wrap .hs-input:focus {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    box-shadow: none
}

.demo-request-wrap .hs-input:focus:invalid {
    border-bottom: 1px solid #ce0058;
    color: #000
}

.demo-request-wrap .hs-input:focus:invalid:focus {
    border-bottom: 1px solid #5bc0de;
    box-shadow: none
}

.demo-request-wrap input[type='checkbox'] {
    position: relative;
    top: -3px
}

.demo-request-wrap .btn-uberflip {
    border-bottom: 3px solid #8f0529;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.demo-request-wrap .btn-uberflip:hover {
    background-color: #760422
}

.page-pageindex .content-container {
    background-color: #f9f9f9
}

.page-pageindex .hub-sample-logos {
    background: transparent url("../../img/index/logos-example-homepage.png") no-repeat 0 0
}

.page-pageindex section.intro {
    position: relative;
    height: 800px;
    padding: 0;
    background: transparent url("../../img/index/heros-desktop-light.jpg");
    background-size: cover
}

.page-pageindex section.intro>.container .img-header {
    position: relative
}

.page-pageindex section.intro>.container .img-header .hero-img {
    display: block;
    position: absolute;
    top: 61px;
    left: 220px;
    width: 720px;
    height: 395px;
    background: transparent url("../../img/index/displays-hero.png")
}

.page-pageindex section.intro>.container .img-header .hero-img .item-playbtn {
    position: absolute;
    top: 140px;
    left: 315px
}

.page-pageindex section.intro>.container .img-header .hero-img-ipad {
    display: block;
    position: absolute;
    top: 195px;
    left: 128px;
    width: 203px;
    height: 261px;
    background: transparent url("../../img/index/displays-hero-ipad.png")
}

.page-pageindex section.intro>.container .img-header .integrates {
    position: absolute;
    top: 71px;
    right: 60px
}

.page-pageindex section.intro>.container .img-header .integrates .integrates-text {
    width: 150px;
    margin: 0 auto;
    font-style: italic;
    font-size: 16px;
    text-align: center
}

.page-pageindex section.intro>.container .img-header .integrates .integration-list {
    width: 157px;
    margin: 10px 0 0 0
}

.page-pageindex section.intro>.container .img-header .list-pointer {
    position: absolute;
    top: 235px;
    right: 122px
}

.page-pageindex section.intro .intro-details {
    width: 100%;
    margin-top: 90px
}

.page-pageindex section.intro .intro-details h1 {
    color: #333;
    line-height: 66px;
    font-family: "Montserrat", sans-serif;
    font-size: 55px;
    font-weight: 300;
    text-align: center
}

.page-pageindex section.intro .intro-details p {
    margin: 30px auto 0;
    width: 580px;
    color: #333;
    font-size: 18px;
    font-weight: 400;
    font-family: "Montserrat", sans-serif;
    line-height: 25px;
    text-align: center
}

.page-pageindex section.intro .intro-details .integration-details {
    margin: 10px 0 0 0;
    color: #fff;
    font-size: 18px
}

.page-pageindex section.intro .intro-details .btns {
    width: 270px;
    margin: 50px auto 0 auto
}

.page-pageindex section.intro .intro-details .btns button.btn {
    width: 270px;
    padding: 15px 55px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    border-bottom: 4px solid #8f0529;
    font-weight: 700;
    font-size: 17px;
    text-shadow: none
}

.page-pageindex section.intro .intro-details .btns button.btn:hover {
    border-bottom: 4px solid #b5004d
}

.page-pageindex section.company-examples {
    padding: 10px 0 0;
    border-bottom: 1px solid #d3d3d3;
    background-color: #fff
}

.page-pageindex section.company-examples p {
    margin: 0 0 0 70px;
    font-size: 10px
}

.page-pageindex section.company-examples .companies {
    height: 80px;
    margin: 20px 0 0;
    text-align: center
}

.page-pageindex section.company-examples .companies [class^="comp-cust-logo-"],
.page-pageindex section.company-examples .companies [class*=" comp-cust-logo-"] {
    display: inline-block;
    position: relative;
    background-size: 500px 106px
}

.page-pageindex section.company-examples .companies [class^="comp-cust-logo-"].company,
.page-pageindex section.company-examples .companies [class*=" comp-cust-logo-"].company {
    margin: 0 20px
}

.page-pageindex section.company-examples .companies .comp-cust-logo-dyn {
    background-position: 0 0;
    width: 95px;
    height: 38px
}

.page-pageindex section.company-examples .companies .comp-cust-logo-schneider {
    background-position: -96px 3px;
    width: 115px;
    height: 42px
}

.page-pageindex section.company-examples .companies .comp-cust-logo-syspro {
    background-position: -89px -50px;
    width: 163px;
    height: 51px;
    top: -10px
}

.page-pageindex section.company-examples .companies .comp-cust-logo-adroll {
    background-position: -366px 5px;
    width: 130px;
    height: 42px
}

.page-pageindex section.company-examples .companies .comp-cust-logo-oracle {
    background-position: -259px -49px;
    width: 136px;
    height: 27px;
    top: 10px
}

.page-pageindex section.company-examples .companies .comp-cust-logo-sap {
    background-position: -401px -46px;
    width: 88px;
    height: 48px
}

.page-pageindex section.at-a-glance {
    padding: 50px 0 0;
    background-color: #fff
}

.page-pageindex section.at-a-glance h2 {
    color: #333;
    margin: 40px 0;
    text-align: center;
    font-family: "Montserrat", sans-serif;
    font-size: 32px;
    font-weight: 300
}

.page-pageindex section.at-a-glance p {
    text-align: center;
    font-size: 16px
}

.page-pageindex section.at-a-glance p.note {
    width: 520px;
    margin: 30px auto;
    line-height: 24px
}

.page-pageindex section.at-a-glance .features {
    text-align: center
}

.page-pageindex section.at-a-glance .features .feature {
    display: inline-block;
    width: 100px;
    height: 100px;
    margin: 0 5px
}

.page-pageindex section.at-a-glance .features .feature p {
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    line-height: 18px
}

.page-pageindex section.at-a-glance .item-dash {
    display: block;
    width: 50px;
    height: 25px;
    margin: 20px auto 0
}

.page-pageindex section.manage-content .detailed-info,
.page-pageindex section.tailor-experiences .detailed-info,
.page-pageindex section.generate-leads .detailed-info,
.page-pageindex section.measure-performance .detailed-info {
    padding: 40px 0 0 0
}

.page-pageindex section.manage-content .detailed-info .row,
.page-pageindex section.tailor-experiences .detailed-info .row,
.page-pageindex section.generate-leads .detailed-info .row,
.page-pageindex section.measure-performance .detailed-info .row {
    padding: 50px 0 0
}

.page-pageindex section.manage-content .detailed-info .row .span6 .item-example1,
.page-pageindex section.tailor-experiences .detailed-info .row .span6 .item-example1,
.page-pageindex section.generate-leads .detailed-info .row .span6 .item-example1,
.page-pageindex section.measure-performance .detailed-info .row .span6 .item-example1 {
    position: relative;
    top: -40px;
    left: -120px;
    width: 945px;
    height: 466px;
    background: transparent url("../../img/index/manage-content.png") no-repeat
}

.page-pageindex section.manage-content .detailed-info .row .span6 .item-example2,
.page-pageindex section.tailor-experiences .detailed-info .row .span6 .item-example2,
.page-pageindex section.generate-leads .detailed-info .row .span6 .item-example2,
.page-pageindex section.measure-performance .detailed-info .row .span6 .item-example2 {
    position: relative;
    top: 6px;
    left: -275px;
    width: 799px;
    height: 443px;
    background: transparent url("../../img/index/tailor-experience.png") no-repeat
}

.page-pageindex section.manage-content .detailed-info .row .span6 .item-example3,
.page-pageindex section.tailor-experiences .detailed-info .row .span6 .item-example3,
.page-pageindex section.generate-leads .detailed-info .row .span6 .item-example3,
.page-pageindex section.measure-performance .detailed-info .row .span6 .item-example3 {
    position: relative;
    top: 6px;
    left: 105px;
    width: 752px;
    height: 385px;
    background: transparent url("../../img/index/generate-leads.png") no-repeat
}

.page-pageindex section.manage-content .detailed-info .row .span6 .item-example4,
.page-pageindex section.tailor-experiences .detailed-info .row .span6 .item-example4,
.page-pageindex section.generate-leads .detailed-info .row .span6 .item-example4,
.page-pageindex section.measure-performance .detailed-info .row .span6 .item-example4 {
    position: relative;
    top: 0;
    left: 10px;
    width: 543px;
    height: 275px;
    background-size: 100%;
    background: transparent url("../../img/index/measure-performance.png") no-repeat
}

.page-pageindex section.manage-content .detailed-info .row .span6 .box-item h3,
.page-pageindex section.tailor-experiences .detailed-info .row .span6 .box-item h3,
.page-pageindex section.generate-leads .detailed-info .row .span6 .box-item h3,
.page-pageindex section.measure-performance .detailed-info .row .span6 .box-item h3 {
    margin: 0 0 30px 20px;
    font-family: "Montserrat", sans-serif;
    font-weight: 400
}

.page-pageindex section.manage-content .detailed-info .row .span6 .box-item p,
.page-pageindex section.tailor-experiences .detailed-info .row .span6 .box-item p,
.page-pageindex section.generate-leads .detailed-info .row .span6 .box-item p,
.page-pageindex section.measure-performance .detailed-info .row .span6 .box-item p {
    width: 75%;
    text-align: left
}

.page-pageindex section.manage-content .detailed-info .row .span6 .box-item p.explained,
.page-pageindex section.tailor-experiences .detailed-info .row .span6 .box-item p.explained,
.page-pageindex section.generate-leads .detailed-info .row .span6 .box-item p.explained,
.page-pageindex section.measure-performance .detailed-info .row .span6 .box-item p.explained {
    margin: 0 0 0 20px
}

.page-pageindex section.manage-content .detailed-info .row .span6 .box-item .item-dash,
.page-pageindex section.tailor-experiences .detailed-info .row .span6 .box-item .item-dash,
.page-pageindex section.generate-leads .detailed-info .row .span6 .box-item .item-dash,
.page-pageindex section.measure-performance .detailed-info .row .span6 .box-item .item-dash {
    margin: 50px 0 10px
}

.page-pageindex section.manage-content .detailed-info .row .span6 .box-item .customer-quote,
.page-pageindex section.tailor-experiences .detailed-info .row .span6 .box-item .customer-quote,
.page-pageindex section.generate-leads .detailed-info .row .span6 .box-item .customer-quote,
.page-pageindex section.measure-performance .detailed-info .row .span6 .box-item .customer-quote {
    *zoom: 1;
    margin: 0 0 0 20px
}

.page-pageindex section.manage-content .detailed-info .row .span6 .box-item .customer-quote:before,
.page-pageindex section.tailor-experiences .detailed-info .row .span6 .box-item .customer-quote:before,
.page-pageindex section.generate-leads .detailed-info .row .span6 .box-item .customer-quote:before,
.page-pageindex section.measure-performance .detailed-info .row .span6 .box-item .customer-quote:before,
.page-pageindex section.manage-content .detailed-info .row .span6 .box-item .customer-quote:after,
.page-pageindex section.tailor-experiences .detailed-info .row .span6 .box-item .customer-quote:after,
.page-pageindex section.generate-leads .detailed-info .row .span6 .box-item .customer-quote:after,
.page-pageindex section.measure-performance .detailed-info .row .span6 .box-item .customer-quote:after {
    display: table;
    content: "";
    line-height: 0
}

.page-pageindex section.manage-content .detailed-info .row .span6 .box-item .customer-quote:after,
.page-pageindex section.tailor-experiences .detailed-info .row .span6 .box-item .customer-quote:after,
.page-pageindex section.generate-leads .detailed-info .row .span6 .box-item .customer-quote:after,
.page-pageindex section.measure-performance .detailed-info .row .span6 .box-item .customer-quote:after {
    clear: both
}

.page-pageindex section.manage-content .detailed-info .row .span6 .box-item .customer-quote .quote-text,
.page-pageindex section.tailor-experiences .detailed-info .row .span6 .box-item .customer-quote .quote-text,
.page-pageindex section.generate-leads .detailed-info .row .span6 .box-item .customer-quote .quote-text,
.page-pageindex section.measure-performance .detailed-info .row .span6 .box-item .customer-quote .quote-text {
    width: 80%;
    margin: 0 0 0 10px
}

.page-pageindex section.manage-content .detailed-info .row .span6 .box-item .customer-quote .quote-text p,
.page-pageindex section.tailor-experiences .detailed-info .row .span6 .box-item .customer-quote .quote-text p,
.page-pageindex section.generate-leads .detailed-info .row .span6 .box-item .customer-quote .quote-text p,
.page-pageindex section.measure-performance .detailed-info .row .span6 .box-item .customer-quote .quote-text p {
    width: 85%;
    margin-bottom: 2px;
    font-size: 14px;
    font-style: italic;
    color: #666
}

.page-pageindex section.manage-content .detailed-info .row .span6 .box-item.tailor-experiences,
.page-pageindex section.tailor-experiences .detailed-info .row .span6 .box-item.tailor-experiences,
.page-pageindex section.generate-leads .detailed-info .row .span6 .box-item.tailor-experiences,
.page-pageindex section.measure-performance .detailed-info .row .span6 .box-item.tailor-experiences {
    margin: 0 0 0 110px
}

.page-pageindex section.manage-content .detailed-info .row .span6 .box-item.measure-performance,
.page-pageindex section.tailor-experiences .detailed-info .row .span6 .box-item.measure-performance,
.page-pageindex section.generate-leads .detailed-info .row .span6 .box-item.measure-performance,
.page-pageindex section.measure-performance .detailed-info .row .span6 .box-item.measure-performance {
    margin: 0 0 80px 120px
}

.page-pageindex section.manage-content {
    background-color: #fff;
    height: 516px
}

.page-pageindex section.tailor-experiences {
    background-color: #f6fafd
}

.page-pageindex section.generate-leads {
    background-color: #fff
}

.page-pageindex section.measure-performance {
    background: transparent url("../../img/index/bg-measure-performance.jpg") no-repeat center;
    background-size: cover
}

.page-pageindex section.measure-performance .detailed-info {
    padding: 40px 0 0 0
}

.page-pageindex section.measure-performance .detailed-info .row {
    padding: 50px 0 0
}

.page-pageindex section.measure-performance .detailed-info .row .span6 .box-item h3 {
    margin: 0 0 30px 20px;
    font-family: "Montserrat", sans-serif;
    font-weight: 400
}

.page-pageindex section.measure-performance .detailed-info .row .span6 .box-item p {
    width: 75%;
    text-align: left
}

.page-pageindex section.measure-performance .detailed-info .row .span6 .box-item p.explained {
    margin: 0 0 0 20px
}

.page-pageindex section.measure-performance .detailed-info .row .span6 .box-item .item-dash {
    margin: 50px 0 10px
}

.page-pageindex section.measure-performance .detailed-info .row .span6 .box-item .customer-quote {
    *zoom: 1;
    margin: 0 0 0 20px
}

.page-pageindex section.measure-performance .detailed-info .row .span6 .box-item .customer-quote:before,
.page-pageindex section.measure-performance .detailed-info .row .span6 .box-item .customer-quote:after {
    display: table;
    content: "";
    line-height: 0
}

.page-pageindex section.measure-performance .detailed-info .row .span6 .box-item .customer-quote:after {
    clear: both
}

.page-pageindex section.measure-performance .detailed-info .row .span6 .box-item .customer-quote .quote-text {
    width: 80%;
    margin: 0 0 0 10px
}

.page-pageindex section.measure-performance .detailed-info .row .span6 .box-item .customer-quote .quote-text p {
    width: 85%;
    margin-bottom: 2px;
    font-size: 14px;
    font-style: italic;
    color: #666
}

.page-pageindex section.booker-cs {
    height: 540px;
    background: transparent url("../../img/index/bg-case-study.jpg") no-repeat center;
    background-size: cover;
    overflow: hidden
}

.page-pageindex section.booker-cs .booker-details {
    margin: 100px 0 0 150px
}

.page-pageindex section.booker-cs .booker-details p {
    font-size: 22px;
    font-family: "Montserrat", sans-serif;
    color: #fff
}

.page-pageindex section.booker-cs .booker-details p.booker-note {
    width: 650px;
    line-height: 32px;
    font-weight: 400
}

.page-pageindex section.booker-cs .booker-details .item-dash-white {
    display: block;
    position: relative;
    left: -15px;
    margin: 10px 0
}

.page-pageindex section.booker-cs .booker-details .btns {
    margin: 60px 0 0 0
}

.page-pageindex section.booker-cs .booker-details .btns .btn {
    width: 200px;
    margin: 0 25px 0 0;
    padding: 15px 0;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    border-bottom: 4px solid #34b0e7;
    background-color: #4bb9ea;
    font-weight: 700;
    font-size: 17px;
    text-shadow: none
}

.page-pageindex section.booker-cs .booker-details .btns .btn.btn-white {
    background-color: transparent;
    border: 2px solid #fff
}

.page-pageindex section.booker-cs .booker-details .btns .btn.btn-white:hover {
    background-color: transparent
}

.page-pageindex section.booker-cs .booker-details .btns .btn:hover {
    background-color: #34b0e7
}

.page-pageindex section.content-machine {
    box-shadow: 0 1px 15px rgba(0, 0, 0, 0.05)
}

.page-pageindex section.content-machine h2 {
    margin: 80px 0 50px;
    color: #333;
    font-weight: 400;
    text-align: center;
    font-family: "Montserrat", sans-serif;
    font-size: 28px
}

.page-pageindex section.content-machine p {
    width: 600px;
    margin: 0 auto;
    text-align: center
}

.page-pageindex section.content-machine a {
    display: block;
    margin: 15px 0;
    text-align: center
}

.page-pageindex section.content-machine .img-connect-machine {
    width: 856px;
    height: 261px;
    margin: 60px auto 80px;
    background: transparent url("../../img/index/connect.png") no-repeat center
}

.page-pageindex section.demo-request {
    padding: 40px 0 20px 0
}

.page-pageindex section.demo-request p {
    text-align: center;
    font-size: 22px;
    font-family: "Montserrat", sans-serif
}

.page-pageindex section.demo-request .btn {
    display: block;
    margin: 30px auto;
    padding: 10px 30px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border-bottom: 4px solid #b5004d;
    font-weight: 700;
    font-size: 16px;
    text-shadow: none
}

.lt-ie9 .page-pageindex .container {
    width: 1200px !important
}

.lt-ie9 .page-pageindex .row .span4 {
    width: 30%
}

.lt-ie9 .page-pageindex .row .span6 {
    width: 47%
}

@media (min-width:1200px) {
    .page-pageindex section.measure-performance .detailed-info .row .span6 .item-example4 {
        position: relative;
        top: 0;
        left: 10px;
        width: 543px;
        height: 275px;
        background-size: 100%;
        background: transparent url("../../img/index/measure-performance.png") no-repeat
    }
}

@media (min-width:1010px) and (max-width:1199px) {
    .page-pageindex section.intro {
        background-size: cover
    }
    .page-pageindex section.intro>.container .img-header {
        left: -50px
    }
    .page-pageindex section.intro>.container .img-header .integrates {
        top: -13px;
        right: 79px
    }
    .page-pageindex section.intro>.container .img-header .integrates .integration-list {
        display: none
    }
    .page-pageindex section.intro>.container .img-header .list-pointer {
        top: 30px;
        right: 105px
    }
    .page-pageindex section.intro>.container .img-header .list-pointer .item-pointer {
        width: 70px;
        height: 100px;
        background-position: -310px -67px
    }
    .page-pageindex section.intro>.container .img-header .hero-img-ipad {
        top: 196px
    }
    .page-pageindex section.intro>.container .img-header .hero-img {
        top: 62px
    }
    .page-pageindex section.intro .intro-details h1 {
        font-size: 45px;
        line-height: 60px
    }
    .page-pageindex section.intro .intro-details p {
        margin: 30px auto 60px;
        font-size: 18px;
        line-height: 25px
    }
    .page-pageindex section.intro .intro-details .btns {
        margin: 40px auto 0 auto
    }
    .page-pageindex section.intro .intro-details .btns button.btn {
        margin-top: -5px
    }
    .page-pageindex section.manage-content .detailed-info .row .span6 .item-example4,
    .page-pageindex section.tailor-experiences .detailed-info .row .span6 .item-example4,
    .page-pageindex section.generate-leads .detailed-info .row .span6 .item-example4,
    .page-pageindex section.measure-performance .detailed-info .row .span6 .item-example4 {
        top: -34px;
        left: 125px;
        width: 274px;
        height: 434px;
        background: transparent url("../../img/index/measure-performance-tablet-mobile.png") no-repeat
    }
    .page-pageindex section.manage-content .detailed-info .row .span6.tailor-left .item-example2,
    .page-pageindex section.tailor-experiences .detailed-info .row .span6.tailor-left .item-example2,
    .page-pageindex section.generate-leads .detailed-info .row .span6.tailor-left .item-example2,
    .page-pageindex section.measure-performance .detailed-info .row .span6.tailor-left .item-example2 {
        left: -240px
    }
    .page-pageindex section.manage-content .detailed-info .row .span6.gen-lead-right .item-example3,
    .page-pageindex section.tailor-experiences .detailed-info .row .span6.gen-lead-right .item-example3,
    .page-pageindex section.generate-leads .detailed-info .row .span6.gen-lead-right .item-example3,
    .page-pageindex section.measure-performance .detailed-info .row .span6.gen-lead-right .item-example3 {
        left: 0
    }
    .page-pageindex section.measure-performance .detailed-info .row {
        padding: 0
    }
    .page-pageindex section.at-a-glance .desc-boxes .desc-box {
        width: 490px
    }
    .page-pageindex section.at-a-glance .desc-boxes .desc-box .desc-box-content {
        width: 420px
    }
    .page-pageindex section.at-a-glance .btns {
        position: initial;
        width: 490px;
        margin: 60px 0 0 255px
    }
    .page-pageindex section.at-a-glance .btns .watch-video {
        display: block;
        margin: 30px 0 0 0
    }
    .page-pageindex section.at-a-glance .btns .watch-video:after {
        position: absolute;
        top: 5px;
        left: auto;
        right: 160px;
        bottom: auto;
        content: ""
    }
    .page-pageindex section.at-a-glance .integrations {
        width: 400px
    }
}

@media (min-width:768px) and (max-width:1009px) {
    .navbar .nav>li>a {
        font-size: 11px
    }
    .page-pageindex section.intro>.container .img-header {
        left: -180px
    }
    .page-pageindex section.intro>.container .img-header .hero-img {
        left: 208px
    }
    .page-pageindex section.intro>.container .img-header .hero-img .item-playbtn {
        left: 290px;
        top: 140px
    }
    .page-pageindex section.intro>.container .img-header .hero-img-ipad {
        left: 156px
    }
    .page-pageindex section.intro>.container .img-header .integrates {
        top: -13px;
        right: -186px
    }
    .page-pageindex section.intro>.container .img-header .integrates .integration-list {
        display: none
    }
    .page-pageindex section.intro>.container .img-header .list-pointer {
        top: 30px;
        right: -160px
    }
    .page-pageindex section.intro>.container .img-header .list-pointer .item-pointer {
        width: 70px;
        height: 100px;
        background-position: -310px -67px
    }
    .page-pageindex section.intro .intro-details h1 {
        font-size: 45px
    }
    .page-pageindex section.intro .intro-details p {
        margin: 35px auto 0
    }
    .page-pageindex section.manage-content .container,
    .page-pageindex section.tailor-experiences .container,
    .page-pageindex section.generate-leads .container,
    .page-pageindex section.measure-performance .container {
        width: 100%
    }
    .page-pageindex section.manage-content .detailed-info .row .span6,
    .page-pageindex section.tailor-experiences .detailed-info .row .span6,
    .page-pageindex section.generate-leads .detailed-info .row .span6,
    .page-pageindex section.measure-performance .detailed-info .row .span6 {
        width: 45%
    }
    .page-pageindex section.manage-content .detailed-info .row .span6 .item-example4,
    .page-pageindex section.tailor-experiences .detailed-info .row .span6 .item-example4,
    .page-pageindex section.generate-leads .detailed-info .row .span6 .item-example4,
    .page-pageindex section.measure-performance .detailed-info .row .span6 .item-example4 {
        top: -34px;
        left: 125px;
        width: 274px;
        height: 434px;
        background: transparent url("../../img/index/measure-performance-tablet-mobile.png") no-repeat
    }
    .page-pageindex section.manage-content .detailed-info .row .span6.manage-content-left,
    .page-pageindex section.tailor-experiences .detailed-info .row .span6.manage-content-left,
    .page-pageindex section.generate-leads .detailed-info .row .span6.manage-content-left,
    .page-pageindex section.measure-performance .detailed-info .row .span6.manage-content-left {
        margin-left: 50px;
        width: 60%
    }
    .page-pageindex section.manage-content .detailed-info .row .span6.manage-content-left .box-item .customer-quote,
    .page-pageindex section.tailor-experiences .detailed-info .row .span6.manage-content-left .box-item .customer-quote,
    .page-pageindex section.generate-leads .detailed-info .row .span6.manage-content-left .box-item .customer-quote,
    .page-pageindex section.measure-performance .detailed-info .row .span6.manage-content-left .box-item .customer-quote {
        width: 80%
    }
    .page-pageindex section.manage-content .detailed-info .row .span6.manage-content-right,
    .page-pageindex section.tailor-experiences .detailed-info .row .span6.manage-content-right,
    .page-pageindex section.generate-leads .detailed-info .row .span6.manage-content-right,
    .page-pageindex section.measure-performance .detailed-info .row .span6.manage-content-right {
        width: 30%
    }
    .page-pageindex section.manage-content .detailed-info .row .span6.manage-content-right .item-example1,
    .page-pageindex section.tailor-experiences .detailed-info .row .span6.manage-content-right .item-example1,
    .page-pageindex section.generate-leads .detailed-info .row .span6.manage-content-right .item-example1,
    .page-pageindex section.measure-performance .detailed-info .row .span6.manage-content-right .item-example1 {
        left: -155px
    }
    .page-pageindex section.manage-content .detailed-info .row .span6.tailor-left .item-example2,
    .page-pageindex section.tailor-experiences .detailed-info .row .span6.tailor-left .item-example2,
    .page-pageindex section.generate-leads .detailed-info .row .span6.tailor-left .item-example2,
    .page-pageindex section.measure-performance .detailed-info .row .span6.tailor-left .item-example2 {
        left: -350px
    }
    .page-pageindex section.manage-content .detailed-info .row .span6.tailor-right .box-item,
    .page-pageindex section.tailor-experiences .detailed-info .row .span6.tailor-right .box-item,
    .page-pageindex section.generate-leads .detailed-info .row .span6.tailor-right .box-item,
    .page-pageindex section.measure-performance .detailed-info .row .span6.tailor-right .box-item {
        margin: 0 0 0 45px
    }
    .page-pageindex section.manage-content .detailed-info .row .span6.tailor-right .box-item .customer-quote .quote-text,
    .page-pageindex section.tailor-experiences .detailed-info .row .span6.tailor-right .box-item .customer-quote .quote-text,
    .page-pageindex section.generate-leads .detailed-info .row .span6.tailor-right .box-item .customer-quote .quote-text,
    .page-pageindex section.measure-performance .detailed-info .row .span6.tailor-right .box-item .customer-quote .quote-text {
        width: 75%
    }
    .page-pageindex section.manage-content .detailed-info .row .span6.tailor-right .box-item .customer-quote .quote-text p,
    .page-pageindex section.tailor-experiences .detailed-info .row .span6.tailor-right .box-item .customer-quote .quote-text p,
    .page-pageindex section.generate-leads .detailed-info .row .span6.tailor-right .box-item .customer-quote .quote-text p,
    .page-pageindex section.measure-performance .detailed-info .row .span6.tailor-right .box-item .customer-quote .quote-text p {
        width: 100%
    }
    .page-pageindex section.manage-content .detailed-info .row .span6.gen-lead-left,
    .page-pageindex section.tailor-experiences .detailed-info .row .span6.gen-lead-left,
    .page-pageindex section.generate-leads .detailed-info .row .span6.gen-lead-left,
    .page-pageindex section.measure-performance .detailed-info .row .span6.gen-lead-left {
        width: 60%;
        margin-left: 50px
    }
    .page-pageindex section.manage-content .detailed-info .row .span6.gen-lead-left .box-item .customer-quote .quote-text,
    .page-pageindex section.tailor-experiences .detailed-info .row .span6.gen-lead-left .box-item .customer-quote .quote-text,
    .page-pageindex section.generate-leads .detailed-info .row .span6.gen-lead-left .box-item .customer-quote .quote-text,
    .page-pageindex section.measure-performance .detailed-info .row .span6.gen-lead-left .box-item .customer-quote .quote-text {
        width: 79%
    }
    .page-pageindex section.manage-content .detailed-info .row .span6.gen-lead-right,
    .page-pageindex section.tailor-experiences .detailed-info .row .span6.gen-lead-right,
    .page-pageindex section.generate-leads .detailed-info .row .span6.gen-lead-right,
    .page-pageindex section.measure-performance .detailed-info .row .span6.gen-lead-right {
        width: 30%
    }
    .page-pageindex section.manage-content .detailed-info .row .span6.gen-lead-right .item-example3,
    .page-pageindex section.tailor-experiences .detailed-info .row .span6.gen-lead-right .item-example3,
    .page-pageindex section.generate-leads .detailed-info .row .span6.gen-lead-right .item-example3,
    .page-pageindex section.measure-performance .detailed-info .row .span6.gen-lead-right .item-example3 {
        top: 7px;
        left: 0
    }
    .page-pageindex section.manage-content .detailed-info .row .span6.measure-perf-left .item-example4,
    .page-pageindex section.tailor-experiences .detailed-info .row .span6.measure-perf-left .item-example4,
    .page-pageindex section.generate-leads .detailed-info .row .span6.measure-perf-left .item-example4,
    .page-pageindex section.measure-performance .detailed-info .row .span6.measure-perf-left .item-example4 {
        left: 75px
    }
    .page-pageindex section.manage-content .detailed-info .row .span6.measure-perf-right .box-item,
    .page-pageindex section.tailor-experiences .detailed-info .row .span6.measure-perf-right .box-item,
    .page-pageindex section.generate-leads .detailed-info .row .span6.measure-perf-right .box-item,
    .page-pageindex section.measure-performance .detailed-info .row .span6.measure-perf-right .box-item {
        margin: 0 0 80px 0
    }
    .page-pageindex section.manage-content .detailed-info .row .span6.measure-perf-right .box-item .customer-quote .quote-text,
    .page-pageindex section.tailor-experiences .detailed-info .row .span6.measure-perf-right .box-item .customer-quote .quote-text,
    .page-pageindex section.generate-leads .detailed-info .row .span6.measure-perf-right .box-item .customer-quote .quote-text,
    .page-pageindex section.measure-performance .detailed-info .row .span6.measure-perf-right .box-item .customer-quote .quote-text {
        width: 79%
    }
    .page-pageindex section.manage-content .detailed-info .row .span6.measure-perf-right .box-item .customer-quote .quote-text p,
    .page-pageindex section.tailor-experiences .detailed-info .row .span6.measure-perf-right .box-item .customer-quote .quote-text p,
    .page-pageindex section.generate-leads .detailed-info .row .span6.measure-perf-right .box-item .customer-quote .quote-text p,
    .page-pageindex section.measure-performance .detailed-info .row .span6.measure-perf-right .box-item .customer-quote .quote-text p {
        width: 100%
    }
    .page-pageindex section.company-examples .container {
        width: 100%
    }
    .page-pageindex section.company-examples p {
        margin: 0 0 0 30px
    }
    .page-pageindex section.company-examples .companies [class*=" comp-cust-logo-"].company {
        margin: 0
    }
    .page-pageindex section.at-a-glance {
        padding: 50px 0 0 0
    }
    .page-pageindex section.at-a-glance .row {
        width: auto;
        margin: 0
    }
    .page-pageindex section.at-a-glance .row .span6 {
        float: none;
        width: auto;
        margin-left: 0
    }
    .page-pageindex section.at-a-glance .row .span6:first-child {
        padding-top: 0
    }
    .page-pageindex section.at-a-glance .row .span6:last-child {
        text-align: center
    }
    .page-pageindex section.at-a-glance .row .btns {
        float: none;
        width: auto;
        margin: 120px 0 0 0
    }
    .page-pageindex section.at-a-glance .row .btns .watch-video {
        display: block;
        margin: 20px 0 0 0
    }
    .page-pageindex section.at-a-glance .row .btns .watch-video:after {
        position: absolute;
        top: 5px;
        left: auto;
        right: 275px;
        bottom: auto
    }
    .page-pageindex section.at-a-glance .desc-boxes .desc-box {
        width: 320px;
        margin: 0 20px;
        min-height: 200px
    }
    .page-pageindex section.at-a-glance .desc-boxes .desc-box .desc-box-content {
        width: 230px
    }
    .page-pageindex section.at-a-glance .integrations {
        width: 230px;
        margin: 0 auto
    }
    .page-pageindex section.at-a-glance .integrations>div {
        margin-right: 20px
    }
    .page-pageindex section.at-a-glance .integrations>div.mailchimp {
        margin-bottom: 15px
    }
    .page-pageindex section.at-a-glance .integrations>div:last-child {
        margin-right: 0
    }
    .page-pageindex section.at-a-glance .future-img {
        margin: 30px auto 0 auto
    }
    .page-pageindex section.booker-cs .booker-details {
        margin: 100px 0 0 50px
    }
    .page-pageindex section.content-machine .img-connect-machine {
        width: 100%;
        background-size: 100%
    }
}

@media (max-width:767px) {
    .modal {
        width: 95% !important;
        height: 460px !important;
        margin: 0 !important;
        top: 20px !important
    }
    .modal .modal-body {
        max-height: 420px !important
    }
    .modal .modal-body .modal-content-header {
        font-size: 28px
    }
    .page-pageindex section.intro {
        height: 540px;
        background: transparent url("../../img/index/heros-tablet-light.jpg") no-repeat
    }
    .page-pageindex section.intro>.container .img-header {
        margin: 0 auto;
        width: 95%
    }
    .page-pageindex section.intro>.container .img-header .hero-img {
        position: initial;
        width: 408px;
        height: 224px;
        margin: 62px auto 0;
        background-size: contain
    }
    .page-pageindex section.intro>.container .img-header .hero-img .item-playbtn {
        position: relative;
        top: 80px;
        left: 160px
    }
    .page-pageindex section.intro>.container .img-header .hero-img-ipad,
    .page-pageindex section.intro>.container .img-header .integrates,
    .page-pageindex section.intro>.container .img-header .list-pointer {
        display: none
    }
    .page-pageindex section.intro .intro-details {
        margin: 30px 0 0
    }
    .page-pageindex section.intro .intro-details h1 {
        margin: 0 auto;
        font-size: 30px
    }
    .page-pageindex section.intro .intro-details p {
        width: 70%;
        margin: 0 auto;
        font-size: 16px;
        line-height: 30px
    }
    .page-pageindex section.intro .intro-details .btns {
        margin: 40px auto 0 auto
    }
    .page-pageindex section.manage-content,
    .page-pageindex section.tailor-experiences,
    .page-pageindex section.generate-leads,
    .page-pageindex section.measure-performance {
        height: auto
    }
    .page-pageindex section.manage-content .detailed-info .row,
    .page-pageindex section.tailor-experiences .detailed-info .row,
    .page-pageindex section.generate-leads .detailed-info .row,
    .page-pageindex section.measure-performance .detailed-info .row {
        padding: 0
    }
    .page-pageindex section.manage-content .detailed-info .row .span6 .box-item h3,
    .page-pageindex section.tailor-experiences .detailed-info .row .span6 .box-item h3,
    .page-pageindex section.generate-leads .detailed-info .row .span6 .box-item h3,
    .page-pageindex section.measure-performance .detailed-info .row .span6 .box-item h3 {
        margin: 0 auto 40px;
        text-align: center
    }
    .page-pageindex section.manage-content .detailed-info .row .span6 .box-item p.explained,
    .page-pageindex section.tailor-experiences .detailed-info .row .span6 .box-item p.explained,
    .page-pageindex section.generate-leads .detailed-info .row .span6 .box-item p.explained,
    .page-pageindex section.measure-performance .detailed-info .row .span6 .box-item p.explained {
        margin: 0 auto
    }
    .page-pageindex section.manage-content .detailed-info .row .span6 .box-item .customer-quote,
    .page-pageindex section.tailor-experiences .detailed-info .row .span6 .box-item .customer-quote,
    .page-pageindex section.generate-leads .detailed-info .row .span6 .box-item .customer-quote,
    .page-pageindex section.measure-performance .detailed-info .row .span6 .box-item .customer-quote {
        margin: 0 0 0 60px
    }
    .page-pageindex section.manage-content .detailed-info .row .span6 .box-item .customer-quote .quote-text p,
    .page-pageindex section.tailor-experiences .detailed-info .row .span6 .box-item .customer-quote .quote-text p,
    .page-pageindex section.generate-leads .detailed-info .row .span6 .box-item .customer-quote .quote-text p,
    .page-pageindex section.measure-performance .detailed-info .row .span6 .box-item .customer-quote .quote-text p {
        width: 90%
    }
    .page-pageindex section.manage-content .detailed-info .row .span6 .box-item .item-dash,
    .page-pageindex section.tailor-experiences .detailed-info .row .span6 .box-item .item-dash,
    .page-pageindex section.generate-leads .detailed-info .row .span6 .box-item .item-dash,
    .page-pageindex section.measure-performance .detailed-info .row .span6 .box-item .item-dash {
        margin: 10px 0
    }
    .page-pageindex section.manage-content .detailed-info .row .span6 .box-item.tailor-experiences,
    .page-pageindex section.tailor-experiences .detailed-info .row .span6 .box-item.tailor-experiences,
    .page-pageindex section.generate-leads .detailed-info .row .span6 .box-item.tailor-experiences,
    .page-pageindex section.measure-performance .detailed-info .row .span6 .box-item.tailor-experiences {
        margin: 40px auto 0
    }
    .page-pageindex section.manage-content .detailed-info .row .span6.manage-content-right .item-example1,
    .page-pageindex section.tailor-experiences .detailed-info .row .span6.manage-content-right .item-example1,
    .page-pageindex section.generate-leads .detailed-info .row .span6.manage-content-right .item-example1,
    .page-pageindex section.measure-performance .detailed-info .row .span6.manage-content-right .item-example1 {
        top: 19px;
        left: -2px
    }
    .page-pageindex section.manage-content .detailed-info .row .span6.tailor-left,
    .page-pageindex section.tailor-experiences .detailed-info .row .span6.tailor-left,
    .page-pageindex section.generate-leads .detailed-info .row .span6.tailor-left,
    .page-pageindex section.measure-performance .detailed-info .row .span6.tailor-left {
        margin: 40px 0 0 0
    }
    .page-pageindex section.manage-content .detailed-info .row .span6.tailor-left .item-example2,
    .page-pageindex section.tailor-experiences .detailed-info .row .span6.tailor-left .item-example2,
    .page-pageindex section.generate-leads .detailed-info .row .span6.tailor-left .item-example2,
    .page-pageindex section.measure-performance .detailed-info .row .span6.tailor-left .item-example2 {
        left: -258px
    }
    .page-pageindex section.manage-content .detailed-info .row .span6.gen-lead-right .item-example3,
    .page-pageindex section.tailor-experiences .detailed-info .row .span6.gen-lead-right .item-example3,
    .page-pageindex section.generate-leads .detailed-info .row .span6.gen-lead-right .item-example3,
    .page-pageindex section.measure-performance .detailed-info .row .span6.gen-lead-right .item-example3 {
        left: 3px
    }
    .page-pageindex section.manage-content .detailed-info .row .span6.gen-lead-left,
    .page-pageindex section.tailor-experiences .detailed-info .row .span6.gen-lead-left,
    .page-pageindex section.generate-leads .detailed-info .row .span6.gen-lead-left,
    .page-pageindex section.measure-performance .detailed-info .row .span6.gen-lead-left {
        margin: 0 0 40px 0
    }
    .page-pageindex section.manage-content .detailed-info .row .span6.measure-perf-left .item-example4,
    .page-pageindex section.tailor-experiences .detailed-info .row .span6.measure-perf-left .item-example4,
    .page-pageindex section.generate-leads .detailed-info .row .span6.measure-perf-left .item-example4,
    .page-pageindex section.measure-performance .detailed-info .row .span6.measure-perf-left .item-example4 {
        position: initial;
        display: block;
        margin: 0 auto 30px;
        width: 274px;
        height: 434px;
        background: transparent url("../../img/index/measure-performance-tablet-mobile.png") no-repeat -9px 0
    }
    .page-pageindex section.manage-content .detailed-info .row .span6.measure-perf-right .box-item,
    .page-pageindex section.tailor-experiences .detailed-info .row .span6.measure-perf-right .box-item,
    .page-pageindex section.generate-leads .detailed-info .row .span6.measure-perf-right .box-item,
    .page-pageindex section.measure-performance .detailed-info .row .span6.measure-perf-right .box-item {
        margin: 0 0 80px 0
    }
    .page-pageindex section.company-examples .companies {
        width: 500px;
        height: auto;
        margin: 20px auto;
        padding: 0
    }
    .page-pageindex section.company-examples .companies [class*=" comp-cust-logo-"].company {
        margin: 10px
    }
    .page-pageindex section.at-a-glance {
        padding: 30px 0 0 0
    }
    .page-pageindex section.at-a-glance p.note {
        width: 90%
    }
    .page-pageindex section.booker-cs {
        background: transparent url("../../img/index/bg-case-study-tablet.jpg") no-repeat center
    }
    .page-pageindex section.booker-cs .booker-details {
        margin: 100px 0 0 40px
    }
    .page-pageindex section.booker-cs .booker-details p.booker-note {
        width: 90%
    }
    .page-pageindex section.booker-cs .booker-details .btns .btn {
        margin: 0 15px 0 0
    }
    .page-pageindex section.content-machine p {
        width: 95%
    }
    .page-pageindex section.content-machine .img-connect-machine {
        width: 208px;
        height: 768px;
        margin: 0 auto 30px;
        background: transparent url("../../img/index/connect-mobile.png") no-repeat center
    }
}

@media (max-width:480px) {
    .page-pageindex section.intro {
        height: 600px;
        background-image: url("../../img/index/heros-mobile-light.jpg");
        background-size: cover
    }
    .page-pageindex section.intro .intro-details {
        margin-top: 30px
    }
    .page-pageindex section.intro .intro-details h1 {
        width: 95%;
        margin: 10px auto 0 auto;
        font-size: 32px;
        line-height: 42px
    }
    .page-pageindex section.intro .intro-details p {
        width: 80%;
        margin: 30px auto 0;
        line-height: 25px;
        text-align: center;
        font-weight: 400;
        font-size: 16px
    }
    .page-pageindex section.intro .intro-details .btns {
        margin: 60px auto 0
    }
    .page-pageindex section.intro>.container .img-header .hero-img {
        width: auto;
        margin: 71px auto 0;
        background-repeat: no-repeat
    }
    .page-pageindex section.intro>.container .img-header .hero-img .item-playbtn {
        top: 30%;
        left: 40%
    }
    .page-pageindex section.booker-cs .booker-details {
        margin: 40px 0 0 40px
    }
    .page-pageindex section.booker-cs .booker-details .btns .btn {
        display: block;
        margin: 20px 0
    }
    .page-pageindex section.manage-content .detailed-info .row .span6 .box-item .customer-quote,
    .page-pageindex section.tailor-experiences .detailed-info .row .span6 .box-item .customer-quote,
    .page-pageindex section.generate-leads .detailed-info .row .span6 .box-item .customer-quote,
    .page-pageindex section.measure-performance .detailed-info .row .span6 .box-item .customer-quote {
        margin: 0 0 0 30px
    }
    .page-pageindex section.manage-content .detailed-info .row .span6 .box-item.measure-performance,
    .page-pageindex section.tailor-experiences .detailed-info .row .span6 .box-item.measure-performance,
    .page-pageindex section.generate-leads .detailed-info .row .span6 .box-item.measure-performance,
    .page-pageindex section.measure-performance .detailed-info .row .span6 .box-item.measure-performance {
        margin: 0 0 30px 0
    }
    .page-pageindex section.manage-content .detailed-info .row .span6.tailor-left .item-example2,
    .page-pageindex section.tailor-experiences .detailed-info .row .span6.tailor-left .item-example2,
    .page-pageindex section.generate-leads .detailed-info .row .span6.tailor-left .item-example2,
    .page-pageindex section.measure-performance .detailed-info .row .span6.tailor-left .item-example2 {
        left: -378px
    }
    .page-pageindex section.tailor-experiences .detailed-info {
        padding: 0
    }
    .page-pageindex section.at-a-glance {
        padding: 0
    }
    .page-pageindex section.at-a-glance .features {
        width: 75%;
        margin: 40px auto 0
    }
    .page-pageindex section.company-examples p {
        margin: 10px 0 0 10px;
        font-size: 12px
    }
    .page-pageindex section.company-examples .companies {
        width: 300px;
        margin: 0 auto 20px;
        padding: 0
    }
    .page-pageindex section.company-examples .companies [class^="comp-cust-logo-"],
    .page-pageindex section.company-examples .companies [class*=" comp-cust-logo-"] {
        background-size: 360px 78px
    }
    .page-pageindex section.company-examples .companies [class^="comp-cust-logo-"].company,
    .page-pageindex section.company-examples .companies [class*=" comp-cust-logo-"].company {
        margin: 10px 5px
    }
    .page-pageindex section.company-examples .companies .comp-cust-logo-dyn {
        width: 68px;
        height: 28px
    }
    .page-pageindex section.company-examples .companies .comp-cust-logo-schneider {
        width: 81px;
        height: 30px;
        background-position: -71px 3px
    }
    .page-pageindex section.company-examples .companies .comp-cust-logo-syspro {
        top: -15px;
        width: 114px;
        height: 45px;
        background-position: -66px -29px
    }
    .page-pageindex section.company-examples .companies .comp-cust-logo-adroll {
        width: 93px;
        height: 27px;
        background-position: -264px 1px
    }
    .page-pageindex section.company-examples .companies .comp-cust-logo-oracle {
        top: 5px;
        width: 101px;
        height: 19px;
        background-position: -184px -35px
    }
    .page-pageindex section.company-examples .companies .comp-cust-logo-sap {
        width: 64px;
        height: 32px;
        background-position: -289px -35px
    }
    .page-pageindex section.content-machine h2 {
        width: 80%;
        margin: 40px auto;
        line-height: 36px
    }
    .page-pageindex section.demo-request p {
        line-height: 32px
    }
}

@media (max-width:380px) {
    .page-pageindex section.intro>.container .img-header .hero-img .item-playbtn {
        top: 20%;
        left: 37%
    }
    .page-pageindex section.manage-content .detailed-info .row .span6 .box-item .customer-quote .quote-text,
    .page-pageindex section.tailor-experiences .detailed-info .row .span6 .box-item .customer-quote .quote-text,
    .page-pageindex section.generate-leads .detailed-info .row .span6 .box-item .customer-quote .quote-text,
    .page-pageindex section.measure-performance .detailed-info .row .span6 .box-item .customer-quote .quote-text {
        width: 75%
    }
    .page-pageindex section.manage-content .detailed-info .row .span6.tailor-left .item-example2,
    .page-pageindex section.tailor-experiences .detailed-info .row .span6.tailor-left .item-example2,
    .page-pageindex section.generate-leads .detailed-info .row .span6.tailor-left .item-example2,
    .page-pageindex section.measure-performance .detailed-info .row .span6.tailor-left .item-example2 {
        top: 9px;
        left: -441px
    }
    .page-pageindex section.manage-content .detailed-info .row .span6.gen-lead-right .item-example3,
    .page-pageindex section.tailor-experiences .detailed-info .row .span6.gen-lead-right .item-example3,
    .page-pageindex section.generate-leads .detailed-info .row .span6.gen-lead-right .item-example3,
    .page-pageindex section.measure-performance .detailed-info .row .span6.gen-lead-right .item-example3 {
        top: 9px
    }
    .page-pageindex section.content-machine h2 {
        width: 90%
    }
    .page-pageindex section.booker-cs .booker-details {
        margin: 10px 0 0 40px
    }
}

.page-product {
    background: #fff;
    color: #333
}

.page-product .bullet {
    width: 12px;
    height: 12px;
    display: inline-block;
    margin: 0 5px 0 -18px;
    background: transparent url("../../img/product/spritesheet-product.png") no-repeat -415px -170px
}

.page-product section.intro {
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 0;
    overflow: hidden
}

.page-product section.intro .intro-details {
    margin: 130px auto 0
}

.page-product section.intro .intro-details h1 {
    margin-bottom: 20px;
    color: #fff;
    line-height: 70px;
    font-weight: 400;
    font-size: 38px;
    text-align: center;
    font-family: "Montserrat", sans-serif
}

.page-product section.intro .intro-details p {
    margin: 0 40px;
    color: #fff;
    font-size: 20px;
    line-height: 33px;
    text-align: center
}

.page-product section.intro .intro-details .btns {
    margin: 60px auto 0;
    width: 90px;
    height: 90px;
    background: transparent url("../../img/product/spritesheet-product.png") no-repeat -12px -14px
}

.page-product section.intro .intro-details .btns a {
    width: 100%;
    height: 100%;
    display: block
}

.page-product section.intro .intro-details .vid {
    margin: 0 auto 40px;
    font-size: 12px
}

.page-product section.uberflip-content {
    line-height: 140px
}

.page-product section.uberflip-content h2 {
    margin: 70px 0 50px 0;
    color: #333;
    text-align: center;
    font-weight: 400;
    font-size: 28px;
    font-family: "Montserrat", sans-serif;
    line-height: 38px
}

.page-product section.uberflip-content .sub-heading {
    padding: 0 23%;
    margin-bottom: 40px;
    color: #555;
    text-align: center;
    font-size: 16px
}

.page-product section.isometric {
    height: 840px;
    margin-top: -30px;
    background: transparent url("../../img/product/isometric.jpg") no-repeat;
    background-size: cover
}

.page-product section.isometric p {
    margin: 0 auto;
    position: relative;
    color: #999;
    font-size: 16px;
    width: 350px
}

.page-product section.isometric p.power {
    left: 155px;
    top: 60px;
    height: 103px;
    background: transparent url("../../img/product/spritesheet-product.png") no-repeat -191px -253px
}

.page-product section.isometric p.power .icon {
    margin: 3px 15px 0 0;
    background: transparent url("../../img/product/spritesheet-product.png") no-repeat -125px -74px
}

.page-product section.isometric p.equip {
    right: 255px;
    top: 105px;
    height: 150px;
    background: transparent url("../../img/product/spritesheet-product.png") no-repeat -517px -252px
}

.page-product section.isometric p.equip .icon {
    background: transparent url("../../img/product/spritesheet-product.png") no-repeat -116px -17px;
    margin: 3px 11px 0 0
}

.page-product section.isometric p .icon {
    width: 60px;
    height: 40px;
    display: block;
    float: left
}

.page-product section.in-action {
    height: 450px;
    background: transparent url("../../img/product/cta-bg-desktop.jpg") no-repeat center bottom;
    background-size: cover
}

.page-product section.in-action .container h1 {
    margin: 150px 0 0 0;
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-size: 36px;
    text-align: center;
    font-weight: 400
}

.page-product section.in-action .container button.btn {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 12px 30px;
    margin: 20px auto;
    display: block;
    border-bottom: 3px solid #8f0529;
    font-weight: 700;
    font-size: 17px;
    text-shadow: none
}

.page-product section.ctas {
    margin-bottom: 50px
}

.page-product section.ctas .container h1 {
    margin: 60px 0 0 0;
    color: #333;
    font-size: 28px;
    text-align: center;
    font-family: "Montserrat", sans-serif;
    font-weight: 300
}

.page-product section.ctas .container h1 .uberpink {
    color: #ce0058
}

.page-product section.ctas .container .intro {
    margin: 30px auto 60px;
    width: 700px;
    font-size: 18px;
    text-align: center;
    line-height: 27px
}

.page-product section.ctas .container .cols {
    width: 700px;
    margin: 0 auto
}

.page-product section.ctas .container .cols .col {
    width: 295px;
    text-align: center
}

.page-product section.ctas .container .cols .col img {
    margin-bottom: 20px
}

.page-product section.ctas .container .cols .col p {
    margin-left: 25px;
    color: #3e3e4a;
    text-align: left;
    font-size: 18px;
    line-height: 27px
}

.page-product section.ctas .container .cols .cta-link {
    float: left
}

.page-product section.ctas .container .cols .cta-overlay {
    float: right
}

.page-product section.monetate {
    background: transparent url("../../img/product/case-study-monetate-desktop.jpg") no-repeat center top;
    background-size: cover;
    height: 450px
}

.page-product section.monetate .arrow-down {
    width: 0;
    height: 0;
    margin: 0 auto;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #fff
}

.page-product section.monetate .container .monetate-details {
    margin: 0 10%
}

.page-product section.monetate .container .monetate-details .monetate-logo {
    width: 171px;
    height: 44px;
    margin: 50px 0 0 0;
    background: transparent url("../../img/product/spritesheet-product.png") no-repeat -216px -10px
}

.page-product section.monetate .container .monetate-details .divider {
    width: 56px;
    height: 1px;
    margin: 30px 0 0 -20px;
    background: transparent url("../../img/product/spritesheet-product.png") no-repeat -312px -208px
}

.page-product section.monetate .container .monetate-details p {
    margin: 20px 0 50px 0;
    color: #fff;
    font-size: 22px;
    line-height: 34px;
    font-family: "Montserrat", sans-serif
}

.page-product section.monetate .container .monetate-details .btn {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 20px auto;
    width: 200px;
    font-weight: 700;
    font-size: 17px;
    text-shadow: none;
    line-height: 24px;
    padding: 15px 0
}

.page-product section.monetate .container .monetate-details .btn.monetate {
    margin-left: 0;
    background: #00bdef;
    border-bottom: 3px solid #0186a7
}

.page-product section.monetate .container .monetate-details .btn.more {
    background: transparent;
    margin-left: 25px;
    border: 2px solid #fff
}

.page-product section.feature {
    padding: 80px 0;
    overflow: auto;
    background: #f5f9fc
}

.page-product section.feature:nth-child(even) {
    background: #fff
}

.page-product section.feature:nth-child(even) .pic {
    float: left
}

.page-product section.feature:nth-child(even) .desc {
    float: right
}

.page-product section.feature .desc {
    padding: 2%;
    width: 46%;
    float: left
}

.page-product section.feature .desc h1 {
    color: #333;
    font-size: 28px;
    line-height: 36px;
    font-weight: 400;
    font-family: "Montserrat", sans-serif
}

.page-product section.feature .desc p {
    line-height: 25px
}

.page-product section.feature .desc .divider {
    width: 45px;
    height: 1px;
    margin: 17px 0 20px -15px;
    background: transparent url("../../img/product/spritesheet-product.png") no-repeat -312px -200px
}

.page-product section.feature .pic {
    padding: 2%;
    width: 46%;
    float: right;
    text-align: center
}

.page-product section.feature.ecosystem ul {
    list-style-type: none
}

.page-product section.feature.flipbook .pic {
    margin-top: 20px
}

.page-product section.feature.ma .pic {
    margin-top: 50px
}

.page-product section.feature.ma .maps .top,
.page-product section.feature.ma .maps .bottom {
    display: inline-block;
    margin-top: 20px
}

.page-product section.feature.ma .maps .map {
    margin-right: 6px
}

.page-product section.feature.ma .maps .map:last-child {
    margin-right: 0
}

.page-product section.feature.ma .maps .map.hubspot {
    width: 76px;
    height: 25px;
    background: transparent url("../../img/product/spritesheet-product.png") no-repeat -306px -59px;
    display: inline-block
}

.page-product section.feature.ma .maps .map.marketo {
    width: 68px;
    height: 31px;
    background: transparent url("../../img/product/spritesheet-product.png") no-repeat -310px -95px;
    display: inline-block;
    margin-top: -10px
}

.page-product section.feature.ma .maps .map.eloqua {
    width: 66px;
    height: 26px;
    background: transparent url("../../img/product/spritesheet-product.png") no-repeat -311px -148px;
    display: inline-block;
    margin-top: 2px
}

.page-product section.feature.ma .maps .map.pardot {
    width: 68px;
    height: 26px;
    background: transparent url("../../img/product/spritesheet-product.png") no-repeat -412px -25px;
    display: inline-block
}

.page-product section.feature.ma .maps .map.acton {
    width: 64px;
    height: 22px;
    background: transparent url("../../img/product/spritesheet-product.png") no-repeat -415px -77px;
    display: inline-block
}

.page-product section.feature.ma .maps .map.mailchimp {
    width: 75px;
    height: 20px;
    background: transparent url("../../img/product/spritesheet-product.png") no-repeat -412px -124px;
    display: inline-block;
    margin-top: 5px
}

.page-product section.testimonials {
    background: #f5f9fc
}

.page-product section.testimonials .container h1 {
    margin: 50px 0;
    color: #333;
    font-size: 28px;
    font-weight: 400;
    text-align: center;
    font-family: "Montserrat", sans-serif
}

.page-product section.testimonials .container .list {
    width: 1000px;
    overflow: auto;
    margin: 0 auto 80px
}

.page-product section.testimonials .container .list .testimonial {
    width: 266px;
    height: 280px;
    background: #fff;
    padding: 30px 25px;
    float: left;
    margin-right: 20px;
    position: relative;
    font-style: italic;
    border: 2px solid #eee
}

.page-product section.testimonials .container .list .testimonial:last-child {
    margin-right: 0
}

.page-product section.testimonials .container .list .testimonial .quote {
    margin-bottom: 25px;
    width: 25px;
    height: 20px;
    background: #fff url("../../img/product/spritesheet-product.png") no-repeat -217px -82px
}

.page-product section.testimonials .container .list .testimonial .customer {
    position: absolute;
    bottom: 30px;
    left: 25px;
    width: 250px
}

.page-product section.testimonials .container .list .testimonial .customer p {
    margin-top: 10px;
    font-size: 15px
}

.page-product section.testimonials .container .list .testimonial .customer .pic {
    float: left;
    margin-right: 7px;
    width: 77px;
    height: 77px
}

.page-product section.testimonials .container .list .testimonial .customer .pic.neil {
    background: #fff url("../../img/product/spritesheet-product.png") no-repeat -15px -139px
}

.page-product section.testimonials .container .list .testimonial .customer .pic.christopher {
    background: #fff url("../../img/product/spritesheet-product.png") no-repeat -103px -139px
}

.page-product section.testimonials .container .list .testimonial .customer .pic.dan {
    background: #fff url("../../img/product/spritesheet-product.png") no-repeat -192px -139px
}

.page-product section.demo-request {
    padding: 75px 0;
    height: 110px
}

.page-product section.demo-request p {
    text-align: center;
    font-size: 22px;
    font-family: "Montserrat", sans-serif
}

.page-product section.demo-request .btn {
    display: block;
    margin: 30px auto;
    padding: 10px 30px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border-bottom: 4px solid #b5004d;
    font-weight: 700;
    font-size: 16px;
    text-shadow: none
}

.lt-ie9 .page-product section.intro {
    height: 540px;
    background-image: url("../../img/pagebg_product.jpg")
}

@media (min-width:1800px) {
    .page-product section.isometric {
        background-position: 525px center
    }
}

@media (min-width:1600px) and (max-width:1799px) {
    .page-product section.isometric {
        background-position: 455px center
    }
}

@media (min-width:1400px) and (max-width:1599px) {
    .page-product section.isometric {
        background-position: 365px center
    }
}

@media (min-width:1200px) and (max-width:1399px) {
    .page-product section.isometric {
        background-position: 275px center
    }
}

@media (min-width:1200px) {
    .page-product section.intro {
        height: 540px;
        background-image: url("../../img/product/pagebg_product.jpg")
    }
}

@media (min-width:1010px) and (max-width:1199px) {
    .page-product section.intro {
        background-image: url("../../img/product/pagebg_product.jpg")
    }
    .page-product section.intro .intro-details {
        margin-top: 60px
    }
    .page-product section.intro .intro-details p {
        font-size: 18px
    }
    .page-product section.isometric {
        background-position: 150px center
    }
}

@media (max-width:1009px) {
    .page-product section.feature {
        padding: 30px 5%
    }
    .page-product section.feature .container .pic {
        width: auto;
        float: none
    }
    .page-product section.feature .container .desc {
        width: auto;
        float: none;
        margin-top: 30px
    }
    .page-product section.feature.flipbook .pic,
    .page-product section.feature.ma .pic {
        margin-top: 0
    }
    .page-product section.testimonials .container h1 {
        margin: 40px 3%;
        line-height: 37px
    }
    .page-product section.testimonials .container .list {
        width: auto;
        margin: 0 auto 40px
    }
    .page-product section.testimonials .container .list .testimonial:nth-child(1n) {
        float: none;
        width: auto;
        height: auto;
        margin: 0 10px 20px;
        overflow: auto
    }
    .page-product section.testimonials .container .list .testimonial:nth-child(1n) .customer {
        position: static;
        margin-top: 20px
    }
}

@media (min-width:768px) and (max-width:1009px) {
    .page-product section.intro {
        background-image: url("../../img/product/pagebg_product_tablet.jpg")
    }
    .page-product section.intro .intro-details {
        margin-top: 60px
    }
    .page-product section.intro .intro-details p {
        font-size: 18px
    }
    .page-product section.isometric {
        background-position: 100px center
    }
    .page-product section.isometric p.equip {
        right: 190px
    }
    .page-product section.uberflip-content h2 {
        margin: 40px 0 30px 0
    }
    .page-product section.uberflip-content .sub-heading {
        padding: 0 7%
    }
}

@media (max-width:767px) {
    .page-product section.intro {
        background-image: url("../../img/product/pagebg_product_tablet.jpg")
    }
    .page-product section.intro .intro-details {
        width: 100%;
        margin-top: 40px
    }
    .page-product section.intro .intro-details h1 {
        margin-bottom: 30px;
        padding: 0 10px;
        font-size: 32px;
        line-height: 40px
    }
    .page-product section.intro .intro-details p {
        font-size: 16px;
        line-height: 32px
    }
    .page-product section.intro .intro-details .btns {
        margin: 30px auto 0
    }
    .page-product section.isometric {
        background: transparent url("../../img/product/isometric-mobile.jpg") no-repeat;
        background-position: -80px 124px;
        height: 555px;
        margin-top: -10px
    }
    .page-product section.isometric .container {
        position: relative;
        width: 100%;
        height: 100%
    }
    .page-product section.isometric .container p.power {
        position: absolute;
        background: transparent url("../../img/product/spritesheet-product.png") no-repeat -562px 59px;
        width: 140px;
        height: 280px;
        right: 8%;
        left: auto;
        top: 0;
        margin: 0
    }
    .page-product section.isometric .container p.power .icon {
        background: transparent url("../../img/product/spritesheet-product.png") no-repeat -125px -74px;
        margin: 0 80px 0 0
    }
    .page-product section.isometric .container p.equip {
        position: absolute;
        background: transparent url("../../img/product/spritesheet-product.png") no-repeat -554px 85px;
        width: 160px;
        height: 320px;
        left: 8%;
        right: auto;
        top: 105px;
        margin: 0
    }
    .page-product section.isometric .container p.equip .icon {
        background: transparent url("../../img/product/spritesheet-product.png") no-repeat -116px -17px;
        margin: 0 80px 5px -15px
    }
    .page-product section.isometric .container p .icon {
        width: 60px;
        height: 40px;
        display: block;
        float: left
    }
    .page-product section.ctas .container h1 {
        margin: 60px 5% 0;
        line-height: 40px
    }
    .page-product section.ctas .container .intro {
        width: auto;
        margin: 30px 5% 0
    }
    .page-product section.ctas .container .cols {
        width: auto
    }
    .page-product section.ctas .container .cols .col {
        float: none;
        margin: 30px auto 0
    }
    .page-product section.monetate {
        height: auto
    }
    .page-product section.monetate .container .monetate-details p {
        margin-bottom: 10px
    }
    .page-product section.monetate .container .monetate-details .btn.monetate {
        display: block
    }
    .page-product section.monetate .container .monetate-details .btn.more {
        margin: 0 0 40px
    }
}

@media (max-width:480px) {
    .page-product section.intro {
        background-image: url("../../img/product/pagebg_product_mobile.jpg")
    }
    .page-product section.in-action {
        background: transparent url("../../img/product/cta-bg-mobile.jpg") no-repeat center bottom;
        background-size: cover
    }
    .page-product section.in-action .container h1 {
        margin: 150px 15% 0
    }
}

.page-flipbooks section.intro {
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
    padding: 0;
    overflow: hidden
}

.page-flipbooks section.intro .intro-details {
    width: 450px;
    margin-top: 150px
}

.page-flipbooks section.intro .intro-details h1 {
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-size: 36px
}

.page-flipbooks section.intro .intro-details p {
    color: #fff;
    margin-bottom: 20px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4)
}

.page-flipbooks section.intro .intro-details .try-it-now {
    margin: 0 0 15px 0
}

.page-flipbooks section.intro .intro-details .try-it-now button.btn {
    margin-top: -5px;
    padding: 9px 16px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border-bottom: 3px solid #8f0529;
    font-weight: 700;
    font-size: 17px;
    text-shadow: none;
    padding: 16px 20px
}

.page-flipbooks section.intro .intro-details .try-it-now button.btn:hover {
    border-bottom: 3px solid #b5004d
}

.page-flipbooks section.shared-flipbook-samples h2 {
    font-family: "Montserrat", sans-serif
}

.page-flipbooks section.shared-features h2,
.page-flipbooks section.shared-features h3 {
    font-family: "Montserrat", sans-serif
}

.page-flipbooks section.shared-pages-served .desc {
    font-family: "Lato", sans-serif
}

.page-flipbooks section.shared-try-it-now .btn {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.lt-ie9 .page-flipbooks section.intro {
    height: 477px;
    background-image: url("../../img/pagebg_flipbooks.jpg")
}

@media (min-width:1200px) {
    .page-flipbooks section.intro {
        height: 477px;
        background-image: url("../../img/pagebg_flipbooks.jpg")
    }
}

@media (min-width:1010px) and (max-width:1199px) {
    .page-flipbooks section.intro {
        height: 398px;
        background-image: url("../../img/pagebg_flipbooks.jpg")
    }
    .page-flipbooks section.intro .intro-details {
        margin-top: 90px;
        margin-left: 20px
    }
    .page-flipbooks section.intro .intro-details h1 {
        font-size: 42px
    }
}

@media (min-width:768px) and (max-width:1009px) {
    .page-flipbooks section.intro {
        height: 300px;
        background-image: url("../../img/tablet/pagebg_flipbooks.jpg")
    }
    .page-flipbooks section.intro .intro-details {
        width: 300px;
        margin-top: 70px
    }
    .page-flipbooks section.intro .intro-details h1 {
        font-size: 26px;
        line-height: 32px
    }
    .page-flipbooks section.intro .intro-details .btn-uberflip.larger {
        padding: 9px 16px;
        font-size: 16px;
        font-size: 12px \9;
        line-height: 24px;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0
    }
    .page-flipbooks section.intro .intro-details .btn-uberflip.larger [class^="icon-"],
    .page-flipbooks section.intro .intro-details .btn-uberflip.larger [class*=" icon-"] {
        margin: 4px 0 0 7px
    }
    .page-flipbooks section.intro .intro-details .btn-uberflip.larger.with-splitter {
        padding: 0 0 0 41px;
        line-height: 40px
    }
    .page-flipbooks section.intro .intro-details .btn-uberflip.larger .split-arrow {
        width: 40px;
        height: 40px
    }
    .page-flipbooks section.intro .intro-details .btn-uberflip.larger .split-arrow [class^="uf-icon-"],
    .page-flipbooks section.intro .intro-details .btn-uberflip.larger .split-arrow [class*=" uf-icon-"] {
        margin: 4px 0 0 6px
    }
    .page-flipbooks section.intro .intro-details .btn-uberflip.larger .split-text {
        padding: 12px 16px
    }
}

@media (max-width:767px) {
    .page-flipbooks section.intro {
        height: 188px;
        background-image: url("../../img/tablet/pagebg_flipbooks.jpg")
    }
    .page-flipbooks section.intro .intro-details {
        padding: 20px 0 0 0;
        width: 75%;
        margin: 0 auto;
        text-align: center
    }
    .page-flipbooks section.intro .intro-details h1 {
        font-size: 25px;
        line-height: 36px;
        margin-bottom: 10px;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4)
    }
    .page-flipbooks section.intro .intro-details p {
        font-size: 12px;
        margin-bottom: 10px
    }
    .page-flipbooks section.intro .intro-details .try-it-now .btn-uberflip.larger {
        padding: 6px 12px;
        font-size: 12px;
        font-size: 8px \9;
        line-height: 20px;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px
    }
    .page-flipbooks section.intro .intro-details .try-it-now .btn-uberflip.larger [class^="icon-"],
    .page-flipbooks section.intro .intro-details .try-it-now .btn-uberflip.larger [class*=" icon-"] {
        margin: 2px 0 0 4px
    }
    .page-flipbooks section.intro .intro-details .try-it-now .btn-uberflip.larger.with-splitter {
        padding: 0 0 0 37px;
        line-height: 36px
    }
    .page-flipbooks section.intro .intro-details .try-it-now .btn-uberflip.larger .split-arrow {
        width: 36px;
        height: 36px
    }
    .page-flipbooks section.intro .intro-details .try-it-now .btn-uberflip.larger .split-arrow [class^="uf-icon-"],
    .page-flipbooks section.intro .intro-details .try-it-now .btn-uberflip.larger .split-arrow [class*=" uf-icon-"] {
        margin: 2px 0 0 4px
    }
    .page-flipbooks section.intro .intro-details .try-it-now .btn-uberflip.larger .split-text {
        padding: 8px 12px
    }
    .page-flipbooks section.intro .intro-details .try-it-now .btn-uberflip.larger .split-arrow [class^="uf-icon-"],
    .page-flipbooks section.intro .intro-details .try-it-now .btn-uberflip.larger .split-arrow [class*=" uf-icon-"] {
        background-size: 360px;
        background-position: -84px -80px
    }
}

@media (max-width:480px) {
    .page-flipbooks section.intro {
        height: 250px;
        background-size: 195% auto;
        background-image: url("../../img/phone/pagebg_flipbooks.jpg")
    }
    .page-flipbooks section.intro .intro-details {
        width: auto;
        margin: 0 auto;
        text-align: center
    }
    .page-flipbooks section.intro .intro-details h1 {
        margin: 10px 0 25px 0;
        font-size: 29px;
        line-height: 31px;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4)
    }
    .page-flipbooks section.intro .intro-details p {
        margin-bottom: 10px;
        font-size: 16px;
        line-height: 18px
    }
    .page-flipbooks section.intro .intro-details .try-it-now .btn-uberflip.larger {
        padding: 6px 12px;
        font-size: 12px;
        font-size: 8px \9;
        line-height: 20px;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px
    }
    .page-flipbooks section.intro .intro-details .try-it-now .btn-uberflip.larger [class^="icon-"],
    .page-flipbooks section.intro .intro-details .try-it-now .btn-uberflip.larger [class*=" icon-"] {
        margin: 2px 0 0 4px
    }
    .page-flipbooks section.intro .intro-details .try-it-now .btn-uberflip.larger.with-splitter {
        padding: 0 0 0 37px;
        line-height: 36px
    }
    .page-flipbooks section.intro .intro-details .try-it-now .btn-uberflip.larger .split-arrow {
        width: 36px;
        height: 36px
    }
    .page-flipbooks section.intro .intro-details .try-it-now .btn-uberflip.larger .split-arrow [class^="uf-icon-"],
    .page-flipbooks section.intro .intro-details .try-it-now .btn-uberflip.larger .split-arrow [class*=" uf-icon-"] {
        margin: 2px 0 0 4px
    }
    .page-flipbooks section.intro .intro-details .try-it-now .btn-uberflip.larger .split-text {
        padding: 8px 12px
    }
    .page-flipbooks section.intro .intro-details .try-it-now .btn-uberflip.larger .split-arrow [class^="uf-icon-"],
    .page-flipbooks section.intro .intro-details .try-it-now .btn-uberflip.larger .split-arrow [class*=" uf-icon-"] {
        background-size: 360px;
        background-position: -84px -80px
    }
}

.page-hubs section.intro {
    background-image: url("../../img/pagebg_hubs.jpg");
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 0;
    overflow: hidden
}

.page-hubs section.intro .intro-details {
    width: 485px;
    margin-top: 90px;
    margin-left: 600px
}

.page-hubs section.intro .intro-details h1 {
    color: #fff;
    text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.5);
    margin-bottom: 20px;
    font-size: 30px;
    line-height: 37px;
    text-transform: uppercase;
    font-weight: 400;
    border-bottom: 1px solid #fff;
    padding-bottom: 20px;
    font-family: "Montserrat", sans-serif
}

.page-hubs section.intro .intro-details p {
    color: #fff;
    font-size: 18px;
    margin: 0 20px;
    text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.5)
}

.page-hubs section.intro .intro-details .service-icons {
    margin: 30px auto 80px auto;
    width: 442px;
    height: 38px;
    background-color: transparent;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-image: url("../../img/hubs/serviceicons.png");
    *zoom: 1
}

.page-hubs section.intro .intro-details .service-icons:before,
.page-hubs section.intro .intro-details .service-icons:after {
    display: table;
    content: "";
    line-height: 0
}

.page-hubs section.intro .intro-details .service-icons:after {
    clear: both
}

.page-hubs section.intro .intro-details .try-it-now .btn {
    float: left
}

.page-hubs section.intro .intro-details .try-it-now .video-learn-more {
    float: left;
    color: #fff;
    width: 280px;
    margin: 18px 0 0 30px;
    cursor: pointer;
    line-height: 26px;
    text-decoration: none;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4)
}

.page-hubs section.intro .intro-details .try-it-now .video-learn-more .uf-icon-sm-watch-video {
    float: left;
    width: 37px;
    height: 30px;
    margin: 0 10px 0 0;
    background-position: 0 -42px;
    opacity: .75;
    filter: alpha(opacity=75);
    -webkit-transition: opacity 200ms linear;
    -moz-transition: opacity 200ms linear;
    -o-transition: opacity 200ms linear;
    transition: opacity 200ms linear
}

.page-hubs section.intro .intro-details .try-it-now .video-learn-more:hover .uf-icon-sm-watch-video {
    opacity: 1;
    filter: alpha(opacity=100)
}

.page-hubs section.integrates-with {
    background: #f5f5f5;
    line-height: 140px;
    text-align: center;
    color: #555
}

.page-hubs section.integrates-with span {
    margin-right: 30px;
    font-size: 18px;
    font-weight: 700
}

.page-hubs section.integrates-with img {
    margin-top: -11px
}

.page-hubs section.learn-more {
    background-image: url("../../img/pagebg_hubs_video_2.jpg");
    background-color: #5fb7cb;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.page-hubs section.learn-more .row {
    text-align: center;
    margin: 50px auto
}

.page-hubs section.learn-more .row h2 {
    text-transform: uppercase;
    font-size: 34px;
    font-weight: 400;
    font-family: "Montserrat", sans-serif;
    color: #333
}

.page-hubs section.learn-more .row p {
    font-size: 18px
}

.page-hubs section.learn-more .row .video-container {
    margin: 20px auto
}

.page-hubs section.our-hub-embed h2 {
    font-family: "Montserrat", sans-serif
}

.page-hubs section.shared-try-it-now .btn {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

@media (min-width:1200px) {
    .page-hubs section.intro {
        height: 540px
    }
    .page-hubs section.learn-more {
        height: auto
    }
    .page-hubs section.learn-more .video-container {
        width: 620px;
        height: 349px
    }
}

@media (min-width:1010px) and (max-width:1199px) {
    .page-hubs section.intro {
        height: 440px
    }
    .page-hubs section.intro .intro-details {
        margin-top: 50px;
        margin-left: 480px
    }
    .page-hubs section.learn-more {
        height: auto
    }
    .page-hubs section.learn-more .video-container {
        width: 490px;
        height: 276px
    }
}

@media (min-width:768px) and (max-width:1009px) {
    .page-hubs section.intro {
        height: 360px
    }
    .page-hubs section.intro .intro-details {
        width: 360px;
        margin-top: 35px;
        margin-left: 370px
    }
    .page-hubs section.intro .intro-details h1 {
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 10px
    }
    .page-hubs section.intro .intro-details p {
        font-size: 16px
    }
    .page-hubs section.intro .intro-details .service-icons {
        margin: 20px auto 40px auto;
        width: 350px;
        background-size: 350px
    }
    .page-hubs section.intro .intro-details .try-it-now .btn-uberflip.larger {
        padding: 9px 16px;
        font-size: 16px;
        font-size: 12px \9;
        line-height: 24px;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0
    }
    .page-hubs section.intro .intro-details .try-it-now .btn-uberflip.larger [class^="icon-"],
    .page-hubs section.intro .intro-details .try-it-now .btn-uberflip.larger [class*=" icon-"] {
        margin: 4px 0 0 7px
    }
    .page-hubs section.intro .intro-details .try-it-now .btn-uberflip.larger.with-splitter {
        padding: 0 0 0 41px;
        line-height: 40px
    }
    .page-hubs section.intro .intro-details .try-it-now .btn-uberflip.larger .split-arrow {
        width: 40px;
        height: 40px
    }
    .page-hubs section.intro .intro-details .try-it-now .btn-uberflip.larger .split-arrow [class^="uf-icon-"],
    .page-hubs section.intro .intro-details .try-it-now .btn-uberflip.larger .split-arrow [class*=" uf-icon-"] {
        margin: 4px 0 0 6px
    }
    .page-hubs section.intro .intro-details .try-it-now .btn-uberflip.larger .split-text {
        padding: 12px 16px
    }
    .page-hubs section.intro .intro-details .try-it-now .video-learn-more {
        width: 180px;
        font-size: 14px;
        margin: 11px 0 0 20px
    }
    .page-hubs section.shared-features .row h3 {
        margin-top: 0
    }
    .page-hubs section.learn-more {
        height: auto
    }
    .page-hubs section.learn-more .row h2 {
        font-size: 28px
    }
    .page-hubs section.learn-more .video-container {
        width: 352px;
        height: 198px
    }
}

@media (max-width:767px) {
    .page-hubs section.intro {
        height: 270px
    }
    .page-hubs section.intro .intro-details {
        max-width: 250px;
        margin-top: 30px;
        margin-left: 0;
        float: right;
        margin-right: 5%
    }
    .page-hubs section.intro .intro-details h1 {
        font-size: 15px;
        line-height: 20px;
        padding-bottom: 6px;
        margin-bottom: 10px;
        font-weight: 700
    }
    .page-hubs section.intro .intro-details p {
        font-size: 13px;
        line-height: 16px;
        margin: 0
    }
    .page-hubs section.intro .intro-details .service-icons {
        margin: 20px auto;
        width: 250px;
        background-size: 250px
    }
    .page-hubs section.intro .intro-details .try-it-now .video-learn-more {
        width: 145px;
        margin: 5px 0 0 10px;
        font-size: 12px;
        line-height: 13px
    }
    .page-hubs section.integrates-with {
        line-height: inherit
    }
    .page-hubs section.integrates-with span {
        font-size: 15px;
        margin-right: 0;
        margin-top: 25px;
        display: block
    }
    .page-hubs section.integrates-with img {
        margin: 20px 0
    }
    .page-hubs section.learn-more {
        height: auto
    }
    .page-hubs section.learn-more .video-container {
        width: 320px;
        height: 180px
    }
}

@media (max-width:480px) {
    .page-hubs section.intro {
        height: auto
    }
    .page-hubs section.intro .container {
        height: auto;
        background: rgba(0, 0, 0, 0.5)
    }
    .page-hubs section.intro .container .intro-details {
        width: auto;
        margin: 0;
        padding: 14px
    }
    .page-hubs section.intro .container .intro-details h1 {
        font-size: 30px;
        margin-bottom: 5px;
        line-height: 33px;
        font-weight: 700
    }
    .page-hubs section.intro .container .intro-details p {
        display: none
    }
    .page-hubs section.intro .container .intro-details .try-it-now .btn-uberflip.larger {
        padding: 6px 12px;
        font-size: 12px;
        font-size: 8px \9;
        line-height: 20px;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        display: none
    }
    .page-hubs section.intro .container .intro-details .try-it-now .btn-uberflip.larger [class^="icon-"],
    .page-hubs section.intro .container .intro-details .try-it-now .btn-uberflip.larger [class*=" icon-"] {
        margin: 2px 0 0 4px
    }
    .page-hubs section.intro .container .intro-details .try-it-now .btn-uberflip.larger.with-splitter {
        padding: 0 0 0 37px;
        line-height: 36px
    }
    .page-hubs section.intro .container .intro-details .try-it-now .btn-uberflip.larger .split-arrow {
        width: 36px;
        height: 36px
    }
    .page-hubs section.intro .container .intro-details .try-it-now .btn-uberflip.larger .split-arrow [class^="uf-icon-"],
    .page-hubs section.intro .container .intro-details .try-it-now .btn-uberflip.larger .split-arrow [class*=" uf-icon-"] {
        margin: 2px 0 0 4px
    }
    .page-hubs section.intro .container .intro-details .try-it-now .btn-uberflip.larger .split-text {
        padding: 8px 12px
    }
    .page-hubs section.intro .container .intro-details .try-it-now .btn-uberflip.larger .split-arrow [class^="uf-icon-"],
    .page-hubs section.intro .container .intro-details .try-it-now .btn-uberflip.larger .split-arrow [class*=" uf-icon-"] {
        background-size: 360px;
        background-position: -84px -80px
    }
    .page-hubs section.intro .container .intro-details .try-it-now .video-learn-more {
        width: 110px
    }
    .page-hubs section.shared-features h2 {
        margin-bottom: 30px
    }
    .page-hubs section.shared-features .row h3 {
        margin-top: 10px
    }
    .page-hubs section.learn-more {
        height: auto
    }
    .page-hubs section.learn-more .video-container {
        width: 300px;
        height: 169px
    }
}

.page-pricing #enterprise-demo .modal-body {
    max-height: none
}

.page-pricing #enterprise-demo .modal-body .hs-form.stacked .field {
    margin-bottom: 0
}

.page-pricing #enterprise-demo .modal-body .hs-form.stacked .actions {
    margin-top: 0;
    margin-left: -20px
}

.page-pricing section.breakdown {
    padding: 0 0 70px 0;
    height: 1800px;
    background: #e5e5e5
}

.page-pricing section.breakdown .background-container {
    padding: 0;
    height: 540px;
    background-image: url("../../img/pricing/hero-pricing-desktop.jpg");
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden
}

.page-pricing section.breakdown .background-container .intro-details {
    width: 720px;
    margin-top: 100px;
    margin-left: auto;
    margin-right: auto
}

.page-pricing section.breakdown .background-container .intro-details h1 {
    color: #fff;
    line-height: 70px;
    font-weight: 400;
    font-size: 55px;
    text-align: center;
    text-transform: uppercase;
    font-family: "Montserrat", sans-serif
}

.page-pricing section.breakdown .background-container .intro-details p {
    margin: 0 40px;
    color: #fff;
    font-size: 20px;
    line-height: 36px;
    text-align: center
}

.page-pricing section.breakdown .container {
    padding-top: 60px;
    text-align: center;
    top: -329px
}

.page-pricing section.breakdown p {
    margin: 0;
    padding: 8px;
    text-align: center
}

.page-pricing section.breakdown hr {
    margin: 10px 20px;
    border-bottom: 0;
    border-top: 1px solid #000
}

.page-pricing section.breakdown .pricing-nav {
    position: fixed;
    display: none;
    float: left;
    width: 100px;
    top: 345px
}

.page-pricing section.breakdown .pricing-nav div {
    width: 100%;
    margin-bottom: 10px;
    text-transform: uppercase;
    cursor: pointer;
    cursor: hand;
    background-color: rgba(0, 0, 0, 0.3);
    position: relative
}

.page-pricing section.breakdown .pricing-nav div p {
    font-size: 13px;
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    color: #fff
}

.page-pricing section.breakdown .pricing-nav div.disabled {
    background-color: rgba(0, 0, 0, 0.6)
}

.page-pricing section.breakdown .pricing-nav div.disabled:after {
    height: 0;
    width: 0;
    border-top: 19px solid transparent;
    border-bottom: 19px solid transparent;
    border-left: 19px solid rgba(0, 0, 0, 0.6);
    margin-top: -19px;
    position: absolute;
    left: 100%;
    top: 50%;
    content: " "
}

.page-pricing section.breakdown .package-container {
    display: inline-block
}

.page-pricing section.breakdown .package-container .package {
    float: left;
    width: 275px;
    margin-left: 10px
}

.page-pricing section.breakdown .package-container .package.main .symbol-block {
    position: absolute;
    top: -40px;
    left: 120px;
    right: auto;
    bottom: auto
}

.page-pricing section.breakdown .package-container .package .price {
    width: 100%;
    padding-bottom: 20px;
    min-height: 240px;
    background-color: rgba(0, 0, 0, 0.4);
    color: #fff
}

.page-pricing section.breakdown .package-container .package .price.pad-package {
    padding-bottom: 29px
}

.page-pricing section.breakdown .package-container .package .price .aimed-at {
    width: 80%;
    margin: auto;
    color: #fff
}

.page-pricing section.breakdown .package-container .package .price .payment-plan {
    height: 20px;
    margin-bottom: 8px;
    font-size: 14px;
    color: #829ea9
}

.page-pricing section.breakdown .package-container .package .price .type {
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    background-color: rgba(0, 0, 0, 0.3);
    color: #fff;
    font-family: "Montserrat", sans-serif
}

.page-pricing section.breakdown .package-container .package .price .cost {
    color: #fff;
    position: relative;
    line-height: 50px;
    margin-top: 45px
}

.page-pricing section.breakdown .package-container .package .price .cost.secondary {
    line-height: 30px
}

.page-pricing section.breakdown .package-container .package .price .currency {
    position: relative;
    top: -20px;
    font-size: 20px;
    font-family: "Montserrat", sans-serif
}

.page-pricing section.breakdown .package-container .package .price .currency.secondary {
    top: -4px;
    font-size: 13px
}

.page-pricing section.breakdown .package-container .package .price .dollar {
    font-size: 50px;
    font-family: "Montserrat", sans-serif
}

.page-pricing section.breakdown .package-container .package .price .dollar.secondary {
    font-size: 20px
}

.page-pricing section.breakdown .package-container .package .price .cent {
    font-size: 13px;
    position: absolute;
    top: 0
}

.page-pricing section.breakdown .package-container .package .price .time {
    font-size: 18px;
    text-transform: uppercase
}

.page-pricing section.breakdown .package-container .package .price .time span {
    font-size: 21px
}

.page-pricing section.breakdown .package-container .package .price .annual {
    display: block;
    font-size: 14px;
    line-height: 1.5
}

.page-pricing section.breakdown .package-container .package .price .phone-number {
    margin: 0;
    font-size: 23px;
    font-weight: bold;
    color: #fff
}

.page-pricing section.breakdown .package-container .package .price .phone-number a {
    color: #fff;
    text-decoration: none
}

.page-pricing section.breakdown .package-container .package .price .international-phone-number {
    height: 20px;
    margin-bottom: 8px;
    font-size: 14px;
    color: #fff;
    padding-top: 0
}

.page-pricing section.breakdown .package-container .package .price.enterprise {
    color: #fff
}

.page-pricing section.breakdown .package-container .package .price .call-us {
    margin: 21px 0 0 0;
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: bold
}

.page-pricing section.breakdown .package-container .package .price .start-at {
    margin: -40px 0 0 60px;
    position: absolute;
    color: #fff;
    font-size: 14px;
    font-weight: bold
}

.page-pricing section.breakdown .package-container .package.highlight-package {
    background-color: rgba(0, 0, 0, 0.3)
}

.page-pricing section.breakdown .package-container .package .button-section {
    background-color: #fff
}

.page-pricing section.breakdown .package-container .package .button-section .btn {
    width: 210px;
    padding: 12px 30px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border-bottom: 3px solid #8f0529;
    font-weight: 700;
    font-size: 17px;
    text-shadow: none;
    cursor: pointer;
    cursor: hand;
    position: relative;
    top: -30px
}

.page-pricing section.breakdown .package-container .package .button-section .btn:hover {
    border-bottom: 3px solid #b5004d
}

.page-pricing section.breakdown .package-container .package .button-section .btn:focus {
    outline: 0
}

.page-pricing section.breakdown .package-container .package .includes {
    background-color: #fff;
    color: #222
}

.page-pricing section.breakdown .package-container .package .includes hr {
    margin-top: 5px;
    border: 0;
    height: 1px;
    background: #d4d4d4
}

.page-pricing section.breakdown .package-container .package .includes p {
    padding: 6px 12px;
    font-size: 15px;
    color: #444
}

.page-pricing section.breakdown .package-container .package .includes .features {
    padding: 0 0 45px 0
}

.page-pricing section.breakdown .package-container .package .includes .features .feature-title {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    color: #333
}

.page-pricing section.breakdown .package-container .package .includes .features .feature-content {
    margin: 10px 0 0 0
}

.page-pricing section.breakdown .package-container .package .includes .features:nth-child(2) {
    padding: 0 0 30px 0
}

.page-pricing section.breakdown .package-container .package .includes .compare {
    padding: 0 0 25px 0
}

.page-pricing section.breakdown .package-container .package .includes .enterprise-details {
    padding: 0 0 60px 0
}

.page-pricing section.breakdown .package-container .package .includes .enterprise-details .package-text {
    padding: 0 15px 20px 15px;
    line-height: 30px
}

.page-pricing section.breakdown .package-container .package .includes .enterprise-details .package-text .pink-text {
    color: #ce0058
}

.page-pricing section.breakdown .package-container .package .includes .enterprise-details hr {
    width: 50%;
    margin: 60px auto 40px auto
}

.page-pricing section.breakdown .package-container .package .includes .enterprise-details h5 {
    margin: 20px 0;
    text-transform: uppercase;
    font-size: 14px
}

.page-pricing section.breakdown .package-container .package .includes .enterprise-details .learn-more {
    padding: 0 25px 10px 25px
}

.page-pricing section.breakdown .package-container .package .includes .enterprise-details .call-us {
    margin: 20px 0 10px 0;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px
}

.page-pricing section.breakdown .package-container .package .includes .enterprise-details .phone {
    font-size: 28px;
    font-family: "Montserrat", sans-serif
}

.page-pricing section.breakdown .package-container .package .extra-package {
    margin-bottom: 20px;
    padding-bottom: 0;
    border: 1px solid #cacaca;
    background-color: #f5f5f5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.page-pricing section.breakdown .package-container .package .extra-package .secondary.button {
    margin: 8px 15px 15px 15px
}

.page-pricing section.breakdown .package-container .package .extra-package .phone-number {
    padding: 0;
    padding-bottom: 25px;
    font-size: 25px;
    color: #2f96b4;
    font-family: "Comfortaa", cursive
}

.page-pricing section.breakdown .package-container .package:hover .price {
    background-color: rgba(0, 0, 0, 0.6)
}

.page-pricing section.breakdown p.priceNote {
    color: #666;
    font-size: 14px
}

.page-pricing section.support {
    text-align: center
}

.page-pricing section.support .support-love {
    max-width: 500px;
    margin: 0 auto;
    padding: 15px 5px
}

.page-pricing section.support .support-love .description {
    padding: 20px 0 0 0;
    font-size: 20px;
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase
}

.page-pricing section.support .support-love .subtext {
    font-size: 19px;
    font-weight: 300
}

.page-pricing section.support .support-love .symbol-block {
    text-align: center;
    padding: 60px 10px 10px 10px
}

.page-pricing section.support .support-love button.btn {
    margin: 40px 0 0 0;
    padding: 12px 80px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border-bottom: 3px solid #8f0529;
    font-weight: 700;
    font-size: 17px;
    text-shadow: none
}

.page-pricing section.support .support-love button.btn:hover {
    border-bottom: 3px solid #b5004d
}

.page-pricing section.support .support-love button.btn:focus {
    outline: 0
}

.page-pricing section.testimonials {
    margin-top: 80px;
    padding-top: 60px;
    text-align: center;
    background-color: #f0f0f0
}

.page-pricing section.testimonials .faces h1 {
    margin: 90px 0 90px 0
}

.page-pricing section.testimonials .faces .face {
    display: inline-block;
    width: 159px;
    height: 180px;
    padding: 26px;
    vertical-align: top;
    position: relative;
    cursor: pointer;
    cursor: hand
}

.page-pricing section.testimonials .faces .face .arrow {
    display: none
}

.page-pricing section.testimonials .faces .face .faded,
.page-pricing section.testimonials .faces .face .color {
    display: block;
    width: 109px;
    height: 109px;
    margin: 0 auto;
    vertical-align: text-top;
    background-color: transparent;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-image: url("../../img/index/testimonials-heads.png")
}

.page-pricing section.testimonials .faces .face .color,
.page-pricing section.testimonials .faces .face .name,
.page-pricing section.testimonials .faces .face .company {
    display: none
}

.page-pricing section.testimonials .faces .face .name {
    margin-bottom: 0;
    margin-top: 12px;
    text-transform: uppercase;
    font-weight: bold;
    color: #ce0058
}

.page-pricing section.testimonials .faces .face .company {
    color: #aaa
}

.page-pricing section.testimonials .faces .face.active .color,
.page-pricing section.testimonials .faces .face.active .name,
.page-pricing section.testimonials .faces .face.active .company {
    display: block
}

.page-pricing section.testimonials .faces .face.active .faded {
    display: none
}

.page-pricing section.testimonials .faces .face.active .arrow {
    display: block;
    position: absolute;
    top: 198px;
    left: 88px;
    width: 0;
    height: 0;
    border: 15px solid transparent;
    border-bottom: 25px solid #ce0058
}

.page-pricing section.testimonials .faces .face:hover .color {
    display: block
}

.page-pricing section.testimonials .faces .face:hover .faded {
    display: none
}

.page-pricing section.testimonials .faces .face.atomic-reach .color {
    background-position: 0 -222px
}

.page-pricing section.testimonials .faces .face.atomic-reach .faded {
    background-position: -111px -223px
}

.page-pricing section.testimonials .faces .face.pwc .color {
    background-position: -224px -222px
}

.page-pricing section.testimonials .faces .face.pwc .faded {
    background-position: -334px -222px
}

.page-pricing section.testimonials .faces .face.monetate .color {
    background-position: -225px 0
}

.page-pricing section.testimonials .faces .face.monetate .faded {
    background-position: -335px 0
}

.page-pricing section.testimonials .faces .face.saleshub .color {
    background-position: -225px -114px
}

.page-pricing section.testimonials .faces .face.saleshub .faded {
    background-position: -335px -113px
}

.page-pricing section.testimonials .faces .face.remax .color {
    background-position: 0 -335px
}

.page-pricing section.testimonials .faces .face.remax .faded {
    background-position: -112px -335px
}

.page-pricing section.testimonials .testimony {
    min-height: 100px;
    padding: 60px 15px;
    background-color: #ce0058
}

.page-pricing section.testimonials .testimony div {
    display: none;
    max-width: 625px;
    margin: 0 auto;
    text-align: center
}

.page-pricing section.testimonials .testimony div p {
    color: #fff;
    margin-left: 15px
}

.page-pricing section.testimonials .testimony div.active {
    display: block
}

.page-pricing section.testimonials .testimony div .customer-icon-quote {
    float: left;
    position: relative;
    top: -7px
}

.page-pricing section.testimonials .testimony div .customer-icon-quote.away {
    margin-right: 15px
}

.page-pricing section.shared-companies-list {
    background-color: #f0f0f0
}

.page-pricing section.questions {
    margin-bottom: 80px
}

.page-pricing section.questions h2 {
    margin: 80px 0;
    font-size: 34px;
    font-weight: 400;
    font-family: "Montserrat", sans-serif;
    text-align: center;
    text-transform: uppercase
}

.page-pricing section.questions .common-question-container {
    cursor: pointer;
    cursor: hand
}

.page-pricing section.questions .common-question-container .common-question-link {
    padding: 10px 0;
    border-bottom: solid 1px #f0f0f0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.page-pricing section.questions .common-question-container .common-question-link .pricing-icons-bullet {
    margin: 7px 0 0 5px
}

.page-pricing section.questions .common-question-container .common-question-link .pricing-icons-down-arrow-gray,
.page-pricing section.questions .common-question-container .common-question-link .pricing-icons-down-arrow-pink,
.page-pricing section.questions .common-question-container .common-question-link .pricing-icons-up-arrow-gray {
    float: right;
    margin: 5px 12px 0 0
}

.page-pricing section.questions .common-question-container .common-question-link .pricing-icons-down-arrow-pink {
    display: none
}

.page-pricing section.questions .common-question-container .common-question-link p {
    text-transform: uppercase;
    font-weight: 700;
    display: inline;
    padding: 0 10px;
    font-size: 14px;
    color: #333
}

.page-pricing section.questions .common-question-container .common-question-link:hover .pricing-icons-down-arrow-pink {
    display: inline-block
}

.page-pricing section.questions .common-question-container .common-question-link:hover .pricing-icons-down-arrow-gray {
    display: none
}

.page-pricing section.questions .common-question-container .common-question-body {
    padding: 25px;
    display: none;
    background-color: #f0f0f0
}

.page-pricing section.questions .common-question-container .common-question-body p {
    color: #84888d;
    font-size: 15px
}

.page-pricing section.questions .common-question-container .common-question-body .pricing-icons-up-arrow-gray {
    float: right;
    margin: 0 -12px 0 0
}

.page-pricing section.questions .common-question-container.active .common-question-link {
    cursor: default
}

.page-pricing section.questions .common-question-container.active .common-question-link .pricing-icons-down-arrow-gray,
.page-pricing section.questions .common-question-container.active .common-question-link .pricing-icons-down-arrow-pink {
    display: none
}

.page-pricing section.questions .common-question-container.active .common-question-body {
    display: block
}

.page-pricing .advanced-features-modal .modal-header h3 {
    color: #777;
    font-weight: 400
}

.page-pricing .advanced-features-modal .modal-header h3 [class^="pricing-icon-"],
.page-pricing .advanced-features-modal .modal-header h3 [class*=" pricing-icon-"] {
    margin: 10px 10px 0 0
}

.page-pricing .plan-marker {
    padding: 3px 6px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #aaa;
    font-size: 10px
}

.page-pricing .plan-marker.starter {
    background: #f5f5f5;
    color: #777
}

.page-pricing .plan-marker.plus {
    border-color: #ce0058;
    background: #ce0058;
    color: #fff
}

.page-pricing .plan-marker.pro {
    border-color: #2f96b4;
    background: #2f96b4;
    color: #fff
}

.page-pricing section.shared-try-it-now .btn {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border-bottom: 3px #d3d3d3 solid
}

.page-pricing section.shared-try-it-now .btn:hover {
    background-color: #d3d3d3
}

.lt-ie9 .page-pricing section.intro {
    height: 540px;
    background-image: url("../../img/pricing/hero-pricing-desktop.jpg")
}

html.ios .page-pricing section.questions .common-question-link:hover .pricing-icons-down-arrow-pink {
    display: none
}

html.ios .page-pricing section.questions .common-question-link:hover .pricing-icons-down-arrow-gray {
    display: inline-block
}

@media (min-width:1025px) and (max-width:1199px) {
    .page-pricing section.questions .row .span6 {
        width: 420px
    }
    .page-pricing section.breakdown .intro-details {
        margin-top: 60px
    }
    .page-pricing section.breakdown .intro-details h1 {
        font-size: 50px
    }
    .page-pricing section.breakdown .intro-details p {
        font-size: 18px
    }
    .page-pricing section.breakdown .pricing-nav {
        padding-left: 125px;
        display: block
    }
    .page-pricing section.breakdown .container .hide-package {
        display: none
    }
    .page-pricing section.breakdown .container .package {
        width: 500px
    }
}

@media (min-width:768px) and (max-width:1024px) {
    .page-pricing section.breakdown .background-container {
        background-image: url("../../img/pricing/hero-pricing-tablet.jpg")
    }
    .page-pricing section.breakdown .background-container .intro-details {
        width: 600px;
        margin-top: 45px
    }
    .page-pricing section.breakdown .background-container .intro-details h1 {
        font-size: 40px;
        margin-bottom: 0
    }
    .page-pricing section.breakdown .background-container .intro-details p {
        font-size: 16px;
        line-height: 26px
    }
    .page-pricing section.breakdown .pricing-nav {
        padding: 0;
        display: block
    }
    .page-pricing section.breakdown .container .hide-package {
        display: none
    }
    .page-pricing section.breakdown .container .package {
        width: 500px
    }
    .page-pricing section.questions .row .span6 {
        width: 90%
    }
    .page-pricing section.testimonials .faces .face {
        padding: 0
    }
    .page-pricing section.testimonials .faces .face.active .arrow {
        display: none
    }
}

@media (max-width:767px) {
    .page-pricing section.breakdown .container {
        top: -349px
    }
    .page-pricing section.breakdown .background-container {
        background-image: url("../../img/pricing/hero-pricing-tablet.jpg")
    }
    .page-pricing section.breakdown .background-container .intro-details {
        width: 450px;
        margin-top: 60px
    }
    .page-pricing section.breakdown .background-container .intro-details h1 {
        font-size: 42px;
        line-height: 50px;
        margin-bottom: 0
    }
    .page-pricing section.breakdown .background-container .intro-details p {
        font-size: 16px;
        line-height: 22px
    }
    .page-pricing section.breakdown .pricing-nav {
        display: block;
        position: absolute;
        top: 30px;
        width: 100%;
        padding: 0;
        padding-bottom: 10px;
        text-align: center
    }
    .page-pricing section.breakdown .pricing-nav div {
        display: inline-block;
        width: 22%
    }
    .page-pricing section.breakdown .pricing-nav div p {
        font-size: 10px
    }
    .page-pricing section.breakdown .pricing-nav div.disabled:after {
        height: 0;
        width: 0;
        border-top: 10px solid rgba(0, 0, 0, 0.6);
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        margin-left: -10px;
        margin-top: 0;
        position: absolute;
        left: 50%;
        top: 100%;
        content: " "
    }
    .page-pricing section.breakdown .container {
        top: -349px
    }
    .page-pricing section.breakdown .container .hide-package {
        display: none
    }
    .page-pricing section.breakdown .package-container {
        padding: 20px;
        display: block
    }
    .page-pricing section.breakdown .package-container .package {
        width: 100%;
        margin-left: 0
    }
    .page-pricing section.breakdown .package-container .package.main .symbol-block {
        left: 0;
        text-align: center;
        width: 100%
    }
    .page-pricing section.questions .row .span6 {
        width: 100%
    }
    .page-pricing section.testimonials .faces .face {
        padding: 0
    }
    .page-pricing section.testimonials .faces .face.active .arrow {
        display: none
    }
    .page-pricing .modal {
        position: fixed;
        top: 20px !important;
        right: 3%;
        left: 3% !important;
        width: auto;
        margin: 0
    }
}

@media (max-width:480px) {
    .page-pricing section.breakdown {
        padding: 0
    }
    .page-pricing section.breakdown .container {
        top: -349px
    }
    .page-pricing section.breakdown .package-container .package .price .aimed-at {
        width: 100%
    }
    .page-pricing section.breakdown .background-container {
        background-image: url("../../img/pricing/hero-pricing-mobile.jpg")
    }
    .page-pricing section.breakdown .background-container .intro-details {
        width: 100%;
        margin-top: 60px
    }
    .page-pricing section.breakdown .background-container .intro-details h1 {
        margin-bottom: 0;
        padding: 0 50px;
        font-size: 36px;
        line-height: 40px
    }
    .page-pricing section.breakdown .background-container .intro-details p {
        font-size: 16px;
        line-height: 24px
    }
    .page-pricing section.breakdown .pricing-nav {
        position: absolute;
        top: 30px;
        width: 100%;
        padding: 0;
        padding-bottom: 10px;
        text-align: center
    }
    .page-pricing section.breakdown .pricing-nav div {
        display: inline-block;
        width: 21%
    }
    .page-pricing section.breakdown .pricing-nav div p {
        font-size: 10px
    }
    .page-pricing section.breakdown .pricing-nav div.disabled:after {
        height: 0;
        width: 0;
        border-top: 10px solid rgba(0, 0, 0, 0.6);
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        margin-left: -10px;
        margin-top: 0;
        position: absolute;
        left: 50%;
        top: 100%;
        content: " "
    }
    .page-pricing section.breakdown .container .package-container {
        padding: 20px;
        display: block
    }
    .page-pricing section.breakdown .container .package-container .package {
        width: 100%;
        margin-left: 0
    }
    .page-pricing section.breakdown .container .package-container .package.main .symbol-block {
        left: 0;
        text-align: center;
        width: 100%
    }
    .page-pricing section.questions h2 {
        font-size: 30px
    }
    .page-pricing section.questions h3 {
        font-size: 16px
    }
    .page-pricing section.questions p {
        font-size: 13px;
        line-height: 20px
    }
    .page-pricing section.questions .row .span6 {
        width: 100%
    }
    .page-pricing section.questions .common-question-container .common-question-link p {
        font-size: 13px
    }
    .page-pricing section.testimonials .faces .face {
        padding: 0
    }
    .page-pricing section.testimonials .faces .face.active .arrow {
        display: block
    }
    .page-pricing .modal-body {
        max-height: 320px
    }
    .page-pricing #enterprise-demo .modal-body {
        max-height: 320px
    }
    .page-pricing .modal {
        position: fixed;
        top: 20px !important;
        right: 3%;
        left: 3% !important;
        width: auto;
        margin: 0
    }
}

@media (max-width:380px) {
    .page-pricing section.breakdown .container {
        top: -349px
    }
    .page-pricing section.breakdown .pricing-nav div p {
        font-size: 8px
    }
    .page-pricing section.breakdown .package-container .package .price .aimed-at {
        width: 90%
    }
    .page-pricing section.breakdown .package-container .package .includes .features {
        padding: 0 0 35px 0
    }
    .page-pricing section.questions .common-question-container .common-question-link p {
        font-size: 10px
    }
}

.page-compare section.breakdown .container {
    padding-top: 60px;
    min-width: 1110px
}

.page-compare section.breakdown .compare-headers .feature-row .feature,
.page-compare section.breakdown .compare-info .feature-row .feature,
.page-compare section.breakdown .compare-try .feature-row .feature {
    width: 420px;
    display: inline-block
}

.page-compare section.breakdown .compare-headers .feature-row .pack,
.page-compare section.breakdown .compare-info .feature-row .pack,
.page-compare section.breakdown .compare-try .feature-row .pack {
    width: 150px;
    height: 135px;
    margin-left: 15px;
    display: inline-block;
    text-align: center;
    vertical-align: top
}

.page-compare section.breakdown .compare-try .feature-row .feature {
    border: 1px solid #fff
}

.page-compare section.breakdown .compare-try .feature-row .pack {
    border: 1px solid #fff
}

.page-compare section.breakdown .compare-try .feature-row .pack button {
    width: 100%;
    margin-top: 10px
}

.page-compare section.breakdown .compare-try .feature-row .pack button .pusher {
    font-weight: bold;
    font-size: 19px;
    text-transform: none;
    padding: 10px
}

.page-compare section.breakdown .compare-try .feature-row .pack button .pusher:after {
    border: 0
}

.page-compare section.breakdown .compare-headers .feature-row {
    padding-bottom: 15px
}

.page-compare section.breakdown .compare-headers .feature {
    border: 1px solid #fff
}

.page-compare section.breakdown .compare-headers .feature .title {
    padding-bottom: 30px
}

.page-compare section.breakdown .compare-headers .feature .title span {
    font-size: 25px;
    text-transform: uppercase
}

.page-compare section.breakdown .compare-headers .feature .compare-nav {
    position: relative;
    bottom: -12px
}

.page-compare section.breakdown .compare-headers .feature .compare-nav div {
    cursor: pointer;
    border: 1px solid #cacaca;
    color: #ce0058;
    font-size: 15px;
    font-weight: bold;
    width: 80px;
    padding: 15px;
    text-transform: uppercase;
    display: inline-block;
    margin-right: 10px;
    text-align: center
}

.page-compare section.breakdown .compare-headers .feature .compare-nav div.active {
    color: #fff;
    background-color: #ce0058;
    border: 0
}

.page-compare section.breakdown .compare-headers .price {
    width: 100%;
    border: 1px solid;
    border-radius: 2px;
    background-color: #fff;
    text-align: center
}

.page-compare section.breakdown .compare-headers .price .type {
    margin: 10px 0 5px 0;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700
}

.page-compare section.breakdown .compare-headers .price .cost {
    line-height: 28px;
    -webkit-transform: scale(.7, .7);
    -moz-transform: scale(.7, .7);
    -o-transform: scale(.7, .7);
    -ms-transform: scale(.7, .7);
    transform: scale(.7, .7);
    position: relative;
    top: 9px
}

.page-compare section.breakdown .compare-headers .price .cost.secondary {
    line-height: 30px
}

.page-compare section.breakdown .compare-headers .price .cost .billed {
    margin: 0;
    display: block;
    font-size: 14px
}

.page-compare section.breakdown .compare-headers .price .currency {
    font-size: 20px;
    position: relative;
    top: -20px
}

.page-compare section.breakdown .compare-headers .price .currency.secondary {
    font-size: 13px;
    top: -4px
}

.page-compare section.breakdown .compare-headers .price .monthly {
    font-size: 16px;
    position: relative;
    top: 10px
}

.page-compare section.breakdown .compare-headers .price .dollar {
    font-size: 44px;
    font-weight: bold;
    font-family: "Montserrat", sans-serif
}

.page-compare section.breakdown .compare-headers .price .dollar.secondary {
    font-size: 20px
}

.page-compare section.breakdown .compare-headers .price .cent {
    font-size: 13px;
    position: absolute;
    top: 0
}

.page-compare section.breakdown .compare-headers .price .time {
    font-size: 17px;
    font-weight: 700
}

.page-compare section.breakdown .compare-headers .price .international-phone-text,
.page-compare section.breakdown .compare-headers .price .international-phone-number {
    color: #555;
    margin: 0;
    display: block;
    font-size: 16px;
    line-height: normal
}

.page-compare section.breakdown .compare-headers .price .start-at {
    font-size: 13px
}

.page-compare section.breakdown .compare-headers .price.pack-a {
    border-color: #2f96b4
}

.page-compare section.breakdown .compare-headers .price.pack-a .type,
.page-compare section.breakdown .compare-headers .price.pack-a span {
    color: #2f96b4
}

.page-compare section.breakdown .compare-headers .price.pack-a .billed {
    color: #2f96b4
}

.page-compare section.breakdown .compare-headers .price.pack-a hr {
    background-color: #2f96b4;
    border-color: #2f96b4
}

.page-compare section.breakdown .compare-headers .price.pack-b {
    border-color: #ce0058
}

.page-compare section.breakdown .compare-headers .price.pack-b .type,
.page-compare section.breakdown .compare-headers .price.pack-b span {
    color: #ce0058
}

.page-compare section.breakdown .compare-headers .price.pack-b .billed {
    color: #ce0058
}

.page-compare section.breakdown .compare-headers .price.pack-b hr {
    background-color: #ce0058;
    border-color: #ce0058
}

.page-compare section.breakdown .compare-headers .price.pack-c {
    border-color: #555
}

.page-compare section.breakdown .compare-headers .price.pack-c .type,
.page-compare section.breakdown .compare-headers .price.pack-c span {
    color: #555
}

.page-compare section.breakdown .compare-headers .price.pack-c .billed {
    color: #555
}

.page-compare section.breakdown .compare-headers .price.pack-c hr {
    background-color: #555;
    border-color: #555
}

.page-compare section.breakdown .compare-headers .price.pack-d {
    border-color: #000
}

.page-compare section.breakdown .compare-headers .price.pack-d .type,
.page-compare section.breakdown .compare-headers .price.pack-d span {
    color: #000
}

.page-compare section.breakdown .compare-headers .price.pack-d .billed {
    color: #000
}

.page-compare section.breakdown .compare-headers .price.pack-d hr {
    background-color: #000;
    border-color: #000
}

.page-compare section.breakdown .compare-headers .price.pack-d .cost {
    margin-top: -25px
}

.page-compare section.breakdown .compare-info {
    display: none;
    color: #666
}

.page-compare section.breakdown .compare-info p {
    color: #666
}

.page-compare section.breakdown .compare-info.active {
    display: block
}

.page-compare section.breakdown .compare-info .feature-row {
    overflow: hidden;
    margin-top: -1px;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out
}

.page-compare section.breakdown .compare-info .feature-row:last-child .description {
    border-bottom: 1px solid #cacaca
}

.page-compare section.breakdown .compare-info .feature-row .data .feature,
.page-compare section.breakdown .compare-info .feature-row .data .pack {
    border: 1px solid #cacaca;
    height: 44px;
    line-height: 44px
}

.page-compare section.breakdown .compare-info .feature-row .data .feature {
    cursor: pointer
}

.page-compare section.breakdown .compare-info .feature-row .data .feature .title {
    padding-left: 15px
}

.page-compare section.breakdown .compare-info .feature-row .data .feature .title i.uf-icon-small-chevron-pink,
.page-compare section.breakdown .compare-info .feature-row .data .feature .title i.uf-icon-small-down-chevron-pink {
    display: none
}

.page-compare section.breakdown .compare-info .feature-row .data .feature .title span {
    font-size: 15px;
    margin-left: 16px
}

.page-compare section.breakdown .compare-info .feature-row .data .feature .title:hover {
    color: #ce0058
}

.page-compare section.breakdown .compare-info .feature-row .data .feature .title:hover i.uf-icon-small-chevron-grey {
    display: none
}

.page-compare section.breakdown .compare-info .feature-row .data .feature .title:hover i.uf-icon-small-chevron-pink {
    display: inline-block
}

.page-compare section.breakdown .compare-info .feature-row .data .feature .title .mobile-feature-packs {
    display: none
}

.page-compare section.breakdown .compare-info .feature-row .data .feature .title .mobile-feature-packs span {
    color: #fff;
    padding: 1px 6px;
    font-weight: 400;
    display: inline-block;
    margin-left: 0;
    font-size: 11px;
    text-transform: uppercase
}

.page-compare section.breakdown .compare-info .feature-row .data .feature .title .mobile-feature-packs span.enterprise {
    background-color: #000
}

.page-compare section.breakdown .compare-info .feature-row .data .feature .title .mobile-feature-packs span.elite {
    background-color: #555
}

.page-compare section.breakdown .compare-info .feature-row .data .feature .title .mobile-feature-packs span.essential {
    background-color: #2f96b4
}

.page-compare section.breakdown .compare-info .feature-row .data .feature .title .mobile-feature-packs span.expert {
    background-color: #ce0058
}

.page-compare section.breakdown .compare-info .feature-row .data .feature .title .mobile-feature-packs .not-included {
    display: none
}

.page-compare section.breakdown .compare-info .feature-row .data .pack {
    font-weight: bold
}

.page-compare section.breakdown .compare-info .feature-row .data .pack.essential {
    color: #2f96b4
}

.page-compare section.breakdown .compare-info .feature-row .data .pack.expert {
    color: #ce0058
}

.page-compare section.breakdown .compare-info .feature-row .data .pack.not-included {
    background: #eee
}

.page-compare section.breakdown .compare-info .feature-row .description {
    border: 1px solid #cacaca;
    border-top: 0;
    background: #eee;
    font-size: 12px;
    width: 420px;
    display: none
}

.page-compare section.breakdown .compare-info .feature-row .description p {
    margin: 20px 50px
}

.page-compare section.breakdown .compare-info .feature-row.active {
    margin: 20px 0
}

.page-compare section.breakdown .compare-info .feature-row.active .data .feature .title {
    color: #ce0058
}

.page-compare section.breakdown .compare-info .feature-row.active .data .feature i.uf-icon-small-chevron-grey {
    display: none
}

.page-compare section.breakdown .compare-info .feature-row.active .data .feature i.uf-icon-small-down-chevron-pink {
    display: inline-block
}

.page-compare section.breakdown .compare-info .feature-row.active .data .feature:hover i.uf-icon-small-chevron-pink {
    display: none
}

.page-compare section.breakdown .compare-info .feature-row.active .description {
    display: inline-block
}

.page-compare section.questions {
    margin-bottom: 80px
}

.page-compare section.questions h2 {
    margin: 80px 0;
    font-size: 34px;
    font-weight: 400;
    font-family: "Montserrat", sans-serif;
    text-align: center;
    text-transform: uppercase
}

.page-compare section.questions .common-question-container {
    cursor: pointer;
    cursor: hand
}

.page-compare section.questions .common-question-container .common-question-link {
    padding: 10px 0;
    border-bottom: solid 1px #f0f0f0
}

.page-compare section.questions .common-question-container .common-question-link .pricing-icons-bullet {
    margin: 7px 0 0 5px
}

.page-compare section.questions .common-question-container .common-question-link .pricing-icons-down-arrow-gray,
.page-compare section.questions .common-question-container .common-question-link .pricing-icons-down-arrow-pink,
.page-compare section.questions .common-question-container .common-question-link .pricing-icons-up-arrow-gray {
    float: right;
    margin: 5px 12px 0 0
}

.page-compare section.questions .common-question-container .common-question-link .pricing-icons-down-arrow-pink {
    display: none
}

.page-compare section.questions .common-question-container .common-question-link p {
    text-transform: uppercase;
    font-weight: 700;
    display: inline;
    padding: 0 10px
}

.page-compare section.questions .common-question-container .common-question-link:hover .pricing-icons-down-arrow-pink {
    display: inline-block
}

.page-compare section.questions .common-question-container .common-question-link:hover .pricing-icons-down-arrow-gray {
    display: none
}

.page-compare section.questions .common-question-container .common-question-body {
    padding: 25px;
    display: none;
    background-color: #f0f0f0
}

.page-compare section.questions .common-question-container .common-question-body p {
    color: #888
}

.page-compare section.questions .common-question-container .common-question-body .pricing-icons-up-arrow-gray {
    float: right;
    margin: 0 -12px 0 0
}

.page-compare section.questions .common-question-container.active .common-question-link {
    cursor: default
}

.page-compare section.questions .common-question-container.active .common-question-link .pricing-icons-down-arrow-gray,
.page-compare section.questions .common-question-container.active .common-question-link .pricing-icons-down-arrow-pink {
    display: none
}

.page-compare section.questions .common-question-container.active .common-question-body {
    display: block
}

.page-compare .plan-marker {
    padding: 3px 6px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #aaa;
    font-size: 10px
}

.page-compare .plan-marker.starter {
    background: #f7f7f7;
    color: #777
}

.page-compare .plan-marker.essential {
    border-color: #ce0058;
    background: #ce0058;
    color: #fff
}

.page-compare .plan-marker.expert {
    border-color: #2f96b4;
    background: #2f96b4;
    color: #fff
}

.page-compare section.shared-try-it-now .btn {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

@media (max-width:1200px) {
    .page-compare section.breakdown .container {
        min-width: initial
    }
    .page-compare section.breakdown .compare-headers .feature-row .feature,
    .page-compare section.breakdown .compare-try .feature-row .feature {
        width: 99%
    }
    .page-compare section.breakdown .compare-headers .feature-row .pack,
    .page-compare section.breakdown .compare-try .feature-row .pack {
        display: none
    }
    .page-compare section.breakdown .compare-headers .feature-row .pack.mobile,
    .page-compare section.breakdown .compare-try .feature-row .pack.mobile {
        display: block;
        margin: 0 auto
    }
    .page-compare section.breakdown .compare-info .feature-row {
        margin-top: -1px
    }
    .page-compare section.breakdown .compare-info .feature-row .data .feature {
        height: auto;
        width: 99%
    }
    .page-compare section.breakdown .compare-info .feature-row .data .feature .title span {
        font-size: 18px
    }
    .page-compare section.breakdown .compare-info .feature-row .data .feature .title .mobile-feature-packs {
        float: right;
        display: inline-block;
        line-height: 25px;
        padding-top: 9px;
        padding-right: 10px
    }
    .page-compare section.breakdown .compare-info .feature-row .data .feature .title .mobile-feature-packs span {
        font-size: 14px
    }
    .page-compare section.breakdown .compare-info .feature-row .data .pack {
        display: none
    }
    .page-compare section.breakdown .compare-info .feature-row .description {
        width: 99%;
        margin-top: 0
    }
}

@media (max-width:1009px) {
    .page-compare section.breakdown .compare-info .feature-row .data .feature .title span {
        font-size: 16px;
        line-height: 20px;
        max-width: 280px;
        display: inline-block
    }
}

@media (min-width:1025px) and (max-width:1199px) {
    .page-compare section.questions .row .span6 {
        width: 400px
    }
}

@media (min-width:768px) and (max-width:1024px) {
    .page-compare section.questions .row .span6 {
        width: 90%
    }
}

@media (max-width:767px) {
    .page-compare section.questions .row .span6 {
        width: 100%
    }
}

@media (max-width:625px) {
    .page-compare section.breakdown .compare-info .feature-row .data .feature .title .mobile-feature-packs {
        display: block;
        margin: 12px auto;
        padding-top: 0
    }
}

@media (max-width:480px) {
    .page-compare section.breakdown .compare-headers .feature-row {
        padding: 0 15px 45px;
        text-align: center
    }
    .page-compare section.breakdown .compare-info .feature-row .data .feature .title span {
        margin-left: 2px;
        max-width: none
    }
    .page-compare section.breakdown .compare-info .feature-row .data .feature .title .mobile-feature-packs span {
        font-size: 12px;
        padding: 1px 4px;
        font-weight: normal
    }
    .page-compare section.questions h2 {
        font-size: 30px
    }
    .page-compare section.questions h3 {
        font-size: 16px
    }
    .page-compare section.questions p {
        font-size: 14px;
        line-height: 20px
    }
    .page-compare section.questions .row .span6 {
        width: 100%
    }
}

.page-enterprise .demo-success-message {
    margin-bottom: 0;
    text-align: center
}

.page-enterprise section.shared-intro h1 {
    font-family: "Montserrat", sans-serif
}

.page-enterprise section.enterprise-features {
    background-color: #fff;
    padding: 40px 20px
}

.page-enterprise section.enterprise-features .boxed {
    border: 2px solid #333;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

.page-enterprise section.enterprise-features .boxed .header {
    padding: 20px;
    background: #444
}

.page-enterprise section.enterprise-features .boxed .header h2 {
    color: #fff;
    font-size: 20px;
    text-align: center;
    padding: 20px;
    font-weight: 700;
    font-family: "Montserrat", sans-serif
}

.page-enterprise section.enterprise-features .boxed .header .row {
    background: transparent;
    margin-left: -30px
}

.page-enterprise section.enterprise-features .boxed .header .row .span4 {
    width: 355px
}

.page-enterprise section.enterprise-features .boxed .header .row .span4 [class^="enterprise-icon-"],
.page-enterprise section.enterprise-features .boxed .header .row .span4 [class*=" enterprise-icon-"] {
    float: left;
    margin-right: 20px
}

.page-enterprise section.enterprise-features .boxed .header .row p {
    color: #fff;
    text-align: left;
    margin: 15px 0 0 0
}

.page-enterprise section.enterprise-features .boxed .sub-header {
    background: #777;
    margin: 0;
    color: #eee;
    padding: 15px;
    border-bottom: 2px solid #333
}

.page-enterprise section.enterprise-features .boxed .sub-header h3 {
    padding: 20px;
    color: #fff;
    font-size: 18px;
    text-align: center;
    font-family: "Montserrat", sans-serif
}

.page-enterprise section.enterprise-features .boxed .features {
    margin: 0
}

.page-enterprise section.enterprise-features .boxed .features .row {
    margin: 0;
    background: #f9f9f9;
    border-bottom: 1px solid #777
}

.page-enterprise section.enterprise-features .boxed .features .row:last-child {
    border-bottom: 0 none
}

.page-enterprise section.enterprise-features .boxed .features .row .span6 {
    width: 522px;
    padding: 40px 30px 40px 0;
    text-align: center;
    border-right: 1px solid #777
}

.page-enterprise section.enterprise-features .boxed .features .row .span6:last-child {
    border-right: 0 none
}

.page-enterprise section.enterprise-features .boxed .features .row .span6 h4 {
    margin-bottom: 30px;
    font-family: "Montserrat", sans-serif
}

.page-enterprise section.enterprise-features .boxed .features .row .span6 img {
    margin-bottom: 30px
}

.page-enterprise section.enterprise-features .boxed .features .row .span6 p {
    color: #777;
    font-size: 16px
}

.page-enterprise section.enterprise-features .boxed .features .row .span6.admin-toolsets {
    height: 287px
}

.page-enterprise section.enterprise-features .boxed .features .row .span6.security-options {
    height: 275px
}

.page-enterprise .shared-support {
    padding: 120px 10px 100px 10px;
    margin-top: -70px
}

.page-enterprise .shared-support p.title {
    color: #777;
    font-size: 22px;
    margin: 0 0 20px 0
}

.page-enterprise .shared-support p.subtext {
    color: #777;
    font-size: 20px;
    margin: 10px 0 0 0
}

.page-enterprise section.enterprise-companies {
    background: #fff;
    overflow: hidden
}

.page-enterprise section.enterprise-companies .enterprise-icon-text {
    margin: 15px 0 0 50px
}

.page-enterprise section.enterprise-companies .company-logo-hsn {
    margin-top: -17px
}

.page-enterprise section.enterprise-companies .row-container {
    padding: 30px 0 20px 0;
    *zoom: 1
}

.page-enterprise section.enterprise-companies .row-container:before,
.page-enterprise section.enterprise-companies .row-container:after {
    display: table;
    content: "";
    line-height: 0
}

.page-enterprise section.enterprise-companies .row-container:after {
    clear: both
}

.page-enterprise section.enterprise-companies .row-container .column {
    float: left;
    height: 100%;
    *zoom: 1
}

.page-enterprise section.enterprise-companies .row-container .column:before,
.page-enterprise section.enterprise-companies .row-container .column:after {
    display: table;
    content: "";
    line-height: 0
}

.page-enterprise section.enterprise-companies .row-container .column:after {
    clear: both
}

.page-enterprise section.enterprise-companies .row-container .column .cell {
    float: left;
    width: 220px;
    height: 60px;
    padding: 20px 0;
    margin-right: 10px
}

.page-enterprise section.shared-try-it-now button.btn {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

@media (min-width:1010px) and (max-width:1199px) {
    .page-enterprise section.enterprise-features .boxed .header .row .span4 {
        width: 305px
    }
    .page-enterprise section.enterprise-features .boxed .features .row .span6 {
        width: 445px
    }
    .page-enterprise section.enterprise-companies .row-container .column:first-child {
        margin-top: -30px
    }
}

@media (min-width:768px) and (max-width:1009px) {
    .page-enterprise section.enterprise-features .boxed .header .row {
        margin-left: -20px
    }
    .page-enterprise section.enterprise-features .boxed .header .row .span4 {
        width: 100%
    }
    .page-enterprise section.enterprise-features .boxed .header .row .span4 [class^="enterprise-icon-"],
    .page-enterprise section.enterprise-features .boxed .header .row .span4 [class*=" enterprise-icon-"] {
        width: 33px;
        height: 39px;
        background-size: 106px 56px
    }
    .page-enterprise section.enterprise-features .boxed .header .row .span4 .enterprise-icon-graph {
        background-position: 0 -23px
    }
    .page-enterprise section.enterprise-features .boxed .header .row .span4 .enterprise-icon-lock {
        background-position: -36px -22px
    }
    .page-enterprise section.enterprise-features .boxed .header .row .span4 .enterprise-icon-world {
        background-position: -73px -19px
    }
    .page-enterprise section.enterprise-features .boxed .header .row p {
        margin-top: 8px
    }
    .page-enterprise section.enterprise-features .boxed .features .row .span6 {
        width: 305px
    }
    .page-enterprise section.enterprise-features .boxed .features .row .span6.admin-toolsets {
        height: 310px
    }
    .page-enterprise section.enterprise-features .boxed .features .row .span6.security-options {
        height: 297px
    }
    .page-enterprise section.enterprise-features .boxed .features .row .span6.central-billing {
        height: 300px
    }
    .page-enterprise section.enterprise-companies .row-container {
        width: 460px;
        margin: 0 auto
    }
    .page-enterprise section.enterprise-companies .row-container .column:first-child {
        margin-top: -30px
    }
}

@media (max-width:767px) {
    .page-enterprise section.enterprise-features .boxed .header .row {
        margin-left: 0
    }
    .page-enterprise section.enterprise-features .boxed .header .row .span4 {
        float: left;
        width: 100%
    }
    .page-enterprise section.enterprise-features .boxed .header .row .span4 [class^="enterprise-icon-"],
    .page-enterprise section.enterprise-features .boxed .header .row .span4 [class*=" enterprise-icon-"] {
        width: 33px;
        height: 39px;
        background-size: 106px 56px
    }
    .page-enterprise section.enterprise-features .boxed .header .row .span4 .enterprise-icon-graph {
        background-position: 0 -23px
    }
    .page-enterprise section.enterprise-features .boxed .header .row .span4 .enterprise-icon-lock {
        background-position: -36px -22px
    }
    .page-enterprise section.enterprise-features .boxed .header .row .span4 .enterprise-icon-world {
        background-position: -73px -19px
    }
    .page-enterprise section.enterprise-features .boxed .header .row p {
        margin-top: 8px
    }
    .page-enterprise section.enterprise-features .boxed .features .row {
        border-bottom: 0 none
    }
    .page-enterprise section.enterprise-features .boxed .features .row .span6 {
        width: 100%;
        border-right: 0 none;
        border-top: 1px solid #777;
        padding: 40px 10px
    }
    .page-enterprise section.enterprise-features .boxed .features .row .span6.admin-toolsets {
        height: auto
    }
    .page-enterprise section.enterprise-features .boxed .features .row .span6.security-options {
        height: auto
    }
    .page-enterprise section.enterprise-features .boxed .features .row .span6.central-billing {
        height: auto
    }
    .page-enterprise section.enterprise-companies .row-container {
        width: 460px;
        margin: 0 auto
    }
    .page-enterprise section.enterprise-companies .row-container .column:first-child {
        margin-top: -30px
    }
}

@media (max-width:480px) {
    .page-enterprise section.enterprise-features .boxed .header .row {
        margin-left: -10px
    }
    .page-enterprise section.enterprise-features .boxed .header .row .span4 {
        float: left;
        width: 100%
    }
    .page-enterprise section.enterprise-features .boxed .header .row .span4 [class^="enterprise-icon-"],
    .page-enterprise section.enterprise-features .boxed .header .row .span4 [class*=" enterprise-icon-"] {
        width: 33px;
        height: 39px;
        margin-right: 10px;
        background-size: 106px 56px
    }
    .page-enterprise section.enterprise-features .boxed .header .row .span4 .enterprise-icon-graph {
        background-position: 0 -23px
    }
    .page-enterprise section.enterprise-features .boxed .header .row .span4 .enterprise-icon-lock {
        background-position: -36px -22px
    }
    .page-enterprise section.enterprise-features .boxed .header .row .span4 .enterprise-icon-world {
        background-position: -73px -19px
    }
    .page-enterprise section.enterprise-features .boxed .header .row p {
        font-size: 13px;
        margin-top: 0
    }
    .page-enterprise section.enterprise-features .boxed .features .row {
        border-bottom: 0 none
    }
    .page-enterprise section.enterprise-features .boxed .features .row .span6 {
        width: 100%;
        border-right: 0 none;
        border-top: 1px solid #777;
        padding: 40px 10px
    }
    .page-enterprise section.enterprise-features .boxed .features .row .span6.admin-toolsets {
        height: auto
    }
    .page-enterprise section.enterprise-features .boxed .features .row .span6.security-options {
        height: auto
    }
    .page-enterprise section.enterprise-features .boxed .features .row .span6.central-billing {
        height: auto
    }
    .page-enterprise section.enterprise-companies .row-container {
        width: 220px;
        margin: 0 auto
    }
    .page-enterprise section.enterprise-companies .row-container .column:first-child {
        margin-top: -30px
    }
}

.page-demorequest .enterprise-demo {
    max-width: 505px;
    margin: 0 auto;
    padding: 0 20px
}

.page-demorequest .demo-header {
    padding: 30px 0 0 0
}

.page-demorequest .demo-header h1 {
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-size: 34px
}

.page-demorequest .demo-header h1,
.page-demorequest .demo-header p {
    text-align: center
}

.page-demorequest .demo-header .subheading {
    margin: 20px auto 0;
    width: 400px;
    font-size: 14px;
    text-align: center;
    color: #666
}

.page-demorequest .demo-header .requiredNote {
    margin: 20px auto 0;
    width: 400px;
    font-size: 10px;
    text-align: right;
    color: #666
}

.page-demorequest .demo-header .requiredNote>span {
    color: #ce0058
}

.page-demorequest .hs-form .hs-input[type=text],
.page-demorequest .hs-form .hs-input[type=email],
.page-demorequest .hs-form textarea.hs-input {
    width: 96%;
    max-width: none;
    padding: 7px 6px
}

.page-demorequest .hs-form textarea.hs-input {
    width: 99%
}

.page-demorequest .actions {
    text-align: center
}

.page-demorequest .hsformerror {
    z-index: 1
}

.page-demorequest .hs_allow_uberflip_to_email_me {
    padding: 0
}

.page-about h2 {
    margin: 0 0 80px 0;
    letter-spacing: 2px;
    text-align: center;
    font-family: "Montserrat", sans-serif;
    font-weight: 300;
    font-size: 32px;
    color: #2e2e2e
}

.page-about section.intro {
    height: 540px;
    background: transparent url("../../img/about/hero-about-desktop.jpg") no-repeat center;
    background-size: cover
}

.page-about section.intro .intro-details {
    margin-top: 180px;
    margin-left: auto;
    margin-right: auto
}

.page-about section.intro .intro-details h1 {
    margin-bottom: 20px;
    color: #fff;
    line-height: 70px;
    font-weight: 400;
    font-size: 55px;
    text-align: center;
    text-transform: uppercase;
    font-family: "Montserrat", sans-serif
}

.page-about section.intro .intro-details .btns {
    margin: 220px 0 0 0
}

.page-about section.intro .intro-details .btns .btn-scroll {
    width: 42px;
    height: 30px;
    margin: 0 auto;
    background: transparent url("../../img/about/spritesheet-aboutus.png") no-repeat -234px -44px
}

.page-about section.intro .intro-details .btns .btn-scroll:hover {
    cursor: pointer
}

.page-about section.intro .intro-details .btns .btn-scroll:hover .hover-icon {
    display: block
}

.page-about section.intro .intro-details .btns .btn-scroll .hover-icon {
    display: none;
    width: 50px;
    height: 50px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    opacity: .4;
    filter: alpha(opacity=40);
    background-color: #fff;
    position: relative;
    top: -15px;
    left: -4px
}

.page-about section.about {
    padding: 100px 0 80px 0
}

.page-about section.about h2 {
    margin: 0 0 90px 0
}

.page-about section.about p {
    width: 75%;
    margin: 20px auto;
    line-height: 30px;
    text-align: center;
    font-size: 18px;
    color: #2e2e2e
}

.page-about section.about p.italic-text {
    width: 85%;
    margin: 0 auto;
    line-height: 30px;
    font-style: italic;
    font-size: 21px;
    color: #585b64
}

.page-about section.about p.text-bold-italic,
.page-about section.about p span.text-bold-italic {
    font-weight: 700;
    font-style: italic
}

.page-about section.about p a.pink-text {
    color: #ce0058;
    text-decoration: none
}

.page-about section.about .divider hr {
    width: 120px;
    margin: 40px auto;
    color: #cacaca
}

.page-about section.about .action-btns {
    margin: 90px 0 0 0
}

.page-about section.about .action-btns a {
    display: block;
    width: 250px;
    margin: 0 auto;
    padding: 10px 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 2px solid #cbcbcd;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    color: #b1b1b4;
    font-size: 14px;
    font-weight: 700
}

.page-about section.about .action-btns a:hover {
    background-color: #ce0058;
    border: 2px solid #ce0058;
    color: #fff
}

.page-about section.solution-start {
    background-color: #f0f2f4
}

.page-about section.solution-start h2 {
    margin: 80px 0 80px 0
}

.page-about section.solution-start p {
    padding: 0 180px;
    line-height: 32px;
    text-align: center;
    font-size: 18px;
    color: #2e2e2e
}

.page-about section.solution-start .solution-img {
    width: 1041px;
    height: 475px;
    margin: 80px auto 0 auto;
    background: url("../../img/about/screen-solution.png") no-repeat
}

.page-about section.solution-end {
    padding: 65px 0
}

.page-about section.solution-end .content-types {
    margin: 40px 0 80px 0
}

.page-about section.solution-end .content-types .content-type-row {
    text-align: center
}

.page-about section.solution-end .content-types .content-type-row .content-type {
    display: inline-block;
    margin: 10px;
    width: 400px;
    padding: 10px;
    border: 1px solid #f1f2f4;
    vertical-align: top
}

.page-about section.solution-end .content-types .content-type-row .content-type .content-type-container {
    height: 200px;
    padding: 30px
}

.page-about section.solution-end .content-types .content-type-row .content-type .content-type-container .about-sprite {
    margin: 0 0 10px 0
}

.page-about section.solution-end .content-types .content-type-row .content-type .content-type-container .title {
    margin: 0 0 10px 0;
    text-transform: uppercase;
    text-align: left;
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    color: #333
}

.page-about section.solution-end .content-types .content-type-row .content-type .content-type-container .text {
    padding: 0;
    line-height: 25px;
    text-align: left;
    font-size: 14px;
    color: #949494
}

.page-about section.team {
    background-color: #f0f2f4
}

.page-about section.team h2 {
    margin: 80px 0 80px 0
}

.page-about section.team p {
    padding: 0 120px;
    line-height: 32px;
    text-align: center;
    font-size: 18px;
    color: #2e2e2e
}

.page-about section.team .divider hr {
    width: 120px;
    margin: 40px auto;
    border: 1px solid #cacaca
}

.page-about section.team .team-row {
    margin: 60px 0 20px 40px
}

.page-about section.team .team-row .team-title {
    margin: 20px 0 0 15px;
    font-size: 16px
}

.page-about section.team .team-row .person-container {
    display: inline-block;
    position: relative;
    margin: 15px;
    width: 146px;
    vertical-align: top
}

.page-about section.team .team-row .person-container .details {
    text-align: center;
    margin: 5px 0 0 0
}

.page-about section.team .team-row .person-container .details .name {
    color: #ce0058;
    font-weight: 700
}

.page-about section.team .team-row .person-container .details .title {
    font-size: 13px;
    font-weight: 400
}

.page-about section.team .team-row .person-container .overlay-social {
    position: absolute;
    top: 0;
    left: 0;
    width: 143px;
    height: 172px;
    display: none;
    background-color: rgba(0, 0, 0, 0.5)
}

.page-about section.team .team-row .person-container .overlay-social:hover {
    display: block
}

.page-about section.team .team-row .person-container:hover .overlay-social {
    display: block
}

.page-about section.team .team-row .person-container.placeholder {
    display: none
}

.page-about section.team .btns {
    margin: 60px 0 100px 0;
    text-align: center
}

.page-about section.team .btns button.btn {
    padding: 12px 60px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border-bottom: 3px solid #8f0529;
    font-weight: 700;
    font-size: 17px;
    text-shadow: none
}

.page-about section.team .btns button.btn:hover {
    border-bottom: 3px solid #b5004d
}

.page-about section.solution-end p,
.page-about section.team p {
    padding: 0 120px;
    line-height: 32px;
    text-align: center;
    font-size: 18px;
    color: #2e2e2e
}

.page-about section.solution-end p.italic-text,
.page-about section.team p.italic-text {
    width: 85%;
    margin: 0 auto;
    line-height: 30px;
    font-style: italic;
    font-size: 24px;
    color: #575b5e
}

.page-about section.solution-end p.text-bold-italic,
.page-about section.team p.text-bold-italic,
.page-about section.solution-end p span.text-bold-italic,
.page-about section.team p span.text-bold-italic {
    font-weight: 700;
    font-style: italic
}

.page-about section.solution-end p .pink-text,
.page-about section.team p .pink-text {
    color: #ce0058;
    text-decoration: none
}

.page-about section.shared-try-it-now {
    background-color: #252525
}

.page-about section.shared-try-it-now .btn {
    color: #ce0058;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border-bottom: 3px #d3d3d3 solid
}

.page-about section.shared-try-it-now .btn:hover {
    background-color: #d3d3d3
}

.page-about section.shared-try-it-now .span8 {
    margin-left: -75px
}

@media (min-width:1010px) and (max-width:1199px) {
    .page-about section.intro .intro-details .btns {
        margin: 220px 0 0 0
    }
    .page-about section.solution-start .solution-img {
        width: 732px;
        height: 333px;
        background: url("../../img/about/screen-solution-tablet.png") no-repeat
    }
    .page-about section.team .team-row {
        padding: 0 100px;
        margin: 60px 0 20px 80px
    }
    .page-about section.team .team-row .team-title {
        margin: 20px 0 0 30px
    }
    .page-about section.team .team-row .person-container {
        margin: 30px
    }
}

@media (min-width:768px) and (max-width:1009px) {
    .page-about section.intro {
        background: transparent url("../../img/about/hero-about-tablet.jpg") no-repeat center
    }
    .page-about section.intro .intro-details .btns {
        margin: 220px 0 0 0
    }
    .page-about section.about p {
        width: 90%
    }
    .page-about section.solution-start .solution-img {
        width: 732px;
        height: 333px;
        background: url("../../img/about/screen-solution-tablet.png") no-repeat
    }
    .page-about section.solution-end .content-types .content-type-row .content-type {
        width: 300px
    }
    .page-about section.solution-end .content-types .content-type-row .content-type .content-type-container {
        padding: 40px 30px 60px 40px
    }
    .page-about section.solution-start p,
    .page-about section.solution-end p,
    .page-about section.team p {
        padding: 0;
        line-height: 32px
    }
    .page-about section.team .team-row {
        margin: 20px 0 20px 100px
    }
}

@media (max-width:767px) {
    .page-about section.intro {
        background: transparent url("../../img/about/hero-about-tablet.jpg") no-repeat center
    }
    .page-about section.intro .intro-details .btns {
        margin: 220px 0 0 0
    }
    .page-about section.solution-start .solution-img {
        width: 317px;
        height: 195px;
        background: url("../../img/about/screen-solution-mobile.png") no-repeat
    }
    .page-about section.team .team-row {
        margin: 0 auto;
        width: 500px
    }
    .page-about section.team .team-row .team-title.leadership,
    .page-about section.team .team-row .team-title.advisors,
    .page-about section.team .team-row .team-title.investors {
        position: relative
    }
    .page-about section.team .team-row .team-title.leadership,
    .page-about section.team .team-row .team-title.investors {
        left: -10px
    }
    .page-about section.team .team-row .team-title.advisors {
        left: -9px
    }
    .page-about section.team .team-row .person-container {
        margin: 5px
    }
    .page-about section.shared-try-it-now .span8 {
        margin: 0 0 30px 0
    }
}

@media (max-width:480px) {
    .page-about section.team .team-row {
        margin: 0 auto;
        width: 90%;
        text-align: center
    }
    .page-about section.team .team-row .team-title {
        margin: 20px 0 0 10px
    }
    .page-about section.team .team-row .team-title.investors,
    .page-about section.team .team-row .team-title.advisors {
        left: -125px
    }
    .page-about section.team .team-row .team-title.leadership {
        left: -120px
    }
    .page-about section.team .team-row .person-container {
        margin: 5px
    }
    .page-about section.team .team-row .person-container .overlay-social .twitter {
        left: -4px
    }
    .page-about section.team .team-row .person-container .overlay-social .linkedin {
        left: 5px
    }
    .page-about section.team .team-row .person-container.placeholder {
        display: inline-block
    }
    .page-about section.team .team-row .person-container .person-img.placeholder {
        background: none
    }
    .page-about section.solution-end .content-types .content-type-row .content-type {
        width: 300px
    }
    .page-about section.solution-end .content-types .content-type-row .content-type .content-type-container {
        padding: 20px
    }
    .page-about section.solution-start p,
    .page-about section.solution-end p,
    .page-about section.team p {
        padding: 0 25px
    }
}

@media (max-width:380px) {
    .page-about section.solution-end .content-types .content-type-row .content-type {
        width: 270px
    }
    .page-about section.solution-end .content-types .content-type-row .content-type .content-type-container {
        height: auto;
        padding: 10px
    }
    .page-about section.team .team-row {
        width: 100%
    }
    .page-about section.team .team-row .team-title.investors,
    .page-about section.team .team-row .team-title.advisors {
        left: -121px
    }
    .page-about section.team .team-row .team-title.leadership {
        left: -115px
    }
    .page-about section.team .team-row .person-container {
        margin: 0 0 20px 0
    }
}

.page-team section.shared-intro {
    padding: 0;
    height: 540px;
    background: transparent url("../../img/team/hero/desktop_teampg_hero.jpg") no-repeat center;
    background-size: cover
}

.page-team section.shared-intro .intro-details h1 {
    margin: 200px 0 20px 0;
    color: #fff;
    line-height: 70px;
    text-align: center;
    text-transform: uppercase;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-size: 55px
}

.page-team section.team {
    position: relative;
    background-color: #fff;
    padding: 0 0 50px 0
}

.page-team section.team .sub-heading {
    margin-top: 4px;
    padding: 80px 0 80px 0;
    background-color: #f9f9f9
}

.page-team section.team .sub-heading p.title {
    width: 650px;
    margin: 0 auto;
    line-height: 50px;
    text-align: center;
    font-size: 32px;
    font-weight: 300;
    color: #232323
}

.page-team section.team .desktop-tablet-nav {
    text-align: center;
    height: 42px;
    border-bottom: 1px solid #efefef;
    -webkit-box-shadow: 0 3px 30px #efefef;
    -moz-box-shadow: 0 3px 30px #efefef;
    box-shadow: 0 3px 30px #efefef
}

.page-team section.team .desktop-tablet-nav.fixed {
    width: 100%;
    position: fixed;
    top: 65px;
    background-color: #fff;
    z-index: 1000;
    border-top: 1px solid #efefef;
    -webkit-box-shadow: 0 1px 3px #b5b5b5;
    -moz-box-shadow: 0 1px 3px #b5b5b5;
    box-shadow: 0 1px 3px #b5b5b5
}

.page-team section.team .desktop-tablet-nav .nav {
    margin-bottom: 0;
    display: inline-block;
    text-align: center
}

.page-team section.team .desktop-tablet-nav .page-link {
    width: 110px;
    padding: 10px;
    text-align: center;
    border-right: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
    border-left: 1px solid #efefef;
    text-transform: uppercase;
    font-size: 14px;
    color: #777
}

.page-team section.team .desktop-tablet-nav .page-link:hover,
.page-team section.team .desktop-tablet-nav .page-link.active {
    border-bottom: 2px solid #b70150;
    color: #b70150;
    cursor: pointer
}

.page-team section.team .mobile-nav {
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-weight: 300;
    cursor: pointer;
    display: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.page-team section.team .mobile-nav.fixed {
    position: fixed;
    top: 64px;
    background-color: #fff;
    z-index: 1000
}

.page-team section.team .mobile-nav .mobile-selected-link {
    border-bottom: 2px solid #b70150
}

.page-team section.team .mobile-nav .mobile-selected-link p {
    margin: 0 0 0 40px;
    display: inline-block;
    color: #b70150
}

.page-team section.team .mobile-nav .mobile-selected-link .team-icons-up-arrow,
.page-team section.team .mobile-nav .mobile-selected-link .team-icons-down-arrow {
    float: right;
    margin: 10px 20px 0 0
}

.page-team section.team .mobile-nav .mobile-selected-link .team-icons-up-arrow {
    display: none
}

.page-team section.team .mobile-nav .mobile-sub-nav {
    display: none
}

.page-team section.team .mobile-nav .mobile-sub-nav .mobile-page-link {
    border-bottom: 1px solid #d3d3d3
}

.page-team section.team .mobile-nav .mobile-sub-nav .mobile-page-link:hover p {
    color: #b70150
}

.page-team section.team .mobile-nav p {
    margin: 0;
    padding: 8px;
    font-size: 14px
}

.page-team section.team .team-bios {
    width: 1050px;
    min-height: 400px;
    margin: 80px auto 0;
    *zoom: 1
}

.page-team section.team .team-bios:before,
.page-team section.team .team-bios:after {
    display: table;
    content: "";
    line-height: 0
}

.page-team section.team .team-bios:after {
    clear: both
}

.page-team section.team .team-bios.fixed {
    margin-top: 80px
}

.page-team section.team .team-bios .bio {
    display: none;
    float: left;
    clear: none;
    margin: 0 30px 50px 0;
    cursor: pointer;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.page-team section.team .team-bios .bio img,
.page-team section.team .team-bios .bio.link {
    -webkit-transition: opacity .3s linear;
    -moz-transition: opacity .3s linear;
    -o-transition: opacity .3s linear;
    transition: opacity .3s linear
}

.page-team section.team .team-bios .bio.link {
    color: #fff;
    background: #ce0058
}

.page-team section.team .team-bios .bio.link:hover {
    background: #b5004d
}

.page-team section.team .team-bios .bio p {
    color: #ce0058;
    text-align: center
}

.page-team section.team .team-bios .bio p b,
.page-team section.team .team-bios .bio p strong {
    color: #ce0058
}

.page-team section.team .team-bios .bio.fade {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    width: 0;
    height: 0;
    margin: 0;
    overflow: hidden
}

.page-team section.team .team-bios .bio:hover {
    opacity: 1;
    filter: alpha(opacity=100)
}

.page-team section.team .team-bios .bio .profile-items-desktop-view .dRow1 {
    text-align: center
}

.page-team section.team .team-bios .bio .profile-items-desktop-view .dRow1 .profile-name {
    margin: 0 5px 0 0;
    display: inline-block
}

.page-team section.team .team-bios .bio .profile-items-desktop-view .dRow1 .profile-name p {
    margin: 5px 0 0 10px;
    font-size: 15px;
    font-weight: bold;
    color: #ce0058;
    text-align: center
}

.page-team section.team .team-bios .bio .profile-items-desktop-view .dRow1 .social-icons {
    display: inline-block
}

.page-team section.team .team-bios .bio .profile-items-desktop-view .dRow1 .social-icons .team-icons-twitter,
.page-team section.team .team-bios .bio .profile-items-desktop-view .dRow1 .social-icons .team-icons-linkedin,
.page-team section.team .team-bios .bio .profile-items-desktop-view .dRow1 .social-icons .team-icons-angel {
    margin: 0 3px;
    display: inline-block
}

.page-team section.team .team-bios .bio .profile-items-desktop-view .dRow2 .profile-title p {
    font-size: 14px;
    color: #333;
    text-align: center
}

.page-team section.team .team-bios .bio .profile-items-mobile-view {
    display: none
}

.page-team section.team .team-bios .bio .profile-items-mobile-view .mRow1 .profile-name p {
    margin: 5px 0 0 0;
    font-size: 12px;
    color: #ce0058;
    text-align: center
}

.page-team section.team .team-bios .bio .profile-items-mobile-view .mRow1 .profile-title p {
    font-size: 12px;
    color: #333;
    text-align: center
}

.page-team section.team .team-bios .bio .profile-items-mobile-view .mRow2 {
    text-align: center
}

.page-team section.team .team-bios .bio .profile-items-mobile-view .mRow2 .social-icons {
    margin: 10px 0 0 0;
    text-align: center
}

.page-team section.team .team-bios .bio .profile-items-mobile-view .mRow2 .social-icons .team-icons-twitter-large,
.page-team section.team .team-bios .bio .profile-items-mobile-view .mRow2 .social-icons .team-icons-linkedin-large,
.page-team section.team .team-bios .bio .profile-items-mobile-view .mRow2 .social-icons .team-icons-angel-large {
    margin: 0 6px;
    display: inline-block
}

.page-team section.team .team-bios .bio-careers,
.page-team section.team .team-bios .bio-video {
    width: 223px;
    height: 268px
}

.page-team section.team .team-bios .bio-careers.link,
.page-team section.team .team-bios .bio-video.link {
    margin-bottom: 111px
}

.page-team section.team .team-bios .bio-careers div,
.page-team section.team .team-bios .bio-video div {
    margin: 60px auto 0;
    padding: 20px;
    width: 150px;
    font-size: 24px;
    line-height: 28px;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center
}

.page-team section.team .team-bios .bio-careers div a,
.page-team section.team .team-bios .bio-video div a {
    margin-top: 10px;
    display: block;
    font-style: normal;
    font-size: 16px;
    color: #fff;
    text-decoration: underline;
    text-transform: none
}

.page-team section.team .team-bios .bio-video .watch-label {
    width: 200px;
    margin-top: 20px;
    padding: 0;
    font-size: 17px;
    font-weight: 400
}

.page-team section.team .team-bios .bio-video .play-btn {
    width: 50px;
    height: 45px;
    margin: 70px auto 0;
    background: transparent url("../../img/team/sprite_sheet.png") no-repeat -68px 0
}

@media (min-width:1010px) and (max-width:1199px) {
    .page-team section.team .team-bios {
        width: 1012px
    }
    .page-team section.team .team-bios .bio {
        margin: 0 20px 60px 0
    }
    .page-team section.team .team-bios .bio .profile-items-desktop-view {
        display: none
    }
    .page-team section.team .team-bios .bio .profile-items-mobile-view {
        display: block
    }
    .page-team section.team .team-bios .bio .profile-items-mobile-view .mRow2 {
        height: 51px;
        display: none
    }
    .page-team section.team .team-bios .bio .profile-items-mobile-view .mRow1 .profile-name p {
        margin: 5px 0 0 0;
        font-size: 15px;
        color: #ce0058;
        text-align: center
    }
    .page-team section.team .team-bios .bio .profile-items-mobile-view .mRow1 .profile-title p {
        font-size: 14px;
        color: #333;
        text-align: center
    }
    .page-team section.team .team-bios .bio-careers.link,
    .page-team section.team .team-bios .bio-video.link {
        margin-bottom: 121px
    }
}

@media (min-width:768px) and (max-width:1009px) {
    .page-team section.team .desktop-tablet-nav.fixed {
        top: 64px
    }
    .page-team section.team .team-bios {
        width: 680px;
        margin-left: 120px
    }
    .page-team section.team .team-bios .bio {
        margin: 0 20px 60px 0
    }
    .page-team section.team .team-bios .bio .profile-items-desktop-view {
        display: none
    }
    .page-team section.team .team-bios .bio .profile-items-mobile-view {
        display: block
    }
    .page-team section.team .team-bios .bio .profile-items-mobile-view .mRow2 {
        height: 51px;
        display: none
    }
    .page-team section.team .team-bios .bio .profile-items-mobile-view .mRow1 .profile-name p {
        font-size: 15px
    }
    .page-team section.team .team-bios .bio .profile-items-mobile-view .mRow1 .profile-title p {
        font-size: 14px
    }
    .page-team section.team .team-bios .bio-careers.link,
    .page-team section.team .team-bios .bio-video.link {
        margin-bottom: 121px
    }
}

@media (max-width:767px) {
    .page-team section.shared-intro {
        background: transparent url("../../img/team/hero/tablet_teampg_hero.jpg") no-repeat;
        background-size: cover;
        padding: 0
    }
    .page-team section.team .container {
        margin-top: 60px
    }
    .page-team section.team .desktop-tablet-nav.fixed {
        top: 64px
    }
    .page-team section.team .desktop-tablet-nav .nav .page-link {
        width: 70px;
        font-size: 13px
    }
    .page-team section.team .sub-heading p.title {
        width: 90%;
        line-height: 30px;
        font-size: 20px
    }
    .page-team section.team .team-bios {
        width: 550px;
        margin: 0 auto
    }
    .page-team section.team .team-bios .bio {
        margin: 0 20px 60px 20px
    }
    .page-team section.team .team-bios .bio .profile-items-desktop-view {
        display: none
    }
    .page-team section.team .team-bios .bio .profile-items-mobile-view {
        display: block
    }
    .page-team section.team .team-bios .bio .profile-items-mobile-view .mRow1 .profile-name p {
        font-size: 16px
    }
    .page-team section.team .team-bios .bio .profile-items-mobile-view .mRow2 {
        height: 51px;
        display: none
    }
    .page-team section.team .team-bios .bio-careers.link,
    .page-team section.team .team-bios .bio-video.link {
        margin-bottom: 121px
    }
}

@media (max-width:480px) {
    .page-team section.shared-intro {
        background: transparent url("../../img/team/hero/mobile_teampg_hero.jpg") no-repeat;
        background-size: cover;
        padding: 0
    }
    .page-team section.shared-intro .intro-details h1 {
        margin-top: 125px
    }
    .page-team section.team .desktop-tablet-nav {
        display: none
    }
    .page-team section.team .mobile-nav {
        display: block
    }
    .page-team section.team .title {
        margin-top: 0;
        margin-bottom: 40px
    }
    .page-team section.team .team-bios {
        width: 320px;
        margin: 0 auto
    }
    .page-team section.team .team-bios .bio {
        width: 125px;
        margin: 0 10px 80px 15px
    }
    .page-team section.team .team-bios .bio .profile-items-mobile-view .mRow1 {
        height: 0
    }
    .page-team section.team .team-bios .bio .profile-items-mobile-view .mRow1 .profile-name p {
        font-size: 15px
    }
    .page-team section.team .team-bios .bio .profile-items-mobile-view .mRow1 .profile-title p {
        line-height: 15px
    }
    .page-team section.team .team-bios .bio .profile-items-mobile-view .mRow2 {
        height: 0
    }
    .page-team section.team .team-bios .bio .profile-items-mobile-view .mRow2 .social-icons {
        margin: 5px 0 12px 0
    }
    .page-team section.team .team-bios .bio.link {
        width: 130px;
        height: 150px
    }
    .page-team section.team .team-bios .bio-careers,
    .page-team section.team .team-bios .bio-video {
        width: 130px;
        height: 155px
    }
    .page-team section.team .team-bios .bio-careers.link,
    .page-team section.team .team-bios .bio-video.link {
        margin-bottom: 85px
    }
    .page-team section.team .team-bios .bio-careers .play-btn,
    .page-team section.team .team-bios .bio-video .play-btn {
        margin: 35px auto 0;
        width: 15px;
        height: 15px;
        background-position: -126px -82px
    }
    .page-team section.team .team-bios .bio-careers .watch-label,
    .page-team section.team .team-bios .bio-video .watch-label {
        width: 90%;
        margin-top: 10px;
        font-size: 10px
    }
    .page-team section.team .team-bios .bio-careers div,
    .page-team section.team .team-bios .bio-video div {
        width: 70%;
        margin-top: 30px;
        font-size: 12px;
        line-height: 15px
    }
    .page-team section.team .team-bios .bio-careers div a,
    .page-team section.team .team-bios .bio-video div a {
        margin-top: 10px;
        font-size: 12px
    }
}

.page-careers h2 {
    margin: 0 0 80px 0;
    letter-spacing: 2px;
    text-align: center;
    font-family: "Montserrat", sans-serif;
    font-weight: 300;
    font-size: 32px;
    color: #2e2e2e
}

.page-careers section.careers-intro .intro-details {
    margin-top: 180px;
    margin-left: auto;
    margin-right: auto
}

.page-careers section.careers-intro .intro-details h1 {
    margin-bottom: 20px;
    color: #fff;
    line-height: 70px;
    font-weight: 400;
    font-size: 55px;
    text-align: center;
    text-transform: uppercase;
    font-family: "Montserrat", sans-serif
}

.page-careers section.careers-intro .intro-details p {
    margin: 30px 0 0 0;
    color: #fff;
    text-align: center;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #2e2e2e
}

.page-careers section.careers-intro .intro-details .btns {
    margin: 180px 0 0 0
}

.page-careers section.careers-intro .intro-details .btns .btn-scroll {
    width: 42px;
    height: 30px;
    margin: 0 auto;
    background: transparent url("../../img/press/spritesheet-presspage.png") no-repeat 1px -92px
}

.page-careers section.careers-intro .intro-details .btns .btn-scroll:hover {
    cursor: pointer
}

.page-careers section.careers-intro .intro-details .btns .btn-scroll:hover .hover-icon {
    display: block
}

.page-careers section.careers-intro .intro-details .btns .btn-scroll .hover-icon {
    display: none;
    width: 50px;
    height: 50px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    opacity: .4;
    filter: alpha(opacity=40);
    background-color: #fff;
    position: relative;
    top: -11px;
    left: -4px
}

.page-careers section.positions {
    margin: 80px 0 40px 0
}

.page-careers section.positions h2 {
    margin: 0 0 50px 0;
    font-family: "Montserrat", sans-serif
}

.page-careers section.positions .position-subheading {
    margin: 0 0 60px 0
}

.page-careers section.positions .position-subheading p {
    text-align: center;
    color: #2e2e2e;
    font-size: 18px;
    line-height: 30px
}

.page-careers section.positions h4 {
    color: #333;
    font-size: 30px;
    margin-bottom: 20px;
    font-weight: 400;
    font-family: "Montserrat", sans-serif;
    text-align: center
}

.page-careers section.positions .job-dept {
    margin: 0 0 30px 0
}

.page-careers section.positions .job-dept .job-dept-header {
    margin: 0 60px;
    padding: 0 0 5px 0;
    border-bottom: 1px solid #ddd
}

.page-careers section.positions .job-dept .job-dept-header span {
    display: inline-block;
    padding: 0 0 5px 0;
    position: relative;
    top: 2px;
    left: 6px;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 18px;
    font-family: "Montserrat", sans-serif;
    color: #2e2e2e
}

.page-careers section.positions .job-listing {
    margin: 0 60px
}

.page-careers section.positions .job-listing a {
    text-decoration: none
}

.page-careers section.positions .job-listing .job-wrapper {
    position: relative;
    padding: 20px 20px 5px 20px;
    margin: 0;
    border-bottom: 1px solid #ddd;
    background: #fbfbfb;
    cursor: pointer
}

.page-careers section.positions .job-listing .job-wrapper .chevrons {
    position: absolute;
    bottom: 35px;
    right: 30px
}

.page-careers section.positions .job-listing .job-wrapper .department {
    color: #777;
    font-size: 13px;
    margin-bottom: 7px;
    text-transform: uppercase
}

.page-careers section.positions .job-listing .job-wrapper .details {
    display: inline-block
}

.page-careers section.positions .job-listing .job-wrapper .details h5 {
    margin-bottom: 10px;
    color: #333;
    font-size: 18px;
    font-weight: 400
}

.page-careers section.positions .job-listing .job-wrapper .details p {
    font-size: 14px
}

.page-careers section.positions .job-listing .job-wrapper:hover .chevrons .position-icon-chevron-gray {
    display: none
}

.page-careers section.positions .job-listing .job-wrapper:hover .chevrons .position-icon-chevron-pink {
    display: block
}

.page-careers section.positions .job-listing .job-wrapper:hover .details h5 {
    color: #ce0058
}

.page-careers section.recruiter-note {
    padding: 30px 0 85px 0
}

.page-careers section.recruiter-note .special-note h3 {
    margin: 30px 0;
    font-size: 22px;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    text-align: center;
    color: #2e2e2e
}

.page-careers section.recruiter-note .special-note p {
    margin: 0;
    text-align: center
}

.page-careers section.recruiter-note h2 {
    margin: 80px 0 0 0
}

.page-careers section.recruiter-note .vid-container {
    margin: 40px 0 0 0
}

.page-careers section.careers-culture {
    padding: 0;
    background-color: #f0f2f4
}

.page-careers section.careers-culture .container h2 {
    margin: 80px 0;
    font-family: "Montserrat", sans-serif
}

.page-careers section.careers-culture .container .perks-icons .perk-row {
    width: 90%;
    padding: 0 0 0 130px;
    text-align: left
}

.page-careers section.careers-culture .container .perks-icons .perk-row .perk-box {
    display: inline-block;
    width: 190px;
    height: 150px;
    margin: 10px 8px;
    padding: 40px 10px 20px 10px;
    background-color: #fff;
    vertical-align: top
}

.page-careers section.careers-culture .container .perks-icons .perk-row .perk-box p {
    padding: 10px 0 0 0;
    font-size: 16px;
    font-weight: 400;
    font-family: "Montserrat", sans-serif;
    text-align: center
}

.page-careers section.careers-culture .container .perks-icons .perk-row .perk-box.snacks {
    padding: 32px 10px 28px 10px
}

.page-careers section.careers-culture .container .perks-icons .perk-row .perk-box.party,
.page-careers section.careers-culture .container .perks-icons .perk-row .perk-box.dinner {
    padding: 24px 10px 37px 10px
}

.page-careers section.careers-culture .container .uber-aid {
    margin: 100px auto 0;
    width: 294px;
    height: 281px;
    background: transparent url("../../img/careers/uber-koolaid.png")
}

.page-careers section.careers-life {
    padding: 80px 0
}

.page-careers section.careers-life .container .hubs-embedded #collection-items ul .tile {
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.page-careers section.careers-life .container .hubs-embedded #collection-items ul .tile a.view {
    background-color: #f4f4f4;
    color: #7e7e7e
}

.page-careers section.careers-life .container .tiles-link-container .tiles-link {
    margin: 0 60px 0 0;
    float: right;
    color: #333;
    text-decoration: none
}

.page-careers section.careers-life .container .tiles-link-container .tiles-link:after {
    position: relative;
    top: -4px;
    left: 10px;
    right: auto;
    bottom: auto;
    width: 0;
    height: 0;
    border-color: transparent transparent transparent #ce0058;
    border-style: solid;
    border-width: 6px;
    -moz-transform: scale(.9999);
    font-size: 0;
    line-height: 0;
    _border-top-color: #0ff;
    _border-right-color: #0ff;
    _border-bottom-color: #0ff;
    _filter: chroma(color=#0ff);
    content: ""
}

.page-careers section.shared-try-it-now .btn {
    color: #000;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border-bottom: 3px #d3d3d3 solid
}

.page-careers section.shared-try-it-now .btn:hover {
    background-color: #d3d3d3
}

.page-careers section.shared-try-it-now .span8 {
    margin-left: -75px
}

@media (min-width:1200px) {
    .page-careers section.careers-intro {
        padding: 0;
        height: 540px;
        background: transparent url("../../img/careers/hero-careers-desktop.jpg") no-repeat 0 -73px;
        background-size: cover
    }
    .page-careers section.careers-intro .intro-details {
        margin-top: 200px;
        margin-left: auto;
        margin-right: auto
    }
    .page-careers section.careers-intro .intro-details h1 {
        line-height: 70px;
        color: #fff;
        font-weight: 400;
        font-size: 55px;
        font-family: "Montserrat", sans-serif;
        text-align: center;
        text-transform: uppercase
    }
    .page-careers section.careers-intro .intro-details p {
        margin: 150px 0 0 0;
        color: #fff;
        text-align: center;
        text-transform: uppercase
    }
    .page-careers section.careers-intro .intro-details .btns {
        margin: 20px 0 0 0
    }
    .page-careers section.careers-intro .intro-details .btns .btn-scroll {
        width: 42px;
        height: 30px;
        margin: 0 auto;
        background: transparent url("../../img/careers/spritesheet-careers.png") no-repeat -73px -46px
    }
    .page-careers section.careers-intro .intro-details .btns .btn-scroll:hover {
        cursor: pointer
    }
    .page-careers section.careers-intro .intro-details .btns .btn-scroll:hover .hover-icon {
        display: block
    }
    .page-careers section.careers-intro .intro-details .btns .btn-scroll .hover-icon {
        display: none;
        width: 50px;
        height: 50px;
        -webkit-border-radius: 25px;
        -moz-border-radius: 25px;
        border-radius: 25px;
        opacity: .4;
        filter: alpha(opacity=40);
        background-color: #fff;
        position: relative;
        top: -11px;
        left: -4px
    }
}

@media (min-width:1010px) and (max-width:1199px) {
    .page-careers section.careers-intro {
        height: 540px;
        background: transparent url("../../img/careers/hero-careers-desktop.jpg") no-repeat -255px -73px
    }
    .page-careers section.careers-intro .intro-details p {
        margin: 180px 0 0 0;
        color: #fff;
        text-align: center;
        text-transform: uppercase
    }
    .page-careers section.careers-intro .intro-details .btns {
        margin: 20px 0 0 0
    }
    .page-careers section.careers-culture .perks-icons .span2 {
        width: 180px
    }
    .page-careers section.careers-life .container .tiles-link-container .tiles-link {
        margin: 0 90px 0 0
    }
}

@media (min-width:768px) and (max-width:1009px) {
    .page-careers section.careers-intro {
        height: 540px;
        background: transparent url("../../img/careers/hero-careers-tablet.jpg") no-repeat
    }
    .page-careers section.careers-intro .intro-details p {
        margin: 170px 0 0 0;
        text-transform: uppercase;
        color: #fff
    }
    .page-careers section.careers-intro .intro-details .btns {
        margin: 20px 0 0 0
    }
    .page-careers section.careers-culture .container .perks-icons .perk-row {
        width: 95%;
        padding: 0 0 0 15px
    }
    .page-careers section.careers-life .container .tiles-link-container .tiles-link {
        margin: 0 105px 0 0
    }
    .page-careers section.positions {
        margin: 80px 0 20px 0
    }
    .page-careers section.recruiter-note .special-note h6 {
        font-size: 20px
    }
    .page-careers section.recruiter-note .special-note .boxed {
        margin: 0 60px;
        padding: 30px
    }
    .page-careers section.recruiter-note .special-note .boxed p {
        font-size: 16px;
        line-height: 20px
    }
}

@media (max-width:767px) {
    .page-careers section.careers-intro {
        height: 540px;
        background: transparent url("../../img/careers/hero-careers-tablet.jpg") no-repeat -200px -18px
    }
    .page-careers section.careers-intro .intro-details h1 {
        font-size: 50px
    }
    .page-careers section.careers-intro .intro-details p {
        margin: 170px 0 0 0;
        text-transform: uppercase;
        color: #fff
    }
    .page-careers section.careers-intro .intro-details .btns {
        margin: 20px 0 0 0
    }
    .page-careers section.careers-culture .container .perks-icons .perk-row {
        padding: 0;
        width: 90%;
        margin: 0 auto;
        text-align: center
    }
    .page-careers section.careers-life .container .tiles-link-container .tiles-link {
        width: 220px;
        margin: 0 auto;
        display: block;
        float: none
    }
    .page-careers section.positions .job-listing .job-wrapper .chevrons {
        display: none
    }
    .page-careers section.recruiter-note .special-note p {
        width: 85%;
        margin: 0 auto;
        line-height: 24px
    }
    .page-careers section.shared-try-it-now .container .row .span8 {
        margin-left: 0
    }
    .page-careers section.shared-try-it-now .container .row .span8 p {
        margin-bottom: 20px;
        font-size: 22px
    }
}

@media (max-width:480px) {
    .page-careers section.careers-intro {
        background: transparent url("../../img/careers/hero-careers-mobile.jpg") no-repeat;
        background-size: cover
    }
    .page-careers section.careers-intro .intro-details {
        margin-top: 90px
    }
    .page-careers section.careers-intro .intro-details h1 {
        width: 240px;
        margin: 0 auto;
        font-size: 50px;
        line-height: 90px
    }
    .page-careers section.careers-intro .intro-details p {
        margin: 70px 0 0 0
    }
    .page-careers section.positions {
        margin: 80px 0 40px 0
    }
    .page-careers section.positions .container h2 {
        font-size: 40px;
        line-height: 45px
    }
    .page-careers section.positions .container .job-dept .job-dept-header {
        margin: 0 20px
    }
    .page-careers section.positions .container .job-listing {
        margin: 0 20px
    }
    .page-careers section.positions .container .job-listing .job-wrapper .chevrons {
        display: none
    }
    .page-careers section.positions .container .job-listing .job-wrapper .details {
        width: 90%
    }
    .page-careers section.positions .container .job-listing .job-wrapper .details h5 {
        line-height: 23px
    }
    .page-careers section.careers-culture .container h2 {
        margin: 40px 0 0 0;
        padding: 50px;
        font-size: 40px;
        line-height: 50px
    }
    .page-careers section.recruiter-note .special-note h3 {
        padding: 0 80px;
        font-size: 26px;
        line-height: 40px
    }
    .page-careers section.recruiter-note .special-note p {
        font-size: 18px;
        line-height: 30px
    }
    .page-careers section.careers-life .container h2 {
        font-size: 40px
    }
}

@media (max-width:380px) {
    .page-careers section.careers-intro .intro-details {
        margin-top: 90px
    }
    .page-careers section.careers-intro .intro-details h1 {
        width: 195px;
        font-size: 40px;
        line-height: 90px
    }
    .page-careers section.careers-intro .intro-details p {
        margin: 70px 0 0 0
    }
    .page-careers section.positions .container h2 {
        padding: 0 10px;
        font-size: 38px
    }
    .page-careers section.positions .container .position-subheading p {
        padding: 0 10px
    }
    .page-careers section.recruiter-note .special-note h3 {
        padding: 0 50px
    }
    .page-careers section.careers-life .container h2 {
        line-height: 50px
    }
}

.page-brand section.shared-intro p {
    color: #888;
    font-size: 18px
}

.page-brand section.shared-intro h1 {
    font-family: "Montserrat", sans-serif
}

.page-brand section.brand-logos {
    padding: 60px 0
}

.page-brand section.brand-logos .row {
    margin-bottom: 40px;
    *zoom: 1
}

.page-brand section.brand-logos .row:before,
.page-brand section.brand-logos .row:after {
    display: table;
    content: "";
    line-height: 0
}

.page-brand section.brand-logos .row:after {
    clear: both
}

.page-brand section.brand-logos .row:last-child {
    margin-bottom: 0
}

.page-brand section.brand-logos .row .span2 h2 {
    font-size: 22px;
    font-family: "Montserrat", sans-serif
}

.page-brand section.brand-logos .row .span10 .row {
    margin-bottom: 0
}

.page-brand section.brand-logos .row .span10 p {
    color: #666
}

.page-brand section.brand-logos .brand-logo-container {
    margin: 0 0 30px 0;
    *zoom: 1
}

.page-brand section.brand-logos .brand-logo-container:before,
.page-brand section.brand-logos .brand-logo-container:after {
    display: table;
    content: "";
    line-height: 0
}

.page-brand section.brand-logos .brand-logo-container:after {
    clear: both
}

.page-brand section.brand-logos .brand-logo-container .brand-logo {
    float: left;
    margin: 0 20px 20px 0
}

.page-brand section.brand-logos .brand-logo-container .brand-logo p {
    color: #777;
    font-size: 11px;
    margin: 0
}

.page-brand section.brand-logos .brand-logo-container .brand-logo .btn.btn-uberflip {
    display: block;
    width: 70px;
    margin: 15px auto 0 auto
}

.page-brand section.brand-logos .brand-logo-container .brand-logo .logo-block {
    width: 215px
}

.page-brand section.brand-logos .brand-logo-container .brand-logo .logo-block .white-bg {
    width: 215px;
    height: 120px;
    background-color: #fff;
    border: 1px solid #cacaca
}

.page-brand section.brand-logos .brand-logo-container .brand-logo .logo-block .pink-bg {
    width: 215px;
    height: 120px;
    background-color: #ce0058;
    border: 1px solid #9b0042
}

.page-brand section.brand-logos .brand-logo-container .brand-logo .logo-block [class^="uf-logo-"],
.page-brand section.brand-logos .brand-logo-container .brand-logo .logo-block [class*=" uf-logo-"] {
    margin: 42px auto 0 auto
}

.page-brand section.brand-logos .brand-logo-container .brand-logo .logo-block .uf-logo-stacked-pink,
.page-brand section.brand-logos .brand-logo-container .brand-logo .logo-block .uf-logo-stacked-white {
    margin-top: 26px
}

.page-brand section.brand-logos .brand-logo-container .brand-logo .logo-block .uf-logo-icon-pink,
.page-brand section.brand-logos .brand-logo-container .brand-logo .logo-block .uf-logo-icon-white {
    margin-top: 29px
}

.page-brand section.brand-logos .how-to-use p {
    color: #666
}

.page-brand section.brand-logos .how-to-use p small {
    font-size: 12px
}

.page-brand section.brand-logos .how-to-use ol {
    font-size: 16px
}

.page-brand section.brand-logos .how-to-use ol li {
    color: #666;
    line-height: 24px;
    margin-bottom: 10px
}

.page-brand section.brand-logos .how-to-use ol li b,
.page-brand section.brand-logos .how-to-use ol li strong {
    color: #333
}

.page-brand section.brand-logos div.box {
    padding: 20px
}

.page-brand section.brand-logos div.box p {
    color: #666;
    text-align: left;
    line-height: 20px;
    margin: 0
}

.page-brand section.brand-logos div.box p.large {
    color: #333;
    font-size: 32px;
    font-family: "Montserrat", sans-serif;
    line-height: 46px
}

.page-brand section.brand-logos div.box p.larger {
    color: #333;
    font-size: 38px;
    font-family: "Montserrat", sans-serif;
    line-height: 46px
}

.page-brand section.brand-logos div.box p.branded {
    color: #ce0058
}

.page-brand section.brand-logos div.box p.font-droid {
    font-family: 'Droid Sans', sans-serif;
    font-weight: 400
}

.page-brand section.brand-logos div.box p small {
    color: #666;
    font-size: 18px
}

.page-brand section.brand-logos .nanum-pen-block {
    width: 500px;
    margin: 0 auto
}

.page-brand section.brand-logos .nanum-pen-block .nanum-pen-script {
    display: block;
    width: 500px;
    height: 28px;
    *margin-right: .3em;
    vertical-align: text-top;
    background-color: transparent;
    background-position: 0 -154px;
    background-repeat: no-repeat;
    background-image: url("../../img/brand/spritesheet.png")
}

.page-brand section.brand-logos .nanum-pen-block .nanum-pen-parts {
    *zoom: 1
}

.page-brand section.brand-logos .nanum-pen-block .nanum-pen-parts:before,
.page-brand section.brand-logos .nanum-pen-block .nanum-pen-parts:after {
    display: table;
    content: "";
    line-height: 0
}

.page-brand section.brand-logos .nanum-pen-block .nanum-pen-parts:after {
    clear: both
}

.page-brand section.brand-logos .nanum-pen-block .nanum-pen-parts [class^="part"],
.page-brand section.brand-logos .nanum-pen-block .nanum-pen-parts [class*=" part-"] {
    float: left;
    position: relative
}

.page-brand section.brand-logos .nanum-pen-block .nanum-pen-parts [class^="part"] .surrounding-lines,
.page-brand section.brand-logos .nanum-pen-block .nanum-pen-parts [class*=" part-"] .surrounding-lines {
    height: 10px;
    border: 1px solid #cacaca;
    border-top: 0
}

.page-brand section.brand-logos .nanum-pen-block .nanum-pen-parts [class^="part"] .pointing-line,
.page-brand section.brand-logos .nanum-pen-block .nanum-pen-parts [class*=" part-"] .pointing-line {
    position: absolute;
    top: 10px;
    left: 50%;
    width: 2px;
    height: 10px;
    border-left: 1px solid #cacaca
}

.page-brand section.brand-logos .nanum-pen-block .nanum-pen-parts [class^="part"] .hex-color-code,
.page-brand section.brand-logos .nanum-pen-block .nanum-pen-parts [class*=" part-"] .hex-color-code {
    color: #999;
    font-size: 12px;
    margin-top: 10px
}

.page-brand section.brand-logos .nanum-pen-block .nanum-pen-parts .part1 {
    width: 240px;
    margin: 0 8px 0 0
}

.page-brand section.brand-logos .nanum-pen-block .nanum-pen-parts .part2 {
    width: 106px;
    margin: 0 7px 0 0
}

.page-brand section.brand-logos .nanum-pen-block .nanum-pen-parts .part3 {
    width: 138px;
    margin: 0
}

.page-brand section.brand-logos .color-container {
    margin-bottom: 20px;
    *zoom: 1
}

.page-brand section.brand-logos .color-container:before,
.page-brand section.brand-logos .color-container:after {
    display: table;
    content: "";
    line-height: 0
}

.page-brand section.brand-logos .color-container:after {
    clear: both
}

.page-brand section.brand-logos .color-container .colour-boxes {
    float: left;
    width: 400px;
    height: 160px;
    font-size: 12px;
    text-align: center;
    margin-right: 20px
}

.page-brand section.brand-logos .color-container .colour-boxes .colour-box {
    float: left;
    width: 80px;
    height: 50px;
    color: #fff;
    padding-top: 30px
}

.page-brand section.brand-logos .color-container .colour-boxes .colour-box.wide {
    width: 160px
}

.page-brand section.brand-logos .color-container .colour-boxes .colour-box.tall {
    height: 95px;
    padding-top: 65px
}

.page-brand section.brand-logos .color-container .colour-boxes .colour-box.primary {
    background-color: #ce0058
}

.page-brand section.brand-logos .color-container .colour-boxes .colour-box.secondary {
    background-color: #2f96b4
}

.page-brand section.brand-logos .color-container .colour-boxes .colour-box.gray-darker {
    background-color: #333
}

.page-brand section.brand-logos .color-container .colour-boxes .colour-box.gray-dark {
    background-color: #666
}

.page-brand section.brand-logos .color-container .colour-boxes .colour-box.gray-light {
    background-color: #999
}

.page-brand section.brand-logos .color-container .colour-boxes .colour-box.gray-lighter {
    background-color: #cacaca;
    color: #666
}

@media (min-width:1010px) and (max-width:1199px) {
    .page-brand section.brand-logos .brand-logo-container .brand-logo .logo-block {
        width: 185px
    }
    .page-brand section.brand-logos .brand-logo-container .brand-logo .logo-block .white-bg,
    .page-brand section.brand-logos .brand-logo-container .brand-logo .logo-block .pink-bg {
        width: 185px;
        height: 100px
    }
    .page-brand section.brand-logos .brand-logo-container .brand-logo .logo-block [class^="uf-logo-"],
    .page-brand section.brand-logos .brand-logo-container .brand-logo .logo-block [class*=" uf-logo-"] {
        margin: 35px auto 0 auto
    }
    .page-brand section.brand-logos .brand-logo-container .brand-logo .logo-block .uf-logo-stacked-pink,
    .page-brand section.brand-logos .brand-logo-container .brand-logo .logo-block .uf-logo-stacked-white {
        margin-top: 16px
    }
    .page-brand section.brand-logos .brand-logo-container .brand-logo .logo-block .uf-logo-icon-pink,
    .page-brand section.brand-logos .brand-logo-container .brand-logo .logo-block .uf-logo-icon-white {
        margin-top: 19px
    }
}

@media (min-width:768px) and (max-width:1009px) {
    .page-brand section.brand-logos .row .span2 h2 {
        font-size: 18px
    }
    .page-brand section.brand-logos div.box p.large {
        font-size: 20px
    }
    .page-brand section.brand-logos div.box p.larger {
        font-size: 28px
    }
    .page-brand section.brand-logos div.box p small {
        font-size: 16px
    }
    .page-brand section.brand-logos .color-container .colour-boxes {
        width: 350px;
        height: 120px
    }
    .page-brand section.brand-logos .color-container .colour-boxes .colour-box {
        width: 70px;
        height: 40px;
        padding-top: 20px
    }
    .page-brand section.brand-logos .color-container .colour-boxes .colour-box.wide {
        width: 140px
    }
    .page-brand section.brand-logos .color-container .colour-boxes .colour-box.tall {
        height: 75px;
        padding-top: 45px
    }
}

@media (max-width:767px) {
    .page-brand p,
    .page-brand li {
        font-size: 14px
    }
    .page-brand section.brand-logos .row {
        padding: 0 20px
    }
    .page-brand section.brand-logos .brand-logo-container {
        width: 410px;
        margin: 0 auto
    }
    .page-brand section.brand-logos .brand-logo-container .brand-logo .logo-block {
        width: 185px
    }
    .page-brand section.brand-logos .brand-logo-container .brand-logo .logo-block .white-bg,
    .page-brand section.brand-logos .brand-logo-container .brand-logo .logo-block .pink-bg {
        width: 185px;
        height: 100px
    }
    .page-brand section.brand-logos .brand-logo-container .brand-logo .logo-block [class^="uf-logo-"],
    .page-brand section.brand-logos .brand-logo-container .brand-logo .logo-block [class*=" uf-logo-"] {
        margin: 35px auto 0 auto
    }
    .page-brand section.brand-logos .brand-logo-container .brand-logo .logo-block .uf-logo-stacked-pink,
    .page-brand section.brand-logos .brand-logo-container .brand-logo .logo-block .uf-logo-stacked-white {
        margin-top: 16px
    }
    .page-brand section.brand-logos .brand-logo-container .brand-logo .logo-block .uf-logo-icon-pink,
    .page-brand section.brand-logos .brand-logo-container .brand-logo .logo-block .uf-logo-icon-white {
        margin-top: 19px
    }
    .page-brand section.brand-logos div.box p.large {
        font-size: 14px;
        line-height: 30px
    }
    .page-brand section.brand-logos div.box p.larger {
        font-size: 22px;
        line-height: 30px
    }
    .page-brand section.brand-logos div.box p small {
        font-size: 12px
    }
    .page-brand section.brand-logos .nanum-pen-block {
        width: 351px
    }
    .page-brand section.brand-logos .nanum-pen-block .nanum-pen-script {
        width: 351px;
        height: 20px;
        background-size: 351px 127px;
        background-position: 0 -108px
    }
    .page-brand section.brand-logos .nanum-pen-block .nanum-pen-parts .part1 {
        width: 167px
    }
    .page-brand section.brand-logos .nanum-pen-block .nanum-pen-parts .part2 {
        width: 72px
    }
    .page-brand section.brand-logos .nanum-pen-block .nanum-pen-parts .part3 {
        width: 95px
    }
    .page-brand section.brand-logos .color-container .colour-boxes {
        float: none;
        margin-bottom: 20px
    }
}

@media (max-width:480px) {
    .page-brand p,
    .page-brand li {
        font-size: 14px
    }
    .page-brand section.brand-logos .row {
        padding: 0 20px
    }
    .page-brand section.brand-logos .row .span2 h2 {
        font-size: 22px
    }
    .page-brand section.brand-logos .brand-logo-container {
        width: 300px;
        margin: 0 auto
    }
    .page-brand section.brand-logos .brand-logo-container .brand-logo .logo-block {
        width: 130px
    }
    .page-brand section.brand-logos .brand-logo-container .brand-logo .logo-block .white-bg,
    .page-brand section.brand-logos .brand-logo-container .brand-logo .logo-block .pink-bg {
        width: 130px;
        height: 100px
    }
    .page-brand section.brand-logos .brand-logo-container .brand-logo .logo-block [class^="uf-logo-"],
    .page-brand section.brand-logos .brand-logo-container .brand-logo .logo-block [class*=" uf-logo-"] {
        background-size: 351px 127px;
        margin: 39px auto 0 auto
    }
    .page-brand section.brand-logos .brand-logo-container .brand-logo .logo-block .uf-logo-main-pink {
        width: 114px;
        height: 27px;
        background-position: 0 0
    }
    .page-brand section.brand-logos .brand-logo-container .brand-logo .logo-block .uf-logo-main-white {
        width: 114px;
        height: 27px;
        background-position: 0 -27px
    }
    .page-brand section.brand-logos .brand-logo-container .brand-logo .logo-block .uf-logo-stacked-pink {
        width: 91px;
        height: 50px;
        background-position: 0 -56px
    }
    .page-brand section.brand-logos .brand-logo-container .brand-logo .logo-block .uf-logo-stacked-white {
        width: 91px;
        height: 50px;
        background-position: -92px -56px
    }
    .page-brand section.brand-logos .brand-logo-container .brand-logo .logo-block .uf-logo-icon-pink {
        width: 47px;
        height: 44px;
        background-position: -183px 0
    }
    .page-brand section.brand-logos .brand-logo-container .brand-logo .logo-block .uf-logo-icon-white {
        width: 47px;
        height: 44px;
        background-position: -183px -45px
    }
    .page-brand section.brand-logos .brand-logo-container .brand-logo .logo-block .uf-logo-hubs-pink {
        width: 69px;
        height: 25px;
        background-position: -114px 0
    }
    .page-brand section.brand-logos .brand-logo-container .brand-logo .logo-block .uf-logo-hubs-white {
        width: 69px;
        height: 25px;
        background-position: -114px -26px
    }
    .page-brand section.brand-logos .brand-logo-container .brand-logo .logo-block .uf-logo-stacked-pink,
    .page-brand section.brand-logos .brand-logo-container .brand-logo .logo-block .uf-logo-stacked-white {
        margin-top: 26px
    }
    .page-brand section.brand-logos .brand-logo-container .brand-logo .logo-block .uf-logo-icon-pink,
    .page-brand section.brand-logos .brand-logo-container .brand-logo .logo-block .uf-logo-icon-white {
        margin-top: 29px
    }
    .page-brand section.brand-logos div.box {
        padding: 10px
    }
    .page-brand section.brand-logos div.box p.large {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 10px
    }
    .page-brand section.brand-logos div.box p.larger {
        font-size: 20px;
        line-height: 20px;
        margin-bottom: 10px
    }
    .page-brand section.brand-logos div.box p small {
        font-size: 12px
    }
    .page-brand section.brand-logos .nanum-pen-block {
        width: 100%
    }
    .page-brand section.brand-logos .nanum-pen-block .nanum-pen-script {
        display: none
    }
    .page-brand section.brand-logos .nanum-pen-block .nanum-pen-parts [class^="part"],
    .page-brand section.brand-logos .nanum-pen-block .nanum-pen-parts [class*=" part-"] {
        float: none;
        padding-top: 20px;
        margin: 10px auto;
        background-color: transparent;
        background-position: 0 -154px;
        background-repeat: no-repeat;
        background-image: url("../../img/brand/spritesheet.png")
    }
    .page-brand section.brand-logos .nanum-pen-block .nanum-pen-parts [class^="part"] .pointing-line,
    .page-brand section.brand-logos .nanum-pen-block .nanum-pen-parts [class*=" part-"] .pointing-line {
        top: 30px
    }
    .page-brand section.brand-logos .nanum-pen-block .nanum-pen-parts [class^="part"] .hex-color-code,
    .page-brand section.brand-logos .nanum-pen-block .nanum-pen-parts [class*=" part-"] .hex-color-code {
        margin-left: -20px;
        margin-right: -20px
    }
    .page-brand section.brand-logos .nanum-pen-block .nanum-pen-parts .part1 {
        width: 238px
    }
    .page-brand section.brand-logos .nanum-pen-block .nanum-pen-parts .part2 {
        width: 103px;
        background-position: -250px -154px
    }
    .page-brand section.brand-logos .nanum-pen-block .nanum-pen-parts .part3 {
        width: 138px;
        background-position: -360px -154px
    }
    .page-brand section.brand-logos .color-container .colour-boxes {
        width: 275px;
        height: 104px;
        font-size: 10px
    }
    .page-brand section.brand-logos .color-container .colour-boxes .colour-box {
        width: 55px;
        height: 38px;
        padding-top: 14px
    }
    .page-brand section.brand-logos .color-container .colour-boxes .colour-box.wide {
        width: 110px
    }
    .page-brand section.brand-logos .color-container .colour-boxes .colour-box.tall {
        height: 65px;
        padding-top: 39px
    }
}

.page-press h2 {
    margin: 0 0 80px 0;
    letter-spacing: 2px;
    text-align: center;
    font-family: "Montserrat", sans-serif;
    font-weight: 300;
    font-size: 32px;
    color: #2e2e2e
}

.page-press section.shared-intro {
    padding: 0;
    height: 540px;
    background: transparent url("../../img/press/hero-press-desktop.jpg") no-repeat center;
    background-size: cover;
    overflow: hidden
}

.page-press section.shared-intro .intro-details {
    margin-top: 180px;
    margin-left: auto;
    margin-right: auto
}

.page-press section.shared-intro .intro-details h1 {
    margin-bottom: 20px;
    color: #fff;
    line-height: 70px;
    font-weight: 400;
    font-size: 55px;
    text-align: center;
    text-transform: uppercase;
    font-family: "Montserrat", sans-serif
}

.page-press section.shared-intro .intro-details p {
    margin: 30px 0 0 0;
    color: #fff;
    text-align: center
}

.page-press section.shared-intro .intro-details .btns {
    margin: 180px 0 0 0
}

.page-press section.shared-intro .intro-details .btns .btn-scroll {
    width: 42px;
    height: 30px;
    margin: 0 auto;
    background: transparent url("../../img/press/spritesheet-presspage.png") no-repeat 1px -92px
}

.page-press section.shared-intro .intro-details .btns .btn-scroll:hover {
    cursor: pointer
}

.page-press section.shared-intro .intro-details .btns .btn-scroll:hover .hover-icon {
    display: block
}

.page-press section.shared-intro .intro-details .btns .btn-scroll .hover-icon {
    display: none;
    width: 50px;
    height: 50px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    opacity: .4;
    filter: alpha(opacity=40);
    background-color: #fff;
    position: relative;
    top: -11px;
    left: -4px
}

.page-press section.press-company-list {
    padding: 40px 0
}

.page-press section.press-company-list .container>p {
    margin: 0 0 5px 0;
    position: relative;
    top: auto;
    left: 120px;
    right: auto;
    bottom: auto;
    color: #000;
    font-weight: 400
}

.page-press section.press-company-list .companies {
    text-align: center
}

.page-press section.press-company-list .companies div {
    display: inline-block;
    margin: 0 15px
}

.page-press section.press-hub-tiles {
    padding: 80px 0;
    background-color: #f4f4f4
}

.page-press section.press-hub-tiles .hubs-embedded #collection-items ul .tile {
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.page-press section.press-hub-tiles .hubs-embedded #collection-items ul .tile a.view {
    background-color: #f4f4f4;
    color: #7e7e7e
}

.page-press section.press-hub-tiles .container .tiles-link {
    float: right;
    position: relative;
    top: -22px;
    left: -68px;
    right: auto;
    bottom: auto;
    color: #333;
    text-decoration: none
}

.page-press section.press-hub-tiles .container .tiles-link:after {
    position: absolute;
    top: 7px;
    left: auto;
    right: -20px;
    bottom: auto;
    width: 0;
    height: 0;
    border-color: transparent transparent transparent #ce0058;
    border-style: solid;
    border-width: 6px;
    -moz-transform: scale(.9999);
    font-size: 0;
    line-height: 0;
    _border-top-color: #0ff;
    _border-right-color: #0ff;
    _border-bottom-color: #0ff;
    _filter: chroma(color=#0ff);
    content: ""
}

.page-press section.press-about {
    padding: 80px 0 115px 0
}

.page-press section.press-about h2 {
    margin: 0 0 70px 0
}

.page-press section.press-about p {
    width: 75%;
    margin: 20px auto;
    line-height: 30px;
    text-align: center;
    font-size: 18px;
    color: #2e2e2e
}

.page-press section.press-about p.italic-text {
    width: 85%;
    margin: 0 auto;
    line-height: 30px;
    font-style: italic;
    font-size: 21px;
    color: #585b64
}

.page-press section.press-about p.text-bold-italic,
.page-press section.press-about p span.text-bold-italic {
    font-weight: 700;
    font-style: italic
}

.page-press section.press-about p a.pink-text {
    color: #ce0058;
    text-decoration: none;
    cursor: pointer
}

.page-press section.press-about .divider hr {
    width: 120px;
    margin: 40px auto;
    color: #cacaca
}

.page-press section.press-about .action-btns {
    margin: 90px 0 0 0
}

.page-press section.press-about .action-btns a {
    display: block;
    width: 220px;
    margin: 0 auto;
    padding: 10px 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 2px solid #cbcbcd;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    color: #b1b1b4;
    font-size: 14px;
    font-weight: 700
}

.page-press section.press-about .action-btns a:hover {
    background-color: #ce0058;
    border: 2px solid #ce0058;
    color: #fff
}

.page-press section.press-media-contact {
    padding: 80px 0;
    background-color: #f1f2f6
}

.page-press section.press-media-contact h2 {
    margin: 0 0 40px 0
}

.page-press section.press-media-contact .contact-info {
    margin: 20px 0 0 0;
    text-align: center
}

.page-press section.press-media-contact .contact-info p {
    margin: 5px 0;
    font-size: 18px
}

.page-press section.press-media-contact .contact-info a {
    color: #ce0058;
    text-decoration: none;
    font-size: 18px
}

.page-press section.speakers {
    padding: 80px 0
}

.page-press section.speakers .container .speaker .person-details {
    margin: 10px 0 0 0;
    text-align: center
}

.page-press section.speakers .container .speaker .person-details .name p {
    margin: 0;
    color: #ce0058
}

.page-press section.speakers .container .speaker .person-details .title p {
    color: #a7a7a7;
    font-size: 14px
}

.page-press section.speakers .container .speaker .social-links {
    text-align: center
}

.page-press section.speakers .container .speaker .social-links a {
    margin: 0 2px;
    display: inline-block
}

.page-press section.speakers .container .speaker .speaker-kit {
    margin: 20px 0 0 0
}

.page-press section.speakers .container .speaker .speaker-kit a {
    display: block;
    width: 220px;
    margin: 0 auto;
    padding: 10px 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 2px solid #cbcbcd;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    color: #b1b1b4;
    font-size: 14px;
    font-weight: 700
}

.page-press section.speakers .container .speaker .speaker-kit a:hover {
    background-color: #ce0058;
    border: 2px solid #ce0058;
    color: #fff
}

@media (min-width:1010px) and (max-width:1199px) {
    .page-press section.shared-intro {
        height: 540px;
        background-image: url("../../img/press/hero-press-tablet.jpg")
    }
    .page-press section.press-company-list .container>p {
        left: 38px
    }
    .page-press section.press-hub-tiles .container .tiles-link {
        left: -130px
    }
}

@media (min-width:768px) and (max-width:1009px) {
    .page-press section.shared-intro {
        height: 540px;
        background-image: url("../../img/press/hero-press-tablet.jpg")
    }
    .page-press section.press-company-list .container>p {
        margin: 0 0 5px 5px;
        position: initial
    }
    .page-press section.press-company-list .container .companies {
        text-align: left
    }
    .page-press section.press-company-list .container .companies .press-items {
        background-size: 330px;
        margin: 0
    }
    .page-press section.press-company-list .container .companies .press-items.venturebeat {
        width: 145px;
        height: 35px
    }
    .page-press section.press-company-list .container .companies .press-items.mashable {
        width: 115px;
        height: 35px;
        background-position: -142px 7px
    }
    .page-press section.press-company-list .container .companies .press-items.cmo {
        width: 70px;
        height: 35px;
        background-position: -255px 0
    }
    .page-press section.press-company-list .container .companies .press-items.entrepreneur {
        width: 130px;
        height: 35px;
        background-position: 3px -24px
    }
    .page-press section.press-company-list .container .companies .press-items.forbes {
        width: 100px;
        height: 35px;
        background-position: -130px -27px
    }
    .page-press section.press-company-list .container .companies .press-items.venturebeat,
    .page-press section.press-company-list .container .companies .press-items.mashable,
    .page-press section.press-company-list .container .companies .press-items.cmo,
    .page-press section.press-company-list .container .companies .press-items.entrepreneur {
        margin: 0 35px 0 0
    }
    .page-press section.press-hub-tiles .container .tiles-link {
        left: -117px
    }
    .page-press section.press-about .container .action-btns a {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
    }
}

@media (max-width:767px) {
    .page-press section.shared-intro {
        height: 540px;
        background-image: url("../../img/press/hero-press-tablet.jpg")
    }
    .page-press section.shared-intro .intro-details h1 {
        padding: 0 40px
    }
    .page-press section.shared-intro .intro-details p {
        font-size: 18px
    }
    .page-press section.press-hub-tiles .container .tiles-link {
        display: block;
        float: none;
        position: initial;
        margin: 0 auto;
        width: 300px;
        text-align: center
    }
    .page-press section.press-hub-tiles .container .tiles-link:after {
        position: relative;
        top: -4px;
        left: 10px;
        right: auto;
        bottom: auto;
        width: 0;
        height: 0;
        border-color: transparent transparent transparent #ce0058;
        border-style: solid;
        border-width: 6px;
        -moz-transform: scale(.9999);
        font-size: 0;
        line-height: 0;
        _border-top-color: #0ff;
        _border-right-color: #0ff;
        _border-bottom-color: #0ff;
        _filter: chroma(color=#0ff);
        content: ""
    }
    .page-press section.press-company-list .container>p {
        margin: 0 0 5px 15px;
        position: initial
    }
    .page-press section.press-company-list .container .companies div {
        margin-right: 20px
    }
    .page-press section.press-about .container .action-btns {
        margin: 60px 0 0 0
    }
    .page-press section.press-about .container .action-btns a {
        margin: 20px auto;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
    }
    .page-press section.speakers .container h2 {
        margin: 0
    }
    .page-press section.speakers .container .row .span4 {
        margin: 60px 0
    }
}

@media (max-width:480px) {
    .page-press section.shared-intro {
        background-image: url("../../img/press/hero-press-mobile.jpg");
        background-position: initial
    }
    .page-press section.shared-intro .intro-details {
        margin-top: 120px
    }
    .page-press section.shared-intro .intro-details h1 {
        margin-bottom: 40px;
        padding: 0 50px;
        font-size: 42px;
        line-height: 55px
    }
    .page-press section.shared-intro .intro-details p {
        margin: 80px 0 0 0;
        padding: 0 70px;
        font-size: 20px;
        line-height: 30px
    }
    .page-press section.shared-intro .intro-details .btns {
        margin: 80px 0 0 0
    }
    .page-press section.press-company-list {
        padding: 20px 0 40px 0
    }
    .page-press section.press-company-list .container>p {
        margin: 0 0 10px 15px;
        position: initial;
        font-size: 18px
    }
    .page-press section.press-company-list .container .companies {
        margin-left: 10px;
        text-align: left
    }
    .page-press section.press-company-list .container .companies .press-items {
        margin: 0 15px 0 0;
        background-size: 400px
    }
    .page-press section.press-company-list .container .companies .press-items.venturebeat {
        width: 175px;
        height: 35px
    }
    .page-press section.press-company-list .container .companies .press-items.mashable {
        width: 125px;
        height: 38px;
        background-position: -180px 7px
    }
    .page-press section.press-company-list .container .companies .press-items.cmo {
        width: 75px;
        height: 35px;
        position: relative;
        top: 8px;
        background-position: -314px -5px
    }
    .page-press section.press-company-list .container .companies .press-items.entrepreneur {
        width: 155px;
        height: 35px;
        position: relative;
        top: 10px;
        background-position: 0 -35px
    }
    .page-press section.press-company-list .container .companies .press-items.forbes {
        width: 120px;
        height: 38px;
        background-position: -160px -32px
    }
    .page-press section.press-company-list .container .companies .press-items.venturebeat,
    .page-press section.press-company-list .container .companies .press-items.mashable,
    .page-press section.press-company-list .container .companies .press-items.cmo,
    .page-press section.press-company-list .container .companies .press-items.entrepreneur,
    .page-press section.press-company-list .container .companies .press-items.forbes {
        margin-top: 10px 35px 0 0
    }
    .page-press section.press-hub-tiles .container .tiles-link {
        left: -135px
    }
}

@media (max-width:380px) {
    .page-press section.shared-intro .intro-details {
        margin-top: 90px
    }
    .page-press section.shared-intro .intro-details h1 {
        padding: 0 50px;
        font-size: 32px
    }
    .page-press section.shared-intro .intro-details p {
        padding: 0 40px;
        font-size: 18px
    }
    .page-press section.press-company-list {
        padding: 20px 0 40px 0
    }
    .page-press section.press-company-list .container .companies .press-items {
        margin: 0;
        background-size: 330px
    }
    .page-press section.press-company-list .container .companies .press-items.venturebeat {
        width: 145px;
        height: 35px;
        position: relative;
        top: 5px
    }
    .page-press section.press-company-list .container .companies .press-items.mashable {
        width: 115px;
        height: 35px;
        position: relative;
        left: -5px;
        background-position: -142px 7px
    }
    .page-press section.press-company-list .container .companies .press-items.cmo {
        width: 70px;
        height: 35px;
        background-position: -255px 0
    }
    .page-press section.press-company-list .container .companies .press-items.entrepreneur {
        width: 130px;
        height: 35px;
        background-position: 3px -24px
    }
    .page-press section.press-company-list .container .companies .press-items.forbes {
        width: 100px;
        height: 35px;
        background-position: -130px -23px
    }
    .page-press section.press-company-list .container .companies .press-items.venturebeat,
    .page-press section.press-company-list .container .companies .press-items.mashable,
    .page-press section.press-company-list .container .companies .press-items.cmo,
    .page-press section.press-company-list .container .companies .press-items.entrepreneur,
    .page-press section.press-company-list .container .companies .press-items.forbes {
        margin-top: 10px 35px 0 0
    }
    .page-press section.press-hub-tiles .container .tiles-link {
        left: -105px
    }
}

.page-customers h1,
.page-customers h2 {
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase
}

.page-customers section.intro {
    height: 540px;
    padding: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    overflow: hidden
}

.page-customers section.intro .intro-details {
    width: 1000px;
    margin: 160px auto 0 auto
}

.page-customers section.intro .intro-details h1 {
    margin-bottom: 20px;
    color: #fff;
    line-height: 85px;
    font-weight: 400;
    text-align: center;
    font-size: 55px
}

.page-customers section.hub-examples {
    padding: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    overflow: visible;
    text-align: center
}

.page-customers section.hub-examples h2 {
    margin: 40px 0 30px 0;
    padding-top: 40px;
    color: #333;
    letter-spacing: 2px;
    font-weight: 400;
    font-size: 32px
}

.page-customers section.hub-examples #carousel-hub-examples {
    display: inline-block;
    position: relative;
    bottom: -6px;
    padding-bottom: 0;
    margin-bottom: 0;
    overflow: visible
}

.page-customers section.hub-examples #carousel-hub-examples .color-logo-coastdale {
    position: relative;
    top: -12px
}

.page-customers section.hub-examples #carousel-hub-examples .carousel-control {
    display: block;
    width: 38px;
    height: 68px;
    border: 0
}

.page-customers section.hub-examples #carousel-hub-examples .carousel-control span {
    display: block;
    width: 38px;
    height: 68px;
    margin: 0 auto 10px auto;
    *margin-right: .3em;
    vertical-align: text-top;
    background-color: transparent;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-image: url("../../img/customers/arrows.png")
}

.page-customers section.hub-examples #carousel-hub-examples .left.carousel-control,
.page-customers section.hub-examples #carousel-hub-examples .right.carousel-control {
    background: none;
    font-size: 150px;
    color: #999
}

.page-customers section.hub-examples #carousel-hub-examples .right.carousel-control {
    right: -180px
}

.page-customers section.hub-examples #carousel-hub-examples .right.carousel-control span {
    background-position: -38px 0
}

.page-customers section.hub-examples #carousel-hub-examples .left.carousel-control {
    left: -215px
}

.page-customers section.hub-examples #carousel-hub-examples .left.carousel-control span {
    background-position: 0 0
}

.page-customers section.hub-examples #carousel-hub-examples .view-example {
    position: relative
}

.page-customers section.hub-examples #carousel-hub-examples .view-example a {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 30px;
    width: 160px;
    margin: auto;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.page-customers section.hub-examples #carousel-hub-examples .view-example a.btn:hover {
    background-color: #9b0042
}

.page-customers section.hub-examples #carousel-hub-examples .view-example a.casestudy {
    width: 250px
}

.page-customers section.hub-examples #carousel-hub-examples .view-example a.img-link {
    display: block;
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    width: auto;
    height: auto
}

.page-customers section.hub-examples #carousel-hub-examples .view-example:hover img {
    opacity: .4;
    filter: alpha(opacity=40)
}

.page-customers section.hub-examples #carousel-hub-examples .view-example:hover a {
    display: block
}

.page-customers section.hub-examples .tab-indicators {
    position: absolute;
    top: 96%;
    left: 50%;
    margin-left: -48px
}

.page-customers section.hub-examples .tab-indicators .tab-dot {
    cursor: pointer
}

.page-customers section.company-logos {
    padding: 85px 0
}

.page-customers section.company-logos .row .span2 {
    text-align: center
}

.page-customers section.testimonials {
    text-align: center
}

.page-customers section.testimonials .faces h2 {
    margin: 90px 0;
    letter-spacing: 2px;
    font-weight: 400;
    font-size: 32px
}

.page-customers section.testimonials .faces .face {
    position: relative;
    display: inline-block;
    width: 159px;
    height: 180px;
    padding: 26px;
    vertical-align: top;
    cursor: pointer
}

.page-customers section.testimonials .faces .face .arrow {
    display: none
}

.page-customers section.testimonials .faces .face .faded,
.page-customers section.testimonials .faces .face .color {
    display: block;
    width: 109px;
    height: 109px;
    margin: 0 auto;
    vertical-align: text-top;
    background-color: transparent;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-image: url("../../img/customers/customerpics.png")
}

.page-customers section.testimonials .faces .face .color,
.page-customers section.testimonials .faces .face .name,
.page-customers section.testimonials .faces .face .company {
    display: none
}

.page-customers section.testimonials .faces .face .name {
    margin-bottom: 0;
    margin-top: 12px;
    text-transform: uppercase;
    font-weight: bold;
    color: #ce0058
}

.page-customers section.testimonials .faces .face .company {
    color: #aaa
}

.page-customers section.testimonials .faces .face.active .color,
.page-customers section.testimonials .faces .face.active .name,
.page-customers section.testimonials .faces .face.active .company {
    display: block
}

.page-customers section.testimonials .faces .face.active .faded {
    display: none
}

.page-customers section.testimonials .faces .face.active .arrow {
    display: block;
    position: absolute;
    top: 198px;
    left: 88px;
    width: 0;
    height: 0;
    border: 15px solid transparent;
    border-bottom: 25px solid #ce0058
}

.page-customers section.testimonials .faces .face:hover .color {
    display: block
}

.page-customers section.testimonials .faces .face:hover .faded {
    display: none
}

.page-customers section.testimonials .faces .face.atomic-reach .color {
    background-position: 0 -113px
}

.page-customers section.testimonials .faces .face.atomic-reach .faded {
    background-position: -112px -113px
}

.page-customers section.testimonials .faces .face.pwc .color {
    background-position: 0 1px
}

.page-customers section.testimonials .faces .face.pwc .faded {
    background-position: -112px 0
}

.page-customers section.testimonials .faces .face.monetate .color {
    background-position: -225px 0
}

.page-customers section.testimonials .faces .face.monetate .faded {
    background-position: -335px 0
}

.page-customers section.testimonials .faces .face.saleshub .color {
    background-position: -225px -114px
}

.page-customers section.testimonials .faces .face.saleshub .faded {
    background-position: -335px -113px
}

.page-customers section.testimonials .testimony {
    padding: 60px 15px;
    background-color: #ce0058
}

.page-customers section.testimonials .testimony div {
    display: none;
    max-width: 625px;
    margin: 0 auto;
    text-align: center
}

.page-customers section.testimonials .testimony div p {
    color: #fff;
    margin-left: 15px
}

.page-customers section.testimonials .testimony div.active {
    display: block
}

.page-customers section.testimonials .testimony div .customer-icon-quote {
    float: left;
    position: relative;
    top: -7px
}

.page-customers section.testimonials .testimony div .customer-icon-quote.away {
    margin-right: 15px
}

.page-customers section.case-studies {
    height: 640px;
    padding: 0;
    text-align: center
}

.page-customers section.case-studies>div {
    height: 400px;
    margin-top: 150px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.page-customers section.case-studies>div h2 {
    margin-bottom: 60px;
    font-weight: 400;
    font-size: 32px
}

.page-customers section.case-studies>div p {
    max-width: 564px;
    margin: 0 auto 60px auto;
    font-size: 19px
}

.page-customers section.case-studies a.btn-uberflip.larger {
    border-bottom: 3px solid #8f0529;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-shadow: none;
    font-size: 17px
}

.page-customers section.case-studies a.btn-uberflip.larger:hover {
    border-bottom: 3px solid #b5004d
}

.page-customers section.twitter-love {
    text-align: center;
    padding-bottom: 60px
}

.page-customers section.twitter-love h2 {
    margin: 50px 0 50px 0;
    letter-spacing: 2px;
    font-weight: 400;
    font-size: 32px
}

.page-customers section.shared-try-it-now .btn {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border-bottom: 3px #d3d3d3 solid
}

.page-customers section.shared-try-it-now .btn:hover {
    background-color: #d3d3d3
}

.device-ios section.hub-examples #carousel-hub-examples .view-example:hover img {
    opacity: 1;
    filter: alpha(opacity=100)
}

.device-ios section.hub-examples #carousel-hub-examples .view-example:hover a.btn {
    display: none
}

.lt-ie9 .page-customers section.intro {
    height: 540px;
    background-image: url("../../img/pagebg_customers.jpg")
}

.lt-ie9 .page-customers section.case-studies>div {
    background-image: url("../../img/customers/case-studies.png")
}

@media (min-width:1200px) {
    .page-customers section.intro {
        height: 540px;
        background-image: url("../../img/customers/pagebg_customers.jpg")
    }
    .page-customers section.hub-examples {
        background-color: #f4f4f4
    }
    .page-customers section.case-studies>div {
        background-image: url("../../img/customers/case-studies.png")
    }
}

@media (min-width:1010px) and (max-width:1199px) {
    .page-customers section.intro {
        height: 540px;
        background-image: url("../../img/customers/pagebg_customers.jpg")
    }
    .page-customers section.intro .intro-details {
        margin-top: 150px
    }
    .page-customers section.intro .intro-details h1 {
        font-size: 50px
    }
    .page-customers section.hub-examples {
        background-color: #f4f4f4
    }
    .page-customers section.case-studies>div {
        background-image: url("../../img/customers/case-studies.png")
    }
}

@media (min-width:768px) and (max-width:1009px) {
    .page-customers section.intro {
        background-image: url("../../img/customers/pagebg_customers_tablet.jpg")
    }
    .page-customers section.intro .intro-details {
        width: 600px
    }
    .page-customers section.intro .intro-details h1 {
        font-size: 40px;
        margin-bottom: 0
    }
    .page-customers section.hub-examples {
        background-color: #f4f4f4
    }
    .page-customers section.hub-examples #carousel-hub-examples .carousel-control.right {
        right: -90px
    }
    .page-customers section.hub-examples #carousel-hub-examples .carousel-control.left {
        left: -90px
    }
    .page-customers section.case-studies>div {
        background-image: url("../../img/customers/case-studies-tablet.png")
    }
    .page-customers section.company-logos .row {
        width: 760px;
        margin: 0 auto
    }
    .page-customers section.company-logos .row .span2 {
        float: left;
        width: 218px
    }
    .page-customers section.testimonials .faces .face {
        padding: 26px 0
    }
    .page-customers section.testimonials .faces .face.active .arrow {
        left: 63px
    }
}

@media (max-width:767px) {
    .page-customers section.intro {
        background-image: url("../../img/customers/pagebg_customers_tablet.jpg")
    }
    .page-customers section.intro .intro-details {
        margin-top: 130px;
        width: 480px
    }
    .page-customers section.intro .intro-details h1 {
        margin-bottom: 0;
        line-height: 65px;
        font-size: 40px
    }
    .page-customers section.hub-examples {
        background-color: #f4f4f4
    }
    .page-customers section.hub-examples #carousel-hub-examples .carousel-inner {
        width: 300px
    }
    .page-customers section.hub-examples #carousel-hub-examples .carousel-inner .view-example a.casestudy {
        padding: 10px;
        font-size: 16px
    }
    .page-customers section.hub-examples #carousel-hub-examples .carousel-control {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
    }
    .page-customers section.hub-examples #carousel-hub-examples .carousel-control.right {
        right: -50px
    }
    .page-customers section.hub-examples #carousel-hub-examples .carousel-control.right span {
        background-position: -26px 0
    }
    .page-customers section.hub-examples #carousel-hub-examples .carousel-control.left {
        left: -50px
    }
    .page-customers section.hub-examples #carousel-hub-examples .carousel-control span {
        width: 28px;
        height: 50px;
        background-size: 80px auto
    }
    .page-customers section.case-studies>div {
        background-image: url("../../img/customers/case-studies-tablet.png")
    }
    .page-customers section.case-studies>div p {
        width: 90%
    }
    .page-customers section.company-logos {
        padding: 40px 0
    }
    .page-customers section.company-logos .row {
        width: 480px;
        margin: 0 auto
    }
    .page-customers section.company-logos .row .span2 {
        float: left;
        width: 240px
    }
    .page-customers section.testimonials .faces .face {
        padding: 0;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
    }
    .page-customers section.testimonials .faces .face.active .arrow {
        display: none
    }
}

@media (max-width:480px) {
    .page-customers section.intro {
        background-image: url("../../img/customers/pagebg_customers_mobile.jpg")
    }
    .page-customers section.intro .intro-details {
        width: 90%
    }
    .page-customers section.intro .intro-details h1 {
        margin: 70px 0 0 0;
        font-size: 32px;
        line-height: 50px
    }
    .page-customers section.hub-examples {
        padding-bottom: 20px
    }
    .page-customers section.hub-examples h2 {
        margin: 40px 10px
    }
    .page-customers section.hub-examples #carousel-hub-examples .carousel-inner {
        width: 220px
    }
    .page-customers section.hub-examples #carousel-hub-examples .carousel-inner .view-example a.casestudy {
        width: 100px;
        height: 55px
    }
    .page-customers section.hub-examples #carousel-hub-examples .carousel-control.right {
        top: 200px;
        right: -38px
    }
    .page-customers section.hub-examples #carousel-hub-examples .carousel-control.right span {
        background-position: -20px 0
    }
    .page-customers section.hub-examples #carousel-hub-examples .carousel-control.left {
        top: 200px;
        left: -42px
    }
    .page-customers section.hub-examples #carousel-hub-examples .carousel-control span {
        width: 20px;
        height: 36px;
        background-size: 60px auto
    }
    .page-customers section.hub-examples #carousel-hub-examples .carousel-indicators {
        margin-left: -38px
    }
    .page-customers section.case-studies {
        height: 540px
    }
    .page-customers section.case-studies>div {
        margin: 80px 0 0 0;
        background-image: url("../../img/customers/case-studies-mobile.png")
    }
    .page-customers section.company-logos {
        padding: 40px 0
    }
    .page-customers section.company-logos .row {
        width: 320px;
        margin: 0 auto
    }
    .page-customers section.company-logos .row .span2 {
        float: left;
        width: 160px
    }
    .page-customers section.testimonials .faces h2 {
        margin: 0 0 50px 0;
        padding: 0 10px
    }
    .page-customers section.testimonials .faces .face {
        width: 130px
    }
    .page-customers section.testimonials .testimony {
        margin-top: 30px
    }
    .page-customers .shared-support .real-time-happiness .realtime-text {
        display: none
    }
}

.page-contact section.shared-intro h1 {
    font-family: "Montserrat", sans-serif
}

.page-contact section.contact-us {
    padding: 60px 0
}

.page-contact section.contact-us h2 {
    color: #ce0058;
    font-size: 26px;
    font-family: "Montserrat", sans-serif
}

.page-contact section.contact-us p {
    color: #666;
    font-size: 18px
}

.page-contact section.google-maps {
    position: relative;
    padding: 0 0 30px 0
}

.page-contact section.google-maps .heading-bar {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 10px 0;
    background: #dedede;
    -webkit-box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.5);
    z-index: 100
}

.page-contact section.google-maps .heading-bar p {
    margin: 0;
    text-align: center
}

.page-contact section.google-maps iframe {
    width: 100%;
    height: 600px;
    border-bottom: 2px solid #ccc;
    margin-top: 42px
}

@media (min-width:1010px) and (max-width:1199px) {
    .page-contact section.google-maps iframe {
        height: 500px
    }
}

@media (min-width:768px) and (max-width:1009px) {
    .page-contact section.contact-us h2 {
        font-size: 22px
    }
    .page-contact section.contact-us p {
        font-size: 16px
    }
    .page-contact section.google-maps iframe {
        height: 400px
    }
}

@media (max-width:767px) {
    .page-contact section.shared-intro h1 {
        font-size: 26px
    }
    .page-contact section.contact-us {
        padding: 40px 20px
    }
    .page-contact section.contact-us h2 {
        font-size: 22px;
        margin: 30px 0 5px 0
    }
    .page-contact section.contact-us p {
        font-size: 16px
    }
    .page-contact section.google-maps iframe {
        height: 300px
    }
}

@media (max-width:480px) {
    .page-contact section.shared-intro h1 {
        font-size: 16px;
        line-height: 24px
    }
    .page-contact section.contact-us {
        padding: 40px 20px
    }
    .page-contact section.contact-us h2 {
        font-size: 20px;
        margin: 30px 0 5px 0
    }
    .page-contact section.contact-us p {
        font-size: 14px
    }
    .page-contact section.google-maps iframe {
        height: 300px
    }
}

.page-casestudies section.shared-intro {
    padding: 0;
    height: 540px;
    background: transparent url("../../img/casestudies/desktop_header.jpg") no-repeat center;
    background-size: cover;
    overflow: hidden
}

.page-casestudies section.shared-intro .intro-details {
    margin-top: 130px;
    margin-left: auto;
    margin-right: auto
}

.page-casestudies section.shared-intro .intro-details h1 {
    margin-bottom: 20px;
    color: #fff;
    line-height: 70px;
    font-weight: 400;
    font-size: 55px;
    text-align: center;
    text-transform: uppercase;
    font-family: "Montserrat", sans-serif
}

.page-casestudies section.shared-intro .intro-details p {
    color: #fff;
    text-align: center
}

.page-casestudies section.shared-intro .intro-details .btns {
    margin: 120px 0 0 0
}

.page-casestudies section.shared-intro .intro-details .btns .btn-scroll {
    width: 42px;
    height: 30px;
    margin: 0 auto;
    background: transparent url("../../img/casestudies/spritesheet.png") no-repeat -5px -3px
}

.page-casestudies section.shared-intro .intro-details .btns .btn-scroll:hover {
    cursor: pointer
}

.page-casestudies section.shared-intro .intro-details .btns .btn-scroll:hover .hover-icon {
    display: block
}

.page-casestudies section.shared-intro .intro-details .btns .btn-scroll .hover-icon {
    display: none;
    width: 50px;
    height: 50px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    opacity: .4;
    filter: alpha(opacity=40);
    background-color: #fff;
    position: relative;
    top: -11px;
    left: -4px
}

.page-casestudies section.shared-intro .intro-details .btns.booker .vid-btn,
.page-casestudies section.shared-intro .intro-details .btns.avella .vid-btn,
.page-casestudies section.shared-intro .intro-details .btns.insight .vid-btn,
.page-casestudies section.shared-intro .intro-details .btns.dyn .vid-btn {
    display: block;
    margin: 0 auto;
    width: 80px;
    height: 80px;
    background: transparent url("../../img/casestudies/spritesheet.png") no-repeat -671px -228px
}

.page-casestudies section.shared-intro .intro-details .btns.booker,
.page-casestudies section.shared-intro .intro-details .btns.avella {
    margin: 60px 0 0 0
}

.page-casestudies section.shared-intro .intro-details .btns.insight {
    margin: 40px 0 0 0
}

.page-casestudies section.shared-intro .intro-details.insight {
    margin-top: 170px
}

.page-casestudies section.company-desc .company-container {
    padding: 0 10%;
    margin: 70px 0 0 120px
}

.page-casestudies section.company-desc .company-container .company-logo {
    background: transparent url("../../img/casestudies/spritesheet.png") no-repeat
}

.page-casestudies section.company-desc .company-container .company-logo.visually {
    margin: 30px 0 0 0;
    width: 205px;
    height: 54px;
    background-position: -233px -85px
}

.page-casestudies section.company-desc .company-container .company-logo.insight {
    margin: 30px 0 0 0;
    width: 130px;
    height: 80px;
    background-position: -444px 0
}

.page-casestudies section.company-desc .company-container .company-logo.monetate {
    margin: 30px 0 0 0;
    width: 227px;
    height: 52px;
    background-position: -220px -140px
}

.page-casestudies section.company-desc .company-container .company-logo.interactions {
    margin: 30px 0 0 0;
    width: 232px;
    height: 52px;
    background-position: -310px -187px
}

.page-casestudies section.company-desc .company-container .company-logo.avella {
    margin: 30px 0 0 0;
    width: 113px;
    height: 52px;
    background-position: -190px -190px
}

.page-casestudies section.company-desc .company-container .company-logo.booker {
    margin: 30px 0 0 0;
    width: 200px;
    height: 52px;
    background-position: -455px -234px
}

.page-casestudies section.company-desc .company-container .company-logo.dyn {
    margin: 30px 0 0 0;
    width: 117px;
    height: 47px;
    background-position: -145px -302px
}

.page-casestudies section.company-desc .company-container .company-info {
    margin: 30px 0 0 0;
    *zoom: 1
}

.page-casestudies section.company-desc .company-container .company-info:before,
.page-casestudies section.company-desc .company-container .company-info:after {
    display: table;
    content: "";
    line-height: 0
}

.page-casestudies section.company-desc .company-container .company-info:after {
    clear: both
}

.page-casestudies section.company-desc .company-container .company-info .arrows {
    margin: 5px 0 0 0;
    float: left;
    width: 50px;
    height: 25px;
    background: transparent url("../../img/casestudies/spritesheet.png") no-repeat
}

.page-casestudies section.company-desc .company-container .company-info .arrows.visually {
    background-position: -398px -47px
}

.page-casestudies section.company-desc .company-container .company-info .arrows.insight {
    background-position: -398px -3px
}

.page-casestudies section.company-desc .company-container .company-info .arrows.monetate {
    background-position: -398px -23px
}

.page-casestudies section.company-desc .company-container .company-info .arrows.interactions {
    background-position: -398px -254px
}

.page-casestudies section.company-desc .company-container .company-info .arrows.avella {
    background-position: -398px -234px
}

.page-casestudies section.company-desc .company-container .company-info .arrows.booker {
    background-position: -398px -275px
}

.page-casestudies section.company-desc .company-container .company-info .arrows.dyn {
    background-position: -398px -296px
}

.page-casestudies section.company-desc .company-container .company-info .arrows-text {
    float: left;
    width: 80%
}

.page-casestudies section.company-desc .company-container .company-info .arrows-text>p {
    font-size: 18px;
    line-height: 30px
}

.page-casestudies section.company-desc .company-container .company-info .arrows-text .ma-text {
    float: left;
    margin: 30px 0 0 0;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 17px;
    font-weight: bold;
    font-family: "Lato", sans-serif
}

.page-casestudies section.company-desc .company-container .company-info .arrows-text .ma-logo {
    float: left;
    margin: 0 0 0 20px;
    background: transparent url("../../img/casestudies/spritesheet.png") no-repeat
}

.page-casestudies section.company-desc .company-container .company-info .arrows-text .ma-logo.visually {
    width: 88px;
    height: 43px;
    margin: 10px 0 0 0;
    background-position: -143px -97px
}

.page-casestudies section.company-desc .company-container .company-info .arrows-text .ma-logo.insight {
    width: 88px;
    height: 43px;
    margin: 10px 0 0 0;
    background-position: -572px 2px
}

.page-casestudies section.company-desc .company-container .company-info .arrows-text .ma-logo.monetate {
    width: 88px;
    height: 43px;
    margin: 10px 0 0 0;
    background-position: -572px 2px
}

.page-casestudies section.company-desc .company-container .company-info .arrows-text .ma-logo.interactions {
    width: 119px;
    height: 49px;
    margin: 10px 0 0 0;
    background-position: -546px -179px
}

.page-casestudies section.company-desc .company-container .company-info .arrows-text .ma-logo.avella {
    width: 119px;
    height: 49px;
    margin: 10px 0 0 0;
    background-position: -546px -179px
}

.page-casestudies section.company-desc .company-container .company-info .arrows-text .ma-logo.booker {
    width: 88px;
    height: 43px;
    margin: 10px 0 0 0;
    background-position: -572px 2px
}

.page-casestudies section.company-desc .company-container .company-info .arrows-text .ma-logo.dyn {
    width: 88px;
    height: 43px;
    margin: 10px 0 0 0;
    background-position: -572px 2px
}

.page-casestudies section.testimonials {
    margin: 70px 0 0 0;
    text-align: center
}

.page-casestudies section.testimonials .testimony {
    padding: 60px 15px
}

.page-casestudies section.testimonials .testimony.visually {
    background-color: #00adda
}

.page-casestudies section.testimonials .testimony.monetate {
    background-color: #1d92d1
}

.page-casestudies section.testimonials .testimony.insight {
    background-color: #ce0704
}

.page-casestudies section.testimonials .testimony.interactions {
    background-color: #2b496e
}

.page-casestudies section.testimonials .testimony.interactions div p {
    font-size: 16px
}

.page-casestudies section.testimonials .testimony.avella {
    background-color: #ffb700
}

.page-casestudies section.testimonials .testimony.dyn {
    background-color: #f9e224
}

.page-casestudies section.testimonials .testimony.dyn div p {
    color: #1c1c1c
}

.page-casestudies section.testimonials .testimony.booker {
    background-color: #4bb9ea
}

.page-casestudies section.testimonials .testimony .text-bold {
    font-weight: bold
}

.page-casestudies section.testimonials .testimony div {
    max-width: 800px;
    margin: 0 auto;
    text-align: center
}

.page-casestudies section.testimonials .testimony div p {
    margin-left: 15px;
    color: #fff;
    line-height: 32px;
    font-size: 17px
}

.page-casestudies section.testimonials .testimony div .customer-icon-quote {
    float: left;
    position: relative;
    top: -7px
}

.page-casestudies section.testimonials .testimony div .customer-icon-quote.away {
    margin-right: 15px
}

.page-casestudies section.testimonials .testimony-info {
    position: relative;
    top: -50px
}

.page-casestudies section.testimonials .testimony-info .testimony-img {
    width: 100px;
    height: 100px;
    margin: 0 auto 10px;
    background: transparent url("../../img/casestudies/spritesheet_profilepic.png") no-repeat
}

.page-casestudies section.testimonials .testimony-info .testimony-img.visually {
    background-position: 0 0
}

.page-casestudies section.testimonials .testimony-info .testimony-img.monetate {
    background-position: -205px 0
}

.page-casestudies section.testimonials .testimony-info .testimony-img.insight {
    background-position: -105px 0
}

.page-casestudies section.testimonials .testimony-info .testimony-img.interactions {
    background-position: 0 -105px
}

.page-casestudies section.testimonials .testimony-info .testimony-img.avella {
    background-position: -105px -105px
}

.page-casestudies section.testimonials .testimony-info .testimony-img.booker {
    background-position: -209px -105px
}

.page-casestudies section.testimonials .testimony-info .testimony-img.dyn {
    background-position: -313px 0
}

.page-casestudies section.testimonials .testimony-info .testimony-name {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: "Montserrat", sans-serif;
    font-size: 18px
}

.page-casestudies section.testimonials .testimony-info .testimony-name.visually {
    color: #00adda
}

.page-casestudies section.testimonials .testimony-info .testimony-name.monetate {
    color: #1d92d1
}

.page-casestudies section.testimonials .testimony-info .testimony-name.insight {
    color: #ce0704
}

.page-casestudies section.testimonials .testimony-info .testimony-name.interactions {
    color: #2b496e
}

.page-casestudies section.testimonials .testimony-info .testimony-name.avella {
    color: #ffb700
}

.page-casestudies section.testimonials .testimony-info .testimony-name.dyn {
    color: #1c1c1c
}

.page-casestudies section.testimonials .testimony-info .testimony-name.booker {
    color: #4bb9ea
}

.page-casestudies section.testimonials .testimony-info .testimony-position {
    color: #333;
    font-size: 16px
}

.page-casestudies section.case-studies {
    padding: 0 0 150px 0;
    background: #f5f5f5
}

.page-casestudies section.case-studies .row .span4 .tile-layout {
    width: 80%;
    height: 400px;
    margin: 100px auto 0 auto;
    padding: 20px;
    box-shadow: 0 2px 2px #d3d3d3;
    background-color: #fff;
    color: #323232
}

.page-casestudies section.case-studies .row .span4 .tile-layout:hover {
    cursor: pointer
}

.page-casestudies section.case-studies .row .span4 .tile-layout:hover.visually .btn-view-case-study {
    border-color: #00adda;
    background: #00adda;
    color: #fff
}

.page-casestudies section.case-studies .row .span4 .tile-layout:hover.monetate .btn-view-case-study {
    border-color: #1d92d1;
    background: #1d92d1;
    color: #fff
}

.page-casestudies section.case-studies .row .span4 .tile-layout:hover.insight .btn-view-case-study {
    border-color: #ce0704;
    background: #ce0704;
    color: #fff
}

.page-casestudies section.case-studies .row .span4 .tile-layout:hover.interactions .btn-view-case-study {
    border-color: #2b496e;
    background: #2b496e;
    color: #fff
}

.page-casestudies section.case-studies .row .span4 .tile-layout:hover.avella .btn-view-case-study {
    border-color: #ffb700;
    background: #ffb700;
    color: #fff
}

.page-casestudies section.case-studies .row .span4 .tile-layout:hover.dyn .btn-view-case-study {
    border-color: #f9e224;
    background: #f9e224;
    color: #fff
}

.page-casestudies section.case-studies .row .span4 .tile-layout:hover.booker .btn-view-case-study {
    border-color: #4bb9ea;
    background: #4bb9ea;
    color: #fff
}

.page-casestudies section.case-studies .row .span4 .tile-layout .tile-btn {
    margin: 80px 0 0 0;
    text-align: center
}

.page-casestudies section.case-studies .row .span4 .tile-layout .tile-btn .btn-view-case-study {
    width: 175px;
    padding: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #bcbcbc;
    background: transparent
}

.page-casestudies section.case-studies .row .span4 .tile-layout .tile-btn .btn-view-case-study:active {
    outline: none
}

.page-casestudies section.case-studies .row .span4 .tile-layout .tile-btn .btn-view-case-study:focus {
    outline: none
}

.page-casestudies section.case-studies .row .span4 .tile-layout .tile-btn.avella {
    margin-top: 100px
}

.page-casestudies section.case-studies .row .span4 .tile-layout.visually {
    border-bottom: 6px solid #00adda
}

.page-casestudies section.case-studies .row .span4 .tile-layout.insight {
    border-bottom: 6px solid #ce0704
}

.page-casestudies section.case-studies .row .span4 .tile-layout.monetate {
    border-bottom: 6px solid #1d92d1
}

.page-casestudies section.case-studies .row .span4 .tile-layout.interactions {
    border-bottom: 6px solid #2b496e
}

.page-casestudies section.case-studies .row .span4 .tile-layout.avella {
    border-bottom: 6px solid #ffb700
}

.page-casestudies section.case-studies .row .span4 .tile-layout.dyn {
    border-bottom: 6px solid #f9e224
}

.page-casestudies section.case-studies .row .span4 .tile-layout.booker {
    border-bottom: 6px solid #4bb9ea
}

.page-casestudies section.case-studies .row .span4 p {
    width: 85%;
    margin-left: auto;
    margin-right: auto;
    line-height: 24px;
    font-size: 17px;
    font-weight: 300
}

.page-casestudies section.case-studies .case-study-icon {
    margin: 30px auto;
    background: transparent url("../../img/casestudies/spritesheet.png") no-repeat
}

.page-casestudies section.case-studies .case-study-icon.visually {
    width: 140px;
    height: 50px;
    background-position: -60px 7px
}

.page-casestudies section.case-studies .case-study-icon.insight {
    width: 120px;
    height: 50px;
    background-position: -454px -288px
}

.page-casestudies section.case-studies .case-study-icon.monetate {
    width: 140px;
    height: 50px;
    background-position: -266px 6px
}

.page-casestudies section.case-studies .case-study-icon.interactions {
    margin-top: 40px;
    width: 150px;
    height: 40px;
    background-position: -2px -222px
}

.page-casestudies section.case-studies .case-study-icon.avella {
    width: 140px;
    height: 50px;
    background-position: -154px -243px
}

.page-casestudies section.case-studies .case-study-icon.booker {
    width: 140px;
    height: 50px;
    background-position: -662px -184px
}

.page-casestudies section.case-studies .case-study-icon.dyn {
    width: 140px;
    height: 50px;
    background-position: -132px -302px
}

.page-casestudies section.video-testimonial {
    margin: 60px 0 0 0
}

.page-casestudies section.video-testimonial .header {
    margin: 0 10px;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #d3d3d3
}

.page-casestudies section.video-testimonial .header h3 {
    margin: 0 0 0 10px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 19px;
    font-weight: bold;
    font-family: "Montserrat", sans-serif
}

.page-casestudies section.video-testimonial .vid-container {
    margin: 60px 20px
}

.page-casestudies section.challenges,
.page-casestudies section.solutions,
.page-casestudies section.results {
    margin: 60px 0 0 0
}

.page-casestudies section.challenges .end-result,
.page-casestudies section.solutions .end-result,
.page-casestudies section.results .end-result {
    margin: 80px 0 0 0;
    text-align: center
}

.page-casestudies section.challenges .colored-quote,
.page-casestudies section.solutions .colored-quote,
.page-casestudies section.results .colored-quote {
    width: 700px;
    margin: 40px auto 0 auto;
    font-style: italic;
    font-size: 19px;
    color: #2b496e
}

.page-casestudies section.challenges .colored-quote .text-bold,
.page-casestudies section.solutions .colored-quote .text-bold,
.page-casestudies section.results .colored-quote .text-bold {
    font-weight: 700
}

.page-casestudies section.challenges .header,
.page-casestudies section.solutions .header,
.page-casestudies section.results .header {
    margin: 0 10px;
    border-bottom: 1px solid #d3d3d3;
    padding: 0 0 10px 0
}

.page-casestudies section.challenges .header h3,
.page-casestudies section.solutions .header h3,
.page-casestudies section.results .header h3 {
    margin: 0 0 0 10px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 19px;
    font-weight: bold;
    font-family: "Montserrat", sans-serif
}

.page-casestudies section.challenges .info,
.page-casestudies section.solutions .info,
.page-casestudies section.results .info {
    padding: 0 20%;
    margin: 50px 0 0 0
}

.page-casestudies section.challenges .info .text-bold,
.page-casestudies section.solutions .info .text-bold,
.page-casestudies section.results .info .text-bold {
    margin: 25px 0 25px 0;
    font-weight: bold
}

.page-casestudies section.challenges .info>p,
.page-casestudies section.solutions .info>p,
.page-casestudies section.results .info>p {
    line-height: 30px;
    font-size: 18px;
    font-weight: 300
}

.page-casestudies section.challenges .info .item-list,
.page-casestudies section.solutions .info .item-list,
.page-casestudies section.results .info .item-list {
    margin-top: 20px
}

.page-casestudies section.challenges .info .item-list li p,
.page-casestudies section.solutions .info .item-list li p,
.page-casestudies section.results .info .item-list li p {
    line-height: 24px
}

.page-casestudies section.challenges .info .item-list p,
.page-casestudies section.solutions .info .item-list p,
.page-casestudies section.results .info .item-list p {
    color: #000;
    font-size: 17px
}

.page-casestudies section.challenges .info .item-list.visually li,
.page-casestudies section.solutions .info .item-list.visually li,
.page-casestudies section.results .info .item-list.visually li {
    color: #00adda
}

.page-casestudies section.challenges .info .item-list.insight li,
.page-casestudies section.solutions .info .item-list.insight li,
.page-casestudies section.results .info .item-list.insight li {
    color: #ce0704
}

.page-casestudies section.challenges .info .item-list.insight li span,
.page-casestudies section.solutions .info .item-list.insight li span,
.page-casestudies section.results .info .item-list.insight li span {
    color: #ce0704
}

.page-casestudies section.challenges .info .item-list.monetate,
.page-casestudies section.solutions .info .item-list.monetate,
.page-casestudies section.results .info .item-list.monetate {
    margin-bottom: 20px
}

.page-casestudies section.challenges .info .item-list.monetate li,
.page-casestudies section.solutions .info .item-list.monetate li,
.page-casestudies section.results .info .item-list.monetate li {
    color: #1d92d1
}

.page-casestudies section.challenges .info .item-list.interactions,
.page-casestudies section.solutions .info .item-list.interactions,
.page-casestudies section.results .info .item-list.interactions {
    margin-bottom: 20px
}

.page-casestudies section.challenges .info .item-list.interactions li,
.page-casestudies section.solutions .info .item-list.interactions li,
.page-casestudies section.results .info .item-list.interactions li {
    color: #2b496e
}

.page-casestudies section.challenges .info .item-list.avella,
.page-casestudies section.solutions .info .item-list.avella,
.page-casestudies section.results .info .item-list.avella {
    margin-bottom: 20px
}

.page-casestudies section.challenges .info .item-list.avella li,
.page-casestudies section.solutions .info .item-list.avella li,
.page-casestudies section.results .info .item-list.avella li {
    color: #ffb700
}

.page-casestudies section.challenges .info .item-list.dyn,
.page-casestudies section.solutions .info .item-list.dyn,
.page-casestudies section.results .info .item-list.dyn {
    margin-bottom: 20px
}

.page-casestudies section.challenges .info .item-list.dyn li,
.page-casestudies section.solutions .info .item-list.dyn li,
.page-casestudies section.results .info .item-list.dyn li {
    color: #f9e224
}

.page-casestudies section.challenges .info .item-list.booker,
.page-casestudies section.solutions .info .item-list.booker,
.page-casestudies section.results .info .item-list.booker {
    margin-bottom: 20px
}

.page-casestudies section.challenges .info .item-list.booker li,
.page-casestudies section.solutions .info .item-list.booker li,
.page-casestudies section.results .info .item-list.booker li {
    color: #4bb9ea
}

.page-casestudies section.challenges .info .img-container-hub,
.page-casestudies section.solutions .info .img-container-hub,
.page-casestudies section.results .info .img-container-hub {
    margin: 40px 0 60px 0;
    width: 697px;
    height: 509px
}

.page-casestudies section.challenges .img-container,
.page-casestudies section.solutions .img-container,
.page-casestudies section.results .img-container {
    margin: 80px 0 0 0
}

.page-casestudies section.challenges .img-container .conversion-stat,
.page-casestudies section.solutions .img-container .conversion-stat,
.page-casestudies section.results .img-container .conversion-stat {
    position: relative;
    top: 50px
}

.page-casestudies section.challenges .img-container .conversion-stat>p,
.page-casestudies section.solutions .img-container .conversion-stat>p,
.page-casestudies section.results .img-container .conversion-stat>p {
    margin: 0 0 10px 0;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    color: #1d92d1
}

.page-casestudies section.challenges .img-container .conversion-stat .big-arrow,
.page-casestudies section.solutions .img-container .conversion-stat .big-arrow,
.page-casestudies section.results .img-container .conversion-stat .big-arrow {
    margin: 0 auto;
    width: 50px;
    height: 60px;
    background: transparent url("../../img/casestudies/spritesheet.png") no-repeat -711px -38px
}

.page-casestudies section.challenges .img-container .row .span6,
.page-casestudies section.solutions .img-container .row .span6,
.page-casestudies section.results .img-container .row .span6 {
    float: left;
    width: 550px
}

.page-casestudies section.challenges .img-container .row .span6.leftSide,
.page-casestudies section.solutions .img-container .row .span6.leftSide,
.page-casestudies section.results .img-container .row .span6.leftSide {
    position: relative;
    left: -60px
}

.page-casestudies section.challenges .img-container .row .span6.rightSide,
.page-casestudies section.solutions .img-container .row .span6.rightSide,
.page-casestudies section.results .img-container .row .span6.rightSide {
    position: relative;
    left: 120px
}

.page-casestudies section.challenges .img-container .row .span6 .img-title,
.page-casestudies section.solutions .img-container .row .span6 .img-title,
.page-casestudies section.results .img-container .row .span6 .img-title {
    margin: 0 0 20px 0;
    color: #666;
    font-size: 18px;
    font-weight: bold;
    text-align: center
}

.page-casestudies section.challenges .img-container .row .span6 .img-landing-page,
.page-casestudies section.solutions .img-container .row .span6 .img-landing-page,
.page-casestudies section.results .img-container .row .span6 .img-landing-page {
    width: 551px;
    height: 374px;
    background: transparent url("../../img/casestudies/monetate/desktop_traditional_page.png") no-repeat;
    background-size: cover
}

.page-casestudies section.challenges .img-container .row .span6 .img-cta-overlay,
.page-casestudies section.solutions .img-container .row .span6 .img-cta-overlay,
.page-casestudies section.results .img-container .row .span6 .img-cta-overlay {
    width: 551px;
    height: 374px;
    background: transparent url("../../img/casestudies/monetate/desktop_cta_overlay.png") no-repeat;
    background-size: cover
}

.page-casestudies section.challenges .img-container .row .span6 .mobile-conversion-stat,
.page-casestudies section.solutions .img-container .row .span6 .mobile-conversion-stat,
.page-casestudies section.results .img-container .row .span6 .mobile-conversion-stat {
    display: none;
    height: 35px;
    margin-bottom: 30px;
    background-color: #1d92d1
}

.page-casestudies section.challenges .img-container .row .span6 .mobile-conversion-stat>p,
.page-casestudies section.solutions .img-container .row .span6 .mobile-conversion-stat>p,
.page-casestudies section.results .img-container .row .span6 .mobile-conversion-stat>p {
    margin: 0;
    padding: 5px;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    font-weight: bold
}

.page-casestudies section.challenges .img-container .row .span6 .mobile-conversion-stat .arrow,
.page-casestudies section.solutions .img-container .row .span6 .mobile-conversion-stat .arrow,
.page-casestudies section.results .img-container .row .span6 .mobile-conversion-stat .arrow {
    width: 0;
    height: 0;
    margin: 0 auto;
    border: 10px solid transparent;
    border-top: 15px solid #1d92d1
}

.page-casestudies section.challenges.visually a,
.page-casestudies section.solutions.visually a,
.page-casestudies section.results.visually a {
    font-weight: bold;
    color: #00adda
}

.page-casestudies section.challenges.insight a,
.page-casestudies section.solutions.insight a,
.page-casestudies section.results.insight a {
    font-weight: bold;
    color: #ce0704
}

.page-casestudies section.challenges.monetate a,
.page-casestudies section.solutions.monetate a,
.page-casestudies section.results.monetate a {
    font-weight: bold;
    color: #1d92d1
}

.page-casestudies section.challenges.interactions a,
.page-casestudies section.solutions.interactions a,
.page-casestudies section.results.interactions a {
    font-weight: bold;
    color: #2b496e
}

.page-casestudies section.challenges.avella a,
.page-casestudies section.solutions.avella a,
.page-casestudies section.results.avella a {
    font-weight: bold;
    color: #ffb700
}

.page-casestudies section.challenges.dyn a,
.page-casestudies section.solutions.dyn a,
.page-casestudies section.results.dyn a {
    font-weight: bold;
    color: #f9e224
}

.page-casestudies section.challenges.booker a,
.page-casestudies section.solutions.booker a,
.page-casestudies section.results.booker a {
    font-weight: bold;
    color: #4bb9ea
}

.page-casestudies section.challenges {
    margin-top: 30px
}

.page-casestudies section.request-demo .info {
    padding: 0 20%;
    margin: 100px 0 0 0
}

.page-casestudies section.request-demo .info p {
    text-align: center;
    font-size: 18px;
    font-weight: bold
}

.page-casestudies section.request-demo .info .btns {
    padding: 20px 0 0 0;
    text-align: center
}

.page-casestudies section.request-demo .info .btns button.btn {
    width: 300px;
    margin-top: -5px;
    padding: 16px 20px;
    border-bottom: 3px solid #8f0529;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-weight: 700;
    font-size: 17px;
    text-shadow: none;
    text-transform: uppercase
}

.page-casestudies section.request-demo .info .btns button.btn span {
    font-size: 18px
}

.page-casestudies section.request-demo .info .btns button.btn:hover {
    border-bottom: 3px solid #b5004d
}

.page-casestudies section.more-case-studies {
    margin: 120px 0 0 0;
    padding: 0 0 40px 0;
    background: #f8f8f8 no-repeat center;
    background-size: cover;
    overflow: visible;
    text-align: center
}

.page-casestudies section.more-case-studies h3 {
    padding: 60px 0;
    color: #333;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 17px;
    font-weight: bold
}

.page-casestudies section.more-case-studies div.case-studies {
    width: 1170px;
    margin: 0 auto
}

.page-casestudies section.more-case-studies div.case-studies .case-study:nth-child(3n) {
    margin: 0 0 50px 40px
}

.page-casestudies section.more-case-studies div.case-studies .case-study:nth-child(3n+1) {
    margin: 0 40px 50px 0
}

.page-casestudies section.more-case-studies div.case-studies .case-study {
    width: 275px;
    height: 200px;
    background-color: #fff;
    box-shadow: 1px 1px 6px #bbb;
    display: inline-block;
    margin: 0 40px 50px
}

.page-casestudies section.more-case-studies div.case-studies .case-study .cs-company-logo {
    background: transparent url("../../img/casestudies/spritesheet.png") no-repeat;
    position: relative;
    top: 80px
}

.page-casestudies section.more-case-studies div.case-studies .case-study .cs-company-logo.visually {
    width: 150px;
    height: 39px;
    left: 60px;
    background-position: -657px 0
}

.page-casestudies section.more-case-studies div.case-studies .case-study .cs-company-logo.insight {
    width: 75px;
    height: 52px;
    left: 98px;
    background-position: -194px 0
}

.page-casestudies section.more-case-studies div.case-studies .case-study .cs-company-logo.monetate {
    width: 160px;
    height: 39px;
    left: 56px;
    background-position: -621px -129px
}

.page-casestudies section.more-case-studies div.case-studies .case-study .cs-company-logo.interactions {
    width: 160px;
    height: 39px;
    left: 56px;
    background-position: 3px -222px
}

.page-casestudies section.more-case-studies div.case-studies .case-study .cs-company-logo.avella {
    width: 160px;
    height: 45px;
    left: 56px;
    background-position: -151px -246px
}

.page-casestudies section.more-case-studies div.case-studies .case-study .cs-company-logo.dyn {
    width: 117px;
    height: 47px;
    left: 73px;
    background-position: -145px -302px
}

.page-casestudies section.more-case-studies div.case-studies .case-study .cs-company-logo.booker {
    width: 160px;
    height: 45px;
    left: 63px;
    background-position: -657px -176px
}

.page-casestudies section.more-case-studies div.case-studies .case-study.visually {
    border-bottom: 6px solid #00adda
}

.page-casestudies section.more-case-studies div.case-studies .case-study.visually:hover {
    cursor: pointer;
    background-color: #00adda
}

.page-casestudies section.more-case-studies div.case-studies .case-study.visually:hover .cs-company-logo {
    background-position: 0 -36px
}

.page-casestudies section.more-case-studies div.case-studies .case-study.insight {
    border-bottom: 6px solid #ce0704
}

.page-casestudies section.more-case-studies div.case-studies .case-study.insight:hover {
    cursor: pointer;
    background-color: #ce0704
}

.page-casestudies section.more-case-studies div.case-studies .case-study.insight:hover .cs-company-logo {
    background-position: -312px -40px
}

.page-casestudies section.more-case-studies div.case-studies .case-study.monetate {
    border-bottom: 6px solid #1d92d1
}

.page-casestudies section.more-case-studies div.case-studies .case-study.monetate:hover {
    cursor: pointer;
    background-color: #1d92d1
}

.page-casestudies section.more-case-studies div.case-studies .case-study.monetate:hover .cs-company-logo {
    background-position: -147px -53px
}

.page-casestudies section.more-case-studies div.case-studies .case-study.interactions {
    border-bottom: 6px solid #2b496e
}

.page-casestudies section.more-case-studies div.case-studies .case-study.interactions:hover {
    cursor: pointer;
    background-color: #2b496e
}

.page-casestudies section.more-case-studies div.case-studies .case-study.interactions:hover .cs-company-logo {
    background-position: 3px -252px
}

.page-casestudies section.more-case-studies div.case-studies .case-study.avella {
    border-bottom: 6px solid #ffb700
}

.page-casestudies section.more-case-studies div.case-studies .case-study.avella:hover {
    cursor: pointer;
    background-color: #ffb700
}

.page-casestudies section.more-case-studies div.case-studies .case-study.avella:hover .cs-company-logo {
    width: 125px;
    height: 50px;
    left: 65px;
    background-position: -281px -248px
}

.page-casestudies section.more-case-studies div.case-studies .case-study.dyn {
    border-bottom: 6px solid #f9e224
}

.page-casestudies section.more-case-studies div.case-studies .case-study.dyn:hover {
    cursor: pointer;
    background-color: #f9e224
}

.page-casestudies section.more-case-studies div.case-studies .case-study.dyn:hover .cs-company-logo {
    width: 117px;
    height: 47px;
    left: 73px;
    background-position: -279px -300px
}

.page-casestudies section.more-case-studies div.case-studies .case-study.booker {
    border-bottom: 6px solid #4bb9ea
}

.page-casestudies section.more-case-studies div.case-studies .case-study.booker:hover {
    cursor: pointer;
    background-color: #4bb9ea
}

.page-casestudies section.more-case-studies div.case-studies .case-study.booker:hover .cs-company-logo {
    width: 140px;
    height: 50px;
    left: 65px;
    background-position: 4px -291px
}

.page-casestudies section.shared-try-it-now.alt {
    background-color: #202020
}

.page-casestudies section.shared-try-it-now p {
    margin: 7px 0 0 0;
    color: #fff;
    line-height: 40px;
    text-align: right;
    font-size: 24px
}

.page-casestudies section.shared-try-it-now .btn {
    padding: 15px 25px 15px 25px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border-bottom: 3px solid #8f0529;
    background-color: #ce0058;
    color: #fff
}

.page-casestudies section.shared-try-it-now .btn:hover {
    background-color: #8f0529
}

.page-casestudies section.shared-try-it-now .span8 {
    margin-left: -50px
}

@media (min-width:1200px) {
    .page-casestudies section.shared-intro {
        height: 540px;
        background-image: url("../../img/casestudies/desktop_header.jpg")
    }
    .page-casestudies section.shared-intro .intro-details .btns .btn {
        font-size: 14px;
        font-weight: 700;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px
    }
    .page-casestudies section.shared-intro.insight {
        background-image: url("../../img/casestudies/desktop_insight_header.jpg")
    }
    .page-casestudies section.shared-intro.visually {
        background-image: url("../../img/casestudies/desktop_visually_header.jpg")
    }
    .page-casestudies section.shared-intro.visually .container {
        width: 75%
    }
    .page-casestudies section.shared-intro.visually .intro-details {
        margin-top: 175px
    }
    .page-casestudies section.shared-intro.monetate {
        background-image: url("../../img/casestudies/desktop_monetate_header.jpg")
    }
    .page-casestudies section.shared-intro.monetate .intro-details {
        margin-top: 175px
    }
    .page-casestudies section.shared-intro.interactions {
        background-image: url("../../img/casestudies/desktop_interactions_header.jpg")
    }
    .page-casestudies section.shared-intro.interactions .intro-details {
        margin-top: 120px
    }
    .page-casestudies section.shared-intro.avella {
        background-image: url("../../img/casestudies/desktop_avella_header.png")
    }
    .page-casestudies section.shared-intro.avella .intro-details {
        margin-top: 175px
    }
    .page-casestudies section.shared-intro.booker {
        background-image: url("../../img/casestudies/desktop_booker_header.jpg")
    }
    .page-casestudies section.shared-intro.booker .intro-details h1 {
        margin: 0 120px 20px 120px
    }
    .page-casestudies section.shared-intro.dyn {
        background-image: url("../../img/casestudies/desktop_dyn_header.jpg")
    }
    .page-casestudies section.solutions .img-container-hub {
        margin: 40px 0 60px 0
    }
    .page-casestudies section.solutions .img-container-hub.visually {
        background: url("../../img/casestudies/visually_solution_desktop.png") no-repeat
    }
    .page-casestudies section.solutions .img-container-hub.insight {
        background: url("../../img/casestudies/insight_solution_desktop.png") no-repeat
    }
    .page-casestudies section.solutions .img-container-hub.monetate {
        background: url("../../img/casestudies/monetate_solution_desktop.png") no-repeat
    }
    .page-casestudies section.solutions .img-container-hub.interactions {
        background: url("../../img/casestudies/interactions_solution_desktop.png") no-repeat
    }
    .page-casestudies section.solutions .img-container-hub.avella {
        background: url("../../img/casestudies/avella_solution_desktop.png") no-repeat
    }
    .page-casestudies section.solutions .img-container-hub.booker {
        background: url("../../img/casestudies/booker_solution_desktop.jpg") no-repeat
    }
    .page-casestudies section.solutions .img-container-hub.dyn {
        background: url("../../img/casestudies/dyn_solution_desktop.jpg") no-repeat
    }
    .page-casestudies section.results.monetate .img-container .conversion-stat {
        top: 25px
    }
    .page-casestudies section.results.monetate .img-container .row .leftSide {
        left: 0
    }
    .page-casestudies section.results.monetate .img-container .row .rightSide {
        left: 30px
    }
}

@media (min-width:1010px) and (max-width:1199px) {
    .page-casestudies section.shared-intro {
        height: 460px;
        background-image: url("../../img/casestudies/desktop_header.jpg")
    }
    .page-casestudies section.shared-intro .intro-details {
        margin-top: 60px
    }
    .page-casestudies section.shared-intro .intro-details h1 {
        font-size: 50px
    }
    .page-casestudies section.shared-intro .intro-details p {
        font-size: 18px
    }
    .page-casestudies section.shared-intro .intro-details .btns {
        margin: 40px 0 0 0
    }
    .page-casestudies section.shared-intro .intro-details .btns .btn {
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px
    }
    .page-casestudies section.shared-intro.insight {
        background: url("../../img/casestudies/desktop_insight_header.jpg") no-repeat
    }
    .page-casestudies section.shared-intro.insight .intro-details {
        margin-top: 90px
    }
    .page-casestudies section.shared-intro.visually {
        background: url("../../img/casestudies/desktop_visually_header.jpg") no-repeat
    }
    .page-casestudies section.shared-intro.visually .intro-details {
        margin-top: 100px
    }
    .page-casestudies section.shared-intro.monetate {
        background: url("../../img/casestudies/desktop_monetate_header.jpg") no-repeat
    }
    .page-casestudies section.shared-intro.monetate .intro-details {
        margin-top: 120px
    }
    .page-casestudies section.shared-intro.interactions {
        background: url("../../img/casestudies/desktop_interactions_header.jpg") no-repeat
    }
    .page-casestudies section.shared-intro.interactions .intro-details {
        margin-top: 120px
    }
    .page-casestudies section.shared-intro.avella {
        background: url("../../img/casestudies/desktop_avella_header.png") no-repeat
    }
    .page-casestudies section.shared-intro.avella .intro-details {
        margin-top: 80px
    }
    .page-casestudies section.shared-intro.avella .intro-details .btns {
        margin: 40px 0 0 0
    }
    .page-casestudies section.shared-intro.booker {
        background-image: url("../../img/casestudies/desktop_booker_header.jpg")
    }
    .page-casestudies section.shared-intro.booker .intro-details h1 {
        margin: 0 120px 20px 120px
    }
    .page-casestudies section.shared-intro.dyn {
        background-image: url("../../img/casestudies/desktop_dyn_header.jpg")
    }
    .page-casestudies section.shared-intro.dyn .intro-details h1 {
        margin: 0 120px 20px 120px
    }
    .page-casestudies section.company-desc .company-container {
        padding: 0 5%
    }
    .page-casestudies section.solutions .img-container-hub {
        margin: 40px 0 60px 0
    }
    .page-casestudies section.solutions .img-container-hub.visually {
        background: url("../../img/casestudies/visually_solution_desktop.png") no-repeat
    }
    .page-casestudies section.solutions .img-container-hub.insight {
        background: url("../../img/casestudies/insight_solution_desktop.png") no-repeat
    }
    .page-casestudies section.solutions .img-container-hub.monetate {
        background: url("../../img/casestudies/monetate_solution_desktop.png") no-repeat
    }
    .page-casestudies section.solutions .img-container-hub.interactions {
        background: url("../../img/casestudies/interactions_solution_desktop.png") no-repeat
    }
    .page-casestudies section.solutions .img-container-hub.avella {
        background: url("../../img/casestudies/avella_solution_desktop.png") no-repeat
    }
    .page-casestudies section.solutions .img-container-hub.booker {
        background: url("../../img/casestudies/booker_solution_desktop.jpg") no-repeat;
        position: relative;
        left: -60px
    }
    .page-casestudies section.solutions .img-container-hub.dyn {
        background: url("../../img/casestudies/dyn_solution_desktop.jpg") no-repeat
    }
    .page-casestudies section.case-studies .row .span4 .tile-layout {
        width: 90%
    }
    .page-casestudies section.results.monetate .img-container {
        padding: 0 10%
    }
    .page-casestudies section.results.monetate .img-container .conversion-stat {
        top: 25px
    }
    .page-casestudies section.results.monetate .img-container .row .span6 {
        width: 390px;
        position: static;
        left: 0
    }
    .page-casestudies section.results.monetate .img-container .row .span6.leftSide .img-landing-page {
        width: 294px;
        height: 215px;
        margin: 0 auto;
        background: url("../../img/casestudies/monetate/tablet_mobile_traditional_page.png") no-repeat
    }
    .page-casestudies section.results.monetate .img-container .row .span6.rightSide .img-cta-overlay {
        width: 294px;
        height: 215px;
        margin: 0 auto;
        background: url("../../img/casestudies/monetate/tablet_mobile_cta_overlay.png") no-repeat
    }
    .page-casestudies section.more-case-studies div.case-studies {
        width: 1000px
    }
    .page-casestudies section.more-case-studies div.case-studies .case-study:nth-child(3n) {
        margin: 0 0 50px 30px
    }
    .page-casestudies section.more-case-studies div.case-studies .case-study:nth-child(3n+1) {
        margin: 0 30px 50px 0
    }
    .page-casestudies section.more-case-studies div.case-studies .case-study {
        margin: 0 30px 50px 30px
    }
}

@media (min-width:768px) and (max-width:1009px) {
    .page-casestudies section.shared-intro {
        height: 460px;
        background-image: url("../../img/casestudies/tablet_header.jpg")
    }
    .page-casestudies section.shared-intro .intro-details {
        width: 700px;
        margin-top: 70px
    }
    .page-casestudies section.shared-intro .intro-details h1 {
        font-size: 40px;
        margin-bottom: 0;
        line-height: 50px
    }
    .page-casestudies section.shared-intro .intro-details p {
        margin-top: 20px;
        font-size: 20px;
        line-height: 26px
    }
    .page-casestudies section.shared-intro .intro-details .btns {
        margin: 40px 0 0 0
    }
    .page-casestudies section.shared-intro.insight {
        background: url("../../img/casestudies/tablet_insight_header.jpg") no-repeat;
        background-size: cover
    }
    .page-casestudies section.shared-intro.insight .intro-details {
        margin-top: 120px
    }
    .page-casestudies section.shared-intro.visually {
        background: url("../../img/casestudies/tablet_visually_header.jpg") no-repeat;
        background-size: cover
    }
    .page-casestudies section.shared-intro.visually .intro-details {
        margin-top: 100px
    }
    .page-casestudies section.shared-intro.monetate {
        background: url("../../img/casestudies/tablet_monetate_header.jpg") no-repeat;
        background-size: cover
    }
    .page-casestudies section.shared-intro.monetate .intro-details {
        margin-top: 150px
    }
    .page-casestudies section.shared-intro.interactions {
        background: url("../../img/casestudies/tablet_interactions_header.jpg") no-repeat;
        background-size: cover
    }
    .page-casestudies section.shared-intro.interactions h1 {
        line-height: 60px
    }
    .page-casestudies section.shared-intro.avella {
        background: url("../../img/casestudies/tablet_avella_header.png") no-repeat;
        background-size: cover
    }
    .page-casestudies section.shared-intro.avella h1 {
        font-size: 50px;
        line-height: 60px
    }
    .page-casestudies section.shared-intro.avella .intro-details .btns {
        margin: 40px 0 0 0
    }
    .page-casestudies section.shared-intro.booker {
        background: url("../../img/casestudies/tablet_booker_header.jpg") no-repeat;
        background-size: cover
    }
    .page-casestudies section.shared-intro.booker h1 {
        line-height: 60px
    }
    .page-casestudies section.shared-intro.dyn {
        background: url("../../img/casestudies/tablet_dyn_header.jpg") no-repeat;
        background-size: cover
    }
    .page-casestudies section.shared-intro.dyn h1 {
        line-height: 60px
    }
    .page-casestudies section.company-desc .company-container {
        padding: 0 5%;
        margin: 70px 0 0 0
    }
    .page-casestudies section.company-desc .company-container .company-info .arrows-text {
        width: 90%
    }
    .page-casestudies section.challenges .info,
    .page-casestudies section.solutions .info,
    .page-casestudies section.results .info {
        padding: 0 5%
    }
    .page-casestudies section.challenges .img-container-hub,
    .page-casestudies section.solutions .img-container-hub,
    .page-casestudies section.results .img-container-hub {
        width: 100%
    }
    .page-casestudies section.challenges .img-container-hub.visually,
    .page-casestudies section.solutions .img-container-hub.visually,
    .page-casestudies section.results .img-container-hub.visually {
        margin: 50px 0 0 50px;
        background: url("../../img/casestudies/visually_solution_tablet.png") no-repeat
    }
    .page-casestudies section.challenges .img-container-hub.insight,
    .page-casestudies section.solutions .img-container-hub.insight,
    .page-casestudies section.results .img-container-hub.insight {
        margin: 50px 0 0 50px;
        background: url("../../img/casestudies/insight_solution_tablet.png") no-repeat
    }
    .page-casestudies section.challenges .img-container-hub.monetate,
    .page-casestudies section.solutions .img-container-hub.monetate,
    .page-casestudies section.results .img-container-hub.monetate {
        margin: 50px 0 0 50px;
        background: url("../../img/casestudies/monetate_solution_tablet.png") no-repeat
    }
    .page-casestudies section.challenges .img-container-hub.interactions,
    .page-casestudies section.solutions .img-container-hub.interactions,
    .page-casestudies section.results .img-container-hub.interactions {
        height: 460px;
        margin: 50px 0 0 50px;
        background: url("../../img/casestudies/interactions_solution_tablet.png") no-repeat
    }
    .page-casestudies section.challenges .img-container-hub.avella,
    .page-casestudies section.solutions .img-container-hub.avella,
    .page-casestudies section.results .img-container-hub.avella {
        height: 460px;
        margin: 50px 0 0 50px;
        background: url("../../img/casestudies/avella_solution_tablet.png") no-repeat
    }
    .page-casestudies section.challenges .img-container-hub.monetate,
    .page-casestudies section.solutions .img-container-hub.monetate,
    .page-casestudies section.results .img-container-hub.monetate {
        margin: 50px 0 0 50px;
        background: url("../../img/casestudies/monetate_solution_tablet.png") no-repeat
    }
    .page-casestudies section.challenges .img-container-hub.booker,
    .page-casestudies section.solutions .img-container-hub.booker,
    .page-casestudies section.results .img-container-hub.booker {
        margin: 50px 0 0 50px;
        background: url("../../img/casestudies/booker_solution_tablet.jpg") no-repeat
    }
    .page-casestudies section.challenges .img-container-hub.dyn,
    .page-casestudies section.solutions .img-container-hub.dyn,
    .page-casestudies section.results .img-container-hub.dyn {
        margin: 50px 0 0 50px;
        background: url("../../img/casestudies/dyn_solution_tablet.jpg") no-repeat
    }
    .page-casestudies section.results {
        margin: 0 0 0 0
    }
    .page-casestudies section.results.insight,
    .page-casestudies section.results.monetate,
    .page-casestudies section.results.avella,
    .page-casestudies section.results.interactions,
    .page-casestudies section.results.booker {
        margin: 60px 0 0 0
    }
    .page-casestudies section.results.monetate .img-container .conversion-stat {
        top: 25px
    }
    .page-casestudies section.results.monetate .img-container .row .span6 {
        width: 340px;
        position: static;
        left: 0
    }
    .page-casestudies section.results.monetate .img-container .row .span6.leftSide .img-landing-page {
        width: 294px;
        height: 215px;
        margin: 0 auto;
        background: url("../../img/casestudies/monetate/tablet_mobile_traditional_page.png") no-repeat
    }
    .page-casestudies section.results.monetate .img-container .row .span6.rightSide .img-cta-overlay {
        width: 294px;
        height: 215px;
        margin: 0 auto;
        background: url("../../img/casestudies/monetate/tablet_mobile_cta_overlay.png") no-repeat
    }
    .page-casestudies section.case-studies {
        padding: 40px 0 40px 0
    }
    .page-casestudies section.case-studies .row {
        margin-left: 0
    }
    .page-casestudies section.case-studies .row .span4 {
        width: 300px;
        padding: 20px 10px
    }
    .page-casestudies section.case-studies .row .span4 .tile-layout {
        width: 90%;
        margin-top: 60px
    }
    .page-casestudies section.shared-try-it-now .span8 {
        margin-left: 0
    }
    .page-casestudies section.more-case-studies div.case-studies {
        width: 724px
    }
    .page-casestudies section.more-case-studies div.case-studies .case-study:nth-child(2n) {
        margin: 0 0 50px 40px
    }
    .page-casestudies section.more-case-studies div.case-studies .case-study:nth-child(2n+1) {
        margin: 0 40px 50px 0
    }
}

@media (max-width:767px) {
    .page-casestudies section.shared-intro {
        height: 360px;
        background-image: url("../../img/casestudies/tablet_header.jpg")
    }
    .page-casestudies section.shared-intro.insight {
        background: url("../../img/casestudies/tablet_insight_header.jpg") no-repeat
    }
    .page-casestudies section.shared-intro.visually {
        background: url("../../img/casestudies/tablet_visually_header.jpg") no-repeat
    }
    .page-casestudies section.shared-intro.monetate {
        background: url("../../img/casestudies/tablet_monetate_header.jpg") no-repeat
    }
    .page-casestudies section.shared-intro.interactions {
        background: url("../../img/casestudies/tablet_interactions_header.jpg") no-repeat
    }
    .page-casestudies section.shared-intro.avella {
        background: url("../../img/casestudies/tablet_avella_header.png") no-repeat
    }
    .page-casestudies section.shared-intro.booker {
        background: url("../../img/casestudies/tablet_booker_header.jpg") no-repeat
    }
    .page-casestudies section.shared-intro.dyn {
        background: url("../../img/casestudies/tablet_dyn_header.jpg") no-repeat
    }
    .page-casestudies section.shared-intro .intro-details {
        width: 450px;
        margin-top: 80px
    }
    .page-casestudies section.shared-intro .intro-details.insight {
        margin-top: 30px
    }
    .page-casestudies section.shared-intro .intro-details.insight .btns {
        margin: 20px 0 0 0
    }
    .page-casestudies section.shared-intro .intro-details.visually {
        margin-top: 60px
    }
    .page-casestudies section.shared-intro .intro-details.interactions {
        margin-top: 50px
    }
    .page-casestudies section.shared-intro .intro-details.interactions h1 {
        line-height: 45px
    }
    .page-casestudies section.shared-intro .intro-details.avella {
        margin-top: 40px
    }
    .page-casestudies section.shared-intro .intro-details.avella .btns {
        margin: 20px 0 0 0
    }
    .page-casestudies section.shared-intro .intro-details h1 {
        font-size: 32px;
        line-height: 50px;
        margin-bottom: 0
    }
    .page-casestudies section.shared-intro .intro-details p {
        margin-top: 20px;
        font-size: 16px;
        line-height: 22px
    }
    .page-casestudies section.shared-intro .intro-details .btns {
        margin: 30px 0 0 0
    }
    .page-casestudies section.company-desc .company-container {
        padding: 0;
        margin: 70px 0 0 50px
    }
    .page-casestudies section.company-desc .company-container .company-info .arrows-text {
        width: 85%
    }
    .page-casestudies section.case-studies {
        padding: 40px 0 40px 0
    }
    .page-casestudies section.case-studies .row .span4 {
        max-width: 500px;
        margin: 0 auto;
        padding: 25px 0
    }
    .page-casestudies section.case-studies .row .span4 .tile-layout {
        margin-top: 0
    }
    .page-casestudies section.challenges .info,
    .page-casestudies section.solutions .info,
    .page-casestudies section.results .info {
        padding: 0 10%
    }
    .page-casestudies section.challenges .img-container-hub.visually,
    .page-casestudies section.solutions .img-container-hub.visually,
    .page-casestudies section.results .img-container-hub.visually {
        width: 100%;
        margin: 50px 0 0 0;
        background: url("../../img/casestudies/visually_solution_tablet.png") no-repeat;
        background-size: contain
    }
    .page-casestudies section.challenges .img-container-hub.insight,
    .page-casestudies section.solutions .img-container-hub.insight,
    .page-casestudies section.results .img-container-hub.insight {
        width: 100%;
        margin: 50px 0 0 0;
        background: url("../../img/casestudies/insight_solution_tablet.png") no-repeat;
        background-size: contain
    }
    .page-casestudies section.challenges .img-container-hub.monetate,
    .page-casestudies section.solutions .img-container-hub.monetate,
    .page-casestudies section.results .img-container-hub.monetate {
        width: 100%;
        margin: 50px 0 0 0;
        background: url("../../img/casestudies/monetate_solution_tablet.png") no-repeat;
        background-size: contain
    }
    .page-casestudies section.challenges .img-container-hub.interactions,
    .page-casestudies section.solutions .img-container-hub.interactions,
    .page-casestudies section.results .img-container-hub.interactions {
        width: 100%;
        height: 380px;
        margin: 50px 0 0 0;
        background: url("../../img/casestudies/interactions_solution_tablet.png") no-repeat;
        background-size: contain
    }
    .page-casestudies section.challenges .img-container-hub.avella,
    .page-casestudies section.solutions .img-container-hub.avella,
    .page-casestudies section.results .img-container-hub.avella {
        width: 100%;
        height: 380px;
        margin: 50px 0 0 0;
        background: url("../../img/casestudies/avella_solution_tablet.png") no-repeat;
        background-size: contain
    }
    .page-casestudies section.challenges .img-container-hub.booker,
    .page-casestudies section.solutions .img-container-hub.booker,
    .page-casestudies section.results .img-container-hub.booker {
        width: 100%;
        margin: 50px 0 0 0;
        background: url("../../img/casestudies/booker_solution_tablet.jpg") no-repeat;
        background-size: contain
    }
    .page-casestudies section.challenges .img-container-hub.dyn,
    .page-casestudies section.solutions .img-container-hub.dyn,
    .page-casestudies section.results .img-container-hub.dyn {
        width: 100%;
        margin: 50px 0 0 0;
        background: url("../../img/casestudies/dyn_solution_tablet.jpg") no-repeat;
        background-size: contain
    }
    .page-casestudies section.more-case-studies div.case-studies {
        width: auto
    }
    .page-casestudies section.more-case-studies div.case-studies .case-study:nth-child(1n) {
        margin: 0 auto 50px;
        display: block
    }
    .page-casestudies section.results.visually {
        margin: 0
    }
    .page-casestudies section.results.interactions .colored-quote {
        width: 90%
    }
    .page-casestudies section.results.monetate .img-container .conversion-stat {
        top: 25px;
        display: none
    }
    .page-casestudies section.results.monetate .img-container .row .span6 {
        width: 100%;
        position: static;
        left: 0
    }
    .page-casestudies section.results.monetate .img-container .row .span6.leftSide .img-landing-page {
        width: 294px;
        height: 215px;
        margin: 0 auto;
        background: url("../../img/casestudies/monetate/tablet_mobile_traditional_page.png") no-repeat
    }
    .page-casestudies section.results.monetate .img-container .row .span6.leftSide .mobile-conversion-stat {
        margin-top: 30px;
        display: block
    }
    .page-casestudies section.results.monetate .img-container .row .span6.rightSide .img-cta-overlay {
        width: 294px;
        height: 215px;
        margin: 0 auto;
        background: url("../../img/casestudies/monetate/tablet_mobile_cta_overlay.png") no-repeat
    }
    .page-casestudies section.shared-try-it-now p {
        text-align: center
    }
    .page-casestudies section.shared-try-it-now .span8 {
        margin-left: 0
    }
}

@media (max-width:480px) {
    .page-casestudies section.shared-intro {
        height: 460px;
        background: url("../../img/casestudies/tablet_header.jpg") no-repeat
    }
    .page-casestudies section.shared-intro .intro-details {
        max-width: 300px;
        margin-top: 60px
    }
    .page-casestudies section.shared-intro .intro-details h1 {
        margin-bottom: 0;
        padding: 0 10px;
        font-size: 32px;
        line-height: 42px
    }
    .page-casestudies section.shared-intro .intro-details p {
        font-size: 18px;
        line-height: 25px
    }
    .page-casestudies section.shared-intro .intro-details .btns {
        margin: 40px 0 0 0
    }
    .page-casestudies section.shared-intro .intro-details.visually h1 {
        line-height: 50px
    }
    .page-casestudies section.shared-intro .intro-details.insight {
        margin-top: 50px
    }
    .page-casestudies section.shared-intro .intro-details.insight h1 {
        line-height: 50px
    }
    .page-casestudies section.shared-intro .intro-details.insight .btns {
        margin: 30px 0 0 0
    }
    .page-casestudies section.shared-intro .intro-details.monetate {
        margin-top: 85px
    }
    .page-casestudies section.shared-intro .intro-details.monetate h1 {
        line-height: 50px
    }
    .page-casestudies section.shared-intro .intro-details.interactions {
        margin-top: 25px
    }
    .page-casestudies section.shared-intro .intro-details.interactions h1 {
        line-height: 45px
    }
    .page-casestudies section.shared-intro .intro-details.avella h1 {
        font-size: 30px;
        line-height: 55px
    }
    .page-casestudies section.video-testimonial .vid-container {
        margin: 20px
    }
    .page-casestudies section.company-desc.visually .container .company-container,
    .page-casestudies section.company-desc.insight .container .company-container,
    .page-casestudies section.company-desc.monetate .container .company-container,
    .page-casestudies section.company-desc.interactions .container .company-container,
    .page-casestudies section.company-desc.avella .container .company-container,
    .page-casestudies section.company-desc.booker .container .company-container,
    .page-casestudies section.company-desc.dyn .container .company-container {
        margin: 70px 0 0 0
    }
    .page-casestudies section.company-desc.visually .container .company-container .company-logo.visually,
    .page-casestudies section.company-desc.insight .container .company-container .company-logo.visually,
    .page-casestudies section.company-desc.monetate .container .company-container .company-logo.visually,
    .page-casestudies section.company-desc.interactions .container .company-container .company-logo.visually,
    .page-casestudies section.company-desc.avella .container .company-container .company-logo.visually,
    .page-casestudies section.company-desc.booker .container .company-container .company-logo.visually,
    .page-casestudies section.company-desc.dyn .container .company-container .company-logo.visually,
    .page-casestudies section.company-desc.visually .container .company-container .company-logo.insight,
    .page-casestudies section.company-desc.insight .container .company-container .company-logo.insight,
    .page-casestudies section.company-desc.monetate .container .company-container .company-logo.insight,
    .page-casestudies section.company-desc.interactions .container .company-container .company-logo.insight,
    .page-casestudies section.company-desc.avella .container .company-container .company-logo.insight,
    .page-casestudies section.company-desc.booker .container .company-container .company-logo.insight,
    .page-casestudies section.company-desc.dyn .container .company-container .company-logo.insight,
    .page-casestudies section.company-desc.visually .container .company-container .company-logo.monetate,
    .page-casestudies section.company-desc.insight .container .company-container .company-logo.monetate,
    .page-casestudies section.company-desc.monetate .container .company-container .company-logo.monetate,
    .page-casestudies section.company-desc.interactions .container .company-container .company-logo.monetate,
    .page-casestudies section.company-desc.avella .container .company-container .company-logo.monetate,
    .page-casestudies section.company-desc.booker .container .company-container .company-logo.monetate,
    .page-casestudies section.company-desc.dyn .container .company-container .company-logo.monetate,
    .page-casestudies section.company-desc.visually .container .company-container .company-logo.interactions,
    .page-casestudies section.company-desc.insight .container .company-container .company-logo.interactions,
    .page-casestudies section.company-desc.monetate .container .company-container .company-logo.interactions,
    .page-casestudies section.company-desc.interactions .container .company-container .company-logo.interactions,
    .page-casestudies section.company-desc.avella .container .company-container .company-logo.interactions,
    .page-casestudies section.company-desc.booker .container .company-container .company-logo.interactions,
    .page-casestudies section.company-desc.dyn .container .company-container .company-logo.interactions,
    .page-casestudies section.company-desc.visually .container .company-container .company-logo.avella,
    .page-casestudies section.company-desc.insight .container .company-container .company-logo.avella,
    .page-casestudies section.company-desc.monetate .container .company-container .company-logo.avella,
    .page-casestudies section.company-desc.interactions .container .company-container .company-logo.avella,
    .page-casestudies section.company-desc.avella .container .company-container .company-logo.avella,
    .page-casestudies section.company-desc.booker .container .company-container .company-logo.avella,
    .page-casestudies section.company-desc.dyn .container .company-container .company-logo.avella,
    .page-casestudies section.company-desc.visually .container .company-container .company-logo.booker,
    .page-casestudies section.company-desc.insight .container .company-container .company-logo.booker,
    .page-casestudies section.company-desc.monetate .container .company-container .company-logo.booker,
    .page-casestudies section.company-desc.interactions .container .company-container .company-logo.booker,
    .page-casestudies section.company-desc.avella .container .company-container .company-logo.booker,
    .page-casestudies section.company-desc.booker .container .company-container .company-logo.booker,
    .page-casestudies section.company-desc.dyn .container .company-container .company-logo.booker,
    .page-casestudies section.company-desc.visually .container .company-container .company-logo.dyn,
    .page-casestudies section.company-desc.insight .container .company-container .company-logo.dyn,
    .page-casestudies section.company-desc.monetate .container .company-container .company-logo.dyn,
    .page-casestudies section.company-desc.interactions .container .company-container .company-logo.dyn,
    .page-casestudies section.company-desc.avella .container .company-container .company-logo.dyn,
    .page-casestudies section.company-desc.booker .container .company-container .company-logo.dyn,
    .page-casestudies section.company-desc.dyn .container .company-container .company-logo.dyn {
        margin: 0 auto
    }
    .page-casestudies section.company-desc.visually .container .company-container .company-info,
    .page-casestudies section.company-desc.insight .container .company-container .company-info,
    .page-casestudies section.company-desc.monetate .container .company-container .company-info,
    .page-casestudies section.company-desc.interactions .container .company-container .company-info,
    .page-casestudies section.company-desc.avella .container .company-container .company-info,
    .page-casestudies section.company-desc.booker .container .company-container .company-info,
    .page-casestudies section.company-desc.dyn .container .company-container .company-info {
        margin: 30px 0 0 0;
        padding: 0 20px 0 20px
    }
    .page-casestudies section.company-desc.visually .container .company-container .company-info .arrows,
    .page-casestudies section.company-desc.insight .container .company-container .company-info .arrows,
    .page-casestudies section.company-desc.monetate .container .company-container .company-info .arrows,
    .page-casestudies section.company-desc.interactions .container .company-container .company-info .arrows,
    .page-casestudies section.company-desc.avella .container .company-container .company-info .arrows,
    .page-casestudies section.company-desc.booker .container .company-container .company-info .arrows,
    .page-casestudies section.company-desc.dyn .container .company-container .company-info .arrows {
        display: none
    }
    .page-casestudies section.company-desc.visually .container .company-container .company-info .arrows-text,
    .page-casestudies section.company-desc.insight .container .company-container .company-info .arrows-text,
    .page-casestudies section.company-desc.monetate .container .company-container .company-info .arrows-text,
    .page-casestudies section.company-desc.interactions .container .company-container .company-info .arrows-text,
    .page-casestudies section.company-desc.avella .container .company-container .company-info .arrows-text,
    .page-casestudies section.company-desc.booker .container .company-container .company-info .arrows-text,
    .page-casestudies section.company-desc.dyn .container .company-container .company-info .arrows-text {
        width: 100%;
        text-align: center
    }
    .page-casestudies section.company-desc.visually .container .company-container .company-info .arrows-text p,
    .page-casestudies section.company-desc.insight .container .company-container .company-info .arrows-text p,
    .page-casestudies section.company-desc.monetate .container .company-container .company-info .arrows-text p,
    .page-casestudies section.company-desc.interactions .container .company-container .company-info .arrows-text p,
    .page-casestudies section.company-desc.avella .container .company-container .company-info .arrows-text p,
    .page-casestudies section.company-desc.booker .container .company-container .company-info .arrows-text p,
    .page-casestudies section.company-desc.dyn .container .company-container .company-info .arrows-text p {
        line-height: 34px
    }
    .page-casestudies section.company-desc.visually .container .company-container .company-info .arrows-text .ma-text,
    .page-casestudies section.company-desc.insight .container .company-container .company-info .arrows-text .ma-text,
    .page-casestudies section.company-desc.monetate .container .company-container .company-info .arrows-text .ma-text,
    .page-casestudies section.company-desc.interactions .container .company-container .company-info .arrows-text .ma-text,
    .page-casestudies section.company-desc.avella .container .company-container .company-info .arrows-text .ma-text,
    .page-casestudies section.company-desc.booker .container .company-container .company-info .arrows-text .ma-text,
    .page-casestudies section.company-desc.dyn .container .company-container .company-info .arrows-text .ma-text {
        float: none
    }
    .page-casestudies section.company-desc.visually .container .company-container .company-info .arrows-text .ma-logo,
    .page-casestudies section.company-desc.insight .container .company-container .company-info .arrows-text .ma-logo,
    .page-casestudies section.company-desc.monetate .container .company-container .company-info .arrows-text .ma-logo,
    .page-casestudies section.company-desc.interactions .container .company-container .company-info .arrows-text .ma-logo,
    .page-casestudies section.company-desc.avella .container .company-container .company-info .arrows-text .ma-logo,
    .page-casestudies section.company-desc.booker .container .company-container .company-info .arrows-text .ma-logo,
    .page-casestudies section.company-desc.dyn .container .company-container .company-info .arrows-text .ma-logo {
        margin: 20px auto 0;
        float: none
    }
    .page-casestudies section.case-studies {
        padding: 40px 0 40px 0
    }
    .page-casestudies section.case-studies .span4 {
        padding: 20px 10px
    }
    .page-casestudies section.challenges,
    .page-casestudies section.solutions,
    .page-casestudies section.results {
        margin: 40px 0 0 0
    }
    .page-casestudies section.challenges .header h3,
    .page-casestudies section.solutions .header h3,
    .page-casestudies section.results .header h3 {
        font-size: 17px
    }
    .page-casestudies section.challenges .info,
    .page-casestudies section.solutions .info,
    .page-casestudies section.results .info {
        margin: 40px 0 0 0;
        padding: 0 5%
    }
    .page-casestudies section.challenges .info p,
    .page-casestudies section.solutions .info p,
    .page-casestudies section.results .info p {
        line-height: 30px;
        font-weight: 300
    }
    .page-casestudies section.challenges .info ol,
    .page-casestudies section.solutions .info ol,
    .page-casestudies section.results .info ol,
    .page-casestudies section.challenges .info ul,
    .page-casestudies section.solutions .info ul,
    .page-casestudies section.results .info ul {
        margin-top: 20px
    }
    .page-casestudies section.challenges .info ol p,
    .page-casestudies section.solutions .info ol p,
    .page-casestudies section.results .info ol p,
    .page-casestudies section.challenges .info ul p,
    .page-casestudies section.solutions .info ul p,
    .page-casestudies section.results .info ul p {
        font-weight: 400
    }
    .page-casestudies section.challenges .info ol.visually,
    .page-casestudies section.solutions .info ol.visually,
    .page-casestudies section.results .info ol.visually,
    .page-casestudies section.challenges .info ul.visually,
    .page-casestudies section.solutions .info ul.visually,
    .page-casestudies section.results .info ul.visually {
        margin-bottom: 30px
    }
    .page-casestudies section.challenges .end-result,
    .page-casestudies section.solutions .end-result,
    .page-casestudies section.results .end-result {
        margin: 50px 0 0 0;
        padding: 0 10%
    }
    .page-casestudies section.challenges .colored-quote,
    .page-casestudies section.solutions .colored-quote,
    .page-casestudies section.results .colored-quote {
        width: 90%
    }
    .page-casestudies section.solutions .img-container-hub.visually {
        width: 300px;
        height: 250px;
        margin: 0 auto;
        background: url("../../img/casestudies/visually_solution_mobile.png") no-repeat
    }
    .page-casestudies section.solutions .img-container-hub.insight {
        width: 300px;
        height: 250px;
        margin: 40px auto 0 auto;
        background: url("../../img/casestudies/insight_solution_mobile.png") no-repeat
    }
    .page-casestudies section.solutions .img-container-hub.monetate {
        width: 300px;
        height: 250px;
        margin: 30px auto 0;
        background: url("../../img/casestudies/monetate_solution_mobile.png") no-repeat
    }
    .page-casestudies section.solutions .img-container-hub.interactions {
        width: 300px;
        height: 250px;
        margin: 30px auto 0;
        background: url("../../img/casestudies/interactions_solution_mobile.png") no-repeat
    }
    .page-casestudies section.solutions .img-container-hub.avella {
        width: 300px;
        height: 250px;
        margin: 30px auto 0;
        background: url("../../img/casestudies/avella_solution_mobile.png") no-repeat
    }
    .page-casestudies section.solutions .img-container-hub.booker {
        width: 300px;
        height: 250px;
        margin: 30px auto 0;
        background: url("../../img/casestudies/booker_solution_mobile.jpg") no-repeat
    }
    .page-casestudies section.solutions .img-container-hub.dyn {
        width: 300px;
        height: 250px;
        margin: 30px auto 0;
        background: url("../../img/casestudies/dyn_solution_mobile.jpg") no-repeat
    }
    .page-casestudies section.results.monetate .img-container {
        margin: 40px 0 0 0
    }
    .page-casestudies section.results.monetate .img-container .conversion-stat {
        display: none
    }
    .page-casestudies section.results.monetate .img-container .row .span6 {
        width: 100%
    }
    .page-casestudies section.results.monetate .img-container .row .span6 .mobile-conversion-stat {
        margin: 30px 0 20px 0;
        display: block
    }
    .page-casestudies section.results.monetate .img-container .row .span6.leftSide .img-landing-page {
        width: 294px;
        height: 215px;
        margin: 0 auto;
        background: url("../../img/casestudies/monetate/tablet_mobile_traditional_page.png") no-repeat
    }
    .page-casestudies section.results.monetate .img-container .row .span6.rightSide .img-cta-overlay {
        width: 294px;
        height: 215px;
        margin: 0 auto;
        background: url("../../img/casestudies/monetate/tablet_mobile_cta_overlay.png") no-repeat
    }
    .page-casestudies section.request-demo .info {
        margin: 60px 0 0 0;
        padding: 0
    }
    .page-casestudies section.request-demo .info p {
        margin: 0 auto;
        width: 60%;
        line-height: 30px
    }
    .page-casestudies section.shared-try-it-now p {
        font-size: 18px
    }
}

@media (max-width:380px) {
    .page-casestudies section.shared-intro {
        height: 460px
    }
    .page-casestudies section.shared-intro .intro-details {
        max-width: 280px;
        margin-top: 60px
    }
    .page-casestudies section.shared-intro .intro-details h1 {
        margin-bottom: 0;
        padding: 0 10px;
        font-size: 30px;
        line-height: 40px
    }
    .page-casestudies section.shared-intro .intro-details p {
        font-size: 16px;
        line-height: 25px
    }
    .page-casestudies section.shared-intro .intro-details .btns {
        margin: 50px 0 0 0
    }
    .page-casestudies section.shared-intro .intro-details.avella h1 {
        font-size: 28px
    }
    .page-casestudies section.video-testimonial.avella,
    .page-casestudies section.video-testimonial.insight {
        margin: 30px 0
    }
    .page-casestudies section.challenges.insight,
    .page-casestudies section.challenges.visually,
    .page-casestudies section.challenges.monetate,
    .page-casestudies section.challenges.interactions,
    .page-casestudies section.challenges.avella,
    .page-casestudies section.challenges.booker {
        margin: 0
    }
    .page-casestudies section.solutions.insight {
        margin-top: 40px
    }
    .page-casestudies section.solutions.insight .info .img-container-hub {
        margin: 50px 0 0 0
    }
    .page-casestudies section.solutions.visually,
    .page-casestudies section.solutions.monetate,
    .page-casestudies section.solutions.interactions,
    .page-casestudies section.solutions.avella,
    .page-casestudies section.solutions.booker {
        margin-top: 40px
    }
    .page-casestudies section.results.insight,
    .page-casestudies section.results.visually,
    .page-casestudies section.results.monetate,
    .page-casestudies section.results.interactions,
    .page-casestudies section.results.avella,
    .page-casestudies section.results.booker {
        margin-top: 40px
    }
    .page-casestudies section.case-studies {
        padding: 40px 0 40px 0
    }
    .page-casestudies section.case-studies .span4 {
        padding: 20px 10px
    }
    .page-casestudies section.more-case-studies {
        margin: 90px 0 0 0
    }
    .page-casestudies section.shared-try-it-now p {
        font-size: 18px
    }
}

@media (max-width:320px) {
    .page-casestudies section.shared-intro {
        background-image: url("../../img/casestudies/mobile_header.jpg")
    }
    .page-casestudies section.shared-intro.insight {
        background: url("../../img/casestudies/mobile_insight_header.jpg") no-repeat
    }
    .page-casestudies section.shared-intro.visually {
        background: url("../../img/casestudies/mobile_visually_header.jpg") no-repeat
    }
    .page-casestudies section.shared-intro.monetate {
        background: url("../../img/casestudies/mobile_monetate_header.jpg") no-repeat
    }
    .page-casestudies section.shared-intro.interactions {
        background: url("../../img/casestudies/mobile_interactions_header.jpg") no-repeat
    }
    .page-casestudies section.shared-intro.avella {
        background: url("../../img/casestudies/mobile_avella_header.png") no-repeat
    }
    .page-casestudies section.shared-intro.booker {
        background: url("../../img/casestudies/mobile_booker_header.jpg") no-repeat
    }
    .page-casestudies section.shared-intro.dyn {
        background: url("../../img/casestudies/mobile_dyn_header.jpg") no-repeat
    }
}

.page-mobile section.intro {
    height: 380px;
    margin-bottom: 30px;
    background: #d9cfc7 url("../../img/home_header_radial_bg.jpg") no-repeat top;
    overflow: hidden
}

.page-mobile section.intro .intro-details {
    float: left;
    width: 450px;
    margin-top: 60px
}

.page-mobile section.intro .intro-details h1 {
    color: #333;
    font-family: "Comfortaa", cursive
}

.page-mobile section.intro .intro-details p {
    color: #333;
    font-size: 26px;
    margin-bottom: 20px
}

.page-mobile section.intro .intro-details .try-it-now {
    margin: 0 0 15px 0
}

.page-mobile section.intro .mobile-devices {
    height: 380px;
    background: transparent url("../../img/mobile/devices.png") no-repeat 75% center
}

.page-mobile div.toggle-features h1 {
    margin-bottom: 30px
}

.page-mobile div.toggle-features h2 {
    font-size: 26px;
    margin-bottom: 20px
}

.page-mobile div.toggle-features div.feature {
    float: left;
    clear: none;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 2px dotted #eee
}

.page-mobile div.toggle-features div.screen {
    width: 46%
}

.page-mobile div.toggle-features div.screen img {
    width: 100%
}

.page-mobile div.toggle-features div.copy {
    width: 46%
}

.page-mobile div.toggle-features div.left {
    margin-right: 5%
}

.page-mobile div.toggle-features div.right {
    margin-right: 3%
}

.page-mobile div.toggle-features p {
    font-size: 16px;
    line-height: 20px;
    color: #666
}

.page-affiliates section.shared-intro {
    height: 160px;
    margin-bottom: 30px;
    background: #d9cfc7 url("../../img/home_header_radial_bg.jpg") no-repeat center top;
    overflow: hidden
}

.page-affiliates section.shared-intro h1 {
    color: #333;
    font-family: "Comfortaa", cursive
}

.page-affiliates section.shared-intro h2 {
    color: #ce0058;
    font-family: "Comfortaa", cursive;
    font-size: 30px;
    text-align: center
}

.page-affiliates section.shared-intro p {
    color: #333;
    font-size: 18px;
    margin-bottom: 20px
}

.page-affiliates section.affiliate-program h2 {
    color: #333;
    font-family: "Comfortaa", cursive;
    font-size: 26px;
    margin-bottom: 0
}

.page-affiliates section.affiliate-program h4 {
    color: #333;
    font-size: 20px
}

.page-affiliates section.affiliate-program p,
.page-affiliates section.affiliate-program li {
    color: #666
}

.page-affiliates section.affiliate-program .page-header {
    margin-bottom: 10px
}

.page-termsofuse section.shared-intro p,
.page-partnerterms section.shared-intro p,
.page-affiliateterms section.shared-intro p,
.page-upfrontterms section.shared-intro p,
.page-partneretiquette section.shared-intro p,
.page-privacypolicy section.shared-intro p,
.page-copyrightpolicy section.shared-intro p,
.page-antispam section.shared-intro p,
.page-forms section.shared-intro p {
    font-size: 14px;
    margin-bottom: 0
}

.page-termsofuse section.policy,
.page-partnerterms section.policy,
.page-affiliateterms section.policy,
.page-upfrontterms section.policy,
.page-partneretiquette section.policy,
.page-privacypolicy section.policy,
.page-copyrightpolicy section.policy,
.page-antispam section.policy,
.page-forms section.policy {
    background-color: #fff
}

.page-termsofuse section.policy .container,
.page-partnerterms section.policy .container,
.page-affiliateterms section.policy .container,
.page-upfrontterms section.policy .container,
.page-partneretiquette section.policy .container,
.page-privacypolicy section.policy .container,
.page-copyrightpolicy section.policy .container,
.page-antispam section.policy .container,
.page-forms section.policy .container {
    max-width: 850px;
    margin: 50px auto
}

.page-termsofuse section.policy .terms h2,
.page-partnerterms section.policy .terms h2,
.page-affiliateterms section.policy .terms h2,
.page-upfrontterms section.policy .terms h2,
.page-partneretiquette section.policy .terms h2,
.page-privacypolicy section.policy .terms h2,
.page-copyrightpolicy section.policy .terms h2,
.page-antispam section.policy .terms h2,
.page-forms section.policy .terms h2 {
    margin: 30px 0 10px 0;
    font-size: 14px
}

.page-termsofuse section.policy .terms h2.title,
.page-partnerterms section.policy .terms h2.title,
.page-affiliateterms section.policy .terms h2.title,
.page-upfrontterms section.policy .terms h2.title,
.page-partneretiquette section.policy .terms h2.title,
.page-privacypolicy section.policy .terms h2.title,
.page-copyrightpolicy section.policy .terms h2.title,
.page-antispam section.policy .terms h2.title,
.page-forms section.policy .terms h2.title {
    font-size: 18px;
    font-weight: 400;
    text-align: center
}

.page-termsofuse section.policy .terms h2 strong,
.page-partnerterms section.policy .terms h2 strong,
.page-affiliateterms section.policy .terms h2 strong,
.page-upfrontterms section.policy .terms h2 strong,
.page-partneretiquette section.policy .terms h2 strong,
.page-privacypolicy section.policy .terms h2 strong,
.page-copyrightpolicy section.policy .terms h2 strong,
.page-antispam section.policy .terms h2 strong,
.page-forms section.policy .terms h2 strong {
    padding: 0 0 0 10px
}

.page-termsofuse section.policy .terms p strong.pad,
.page-partnerterms section.policy .terms p strong.pad,
.page-affiliateterms section.policy .terms p strong.pad,
.page-upfrontterms section.policy .terms p strong.pad,
.page-partneretiquette section.policy .terms p strong.pad,
.page-privacypolicy section.policy .terms p strong.pad,
.page-copyrightpolicy section.policy .terms p strong.pad,
.page-antispam section.policy .terms p strong.pad,
.page-forms section.policy .terms p strong.pad {
    padding: 0 0 0 10px
}

.page-termsofuse section.policy .terms p span.underline,
.page-partnerterms section.policy .terms p span.underline,
.page-affiliateterms section.policy .terms p span.underline,
.page-upfrontterms section.policy .terms p span.underline,
.page-partneretiquette section.policy .terms p span.underline,
.page-privacypolicy section.policy .terms p span.underline,
.page-copyrightpolicy section.policy .terms p span.underline,
.page-antispam section.policy .terms p span.underline,
.page-forms section.policy .terms p span.underline {
    text-decoration: underline
}

.page-termsofuse section.policy .terms p span.pad,
.page-partnerterms section.policy .terms p span.pad,
.page-affiliateterms section.policy .terms p span.pad,
.page-upfrontterms section.policy .terms p span.pad,
.page-partneretiquette section.policy .terms p span.pad,
.page-privacypolicy section.policy .terms p span.pad,
.page-copyrightpolicy section.policy .terms p span.pad,
.page-antispam section.policy .terms p span.pad,
.page-forms section.policy .terms p span.pad {
    padding: 0 0 0 10px
}

.page-termsofuse section.policy .privacy h2,
.page-partnerterms section.policy .privacy h2,
.page-affiliateterms section.policy .privacy h2,
.page-upfrontterms section.policy .privacy h2,
.page-partneretiquette section.policy .privacy h2,
.page-privacypolicy section.policy .privacy h2,
.page-copyrightpolicy section.policy .privacy h2,
.page-antispam section.policy .privacy h2,
.page-forms section.policy .privacy h2 {
    font-size: 14px
}

.page-termsofuse section.policy .privacy h2 strong,
.page-partnerterms section.policy .privacy h2 strong,
.page-affiliateterms section.policy .privacy h2 strong,
.page-upfrontterms section.policy .privacy h2 strong,
.page-partneretiquette section.policy .privacy h2 strong,
.page-privacypolicy section.policy .privacy h2 strong,
.page-copyrightpolicy section.policy .privacy h2 strong,
.page-antispam section.policy .privacy h2 strong,
.page-forms section.policy .privacy h2 strong {
    text-decoration: underline
}

.page-termsofuse section.policy h2,
.page-partnerterms section.policy h2,
.page-affiliateterms section.policy h2,
.page-upfrontterms section.policy h2,
.page-partneretiquette section.policy h2,
.page-privacypolicy section.policy h2,
.page-copyrightpolicy section.policy h2,
.page-antispam section.policy h2,
.page-forms section.policy h2 {
    margin-top: 40px;
    margin-bottom: 10px;
    font-size: 14px;
    font-family: "Montserrat", sans-serif
}

.page-termsofuse section.policy>h2:first-child,
.page-partnerterms section.policy>h2:first-child,
.page-affiliateterms section.policy>h2:first-child,
.page-upfrontterms section.policy>h2:first-child,
.page-partneretiquette section.policy>h2:first-child,
.page-privacypolicy section.policy>h2:first-child,
.page-copyrightpolicy section.policy>h2:first-child,
.page-antispam section.policy>h2:first-child,
.page-forms section.policy>h2:first-child {
    margin-top: 0
}

.page-termsofuse section.policy p,
.page-partnerterms section.policy p,
.page-affiliateterms section.policy p,
.page-upfrontterms section.policy p,
.page-partneretiquette section.policy p,
.page-privacypolicy section.policy p,
.page-copyrightpolicy section.policy p,
.page-antispam section.policy p,
.page-forms section.policy p,
.page-termsofuse section.policy ul li,
.page-partnerterms section.policy ul li,
.page-affiliateterms section.policy ul li,
.page-upfrontterms section.policy ul li,
.page-partneretiquette section.policy ul li,
.page-privacypolicy section.policy ul li,
.page-copyrightpolicy section.policy ul li,
.page-antispam section.policy ul li,
.page-forms section.policy ul li,
.page-termsofuse section.policy ol li,
.page-partnerterms section.policy ol li,
.page-affiliateterms section.policy ol li,
.page-upfrontterms section.policy ol li,
.page-partneretiquette section.policy ol li,
.page-privacypolicy section.policy ol li,
.page-copyrightpolicy section.policy ol li,
.page-antispam section.policy ol li,
.page-forms section.policy ol li {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    color: #333
}

.page-termsofuse section.policy .row,
.page-partnerterms section.policy .row,
.page-affiliateterms section.policy .row,
.page-upfrontterms section.policy .row,
.page-partneretiquette section.policy .row,
.page-privacypolicy section.policy .row,
.page-copyrightpolicy section.policy .row,
.page-antispam section.policy .row,
.page-forms section.policy .row {
    margin-bottom: 10px
}

.page-termsofuse section.policy .row .span6,
.page-partnerterms section.policy .row .span6,
.page-affiliateterms section.policy .row .span6,
.page-upfrontterms section.policy .row .span6,
.page-partneretiquette section.policy .row .span6,
.page-privacypolicy section.policy .row .span6,
.page-copyrightpolicy section.policy .row .span6,
.page-antispam section.policy .row .span6,
.page-forms section.policy .row .span6 {
    width: 380px;
    padding-left: 15px;
    padding-right: 15px
}

.page-termsofuse section.policy .alert,
.page-partnerterms section.policy .alert,
.page-affiliateterms section.policy .alert,
.page-upfrontterms section.policy .alert,
.page-partneretiquette section.policy .alert,
.page-privacypolicy section.policy .alert,
.page-copyrightpolicy section.policy .alert,
.page-antispam section.policy .alert,
.page-forms section.policy .alert {
    margin: 40px 0;
    padding: 10px
}

.page-termsofuse section.policy .alert h4,
.page-partnerterms section.policy .alert h4,
.page-affiliateterms section.policy .alert h4,
.page-upfrontterms section.policy .alert h4,
.page-partneretiquette section.policy .alert h4,
.page-privacypolicy section.policy .alert h4,
.page-copyrightpolicy section.policy .alert h4,
.page-antispam section.policy .alert h4,
.page-forms section.policy .alert h4 {
    color: inherit;
    margin: 0 0 5px 0
}

.page-termsofuse section.policy .alert p,
.page-partnerterms section.policy .alert p,
.page-affiliateterms section.policy .alert p,
.page-upfrontterms section.policy .alert p,
.page-partneretiquette section.policy .alert p,
.page-privacypolicy section.policy .alert p,
.page-copyrightpolicy section.policy .alert p,
.page-antispam section.policy .alert p,
.page-forms section.policy .alert p {
    color: inherit;
    margin: 0
}

.page-termsofuse section.policy .loading p,
.page-partnerterms section.policy .loading p,
.page-affiliateterms section.policy .loading p,
.page-upfrontterms section.policy .loading p,
.page-partneretiquette section.policy .loading p,
.page-privacypolicy section.policy .loading p,
.page-copyrightpolicy section.policy .loading p,
.page-antispam section.policy .loading p,
.page-forms section.policy .loading p {
    margin: 50px 0;
    text-align: center
}

@media (min-width:768px) and (max-width:1009px) {
    .page-termsofuse section.policy .row .span6,
    .page-partnerterms section.policy .row .span6,
    .page-affiliateterms section.policy .row .span6,
    .page-upfrontterms section.policy .row .span6,
    .page-partneretiquette section.policy .row .span6,
    .page-privacypolicy section.policy .row .span6,
    .page-antispam section.policy .row .span6,
    .page-copyrightpolicy section.policy .row .span6,
    .page-forms section.policy .row .span6 {
        width: 90%
    }
}

@media (max-width:767px) {
    .page-termsofuse section.shared-intro p,
    .page-partnerterms section.shared-intro p,
    .page-affiliateterms section.shared-intro p,
    .page-upfrontterms section.shared-intro p,
    .page-partneretiquette section.shared-intro p,
    .page-privacypolicy section.shared-intro p,
    .page-antispam section.shared-intro p,
    .page-copyrightpolicy section.shared-intro p,
    .page-forms section.shared-intro p {
        font-size: 14px;
        margin-bottom: 0
    }
    .page-termsofuse section.policy,
    .page-partnerterms section.policy,
    .page-affiliateterms section.policy,
    .page-upfrontterms section.policy,
    .page-partneretiquette section.policy,
    .page-privacypolicy section.policy,
    .page-antispam section.policy,
    .page-copyrightpolicy section.policy,
    .page-forms section.policy {
        padding: 40px 20px
    }
    .page-termsofuse section.policy .row .span6,
    .page-partnerterms section.policy .row .span6,
    .page-affiliateterms section.policy .row .span6,
    .page-upfrontterms section.policy .row .span6,
    .page-partneretiquette section.policy .row .span6,
    .page-privacypolicy section.policy .row .span6,
    .page-antispam section.policy .row .span6,
    .page-copyrightpolicy section.policy .row .span6,
    .page-forms section.policy .row .span6 {
        width: 100%
    }
    .page-termsofuse section.policy h2,
    .page-partnerterms section.policy h2,
    .page-affiliateterms section.policy h2,
    .page-upfrontterms section.policy h2,
    .page-partneretiquette section.policy h2,
    .page-privacypolicy section.policy h2,
    .page-antispam section.policy h2,
    .page-copyrightpolicy section.policy h2,
    .page-forms section.policy h2 {
        font-size: 18px
    }
    .page-termsofuse section.policy p,
    .page-partnerterms section.policy p,
    .page-affiliateterms section.policy p,
    .page-upfrontterms section.policy p,
    .page-partneretiquette section.policy p,
    .page-privacypolicy section.policy p,
    .page-antispam section.policy p,
    .page-copyrightpolicy section.policy p,
    .page-forms section.policy p,
    .page-termsofuse section.policy ul li,
    .page-partnerterms section.policy ul li,
    .page-affiliateterms section.policy ul li,
    .page-upfrontterms section.policy ul li,
    .page-partneretiquette section.policy ul li,
    .page-privacypolicy section.policy ul li,
    .page-antispam section.policy ul li,
    .page-copyrightpolicy section.policy ul li,
    .page-forms section.policy ul li,
    .page-termsofuse section.policy ol li,
    .page-partnerterms section.policy ol li,
    .page-affiliateterms section.policy ol li,
    .page-upfrontterms section.policy ol li,
    .page-partneretiquette section.policy ol li,
    .page-privacypolicy section.policy ol li,
    .page-antispam section.policy ol li,
    .page-copyrightpolicy section.policy ol li,
    .page-forms section.policy ol li {
        font-size: 16px
    }
}

@media (max-width:480px) {
    .page-termsofuse section.policy,
    .page-partnerterms section.policy,
    .page-affiliateterms section.policy,
    .page-upfrontterms section.policy,
    .page-partneretiquette section.policy,
    .page-privacypolicy section.policy,
    .page-antispam section.policy,
    .page-copyrightpolicy section.policy,
    .page-forms section.policy {
        padding: 20px
    }
    .page-termsofuse section.policy h2,
    .page-partnerterms section.policy h2,
    .page-affiliateterms section.policy h2,
    .page-upfrontterms section.policy h2,
    .page-partneretiquette section.policy h2,
    .page-privacypolicy section.policy h2,
    .page-antispam section.policy h2,
    .page-copyrightpolicy section.policy h2,
    .page-forms section.policy h2 {
        font-size: 16px
    }
    .page-termsofuse section.policy h3,
    .page-partnerterms section.policy h3,
    .page-affiliateterms section.policy h3,
    .page-upfrontterms section.policy h3,
    .page-partneretiquette section.policy h3,
    .page-privacypolicy section.policy h3,
    .page-antispam section.policy h3,
    .page-copyrightpolicy section.policy h3,
    .page-forms section.policy h3 {
        font-size: 16px
    }
    .page-termsofuse section.policy p,
    .page-partnerterms section.policy p,
    .page-affiliateterms section.policy p,
    .page-upfrontterms section.policy p,
    .page-partneretiquette section.policy p,
    .page-privacypolicy section.policy p,
    .page-antispam section.policy p,
    .page-copyrightpolicy section.policy p,
    .page-forms section.policy p,
    .page-termsofuse section.policy ul li,
    .page-partnerterms section.policy ul li,
    .page-affiliateterms section.policy ul li,
    .page-upfrontterms section.policy ul li,
    .page-partneretiquette section.policy ul li,
    .page-privacypolicy section.policy ul li,
    .page-antispam section.policy ul li,
    .page-copyrightpolicy section.policy ul li,
    .page-forms section.policy ul li,
    .page-termsofuse section.policy ol li,
    .page-partnerterms section.policy ol li,
    .page-affiliateterms section.policy ol li,
    .page-upfrontterms section.policy ol li,
    .page-partneretiquette section.policy ol li,
    .page-privacypolicy section.policy ol li,
    .page-antispam section.policy ol li,
    .page-copyrightpolicy section.policy ol li,
    .page-forms section.policy ol li {
        font-size: 14px;
        line-height: 20px
    }
    .page-termsofuse section.policy .row .span6,
    .page-partnerterms section.policy .row .span6,
    .page-affiliateterms section.policy .row .span6,
    .page-upfrontterms section.policy .row .span6,
    .page-partneretiquette section.policy .row .span6,
    .page-privacypolicy section.policy .row .span6,
    .page-antispam section.policy .row .span6,
    .page-copyrightpolicy section.policy .row .span6,
    .page-forms section.policy .row .span6 {
        width: 100%
    }
}

.page-landingpages section.intro {
    position: relative;
    padding: 0;
    height: 350px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
    overflow: hidden
}

.page-landingpages section.intro .rotate-screen-back,
.page-landingpages section.intro .rotate-screen-front {
    width: 100%;
    height: 350px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto
}

.page-landingpages section.intro .rotate-screen-back [class^="screen"],
.page-landingpages section.intro .rotate-screen-front [class^="screen"],
.page-landingpages section.intro .rotate-screen-back [class*=" screen"],
.page-landingpages section.intro .rotate-screen-front [class*=" screen"] {
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto
}

.page-landingpages section.intro .questions {
    position: absolute;
    top: 10px;
    right: 0;
    color: #fff;
    font-size: 14px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5)
}

.page-landingpages section.intro .questions a {
    color: #fff
}

.page-landingpages section.intro .questions i {
    margin-top: -4px
}

.page-landingpages section.intro .intro-details {
    width: 440px;
    margin-top: 50px
}

.page-landingpages section.intro .intro-details h1 {
    color: #fff;
    font-size: 46px;
    line-height: 55px;
    margin-bottom: 17px;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8)
}

.page-landingpages section.intro .intro-details h1 .small {
    font-size: 18px;
    line-height: 18px;
    display: block;
    margin: 12px 0;
    font-weight: 300
}

.page-landingpages section.intro .intro-details .try-it-now {
    margin: 0 0 15px 0
}

.page-landingpages section.learn-more {
    background-color: #2e95b4;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 120% auto
}

.page-landingpages section.learn-more .row .video-details h2 {
    color: #fff;
    font-size: 30px;
    line-height: 36px;
    text-align: left;
    margin-bottom: 20px;
    font-weight: 400;
    font-family: "Comfortaa", cursive
}

.page-landingpages section.learn-more .row .video-details p {
    color: #fff;
    font-size: 20px;
    line-height: 24px
}

@media (min-width:1200px) {
    .page-landingpages section.intro {
        background-image: url("../../img/pagebg_main.jpg")
    }
    .page-landingpages section.intro .rotate-screen-back,
    .page-landingpages section.intro .rotate-screen-front {
        opacity: 1;
        filter: alpha(opacity=100)
    }
    .page-landingpages section.intro .rotate-screen-back.screen1,
    .page-landingpages section.intro .rotate-screen-front.screen1 {
        background-image: url("../../img/pagebg_main_flipbooks.png")
    }
    .page-landingpages section.intro .rotate-screen-back.screen2,
    .page-landingpages section.intro .rotate-screen-front.screen2 {
        background-image: url("../../img/pagebg_main_hubs.png")
    }
    .page-landingpages section.intro .rotate-screen-back.screen3,
    .page-landingpages section.intro .rotate-screen-front.screen3 {
        background-image: url("../../img/pagebg_main_hubs_l3.png")
    }
    section.learn-more {
        height: 590px;
        background-image: url("../../img/pagebg_hubs_video.jpg")
    }
    section.learn-more .row {
        margin-top: 115px
    }
    section.learn-more .row .video-details {
        margin-top: 90px
    }
}

@media (min-width:1010px) and (max-width:1199px) {
    .page-landingpages section.intro {
        background-image: url("../../img/pagebg_main.jpg")
    }
    .page-landingpages section.intro .rotate-screen-back.screen1,
    .page-landingpages section.intro .rotate-screen-front.screen1 {
        background-image: url("../../img/pagebg_main_flipbooks.png")
    }
    .page-landingpages section.intro .rotate-screen-back.screen2,
    .page-landingpages section.intro .rotate-screen-front.screen2 {
        background-image: url("../../img/pagebg_main_hubs.png")
    }
    .page-landingpages section.intro .rotate-screen-back.screen3,
    .page-landingpages section.intro .rotate-screen-front.screen3 {
        background-image: url("../../img/pagebg_main_hubs_l3.png")
    }
    .page-landingpages section.intro .intro-details {
        margin-top: 70px;
        margin-left: 20px
    }
    .page-landingpages section.intro .intro-details h1 {
        font-size: 46px;
        line-height: 50px
    }
}

@media (min-width:768px) and (max-width:1009px) {
    .page-landingpages section.intro {
        height: 340px;
        background-image: url("../../img/tablet/pagebg_main.jpg")
    }
    .page-landingpages section.intro .rotate-screen-back,
    .page-landingpages section.intro .rotate-screen-front {
        height: 340px
    }
    .page-landingpages section.intro .rotate-screen-back.screen1,
    .page-landingpages section.intro .rotate-screen-front.screen1 {
        background-image: url("../../img/pagebg_main_flipbooks.png")
    }
    .page-landingpages section.intro .rotate-screen-back.screen2,
    .page-landingpages section.intro .rotate-screen-front.screen2 {
        background-image: url("../../img/pagebg_main_hubs.png")
    }
    .page-landingpages section.intro .rotate-screen-back.screen3,
    .page-landingpages section.intro .rotate-screen-front.screen3 {
        background-image: url("../../img/pagebg_main_hubs_l3.png")
    }
    .page-landingpages section.intro .intro-details {
        width: 300px;
        margin-top: 100px
    }
    .page-landingpages section.intro .intro-details h1 {
        font-size: 35px;
        line-height: 41px
    }
    .page-landingpages section.intro .intro-details h1 .small {
        font-size: 13px
    }
    .page-landingpages section.intro .intro-details .btn-uberflip.larger {
        padding: 9px 16px;
        font-size: 16px;
        font-size: 12px \9;
        line-height: 24px;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0
    }
    .page-landingpages section.intro .intro-details .btn-uberflip.larger [class^="icon-"],
    .page-landingpages section.intro .intro-details .btn-uberflip.larger [class*=" icon-"] {
        margin: 4px 0 0 7px
    }
    .page-landingpages section.intro .intro-details .btn-uberflip.larger.with-splitter {
        padding: 0 0 0 41px;
        line-height: 40px
    }
    .page-landingpages section.intro .intro-details .btn-uberflip.larger .split-arrow {
        width: 40px;
        height: 40px
    }
    .page-landingpages section.intro .intro-details .btn-uberflip.larger .split-arrow [class^="uf-icon-"],
    .page-landingpages section.intro .intro-details .btn-uberflip.larger .split-arrow [class*=" uf-icon-"] {
        margin: 4px 0 0 6px
    }
    .page-landingpages section.intro .intro-details .btn-uberflip.larger .split-text {
        padding: 12px 16px
    }
}

@media (max-width:767px) {
    .page-landingpages section.intro {
        height: 220px;
        background-image: url("../../img/tablet/pagebg_main.jpg")
    }
    .page-landingpages section.intro .rotate-screen-back,
    .page-landingpages section.intro .rotate-screen-front {
        height: 220px
    }
    .page-landingpages section.intro .rotate-screen-back.screen1,
    .page-landingpages section.intro .rotate-screen-front.screen1 {
        background-image: url("../../img/tablet/pagebg_main_flipbooks.png")
    }
    .page-landingpages section.intro .rotate-screen-back.screen2,
    .page-landingpages section.intro .rotate-screen-front.screen2 {
        background-image: url("../../img/tablet/pagebg_main_hubs.png")
    }
    .page-landingpages section.intro .rotate-screen-back.screen3,
    .page-landingpages section.intro .rotate-screen-front.screen3 {
        background-image: url("../../img/tablet/pagebg_main_hubs_l3.png")
    }
    .page-landingpages section.intro .questions {
        top: 10px;
        right: 20px;
        padding: 0;
        font-size: 12px
    }
    .page-landingpages section.intro .intro-details {
        width: 285px;
        margin-top: 33px;
        margin-left: 20px
    }
    .page-landingpages section.intro .intro-details h1 {
        font-size: 31px;
        line-height: 34px
    }
    .page-landingpages section.intro .intro-details h1 .small {
        display: none
    }
    .page-landingpages section.intro .intro-details .try-it-now .btn-uberflip.larger {
        padding: 9px 16px;
        font-size: 16px;
        font-size: 12px \9;
        line-height: 24px;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0
    }
    .page-landingpages section.intro .intro-details .try-it-now .btn-uberflip.larger [class^="icon-"],
    .page-landingpages section.intro .intro-details .try-it-now .btn-uberflip.larger [class*=" icon-"] {
        margin: 4px 0 0 7px
    }
    .page-landingpages section.intro .intro-details .try-it-now .btn-uberflip.larger.with-splitter {
        padding: 0 0 0 41px;
        line-height: 40px
    }
    .page-landingpages section.intro .intro-details .try-it-now .btn-uberflip.larger .split-arrow {
        width: 40px;
        height: 40px
    }
    .page-landingpages section.intro .intro-details .try-it-now .btn-uberflip.larger .split-arrow [class^="uf-icon-"],
    .page-landingpages section.intro .intro-details .try-it-now .btn-uberflip.larger .split-arrow [class*=" uf-icon-"] {
        margin: 4px 0 0 6px
    }
    .page-landingpages section.intro .intro-details .try-it-now .btn-uberflip.larger .split-text {
        padding: 12px 16px
    }
}

@media (max-width:480px) {
    .page-landingpages section.intro {
        height: 250px;
        background-size: 180% auto;
        background-image: url("../../img/phone/pagebg_main.jpg")
    }
    .page-landingpages section.intro .rotate-screen-back,
    .page-landingpages section.intro .rotate-screen-front {
        height: 250px;
        background-size: 180% auto
    }
    .page-landingpages section.intro .rotate-screen-back [class^="screen"],
    .page-landingpages section.intro .rotate-screen-front [class^="screen"],
    .page-landingpages section.intro .rotate-screen-back [class*=" screen"],
    .page-landingpages section.intro .rotate-screen-front [class*=" screen"] {
        background-size: 180% auto
    }
    .page-landingpages section.intro .rotate-screen-back.screen1,
    .page-landingpages section.intro .rotate-screen-front.screen1 {
        background-image: url("../../img/tablet/pagebg_main_flipbooks.png")
    }
    .page-landingpages section.intro .rotate-screen-back.screen2,
    .page-landingpages section.intro .rotate-screen-front.screen2 {
        background-image: url("../../img/tablet/pagebg_main_hubs.png")
    }
    .page-landingpages section.intro .rotate-screen-back.screen3,
    .page-landingpages section.intro .rotate-screen-front.screen3 {
        background-image: url("../../img/tablet/pagebg_main_hubs_l3.png")
    }
    .page-landingpages section.intro .questions {
        display: none
    }
    .page-landingpages section.intro .intro-details {
        width: 230px;
        margin-top: 70px;
        margin-left: 20px
    }
    .page-landingpages section.intro .intro-details h1 {
        font-size: 32px;
        line-height: 34px;
        margin-bottom: 0
    }
    .page-landingpages section.intro .intro-details .try-it-now {
        display: none
    }
}

.page-contenthub {
    padding-top: 0 !important
}

.page-contenthub .navbar-fixed-top {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: #666;
    background: rgba(90, 90, 90, 0.9);
    top: -25px
}

.page-contenthub .navbar-fixed-top::before {
    position: fixed !important
}

.page-contenthub .nav-alternate {
    margin-top: 0
}

.page-contenthub .navbar .navbar-inner {
    background-color: transparent
}

.page-contenthub .nav-collapse {
    display: none
}

.page-contenthub .navbar-inner .winking-logo {
    margin-top: 26px;
    background: transparent url("../../img/contenthub/logo-white.png") no-repeat 4px 18px
}

.page-contenthub .navbar-inner .winking-logo .wink {
    background: #666
}

.page-contenthub .vidyard_tmask {
    z-index: 1500 !important
}

.page-contenthub .vidyard_tbox {
    z-index: 1501 !important
}

@media (max-width:767px) {
    .page-contenthub .nav-alternate {
        top: 0
    }
}

.page-contenthub .top-menu-links {
    position: fixed;
    top: 22px;
    left: 0;
    width: 100%;
    pointer-events: none;
    z-index: 1200
}

.page-contenthub .top-menu-links .links-wrapper {
    float: right;
    font-size: 16px;
    color: #fff;
    pointer-events: auto
}

.page-contenthub .top-menu-links .links-wrapper a,
.page-contenthub .top-menu-links .links-wrapper a:link,
.page-contenthub .top-menu-links .links-wrapper a:visited,
.page-contenthub .top-menu-links .links-wrapper a:hover {
    color: #fff
}

.page-contenthub .top-menu-links .links-wrapper button.push-button>span.pusher.southward {
    padding-left: 15px;
    margin-left: 20px
}

.page-contenthub [class^="customer-logo-"],
.page-contenthub [class*=" customer-logo-"] {
    background-image: url("../../img/contenthub/companylogos-grey.jpg")
}

.page-contenthub section.intro {
    position: relative;
    padding: 0;
    height: 650px;
    height: 100vh;
    min-height: 650px;
    background-color: #5ab2a9;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% auto;
    background-attachment: fixed;
    overflow: visible
}

.page-contenthub section.intro .intro-details {
    margin-top: 170px;
    height: 480px;
    height: 80vh;
    min-height: 480px
}

.page-contenthub section.intro .intro-details h1 {
    width: 440px;
    color: #333;
    font-size: 35px;
    line-height: 40px;
    font-weight: 300;
    margin-bottom: 30px;
    text-transform: uppercase
}

.page-contenthub section.intro .intro-details p {
    display: block;
    width: 400px;
    color: #eee;
    font-size: 18px;
    line-height: 21px;
    margin: 0 0 25px 0;
    font-weight: normal
}

.page-contenthub section.intro .intro-details .content-types {
    width: 300px;
    height: 30px;
    background: transparent url("../../img/contenthub/spritesheet.png") no-repeat 0 0
}

.page-contenthub section.intro .intro-details .cta-buttons {
    *zoom: 1;
    padding-top: 40px
}

.page-contenthub section.intro .intro-details .cta-buttons:before,
.page-contenthub section.intro .intro-details .cta-buttons:after {
    display: table;
    content: "";
    line-height: 0
}

.page-contenthub section.intro .intro-details .cta-buttons:after {
    clear: both
}

.page-contenthub section.intro .intro-details .cta-buttons .push-button {
    margin-right: 20px
}

.page-contenthub section.intro .intro-details .chevron-scroll-down {
    display: block;
    position: absolute;
    bottom: 30px;
    left: 50%;
    width: 21px;
    height: 21px;
    margin-left: -10px;
    text-decoration: none;
    cursor: pointer;
    background: transparent url("../../img/contenthub/spritesheet.png") no-repeat -301px -1px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 20px 10px rgba(255, 255, 255, 0);
    -moz-box-shadow: 0 0 20px 10px rgba(255, 255, 255, 0);
    box-shadow: 0 0 20px 10px rgba(255, 255, 255, 0);
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear
}

.page-contenthub section.intro .intro-details .chevron-scroll-down:hover {
    -webkit-box-shadow: 0 0 20px 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 20px 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 20px 10px rgba(255, 255, 255, 0.5)
}

.page-contenthub section.features {
    padding: 90px 0
}

.page-contenthub section.features .row .span4 {
    text-align: center
}

.page-contenthub section.features .row .span4 p {
    width: 270px;
    color: #767676;
    font-size: 16px;
    line-height: 28px;
    margin-left: auto;
    margin-right: auto
}

.page-contenthub section.features .row .span4 p.title {
    color: #555;
    font-size: 24px;
    text-transform: uppercase;
    line-height: 36px;
    font-weight: 300
}

.page-contenthub section.features .feature-icon {
    width: 120px;
    height: 120px;
    margin: 0 auto 30px auto;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #ccc
}

.page-contenthub section.features .feature-icon span {
    display: block;
    width: 58px;
    height: 58px
}

.page-contenthub section.features .feature-icon.centralize span {
    margin: 33px auto 0 auto;
    background: transparent url("../../img/contenthub/spritesheet.png") no-repeat 0 -30px
}

.page-contenthub section.features .feature-icon.engagement span {
    margin: 42px auto 0 auto;
    background: transparent url("../../img/contenthub/spritesheet.png") no-repeat -62px -30px
}

.page-contenthub section.features .feature-icon.metrics span {
    margin: 41px auto 0 auto;
    background: transparent url("../../img/contenthub/spritesheet.png") no-repeat -125px -30px
}

.page-contenthub section.description {
    padding: 120px 0;
    background: transparent url("../../img/contenthub/bg-gray.png") repeat 0 0
}

.page-contenthub section.description .row .span5 {
    text-align: center
}

.page-contenthub section.description .row .span5 p,
.page-contenthub section.description .row .span7 p {
    color: #999;
    font-size: 20px;
    line-height: 30px
}

.page-contenthub section.description .row .span5 p.title,
.page-contenthub section.description .row .span7 p.title {
    color: #555;
    font-size: 28px;
    line-height: 38px;
    font-weight: 300
}

.page-contenthub section.description .row .span5 p.title a,
.page-contenthub section.description .row .span7 p.title a {
    font-size: 22px
}

.page-contenthub section.description .row .span5 ul li,
.page-contenthub section.description .row .span7 ul li {
    color: #999;
    font-size: 18px;
    line-height: 36px
}

.page-contenthub section.description .row .push-button {
    margin: 40px 0 10px 0
}

.page-contenthub section.how-it-works {
    padding: 90px 0
}

.page-contenthub section.how-it-works .heading p {
    color: #767676;
    font-size: 20px;
    line-height: 28px;
    text-align: center
}

.page-contenthub section.how-it-works .heading p.title {
    color: #555;
    font-size: 34px;
    text-transform: uppercase;
    line-height: 40px;
    font-weight: 300
}

.page-contenthub section.how-it-works .step-sep {
    position: relative;
    height: 72px;
    margin: 90px 0
}

.page-contenthub section.how-it-works .step-sep .step-line {
    height: 35px;
    border-bottom: 1px solid #ccc
}

.page-contenthub section.how-it-works .step-sep .step-num {
    position: absolute;
    top: 0;
    left: 50%;
    width: 70px;
    height: 70px;
    margin: 0 0 0 -35px;
    color: #ce0058;
    background: #fff;
    font-size: 18px;
    line-height: 70px;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #ccc;
    font-family: "Comfortaa", cursive
}

.page-contenthub section.how-it-works .row p {
    color: #767676;
    font-size: 18px;
    line-height: 30px
}

.page-contenthub section.how-it-works .row p.title {
    color: #ce0058;
    font-size: 24px;
    text-transform: uppercase;
    line-height: 40px
}

.page-contenthub section.how-it-works .row ul li {
    color: #767676;
    font-size: 16px;
    line-height: 30px
}

.page-contenthub section.how-it-works .row .tool-icons {
    *zoom: 1
}

.page-contenthub section.how-it-works .row .tool-icons:before,
.page-contenthub section.how-it-works .row .tool-icons:after {
    display: table;
    content: "";
    line-height: 0
}

.page-contenthub section.how-it-works .row .tool-icons:after {
    clear: both
}

.page-contenthub section.how-it-works .row .tool-icons .tool-wrapper {
    float: left;
    width: 124px;
    height: 60px;
    margin: 0 5px 5px 0
}

.page-contenthub section.how-it-works .row .tool-icons .tool-wrapper .tool-icon {
    background-color: transparent;
    background-image: url("../../img/contenthub/spritesheet.png");
    background-repeat: no-repeat;
    background-position: 0 0
}

.page-contenthub section.how-it-works .row .tool-icons .tool-wrapper .tool-icon span {
    display: none
}

.page-contenthub section.how-it-works .row .tool-icons .tool-wrapper.hubspot {
    height: 47px;
    padding-top: 13px
}

.page-contenthub section.how-it-works .row .tool-icons .tool-wrapper.hubspot .tool-icon {
    width: 110px;
    height: 44px;
    background-position: -250px -114px
}

.page-contenthub section.how-it-works .row .tool-icons .tool-wrapper.eloqua {
    height: 47px;
    padding-top: 13px
}

.page-contenthub section.how-it-works .row .tool-icons .tool-wrapper.eloqua .tool-icon {
    width: 103px;
    height: 42px;
    background-position: -249px -67px
}

.page-contenthub section.how-it-works .row .tool-icons .tool-wrapper.marketo {
    padding-top: 0
}

.page-contenthub section.how-it-works .row .tool-icons .tool-wrapper.marketo .tool-icon {
    width: 98px;
    height: 44px;
    background-position: -139px -96px
}

.page-contenthub section.how-it-works .row .tool-icons .tool-wrapper.mailchimp {
    height: 44px;
    padding-top: 16px
}

.page-contenthub section.how-it-works .row .tool-icons .tool-wrapper.mailchimp .tool-icon {
    width: 124px;
    height: 35px;
    background-position: -5px -95px
}

.page-contenthub section.take-control {
    padding: 90px 0;
    background: transparent url("../../img/contenthub/bg-gray.png") repeat 0 0
}

.page-contenthub section.take-control .heading {
    margin-bottom: 90px
}

.page-contenthub section.take-control .heading p {
    color: #666;
    font-size: 22px;
    line-height: 28px;
    text-align: center
}

.page-contenthub section.take-control .heading p.title {
    color: #555;
    font-size: 34px;
    text-transform: uppercase;
    line-height: 40px;
    font-weight: 300
}

.page-contenthub section.take-control .video-container>.vidyard_player>span {
    width: 620px !important;
    height: 348px !important
}

.page-contenthub section.take-control .video-container {
    position: relative;
    margin: 0 auto 60px auto
}

.page-contenthub section.take-control .video-container:before {
    display: block;
    position: absolute;
    top: -36px;
    right: -60px;
    width: 136px;
    height: 30px;
    background: transparent url("../../img/contenthub/spritesheet.png") no-repeat -190px -32px;
    content: ""
}

.page-contenthub section.our-testimonials {
    padding: 90px 0
}

.page-contenthub section.our-testimonials .testimonial .pic {
    margin: 0 0 40px 0;
    text-align: center
}

.page-contenthub section.our-testimonials .testimonial .pic .img-circle {
    border: 1px solid #ccc
}

.page-contenthub section.our-testimonials .testimonial .comment {
    position: relative;
    width: 700px;
    color: #666;
    font-size: 18px;
    line-height: 24px;
    margin: 0 auto
}

.page-contenthub section.our-testimonials .testimonial .comment:before {
    display: block;
    position: absolute;
    top: -6px;
    left: -35px;
    width: 30px;
    height: 30px;
    background: transparent url("../../img/contenthub/spritesheet.png") no-repeat -4px -132px;
    content: ""
}

.page-contenthub section.our-testimonials .testimonial .author {
    color: #666;
    font-size: 18px;
    line-height: 24px;
    margin: 20px 0 0 0;
    text-align: center
}

.page-contenthub section.our-testimonials .testimonial .author b,
.page-contenthub section.our-testimonials .testimonial .author strong {
    font-style: normal;
    font-weight: normal
}

.page-contenthub section.company-logos {
    padding: 90px 0;
    background: #f5f5f5
}

.page-contenthub section.company-logos .heading {
    margin-bottom: 70px
}

.page-contenthub section.company-logos .heading p {
    color: #666;
    font-size: 22px;
    line-height: 28px;
    text-align: center
}

.page-contenthub section.company-logos .heading p.title {
    color: #555;
    font-size: 34px;
    text-transform: uppercase;
    line-height: 40px;
    font-weight: 300
}

.page-contenthub section.company-logos .row .span3 {
    text-align: center
}

.page-contenthub .support {
    padding: 90px 0;
    background-color: #b10049;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
    background-attachment: fixed
}

.page-contenthub .support .support-icon {
    width: 120px;
    height: 120px;
    margin: 0 auto 30px auto;
    background: #fff;
    border: 1px solid #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.page-contenthub .support .support-icon span {
    display: block;
    width: 58px;
    height: 58px
}

.page-contenthub .support .support-icon.live span {
    margin: 33px auto 0 auto;
    background: transparent url("../../img/contenthub/spritesheet.png") no-repeat -35px -143px
}

.page-contenthub .support .support-icon.love span {
    margin: 34px auto 0 auto;
    background: transparent url("../../img/contenthub/spritesheet.png") no-repeat -94px -141px
}

.page-contenthub .support .heading p {
    color: #fff;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    font-weight: 300
}

.page-contenthub .support .heading p a {
    color: #fff;
    font-weight: bold
}

.page-contenthub .support .heading p.title {
    display: inline-block;
    color: #fff;
    font-size: 30px;
    text-transform: uppercase;
    line-height: 38px;
    font-weight: 300
}

.page-contenthub .support hr {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    border-bottom: 0 none
}

.page-contenthub .support .support-numbers p {
    color: #fff;
    font-size: 14px;
    font-weight: 300
}

.page-contenthub .support .support-numbers p a {
    color: #fff;
    font-weight: bold
}

.page-contenthub .support .support-numbers .real-time-numbers {
    position: relative
}

.page-contenthub .support .support-numbers .real-time-numbers .real-time-arrow {
    position: absolute;
    top: 0;
    right: -10px;
    width: 120px;
    height: 40px;
    background: transparent url("../../img/contenthub/spritesheet.png") no-repeat -143px -150px
}

.page-contenthub .support .support-numbers .real-time-numbers .zd_satisfaction .zd_satisfaction_good,
.page-contenthub .support .support-numbers .real-time-numbers .zd_satisfaction .zd_satisfaction_bad {
    display: none
}

.page-contenthub .support .support-numbers .real-time-numbers .zd_satisfaction .zd_satisfaction_score .zd_rating_number {
    color: #fff;
    font-size: 60px;
    line-height: 77px;
    font-weight: 300
}

.page-contenthub .support .support-numbers .real-time-numbers .zd_satisfaction .zd_satisfaction_score .zd_rating_string {
    color: #fff;
    font-size: 18px;
    font-weight: 300
}

.page-contenthub .support .support-numbers .real-time-numbers .zd_plug {
    display: none
}

.page-contenthub section.in-the-press {
    padding: 70px 0
}

.page-contenthub section.in-the-press p.title {
    color: #555;
    font-size: 30px;
    line-height: 40px;
    font-weight: 300
}

.page-contenthub section.in-the-press .heading p.title {
    font-size: 34px;
    line-height: 120px;
    text-align: center;
    text-transform: uppercase
}

.page-contenthub section.in-the-press .row .span3 {
    width: 210px;
    padding-bottom: 30px
}

.page-contenthub section.in-the-press hr {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    border-top: 1px solid #ccc
}

@media (min-width:1200px) {
    .page-contenthub section.intro {
        background-image: url("../../img/pagebg_contenthub.png")
    }
    .page-contenthub section.support {
        background-image: url("../../img/pagebg_contenthub_support.jpg")
    }
}

@media (min-width:1010px) and (max-width:1199px) {
    .page-contenthub section.intro {
        height: 730px;
        background-image: url("../../img/pagebg_contenthub.png")
    }
    .page-contenthub section.intro .intro-details {
        margin-top: 140px;
        height: 590px
    }
    .page-contenthub section.features .row .span4 p {
        width: 270px;
        margin-left: auto;
        margin-right: auto
    }
    .page-contenthub section.take-control .video-container,
    .page-contenthub section.take-control .video-container>.vidyard_player>span {
        width: 620px !important;
        height: 348px !important
    }
    .page-contenthub section.support {
        background-image: url("../../img/tablet/pagebg_contenthub_support.jpg")
    }
    .page-contenthub section.in-the-press p.title {
        text-align: center
    }
    .page-contenthub section.in-the-press .row .span3 {
        width: 320px
    }
}

@media (min-width:768px) and (max-width:1009px) {
    .page-contenthub .navbar-inner .winking-logo .wink {
        background: #5ab2a9
    }
    .page-contenthub .navbar .btn-navbar {
        display: none
    }
    .page-contenthub .top-menu-links .links-wrapper {
        margin-top: 10px
    }
    .page-contenthub .hidable {
        display: none !important
    }
    .page-contenthub section.intro {
        height: 660px;
        background-image: url("../../img/tablet/pagebg_contenthub.png")
    }
    .page-contenthub section.intro .intro-details {
        margin-top: 140px;
        height: 520px
    }
    .page-contenthub section.intro .intro-details h1 {
        font-size: 30px
    }
    .page-contenthub section.intro .intro-details p {
        width: auto
    }
    .page-contenthub section.features .row .span4 p {
        width: auto
    }
    .page-contenthub section.description .row .span5 p.title,
    .page-contenthub section.description .row .span7 p.title {
        color: #555;
        font-size: 28px;
        line-height: 36px
    }
    .page-contenthub section.description .row .span5 ul li,
    .page-contenthub section.description .row .span7 ul li {
        font-size: 18px;
        line-height: 30px
    }
    .page-contenthub section.description .row .push-button {
        margin-bottom: 0
    }
    .page-contenthub section.description .row:last-child .span7 {
        width: 370px
    }
    .page-contenthub section.how-it-works .row p {
        font-size: 18px;
        line-height: 26px
    }
    .page-contenthub section.how-it-works .row p.title {
        font-size: 24px;
        line-height: 36px
    }
    .page-contenthub section.how-it-works .row ul li {
        font-size: 16px;
        line-height: 24px
    }
    .page-contenthub section.take-control .video-container,
    .page-contenthub section.take-control .video-container>.vidyard_player>span {
        width: 460px !important;
        height: 260px !important
    }
    .page-contenthub section.our-testimonials .testimonial .comment {
        width: 80%
    }
    .page-contenthub section.company-logos .row {
        margin-left: -30px
    }
    .page-contenthub section.support {
        background-image: url("../../img/tablet/pagebg_contenthub_support.jpg")
    }
    .page-contenthub section.support .support-numbers .real-time-numbers .real-time-arrow {
        right: -60px
    }
}

@media (max-width:767px) {
    .page-contenthub .navbar-inner .winking-logo .wink {
        background: #62beb4
    }
    .page-contenthub .navbar .btn-navbar {
        display: none
    }
    .page-contenthub .top-menu-links {
        top: 95px
    }
    .page-contenthub .top-menu-links .links-wrapper {
        float: none;
        text-align: center
    }
    .page-contenthub .hidable {
        display: none !important
    }
    .page-contenthub section.intro {
        height: 1010px;
        background-image: url("../../img/phone/pagebg_contenthub.png")
    }
    .page-contenthub section.intro .intro-details {
        margin-top: 140px;
        height: 870px
    }
    .page-contenthub section.intro .intro-details h1 {
        width: 80%;
        font-size: 30px;
        text-align: center;
        margin: 20px auto
    }
    .page-contenthub section.intro .intro-details p {
        width: 80%;
        text-align: center;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 20px
    }
    .page-contenthub section.intro .intro-details img {
        max-width: 80%
    }
    .page-contenthub section.intro .intro-details .span6 {
        text-align: center
    }
    .page-contenthub section.intro .intro-details .content-types {
        height: 35px;
        margin: 0 auto 20px auto;
        background-position: 0 7px
    }
    .page-contenthub section.intro .intro-details .cta-buttons {
        width: 290px;
        padding-top: 0;
        margin: 0 auto
    }
    .page-contenthub section.intro .intro-details .cta-buttons .push-button {
        margin: 20px auto 0 auto
    }
    .page-contenthub section.intro .intro-details .chevron-scroll-down {
        bottom: 25px
    }
    .page-contenthub section.features {
        padding-bottom: 30px
    }
    .page-contenthub section.features .row .span4 {
        margin-bottom: 60px
    }
    .page-contenthub section.features .row .span4 p {
        width: 50%;
        margin: 20px auto;
        font-size: 16px
    }
    .page-contenthub section.features .row .span4 p.title {
        font-size: 24px
    }
    .page-contenthub section.description {
        padding: 40px 0 0 0
    }
    .page-contenthub section.description .row .span5 {
        margin-bottom: 40px
    }
    .page-contenthub section.description .row .span5 p.title,
    .page-contenthub section.description .row .span7 p.title {
        font-size: 28px;
        line-height: 36px
    }
    .page-contenthub section.description .row .span5 ul li,
    .page-contenthub section.description .row .span7 ul li {
        font-size: 18px;
        line-height: 30px
    }
    .page-contenthub section.description .row .span7 {
        padding: 0 20px
    }
    .page-contenthub section.description .row .push-button {
        display: block;
        margin: 40px auto 10px auto
    }
    .page-contenthub section.how-it-works {
        padding: 60px 0
    }
    .page-contenthub section.how-it-works .heading {
        padding: 0 20px
    }
    .page-contenthub section.how-it-works .heading p {
        font-size: 20px
    }
    .page-contenthub section.how-it-works .heading p.title {
        font-size: 34px
    }
    .page-contenthub section.how-it-works .step-sep {
        margin: 60px 0
    }
    .page-contenthub section.how-it-works .row .span5,
    .page-contenthub section.how-it-works .row .span6 {
        width: 60%;
        margin: 0 auto 30px auto
    }
    .page-contenthub section.how-it-works .row .span6 {
        width: 70%
    }
    .page-contenthub section.how-it-works .row p {
        font-size: 18px;
        line-height: 26px
    }
    .page-contenthub section.how-it-works .row p.title {
        font-size: 24px;
        line-height: 36px
    }
    .page-contenthub section.how-it-works .row ul li {
        font-size: 16px;
        line-height: 24px
    }
    .page-contenthub section.take-control {
        padding: 60px 0
    }
    .page-contenthub section.take-control .heading {
        padding: 0 20px
    }
    .page-contenthub section.take-control .heading p.title {
        font-size: 30px
    }
    .page-contenthub section.take-control .video-container,
    .page-contenthub section.take-control .video-container>.vidyard_player>span {
        width: 320px !important;
        height: 180px !important
    }
    .page-contenthub section.our-testimonials .testimonial .comment,
    .page-contenthub section.our-testimonials .testimonial .author {
        width: 75%
    }
    .page-contenthub section.our-testimonials .testimonial .author {
        font-size: 18px;
        text-align: center;
        margin-left: auto;
        margin-right: auto
    }
    .page-contenthub section.company-logos {
        padding: 40px 0
    }
    .page-contenthub section.company-logos .heading {
        padding: 0 20px
    }
    .page-contenthub section.company-logos .row {
        width: 480px;
        margin: 0 auto
    }
    .page-contenthub section.company-logos .row .span3 {
        float: left;
        width: 240px
    }
    .page-contenthub section.support {
        padding: 0 0 60px 0;
        background-image: url("../../img/phone/pagebg_contenthub_support.jpg")
    }
    .page-contenthub section.support .heading {
        width: 440px;
        margin-left: auto;
        margin-right: auto
    }
    .page-contenthub section.support .row .span5 {
        width: 460px;
        margin-top: 70px;
        margin-left: auto;
        margin-right: auto
    }
    .page-contenthub section.support hr {
        width: 70%
    }
    .page-contenthub section.support .support-numbers .real-time-numbers .real-time-arrow {
        right: -10px
    }
    .page-contenthub section.in-the-press {
        padding: 40px 0
    }
    .page-contenthub section.in-the-press p.title {
        text-align: center
    }
    .page-contenthub section.in-the-press .heading p.title {
        font-size: 30px;
        line-height: 50px;
        padding: 0 30px
    }
    .page-contenthub section.in-the-press .row .span3 {
        width: 100%
    }
}

@media (max-width:480px) {
    .page-contenthub .navbar-inner .winking-logo {
        float: none;
        margin: 20px auto 0 auto
    }
    .page-contenthub .top-menu-links .links-wrapper {
        font-size: 14px
    }
    .page-contenthub section.intro {
        height: 1010px
    }
    .page-contenthub section.intro .intro-details h1 {
        font-size: 26px
    }
    .page-contenthub section.intro .intro-details p {
        font-size: 16px
    }
    .page-contenthub section.intro .intro-details .chevron-scroll-down {
        bottom: 20px
    }
    .page-contenthub section.features .row .span4 p {
        width: 70%
    }
    .page-contenthub section.description .row .span5 p.title,
    .page-contenthub section.description .row .span7 p.title {
        font-size: 24px;
        line-height: 32px
    }
    .page-contenthub section.description .row .span5 ul li,
    .page-contenthub section.description .row .span7 ul li {
        font-size: 16px;
        line-height: 28px
    }
    .page-contenthub section.how-it-works {
        padding: 60px 0
    }
    .page-contenthub section.how-it-works .heading p {
        font-size: 18px
    }
    .page-contenthub section.how-it-works .step-sep {
        margin: 50px 0
    }
    .page-contenthub section.how-it-works .row .span5,
    .page-contenthub section.how-it-works .row .span6 {
        width: 90%;
        margin: 0 auto 10px auto
    }
    .page-contenthub section.take-control .heading {
        margin-bottom: 60px
    }
    .page-contenthub section.take-control .heading p.title {
        font-size: 26px;
        line-height: 36px
    }
    .page-contenthub section.take-control .video-container,
    .page-contenthub section.take-control .video-container>.vidyard_player>span {
        width: 274px !important;
        height: 154px !important
    }
    .page-contenthub section.take-control .video-container {
        margin-bottom: 30px
    }
    .page-contenthub section.take-control .video-container:before {
        right: 0
    }
    .page-contenthub section.our-testimonials .testimonial .comment {
        font-size: 18px
    }
    .page-contenthub section.our-testimonials .testimonial .author {
        font-size: 16px
    }
    .page-contenthub section.company-logos {
        padding: 40px 0
    }
    .page-contenthub section.company-logos .heading p.title {
        font-size: 26px;
        line-height: 34px
    }
    .page-contenthub section.company-logos .row {
        width: 320px;
        margin: 0 auto
    }
    .page-contenthub section.company-logos .row .span3 {
        float: left;
        width: 160px
    }
    .page-contenthub section.company-logos .row .span3 [class^="customer-logo-"],
    .page-contenthub section.company-logos .row .span3 [class*=" customer-logo-"] {
        width: 137px;
        height: 60px;
        background-size: 551px 241px
    }
    .page-contenthub section.company-logos .row .span3 .customer-logo-sap {
        background-position: 0 0
    }
    .page-contenthub section.company-logos .row .span3 .customer-logo-canadawide {
        background-position: -138px 0
    }
    .page-contenthub section.company-logos .row .span3 .customer-logo-cornellu {
        background-position: -276px 0
    }
    .page-contenthub section.company-logos .row .span3 .customer-logo-deloitte {
        background-position: -414px 0
    }
    .page-contenthub section.company-logos .row .span3 .customer-logo-fallsview {
        background-position: 0 -61px
    }
    .page-contenthub section.company-logos .row .span3 .customer-logo-gadventures {
        background-position: -138px -61px
    }
    .page-contenthub section.company-logos .row .span3 .customer-logo-thornton {
        background-position: -276px -61px
    }
    .page-contenthub section.company-logos .row .span3 .customer-logo-hubspot {
        background-position: -414px -61px
    }
    .page-contenthub section.company-logos .row .span3 .customer-logo-macdirectory {
        background-position: 0 -122px
    }
    .page-contenthub section.company-logos .row .span3 .customer-logo-microsoft {
        background-position: -138px -122px
    }
    .page-contenthub section.company-logos .row .span3 .customer-logo-mindengross {
        background-position: -276px -122px
    }
    .page-contenthub section.company-logos .row .span3 .customer-logo-queens {
        background-position: -414px -122px
    }
    .page-contenthub section.company-logos .row .span3 .customer-logo-randallreilly {
        background-position: 0 -183px
    }
    .page-contenthub section.company-logos .row .span3 .customer-logo-reuters {
        background-position: -138px -183px
    }
    .page-contenthub section.company-logos .row .span3 .customer-logo-totem {
        background-position: -276px -183px
    }
    .page-contenthub section.company-logos .row .span3 .customer-logo-yorku {
        background-position: -414px -183px
    }
    .page-contenthub section.support .heading {
        width: 300px;
        margin-left: auto;
        margin-right: auto
    }
    .page-contenthub section.support .row .span5 {
        width: 300px;
        margin-top: 70px;
        margin-left: auto;
        margin-right: auto
    }
    .page-contenthub section.support hr {
        width: 70%
    }
    .page-contenthub section.support .support-numbers .real-time-numbers .real-time-arrow {
        right: 0
    }
    .page-contenthub section.support .support-numbers .real-time-numbers .zd_satisfaction .zd_satisfaction_score .zd_rating_number {
        margin-left: -100px
    }
    .page-contenthub section.in-the-press .heading p.title {
        font-size: 26px;
        line-height: 36px
    }
}

.page-hubspot section.intro,
.page-marketo section.intro,
.page-eloqua section.intro {
    display: inline-block;
    width: 100%;
    height: 650px;
    background: transparent url("../../img/hubspot/hubspot_hero_bg.jpg") no-repeat center center;
    background-size: cover
}

.page-hubspot section.intro h1,
.page-marketo section.intro h1,
.page-eloqua section.intro h1 {
    width: 490px;
    height: 300px;
    margin: 80px auto 0 auto;
    text-indent: -99999px;
    overflow: hidden;
    background: transparent url("../../img/hubspot/hubspot_hero_logo.png") no-repeat 0 0
}

.page-hubspot section.intro .pre-heading,
.page-marketo section.intro .pre-heading,
.page-eloqua section.intro .pre-heading {
    color: #666;
    margin: 80px 0 0 0;
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    line-height: 30px
}

.page-hubspot section.intro .pre-heading small,
.page-marketo section.intro .pre-heading small,
.page-eloqua section.intro .pre-heading small {
    display: block;
    padding: 30px 0 0 0;
    margin: 0;
    text-transform: lowercase
}

.page-hubspot section.intro .play,
.page-marketo section.intro .play,
.page-eloqua section.intro .play {
    width: 160px;
    height: 160px;
    margin: 40px auto 0 auto;
    text-indent: -99999px;
    overflow: hidden;
    background: transparent url("../../img/hubspot/hubspot_hero_play.png") no-repeat 0 0;
    cursor: pointer;
    opacity: .8;
    filter: alpha(opacity=80)
}

.page-hubspot section.intro .play:hover,
.page-marketo section.intro .play:hover,
.page-eloqua section.intro .play:hover {
    opacity: 1;
    filter: alpha(opacity=100)
}

.page-hubspot section.hubspot-features .container>.row,
.page-marketo section.hubspot-features .container>.row,
.page-eloqua section.hubspot-features .container>.row {
    margin-top: 80px;
    padding-top: 100px;
    border-top: 1px solid #eee
}

.page-hubspot section.hubspot-features .container>.row:first-child,
.page-marketo section.hubspot-features .container>.row:first-child,
.page-eloqua section.hubspot-features .container>.row:first-child {
    border-top: 0;
    margin-top: 0
}

.page-hubspot section.hubspot-features .container>.row h3,
.page-marketo section.hubspot-features .container>.row h3,
.page-eloqua section.hubspot-features .container>.row h3 {
    color: #ce0058;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 28px;
    margin: 40px 0 20px 0
}

.page-hubspot section.hubspot-features .container>.row p,
.page-marketo section.hubspot-features .container>.row p,
.page-eloqua section.hubspot-features .container>.row p {
    color: #666;
    font-size: 18px;
    line-height: 30px
}

.page-hubspot section.hubspot-features .container>.row p a,
.page-marketo section.hubspot-features .container>.row p a,
.page-eloqua section.hubspot-features .container>.row p a {
    color: #ce0058
}

.page-hubspot section.hubspot-features .container>.row .no-it-required,
.page-marketo section.hubspot-features .container>.row .no-it-required,
.page-eloqua section.hubspot-features .container>.row .no-it-required {
    width: 149px;
    height: 69px;
    background: transparent url("../../img/hubspot/no-it-required.png") no-repeat 0 0;
    float: right;
    margin: 0 40px 0 0
}

.page-hubspot section.what-you-can-do,
.page-marketo section.what-you-can-do,
.page-eloqua section.what-you-can-do {
    margin-top: 115px;
    width: 100%;
    background: #b8c5d6 url("../../img/hubspot/hubspot_what_bg.jpg") no-repeat center center;
    background-size: cover
}

.page-hubspot section.what-you-can-do h3,
.page-marketo section.what-you-can-do h3,
.page-eloqua section.what-you-can-do h3 {
    color: #fff;
    text-transform: uppercase;
    font-size: 34px;
    line-height: 42px;
    margin: 100px 20px;
    text-align: center
}

.page-hubspot section.what-you-can-do .container>.row .span5,
.page-marketo section.what-you-can-do .container>.row .span5,
.page-eloqua section.what-you-can-do .container>.row .span5 {
    width: 500px;
    margin-bottom: 100px
}

.page-hubspot section.what-you-can-do .container>.row .span5 img,
.page-marketo section.what-you-can-do .container>.row .span5 img,
.page-eloqua section.what-you-can-do .container>.row .span5 img {
    float: right;
    margin-left: 30px
}

.page-hubspot section.what-you-can-do .container>.row .span5 div.pull-left,
.page-marketo section.what-you-can-do .container>.row .span5 div.pull-left,
.page-eloqua section.what-you-can-do .container>.row .span5 div.pull-left {
    max-width: 310px
}

.page-hubspot section.what-you-can-do .container>.row .span5 div.pull-left h4,
.page-marketo section.what-you-can-do .container>.row .span5 div.pull-left h4,
.page-eloqua section.what-you-can-do .container>.row .span5 div.pull-left h4 {
    color: #333;
    font-size: 24px;
    line-height: 30px
}

.page-hubspot section.what-you-can-do .container>.row .span5 div.pull-left hr,
.page-marketo section.what-you-can-do .container>.row .span5 div.pull-left hr,
.page-eloqua section.what-you-can-do .container>.row .span5 div.pull-left hr {
    width: 85px;
    margin: 20px 0;
    border-color: #e9e4e4;
    border-color: rgba(255, 255, 255, 0.5);
    border-bottom: 0
}

.page-hubspot section.what-you-can-do .container>.row .span5 div.pull-left p,
.page-marketo section.what-you-can-do .container>.row .span5 div.pull-left p,
.page-eloqua section.what-you-can-do .container>.row .span5 div.pull-left p {
    color: #333;
    font-size: 16px;
    line-height: 24px
}

.page-hubspot section.get-account,
.page-marketo section.get-account,
.page-eloqua section.get-account {
    text-align: center
}

.page-hubspot section.get-account h3,
.page-marketo section.get-account h3,
.page-eloqua section.get-account h3 {
    font-size: 34px;
    font-weight: 300;
    margin: 110px 50px 90px 50px
}

.page-hubspot section.get-account .container,
.page-marketo section.get-account .container,
.page-eloqua section.get-account .container {
    margin-bottom: 150px
}

.page-marketo section.intro {
    background: transparent url("../../img/marketo/hero-bg.jpg") no-repeat center center
}

.page-marketo section.intro h1 {
    width: 360px;
    height: 250px;
    margin: 40px auto;
    background: transparent url("../../img/marketo/logos.png") no-repeat 0 0
}

.page-marketo section.marketo-steps {
    padding: 80px 0;
    background: #f2f2f2
}

.page-marketo section.marketo-steps .span4 {
    position: relative
}

.page-marketo section.marketo-steps .symbol-icon {
    position: relative;
    width: 108px;
    height: 108px;
    margin: 0 auto 20px auto;
    background: transparent url("../../img/marketo/icons.png") no-repeat 0 0;
    z-index: 2
}

.page-marketo section.marketo-steps .symbol-icon.capture {
    background-position: -108px 0
}

.page-marketo section.marketo-steps .symbol-icon.growth {
    background-position: -216px 0
}

.page-marketo section.marketo-steps p {
    font-size: 18px;
    text-transform: uppercase
}

.page-marketo section.marketo-steps .line {
    position: absolute;
    top: 54px;
    left: 67%;
    right: auto;
    bottom: auto;
    width: 73%;
    height: 1px;
    border-bottom: 1px dashed #bbb;
    z-index: 1
}

.page-marketo section.marketo-steps .line span {
    display: block;
    position: absolute;
    top: -5px;
    left: 49%;
    right: auto;
    bottom: auto;
    width: 19px;
    height: 19px;
    background: #f2f2f2
}

.page-marketo section.marketo-steps .line span:before {
    display: block;
    position: absolute;
    top: 0;
    left: 7px;
    right: auto;
    bottom: auto;
    width: 0;
    height: 0;
    border-color: transparent transparent transparent #bbb;
    border-style: solid;
    border-width: 7px;
    -moz-transform: scale(.9999);
    font-size: 0;
    line-height: 0;
    _border-top-color: #0ff;
    _border-right-color: #0ff;
    _border-bottom-color: #0ff;
    _filter: chroma(color=#0ff);
    content: ""
}

.page-marketo section.marketo-steps .line span:after {
    display: block;
    position: absolute;
    top: 0;
    left: 6px;
    right: auto;
    bottom: auto;
    width: 0;
    height: 0;
    border-color: transparent transparent transparent #f2f2f2;
    border-style: solid;
    border-width: 7px;
    -moz-transform: scale(.9999);
    font-size: 0;
    line-height: 0;
    _border-top-color: #0ff;
    _border-right-color: #0ff;
    _border-bottom-color: #0ff;
    _filter: chroma(color=#0ff);
    content: ""
}

.page-eloqua section.intro {
    background: transparent url("../../img/eloqua/hero-bg.jpg") no-repeat center center
}

.page-eloqua section.intro h1 {
    width: 360px;
    height: 250px;
    margin: 40px auto;
    background: transparent url("../../img/eloqua/logos.png") no-repeat 0 0
}

.page-eloqua section.eloqua-steps {
    padding: 80px 0;
    background: #f2f2f2
}

.page-eloqua section.eloqua-steps .span4 {
    position: relative
}

.page-eloqua section.eloqua-steps .symbol-icon {
    position: relative;
    width: 108px;
    height: 108px;
    margin: 0 auto 20px auto;
    background: transparent url("../../img/eloqua/icons.png") no-repeat 0 0;
    z-index: 2
}

.page-eloqua section.eloqua-steps .symbol-icon.capture {
    background-position: -108px 0
}

.page-eloqua section.eloqua-steps .symbol-icon.growth {
    background-position: -216px 0
}

.page-eloqua section.eloqua-steps p {
    font-size: 18px;
    text-transform: uppercase
}

.page-eloqua section.eloqua-steps .line {
    position: absolute;
    top: 54px;
    left: 67%;
    right: auto;
    bottom: auto;
    width: 73%;
    height: 1px;
    border-bottom: 1px dashed #bbb;
    z-index: 1
}

.page-eloqua section.eloqua-steps .line span {
    display: block;
    position: absolute;
    top: -5px;
    left: 49%;
    right: auto;
    bottom: auto;
    width: 19px;
    height: 19px;
    background: #f2f2f2
}

.page-eloqua section.eloqua-steps .line span:before {
    display: block;
    position: absolute;
    top: 0;
    left: 7px;
    right: auto;
    bottom: auto;
    width: 0;
    height: 0;
    border-color: transparent transparent transparent #bbb;
    border-style: solid;
    border-width: 7px;
    -moz-transform: scale(.9999);
    font-size: 0;
    line-height: 0;
    _border-top-color: #0ff;
    _border-right-color: #0ff;
    _border-bottom-color: #0ff;
    _filter: chroma(color=#0ff);
    content: ""
}

.page-eloqua section.eloqua-steps .line span:after {
    display: block;
    position: absolute;
    top: 0;
    left: 6px;
    right: auto;
    bottom: auto;
    width: 0;
    height: 0;
    border-color: transparent transparent transparent #f2f2f2;
    border-style: solid;
    border-width: 7px;
    -moz-transform: scale(.9999);
    font-size: 0;
    line-height: 0;
    _border-top-color: #0ff;
    _border-right-color: #0ff;
    _border-bottom-color: #0ff;
    _filter: chroma(color=#0ff);
    content: ""
}

@media (max-width:1200px) {
    .page-hubspot section.what-you-can-do .container>.row .span5,
    .page-marketo section.what-you-can-do .container>.row .span5,
    .page-eloqua section.what-you-can-do .container>.row .span5 {
        float: none !important;
        display: block;
        margin-left: auto;
        margin-right: auto
    }
    .page-hubspot section.what-you-can-do .container>.row .span5:before,
    .page-marketo section.what-you-can-do .container>.row .span5:before,
    .page-eloqua section.what-you-can-do .container>.row .span5:before,
    .page-hubspot section.what-you-can-do .container>.row .span5:after,
    .page-marketo section.what-you-can-do .container>.row .span5:after,
    .page-eloqua section.what-you-can-do .container>.row .span5:after {
        display: table;
        content: "";
        line-height: 0;
        clear: both
    }
}

@media (max-width:767px) {
    .page-hubspot section.hubspot-features .span5,
    .page-marketo section.hubspot-features .span5,
    .page-eloqua section.hubspot-features .span5 {
        width: 90%;
        float: none;
        margin: 0 auto
    }
    .page-hubspot section.hubspot-features .span6,
    .page-marketo section.hubspot-features .span6,
    .page-eloqua section.hubspot-features .span6 {
        width: 90%;
        float: none;
        margin: 0 auto
    }
    .page-hubspot section.marketo-steps,
    .page-marketo section.marketo-steps,
    .page-eloqua section.marketo-steps {
        padding: 60px 0
    }
    .page-hubspot section.marketo-steps p,
    .page-marketo section.marketo-steps p,
    .page-eloqua section.marketo-steps p {
        margin-bottom: 60px
    }
    .page-hubspot section.marketo-steps .line,
    .page-marketo section.marketo-steps .line,
    .page-eloqua section.marketo-steps .line {
        display: none
    }
}

@media (max-width:560px) {
    .page-hubspot section.what-you-can-do .container>.row .span5,
    .page-marketo section.what-you-can-do .container>.row .span5,
    .page-eloqua section.what-you-can-do .container>.row .span5 {
        width: auto;
        margin-bottom: 100px;
        text-align: center
    }
    .page-hubspot section.what-you-can-do .container>.row .span5 img,
    .page-marketo section.what-you-can-do .container>.row .span5 img,
    .page-eloqua section.what-you-can-do .container>.row .span5 img {
        float: none;
        margin-left: 0;
        margin-bottom: 30px
    }
    .page-hubspot section.what-you-can-do .container>.row .span5 div.pull-left,
    .page-marketo section.what-you-can-do .container>.row .span5 div.pull-left,
    .page-eloqua section.what-you-can-do .container>.row .span5 div.pull-left {
        float: none;
        margin: 0 auto
    }
    .page-hubspot section.what-you-can-do .container>.row .span5 div.pull-left hr,
    .page-marketo section.what-you-can-do .container>.row .span5 div.pull-left hr,
    .page-eloqua section.what-you-can-do .container>.row .span5 div.pull-left hr {
        margin: 20px auto
    }
}

@media (max-width:480px) {
    .page-hubspot section.intro,
    .page-marketo section.intro {
        height: 330px
    }
    .page-hubspot section.intro h1,
    .page-marketo section.intro h1 {
        width: 225px;
        height: 146px;
        margin-top: 40px;
        background-size: 225px auto
    }
    .page-hubspot section.intro .pre-heading,
    .page-marketo section.intro .pre-heading {
        margin: 40px 0 0 0;
        font-size: 18px;
        line-height: 20px
    }
    .page-hubspot section.intro .pre-heading small,
    .page-marketo section.intro .pre-heading small {
        padding: 10px 0 0 0
    }
    .page-hubspot section.intro .play,
    .page-marketo section.intro .play {
        width: 90px;
        height: 90px;
        margin-top: 20px;
        background-size: 90px auto
    }
    .page-eloqua section.intro {
        height: 600px
    }
    .page-eloqua section.intro h1 {
        background-position: center
    }
    .page-marketo section.intro h1 {
        margin-top: 10px;
        margin-bottom: 20px
    }
}

@media (max-width:420px) {
    .page-hubspot section.get-account .push-button,
    .page-marketo section.get-account .push-button,
    .page-eloqua section.get-account .push-button {
        margin-bottom: 30px
    }
    .page-eloqua section.intro {
        height: 500px
    }
    .page-eloqua section.intro h1 {
        width: 225px;
        height: 146px;
        margin-top: 40px;
        background-size: 225px auto
    }
}

.page-partners section.intro {
    position: relative;
    padding: 0;
    background-color: #5ab2a9;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url("../../img/partners/agency/hero-bg.jpg");
    overflow: hidden
}

.page-partners section.intro .row .span6 {
    padding: 80px 0
}

.page-partners section.intro .row .span6 h1 {
    margin-bottom: 30px;
    line-height: 50px;
    text-align: center;
    text-transform: uppercase;
    font-family: "Montserrat", sans-serif;
    font-size: 34px;
    color: #fff
}

.page-partners section.intro .row .span6 p {
    position: relative;
    color: #fff;
    font-size: 22px;
    margin-left: 60px
}

.page-partners section.intro .row .span6 p:before {
    display: block;
    position: absolute;
    top: 6px;
    left: -30px;
    right: auto;
    bottom: auto;
    width: 0;
    height: 0;
    border-color: transparent transparent transparent #fff;
    border-style: solid;
    border-width: 5px 12px;
    -moz-transform: scale(.9999);
    font-size: 0;
    line-height: 0;
    _border-top-color: #0ff;
    _border-right-color: #0ff;
    _border-bottom-color: #0ff;
    _filter: chroma(color=#0ff);
    content: ""
}

.page-partners section.intro .row .span6 .plants {
    margin: 0 auto
}

.page-partners section.description {
    padding: 80px 0
}

.page-partners section.description h2 {
    color: #ce0058;
    margin: 0 auto 30px auto;
    font-size: 32px;
    font-weight: 300;
    text-transform: uppercase;
    text-align: center;
    font-family: "Montserrat", sans-serif
}

.page-partners section.description p {
    width: 80%;
    margin: 0 auto 40px auto;
    color: #888;
    font-size: 18px;
    line-height: 26px;
    text-align: center
}

.page-partners section.description p em {
    color: #222;
    font-style: normal
}

.page-partners section.partner-up {
    background: #b8c5d6 url("../../img/partners/agency/blurry-bg.jpg") no-repeat center center;
    background-size: cover
}

.page-partners section.partner-up h3 {
    margin: 100px 20px;
    color: #777;
    text-transform: uppercase;
    font-size: 34px;
    line-height: 42px;
    text-align: center;
    font-family: "Montserrat", sans-serif
}

.page-partners section.partner-up .row .span5 {
    width: 500px;
    margin-bottom: 100px;
    *zoom: 1
}

.page-partners section.partner-up .row .span5:before,
.page-partners section.partner-up .row .span5:after {
    display: table;
    content: "";
    line-height: 0
}

.page-partners section.partner-up .row .span5:after {
    clear: both
}

.page-partners section.partner-up .row .span5 div.pull-left {
    max-width: 310px
}

.page-partners section.partner-up .row .span5 div.pull-left h4 {
    margin-top: 10px;
    margin-bottom: 20px;
    line-height: 26px;
    color: #444;
    font-size: 20px;
    font-family: "Montserrat", sans-serif
}

.page-partners section.partner-up .row .span5 div.pull-left p {
    color: #777;
    font-size: 16px;
    line-height: 24px
}

.page-partners section.partner-up .symbol-icon {
    float: left;
    width: 114px;
    height: 114px;
    margin-right: 20px;
    background: transparent url("../../img/partners/agency/icons.png") no-repeat 0 0
}

.page-partners section.partner-up .symbol-icon.growth {
    background-position: -114px 0
}

.page-partners section.partner-up .symbol-icon.retain {
    background-position: -228px 0
}

.page-partners section.partner-up .symbol-icon.integrate {
    background-position: -343px 0
}

.page-partners section.integrates-with {
    background: #f5f5f5;
    line-height: 140px;
    text-align: center;
    color: #555
}

.page-partners section.integrates-with span {
    margin-right: 30px;
    font-size: 18px;
    font-weight: 700
}

.page-partners section.integrates-with img {
    margin-top: -11px
}

.page-partners section.partner-levels {
    padding: 80px 0 20px 0
}

.page-partners section.partner-levels h4 {
    width: 90%;
    margin: 0 auto 30px auto;
    color: #777;
    font-size: 32px;
    text-transform: uppercase;
    text-align: center;
    font-family: "Montserrat", sans-serif
}

.page-partners section.partner-levels p {
    width: 80%;
    margin: 0 auto 40px auto;
    color: #888;
    font-size: 18px;
    line-height: 26px;
    text-align: center
}

.page-partners section.partner-levels p a.alt {
    font-size: 16px;
    font-weight: bold
}

.page-partners section.shared-companies-list {
    min-height: 380px;
    background: #b8c5d6 url("../../img/partners/agency/blurry-bg.jpg") no-repeat center center;
    background-size: cover
}

.page-partners section.shared-companies-list .testimonial {
    background: transparent;
    padding: 40px 20px
}

@media (min-width:1010px) and (max-width:1199px) {
    .page-partners section.partner-up .row .span5 {
        width: 460px
    }
}

@media (min-width:768px) and (max-width:1009px) {
    .page-partners section.intro .row .span6 p {
        margin-left: 30px
    }
    .page-partners section.intro .row .span6 .plants {
        margin: 50px auto 0 auto
    }
    .page-partners section.partner-up .row .span5 {
        width: 320px;
        margin-bottom: 60px;
        text-align: center
    }
    .page-partners section.partner-up .symbol-icon {
        float: none;
        margin: 0 auto
    }
}

@media (max-width:767px) {
    .page-partners section.intro .row .span6 {
        padding: 20px 0;
        text-align: center
    }
    .page-partners section.intro .row .span6 p {
        width: 370px;
        font-size: 18px;
        text-align: left;
        margin-left: auto;
        margin-right: auto
    }
    .page-partners section.partner-up h3 {
        margin: 50px 20px
    }
    .page-partners section.partner-up .row .span5 {
        float: none;
        width: 440px;
        margin: 0 auto 40px auto
    }
    .page-partners section.partner-up .row .span5 div.pull-left {
        max-width: 290px
    }
    .page-partners section.integrates-with {
        line-height: inherit
    }
    .page-partners section.integrates-with span {
        font-size: 15px;
        margin-right: 0;
        margin-top: 25px;
        display: block
    }
    .page-partners section.integrates-with img {
        margin: 20px 0
    }
}

@media (max-width:480px) {
    .page-partners section.intro .row .span6 p {
        width: 210px
    }
    .page-partners section.intro .row .span6 p:before {
        position: absolute;
        top: 7px;
        left: -20px;
        right: auto;
        bottom: auto;
        width: 0;
        height: 0;
        border-color: transparent transparent transparent #fff;
        border-style: solid;
        border-width: 4px 9px;
        -moz-transform: scale(.9999);
        font-size: 0;
        line-height: 0;
        _border-top-color: #0ff;
        _border-right-color: #0ff;
        _border-bottom-color: #0ff;
        _filter: chroma(color=#0ff)
    }
    .page-partners section.partner-up .row .span5 {
        width: 270px;
        margin-bottom: 40px;
        text-align: center
    }
    .page-partners section.partner-up .symbol-icon {
        float: none;
        margin: 0 auto
    }
}

.page-ebook .modal .modal-header h3 {
    font-size: 18px
}

.page-ebook .modal .btn {
    color: #fff;
    text-transform: uppercase;
    background: #ce0058;
    border: 0 none;
    text-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    cursor: pointer
}

.page-ebook .modal .btn:hover {
    background: #b70150
}

.page-ebook section.intro {
    position: relative;
    padding: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    overflow: hidden
}

.page-ebook section.intro .intro-details {
    margin: 100px auto;
    text-align: center
}

.page-ebook section.intro .intro-details h1 {
    color: #fff;
    font-size: 60px;
    line-height: 58px
}

.page-ebook section.intro .intro-details h1 span {
    display: inline-block;
    width: 273px;
    height: 69px;
    text-indent: -9999em;
    background: transparent url("../../img/uberflip.png") no-repeat 0 0
}

.page-ebook section.intro .intro-details p {
    margin: 30px 0;
    color: #fff;
    font-size: 30px;
    line-height: 30px;
    font-weight: 300
}

.page-ebook section.ebook-maker {
    text-align: center
}

.page-ebook section.ebook-maker .ebook-state {
    padding: 80px
}

.page-ebook section.ebook-maker .ebook-state.uploading .ebook-generator {
    display: none
}

.page-ebook section.ebook-maker .ebook-state.uploading .uploading-info {
    display: block
}

.page-ebook section.ebook-maker .ebook-state.uploading .processing-info {
    display: none
}

.page-ebook section.ebook-maker .ebook-state.uploading .finished-ebook {
    display: none
}

.page-ebook section.ebook-maker .ebook-state.processing .ebook-generator {
    display: none
}

.page-ebook section.ebook-maker .ebook-state.processing .uploading-info {
    display: none
}

.page-ebook section.ebook-maker .ebook-state.processing .processing-info {
    display: block
}

.page-ebook section.ebook-maker .ebook-state.processing .finished-ebook {
    display: none
}

.page-ebook section.ebook-maker .ebook-state.finished .ebook-generator {
    display: none
}

.page-ebook section.ebook-maker .ebook-state.finished .uploading-info {
    display: none
}

.page-ebook section.ebook-maker .ebook-state.finished .processing-info {
    display: none
}

.page-ebook section.ebook-maker .ebook-state.finished .finished-ebook {
    display: block
}

.page-ebook section.ebook-maker .upload-button-container .pseudo-upload-button {
    position: relative;
    width: 300px;
    height: 48px;
    margin: 0 auto
}

.page-ebook section.ebook-maker .upload-button-container .pseudo-upload-button .btn {
    position: absolute;
    top: 0;
    left: 0;
    right: auto;
    bottom: auto;
    width: 300px;
    height: 48px;
    padding: 0;
    font-size: 18px;
    line-height: 30px;
    background: #2f96b4;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-bottom: 4px solid #2a87a2;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.page-ebook section.ebook-maker .upload-button-container .pseudo-upload-button .btn:hover {
    background: #2a87a2
}

.page-ebook section.ebook-maker .upload-button-container .pseudo-upload-button .file-uploader {
    position: absolute;
    top: 0;
    left: 0;
    right: auto;
    bottom: auto;
    padding: 7px;
    outline: 0
}

.page-ebook section.ebook-maker .upload-button-container .pseudo-upload-display {
    display: none
}

.page-ebook section.ebook-maker .upload-button-container .pseudo-upload-display span {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-right: 10px;
    background: transparent url("../../img/ebook/spritesheet.png") no-repeat -276px -155px
}

.page-ebook section.ebook-maker .upload-button-container .pseudo-upload-display p {
    display: inline-block;
    margin: 0;
    line-height: 30px;
    color: #555;
    vertical-align: top
}

.page-ebook section.ebook-maker .upload-inputs {
    margin: 40px 0
}

.page-ebook section.ebook-maker .upload-inputs .control-group {
    display: inline;
    margin: 0
}

.page-ebook section.ebook-maker .upload-inputs .control-group .input {
    padding: 10px;
    margin: 0 5px;
    font-size: 18px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.page-ebook section.ebook-maker .btn {
    padding: 16px 80px;
    font-size: 24px;
    line-height: 30px;
    text-transform: uppercase;
    background: #ce0058;
    border: 0 none;
    text-shadow: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer
}

.page-ebook section.ebook-maker .btn:hover {
    background: #b70150
}

.page-ebook section.ebook-maker .btn.disabled {
    background: #ccc;
    cursor: default;
    border-bottom: 4px solid #aeaeae
}

.page-ebook section.ebook-maker .btn-bottom-border {
    border-bottom: 4px solid #b70150
}

.page-ebook section.ebook-maker .progress {
    height: 20px;
    margin-bottom: 0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

.page-ebook section.ebook-maker .progress .bar {
    background: #ce0058
}

.page-ebook section.ebook-maker .ebook-sample {
    margin-top: 60px
}

.page-ebook section.ebook-maker .ebook-sample p {
    color: #ce0058;
    font-size: 20px;
    margin-bottom: 20px
}

.page-ebook section.ebook-maker .ebook-sample .ebook-sample-container>iframe {
    width: 100%;
    height: 570px;
    border: 0 none
}

.page-ebook section.ebook-maker .ebook-sample .ebook-sample-container .fullscreen-controls {
    display: none
}

.page-ebook section.ebook-maker .ebook-sample .ebook-sample-container.fullscreen>iframe {
    position: fixed;
    top: 0;
    left: 0;
    right: auto;
    bottom: auto;
    width: 100%;
    height: 100%;
    max-height: 100%;
    z-index: 9999
}

.page-ebook section.ebook-maker .ebook-sample .ebook-sample-container.fullscreen .fullscreen-controls {
    position: fixed;
    top: auto;
    left: auto;
    right: 20px;
    bottom: 20px;
    margin: 0;
    z-index: 10000
}

.page-ebook section.ebook-maker .ebook-sample .ebook-sample-container.fullscreen .fullscreen-controls .fullscreen-open {
    display: none
}

.page-ebook section.ebook-maker .ebook-sample .ebook-sample-container.fullscreen .fullscreen-controls .fullscreen-close {
    display: inline-block
}

.page-ebook section.ebook-maker .uploading-info {
    display: none
}

.page-ebook section.ebook-maker .uploading-info h2 {
    font-size: 60px;
    font-weight: 300
}

.page-ebook section.ebook-maker .uploading-info p {
    font-size: 24px;
    font-weight: 300;
    margin-bottom: 50px
}

.page-ebook section.ebook-maker .uploading-info #progress-note h1 {
    display: none
}

.page-ebook section.ebook-maker .uploading-info .progress {
    width: 500px;
    margin: 0 auto
}

.page-ebook section.ebook-maker .processing-info {
    display: none
}

.page-ebook section.ebook-maker .processing-info h2 {
    font-size: 60px;
    font-weight: 300
}

.page-ebook section.ebook-maker .processing-info p {
    font-size: 24px;
    font-weight: 300;
    margin-bottom: 50px
}

.page-ebook section.ebook-maker .processing-info .processing-ebook {
    display: inline-block;
    width: 500px
}

.page-ebook section.ebook-maker .processing-info .processing-text {
    padding: 10px;
    color: #ccc;
    font-size: 22px;
    vertical-align: top
}

.page-ebook section.ebook-maker .processing-info .hub-content {
    margin-top: 50px;
    padding-bottom: 20px;
    background: #f5f5f5
}

.page-ebook section.ebook-maker .processing-info .hub-content p {
    padding: 30px 0 50px 0;
    margin: 0;
    color: #555;
    font-size: 24px;
    font-weight: 400
}

.page-ebook section.ebook-maker .processing-info .hub-content #UfEmbeddedHub {
    min-width: 1000px;
    margin-bottom: 0
}

.page-ebook section.ebook-maker .processing-info .hub-content #UfEmbeddedHub #collection-items {
    min-width: 810px
}

.page-ebook section.ebook-maker .processing-info .share-while-wait {
    margin-top: 60px
}

.page-ebook section.ebook-maker .processing-info .share-while-wait p {
    line-height: 36px
}

.page-ebook section.ebook-maker .processing-info .share-while-wait p.big {
    color: #555;
    font-size: 26px;
    font-weight: 400;
    text-transform: uppercase
}

.page-ebook section.ebook-maker .processing-info .share-while-wait .share-links {
    width: 260px;
    margin: 0 auto;
    *zoom: 1
}

.page-ebook section.ebook-maker .processing-info .share-while-wait .share-links:before,
.page-ebook section.ebook-maker .processing-info .share-while-wait .share-links:after {
    display: table;
    content: "";
    line-height: 0
}

.page-ebook section.ebook-maker .processing-info .share-while-wait .share-links:after {
    clear: both
}

.page-ebook section.ebook-maker .finished-ebook {
    display: none
}

.page-ebook section.ebook-maker .finished-ebook p {
    line-height: 46px
}

.page-ebook section.ebook-maker .finished-ebook p.big {
    color: #555;
    font-size: 36px;
    font-weight: 300
}

.page-ebook section.ebook-maker .finished-ebook .link-display {
    width: 800px;
    margin: 50px auto;
    padding: 30px 0;
    color: #555;
    font-size: 24px;
    background: #f5f5f5;
    border: 1px solid #d3d3d3
}

.page-ebook section.ebook-maker .finished-ebook .share-ebook p {
    line-height: 36px;
    font-size: 24px;
    font-weight: 300
}

.page-ebook section.ebook-maker .finished-ebook .share-ebook .share-links {
    width: 515px;
    margin: 10px auto 60px auto;
    *zoom: 1
}

.page-ebook section.ebook-maker .finished-ebook .share-ebook .share-links:before,
.page-ebook section.ebook-maker .finished-ebook .share-ebook .share-links:after {
    display: table;
    content: "";
    line-height: 0
}

.page-ebook section.ebook-maker .finished-ebook .share-ebook .share-links:after {
    clear: both
}

.page-ebook section.ebook-maker .finished-ebook .ebook-sample .ebook-sample-container .ebook-placeholder {
    position: relative;
    width: 100%;
    min-height: 150px;
    background: #f5f5f5
}

.page-ebook section.ebook-maker .finished-ebook .ebook-sample .ebook-sample-container .ebook-placeholder p {
    position: absolute;
    top: 50px;
    left: 50%;
    right: auto;
    bottom: auto;
    width: 450px;
    margin-left: -225px;
    background: #fff;
    border: 1px solid #ddd
}

.page-ebook section.ebook-maker .finished-ebook .ebook-sample .ebook-sample-container .fullscreen-controls {
    display: none
}

.page-ebook section.ebook-maker .finished-ebook .learn-more p {
    margin: 50px 0 20px 0;
    font-size: 22px
}

.page-ebook section.ebook-maker .finished-ebook .learn-more a {
    border-bottom: 4px solid #b70150
}

.page-ebook section.ebook-maker .ebook-share-icon-sm {
    display: block;
    float: left;
    margin-left: 10px;
    width: 54px;
    height: 50px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-image: url("../../img/ebook/spritesheet.png");
    opacity: .8;
    filter: alpha(opacity=80)
}

.page-ebook section.ebook-maker .ebook-share-icon-sm span {
    display: none
}

.page-ebook section.ebook-maker .ebook-share-icon-sm.twitter {
    background-position: -13px -146px
}

.page-ebook section.ebook-maker .ebook-share-icon-sm.facebook {
    background-position: -78px -146px
}

.page-ebook section.ebook-maker .ebook-share-icon-sm.google {
    background-position: -143px -146px
}

.page-ebook section.ebook-maker .ebook-share-icon-sm.linkedin {
    background-position: -207px -146px
}

.page-ebook section.ebook-maker .ebook-share-icon-sm:hover {
    opacity: 1;
    filter: alpha(opacity=100)
}

.page-ebook section.ebook-maker .ebook-share-icon {
    display: block;
    float: left;
    margin-left: 10px;
    width: 116px;
    height: 116px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-image: url("../../img/ebook/spritesheet.png");
    opacity: .8;
    filter: alpha(opacity=80)
}

.page-ebook section.ebook-maker .ebook-share-icon span {
    display: none
}

.page-ebook section.ebook-maker .ebook-share-icon.twitter {
    background-position: -12px -10px
}

.page-ebook section.ebook-maker .ebook-share-icon.facebook {
    background-position: -139px -10px
}

.page-ebook section.ebook-maker .ebook-share-icon.google {
    background-position: -266px -10px
}

.page-ebook section.ebook-maker .ebook-share-icon.linkedin {
    background-position: -393px -10px
}

.page-ebook section.ebook-maker .ebook-share-icon:hover {
    opacity: 1;
    filter: alpha(opacity=100)
}

.lt-ie9 .page-ebook section.intro {
    background-image: url("../../img/ebook/header.png");
    background-size: 100% auto
}

@media (min-width:1200px) {
    .page-ebook section.intro {
        background-image: url("../../img/ebook/header.png")
    }
}

@media (min-width:1010px) and (max-width:1199px) {
    .page-ebook section.intro {
        background-image: url("../../img/ebook/header.png")
    }
}

@media (min-width:768px) and (max-width:1009px) {
    .page-ebook section.intro {
        background-image: url("../../img/ebook/header_tablet.png")
    }
}

@media (max-width:767px) {
    .page-ebook section.intro {
        background-image: url("../../img/ebook/header_tablet.png")
    }
}

@media (max-width:480px) {
    .page-ebook section.intro {
        background-image: url("../../img/ebook/header_phone.png")
    }
}

.page-cma .symbol-icon {
    background: transparent url("../../img/content_marketing_automation/spritesheet.png") no-repeat 0 0
}

.page-cma .character {
    background: transparent url("../../img/content_marketing_automation/character.png") no-repeat 0 0
}

.page-cma section.intro {
    position: relative;
    padding: 0;
    height: 540px;
    background-repeat: no-repeat;
    background-position: center 20%;
    background-size: cover;
    background-image: url("../../img/content_marketing_automation/hero.jpg");
    overflow: hidden
}

.page-cma section.intro .intro-details {
    padding: 120px 0
}

.page-cma section.intro .intro-details h1 {
    margin-top: 30px;
    margin-bottom: 10px;
    margin: 0 auto;
    max-width: 900px;
    line-height: 75px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-family: "Montserrat", sans-serif;
    font-weight: 300;
    font-size: 55px
}

.page-cma section.intro .intro-details p {
    margin: 80px 0 0 0;
    padding: 40px 10px 40px 10px;
    text-align: center;
    color: #fff;
    font-size: 22px
}

.page-cma section.cma-case {
    padding: 80px 10px 50px 10px
}

.page-cma section.cma-case h2 {
    padding: 20px 0;
    margin-top: 15px;
    text-transform: uppercase;
    text-align: center;
    font-family: "Montserrat", sans-serif;
    font-size: 32px;
    font-weight: 300
}

.page-cma section.cma-case h3 {
    padding: 0 0 50px 0;
    text-align: center;
    font-weight: 200;
    font-size: 20px
}

.page-cma section.cma-case p {
    padding: 10px 150px;
    margin: 0 auto;
    font-weight: 300;
    font-size: 18px
}

.page-cma section.cma-case p .cma-case-highlight {
    color: #ce0058
}

.page-cma section.cma-case .symbol-icon {
    margin: 0 auto;
    width: 50px;
    height: 50px
}

.page-cma section.cma-case .symbol-icon.partical {
    background-position: 0 0
}

.page-cma section.cma-case .symbol-icon.hyphen {
    width: 35px;
    height: 10px;
    padding: 0 0 30px 0;
    background-position: -325px -35px
}

.page-cma section.cma-case .character {
    width: 225px;
    height: 180px;
    margin: 0 auto;
    margin-top: 80px
}

.page-cma section.cma-case .character.desk-guy-busy {
    background-position: 0 0
}

.page-cma section.cma-four-pillars {
    padding: 50px 10px 50px 10px
}

.page-cma section.cma-four-pillars h2 {
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 2px;
    font-family: "Montserrat", sans-serif;
    font-size: 32px;
    font-weight: 300
}

.page-cma section.cma-four-pillars .row {
    padding: 80px 0 0 0;
    margin-left: 60px
}

.page-cma section.cma-four-pillars .row .span5 {
    width: 500px;
    *zoom: 1
}

.page-cma section.cma-four-pillars .row .span5:before,
.page-cma section.cma-four-pillars .row .span5:after {
    display: table;
    content: "";
    line-height: 0
}

.page-cma section.cma-four-pillars .row .span5:after {
    clear: both
}

.page-cma section.cma-four-pillars .row .span5 div.pull-left {
    max-width: 375px
}

.page-cma section.cma-four-pillars .row .span5 div.pull-left p {
    font-size: 18px;
    font-weight: 300
}

.page-cma section.cma-four-pillars .row .span5 div.pull-left p span {
    color: #ce0058;
    font-weight: bold
}

.page-cma section.cma-four-pillars .symbol-icon {
    width: 50px;
    height: 75px;
    margin-right: 15px;
    float: left
}

.page-cma section.cma-four-pillars .symbol-icon.pencil {
    background-position: -150px 0
}

.page-cma section.cma-four-pillars .symbol-icon.ruler {
    background-position: -215px 0
}

.page-cma section.cma-four-pillars .symbol-icon.antenna {
    background-position: -265px 0
}

.page-cma section.cma-four-pillars .symbol-icon.rocket {
    background-position: -347px 0
}

.page-cma section.cma-four-pillars .symbol-icon.down-right-arrow {
    width: 25px;
    height: 23px;
    margin-right: -5px;
    background-position: -325px -15px
}

.page-cma section.cma-four-pillars .pillar-summary {
    padding: 80px 0 0 0;
    margin: 0 0 0 275px
}

.page-cma section.cma-four-pillars .pillar-summary .span5 {
    width: 500px;
    *zoom: 1
}

.page-cma section.cma-four-pillars .pillar-summary .span5:before,
.page-cma section.cma-four-pillars .pillar-summary .span5:after {
    display: table;
    content: "";
    line-height: 0
}

.page-cma section.cma-four-pillars .pillar-summary .span5:after {
    clear: both
}

.page-cma section.cma-four-pillars .pillar-summary .span5 div.summary-container p {
    color: #777;
    font-size: 16px
}

.page-cma section.cma-four-pillars .pillar-summary .span5 div.summary-container p span {
    color: #000;
    font-weight: bold
}

.page-cma section.cma-four-pillars .pillar-summary .span5 div.summary-container p span a {
    color: #ce0058
}

.page-cma section.cma-why {
    padding: 50px 10px 50px 10px
}

.page-cma section.cma-why h2 {
    padding: 20px 0;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 2px;
    font-family: "Montserrat", sans-serif;
    font-size: 32px;
    font-weight: 300
}

.page-cma section.cma-why h3 {
    padding: 0 0 50px 0;
    text-align: center;
    font-weight: 200;
    font-size: 20px
}

.page-cma section.cma-why p {
    padding: 10px 150px;
    margin: 0 auto;
    font-weight: 300;
    font-size: 18px
}

.page-cma section.cma-why p span {
    font-weight: bold;
    font-style: italic
}

.page-cma section.cma-why p a {
    color: #ce0058
}

.page-cma section.cma-why .symbol-icon {
    margin: 0 auto;
    width: 50px;
    height: 50px
}

.page-cma section.cma-why .symbol-icon.partical {
    background-position: 0 0
}

.page-cma section.cma-why .symbol-icon.window-gear {
    padding: 0 0 30px 50px;
    width: 40px;
    background-position: -50px 0
}

.page-cma section.cma-why .symbol-icon.hyphen {
    width: 35px;
    height: 10px;
    padding: 0 0 30px 0;
    background-position: -325px -35px
}

.page-cma section.cma-role {
    padding: 50px 10px 50px 10px
}

.page-cma section.cma-role h2 {
    padding: 20px 0;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 2px;
    font-size: 24px
}

.page-cma section.cma-role h3 {
    padding: 0 0 50px 0;
    text-align: center;
    font-weight: 200;
    font-size: 20px
}

.page-cma section.cma-role p {
    padding: 10px 150px;
    margin: 0 auto;
    font-weight: 300;
    font-size: 18px
}

.page-cma section.cma-role p span {
    font-weight: bold;
    font-style: italic
}

.page-cma section.cma-role p a {
    color: #ce0058
}

.page-cma section.cma-role .symbol-icon {
    width: 50px;
    height: 50px;
    margin: 0 auto
}

.page-cma section.cma-role .symbol-icon.hyphen {
    width: 35px;
    height: 10px;
    padding: 0 0 30px 0;
    background-position: -325px -35px
}

.page-cma section.cma-role .symbol-icon.down-right-arrow {
    width: 25px;
    height: 23px;
    margin: 5px 0 0 0;
    background-position: -325px -15px
}

.page-cma section.cma-role ul {
    margin: 0 0 12px 180px;
    width: 70%;
    font-weight: 300;
    font-size: 18px
}

.page-cma section.cma-role ul li {
    color: #ce0058
}

.page-cma section.cma-role ul li span {
    color: #333
}

.page-cma section.cma-role .character {
    width: 225px;
    height: 180px;
    margin: 0 auto;
    margin-top: 100px;
    margin-bottom: 50px
}

.page-cma section.cma-role .character.desk-guy-wave {
    background-position: -230px 0
}

.page-cma section.cma-role .role-summary {
    padding: 30px;
    margin-right: 10px;
    margin-left: 120px;
    width: 80%;
    font-size: 18px
}

.page-cma section.cma-role .role-summary .leftSide {
    float: left
}

.page-cma section.cma-role .role-summary .rightSide {
    float: left;
    width: 90%
}

.page-cma section.cma-role .role-summary .rightSide p {
    font-family: Georgia;
    font-size: 18px
}

.page-cma section.cma-role .role-summary .clearFix {
    clear: both
}

.page-cma section.cma-role .cma-button {
    width: 600px;
    margin: 0 auto;
    margin-top: 140px;
    padding: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    display: block;
    background-color: #93a9b8;
    text-align: center;
    text-transform: uppercase;
    font-family: "Lato";
    font-weight: 700;
    font-size: 17px;
    color: #fff;
    text-decoration: none
}

.page-cma section.cma-role .cma-button:hover {
    background-color: #7890a1;
    cursor: pointer
}

@media (min-width:1010px) and (max-width:1199px) {
    .page-cma section.cma-four-pillars p {
        padding: 10px 0
    }
    .page-cma section.cma-four-pillars .row {
        padding-top: 50px;
        margin-left: 0
    }
    .page-cma section.cma-four-pillars .row .span5 {
        width: 100%;
        margin-left: 150px
    }
    .page-cma section.cma-four-pillars .row .span5 div.pull-left {
        max-width: 600px
    }
    .page-cma section.cma-four-pillars .pillar-summary {
        margin: 0 0 0 225px
    }
}

@media (min-width:768px) and (max-width:1009px) {
    .page-cma section.intro {
        background-image: url("../../img/content_marketing_automation/hero-tablet.jpg")
    }
    .page-cma section.intro .intro-details h1 {
        font-size: 36px;
        line-height: 70px
    }
    .page-cma section.intro .intro-details h1 p {
        margin: 30px 0 0 0
    }
    .page-cma section.cma-case {
        margin-right: 10px;
        margin-left: 10px
    }
    .page-cma section.cma-case p {
        padding: 10px 0
    }
    .page-cma section.cma-four-pillars {
        margin-right: 10px;
        margin-left: 10px
    }
    .page-cma section.cma-four-pillars p {
        padding: 10px 0
    }
    .page-cma section.cma-why {
        margin-right: 10px;
        margin-left: 10px
    }
    .page-cma section.cma-why p {
        padding: 10px 0
    }
    .page-cma section.cma-role {
        margin-right: 10px;
        margin-left: 10px
    }
    .page-cma section.cma-role p {
        padding: 10px 0
    }
    .page-cma section.cma-four-pillars p {
        padding: 10px 0
    }
    .page-cma section.cma-four-pillars .row {
        padding-top: 50px;
        margin-left: 0
    }
    .page-cma section.cma-four-pillars .row .span5 {
        width: 100%
    }
    .page-cma section.cma-four-pillars .row .span5 div.pull-left {
        max-width: 90%
    }
    .page-cma section.cma-four-pillars .pillar-summary {
        margin: 0 0 0 100px
    }
    .page-cma section.cma-role ul {
        margin: 0 0 20px 40px;
        width: 90%;
        padding: 20px 0 0 0
    }
    .page-cma section.cma-role .role-summary {
        margin: 0;
        width: 90%
    }
}

@media (max-width:767px) {
    .page-cma section.intro {
        background-image: url("../../img/content_marketing_automation/hero-mobile.jpg")
    }
    .page-cma section.intro .intro-details h1 {
        font-size: 32px;
        line-height: 45px
    }
    .page-cma section.intro .intro-details p {
        margin: 50px 0 0 0;
        line-height: 30px
    }
    .page-cma section.cma-case {
        margin-right: 10px;
        margin-left: 10px
    }
    .page-cma section.cma-case p {
        padding: 5px
    }
    .page-cma section.cma-four-pillars {
        margin-right: 10px;
        margin-left: 10px
    }
    .page-cma section.cma-four-pillars p {
        padding: 5px
    }
    .page-cma section.cma-why {
        margin-right: 10px;
        margin-left: 10px
    }
    .page-cma section.cma-why p {
        padding: 5px
    }
    .page-cma section.cma-role {
        margin-right: 10px;
        margin-left: 10px
    }
    .page-cma section.cma-role p {
        padding: 5px
    }
    .page-cma section.cma-four-pillars .row {
        padding-top: 50px;
        margin-left: 0
    }
    .page-cma section.cma-four-pillars .row .span5 {
        width: 500px;
        margin: 0 auto
    }
    .page-cma section.cma-four-pillars .pillar-summary {
        margin: 0 0 0 35px
    }
    .page-cma section.cma-four-pillars .pillar-summary .span5 {
        width: 90%
    }
    .page-cma section.cma-role .desk-guy-wave {
        margin-top: 125px
    }
    .page-cma section.cma-role .cma-button {
        width: 90%;
        margin-top: 350px
    }
    .page-cma section.cma-role ul {
        margin: 0 0 0 30px;
        width: 90%;
        padding: 20px 0 0 0
    }
    .page-cma section.cma-role .role-summary {
        margin: 0;
        width: 90%
    }
}

@media (max-width:495px) {
    .page-cma section.cma-four-pillars .row .span5 {
        width: 90%;
        margin: 0 auto;
        margin-bottom: 40px
    }
    .page-cma section.cma-four-pillars .symbol-icon {
        float: none;
        margin: 0 auto
    }
    .page-cma section.cma-four-pillars .pillar-summary {
        margin: 0 auto;
        max-width: 90%;
        margin-left: 45px
    }
    .page-cma section.cma-four-pillars .pillar-summary .span5 {
        width: 90%
    }
    .page-cma section.cma-four-pillars .pillar-summary .symbol-icon {
        float: left
    }
}

.page-integrations section.intro {
    padding: 0 0 80px 0;
    background-color: #f0f2f4
}

.page-integrations section.intro h1 {
    width: 730px;
    margin: 40px auto 0 auto;
    line-height: 110px;
    text-align: center;
    font-size: 30px;
    font-family: "Montserrat", sans-serif;
    font-weight: 400
}

.page-integrations section.intro p {
    margin: 10px auto;
    color: #ce0058;
    font-size: 20px;
    line-height: 30px;
    text-align: center
}

.page-integrations section.intro p.sub-heading {
    margin: 10px auto 40px auto;
    color: #333;
    font-size: 20px;
    line-height: 40px;
    text-align: center;
    text-shadow: 1px 1px 2px #fff
}

.page-integrations section.intro .big-box {
    position: relative;
    padding: 0 0 30px 0;
    height: 440px;
    background-color: #fff;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.1)
}

.page-integrations section.intro .big-box p {
    margin: 0;
    padding: 0 20px;
    line-height: 30px;
    color: #777;
    font-size: 22px;
    text-align: left
}

.page-integrations section.intro .big-box p em {
    margin: 0;
    padding: 0;
    color: #999;
    font-size: 16px;
    line-height: 26px;
    font-weight: bold;
    font-style: normal
}

.page-integrations section.intro .big-box p.big-logo {
    position: relative;
    height: 180px;
    border-bottom: 1px solid #ccc;
    text-align: center
}

.page-integrations section.intro .big-box p.link {
    position: absolute;
    left: 0;
    bottom: 20px
}

.page-integrations section.intro .big-box p.link a {
    color: #2f96b4;
    font-size: 18px;
    line-height: 26px;
    font-weight: bold;
    text-decoration: underline
}

.page-integrations section.intro .tiles-container {
    text-align: center
}

.page-integrations section.intro .tiles-container .integration-tile {
    width: 210px;
    height: 400px;
    margin: 0 9px;
    display: inline-block;
    vertical-align: top;
    background-color: #fff
}

.page-integrations section.intro .tiles-container .integration-tile hr {
    margin: 20px auto;
    width: 80%
}

.page-integrations section.intro .tiles-container .integration-tile p {
    padding: 0 20px 0 20px;
    height: 210px;
    font-size: 15px;
    color: #4c5e6c;
    text-align: left;
    line-height: 22px
}

.page-integrations section.intro .tiles-container .integration-tile .read-more-link a {
    color: #ce0058;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px
}

.page-integrations section.intro .tiles-container .integration-tile .read-more-link a:before {
    position: relative;
    top: -5px;
    left: -3px;
    right: auto;
    bottom: auto;
    width: 0;
    height: 0;
    border-color: transparent transparent transparent #000;
    border-style: solid;
    border-width: 4px;
    -moz-transform: scale(.9999);
    font-size: 0;
    line-height: 0;
    _border-top-color: #0ff;
    _border-right-color: #0ff;
    _border-bottom-color: #0ff;
    _filter: chroma(color=#0ff);
    content: ""
}

.page-integrations section.full-list {
    padding: 0 0 50px 0
}

.page-integrations section.full-list h2 {
    color: #2f2e36;
    margin: 80px 0 10px 0;
    text-align: center;
    font-size: 30px;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    line-height: 40px
}

.page-integrations section.full-list p {
    margin: 20px 0 60px 0;
    line-height: 26px;
    color: #2f2e34;
    font-size: 18px;
    text-align: center
}

.page-integrations section.full-list .box {
    padding: 20px;
    border: none
}

.page-integrations section.full-list .box h3 {
    margin-top: 0;
    font-size: 22px;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    text-align: left
}

.page-integrations section.full-list .box p {
    margin: 30px 0 5px 0;
    color: #777;
    font-size: 16px;
    line-height: 20px;
    text-align: left
}

.page-integrations section.full-list .box p.foot-note {
    margin: 5px 7px 0 0;
    font-size: 14px;
    text-align: right
}

.page-integrations section.full-list .list-boxes {
    border: solid #ccc;
    border-width: 1px 0 0 1px;
    box-sizing: border-box;
    -moz-box-sizing: border-box
}

.page-integrations section.full-list .list-boxes * {
    box-sizing: border-box;
    -moz-box-sizing: border-box
}

.page-integrations section.full-list .list-boxes .list-box {
    float: left;
    position: relative;
    width: 130px;
    height: 90px;
    margin: 0;
    border: solid #ccc;
    border-width: 0 1px 1px 0;
    background: #fff;
    font-size: 12px;
    cursor: pointer;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    z-index: 10
}

.page-integrations section.full-list .list-boxes .list-box:hover {
    -webkit-box-shadow: 0 0 3px 3px rgba(44, 152, 178, 0.5);
    -moz-box-shadow: 0 0 3px 3px rgba(44, 152, 178, 0.1);
    -o-box-shadow: 0 0 3px 3px rgba(44, 152, 178, 0.1);
    box-shadow: 0 0 3px 3px rgba(44, 152, 178, 0.5);
    z-index: 100
}

.page-integrations section.full-list .list-boxes .list-box [class^="logo-"],
.page-integrations section.full-list .list-boxes .list-box [class*=" logo-"] {
    cursor: pointer
}

.page-integrations section.full-list .list-boxes .list-box h4,
.page-integrations section.full-list .list-boxes .list-box p {
    display: none
}

.page-integrations section.full-list .count1 {
    width: 131px
}

.page-integrations section.full-list .count2 {
    width: 261px
}

.page-integrations section.full-list .count3 {
    width: 391px
}

.page-integrations section.full-list .count4 {
    width: 521px
}

.page-integrations .modal {
    position: fixed;
    height: 360px;
    max-height: 360px;
    min-height: 360px
}

.page-integrations .modal .close {
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 40px;
    z-index: 1000
}

.page-integrations .modal .btn-small [class^="icon-"],
.page-integrations .modal .btn-small [class*=" icon-"] {
    margin-top: 2px
}

.page-integrations .modal-header {
    padding: 0;
    border-width: 0
}

.page-integrations .modal-body {
    padding: 10px 60px;
    max-height: none;
    margin-bottom: 30px
}

.page-integrations .modal-body .modal-intro {
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc
}

.page-integrations .modal-body .modal-intro h3 {
    margin-top: 30px;
    margin-bottom: 20px;
    font-size: 24px;
    text-align: center
}

.page-integrations .modal-body p {
    margin-bottom: 5px;
    font-size: 20px;
    color: #555
}

.page-integrations .modal-body p em {
    font-size: 20px;
    color: #999
}

@media (min-width:1010px) and (max-width:1199px) {
    .page-integrations section.intro .tiles-container {
        margin: 0 0 0 30px;
        text-align: left
    }
    .page-integrations section.intro .tiles-container .integration-tile .read-more-link {
        text-align: center
    }
    .page-integrations section.intro .tiles-container .integration-tile.acton {
        margin-top: 30px
    }
    .page-integrations section.full-list .list-boxes .list-box {
        width: 111px
    }
    .page-integrations section.full-list .list-boxes .list-box [class^="logo-"],
    .page-integrations section.full-list .list-boxes .list-box [class*=" logo-"] {
        margin-left: -10px;
        -webkit-transform: scale(.7);
        -moz-transform: scale(.7);
        transform: scale(.7)
    }
    .page-integrations section.full-list .count1 {
        width: 112px
    }
    .page-integrations section.full-list .count2 {
        width: 223px
    }
    .page-integrations section.full-list .count3 {
        width: 334px
    }
    .page-integrations section.full-list .count4 {
        width: 445px
    }
}

@media (min-width:768px) and (max-width:1009px) {
    .page-integrations section.intro .big-box p {
        font-size: 18px;
        line-height: 26px
    }
    .page-integrations section.intro .big-box p.big-logo {
        height: 120px
    }
    .page-integrations section.intro .big-box p.big-logo [class^="biglogo-"],
    .page-integrations section.intro .big-box p.big-logo [class*=" biglogo-"] {
        top: 35px
    }
    .page-integrations section.intro .big-box p.link a {
        font-size: 16px
    }
    .page-integrations section.intro .tiles-container {
        text-align: left
    }
    .page-integrations section.intro .tiles-container .integration-tile .read-more-link {
        text-align: center
    }
    .page-integrations section.intro .tiles-container .integration-tile.acton,
    .page-integrations section.intro .tiles-container .integration-tile.pardot {
        margin-top: 30px
    }
    .page-integrations section.full-list .list-boxes .list-box {
        width: 154px
    }
    .page-integrations section.full-list .count1 {
        width: 155px
    }
    .page-integrations section.full-list .count2,
    .page-integrations section.full-list .count3,
    .page-integrations section.full-list .count4 {
        width: 309px
    }
    .page-integrations section.full-list .box p.foot-note {
        font-size: 12px
    }
}

@media (max-width:767px) {
    .page-integrations section.intro h1 {
        width: 440px;
        margin-top: 40px;
        line-height: 70px;
        font-size: 30px
    }
    .page-integrations section.intro .big-box {
        height: 210px;
        margin-bottom: 30px
    }
    .page-integrations section.intro .big-box p {
        font-size: 18px;
        line-height: 26px
    }
    .page-integrations section.intro .big-box p.big-logo {
        height: 80px
    }
    .page-integrations section.intro .big-box p.big-logo [class^="biglogo-"],
    .page-integrations section.intro .big-box p.big-logo [class*=" biglogo-"] {
        top: 13px
    }
    .page-integrations section.intro .big-box p.link a {
        font-size: 16px
    }
    .page-integrations section.intro .tiles-container .integration-tile {
        width: 80%;
        height: 325px;
        margin: 30px 0 0 0
    }
    .page-integrations section.intro .tiles-container .integration-tile p {
        height: 130px
    }
    .page-integrations .row {
        padding: 0 30px
    }
    .page-integrations [class*="span"] {
        float: none;
        width: auto;
        margin-left: 0
    }
    .page-integrations .span6 {
        width: auto
    }
    .page-integrations section.full-list .list-boxes {
        margin: 0 auto
    }
    .page-integrations section.full-list .list-boxes .list-box {
        width: 50%
    }
    .page-integrations section.full-list .count1,
    .page-integrations section.full-list .count2,
    .page-integrations section.full-list .count3,
    .page-integrations section.full-list .count4 {
        width: 99%
    }
    .page-integrations section.full-list .box p.foot-note {
        font-size: 12px
    }
    .page-integrations .modal-body .modal-intro h3 {
        margin-bottom: 0
    }
}

@media (max-width:480px) {
    .page-integrations section.intro {
        padding: 0 0 40px 0
    }
    .page-integrations section.intro h1 {
        width: 268px;
        margin-top: 60px;
        line-height: 50px;
        font-size: 36px
    }
    .page-integrations section.intro p {
        padding: 0 20px
    }
    .page-integrations section.intro p.sub-heading {
        margin: 40px auto 20px auto;
        font-size: 20px
    }
    .page-integrations section.intro .big-box {
        height: 270px;
        margin-bottom: 30px
    }
    .page-integrations section.intro .big-box p {
        font-size: 16px;
        line-height: 22px
    }
    .page-integrations section.intro .big-box p.link {
        width: 85%;
        text-align: center
    }
    .page-integrations section.intro .big-box p.link a {
        font-size: 16px
    }
    .page-integrations section.intro .tiles-container .integration-tile p {
        height: 140px
    }
    .page-integrations section.full-list h2 {
        font-size: 30px;
        line-height: 36px
    }
    .page-integrations section.full-list p {
        margin-bottom: 40px;
        padding: 0 10px;
        font-size: 18px;
        line-height: 22px
    }
    .page-integrations section.full-list .box {
        padding: 10px;
        margin-left: -15px;
        margin-right: -15px
    }
    .page-integrations section.full-list .box p.foot-note {
        font-size: 12px
    }
    .page-integrations section.full-list .list-boxes {
        margin: 0 auto
    }
    .page-integrations section.full-list .list-boxes .list-box {
        width: 50%
    }
    .page-integrations section.full-list .count1,
    .page-integrations section.full-list .count2,
    .page-integrations section.full-list .count3,
    .page-integrations section.full-list .count4 {
        width: 99%
    }
    .page-integrations section.full-list span.count1 {
        width: 49%
    }
    .page-integrations .row {
        padding: 0 30px
    }
    .page-integrations [class*="span"] {
        float: none;
        width: auto;
        margin-left: 0
    }
    .page-integrations .span6 {
        width: auto
    }
    .page-integrations .modal-body {
        padding: 10px
    }
    .page-integrations .modal-body .modal-intro h3 {
        margin-bottom: 0;
        font-size: 18px
    }
    .page-integrations .modal-body p {
        font-size: 16px
    }
}

@media (max-width:380px) {
    .page-integrations section.intro .tiles-container .integration-tile {
        width: 90%
    }
    .page-integrations section.intro .tiles-container .integration-tile p {
        height: 140px
    }
    .page-integrations section.full-list h2 {
        margin: 40px 0
    }
}

@-webkit-viewport {
    width: device-width
}

@-moz-viewport {
    width: device-width
}

@-ms-viewport {
    width: device-width
}

@-o-viewport {
    width: device-width
}

@viewport {
    width: device-width
}

.nav-fixed-top {
    z-index: 150
}

.nav-alternate {
    z-index: 105
}

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
        filter: none !important;
        -ms-filter: none !important
    }
    a,
    a:visited {
        text-decoration: underline
    }
    a[href]:after {
        content: " (" attr(href) ")"
    }
    abbr[title]:after {
        content: " (" attr(title) ")"
    }
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: ""
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid
    }
    thead {
        display: table-header-group
    }
    tr,
    img {
        page-break-inside: avoid
    }
    img {
        max-width: 100% !important
    }
    @page {
        margin: .5cm
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3
    }
    h2,
    h3 {
        page-break-after: avoid
    }
    ul.bulleted {
        color: #333
    }
    ul.bulleted li {
        list-style-image: none;
        list-style-type: disc
    }
    ul.bulleted li ul li {
        list-style-image: none;
        list-style-type: circle
    }
}
.page-about section.intro .intro-details p
{
	margin-bottom: 20px;
    color: #fff;
    line-height: 33px;
    font-weight: 400;
    font-size: 20px;
    text-align: center;
    font-family: "Montserrat",sans-serif;
}