/*
Theme Name: Datawatch
Theme URI:
Description: Datawatch Wordpress Theme
Version:1.0
Author:
Author URI:
Tags:white, red, black, Worpdress 3, responsive
*/


html,
button,
input,
select,
textarea {
    color: #222;
}
html {
    font-size: 1em;
    line-height: 1.4;
}
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cfcecd;
    margin: 20px 0;
    padding: 0;
}
audio,
canvas,
img,
video {
    vertical-align: middle;
}
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}
textarea {
    resize: vertical;
}


/**********************************************/
/*     GLOBALS                                */
/**********************************************/
body {
    font-family: 'Hind', Arial, Helvetica, sans-serif;
    font-size:16px;
    color:#272727;
    -webkit-text-size-adjust: 100%;
    background:#153754;
}
.body-wrap {
    width:100%;
    position:relative;
    z-index:100;
    background:#fff;
    overflow:hidden
}
.body-wrap:after {
    content:"";
    display:table;
    clear:both;
}
.wrap {
    width:1140px;
    margin:0 auto;
    position:relative;
}
.custom-wrap:after,
.wrap:after {
    content:"";
    display:table;
    clear:both;
}
.alignleft {
    float:left;
    margin:0 20px 0 0;
}
.alignright {
    float:right;
    margin:0 0 0 20px;
}
.alignnone {
    margin: 5px 20px 20px 0;
}
.aligncenter {
    display: block;
    margin: 0 auto;
}
.wp-caption {
    background: #FBFBFB;
    border: 1px solid #DEDEDE;
    max-width: 96%;
    padding: 5px 0px 10px;
    text-align: center;
    margin:0 auto 15px;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}
.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}
.wp-caption p.wp-caption-text {
    font-size: 12px;
    line-height: 17px;
    margin: 0 !important;
    padding: 10px 4px 0 4px;
}
.clearfix:after {
    content:" ";
    display:table;
    clear:both;
}
.clear {
    clear:both;
}
.hidden {
    display:none;
    visibility:hidden;
}

h1,h2,h3,h4,h5,h6 {
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
    line-height:normal;
    margin:0 0 15px;
    font-weight:400
}
h1 {
    font-size:36px;
}
h2 {
    font-size:30px;
    margin:0 0 22px;
}
h3 {
    font-size: 24px;
    margin:0 0 22px;
}
h4 {
    font-weight:bold;
}
ul, ol {
    margin:0 0 15px;
    padding:0 0 0 30px;
}
ul {
    list-style:disc outside;
}
ol {
    list-style:decimal outside;
}
ul li, ol li {
    margin:0 0 10px;
}
a {
    color:#ff3b65;
    text-decoration:none;
    outline:0 !important;
}
a:hover {
    color:#d73255;
}
p {
    line-height:24px;
    margin:0 0 12px;
    letter-spacing:-0.02em;
}
blockquote {
    margin:70px 0;
    padding:0 0 0 88px;
    background:url(images/icon-quote-blk.png) no-repeat 0 0
}
blockquote p {
    font-style:italic;
    color:#676767;

}
input[type="password"],
input[type="email"],
input[type="text"] {
    color:#7d7d7d;
    font-size:14px;
    width:100%;
    border:solid 1px #d1d1d1;
    height:43px;
    line-height:1;
    margin:0;
    outline:0 !important;
    padding:0 15px;
}
input[type="password"].error,
input[type="email"].error,
input[type="text"].error {
    border-color:#ff3b65;
}
textarea {
    color:#7d7d7d;
    font-size:14px;
    width:100%;
    border:solid 1px #d1d1d1;
    min-height:80px;
    line-height:1;
    margin:0;
    outline:0 !important;
    padding:15px 15px 0;
}
label {
    font-size:14px;
    display:inline-block;
    padding:13px 0;
}
.icheckbox_minimal,
.iradio_minimal {
    display: inline-block;
    vertical-align: middle;
    margin: 0 8px 0 0;
    padding: 0;
    width: 16px;
    height: 16px;
    background: url(images/minimal.png) no-repeat;
    border: none;
    cursor: pointer;
}
.lt-ie8 .icheckbox_minimal,
.lt-ie8 .iradio_minimal {
    display: inline;
}

.icheckbox_minimal {
    background-position: 0 0;
}
.icheckbox_minimal.hover {
    background-position: -20px 0;
}
.icheckbox_minimal.checked {
    background-position: -40px 0;
}
.icheckbox_minimal.disabled {
    background-position: -60px 0;
    cursor: default;
}
.icheckbox_minimal.checked.disabled {
    background-position: -80px 0;
}
.iradio_minimal {
    background-position: -100px 0;
}
.iradio_minimal.hover {
    background-position: -120px 0;
}
.iradio_minimal.checked {
    background-position: -140px 0;
}
.iradio_minimal.disabled {
    background-position: -160px 0;
    cursor: default;
}
.iradio_minimal.checked.disabled {
    background-position: -180px 0;
}
.search-form {
    position:relative;
}
.search-form .field {
    padding:0 32px 0 0;
    z-index:1;
    position:relative;
}
.search-form .btn-search {
    width:54px;
    height:43px;
    background:transparent url(images/icon-search.png) no-repeat;
    position:absolute;
    right:0;
    top:1px;
    outline:0 !important;
    border:0;
    padding:0;
    margin:0;
    z-index:10;
}
input.btn,
a.btn {
    display:inline-block;
    position:relative;
    border:solid 1px #ff3b65;
    color:#ff3b65;
    font-family: 'Titillium Web', sans-serif;
    font-weight:700;
    padding:10px 25px;
    text-transform:uppercase;
    letter-spacing:2px;
    outline:0 !important;
    -webkit-border-radius: 24px;
    border-radius: 24px;
}
a.btn span {
    width:5px;
    height:5px;
    position:relative;
    display:inline-block;
    vertical-align:middle;
    margin:0 0 -2px 16px;
    background:transparent;
}
a.btn span:after,
a.btn span:before {
    background:#ff3b65;
    content:" ";
    display:block;
    position:absolute;
}
a.btn span:before {
    width:1px;
    height:5px;
    right:0;
    top:0
}
a.btn span:after {
    width:5px;
    height:1px;
    right:0;
    bottom:0
}
a.btn-solid {
    background:#ff3b65;
    color:#fff;
    padding:8px 25px;
}
a.btn-solid span {
    margin-left:10px;
}
a.btn-solid span:after,
a.btn-solid span:before {
    background:#fff;
}
a.btn-solid-big {
    background:#ff3b65;
    color:#fff;
    padding:19px 46px 19px 50px;
    font-size:14px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
}
a.btn-solid-big span {
    margin-left:24px;
}
a.btn-solid-big span:after,
a.btn-solid-big span:before {
    background:#fff;
}
input.btn {
    background:#ff3b65;
    color:#fff;
    padding:0 42px;
    font-size:14px;
    height:60px;
    line-height:1px;
    border:0;
    display:inline-block;
    vertical-align:middle;
    -webkit-border-radius: 30px;
    border-radius: 30px;
}
input.btn-submit {
    padding:0 60px 0 42px;
    background:#ff3b65 url(images/icon-edge-btn.png) no-repeat 100% 50%;
}
.arrow-down {
    display:inline-block;
    width:15px;
    position:relative;
    padding:1px 0 0;
}
.arrow-down b {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 7.5px 0 7.5px;
    border-color: #ff4870 transparent transparent transparent;
    z-index:1;
}
.arrow-down b:first-child {
    border-color: #ffffff transparent transparent transparent;
    position:absolute;
    left:0;
    top:-10px;
    z-index:2;
}
hr.blue {
    max-width:180px;
    height:5px;
    background:#59edff;
    border:0;
    margin:90px auto 98px;
}
.home hr.blue {
    margin:76px auto 84px;
}
.more-btn .more span.icon,
.heading span.icon,
a.more span.icon {
    width:5px;
    height:5px;
    position:relative;
    display:inline-block;
    vertical-align:middle;
    margin:0 0 -2px 16px;
    background:transparent;
}
.heading span.icon {
    width:6px;
    height:6px;
    margin:0 0 0 13px;
    bottom:-4px;
}
.more-btn .more span.icon:before,
.more-btn .more span.icon:after,
.heading span.icon:after,
.heading span.icon:before,
a.more span.icon:after,
a.more span.icon:before {
    background:#ff3b65;
    content:" ";
    display:block;
    position:absolute;
}
.more-btn .more span.icon:before,
.heading span.icon:before,
a.more span.icon:before {
    width:1px;
    height:100%;
    right:0;
    top:0
}
.more-btn .more span.icon:after,
.heading span.icon:after,
a.more span.icon:after {
    width:100%;
    height:1px;
    right:0;
    bottom:0
}
/**********************************************/
/*     NAV                                */
/**********************************************/
#nav {
    width:380px;
    position:absolute;
    right:0;
    top:0;
    z-index:1;
}
#nav ul li,
#nav ul {
    list-style:none;
    padding:0;
    margin:0;
}
#nav .inner {
    padding:38px 50px;
}
#nav .search-form {
    border-bottom:solid 1px #445f76;
    margin:0 0 28px;
}
#nav .search-form .field {
    padding:8px 32px 0 0
}
#nav .search-form input[type=text] {
    background:transparent;
    border:0;
    padding:0;
    height:23px;
    font-size:14px;
}
#nav .search-form .btn-search {
    width:30px;
    height:32px;
    background:url(images/icon-search-nav.png) no-repeat 50% 0;
}
#nav ul li {
    display:block;
    position: relative;
}
#nav ul li a {
    display:block;
    font-size:20px;
    color:#fff;
    font-family: 'Titillium Web', sans-serif;
    padding:15px 0;
    letter-spacing:0.02em;
}
#nav ul li.spacer {
    height:38px
}
#nav ul li.small-menu a {
    font-size:12px;
    text-transform:uppercase;
    font-weight:600;
    padding:11px 0;
    letter-spacing:0.1em;
    opacity:0.4
}
/* Second Level */
#nav ul > li.menu-item-has-children > a {
    padding-right: 40px;
}
#nav ul ul {
    margin-left: 20px;
    display: none;
}

    #nav ul ul li a {
        font-size: 16px;
        text-transform: none;
    }

    #nav ul li .subbut {
        position: absolute;
        right: 0px;
        top: 15px;
        background: url(images/subbut-arrow.png) no-repeat 0px 0px;
        display: block;
        width: 32px;
        height: 32px;
        cursor: pointer;
    }
        #nav ul li .subbut.expanded {
            background-position: 0 -32px;
        }





/**********************************************/
/*     TOPBAR                                 */
/**********************************************/
#topbar {
    width:100%;
    float:left;
    position:absolute;
    z-index:100;
    left:0;
    top:0;
    -webkit-transition: background 0.25s linear;
    -moz-transition: background 0.25s linear;
    -ms-transition: background 0.25s linear;
    -o-transition: background 0.25s linear;
    transition: background 0.25s linear;
}
    #topbar.fixed {
        position: fixed;
        background-color: #153754;
    }
    .hero-carousel-active #topbar {
        background-color: #153754;
    }
    .admin-bar #topbar.fixed {
        top: 32px;
    }
#topbar .wrap {
    width:1140px;
    padding:23px 0 0;
}
#topbar .logo {
    width:298px;
    float:left;
    margin:0;
}
#topbar .logo a {
    width:298px;
    display:block;
    padding:38px 0 0;
    overflow:hidden;
    height:0;
    background:url('images/width-updated-logo-inner@2x.png') no-repeat;
    background-size: contain;
}
.lt-ie9 #topbar .logo a {
    background-image: url('images/logo-inner.png');
}
.home #topbar .logo a {
    width:298px;
    padding:75px 0 0;
    background:url('images/logo@2x.png') no-repeat;
    background-size: contain;
}
.home #topbar.fixed .logo a,
.hero-carousel-active #topbar .logo a {
    background-image:url('images/width-updated-logo-inner@2x.png');
}
.lt-ie9 .home #topbar .logo a {
    background-image:url(images/logo.png);
}
.lt-ie9 .home #topbar.fixed .logo a,
.hero-carousel-active.lt-ie9 #topbar .logo a {
    background-image:url(images/logo-inner.png);
}

#menu-header-menu {
    float: left;
    list-style: none;
    margin: 13px 0 0 40px;
    padding: 0;
    line-height: 11px;
}

#menu-header-menu li {
    display: inline-block;
    list-style: none;
    margin: 0;
    padding: 0;
    line-height: 11px;
}

#menu-header-menu li a {
    display: inline-block;
    color: #a4a4a4;
    font-family: 'Titillium Web', sans-serif;
    font-size: 11px;
    padding: 0 13px 0 12px;
    line-height: 11px;
    border-right: 1px solid #a4a4a4;
}

#menu-header-menu li:last-child a {
    border: none;
}

#topbar .btn-menu {
    display:none;
    float:right;
    font-size:12px;
    text-transform:uppercase;
    font-weight:700;
    font-family: 'Titillium Web', sans-serif;
    letter-spacing:1px;
    padding:13px 0 11px;
    margin:0 37px 0 0;
    color:#fff;
}
#topbar .btn-menu span.icon {
    display:inline-block;
    width:18px;
    margin-left:8px;
    height:10px;
    position: relative;
}
#topbar .btn-menu span.icon b {
    display:block;
    height:3px;
    background:#fff;
    margin:0 0 4px;
    position:relative;
    width: 100%;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
#topbar .btn-menu span.icon b:nth-child(2) {
    margin-bottom:0
}
#topbar .btn-menu span.icon b:last-child {
    display:none;
}
#topbar .btn-menu.open span.icon b:nth-child(1) {
    margin: 0;
    top: 4px;
    width:18px;
    left:0;
    position:absolute;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
