/* FONTS

RG == font-family:'Helvetica Neue LT W01_55 Roman';

BC ==  font-family:'Helvetica Neue LT W01_71488914';

RC == font-family:'Helvetica Neue LT W01_57 Cond';

LC == font-family:'Helvetica Neue LT W01_47 Lt Cn';

LCO == font-family:'Helvetica Neue LT W0147LtCnObl';

*/
body {
    background-color: #f1f5f7;
    overflow-x: hidden;
    max-width: 100%;
}
.row-fluid [class*="span"] .trigger-panel {
    display: none;
}
.home-hero .container .row-fluid [class*="span"] {
    min-height: 1px!important;
}
.hero-bk {
    display: none!important;
}
.home-hero {
    position: relative;
    padding: 215px 0 180px;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #000;
    background-position: center;
    background-blend-mode: screen;
    -webkit-background-blend-mode: screen;
    -moz-background-blend-mode: screen;
    -ms-background-blend-mode: screen;
    -o-background-blend-mode: screen;
    overflow: visible;
    margin-top: 75px;
}
.home-hero:after {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    content: "";
    opacity: .20;
}
.home-hero h1 {
    position: relative;
    max-width: 730px;
    padding-left: 90px;
    font-size: 46px;
    color: #fff;
    line-height: 45px;
    text-transform: uppercase;
}
.home-hero h1:before {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    content: url("//cdn2.hubspot.net/hubfs/2202049/h1pattern.png");
}
.home-hero .watch-video {
    position: relative;
}/*
.home-hero .watch-video:after {
    position: absolute;
    bottom: -32px;
    width: 100%;
    text-align: center;
    color: #fff;
    content: "Watch Video";
    font-size: 20px;
    font-family: 'Helvetica Neue LT W0147LtCnObl';
}*/
.home-hero .watch-video img {
    margin: 0 auto;
    display: block;
    height: 100%;
    max-width: 100%;
    cursor: pointer;
    transition: .5s;
}
.home-hero .watch-video:hover img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);   
}
.home-hero .interactive {
    position: absolute;
    z-index: 2;
    bottom: -118px;
}
.home-hero .triggers {
    transition: .6s;
    height: 185px;
}
.home-hero .triggers.hide {
    transition: .3s;
    transform: translateY(100px);
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    -o-transform: translateY(100px);
    height: 0;
    overflow: hidden;
    opacity: 0;
}
.home-hero .display-box {
    position: absolute;
    padding: 30px 0 15px;
    bottom: 0;
    background-color: #f1f5f7;
    transform: translateY(110%);
    -webkit-transform: translateY(110%);
    -moz-transform: translateY(110%);
    -ms-transform: translateY(110%);
    -o-transform: translateY(110%);
    z-index: 10;
    opacity: 0;
    transition: ease-in-out .35s;
}
.home-hero .display-box.active {
    transition: .75s;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    opacity: 1;
}
.home-hero .display-box .container > div {
    position: static;
}
.home-hero .display-box h2 {
    text-transform: uppercase;
    color: #006298;
    line-height: 30px;
    font-size: 21px;
    margin-bottom: 15px;
}
.home-hero .display-box p {
    color: #333c42;
    line-height: 26px;
    font-size: 16px;
    font-family:'Helvetica Neue LT W01_55 Roman';
}
.home-hero .display-box a.cta_button {
    margin-top: 23px;
}
.home-hero .display-box a.cta_button:hover {
    color: #ff8552!important;
    background-color: #333c42!important;
}
.home-hero .display-box .close-bk {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    height: 48px;
    width: 48px;
    border-radius: 50%;
    content: "";
    background-color: #dee2e5;
    cursor: pointer;
}
.home-hero .display-box .close {
    position: absolute;
    display: block;
    top: 4px;
    right: 4px;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    background: url("//cdn2.hubspot.net/hubfs/2202049/closepanel.png?t=1466797027638") #fff;
    background-position: center;
    background-repeat: no-repeat;
    content: "";
    transition: .3s;
}
.home-hero .display-box .close-bk:hover .close {
    background-color: #dee2e5;
}
.home-hero .panel-trigger {
    color: #006298;
    text-align: center;
    line-height: 25px;
    font-size: 22px;
    font-family: 'Helvetica Neue LT W01_71488914';
}
.home-hero .icon-box {
    position: relative;
    text-align: center;
    cursor: pointer;
    padding: 0 10px;
}
.home-hero .icon-box:hover .icon-border {
    transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
}
.home-hero .icon-border {
    display: block;
    margin: 0 auto;
    padding: 11px;
    border-radius: 50%;
    background-color: rgba(51,60,66,.1);
    height: 122px;
    width: 122px;
    transition: .5s;
    margin-bottom: 14px;
}    
.home-hero .panel-trigger-icon,
.home-hero .trigger-panel-icon {
    height: 100px;
    width: 100px;
    border-radius: 50%;
    background: url("//cdn2.hubspot.net/hubfs/2202049/iconsprite.png?t=1466723476506") #fff;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    margin: 0 auto;
    transition: .5s;
}
.home-hero .trigger-panel-icon {
    opacity: 0;
}
.home-hero .trigger-panel-icon.active {
    background-color: #333c42;
    background-position: 250px center;
    transition: 0s;
}
.trigger-panel .section-title span {
    color: #006298;
    text-align: center;
    line-height: 25px;
    font-size: 22px;
    font-family: 'Helvetica Neue LT W01_71488914';
}
.home-hero .trigger-panel .icon-box:hover .icon-border {
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none; 
}
/* Dynamic Icons */
.home-hero .trigger-panel-icon.optimize {
    opacity: 1;
    background-position: 28px center;
}
.home-hero .trigger-panel-icon.security {
    opacity: 1;
    background-position: -70px center;
}
.home-hero .trigger-panel-icon.mobility {
    opacity: 1;
    background-position: -155px center;
}
.home-hero .trigger-panel-icon.collab {
    opacity: 1;
    background-position: -242px center;
}
/* Static Icons */
.home-hero .optimize .panel-trigger-icon {
    background-position: 28px center;
}
.home-hero .security .panel-trigger-icon {
    background-position: -70px center;
}
.home-hero .mobility .panel-trigger-icon {
    background-position: -155px center;
}
.home-hero .collab .panel-trigger-icon {
    background-position: -242px center;
}
.section-1 {
    padding-bottom: 50px;
    margin-top: 175px;
    background: url("//cdn2.hubspot.net/hubfs/2202049/trustbk.png") #f1f5f7;
}
.section-1 .trustbox {
    position: relative;
    padding: 70px 0 45px 20px;
    background-color: #333c42;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    min-width: 310px;
    height: 475px;
    overflow: hidden;
}
.section-1 .solution {
    background-image: url("//cdn2.hubspot.net/hubfs/2202049/trust1.png");
    background-repeat: no-repeat;
}
.section-1 .case {
    background-image: url("//cdn2.hubspot.net/hubfs/2202049/trust2.png");
    background-repeat: no-repeat;
}
.section-1 .join {
   background-image: url("//cdn2.hubspot.net/hubfs/2202049/trust3.png"); 
   background-repeat: no-repeat;
}
.section-1 .trustbox h2 {
    position: relative;
    color: #f1f5f7;
    text-transform: uppercase;
    font-size: 24px;
    border-bottom: solid 1px #ff8552;
    padding-bottom: 13px;
    letter-spacing: -1px;
}
.section-1 .trustbox h3 {
    font-size: 20px;
    color: #f1f5f7;
    padding-right: 50px;
    margin: 45px 0 13px;
}
.section-1 .trustbox p {
    padding: 0 35px 35px 0;
    line-height: 26px;
    color: #f1f5f7;
    font-size: 16px;
}
.section-1 .trustbox #case-study {
    margin-bottom: 9px;
    position: relative;
    left: -20px;
    width: 305px;
}
#play-video span{
    color: #fff;
}
.section-1 .trustbox a { 
    display: block;
    width: 100%;
    padding-bottom: 15px;
    line-height: 45px;
    font-size: 20px;
    position: absolute;
    color: #ff8552;
    text-decoration: none;
    bottom: 0;
    left: 0;
    padding-left: 20px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom: solid 6px transparent;
    transition: .6s;
    transform: translateY(6px);
    -webkit-transform: translateY(6px);
    -moz-transform: translateY(6px);
    -ms-transform: translateY(6px);
    -o-transform: translateY(6px);
    font-family: 'Helvetica Neue LT W0147LtCnObl';
}
.section-1 .trustbox:hover a {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0); 
    background-color: rgba(40, 47, 52, 0.75);
}
.section-1 .trustbox:hover a:hover {
    transition: .3s;
    color: #fff;
    padding-left: 30px;
}
.section-1 .trustbox.join img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
}
.section-1 .trustbox.join .inner {  
    display: -webkit-box; 
    display: -moz-box; 
    display: -moz-flex; 
    display: -ms-flexbox; 
    display: -webkit-flex; 
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: flex-start;
    -moz-box-pack: flex-start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
     -webkit-box-align: center;
     -moz-box-align: center;
     -ms-flex-align: center;
      align-items: center;
      padding-right: 20px;
}
.section-1 .trustbox.join h2 {
    margin-bottom: 35px;
}
.section-1 .trustbox.join .inner div {  
    width: 50%;
    margin-bottom: 15px;
}
.section-1 .trustbox.join .inner div img {  
    max-height: 100%;
}
.section-2 {
    position: relative;
    z-index: 2;
    padding-bottom: 18px;
}
.section-2 h2 {
    color: #333c42;
    margin: 24px 0 35px;
    text-transform: uppercase;
    text-align: center;
    font-size: 28px;
}