#topbar .btn-menu.open span.icon b:nth-child(2) {
    margin: 0;
    top: 4px;
    width:18px;
    right:0;
    position:absolute;
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
#topbar .btn {
    float:right;
    margin:3px 5px 0 20px;
    color:#fff
}
#topbar .link {
    display: block;
    float: right;
    margin: 3px 10px 0 10px;
    color: #ff3b65;
    text-transform: uppercase;
    font-family: 'Titillium Web', sans-serif;
    font-size: 11px;
    font-weight: bold;
    line-height: 40px;
    letter-spacing: 0.2em;
}

    #topbar .link span.icon {
        width:5px;
        height:5px;
        position:relative;
        display:inline-block;
        vertical-align:middle;
        margin:0 0 -2px 8px;
        background:transparent;
    }
    #topbar .link span.icon:after,
    #topbar .link span.icon:before {
        background:#ff3b65;
        content:" ";
        display:block;
        position:absolute;
    }
    #topbar .link span.icon:before {
        width:1px;
        height:100%;
        right:0;
        top:0
    }
    #topbar .link span.icon:after {
        width:100%;
        height:1px;
        right:0;
        bottom:0
    }

#topbar .search-form {
    position: absolute;
    right: 0;
    bottom: 13px;
}
    #topbar .search-form .btn-search {
        width: 30px;
        height: 30px;
        background: url(images/main-menu-horiz-search.png) no-repeat center center;
    }
    #topbar .search-form input[type="text"] {
        background: none;
        border: none;
        color: #fff;
        text-transform: none;
        font-size: 16px;
        font-family: 'Titillium Web', sans-serif;
        text-align: right;
        height: 30px;
        line-height: 30px;
        padding-right: 35px;
        padding-left: 0;
        box-sizing: border-box;
    }
    #topbar .search-form input[type="text"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        color: #fff;
        text-transform: uppercase;
        font-size: 16px;
        font-family: 'Titillium Web', sans-serif;
    }
    #topbar .search-form input[type="text"]::-moz-placeholder { /* Firefox 19+ */
        color: #fff;
        text-transform: uppercase;
        font-size: 16px;
        font-family: 'Titillium Web', sans-serif;
    }
    #topbar .search-form input[type="text"]:-ms-input-placeholder { /* IE 10+ */
        color: #fff;
        text-transform: uppercase;
        font-size: 16px;
        font-family: 'Titillium Web', sans-serif;
    }
    #topbar .search-form input[type="text"]:-moz-placeholder { /* Firefox 18- */
        color: #fff;
        text-transform: uppercase;
        font-size: 16px;
        font-family: 'Titillium Web', sans-serif;
    }

/**********************************************/
/*     HEADER                                 */
/**********************************************/
#header {
    width:100%;
    float:left;
    position:relative;
    z-index:10;
    background:#153754 no-repeat 50%;
    background:#153754;
    overflow:hidden;
    min-height:290px;
    background-size:cover;
}
#header.header-image {
    height:357px;
}
#header.header-product {
    height:330px;
}
.home #header {
    height:558px;
    background:#153754;
}
#header .wrap {

}
.home #header .wrap {
    height:100%;
}
#hero-video-popup {
    overflow: hidden;
    height: 100%;
}
#header .video-bg {
    position:absolute;
    left:455px;
    top:0;
    height:100%;
    width:685px;
    z-index:1;
}
#header .video-bg .btn-watch {
    display:none;
    width:96px;
    height:96px;
    position:absolute;
    left:50%;
    top:50%;
    z-index:30;
    margin:-48px 0 0 -48px;
    background:url(images/btn-play-mobile.png) no-repeat;
    background-size:cover;
}
#header .video-bg .overlay {
    position:absolute;
    z-index:10;
    width:100%;
    height:100%;
    left:0;
    top:0;
    background:#153754;
    opacity:0.9;
}
#header .video-bg .video {
    width:100%;
    height:100%;
    position:relative;
    z-index:1;
}
#header .col {
    width:455px;
    float:left;
    background:#f9f8f7;
    height:100%;
    position:relative;
    z-index:100;
}
#header .col:before {
    width:300%;
    position:absolute;
    right:0;
    top:0;
    content:" ";
    background:#f9f8f7;
    height:100%;
    z-index:0
}
#header .col .inner {
    padding:112px 0 0;
    position:relative;
    z-index:10
}
.home #header .col .inner img {
    margin-bottom: 10px;
    max-width: 100%;
    height: auto;
}
#header .col h1 {
    font-size:24px;
    color:#4c5358;
    font-weight:300;
    margin:0 0 6px;
}
#header .col h2 {
    font-size:36px;
    color:#4c5358;
    font-weight:300;
    margin:0 0 12px;
}
#header .col p {
    color:#7a7e81;
    line-height:30px;
    font-weight:300;
    margin:0 0 10px;
    font-size:18px;
    max-width:370px;
}
#header .col hr {
    max-width:72px;
    margin:45px 0 32px;
}
#header .col h4 {
    color:#939292;
    line-height:16px;
    font-weight:400;
    margin:0 0 26px;
}
#header .col .vline {
    background:#e4e3e2;
    width:1px;
    display:inline-block;
    vertical-align:middle;
    height:16px;
    margin:0 16px;
}
#header .col .arrow-down {
    position:absolute;
    left:0;
    bottom:6px;
}
#header .col .arrow-down b:first-child {
    border-top-color:#f9f8f7;
}
#header .col .btn-watch {
    display:block;
    width:106px;
    height:106px;
    position:absolute;
    right:-53px;
    top:50%;
    margin:-53px 0 0;
    color:#fff;
    z-index: 452;
}
#header .col .btn-watch b {
    display:block;
    width: 106px;
    height: 106px;
    background:url(images/btn-play-home.png) no-repeat;
}
#header .col .btn-watch span {
    position:absolute;
    left:128px;
    top:40px;
    width:210px;
    font-weight:300;
    font-size:18px;
    opacity:0.5;
}
#header .crumbs {
    margin:140px 0 16px
}
#header .crumbs:after {
    content:" ";
    clear:both;
    display:table;
}
#header .crumbs ul,
#header .crumbs ul li {
    list-style:none;
    padding:0;
    margin:0
}
#header .crumbs ul li {
    float:left;
    display:inline;
    font-size:13px;
    color:#627a8f;
    padding:0 15px 0 0;
}
#header .crumbs a {
    color:#fff;
}
#header .crumbs ul > li:first-child a {
    display:inline-block;
    width:15px;
    height:0;
    padding:13px 0 0;
    background:url(images/icon-home.png) no-repeat;
    overflow:hidden;
}
#header .text {
    clear:both;
    color:#fff;
    width: 45%;
}
#header.no-video .text {
  width: auto;
}
#header .text p,
#header .text .slash,
#header .text h1 {
    font-family: 'Titillium Web', sans-serif;
    font-weight:300;
    display:inline-block;
    vertical-align:middle;
    position: relative;
}
#header .text .slash {
    color:#47728d;
    font-size:36px;
    letter-spacing: -5px;
    padding:0 28px 0;
    top: -6px;
}
#header .text p {
    font-size:20px;
    color:#ffffff;
}
#header .logo {
    float:left;
    margin:18px 0 0
}

/**********************************************/
/*     Partner Landing                        */
/**********************************************/


        .rows.cta-cols {
            margin-bottom: 3em;
        }

       .rows.cta-cols .wrap {
           display: flex;
           justify-content: space-between;
        }

        .rows.cta-cols .copy {
            max-width: 275px;
            margin: 0 auto;
        }

        .rows.cta-cols .copy h2 {
            text-align: center;
            margin: .5em 0 1em 0;
        }

        .rows.cta-cols .copy p {
            position: relative;
        }

       .rows.cta-cols .col .corner-angle {
           display: block;
           position: absolute;
           width: 59px;
           height: 59px;
           background: #ff3b65;
           top: 0;
           right: 0;
        }

        .rows.cta-cols .col .corner-angle:before,
        .rows.cta-cols .col .corner-angle:after {
            display: block;
            content: " ";
            position: absolute;
            background: #fff;
            overflow: hidden;
        }
        .rows.cta-cols .col .corner-angle:before {
            width: 28.8135593220339%;
            height: 1px;
            right: 32.20338983050847%;
            top: 30.50847457627119%;
        }
        .rows.cta-cols .col .corner-angle:after {
            width: 1px;
            height: 28.8135593220339%;
            right: 32.20338983050847%;
            top: 30.50847457627119%;
        }

        .rows.cta-cols .col {
                width: auto;
                height: auto;
                float: none;
                max-width: 360px;
                min-height: 585px;
                position:relative;
                background-color: #F9F8F6;
        }

        .rows.cta-cols .col img {
            width: 360px;
            height: 215px;
        }

.rows.cta-cols .col .btn {
    display: block;
    margin: 0 auto;
    margin-top: 2em;
}

        .btn:nth-of-type(1) {
            margin-top: 3em;
        }

        .btn:nth-of-type(3) {
            margin-top: 4.7em;
        }

    .landing-intro p {
        bottom: 4em;
        color: #A6AF9A;
        font-size: 1.5em;
        text-align: left !important;
        position: relative;
        z-index: 10;
    }


.image-holder img {
    display: block;
    height: 120px;
    margin: 0 auto;
    width: 120px;
    padding: 0 2em 2em 2em;
    border-bottom: solid 4px #0BF2FF;
}

.header-copy {
       bottom: 6em;
        color: #A0AFBD;
        font-size: 1.5em;
        position: relative;
        z-index: 10;
}

.header-copy p {
            text-align: left !important;
}

.custom_background {
    background-size: contain;
    background-position: 50%;
}

@media only screen and (max-width: 1150px) {
    .rows.cta-cols .col {
        width: auto;
    }

        .rows.cta-cols .col img {
            width: 275px;
            height: 215px;
        }
}


@media only screen and (max-width: 932px) {
    .header-copy {
        bottom: 8em;
        color: #A0AFBD;
        font-size: 1em;

    }

}

@media only screen and (max-width: 880px) {
    .rows.cta-cols {
        margin-left: 23%;
    }
    .rows.cta-cols .wrap {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        flex-wrap: nowrap;
    }
    .rows.cta-cols .col img {
        width: 360px;

    }
}

@media only screen and (max-width: 650px) {
    .rows.cta-cols {
        margin-left: 0;
    }
    .rows.cta-cols .col img {
        width: 303px;

    }
}

/* ================================
   Home Page Hero Carousel
   ================================ */

   #header.hero_carousel {
       height: auto;
       margin-top: 108px; /* height of #topbar */
   }

    #header.hero_carousel .cycle-pager {
        background: #f9f8f7;
        padding: 20px 0;
        text-align: center;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        z-index: 200;
        opacity: 0.85;
    }

          #header.hero_carousel .cycle-pager span {
              display: inline-block;
              height: 16px;
              width: 16px;
              background: none;
              border: 1px solid #ff3b65;
              border-radius: 8px;
              margin: 0 6px;
              cursor: pointer;
              text-indent: -9999px;
              outline: none;
          }

              #header.hero_carousel .cycle-pager span.cycle-pager-active {
                  background: #ff3b65;
              }

      #header.hero_carousel .carousel_slide {
           height: 480px;
           width: 100%;
           background-repeat: no-repeat;
           background-size: cover;
           background-position: center center;
           display: block;
           position: relative;
           overflow: hidden;
       }
       #header.hero_carousel .carousel_slide.cycle-slide-active {
           z-index: 150 !important;
       }

       #header.hero_carousel .carousel_slide .col {
           background: none;
           color: #fff;
       }

       #header.hero_carousel .carousel_slide .col:before {
           background: rgb(21,55,83);
           background: rgba(21,55,83,0.85);
       }

           #header.hero_carousel .carousel_slide .col .inner {
               padding: 0;
               height: 89%;
           }
               #header.hero_carousel .carousel_slide .col .inner:before {
                    content: " ";
                    display: inline-block;
                    height: 100%;
                    width: 1px;
                    margin-left: -1px;
                    vertical-align: middle;
               }

                #header.hero_carousel .carousel_slide .col .inner .col-text {
                    float: none;
                    display: inline-block;
                    vertical-align: middle;
                    width: 99%;
                    padding-right: 15%;
                    box-sizing: border-box;
                }

           #header.hero_carousel .carousel_slide .col h1 {
               color: #fff;
               margin-bottom: 12px;
               font-size: 29px;
           }
           #header.hero_carousel .carousel_slide .col p {
               color: #fff;
               font-size: 22px;
               line-height: 1.4;
           }

            #header.hero_carousel .carousel_slide .col .btn {
                margin-bottom: 10px;
                font-size: 16px;
            }

           #header.hero_carousel .full_bleed_image {
               background-position: left center;
               background-color: #fff;
           }

               #header.hero_carousel .full_bleed_image a {
                   display: block;
                   width: 100%;
                   height: 100%;
                   text-indent: -9999px;
                   background: none;
                   outline: none;
               }

    #header.hero_carousel .video-bg {
        left: 0;
        top: 0;
        width: 100% !important;
    }

    @media screen and (min-width: 769px){
        /* Hide video poster on desktop when HTML5 video is supported */
        .video #header.hero_carousel .video-bg .video > div {
            background-image: none !important;
        }
    }