.section-2 .event-box {
    float: left;
    min-width: 290px;
    width: 48%;
    margin: 0 2% 50px 0;  
}
.section-2 .date {
    padding-bottom: 12px;
    margin-bottom: 20px;
    color: #006298;
    border-bottom: solid 1px #333c42;
    font-size: 20px;
    font-family: 'Gotham-Bold';
}
.section-2 .image {
    position: relative;
    display: block;
    height: 200px;
    content: "";
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    cursor: pointer;
}
.section-2 .title h3 {
    margin: 15px 0 10px;
    color: #ff8552;
    line-height: 26px;
    font-size: 22px;
    letter-spacing: -1px;
}
.section-2 .event-cta {
    cursor: pointer;
}
.section-2 .event-cta a {
    display: inline-block;
    font-size: 20px;
    color: #333c42;
    text-decoration: none;
    border-bottom: solid 1px #ff8552;
    padding: 0 25px 9px 0;
    transition: .45s;
    font-family: 'Helvetica Neue LT W0147LtCnObl';
}
.section-2 .event-box:hover a {
    padding: 0 65px 9px 30px;
}
.section-2 .event-box:hover .event-cta:hover a {
    transition: .25s;
    border-color: #333c42;
}
.homepage-cta-title {
    display: none;
}
.home-hero .panel-trigger a {
    color: #006298;
}
@media (min-width: 768px) {
    .home-hero .container .row-number-4>div{
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -moz-flex;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        -ms-align-items: center;
        align-items: center;
    }
    
    .homepage-cta-title {
        display: block;
        position: absolute;
        width: 100%;
        margin-top: 75px;
        text-align: center;
        z-index: 1;
    }
    
    .homepage-cta-title span {
        color: #fff;
    }
    
    .homepage-cta-title span:before,
    .homepage-cta-title span:after {
        float: left;
        width: 30%;
        border-bottom: 1px solid #fff;
        content: "";
        margin-top: 7px;
    }
    
    .homepage-cta-title span:after {
        float: right;
    }
}
@media (min-width: 675px) and (max-width: 1050px) {
    .section-2 .container {
        max-width: 605px;
    }
}
@media (max-width: 674px) {
    .section-2 .container {
        max-width: 320px;
    }
}
@media (max-width: 768px) {
    .event-box {
        min-height: 1px!important;
    }
    .container:not(.section-2 .container) {
        padding: 0 5%;
    }
    .home-hero {
        padding: 113px 0 0;
    }
    .home-hero .container {
        padding: 0 5%;
    }
    .home-hero h1 {
        padding-left: 0px;
        font-size: 36px;
        line-height: 36px;
        margin-bottom: 14px;
    }
    .home-hero h1:before {
        top: -46px;
    }
    .home-hero .interactive {
        position: relative!important;
    }
    .home-hero .watch-video img {
        max-width: 65px!important;
    }
    .watch-video img {
        margin: 0 0 0 0!important;
    }/*
    .home-hero .watch-video:after {
        width: auto!important;
        bottom: 30%!important;
        left: 90px!important;
        font-family: 'Helvetica Neue LT W01_57 Cond';
    }*/
    .home-hero .interactive {
        background-color: #fff;
        padding: 60px 0 0;
    }
    .home-hero .icon-box {
        width: 50%;
        float: left;
        min-height: 195px!important;
    }
    .home-hero .panel-trigger {
        font-size: 18px; 
    }
    .home-hero .panel-trigger .icon-box {
        margin-bottom: 35px;
    }
    .home-hero .panel-trigger-icon, .home-hero .trigger-panel-icon {
        width: 89px;
        height: 89px;
    }
    .home-hero .icon-border {
        padding: 8px;
        width: 104px;
        height: 104px;
    }
    .home-hero .optimize .panel-trigger-icon,
    .home-hero .optimize .trigger-panel-icon {
        background-position: 23px center;
    }
    .home-hero .security .panel-trigger-icon,
    .home-hero .security .trigger-panel-icon{
        background-position: -75px center;
    }
    .home-hero .mobility .panel-trigger-icon,
    .home-hero .mobility .trigger-panel-icon {
        background-position: -160px center;
    }
    .home-hero .collab .panel-trigger-icon,
    .home-hero .collab .trigger-panel-icon {
        background-position: -247px center;
    }
    .home-hero .display-box {
        position: relative;
        margin-top: -90px;
        width: 100%!important;
        padding: 30px 0;
    }
    .home-hero .display-box .icon-box {
        float: none;
        width: 70%;
        margin: 0 auto 10px;
    }
    
    .home-hero .display-box a.cta_button {
        -webkit-box-sizing: border-box!important;
        -moz-box-sizing: border-box!important;
        box-sizing: border-box!important;
        max-width: 100%!important;
        width: 100%!important;
        text-align: center;
    }
    .home-hero .trigger-panel .span4 {
        margin-bottom: 50px;
    }
    .home-hero .display-box .close-bk {
        right: 5%;
    }
    .section-1 .container {
        padding: 0!important;
    }
    .section-1 .trustbox{
        height: auto;
        height: initial;
    }
    .section-1 .trustbox,
    .section-1 .trustbox a{
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0; 
    }
    .section-1 .trustbox #case-study {
        width: 100%;
        left: 0;
    }
    .section-2 h3 {
        font-size: 18px;
    }
    .section-2 .event-box h4 {
        font-size: 20px;
    }
    .section-2 .image {
        height: 200px;
        width: 100%;
    }
    .section-2 .event-cta a {
        font-size: 18px;
    }
    .home-hero .triggers {
        height: 500px;
    }
    
}
@media (max-width: 670px) {
    .section-2 .event-box {
        position: relative;
        min-height: 0;
        margin: 0 0 50px;
        width: 100%!important;
    }
    .section-2 .image:after {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        content: "";
        background-color: rgba(0,0,0,.4);
    }
    .section-2 .title {
        position: absolute;
        padding: 0 20px;
        bottom: 60px;
        left: 0;
        width: 100%;
    }
    .section-2 .title h3 {
        color: #fff;
    }
    .section-2.events .container{
        padding-left: 5%;
        padding-right: 0;
        max-width: 100%;
    }
    .section-2 .event-cta a{
        margin: 20px 0 0 15px;
    }
}