/**********************************************/
/*     CONTENT                                */
/**********************************************/
#content {
    width:100%;
    float:left;
    position:relative;
    z-index:20;
    background:#fff
}
.home #content {
    background:url(images/bg-home.jpg) no-repeat 50% 0
}
.rows,
#highlight,
#tab-content,
#tabs {
    width:100%;
    float:left;
    position:relative;
    z-index:10
}
#content .features {
    background:#fff;
    position: relative;
}
#content .features:after {
    content:" ";
    display:block;
    width:50%;
    position:absolute;
    top:0;
    right:0;
    height:100%;
    z-index:1;
    background:#f9f8f7;
}
#content .features .col {
    width:50%;
    float:left;
    position:relative;
    z-index:2;
}
#content .features .col .inner {
    padding:98px 120px 60px 130px;
}
#content .features .col.last .inner {
    padding:98px 130px 60px 120px;
}
#content .features .img {
    display:block;
    margin:0 0 44px
}
#content .features h2 {
    font-weight:300;
    margin:0 0 14px
}
#content .features p {
    margin:0 0 24px
}
#content .features .more {
    display:inline-block;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:2px;
    color:#ff3b65;
    font-size:14px;
    font-family: 'Titillium Web', Arial, sans-serif;
}
#content .who-we {
    position:relative;
    margin:0 0 50px;
}
#content .who-we .text {
    position:absolute;
    max-width:460px;
    left:0;
    top:0;
    z-index:2;
    background:#ff3b65;
    color:#fff;
}
#content .who-we .inner {
    padding:52px 80px 54px;
}
#content .who-we h2 {
    font-size:36px;
    color:#fff;
    font-weight:300;
    margin:0 0 10px;
}
#content .who-we p {
    margin:0 0 30px;
}
#content .who-we a.more {
    color:#fff;
    font-weight:300;
}
#content .who-we a.more span {
    width:6px;
    height:6px;
}
#content .who-we a.more span:before,
#content .who-we a.more span:after {
    background:#fff;
}
#content .who-we .img {
    float:right;
    position:relative;
    z-index:1;
}
#content .who-we .img img {
    display:block;
    max-width:100%;
    height:auto;
}
#content .feeds {
    position:relative;
}
#content .feeds .intro {
    margin:0 0 90px
}
.home #content .feeds {
    padding:48px 0;
    margin:0 0 70px
}
.home #content .feeds.use-case {
    padding: 48px 0;
    margin: 0;
    padding-top: 35px;
}
.home #content .feeds.blog-events {
    margin-bottom: 36px;
    padding-top: 70px;
}
.home #content .feeds.blog-events:before {
    display: none;
}
.home #content .feeds.blog-events h2 {
    margin-bottom: 50px;
    margin-left: 38px;
}
.home #content .feeds.use-case > h3 {
    display: inline-block;
    width: 106px;
    height: auto;
    position: absolute;
    margin: -36px 0 0 -53px;
    top: 10px;
    left: 50%;
    text-align: center;
    font-weight: 300;
}
.home #content .feeds:before {
    width:1px;
    height:100%;
    display:block;
    position:absolute;
    left:50%;
    top:0;
    content:"";
    background:#e9e9e9;
}
.home #content .feeds.use-case:before {
    display: none;
}
.page-template-products #content .feeds {
    margin:0 0 186px;
}
#tab-content .feeds:after,
#content .feeds:after {
    content:" ";
    display:table;
    clear:both;
}
#content .feeds h2.heading {
    margin:0
}
#tab-content .feeds .custom-wrap,
#content .feeds .custom-wrap {
    padding:0 50px;
}
#content .feeds.featured-use-cases-and-industries {

}

    #content .feeds.featured-use-cases-and-industries .col {
        width: 50%;
        float: left;
        box-sizing: border-box;
        padding: 0 4.39% 0 3.33%;
    }

    #content .feeds.featured-use-cases-and-industries .col .item {
        float: none;
        width: auto;
    }

#tab-content .feeds .item,
#content .feeds .divider,
#content .feeds .item {
    width:480px;
    float:left;
    position:relative;
    margin:0 0 96px
}

#content .feeds .item .video-thumbnail {
  display: block;
  position: relative;
}

#content .feeds .item .video-thumbnail:before {
  content: "";
  display: block;
  width: 80px;
  height: 51px;
  background: url(images/icon-play.png) no-repeat;
  background-size: cover;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -25px;
  transition: opacity 0.25s ease;
}

#content .feeds .item .video-thumbnail:hover:before {
  opacity: 0.8;
}

#content .main-medium .item {
    width: 48%;
}
.home #content .feeds.use-case .item {
    width: 170px;
    float: left;
    position: relative;
    margin: 0 20px 25px 0;
}
#content .feeds .item-wide {
    width:100%;
    margin:0 0 30px;
}
#content .feeds .item-wide.last {
    margin:0
}
#content .feeds .divider {
    margin:0
}
#content .feeds.shaded:before {
    background: #f9f8f7;
    width: 50%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    content: " ";
}
#content .feeds.shaded .custom-wrap {
    position: relative;
    z-index: 1;
    padding-top: 30px;
    padding-bottom: 20px;
}
#content .feeds .divider .item {
    float:none;
    width:100%;
}
    .home #content .feeds.blog-events .item {
        margin:0;
        width: 33.3%;
        box-sizing: border-box;
        padding: 0 5.921052631578947%;
    }

        .home #content .feeds.blog-events .item .img {
            display: block;
            position: relative;
            left: auto;
            width: 100%;
            top: auto;
            margin-bottom: 17px;
        }

            .home #content .feeds.blog-events .item .img img {
                width: 100%;
                height: auto;
            }

        .home #content .feeds.blog-events .item .text {
            padding: 0 4px 4px 0;
        }

#tab-content .feeds .item.last,
#content .feeds .divider:last-child,
#content .feeds .item.last {
    float:right;
}
#tab-content .feeds .item:after,
#content .feeds .item:after {
    content:" ";
    clear:both;
    display:table;
}
#tab-content .feeds .item .img,
#content .feeds .item .img {
    position:absolute;
    width:200px;
    left:0;
    top:0;
    z-index:2;
}
#tab-content .feeds .item .img img,
#content .feeds .item .img img {
    display:block;
}
#tab-content .feeds .item .text,
#content .feeds .item .text {
    position:relative;
    padding:0 30px 0 234px;
    z-index:1;
    min-height:120px;
}
.home #content .feeds.use-case .item .text {
    padding: 0 10px 10px 0;
    box-sizing: border-box;
}
.home #content .feeds .item .text {
    min-height:10px;
}
#tab-content .feeds .item .text:after,
#tab-content .feeds .item .text:before,
#content .feeds .item .text:after,
#content .feeds .item .text:before {
    position:absolute;
    content:" ";
    background:#59edff;
    right:0;
    bottom:0
}
#tab-content .feeds .item .text:before,
#content .feeds .item .text:before {
    width:1px;
    height:28px;
}
#tab-content .feeds .item .text:after,
#content .feeds .item .text:after {
    width:28px;
    height:1px;
}
#content .feeds .case-filter {
    width:100%;
    max-width: 800px;
    margin: 0 auto 60px;
}
#content .feeds .case-filter:after {
    content:"";
    display:table;
    clear:both;
}
#content .feeds .case-filter .field {
    width:48%;
    float:left;
}
#content .feeds .case-filter .field.last {
    float:right;
}
#content .feeds .case-filter .field label {
    display: block;
    font-size: 18px;
    margin: 0 0 6px;
    padding: 0;
    text-transform: uppercase;
    font-weight: 700;
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
    color:#153754;
}
#content .feeds .case-filter .field .field-wrap {
    display:block;
    padding:0 32px 0 0;
    position:relative;
}
#content .feeds .case-filter .field.last .field-wrap {
    padding:0 42px 0 0;
}
#content .feeds .case-filter .field input[type=text] {
    border-color:#153754;
    height:48px;
}
#content .feeds .case-filter .field input[type=text] {
    border-color:#153754;
    height:48px;
}
#content .feeds .case-filter .field input[type=text]::-webkit-input-placeholder {
    font-style:italic;
}
#content .feeds .case-filter .field input[type=text]:-moz-placeholder {
    font-style:italic;
}
#content .feeds .case-filter .field input[type=text]::-moz-placeholder {
    font-style:italic;
}
#content .feeds .case-filter .field input[type=text]:-ms-input-placeholder {
    font-style:italic;
}
#content .feeds .case-filter .field .btn-search {
    position: absolute;
    right: 0;
    top: 0;
    width: 64px;
    padding: 0;
    margin: 0;
    border: 0;
    background: url(images/icon-search.png) no-repeat 50%;
    height: 50px;
    outline: 0 !important;
    background-size: 65%;
}
#content .feeds .case-filter .field .clear-search {
  display: block;
  margin: 5px 0;
  height: 16px;
  line-height: 18px;
  padding-left: 20px;
  background: url(images/icon-x.png) left center no-repeat;
}
#content .feeds .case-filter .field select {
    display:none;
}
#content .feeds .case-filter .field div.fancy-select div.trigger {
    border-color: #153754;
    color: #000;
    font-size: 18px;
    padding: 13px 24px 10px 15px;
    -webkit-box-shadow: none;
    box-shadow: none;
}
#content .feeds .case-filter .field div.fancy-select div.trigger.open {
    color:#fff;
}
#content .feeds .case-filter .field div.fancy-select div.trigger:after {
    border: 0;
    width: 70px;
    height: 48px;
    top: 0;
    right: 0;
    background: url(images/icon-arrow-down.png) no-repeat 50%;
    background-size: 35%;
}
#content .feeds .case-filter .field div.fancy-select div.trigger.open:after {
    background-image:url(images/icon-arrow-up.png);
}
#content .feeds .case-filter .field div.fancy-select ul.options {
    top: 50px;
    margin: 0;
    width: calc( 100% + 41px );
}
#content .feeds .filter-heading {
    font-weight: 700;
    display: block;
    position: relative;
    font-size: 50px;
    margin: 0;
    color:#153754;
    text-align:center;
}
#content .feeds .item .type {
    color:#272727;
    font-weight:700;
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:1px;
    display:block;
    margin:0 0 12px;
    opacity:0.5
}
#tab-content .feeds .item h3,
#content .feeds .item h3 {
    font-size:18px;
    line-height:24px;
    margin:0 0 14px;
}
#content .feeds.news .item h3 {
    margin-bottom: 0;
}
.home #content .feeds.use-case .item h3 {
    margin-bottom: 1px;
}
#tab-content .feeds .item h3 a,
#content .feeds .item h3 a {
    font-size:18px;
    color:#ff3b65;
}
#tab-content .feeds .item p,
#content .feeds .item p {
    font-size:14px;
    line-height:20px;
    margin:0
}
#content .feeds .item .text .icons {
    padding:10px 0 0;
}
#content .feeds .item .text .icons img {
    max-height:24px;
}
#tab-content .feeds .item .item-tags,
#content .feeds .item .item-tags {
    padding:10px 0
}
#stories {
    background:#fff;
}
#stories .wrap-stories {
    padding:56px 0 38px;
    background: #f9f8f7;
}
#stories .wrap-stories.has_banner {
    margin-top: -120px;
}
#stories .banner-content {
    text-align:center;
    background: #153754;
    color: #fff;
}

    #stories .banner-content .wrap {
        padding: 40px 0 173px 0;
    }

    #stories .banner-content h2 {
        color: #fff;
        font-weight: 600;
        font-size: 36px;
        letter-spacing: 0.05em;
    }
        #stories .banner-content h2 em {
            color: #ff3b65;
            font-style: normal;
        }


#stories .inner {
    margin:0 auto;
    width:946px;
    text-align:center;
}
#stories #story_content {
    margin:0;
}
#stories .cycle-slideshow .padd {
    padding:0 80px;
    position:relative;
}
#stories .cycle-slideshow .padd .edge-bot,
#stories .cycle-slideshow .padd .edge-top {
    width:27px;
    height:27px;
    position:absolute;
    display:block;
}
#stories .cycle-slideshow .padd .edge-top {
    left:0;
    top:30px
}
#stories .cycle-slideshow .padd .edge-bot {
    right:0;
    bottom:-28px
}
#stories .cycle-slideshow .padd .edge-bot:before,
#stories .cycle-slideshow .padd .edge-bot:after,
#stories .cycle-slideshow .padd .edge-top:before,
#stories .cycle-slideshow .padd .edge-top:after {
    position:absolute;
    background:#000;
    content:"";
    display:block;
}
#stories .cycle-slideshow .padd .edge-bot:before,
#stories .cycle-slideshow .padd .edge-top:before {
    width:1px;
    height:100%;
}
#stories .cycle-slideshow .padd .edge-bot:after,
#stories .cycle-slideshow .padd .edge-top:after {
    width:100%;
    height:1px;
}
#stories .cycle-slideshow .padd .edge-top:before,
#stories .cycle-slideshow .padd .edge-top:after {
    left:0;
    top:0
}
#stories .cycle-slideshow .padd .edge-bot:before,
#stories .cycle-slideshow .padd .edge-bot:after {
    right:0;
    bottom:0
}
#stories .cycle-slideshow .quote {
    margin:0 0 46px;
    display:inline-block
}
#stories .cycle-slideshow p {
    font-size:30px;
    color:#666565;
    line-height:45px;
}
#stories .cycle-slideshow .more {
    font-size:18px;
    font-family: 'Titillium Web', Arial, sans-serif;
    font-weight:300
}
#stories .cycle-slideshow .more .icon {
    position:relative;
    bottom:-1px
}
#stories #story_carousel {
    margin:0 auto;
}
#stories #story_carousel:after {
    content:" ";
    display:table;
    clear:both;
}
#stories .cycle-carousel-wrap .carousel_item {
    white-space:normal;
}
#stories .caro-item {
    text-align:center;
    width:180px;
    float:left;
    display:block;
    height:280px;
}
#stories .author-item {
    text-align:center;
    max-width:160px;
    margin:0 auto;
    display:none;
}
#stories .author-item .img,
#stories .caro-item .img {
    display:inline-block;
    margin:0 0 4px;
    position:relative;
    padding:61px 0 0;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
#stories .author-item .img,
#stories .caro-item.active-item .img {
    padding:48px 0 0; /* height of line above active logo */
}
#stories .author-item .img:before,
#stories .caro-item .img:before {
    content:"";
    display:block;
    width:2px;
    height:0;
    position:absolute;
    top:0;
    left:50%;
    margin:0;
    background:#59edff;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
#stories .author-item .img:before,
#stories .caro-item.active-item .img:before {
    height:48px;
}
#stories .author-item .img img,
#stories .caro-item .img img {
    width:110px;
    display:block;
    border:solid 2px #eae9e8;
    -webkit-border-radius: 55px;
    border-radius: 55px;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
#stories .author-item .img img,
#stories .caro-item.active-item .img img {
    width:134px;
    border-color:#59edff;
    -webkit-border-radius: 67px;
    border-radius: 67px;
}
#stories .author-item h5,
#stories .caro-item h5 {
    font-weight: 300;
    margin: 0;
    font-size: 16px;
    line-height: 20px;
    color: #515151;
    opacity:0;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;

}
#stories .author-item h5,
#stories .caro-item.active-item h5 {
    opacity:1;
}
#stories .author-item h5 span,
#stories .caro-item h5 span {
    display:block;
    font-size:14px;
    color:#abaaaa;
    white-space: normal;
}
#content .hero {
    margin:-67px 0 0
}
#content .hero:after {
    content:"";
    display:table;
    clear:both;
}
#content .hero-testimonial {
    margin:0
}
#content .hero .img {
    width:905px;
    float:left;
}
#content .hero > img,
#content .hero .img img {
    display:block;
    max-width:100%;
    height:auto;
    z-index:1;
}
#content .hero .img > a {
    position:relative;
    display:block;
    width:100%;
    height:100%;
}
#content .hero .img > a .icon {
    position:absolute;
    display:block;
    width:120px;
    height:120px;
    background:url(images/btn-play-product.png) no-repeat;
    left:50%;
    top:50%;
    margin:-60px 0 0 -60px;
    z-index:2;
}
#content .hero .img > a .icon .time {
    display:block;
    position:absolute;
    width:100%;
    left:0;
    bottom:-28px;
    color:#fff;
    font-size:14px;
    text-align:center
}
#content .hero .img .video-wrap {
    width:100%;
    height:100%;
}
#content .hero .text {
    width:196px;
    float:right;
    padding:114px 0 0;
}
#content .hero-testimonial .text {
    padding:45px 0
}
#content .hero .quote {
    width:905px;
    float:left;
    position:relative;
}
#content .hero .quote .testi-img {
    width: 270px;
    position: absolute;
    left: 0;
    top: 40px;
}
#content .hero .quote .testi-img img {
    max-width:100%;
    height:auto;
}
#content .hero .quote .testi-text {
    padding: 0 0 0 290px;
}
#content .hero .quote .name {
    font-weight:700;
    display:block;
}
#content .hero .quote .position {
    display:block;
}
.page-template-products #content .hero .text {
    padding:122px 0 0;
}
#content .hero .text h4 {
    font-family: 'Titillium Web', Arial, sans-serif;
    font-weight:600;
    font-size:20px;
    color:#143755;
}
#content .hero .text p {
    margin:0 0 18px;
}
#content .hero .text .more {
    font-size:18px;
}
#content .hero .text li {
    font-family: 'Titillium Web', Arial, sans-serif;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:1px;
    border-bottom:solid 1px #e5e5e5;
    font-size:16px;
}
#content .hero .text li:last-child {
    border:0
}
#content .hero .text li a {
    display:block;
    padding:28px 0
}
#content .hero .text li span {
    display:inline-block;
    width:6px;
    height:6px;
    position:relative;
    margin:0 0 0 10px;
}
#content .hero .text li span:after,
#content .hero .text li span:before {
    position:absolute;
    content:" ";
    background:#ff3b65;
    right:0;
    bottom:0
}
#content .hero .text li span:before {
    width:1px;
    height:100%;
}
#content .hero .text li span:after {
    width:100%;
    height:1px;
}
#content .hero .quote {
    padding:40px 0
}
#content .hero .quote h3 {
    color: #808487;
    font-weight: 300;
    font-size: 22px;
    line-height: 30px;
    letter-spacing: -0.02em;
    margin: 0 0 30px;
}
#tab-content .main-spacer,
.rows .main-spacer,
#content .main-spacer {
    width:100%;
    height:54px;
    clear:both;
}
#content .feed-spacer {
    width:100%;
    height:186px;
    clear:both;
}
#content .filter {
    margin-bottom:54px;
}
#content .filter:after {
    content:"";
    clear:both;
    display:table;
}
#content .filter label {
    float:left;
    margin:0 26px 0 0
}
#content .filter .left {
    float:left;
    position:relative;
}
#content .filter .left:after {
    clear:both;
    display:table;
    content:"";
}
#content .filter .right {
    float:right;
    position:relative;
}
#content .filter .field-wrap {
    width: 224px;
    float: left;
    margin: 0 26px 0 0;
}
#content .filter .right .field-wrap {
    margin-right:0
}
#content .filter .field-wrap .fancy-select {
    display: block;
    padding: 0 41px 0 0;
}
#content .filter .field-wrap .fancy-select ul.options li {
  white-space: normal;
}
.row-pdfs ul.download-list li,
.row-pdfs ul.download-list,
.row-resources ul.download-list li,
.row-resources ul.download-list,
#content ul li,
#content ul,
#tab-content .content-holder ul li,
#tab-content .content-holder ul,
.rows ul li,
.rows ui {
    list-style:none;
    padding:0;
    margin:0
}
#content .main {
    width:585px;
    float:left;
}
#content .main:after {
    content:"";
    display:table;
    clear:both;
}
#content .main-medium {
    width:845px;
    width:879px;
}
#content .main-wide {
    width:100%;
    float:none;
}
#content img {
    max-width: 100%;
    height: auto;
}
#content img.post-splash {
    margin: 0 0 40px 0;
    width: 100%;
    height: auto;
}
#content .main ol {
    padding:0 0 0 13px;
    margin:0 0 28px;
    list-style-position:outside
}
#content .main ol li {
    margin:0 0 17px;
    padding:0 0 0 4px
}
#content .main ul,
#tab-content .content-holder ul,
.rows ul {
    margin:0 0 28px;
}
#content .main ul li,
#tab-content .content-holder ul li,
.rows ul li {
    padding:0 0 0 17px;
    margin:0 0 18px;
    position:relative;
}
.row-pdfs ul.download-list li:before,
.row-pdfs ul.download-list li:after,
.row-resources ul.download-list li:after,
#content .main ul li:before,
#content .main ul li:after,
#tab-content .content-holder ul li:before,
#tab-content .content-holder ul li:after,
.rows ul li:before,
.rows ul li:after {
    position:absolute;
    left:0;
    content:" ";
    background:#59edff;
}
.row-pdfs ul.download-list li:before,
#content .main ul li:before,
#tab-content .content-holder ul li:before,
.rows ul li:before {
    width:2px;
    height:8px;
    top:4px;
}
.row-pdfs ul.download-list li:after,
.row-resources ul.download-list li:after,
#content .main ul li:after,
#tab-content .content-holder ul li:after,
.rows ul li:after {
    width:8px;
    height:2px;
    top:10px;
}
.row-pdfs ul.download-list li,
.row-resources ul.download-list li,
#content .main ul.download-list li {
    padding:0 34px;
    margin:0;
    border-bottom:solid 1px #e9e9e9;
    font-size:14px;
    position:relative;
}
.row-resources ul.download-list li {
    padding-left: 0px;
}
.row-pdfs ul.download-list li:last-child,
.row-resources ul.download-list li:last-child,
#content .main ul.download-list li:last-child {
    border:0
}
.row-pdfs ul.download-list li a,
.row-resources ul.download-list li a,
#content .main ul.download-list li a {
    color:#ff3b65;
    display:block;
    padding:12px 0 10px;
}
.row-pdfs ul.download-list li.file:before,
#content .main ul.download-list li:before {
    width:auto;
    height:auto;
    top:13px;
    content:"PDF";
    background:transparent;
    color:#939393;
    font-weight:700;
    font-size:12px;
}
.row-pdfs ul.download-list li.link {
    padding-left: 0;
}
.row-pdfs ul.download-list li.link:before {
    display: none;
}
.row-pdfs ul.download-list li:after,
.row-resources ul.download-list li:after,
#content .main ul.download-list li:after {
    width:16px;
    height:16px;
    top:12px;
    background:url(images/icon-pdf.png) no-repeat;
    left:auto;
    right:0 !important
}
.row-resources ul li:before { display: none; }
#content .form .field-half {
    width:224px;
    float:left;
    margin:0 26px 28px 0
}
#content .form .field-half .fancy-select {
    display: block;
    padding: 0 41px 0 0;
}
#content .form .field {
    padding:0 32px 0 0;
    display:block;
}
#content .feat-news {
    position:relative;
    padding:22px 0 63px
}
#content .feat-news .img {
    display:block;
    position:relative;
    z-index:1;
    min-height: 200px;
}
#content .feat-news .img img {
    display:block;
    width: 100%;
    height:auto;
}
#content .feat-news .label {
    display:inline-block;
    position:absolute;
    left:0;
    top:0;
    background:#59edff;
    font-size:12px;
    font-weight:600;
    color:#153754;
    float:left;
    z-index:10;
    text-transform:uppercase;
    padding:16px 30px 12px 24px;
    letter-spacing:2px;
}
#content .feat-news .text {
    background:#153754;
    color:#fff;
    position:absolute;
    right:0;
    bottom:0;
    float:right;
    width:408px;
    z-index:10;
}
#content .feat-news .inner {
    padding:38px 95px 40px 50px;
}
#content .feat-news p {
    margin:0;
    line-height:24px;
    font-size:14px;
}
#content .feat-news .edge {
    width:15px;
    height:15px;
    display:block;
    position:absolute;
    right:25px;
    bottom:25px;
    z-index:342
}
#content .feat-news .edge:after,
#content .feat-news .edge:before {
    content:" ";
    display:block;
    background:#fff;
    position:absolute;
}
#content .feat-news .edge:before {
    width:1px;
    height:100%;
    right:0;
    top:0
}
#content .feat-news .edge:after {
    width:100%;
    height:1px;
    right:0;
    bottom:0
}
#content .comparison {
    position:relative;
    width:100%;
    background:#f9f8f7;
}
.home #content .comparison {
    margin-top: 80px;
}
#content .comparison:after {
    content:"";
    display:table;
    clear:both;
}
#content .comparison .col {
    width:27.3%;
    float:left;
}
#content .comparison .col:last-child {
    float:right;
}
#content .comparison .col-best {
    width:45.4%;
    position:absolute;
    left:50%;
    bottom:0;
    margin-left:-22.7%;
    background:#153754;
}
#content .comparison .col .inner {
    padding:50px 48px 67px
}
#content .comparison .col-best .inner {
    padding:50px 66px 67px
}
#content .comparison .col h2 {
    font-size:24px;
    color:#153754;
}
#content .comparison .col-best h2 {
    font-size:36px;
    color:#fff;
    font-weight:200
}
#content .comparison .col p {
    line-height:22px;
    color:#4c5358;
}
#content .comparison .col-best p {
    font-weight:300;
    color:#fff;
    line-height:30px;
    margin:0 0 33px
}
#content .comparison .col img {
    width:auto;
    max-height:25px;
}
#content .comparison .col-best img {
    width:auto;
    max-height:45px;
}
#content .comparison .col hr {
    max-width:52px;
    margin:37px 0 25px
}
#content .comparison .col-best hr {
    border-top-color:#445f76;
    margin:54px 0 25px;
}
#content .comparison .col .more {

    font-weight:600;
    text-transform:uppercase;
    font-size:14px;
    letter-spacing:1px;
}
#content .comparison .col-best .more {
    color:#ff3b65;
}
#content .comparison .col-best .more .icon:after,
#content .comparison .col-best .more .icon:before {
    background:#fff;
}

#content .persona-specific-blocks {
    margin: 30px 0 41px 0;
}

    #content .persona-specific-blocks .persona-block {
        position: relative;
        float: left;
        width: 31.5188762071993%;
        background: #f9f8f7;
        padding: 27px 45px 10px 45px;
        box-sizing: border-box;
        font-family: 'Titillium Web', sans-serif;
        min-height: 370px;
    }

    #content .persona-specific-blocks .persona-block:first-child {
        margin-right: 2.721685689201054%;
    }

    #content .persona-specific-blocks .persona-block:last-child {
        float: right;
        margin-right: 0;
    }

    #content .persona-specific-blocks .persona-block .corner-angle {
        display: block;
        position: absolute;
        width: 59px;
        height: 59px;
        background: #ff3b65;
        top: 0;
        right: 0;
    }

        #content .persona-specific-blocks .persona-block .corner-angle:before,
        #content .persona-specific-blocks .persona-block .corner-angle:after {
            display: block;
            content: " ";
            position: absolute;
            background: #fff;
            overflow: hidden;
        }
        #content .persona-specific-blocks .persona-block .corner-angle:before {
            width: 28.8135593220339%;
            height: 1px;
            right: 32.20338983050847%;
            top: 30.50847457627119%;
        }
        #content .persona-specific-blocks .persona-block .corner-angle:after {
            width: 1px;
            height: 28.8135593220339%;
            right: 32.20338983050847%;
            top: 30.50847457627119%;
        }

        #content .persona-specific-blocks .persona-block h3 {
            color: #ff3b65;
            text-transform: uppercase;
            font-size: 18px;
            display: block;
            font-weight: normal;
            letter-spacing: 0.1em;
        }

        #content .persona-specific-blocks .persona-block img {
            margin: 40px auto 17px auto;
            display: block;
            max-width: 100%;
        }

        #content .persona-specific-blocks .persona-block h4 {
            text-align: center;
            color: #153754;
            font-size: 30px;
            font-weight: normal;
            line-height: 1.333333333333333;
        }

    #content .persona-specific-blocks .persona-block .hover {
        opacity: 0;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        background: #153754;
        width: 100%;
        padding: 50px 45px;
        box-sizing: border-box;

        -moz-transition: opacity .25s ease-in-out;
        -webkit-transition: opacity .25s ease-in-out;
        transition: opacity .25s ease-in-out;
    }
    #content .persona-specific-blocks .persona-block:hover .hover { opacity: 1; }

        #content .persona-specific-blocks .persona-block .hover p {
            color: #fff;
            font-size: 30px;
            line-height: 1.333333333333333;
            font-weight: normal;
        }

        #content .persona-specific-blocks .persona-block .hover hr {
            max-width: 72px;
            margin: 32px 0;
            border-top-color: #939598;
            opacity: 0.4;
        }

        #content .persona-specific-blocks .persona-block .more {
            text-transform: uppercase;
            font-weight: bold;
            font-size: 14px;
            letter-spacing: 0.2em;
        }

        #content .persona-specific-blocks .persona-block span.icon {
            width:6px;
            height:6px;
            position:relative;
            display:inline-block;
            vertical-align:baseline;
            margin: 0 0 1px 7px;
            background:transparent;
        }

        #content .persona-specific-blocks .persona-block span.icon:after,
        #content .persona-specific-blocks .persona-block span.icon:before {
            background:#ff3b65;
            content:" ";
            display:block;
            position:absolute;
        }
        #content .persona-specific-blocks .persona-block span.icon:before {
            width:1px;
            height:100%;
            right:0;
            top:0
        }
        #content .persona-specific-blocks .persona-block span.icon:after {
            width:100%;
            height:1px;
            right:0;
            bottom:0
        }


#content .wp-pagenavi {
    margin:0 0 70px;
    text-align:center;
}
#content .wp-pagenavi span,
#content .wp-pagenavi a {
    display:inline-block;
    font-size:16px;
    padding:10px 20px;
    color:#153754;
}
#content .wp-pagenavi a {
    color:#ff3b65;
}
#content .wp-pagenavi .pages {
    display:none;
}
#content .wp-pagenavi .last,
#content .wp-pagenavi .first {
    width:45px;
    padding:42px 0 0;
    height:0;
    position:relative;
    overflow:hidden;
    vertical-align:middle;
}
#content .wp-pagenavi .last:after,
#content .wp-pagenavi .last:before,
#content .wp-pagenavi .first:after,
#content .wp-pagenavi .first:before {
    position:absolute;
    bottom:15px;
    content:" ";
    display:block;
    background:#ff3b65;
}
#content .wp-pagenavi .last:before,
#content .wp-pagenavi .first:before {
    width:1px;
    height:6px;
}
#content .wp-pagenavi .first:before {
    left:11px;
}
#content .wp-pagenavi .last:before {
    right:11px;
}
#content .wp-pagenavi .last:after,
#content .wp-pagenavi .first:after {
    width:23px;
    height:1px;
}
#content .wp-pagenavi .first:after {
    left:11px;
}
#content .wp-pagenavi .last:after {
    right:11px;
}
#content .wp-pagenavi .previouspostslink,
#content .wp-pagenavi .nextpostslink {
    width:42px;
    padding:42px 0 0;
    height:0;
    position:relative;
    overflow:hidden;
    vertical-align:middle;
}
#content .wp-pagenavi .previouspostslink:before,
#content .wp-pagenavi .previouspostslink:after,
#content .wp-pagenavi .nextpostslink:before,
#content .wp-pagenavi .nextpostslink:after {
    position:absolute;
    bottom:15px;
    content:" ";
    display:block;
    background:#ff3b65;
}
#content .wp-pagenavi .previouspostslink:before,
#content .wp-pagenavi .nextpostslink:before {
    width:1px;
    height:6px;
}
#content .wp-pagenavi .previouspostslink:after,
#content .wp-pagenavi .nextpostslink:after {
    width:6px;
    height:1px;
}
#content .wp-pagenavi .previouspostslink:before {
    right:15px;
}
#content .wp-pagenavi .previouspostslink:after {
    right:10px;
}
#content .wp-pagenavi .nextpostslink:before {
    left:15px;
}
#content .wp-pagenavi .nextpostslink:after {
    left:10px;
}
#content .cases {
    width: 100%;
    position: relative;
    display: block;
    clear: both;
}
#content .cases:after {
    content:" ";
    display:table;
    clear:both;
}
#content .cases .col {
    width:50%;
    float:left;
    color:#4c5358;
    position:relative;
    z-index:2;
}
#content .cases:before {
    background:#f9f8f7;
    width:50%;
    height:100%;
    position:absolute;
    right:0;
    top:0;
    z-index:1;
    content:" "
}
#content .cases.cases-full-width {
    background:#f9f8f7;
}
#content .cases.cases-full-width .col {
    width: auto;
    float: none;
}
#content .cases.cases-full-width:before {
    display: none;
}
#content .cases .col .inner {
    padding:76px 130px 110px 122px;
    min-height:262px;
}
#content .cases .col h2 {
    margin:0 0 25px;
}
#content .main .cases .col ul li {
    margin:0 0 14px;
}
#content .cases .col .more {
    font-family: 'Titillium Web', sans-serif;
    font-weight:600;
    text-transform:uppercase;
    font-size:14px;
    letter-spacing:1px;
    position:absolute;
    left:122px;
    bottom:90px
}
#content .cases .col .more span.icon {
    margin:0 0 -2px 13px;
}
#highlight {
    background:#f9f8f7;
}
#highlight .wrap {
    padding:30px 0;
}
#highlight .img {
    float:right;
    width:557px;
    margin:-180px 0 44px
}
#highlight .img img {
    display:block;
    max-width:100%;
    height:auto;
    z-index:1;
}
#highlight .img > a {
    position:relative;
    display:block;
    width:100%;
    height:100%;
}
#highlight .img > a .icon {
    position:absolute;
    display:block;
    width:133px;
    height:133px;
    background:url(images/btn-play-product-detail.png) no-repeat;
    left:50%;
    top:50%;
    margin:-66px 0 0 -66px;
    z-index:2;
}
#highlight .img .video-wrap {
    width:100%;
    height:100%;
}
#highlight .text {
    float:left;
    width:358px;
}
#highlight .text h3 {
    color:#808487;
    font-weight:300;
    font-size:22px;
    line-height:30px;
    letter-spacing:-0.02em;
    margin:0 0 30px;
}
#highlight .btn {
    float:right;
    clear:right;
    font-size:14px;
    padding:14px 32px 15px;
}
#highlight .btn .icon {
    margin-left:32px;
}
#tabs ul li,
#tabs ul,
#highlight ul li,
#highlight ul {
    list-style:none;
    padding:0;
    margin:0
}
#highlight ul li {
    color:#4c5358;
    padding:0 0 0 25px;
    background:url(images/icon-check.png) no-repeat 0 5px;
    margin:0 0 8px;
}
#tabs {
    border-bottom:solid 1px #e5e5e5;
    text-align:center;
}
#tabs ul li {
    font-size:14px;
    font-weight:600;
    display:inline-block;
    text-transform:uppercase;
    letter-spacing:1px;
}
#tabs ul li a {
    display:block;
    color:#8a9298;
    padding:35px 44px 29px;
    position:relative;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
#tabs ul li a:after {
    height:5px;
    width:100%;
    position:absolute;
    left:0;
    top:0;
    content:"";
    background:#fff;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
#tabs ul li:hover a,
#tabs ul li.current a {
    color:#153754;
}
#tabs ul li.current a:after,
#tabs ul li:hover a:after {
    top:100%;
    margin:-2px 0 0;
    background:#ff3b65
}
#tab-content {
    padding:34px 0 0;
    z-index:50
}
#tab-content.only-one {
    padding-top: 0px;
}
#tab-content .mobile-tab {
    border-bottom:solid 3px #e5e5e5;
    border-top:solid 1px #e5e5e5;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    width:100%;
    display:none;
}
#tab-content .mobile-tab.current {
    border-color:#ff3b65;
}
#tab-content .mobile-tab a {
    display: block;
    color: #8a9298;
    padding: 35px 3% 29px;
    position: relative;
}
#tab-content .mobile-tab.current a {
    color: #153754;
    position: relative;
}
#tab-content.only-one .mobile-tab {
    display: none !important;
}
#tab-content .content-holder {
    width:100%;
    position:relative;
    display:none;
}
#tab-content .row-edge {
    width:32px;
    height:32px;
    position:absolute;
    left:29px;
    bottom:-14px;
    display:block;
}
#tab-content .row-edge:after,
#tab-content .row-edge:before {
    position:absolute;
    left:0;
    bottom:0;
    content:"";
    background:#000;
    opacity:0.10;
}
#tab-content .content-holder .row-edge:before {
    width:1px;
    height:100%;
}
#tab-content .content-holder .row-edge:after {
    width:100%;
    height:1px;
}
#tab-content .content-holder .row-wrap {
    width:100%;
    position:relative;
    overflow:hidden;
}
#tab-content .padd {
    padding:0 0 24px;
}
#tab-content .col.first {
    width:650px;
    float:left;
    background:#fff;
    position: relative;
}
#tab-content .col.first:before {
    content:"";
    position:absolute;
    width:100%;
    height:200%;
    background:#fff;
    left:0;
    top:0;
    display:block;
    z-index:1;
}
#tab-content .col.first .inner {
    max-width:520px;
    padding:30px 0;
    position:relative;
    z-index:10
}
#tab-content .col.last {
    width:490px;
    float:right;
}
#tab-content .col.last .inner {
    padding:77px 98px 72px;
}
.page-template-resource #tab-content .col.last .inner {
    padding:77px 20px 72px;
    text-align:center;
}
#tab-content .col-bg {
    width:50%;
    height:100%;
    position:absolute;
    content:"";
    display:block;
    right:0;
    top:0;
    z-index:-1;
    background:#153754 no-repeat 50%;
    background-size:cover;
}
#tab-content .col h2 {
    font-size:48px;
    color:#4c5358;
    font-weight:300;
    margin:0 0 36px;
}
#tab-content .col p {
    font-size:18px;
    color:#000000;
    line-height:30px;
}
#tab-content .col .blurb {
    text-align:center;
}
#tab-content .col .blurb p {
    color:#fff;
    text-align:center;
    margin:0
}
#tab-content .col .blurb hr {
    border-color:#fff;
    margin:38px 18px 47px;
    opacity:0.2;
}
#tab-content .col .blurb .btn {
    font-size: 14px;
    color: #fff;
    padding: 17px 52px 17px 57px;
    border-color: #fff;
    -webkit-border-radius: 55px;
    border-radius: 55px;
}
.page-template-resource #tab-content .col .blurb .btn {
    padding: 17px 30px 17px;
}
#tab-content .col .blurb .btn .icon {
    margin-left:27px;
}
#tab-content .col .blurb .btn .icon:before,
#tab-content .col .blurb .btn .icon:after {
    background:#fff
}
.image_text.watch-text {
    background-color: #f9f8f7;
}
.image_text.img-right {
    background:#fff;
    z-index: 50;
}
.image_text.img-right .row-edge {
    width:32px;
    height:32px;
    position:absolute;
    left:29px;
    bottom:-16px;
    display:block;
}
.image_text.img-right .row-edge:after,
.image_text.img-right .row-edge:before {
    position:absolute;
    left:0;
    top:0;
    content:"";
    background:#000;
    opacity:0.10;
}
.image_text.img-right .row-edge:before {
    width:1px;
    height:100%;
}
.image_text.img-right .row-edge:after {
    width:100%;
    height:1px;
}
.image_text .wrap,
.text_only .wrap {
    padding:56px 0
}
.image_text.image-text .wrap {
    padding: 64px 0;
    min-height: 278px;
}
.image_text .img {
    width:455px;
    float:left;
}
.image_text.img-right .img {
    float:right;
}
.image_text .img img {
    display:block;
    max-width:100%;
    border:solid 2px #59edff;
    float:right;
    -webkit-border-radius: 316px;
    border-radius: 316px;
}
.image_text.img-right .img img {
    float:left;
}
.image_text .text-img {
    width:485px;
    float:left;
    padding:42px 0 0;
}
.image_text .text-img img {
    float:right;
    display:block;
}
.image_text .text {
    width:588px;
    float:right;
    line-height:320px;
}
.image_text.watch-text .text {
    line-height:normal;
}
.image_text.img-right .text {
    float:left;
    margin-left:67px;
}
.image_text .text .inner {
    max-width:520px;
    line-height:normal;
    display:inline-block;
    vertical-align:middle;
}
.image_text .text h3 {
    color:#272727;
    font-size:24px;
    font-weight:600;
    margin:0 0 22px;
}
.image_text .text h4 {
    font-size:18px;
    font-weight:700;
    color:#7b7b7a;
    margin:0 0 22px
}
.image_text .text p {
    color:#4a4a4a;
    font-size:18px;
    line-height:30px;
    margin:0 0 30px;
}
.image_text .text .vline {
    display:inline-block;
    background:#e4e3e2;
    height:36px;
    width:1px;
    vertical-align:middle;
    margin:0 14px;
}
.image_text .video-small-thumb {
    width:390px;
}
.image_text .video-small-thumb .btn-play-sm {
    float:left;
    width:170px;
    display:block;
    position:relative;
}
.image_text .video-small-thumb .btn-play-sm .icon {
    display:block;
    width:70px;
    height:70px;
    position:absolute;
    left:50%;
    top:50%;
    margin:-35px 0 0 -35px;
    z-index:2;
    background:url(images/btn-play-small.png) no-repeat;
}
.image_text .video-small-thumb .btn-play-sm img {
    display:block;
    position:relative;
    z-index:1;
}
.image_text .video-small-thumb .caption {
    width:190px;
    line-height:100px;
    float:right;
}
.image_text .video-small-thumb div a {
    line-height:normal;
    font-size:14px;
    border-bottom:solid 1px #ffd8e0
}
.image_text .btn-watch {
    font-size:14px;
    padding:16px 36px 16px 62px;
    background:url(images/icon-watch.png) no-repeat 10px 9px;
    -webkit-border-radius: 55px;
    border-radius: 55px;
}
.image_text .btn-watch .icon {
    margin-left:25px;
}
.row-pdfs {
    background:#153754;
}
.row-pdfs .wrap {
    padding:68px 0 84px;
}
.row-pdfs h3 {
    color:#fff;
    font-size:24px;
    text-align:center;
    font-weight:600;
    margin:0 0 35px;
}
.row-pdfs .custom-wrap {
    max-width:472px;
    margin:0 auto;
}
.row-pdfs .col {
    float:left;
    width:216px;
}
.row-pdfs .col:last-child {
    float:right;
}
.row-pdfs ul.download-list li {
    border-color:#2d4b65;
}

.row-resources {
    background:#153754;
}
.row-resources .wrap {
    padding:68px 0 84px;
}
.row-resources h3 {
    color:#fff;
    font-size:24px;
    text-align:center;
    font-weight:600;
    margin:0 0 35px;
}
.row-resources .custom-wrap {
    max-width:472px;
    margin:0 auto;
}
.row-resources .col {
    float:left;
    width:216px;
}
.row-resources .col:last-child {
    float:right;
}
.row-resources ul.download-list li {
    border-color:#2d4b65;
}

#content .resource-text {
    float: left;
    width: 58%;
}
#content .resource-text .inner {
    line-height: normal;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
}
#content .download-wrap {
    text-align:center;
}
#content .resource-size {
    max-width:30%;
    display:block;
    height:auto;
    float:left;
    margin:0 20px 0 0
}
#content .resource-text p {
    color: #4a4a4a;
    font-size: 18px;
    line-height: 30px;
    margin: 0 0 30px;
}
#content .resource-form {
    float: right;
    width: 40%;
    text-align:center
}
#content .resource-form .form-title {
    text-align:center
}
#content .list-leaders {
    margin:0 0 40px;
}
#content .list-leaders .item {
    margin:0 0 55px;
    position:relative;
    min-height:308px;
}
#content .list-leaders .item:after {
    content:"";
    display:table;
    clear:both;
}
#content .list-leaders .img {
    width:300px;
    position:absolute;
    left:0;
    top:0
}
#content .list-leaders .img img {
    max-width:100%;
    height:auto;
    display:block;
}
#content .list-leaders .socials {
    padding:16px 0
}
#content .list-leaders .socials a {
    display:inline-block;
    width:36px;
    height:auto;
    margin:0 13px 0 0
}
#content .list-leaders .text {
    padding:0 0 0 320px;
}
#content .event-meta {
    font-size:16px;
    font-family: 'Titillium Web', sans-serif;
    font-weight: 300;
    margin:0 0 30px;
    line-height:30px;
}
#content .event-meta strong {
    display:inline-block;
    min-width:100px;
}
#content .leftnav {
    position:relative;
    padding:12px 0 5px;
}
#content .leftnav span {
    position:absolute;
    width:15px;
    height:15px;
    display:block;
}
#content .leftnav span:after,
#content .leftnav span:before {
    content:" ";
    display:block;
    background:#d0d7dd;
    position:absolute;
}
#content .leftnav span:before {
    width:1px;
    height:100%;
}
#content .leftnav span:after {
    width:100%;
    height:1px;
}
#content .leftnav span.edge-top:before,
#content .leftnav span.edge-top:after {
    left:0;
    top:0;
}
#content .leftnav span.edge-bot:before,
#content .leftnav span.edge-bot:after {
    right:0;
    bottom:0;
}
#content .leftnav span.edge-top {
    left:0;
    top:0
}
#content .leftnav span.edge-bot {
    right:0;
    bottom:0
}
#content .leftnav .left-nav > li > a {
    display:none
}
#content .leftnav li a {
    color:#899095;
    display:block;
    padding:14px 20px 14px 30px;
}
#content .leftnav .left-nav ul ul li a {
    padding:14px 20px 14px 50px;
}
#content .leftnav li a:hover,
#content .leftnav li.current_page_item > a,
#content .leftnav li.current-menu-item > a {
    color:#153754;
}
#content .lefthand {
    width:194px;
    float:left;
    min-height:10px;
    margin:0 67px 0 0;
    display:none;
}
#content .righthand {
    width:236px;
    float:right;
    padding:68px 0 0
}
#content .lefthand-clone {
    width:236px;
    float:right;
    display:none;
}
#content .righthand-blog {
    padding:0
}
#content .righthand .widget {
    position:relative;
    border-bottom:solid 1px #e5e5e5;
    padding: 0 0 32px;
    margin: 0 0 32px;
}
#content .righthand .widget h4.heading,
#content .righthand .widget h3.heading {
    font-size:14px;
    font-weight:700;
    letter-spacing:1px;
    text-transform:uppercase;
    margin:0 0 14px;
    color:#7f7f7f;
}
#content .righthand .widget h4.heading {
    color:#153754;
    font-size:13px;
}
#content .righthand .widget p {
    color:#153754;
    font-size:18px;
    line-height:30px;
    margin:0 0 18px
}
#content .righthand .widget .more {
    font-family: 'Titillium Web', sans-serif;
    font-weight:600;
    text-transform:uppercase;
    font-size:14px;
}
#content .righthand .widget .more .icon {
    width:7px;
    height:7px;
    margin:0 0 0 10px;
}
#content .righthand .widget-narrow {
    margin:0 0 48px;
    padding:0 0 16px 22px;
    border:0
}
#content .righthand .widget-narrow .img {
    display:block;
    margin:0 0 17px -22px;
}
#content .righthand .widget-narrow .img img {
    display:block;
    max-width:100%;
    height:auto;
}
#content .righthand .widget-narrow p {
    font-size:14px;
    line-height:22px;
    margin:0
}
#content .righthand .widget-narrow .edge {
    width:45px;
    height:45px;
    display:block;
    z-index:-1;
    position:absolute;
    left:0;
    bottom:0
}
#content .righthand .widget-narrow .edge:after,
#content .righthand .widget-narrow .edge:before {
    content:" ";
    display:block;
    background:#59edff;
    position:absolute;
}
#content .righthand .widget-narrow .edge:before {
    width:1px;
    height:100%;
}
#content .righthand .widget-narrow .edge:after {
    width:100%;
    height:1px;
    left:0;
    bottom:0
}

#highlight.highlight-carousel {
    text-align:center;
}
#highlight.highlight-carousel .wrap {
    width:1280px
}
#highlight.highlight-carousel .wrap h2 {
    font-weight: 700;
    display: block;
    position: relative;
    font-size: 50px;
    margin: 0 0 22px;
    color:#153754;
}
#highlight.highlight-carousel .wrap p {
    font-size: 26px;
    line-height: normal;
}
#highlight.highlight-carousel .owl-customers {
    margin:30px 0 0;
}
#highlight.highlight-carousel .owl-customers .item {
    position:relative;
    background:#fff;
}
#highlight.highlight-carousel .owl-customers .item .blank {
    position:relative;
    z-index:1;
    width:100%;
}
#highlight.highlight-carousel .owl-customers .item .thumb {
    position:absolute;
    z-index:2;
    width:100%;
    height:100%;
    left:0;
    top:0;
}
#highlight.highlight-carousel .owl-customers .item .thumb img {
    display:block;
    max-width:90%;
    height:auto;
    position:absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
#highlight.highlight-carousel .owl-customers .item .edge {
    display:block;
    position:absolute;
    right:0;
    top:0;
    z-index:2;
    background: #ff3b65;
    width:31px;
    height:31px;
}
#highlight.highlight-carousel .owl-customers .item .edge:before {
    content:"";
    display:block;
    position:absolute;
    right:9px;
    top:8px;
    background: #fff;
    width:8px;
    height:1px;
}
#highlight.highlight-carousel .owl-customers .item .edge:after {
    content:"";
    display:block;
    position:absolute;
    right:9px;
    top:9px;
    background: #fff;
    width:1px;
    height:8px;
}
#highlight.highlight-carousel .owl-customers .item .hover {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background: #153754;
    width: 100%;
    padding: 35px 20px 20px;
    text-align:left;
    box-sizing: border-box;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
    transition: opacity .25s ease-in-out;
    z-index:10;
    cursor:pointer;
}

#highlight.highlight-carousel .owl-customers .item:hover .hover {
    opacity:1;
}
#highlight.highlight-carousel .owl-customers .item .hover p {
    color: #fff;
    font-size: 24px;
    line-height: 1.333333333333333;
    font-weight: normal;
    margin:0;
}
#highlight.highlight-carousel .owl-customers .item .hover hr {
    max-width: 52px;
    margin: 20px 0;
    border-top-color: #6b89a3;
    opacity: 0.4;
}
#highlight.highlight-carousel .owl-customers .item .hover .more {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    letter-spacing: 0.2em;
}
#highlight.highlight-carousel .owl-customers .item .hover span.icon {
    width: 6px;
    height: 6px;
    position: relative;
    display: inline-block;
    vertical-align: baseline;
    margin: 0 0 1px 7px;
    background: transparent;
}

#content .landing-intro {
    width:100%;
    max-width:700px;
    margin:0 auto;
}
#content .landing-intro p {
    font-size:26px;
    line-height:35px;
}
#content .find-partner {
  padding:0 0 105px;
  text-align: center;
}
#content .find-partner hr.blue {
    margin:48px auto 45px;
}
#content .find-partner .heading {
    text-align:center;
    margin:0 0 58px;
}
#content .find-partner .inner {
    margin-left:-27px;
    display:block;
    position:relative;
}
#content .find-partner .inner:after {
    content:"";
    clear:both;
    display:table;
}
#content .find-partner .item {
    width:calc( 25% - 31px );
    vertical-align: top;
    display: inline-block;
    margin:0 0 27px 27px;
    background:#f4f4f4;
    border:solid 2px #fff;
    position:relative;
    -webkit-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.1);
    box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.1);
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
#content .find-partner .item:hover {
    border-color:#ff3a65;
}
#content .find-partner .item a {
    display:block;
    padding:38px 20px 97px;
    text-align:center;
    color:#000;
}
#content .find-partner .item h2 {
    margin:0 0 18px;
    line-height:36px;
}
#content .find-partner .item p {
    margin:0;
}
#content .find-partner .item .more-btn {
    width:100%;
    position:absolute;
    left:0;
    bottom:0;
    border-top:solid 3px #fd3c68;
    height:62px;
    display:block;
    text-align:center;
    line-height:62px;
    background:#f4f4f4;
    color:#ff3b65;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
#content .find-partner .item:hover .more-btn {
    background:#ff3a65;
    color:#fff;
}
#content .find-partner .item .more-btn .more {
    font-family: 'Titillium Web', sans-serif;
    font-weight:600;
    text-transform:uppercase;
    font-size:14px;
    letter-spacing:1px;
    position:relative;
}
#content .find-partner .item:hover .more-btn .icon:before,
#content .find-partner .item:hover .more-btn .icon:after {
    background:#fff;
}
.rows.cta-cols .col .btn {
    padding: 0 25px;
    height: 55px;
    width: 100%;
    max-width: 208px;
    margin: 24px auto 0;
    text-align: center;
    line-height: 55px;
    font-size: 15px;
    -webkit-border-radius: 55px;
    border-radius: 55px;
}

#featured-partners {
        text-align: center;
        background: #f9f8f6;
        clear: both;
        border-top: solid 7px #fff;
        padding:46px 0 56px;
}
#featured-partners .wrap {
    width:955px
}
#featured-partners h1 {
        font-weight:700;
        color:#153753;
        margin:0 0 5px;
}
#featured-partners p {
        font-size: 20px;
        line-height: normal;
}
#featured-partners .owl-partners {
    margin:54px 0 0;
}
#featured-partners .owl-partners .item {
    position:relative;
    background:#fff;
}
#featured-partners .owl-partners .item .blank {
    position:relative;
    z-index:1;
    width:100%;
}
#featured-partners .owl-partners .item .thumb {
    position:absolute;
    z-index:2;
    width:100%;
    height:100%;
    left:0;
    top:0;
}
#featured-partners .owl-partners .item .thumb img {
    display:block;
    max-width:90%;
    height:auto;
    position:absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
}
#featured-partners .owl-partners .item .edge {
    display:block;
    position:absolute;
    right:0;
    top:0;
    z-index:2;
    background: #ff3b65;
    width:31px;
    height:31px;
}
#featured-partners .owl-partners .item .edge:before {
    content:"";
    display:block;
    position:absolute;
    right:9px;
    top:8px;
    background: #fff;
    width:8px;
    height:1px;
}
#featured-partners .owl-partners .item .edge:after {
    content:"";
    display:block;
    position:absolute;
    right:9px;
    top:9px;
    background: #fff;
    width:1px;
    height:8px;
}
#featured-partners .owl-partners .item .hover {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background: #153754;
    width: 100%;
    padding: 35px 20px 20px;
    text-align:left;
    box-sizing: border-box;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
    transition: opacity .25s ease-in-out;
    z-index:10;
    cursor:pointer;
}
#featured-partners .owl-partners .item:hover .hover {
    opacity:1;
}
#featured-partners .owl-partners .item .hover p {
    color: #fff;
        font-size: 16px;
        line-height: 1.333333333333333;
        font-weight: normal;
    margin:0;
}
#featured-partners .owl-partners .item .hover hr {
        max-width: 52px;
        margin: 15px 0 12px;
        border-top-color: #6b89a3;
        opacity: 0.4;
}
#featured-partners .owl-partners .item .hover .more {
    text-transform: uppercase;
        font-weight: bold;
        font-size: 12px;
        letter-spacing: 0.2em;
}
#featured-partners .owl-partners .item .hover span.icon {
        width: 6px;
        height: 6px;
        position: relative;
        display: inline-block;
        vertical-align: baseline;
        margin: 0 0 1px 7px;
        background: transparent;
}
#content .filter-partners {
        width:100%;
        max-width:1040px;
        margin:0 auto 90px;
}
#content .filter-partners label {
        padding: 16px 0 15px 0;
        margin-right: 62px;
}
#content .filter-partners .field-wrap {
        width: 260px;
        margin: 0 30px 0 0;
}
#content .filter-partners .field-wrap .fancy-select {
        padding: 0 54px 0 0;
}
#content .filter-partners .field-wrap .fancy-select div.trigger {
        padding:15px 24px 14px 28px;
        color:#000;
}
#content .filter-partners .field-wrap .fancy-select div.trigger.open {
        color:#fff;
}
#content .filter-partners .field-wrap .fancy-select div.trigger:after {
        border-width: 6px 5.5px 0 5.5px;
}
#content .filter-partners .field-wrap div.fancy-select ul.options li {
        padding: 10px 28px !important;
}


/**********************************************/
/*     FOOTER                                 */
/**********************************************/
#footer {
    width:100%;
    float:left;
    position:relative;
    z-index:10
}

#footer .subscribe-form {
  padding: 0 20%;
  text-align: center;
}
#footer .subscribe-form iframe {
  max-width: 400px;
  display: block;
  margin: 10px auto;
}

@media screen and (max-width: 768px){
  #footer .subscribe-form {
    padding: 0;
  }
}

/* Footer Menu */
#footer ul.footer-menu li,
#footer ul.footer-menu {
    list-style:none;
    padding:0;
    margin:0
}
#footer ul.footer-menu {
    margin-bottom: 30px;
    line-height: 2;
}
#footer ul.footer-menu {
    width:100%;
    text-align:center;
}
#footer ul.footer-menu li {
    display:inline;
    font-size: 18px;
    color: #bdbdbd;
    text-align: center;
    margin: 0 10px;
}
#footer ul.footer-menu li a {
    color: #bdbdbd;
}


/* Copyright Menu */
#footer ul.copyright-menu li,
#footer ul.copyright-menu {
    list-style:none;
    padding:0;
        margin: 0;
}
#footer ul.copyright-menu {
    width:100%;
    text-align:center;
}
#footer ul.copyright-menu li {
    display:inline;
    font-size: 14px;
    color: #d4d4d4;
    text-align: center;
    margin: 0 2px;
}
#footer ul.copyright-menu li.vline {
    padding:0 4px 0 6px
}
#footer ul.copyright-menu li a {
    color: #d4d4d4;
}

#footer .wrap {
    padding:85px 0 132px;
}
#footer .custom-wrap {
    max-width:884px;
    margin:0 auto;
}
#footer .contacts {
    float:left;
    font-size:24px;
    color:#272727;
    line-height:35px;
    padding:16px 0 0;
}
#footer .contacts .tel {
    padding:2px 0 0 55px;
    background:url(images/icon-tel.jpg) no-repeat;
    display: inline-block;
    vertical-align: middle;
}
    #footer .contacts .tel .phone_international {
        color: #b0b0b0;
        font-size: 20px;
    }
#footer .contacts .vline {
    display:inline-block;
    background:#e5e5e5;
    height:35px;
    width:1px;
    vertical-align: middle;
    margin:0 48px;
}
#footer .contacts .more {
    padding:2px 0 0 52px;
    background:url(images/icon-chat.jpg) no-repeat;
    display: inline-block;
    vertical-align: middle;
}
#footer .contacts .more span {
    width:6px;
    height:6px;
    margin-bottom:-4px;
}
#footer .btn {
    float:right;
    margin:0
}
#footer hr {
    margin:106px 30px 18px
}
#footer hr.small {
    width:74px;
    margin:26px auto 26px
}
#footer .socials {
    text-align:center;
}
#footer .socials a {
    display:inline-block;
    width:34px;
    height:0;
    padding:34px 0 0;
    background:url(images/icon-fb.jpg) no-repeat;
    overflow:hidden;
    margin:0 9px;
}
#footer .socials .icon-tw {
    background:url(images/icon-tw.jpg) no-repeat;
}
#footer .socials .icon-in {
    background:url(images/icon-in.jpg) no-repeat;
}
#footer .socials .icon-yt {
    background:url(images/icon-yt.png) no-repeat;
}

/* Column Tweaks */
.content-column > h3:first-child,
.content-column > div > h3:first-child {
    margin-top: -10px;
}

/* Persistent CTA */
#persistent-cta {
    position: fixed;
    right: 0;
    bottom: 40%;
    z-index: 9999;
    display: none;

    background: #231f20;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16px;
    font-family: 'Titillium Web', sans-serif;
    letter-spacing: 0.2em;
    height: 79px;
    line-height: 79px;
    padding: 0 25px 0 25px;

    -moz-transform: rotate(-90deg) translate3d(0,0,0);
    -webkit-transform: rotate(-90deg) translate3d(0,0,0);
    -o-transform: rotate(-90deg) translate3d(0,0,0);
    -ms-transform: rotate(-90deg) translate3d(0,0,0);
    transform: rotate(-90deg) translate3d(0,0,0);

    -moz-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}

#persistent-cta.has-icon {
    padding-right: 100px;
}

#persistent-cta .icon {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 75px;
    height: 100%;
    border-left: 1px solid #59edff;
}
#persistent-cta.has-icon .icon {
    display: block;
}

    #persistent-cta .icon:after {
        content: " ";
        display: block;
        width: 30px;
        height: 29px;
        background: url(images/icon-speech.png) no-repeat;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -17px;
        margin-top: -15px;

        -moz-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);

        -moz-transform-origin: 50% 50%;
        -o-transform-origin: 50% 50%;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
    }

@media screen and (max-width: 1280px){
    #persistent-cta {
        height: 40px;
        line-height: 40px
    }
}

@media screen and (max-width: 767px){
    #persistent-cta {
        display: none !important;
    }
}



/**********************************************/
/*     RESPONSIVE                             */
/**********************************************/
@media screen and (max-width: 1340px) {
    #highlight.highlight-carousel .wrap {
        padding-right:3%;
        padding-left:3%;
        width:auto;
    }
    #highlight.highlight-carousel .owl-customers .item .hover p {
        font-size:20px;
    }
}
@media screen and (max-width: 1220px) {
    .image_text .wrap,
    #highlight .wrap,
    #topbar .wrap,
    .wrap {
        padding-right:3%;
        padding-left:3%;
        width:auto;
    }
    #topbar .logo,
    .sf-menu {
        margin-left: 0;
    }
    .sf-menu li:first-child a {
        padding-left: 0;
    }
    #header .logo {
        max-width:45%
    }
    #header .logo img {
        max-width:100%;
        height:auto;
    }
    #topbar .search-form {
        right: 15px;
    }
    #topbar .link.first {
        clear: right;
    }
    #header {
        min-height: 330px;
    }
    #header .crumbs {
        margin-top: 170px;
    }
    #content .features:after {
        width: 70%;
        right: auto;
        left: 50%;
    }
    #content .features .col .inner {
        padding:98px 40px 60px 0
    }
    #content .features .col.last .inner {
        padding: 98px 0 60px 40px
    }
    #content .who-we .text {
        max-width: 100%;
        width: 40%;
    }
    #content .who-we .inner {
        padding: 30px 40px;
    }
    #content .who-we .img {
        width: 69%;
    }
    #tab-content .feeds .item,
    #content .feeds .divider,
    #content .feeds .item {
        width:45%;
    }
    #content .feeds .item-wide {
        width:100%
    }
    #content .lefthand {
        width:18%;
        margin: 0 3% 0 0;
    }
    #content .main {
        width: 54%;
    }
    #content .main-medium {
        width:75%;
    }
    #content .main-wide {
        width: 100%;
        float:none
    }
    #content .lefthand-clone,
    #content .righthand {
        width: 22%;
    }
    #content .hero .img {
        width: 75%;
        float: left;
    }
    #content .hero-testimonial .quote {
        width: 75%;
    }
    #content .hero-testimonial .text,
    .page-template-products #content .hero .text {
        width: 22%;
    }
    #content .hero-testimonial .text {
        padding-top:20px
    }
    #content .cases .col .inner {
        padding:36px 10% 70px;
    }
    #content .cases .col .more {
        left:10%;
        bottom: 40px;
    }
    .page-template-products #content .feeds {
        margin: 0 0 126px;
    }
    #content .comparison .col .inner {
        padding: 30px 28px 47px;
    }
    #tab-content .col.first {
        width: 55%;
    }
    #tab-content .col.last {
        width: 45%;
    }
    #tab-content .col.first .inner {
        max-width: 95%;
    }
    .image_text.img-right .text {
        margin-left: 0;
    }
    .image_text.img-right .text .inner {
        float:right;
    }
    .image_text.watch-text .text-img {
        width: 45%;
    }
    .image_text.watch-text .text {
        width:53%
    }
}
@media screen and (max-width: 1190px) {
    #content .filter .right,
    #content .filter .left {
        width:auto;
        float:none;
        padding:0 0 0 76px;
    }
    #content .filter .left {
        margin:0 0 20px;
    }
    #content .filter label {
        min-width:50px;
        position:absolute;
        left:0;
        top:0
    }
    #content .filter .field-wrap {
        width:30%;
        margin:0 3% 0 0
    }
    #highlight.highlight-carousel .owl-customers .item .hover p {
        font-size:18px;
    }
    #content .filter-partners label {
        position:relative;
    }
}
@media screen and (max-width: 1130px) {
    #tabs ul li a {
        padding:35px 20px 29px
    }
    #tab-content .col.last .inner {
        padding: 77px 5% 72px;
    }
    .image_text .img {
        width:40%
    }
    .image_text .text {
        width:55%
    }


    #content .persona-specific-blocks {
        text-align: center;
    }

        #content .persona-specific-blocks .persona-block {
            vertical-align: top;
            float: none;
            display: inline-block;
            width: 46%;
            margin: 0 2% 20px 2%;
            text-align: left;
        }

        #content .persona-specific-blocks .persona-block:first-child {
            margin-right: 0;
        }

        #content .persona-specific-blocks .persona-block:last-child {
            float: none;
        }


}
@media screen and (max-width: 1100px) {
    #highlight.highlight-carousel .owl-customers .item .hover p {
        font-size: 22px;
    }
}
@media screen and (max-width: 1050px) {
    #highlight .img {
        width: 55%;
    }
    #header .logo {
        margin:0
    }
    #header.header-product {
        height: auto;
        min-height: 290px;
    }
    #content .hero .quote .testi-img {
        width: 35%;
    }
    #content .hero .quote .testi-text {
        padding: 0 0 0 40%;
    }
    #content .hero .quote h2 {
        font-size: 26px;
        line-height: 34px;
    }
    #content .resource-text,
    #content .resource-form {
        width: auto;
        float: none;
        margin-bottom: 20px;
    }
    #header.hero_carousel .carousel_slide {
        height: 100%;
    }
    #header.hero_carousel .cycle-pager {
        display: none;
    }
    #header.hero_carousel .carousel_slide .col .inner {
        height: 100%;
    }
    #header.hero_carousel .carousel_slide .col .inner .col-text {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    #stories {
        overflow:hidden;
    }
    #stories .heading {
        font-size: 26px;
    }
    #stories .cycle-slideshow .padd {
        padding: 0 8%;
        margin-bottom: 40px;
    }
    #stories .cycle-slideshow .quote {
        margin: 0 0 26px;
    }
    #stories .cycle-slideshow p {
        font-size: 20px;
        line-height: 30px;
    }
    #stories .author-item {
        display:block;
    }
    #stories #story_carousel {
        display:none !important;
    }
        #featured-partners .wrap {
                padding-right: 3%;
                padding-left: 3%;
                width: auto;
        }
}
@media screen and (max-width: 1024px) {
    #topbar .wrap {
        padding-bottom: 23px;
    }
    #topbar .btn-menu {
        display: block;
    }
    #main-menu-horiz,
    #menu-header-menu,
    #topbar .btn,
    #topbar .link,
    #topbar .search-form {
        display: none;
    }

}
@media screen and (max-width: 970px) {
    hr.blue {
        margin: 45px auto;
    }
    #header {
        height: auto;
        min-height:250px;
    }
    .home #header {
        height: auto;
        background: #153754;
    }
    #topbar .btn-menu {
        color:#ff3b65
    }
    #topbar .btn-menu span.icon b {
        background:#ff3b65
    }
    #topbar .link {
        display: none;
    }
    #header .wrap {
        padding-bottom:20px;
    }
    #header .col {
        width: 100%;
    }
    #header .col:before {
        width: 200%;
        right: -6%;
    }
    #header .col .inner {
        padding: 112px 0 50px;
        z-index: 10;
    }
    #header .col .inner:after {
        content:"";
        clear:both;
        display:table;
    }
    #header .col h2 {
        font-size: 30px;
        margin: 0 0 12px;
    }
    #header .col p {
        max-width:100%;
        line-height: 24px;
        margin: 0 0 20px;
        font-size: 16px;
    }
    #header .col hr {
        display:none;
    }
    #header .col .col-text {
        float:left;
        width:46%;
    }
    #header .col .col-text.last {
        float:right;
        padding: 60px 0 0;
    }
    #header .col .btn-watch {
        right: auto;
        top: 100%;
        margin: -53px 0 0 -53px;
        left: 50%;
    }
    #header .video-bg {
        position: relative;
        width: 106% !important;
        left: -3%;
        top: 0;
        height: 300px;
        clear: both;
    }
    #header.hero_carousel .video-bg {
        width: 100%;
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
    }
    #header.hero_carousel .video .col {
        padding-right: 30%;
        box-sizing: border-box;
    }
    #header.hero_carousel .video .col .btn-watch {
        left: auto;
        right: 5%;
        top: 50%;
    }
    #header.hero_carousel .carousel_slide .col .inner .col-text {
        width: 90%;
    }
    #header .col .btn-watch span {
        position: relative;
        display: block;
        left: 50%;
        top: auto;
        margin-top: 10px;
        margin-left: -110px;
        width: 220px;
        text-align: center;
    }
    #header .btn-play span {
        display:none;
    }
    #header .col .arrow-down {
        display:none
    }
    #content .features .col .inner {
        padding: 48px 40px 44px 0;
    }
    #content .features .col.last .inner {
        padding: 48px 0 44px 40px;
    }
    #content .hero-testimonial .text {
        width: 30%;
    }
    #content .hero-testimonial .quote {
        width: 66%;
    }
    #content .who-we .text {
        width:50%;
        position:relative;
    }
    #content .who-we .img {
        width:50%;
        position:absolute;
        left:50%;
        height:100%;
        top:0;
        background:no-repeat 50%;
        background-size:cover;
    }
    #content .who-we .img img {
        visibility:hidden;
        width:auto;
        height:100%;
    }
    .home #content .feeds {
        padding: 0;
        margin: 0 0 60px;
    }
    #content .feeds.featured-use-cases-and-industries {
        padding-top: 20px;
    }
    .home #content .feeds:before {
        display:none;
    }
    #tab-content .feeds .item,
    #content .feeds .divider,
    #content .feeds .item {
        width: 48%;
        margin:0 0 50px;
    }
    #content .feeds .intro {
        margin:0 0 50px;
    }
    #content .feeds .item-wide {
        width:auto;
        padding:0 30px 0 234px
    }
    #tab-content .feeds .item .img,
    #content .feeds .item .img {
        position: relative;
        margin: 0 0 20px;
        display: block;
    }
    #content .feeds .item-wide .img {
        position: absolute;
    }
    #tab-content .feeds .item .text,
    #content .feeds .item .text {
        padding:0 30px 0 0;
    }
    #stories .wrap {
        padding: 36px 0 0;
    }
    #stories .inner {
        width: 90%;
    }
    #stories .heading {
        margin: 0 0 30px;
    }
    #stories .cycle-slideshow p {
        font-size: 24px;
        line-height: 38px;
    }
    #stories .cycle-slideshow .padd {
        padding: 0 8%;
    }
    #content .hero .img {
        width: 65%;
    }
    .page-template-products #content .hero .text {
        width: 32%;
        padding: 92px 0 0;
    }
    #tab-content .feeds .custom-wrap,
    #content .feeds .custom-wrap {
        padding:0
    }
    #footer .wrap {
        padding: 85px 3%;
    }
    #footer .custom-wrap {
        max-width:100%
    }
    #footer hr {
        margin: 48px 0 42px;
    }
    #highlight.highlight-carousel .owl-customers .item .hover p {
        font-size: 18px;
    }
        #content .find-partner {
                padding: 0 0 50px;
        }
        #content .find-partner .heading {
                margin: 0 0 38px;
        }
        #content .find-partner hr.blue {
                margin: 28px auto 25px;
        }
        #content .find-partner .item h2 {
                line-height: 26px;
                font-size: 26px;
        }
        #content .find-partner .item p {
                font-size: 14px;
                line-height: normal;
        }
}
@media screen and (max-width: 930px) {
    #header.header-image {
        height: auto;
        min-height: 317px;
    }
    #header.header-product {
        min-height: 290px;
    }
    #header.header-image .text p {
        display:block;
        margin: 0 0 110px;
    }
    #highlight .wrap {
        padding-bottom: 40px;
    }
    #highlight .text {
        width: 50%;
    }
    #highlight .img {
        margin: 0 0 44px;
        width: 45%;
    }
    #header .text {
        width: auto;
    }
}
@media screen and (max-width: 900px) {
    #header.header-image {
        height: auto;
        min-height: 317px;
    }
    #header.header-product {
        min-height: 270px;
    }
    #header .logo {
        max-width: 100%;
    }
    #header .crumbs {
        margin: 114px 0 32px;
    }
    #topbar .btn,
    #topbar .link {
        display:none;
    }
    #content .main-spacer {
        height: 34px;
    }
    #content .main {
        width: 64%;
    }
    .page-template-newsroom #content .main-medium,
    #content .main-wide {
        width: 100%;
    }
    #content .lefthand {
        display:none !important;
    }
    #content .lefthand-clone,
    #content .righthand {
        display:block;
        clear: right;
        width:32%;
    }
    #content .righthand .widget-narrow .img img {
        width:100%;
    }
    .page-template-products #content .feeds {
        margin: 0
    }
    #content .comparison .col {
        width: 50%;
    }
    #content .comparison .col-best {
        width: 100%;
        position: relative;
        left: 0;
        bottom: 0;
        margin-left: 0;
    }
    #tab-content .row-edge {
        display:none
    }
    #tabs {
        display:none;
    }

    #tab-content .mobile-tab {
        display:block;
    }
    #tab-content .padd {
        padding: 34px 0 24px;
    }
    .image_text .wrap {
        padding-top: 36px;
        padding-bottom: 36px;
    }
    .image_text .text {
        line-height:normal;
    }
    #content .feeds .item-wide {
        width:100%;
        padding:0
    }
    #content .feeds .item-wide .img {
        position:relative;
    }
    #content .feeds .item-wide .text {
        padding:0 30px 0 0;
            width: auto;
    }
        #content .find-partner .item {
                width: calc( 50% - 31px );
                min-height:10px;
        }
    #footer .wrap {
        padding: 35px 5%;
    }
    #footer hr {
        margin: 38px 0 30px;
    }
    #footer .custom-wrap {
        text-align:center;
    }
    #footer .contacts {
        float:none;
        margin:0 0 30px;
        padding: 0;
    }
    #footer .btn {
        float:none;
    }
}
@media screen and (max-width: 850px) {
    #highlight.highlight-carousel .owl-customers .item .hover p {
        font-size: 22px;
    }
}
@media screen and (max-width: 800px) {
    #content .hero .quote h2 {
        font-size: 20px;
        line-height: 26px;
    }
}
@media screen and (max-width: 770px) {
    #nav {
        width:300px;
    }
    #nav .inner {
        padding: 38px 30px;
    }
    #topbar .btn {
        display:none;
    }
    #content .hero-testimonial .quote,
    #content .hero .img {
        width:100%;
        float:none;
    }
    #content .hero .text,
    #content .hero-testimonial .text,
    .page-template-products #content .hero .text {
        width:100%;
        float:none;
        padding: 22px 0;
    }
    #content .hero-testimonial .text {
        padding:0
    }
    #content .feat-news {
        padding-bottom:0
    }
    #content .feat-news .inner {
        padding: 18px 5%;
    }
    #content .feat-news .text {
        position: relative;
        float: none;
        width: auto;
    }
    #content .spacer-mid {
        display:none
    }

    #content .persona-specific-blocks .persona-block {
        width: 100%;
        margin: 0 0 20px 0;
    }

}
@media screen and (max-width: 750px) {
    #highlight.highlight-carousel .owl-customers .item .hover p {
        font-size: 18px;
    }
}
@media screen and (max-width: 730px) {
    .image_text.img-right .img,
    .image_text .img {
        width:100%;
        max-width:300px;
        margin:0 auto 30px;
        float:none;
    }
    .image_text .img img {
        float:none;
    }
    .image_text.watch-text .text-img {
        width:100%;
        padding:0;
        float:none;
    }
    .image_text .text-img img {
        float:none;
        display:block;
        max-width:100%;
        height:auto;
    }
    .image_text.watch-text .text,
    .image_text .text {
        width:100%;
        float:none;
    }
    .image_text .text .inner {
        max-width:100%
    }
}
@media screen and (max-width: 700px) {
    #tab-content .mobile-tab {
        margin:0
    }
    #tab-content .mobile-tab a {
        padding:35px 5% 29px;
    }
    #tab-content .col.first .inner {
        max-width:100%
    }
    #tab-content .col.last .inner {
        padding: 30px 5% 35px;
    }
    #tab-content .col.first:before {
        width:200%;
        height:100%;
        left:-50%
    }
    #tab-content .col.last,
    #tab-content .col.first {
        float:none;
        width:100%
    }
    #tab-content .col-bg {
        width: 100%;
        height: 50%;
        top: 50%;
    }
    #tab-content .col h2 {
        font-size: 36px;
        margin: 0 0 16px;
    }
    #tab-content .col p {
        font-size: 16px;
        line-height: 26px;
    }
    #content .list-leaders .img {
        position:relative;
        margin:0 auto;
        text-align:center;
    }
    #content .list-leaders .text {
        padding:0
    }

    #content .feeds.featured-use-cases-and-industries .col {
        width: auto;
        float: none;
        padding: 20px 5%;
    }
    #highlight.highlight-carousel .owl-customers .item .hover p {
        font-size: 22px;
    }
    #content .feeds .case-filter .field {
        width: 100%;
        float: none !important;
        margin: 0 0 20px;
    }
    #content .feeds .case-filter .field.last {
        margin:0;
    }
        .rows.cta-cols:after {
                display:none;
        }

  #content .resource-text .resource-size {
    float: none;
    width: auto;
    max-width: 100%;
  }
}
@media screen and (max-width: 630px) {
    #topbar .logo,
    .home #topbar .logo {
        width:187px;
        margin-top:0;
        padding:8px 0;
    }
    #topbar .logo a,
    .home #topbar .logo a {
        width:190px;
        padding:38px 0 0;
        background-size:187px;
    }
    #content .main,
    #content .lefthand-clone,
    #content .righthand {
        width: 100%;
        float:none;
        margin:0 0 50px;
    }
    #content .righthand {
        padding:0;
        margin:0;
    }
    #content .cases:before {
        display:none;
    }
    #content .cases .col {
        width:100%;
        float:none;
        padding-bottom:20px;
    }
    #content .cases .col:last-child:before {
        background:#f9f8f7;
        width:150%;
        content:"";
        display:block;
        position:absolute;
        left:-10%;
        top:0;
        height:100%;
        z-index:-1;
    }
    #content .cases .col .inner {
        padding:20px 0 0;
        min-height:10px;
    }
    #content .cases .col .more {
        left: 0;
        position: relative;
        bottom: 0;
    }
    #content .comparison .col {
        width:100%;
        float:none;
    }
    #content .comparison .col-best h2 {
        font-size: 24px;
    }
    #content .comparison .col img {
        width: auto;
        max-width:100%;
        max-height: 45px;
    }
    #highlight .text,
    #highlight .img {
        width:100%;
        float:none;
    }
    #highlight .img img {
        width:100%;
    }
    .row-pdfs .wrap {
        padding: 28px 3% 34px;
    }
    .row-pdfs .custom-wrap {
        max-width:100%
    }
    .row-pdfs .col {
        width: 46%;
    }
    #content .filter .field-wrap {
        width: 100%;
        margin:0 0 20px;
    }
}
@media screen and (max-width: 600px) {
    input.btn,
    a.btn {
        font-size:14px;
    }
    a.btn-solid-big {
        padding: 13px 46px 12px 50px;
    }
    .row-pdfs .wrap,
    .row-resources .wrap,
    .image_text .wrap,
    #footer .wrap,
    #topbar .wrap,
    .wrap {
        padding-right:5%;
        padding-left:5%;
    }
    #header.hero_carousel .video .col .btn-watch {
        right: 0;
    }
    #topbar .wrap {
        padding-top:25px;
        padding-bottom:25px;
    }
    #topbar .logo {
        margin-left:5%;
    }
    #topbar .logo {
        width: 189px;
        padding: 8px 0;
        margin-left: 0px;
    }
    #topbar .logo a {
        /* padding-top:24px;
        background-size:189px 24px; */
    }
    #topbar .btn-menu {
        margin:0
    }
    #header .video-bg {
        position: relative;
        width: 110% !important;
        left: -5%;
    }
    #header .col .inner {
        padding: 92px 0 50px;
    }
    #header .col .col-text.last,
    #header .col .col-text {
        width:100%;
        float:none;
    }
    #header .col .col-text.last {
        padding: 40px 0 0;
    }
    #header .col .btn-watch {
        display:none;
    }
    #header.hero_carousel .col .btn-watch {
        display: block;
    }
    #header .video-bg {
        height:212px;
    }
    #header .video-bg .overlay {
        display:none;
    }
    #header .video-bg .btn-watch {
        display:block;
        right: 0;
    }
    #content .features {
        background:transparent
    }
    #content .features:after {
        display:none;
    }
    #content .features .col {
        width:100%;
        float:none;
    }
    #content .features .col.last:after {
        background: #f9f8f7;
        content: "";
        display: block;
        width: 200%;
        height: 100%;
        left: -20%;
        z-index: -1;
        top: 0;
        position: absolute;
    }
    #content .features .col.last .inner,
    #content .features .col .inner {
        padding:28px 0 24px 0;
    }
    #content .who-we .inner {
        padding: 20px 40px;
    }
    #content .who-we .img,
    #content .who-we .text {
        width: 100%;
        float: none;
        position: relative;
        left: 0;
    }
    #content .who-we .img img {
        visibility: visible;
        width: 100%;
        height: auto;
    }
    .home #content .feeds {
        margin: 0;
    }
    #tab-content .feeds .item,
    #content .feeds .divider,
    .home #content .feeds .item,
    #content .feeds .item,
    .home #content .feeds.blog-events .item {
        width:100%;
        float:none;
        margin:0 0 50px;
    }
    #content .feeds.shaded:before {
        display: none;
    }
    #tab-content .feeds .item .img,
    #content .feeds .item .img {
        margin: 0 auto 20px;
    }
        #content .find-partner .inner {
            margin:0;
        }
        #content .find-partner .item {
            width: 100%;
            float: none;
            margin: 0 0 20px;
        }
    #footer h3 {
        border-color:#e1dfe0;
    }
    #footer .contacts .vline {
        margin:0 8px
    }
}
@media screen and (max-width: 530px) {
    .row-pdfs .col,
    .row-resources .col {
        float:none;
        width:100%
    }
    .row-pdfs .col:first-child ul.download-list li,
    .row-resources .col:first-child ul.download-list li,
    #content .main .col:first-child ul.download-list li {
        border-bottom: solid 1px #2d4b65;
    }
    #content .hero .quote {
        padding-bottom:0
    }
    #content .hero .quote .testi-img {
        width:30%;
    }
    #content .hero .quote .testi-text {
        padding:0 0 0 35%
    }
    #content .hero .quote h2 {
        font-size: 18px;
        line-height: 24px;
    }
}
@media screen and (max-width: 500px) {
    #highlight.highlight-carousel .owl-customers .item .hover p {
        font-size: 18px;
    }
}
@media screen and (max-width: 450px) {
    #highlight.highlight-carousel .owl-customers {
        width:100%;
        max-width:300px;
        margin:45px auto 0;
    }
    #highlight.highlight-carousel .owl-customers .item .hover {
        text-align:center;
    }
    #highlight.highlight-carousel .owl-customers .item .hover hr {
        margin-right:auto;
        margin-left:auto;
    }
    #highlight.highlight-carousel .owl-customers .item .hover p {
        font-size: 30px;
    }
}
@media screen and (max-width: 430px) {
    #nav {
        width:250px;
    }
    .image_text .text .vline {
        margin:0 10px;
        background:transparent
    }
    .image_text .video-small-thumb .caption {
        width:100%;
        display:block;
    }
    #footer .contacts .vline {
        height:1px;
        clear:both;
        width:100%;
        background:transparent;
    }
    #footer ul li:first-child {
        display:block;
        text-align:center;
        margin:0 0 8px;
    }
    #footer ul li:nth-child(2) {
        display:none
    }
    #footer ul li {
        font-size:14px;
    }
}


/**
 * Grids
 */

.grid {
    align-items: center;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
}

.grid .col {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    padding: 8px;
    width: 100%;
}

.grid .col.col-25 {
    width: 100%;
}

.grid .col.col-33 {
    width: 100%;
}

.grid .col.col-50 {
    width: 100%;
}

.grid .col.col-66 {
    width: 100%;
}

.grid .col.col-75 {
    width: 100%;
}

@media (min-width: 576px) {

}

@media (min-width: 768px) {
    .grid {
        align-items: flex-start;
    }

    .grid .col {
        justify-content: flex-start;
    }

    .grid .col.col-25 {
        width: 25%;
    }

    .grid .col.col-33 {
        width: 33%;
    }

    .grid .col.col-50 {
        width: 50%;
    }

    .grid .col.col-66 {
        width: 66%;
    }

    .grid .col.col-75 {
        width: 75%;
    }
}

@media (min-width: 992px) {

}

@media (min-width: 1200px) {
    /* .grid .col {
        width: 25%;
    } */
}