@import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700,100italic,300italic,400italic,700italic);
@import url(http://fonts.googleapis.com/css?family=Raleway:500,600,700,100,800,900,400,200,300);
/* ----- Structure  ------*/

body  { 
    font-family: 'Lato', sans-serif !important; 
    }

.wrapper.xtra{
    padding: 200px 52px 0 52px;
}





.header-holder {
    /*text-align: center;*/
    height: 124px;
    }
.header-holder img{
    margin-top: 44px;
}
.header-tagline-holder{
    text-align: right;
}
.header-tagline-holder p{
margin-top: 65px;
  display: block;
}
.inside .header-container{
    padding: 0;
}

.span6.left-pane, .span6.right-pane{
    width:50% !important;
    min-height: 876px;
    margin: 0;
    position: relative;
}
.span6.left-pane{
    background:#F0F4F4;
    padding-top: 86px;
    padding-right: 85px;
    padding-left: 70px;
}
.span6.right-pane{
    overflow: hidden;
    padding-top: 96px;
    padding-right: 70px;
    padding-left: 83px;
    /*background: url(//cdn2.hubspot.net/hub/473008/file-2510471286-jpg/LP-images/azoulay-bg-01.jpg) 0 0 no-repeat;*/
}

.footer{
    padding-top: 29px;
    padding-bottom: 42px;
}
.footer-left-content{
    padding-left: 70px;
    padding-right: 69px;
}
.footer-right-content{
    padding-left: 70px;
}
.footer .contacts-list li {
    padding-left: 35px;
}
.footer .fa {
    float: left;
    margin-left: -35px;
    font-size: 125%;
    line-height: 26.25px;
}
.nobr {
    white-space: nowrap;
}

.copyright{
    background: url(//cdn2.hubspot.net/hub/473008/file-2521723974-png/LP-images/copyright-bg.png) top center no-repeat;
}

.thank-you-holder .hs_cos_wrapper_type_rich_text{
    text-align: center;
    padding-top: 40px!important;
    padding-bottom: 26px;
    margin-bottom: 22px !important;
    background: #F0F4F4;
}
.thank-you-holder .hs_cos_wrapper_type_rich_text p{
    font-size: 20px;
}
.thank-you-holder h1{
    margin-bottom: -13px;
}
.thank-you-holder a{
    font-weight: 600 !important;
    text-decoration: underline !important;
}
.arrow{

}

/*-------- Fonts---------*/
h1 {
    font-size: 35px;
    line-height: 1.45;
    color: #101f3f;
    margin-bottom: 34px;
    text-transform: none !important;
}
h2 {
    font-size: 20px;
    font-weight: 600;
    color: #101f3f;
    margin-bottom: 21px;
    line-height: 36px;
}
h3 {
    font-size: 20px;
    font-weight: 600;
    color: #101f3f;
    margin-bottom: 21px;
}
.span6.right-pane{
  
    }
h4 {
    font-size: 16px;
    color: #0d2040;
    margin-bottom: 16px;
    font-weight: 700;
}

.span6.right-pane h3 + p{
    margin-bottom: 8px;
    }
ul li {
    position: relative;
    padding-bottom: 7px;
    line-height: 1.75;
    font-size: 15px;
}
.footer p{
    font-size: 13px;
    text-align: justify;
    font-family: 'Lato', sans-serif !important;
    
}
.footer h4{
    font-size: 16px;
    color: #0d2040;
    margin-bottom: 16px;
    font-weight: 700;
}
.footer-left-content h4{
    text-align: right;
}
.footer-right-content ul{
    list-style-type: none;
    margin: 20px 0 0 0;
    padding: 0;
}
.copyright p{
    font-size: 13px;
    text-align: center;
    line-height: 3;
}

.footer-right-content ul li{
    line-height: 2.5;
    font-size: 13px;
}

.inside .section.copyright{
    margin-top: 100px;
    color: rgba(256,256,256,.7);
}
/****** GENERAL Style **/
.section {
   
}

body .row-fluid .hero-section .subscription-form [type="submit"] {
    background-color: #e69b21;
}

body .row-fluid .hero-section .subscription-form [type="submit"]:hover {
    color: #e69b21;
}


.content-title-top, .content-title-bottom {
  line-height: 15px;
  font-size: 18px;
}

 .content-title-middle {
    border-bottom: #AAB2BC 1px solid;
    border-top: #AAB2BC 1px solid;
    line-height: 25px;
    padding-top: 12px;
 }

.content-title-top, .content-title-middle, .content-title-bottom{
    padding-bottom: 12px;
    padding-top: 12px;
}

.section .wrapper-cta {
    margin-top: 50px;
}
.section .wrapper-cta .cta {
    text-align: center;
    margin-bottom: -2px;
}
.section .wrapper-cta .cta span {
  font-size: 16px!important;
  font-family: 'Raleway', sans-serif!important;
  font-weight: bold;
}

.section .section-down-scroll {
    bottom: -1px;
}
.section-down-scroll .wrapper{
    text-align: right;
}
.section .section-down-scroll img{      
    /*float: right;    */
}
.section .section-down-scroll.black img{
    /*content: url(//cdn2.hubspot.net/hubfs/473008/Inbound_Labs/scroll-down-black.png);*/
}
.section .section-down-scroll.white img{
    /*content: url(//cdn2.hubspot.net/hubfs/473008/Inbound_Labs/scroll-down-white.png);*/
}
/***** Custom Style******/

/*------Main header------*/
.main-header{
    position: absolute;
    margin-top: 52px;

}
.inside .main-header {
  position: absolute; 
  margin-top: 52px;
  margin-bottom: 150px !important;
  top: 0;
}
.inside .hs_cos_wrapper.form-title{
  font-size: 35px;
  line-height: 1.45;
  color: #FFF;
  margin-bottom: 34px;
  text-transform: none!important;
  font-weight:300;
  text-align: center;
  margin-bottom: 100px;
}
.section.hero {
   /* background-image: url("//cdn2.hubspot.net/hub/473008/file-2641747926-jpg/Inbound_Labs/header-bg-img.jpg");
   background-image: url("//cdn2.hubspot.net/hubfs/473008/Inbound_Labs/top-banner-img.jpg");*/
    color : #ffffff ;
    padding: 125px 0;
    /* background-repeat:no-repeat;
    background-size:cover;
    backgeound-position:center;*/
    position: relative;
}
.wrapper-inner.content { text-align:right; }

.section-down-scroll{
   /*margin-top: 275px; */
   position: absolute; 
   bottom: -1px;
}

.main-header .tag-line{
    margin-top: 25px;
    font-size: 18px;
    color: #FFF;
    text-align: right;
}
.section.hero .wrapper-inner .content {
    color: #000000;
}
 .wrapper-inner.header{
     
 }

.section.hero .wrapper-inner h1{
    line-height: 33px;
    padding-top: 12px;
   /* margin-top: 175px;*/
    margin-bottom: 50px;
    color: #fff;
    font-size: 67px;
    font-weight:300 !important;
    font-family: 'Lato', sans-serif !important;

    
}
.section.hero .page-desciption {
    font-size: 28px;
    color: #fff;
    font-weight:300;
    font-style:italic;
     font-family: 'Lato', sans-serif !important;
     font-size:28px !important;
}
.section.hero .page-desciption span div:first-child {
    margin-bottom: 25px;
}

.section.hero .subscription-form h3 {
    color : #fff;
    font-size: 18px;
    margin-top: 50px;
     font-family: 'Lato', sans-serif !important;
    font-size: 15px!important;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: .6px
}

.section.hero .subscription-form label {
    display: none;
}
.bordered{
    border: 1px solid red;
}
.section.hero .subscription-form [type="email"] {
    height: 35px;
    width: 234px;
    margin-right: 15px;
    background: inherit;
    background-color: transparent;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border: 0;
    border-bottom: 1px solid #ffffff;
    color:#fff;
    box-sizing: content-box;
    padding: 0 !important;
    font-size: 14px;
}
.section.hero .subscription-form [type="email"]::-webkit-input-placeholder {
    color: #fff;
   
    font-size: 16px !important;
    font-style: italic !important; 
    text-transform: none !important;
    padding-left: 0px !important;
}
.section.hero .subscription-form [type="email"]:-moz-placeholder {
    color: #000000;
   
    font-size: 16px !important;
    font-style: italic !important;   
    padding-left:0px !important;
    text-transform: none !important;
}
.section.hero .subscription-form [type="email"]::-moz-placeholder{
    color: #fff;
   
    font-size: 16px !important;
    font-style: italic !important;  
    opacity:1 !important;
    padding-left:0px !important;
    text-transform: none !important;
}
.section.hero .subscription-form [type="email"]:-ms-input-placeholder {
    color: #000000;
   
    font-size: 16px !important;
    font-style: italic !important;   
    padding-left:0px !important;
     text-transform: none !important;
}
.section.hero .subscription-form [type="submit"] {
    height: 37px;
    width: 130px;
    padding: 0;
    background: inherit;
    background-color: #227cc0;
    font-weight:bold;
    font-size: 14px;
    font-family: 'Lato', sans-serif !important;
    border: none;
}




.section.hero .subscription-form [type="submit"]:hover {
    background: #FFF;
    color: #227cc0;
}

.section.hero .subscription-form form {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    padding-top: 20px;
    margin-bottom: -2px;
    
    float:right !important;
    
    
}
.subscription-form {  width:100% !important;  }




.section.player {
    padding-top: 125px;
    background-color: #E4E4E4;
}
.section.player .section-down-scroll{
   margin-top: 525px;
   position: relative; 
}
.section .wrapper-content {
  padding-top: 25px;
}
.section .wrapper-content .page-title {
    text-align: center;
    text-transform : uppercase;
    color : #031c38;
}
.section.player .wrapper-features {
    padding-left: 70px;
    position: relative;
    margin-top: -3px;
}
.section.player .wrapper-features .feature-content.has-content .feature-hexa span:after{
    content: '';
    width: 32px;
    position: absolute;
    left: 99px;
    top: 165px;
    border-color: #bbbbbb;
    border-width: 0 0 1px;
    border-style: solid;
    margin-top: -53px;
}
.section.player .wrapper-features > .row-fluid-wrapper {
    position: absolute;
}
.section.player .wrapper-features > .row-fluid-wrapper:nth-child(1) {
    left: 194px;
}
.section.player .wrapper-features > .row-fluid-wrapper:nth-child(2) {
    left: 70px;
    top: 207px;
}
.section.player .wrapper-features > .row-fluid-wrapper:nth-child(3) {
    left: 194px;
    top: 416px;
}

.section.player .wrapper-features > .row-fluid-wrapper:nth-child(4) {
    top: 625px;
    left: 70px;
}
.section.player .wrapper-features > .row-fluid-wrapper:nth-child(4) .feature-multi-column >.row-fluid-wrapper:nth-child(2) .feature-hexa {
    width: 199px;
    height: 138px;
    margin-top: -13px;
}
.section.player .wrapper-features > .row-fluid-wrapper:nth-child(4)  .feature-multi-column.top-row-features > .row-fluid-wrapper > .feature-content .feature-hexa {
    width: 199px;
    height: 138px;
    margin-top: -13px;
}
.section.player .wrapper-features > .row-fluid-wrapper:nth-child(4) .feature-multi-column >.row-fluid-wrapper:nth-child(2) .feature-hexa span:after{
    margin-top: -42px;
}
.section.player .wrapper-features .feature-content h2{
    background: url(//cdn2.hubspot.net/hubfs/473008/Inbound_Labs/honeycombs-divider.png) 0 7px no-repeat;
    font-family: 'Lato', sans-serif !important;
    font-size: 14px !important;
    color: #555 !important;
    font-style: italic !important;
    text-transform: none !important;
    line-height:100% !important;
    margin: 52px 37px 4px;
}
.section.player .wrapper-features .feature-content h2 span{
    background: #EEEEEE;
    padding: 0 7px;
}
.section.player .wrapper-features .feature-content h3{
    font-family: 'Lato', sans-serif !important;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: 0.4px;
    text-align: center;
    color: #031c38;
}
.section.player .wrapper-features .feature-content{
    height: 258px;
    width: 230px;
    background-repeat: no-repeat;
    display: table;
    padding: 0;
    font-weight: bold;
    text-transform: uppercase;
}
.section.player .wrapper-features .feature-multi-column.two-lines  > .row-fluid-wrapper:nth-child(1) .feature-content.has-content > .row-fluid-wrapper:nth-child(1) {
    display: table-row;
    text-transform: initial;
    font-weight: normal;
    height: 92px;
}
.section.player .wrapper-features .feature-multi-column.two-lines  > .row-fluid-wrapper:nth-child(1) .feature-content.has-content > .row-fluid-wrapper:nth-child(2) {
    display: table-row;
    text-transform: initial;
    font-weight: normal;
    height: 92px;
}

.section.player .wrapper-features .feature-content.has-content .row-fluid-wrapper{
    vertical-align: middle;
    /*display: table-row;*/
    text-align: center;
}
.section.player .wrapper-features .feature-content.has-content .row-fluid-wrapper .content-front{
    /*padding: 17px;*/
    height: 172px;
    margin-top: 45px;
}
.section.player .wrapper-features .feature-content.has-content .row-fluid-wrapper .content-back{
    margin-top: 64px;
    padding: 25px;
    font-size: 14px;
    width: 180px;
    /* background:#002243!important;*/
    
}
.section.player .wrapper-features .feature-content.has-content .row-fluid-wrapper .content-back .widget-type-cta {
  margin-top: 10px;
}

.section.player .content-front .feature-hexa .cell-wrapper {
    width: 199px;
    height: 138px;
    margin-top: 53px;
}
.section .content-description p{
   color: #444444;
  font-weight: 400;
  text-align: justify;
}
.section .content-description p strong{
    color: #202020;
    font-size: 18px;
}

.section.player .wrapper-features .feature-content.has-content{  
     
    /*background-image: url("//cdn2.hubspot.net/hub/473008/file-2676053802-png/Inbound_Labs/hexagon-gray.png"); */
     /*background-image: url(//cdn2.hubspot.net/hubfs/473008/Inbound_Labs/hexagon-grey-2.png);*/
    position:relative;
}
.section.player .wrapper-features .feature-content.no-content{  
    background-image: url("//cdn2.hubspot.net/hubfs/473008/Inbound_Labs/player1.png");
    /*background-image: url("//cdn2.hubspot.net/hubfs/473008/Inbound_Labs/hexagon-white-new.png");  */
}
.section.player .wrapper-features .feature-content.no-content.second{  
    background-image: url("//cdn2.hubspot.net/hubfs/473008/Inbound_Labs/player-2.png");
}
.section.player .wrapper-features .feature-content.no-content.no-content.no-content > * {
    display: none;
}

.section.player .wrapper-features .feature-content.has-content:hover{ 
    /*background-image: url("//cdn2.hubspot.net/hubfs/473008/Inbound_Labs/hover-hexa-blue.png");*/
    /*background-image: url("//cdn2.hubspot.net/hub/473008/file-2666365622-png/Inbound_Labs/hexagon-black.png"); */
    color: #e1e1e1;
  /* cursor: pointer;*/
    
}
.section.player .wrapper-features .feature-content.no-content.has-content{  
    /*background-image: url("//cdn2.hubspot.net/hubfs/473008/Inbound_Labs/player2.png");*/
    /*background-image: url("//cdn2.hubspot.net/hubfs/473008/Inbound_Labs/hexagon-white-new.png"); */
    color: inherit;
}

.section.player .wrapper-features .feature-content.has-content >.row-fluid-wrapper:first-child {
    
}
.section.player .wrapper-features .feature-content.has-content >.row-fluid-wrapper:last-child .hover-content{
    /*display: table-row;*/
    text-transform: initial;
    font-weight: normal;
    height: 92px;
    width: 180px;
}
.section.player .wrapper-features .feature-multi-column .row-fluid-wrapper {
    width: 230px;
    display: inline-block;
}
.section.player .wrapper-features .feature-multi-column > .row-fluid-wrapper:first-child {
    margin-right: 12px;
}
.hexagon-new.hexagon-new.hexagon-new.hexagon-new.hexagon-new {
    position: relative;
    text-align: center;
    background: none;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.hexagon-new .content-front {
    background-image: url(//cdn2.hubspot.net/hubfs/473008/Inbound_Labs/hexagon-grey-2.png);
}
.hexagon-new .content-back {
    background-image: url("//cdn2.hubspot.net/hubfs/473008/Inbound_Labs/hover-hexa-blue.png");
}
.lte-ie9 .hexagon-new .content-back {
    display: none;
}
.lte-ie9 .hexagon-new:hover .content-back {
    display: block;
}
/** FLIP **/
.wrapper-features .row-fluid-wrapper:hover .row-fluid .content-back {
    text-transform: none;
}

.content-front, 
.content-back {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}
.hexagon-new .content-inner {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.hexagon-new .content-inner.content-inner.content-inner h2 {
    margin-top: 0;
}
.hexagon-new .content-inner.content-inner.content-inner h3 {
    text-transform: uppercase;
}
.hexagon-new .content-back .content-inner.content-inner.content-inner h2,
.hexagon-new .content-back .content-inner.content-inner.content-inner h2 span,
.hexagon-new .content-back .content-inner.content-inner.content-inner h3 {
    color: #E2E2E2;
}
.hexagon-new .content-back .content-inner.content-inner.content-inner h2 span {
    background-color: #217DC0;
}

.content-front,
.content-back {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.5s;
          transition: transform 0.5s;
}

.content-back {
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
}
.hexagon-new:hover .content-front {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}
.hexagon-new:hover .content-back {
  -webkit-transform: rotateY(0deg);
          transform: rotateY(0deg);
}
.wrapper-features .row-fluid-wrapper .feature-content.has-content.no-content:hover .content-front{
  -webkit-transform:  none!important;     
    transform: none!important;
}
/*
.wrapper-features .feature-content.feature-content-indent.has-content:hover .row-fluid-wrapper .content-front,
.feature-multi-column .row-fluid-wrapper:hover .content-front {
  opacity: 0;
}

.wrapper-features .feature-content.feature-content-indent.has-content:hover .row-fluid-wrapper .content-back,
.feature-multi-column .row-fluid-wrapper:hover .row-fluid .content-back  {
  -webkit-transform: rotateY(0);
          transform: rotateY(0);
         
}
*/
/**/
.span12.widget-span.widget-type-text.content-title-top { color:#031c38 !important; font-weight:400 !important; letter-spacing:1px;}

.section .wrapper-content .page-title .content-title-top, .section.player .wrapper-content .page-title .content-title-bottom {
    font-size: 18px;
}
.section .wrapper-content .page-title .content-title-top {
    margin-top: -7px;
    margin-bottom: 5px;    
    font-family: 'Lato', sans-serif !important;
    font-size:18px !important;
    color:#fff;
}
.section .wrapper-content .page-title .content-title-middle {
    font-size: 30px;
    font-weight: 600;
    letter-spacing: 1px;
}
.section .wrapper-content .page-title .content-title-bottom {
  margin-top: 5px;
  margin-bottom: -7px;
  letter-spacing: 1px;
}
.section .wrapper-content .content-description {
    margin-top: 25px;
    margin-left: 25px;
    padding-right: 50px;
    margin-bottom: -4px;
    font-size: 16px;
    color:#212121;
}
.section .wrapper-content .content-description p span{
  display: inline-block;
  line-height: 25px 0;
}


.section.looking-for {
    background: #e4e4e4;
    color: #333333;
    padding-top: 100px;
    padding-bottom: 180px;
    position: relative;
}
/*.section.looking-for .section-down-scroll{
   margin-top: 125px;
   position: relative; 
}*/

.section.looking-for .page-title{
    color: #031c38;
    padding-bottom: 25px;
}
.section.looking-for .wrapper-content {
    max-width: 370px;
    margin: auto;
    float: none;
}

.section.looking-for .wrapper-feature{
    text-align: center;
    margin-top: 21px;
    font-size:16px;
    color: #333333;
    /*letter-spacing: 1px;*/
}

.section.looking-for .wrapper-feature .feature-content-icon{
    color: #ececec;
    text-transform: uppercase;
    padding-bottom: 25px;
}
.section.looking-for .wrapper-feature .feature-content-icon img {
    width: 256px!important;
}
/*.section.looking-for .wrapper-feature:hover {
    -moz-opacity: 0.70;
    -khtml-opacity: 0.70;
    opacity: 0.70;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=70);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
    filter:alpha(opacity=70);
}*/
.section.looking-for .wrapper-feature .content-feature-title{
    color: #031c38;
    text-transform: uppercase;
    font-weight: 600;
    margin-top: -3px;
    font-size:16px;
    font-family: 'Lato', sans-serif !important;
    letter-spacing: 1px;
}

.content-form-holder{
      margin-top: 200px;
}
/*************************/

.section.hub {
  background: #002243;
  color: #fff;
  padding-top: 100px;
  position: relative;
  padding-bottom: 171px;
}
/*.section.hub .section-down-scroll{
   margin-top: 100px;
   position: relative; 
}*/

.section.hub .page-title{
    color: #ececec;
    padding-bottom: 25px;
     text-transform: initial;
}
.section.hub .wrapper-content .content-description {
    color: #888888;
    margin-top: -9px;
    margin-bottom: 27px;
}
.section.hub .wrapper-content {
    max-width: 370px;
    margin: auto;
    float: none;
}

.section.hub .wrapper-feature,
.section.looking-for .wrapper-feature{
    text-align: center;
    margin-top: 21px;
    color: #E4E4E4;
    margin-bottom: -6px;
    background-position: center top;
    background-repeat: no-repeat;
    padding-top: 286px; 
}
.section.hub .wrapper-feature h2{
    font-size: 16px;
    color: #FFFFFF;
    letter-spacing: 1px;
    font-weight: 500;
}
.section.looking-for .wrapper-feature h2{
    font-size: 16px;
    color: #021B38;
    letter-spacing: 1px;
    font-weight: 500;
}
.section.hub .wrapper-feature p{
    margin: 0 26px;
    color: #B6BDC4;
}
.section.looking-for p{
    margin: 0 26px;
    color: #333333;
}
.section.hub .span12.widget-span.widget-type-text.content-title-top {
    color: #E0E0E0 !important;
}
.wrapper-feature{
      transition: all .3s ease 0s;
}
.wrapper-feature:hover h2{
    color: #227CC0 !important;
}
.wrapper-feature.scoop{
    background-image: url(//cdn2.hubspot.net/hubfs/473008/bg-ft-scoop.png);
}
.wrapper-feature.scoop:hover{
    background-image: url(//cdn2.hubspot.net/hubfs/473008/bg-ft-scoop-hover.png);
}
.wrapper-feature.lab{
    background-image: url(//cdn2.hubspot.net/hubfs/473008/bg-ft-lab.png);
}
.wrapper-feature.lab:hover{
    background-image: url(//cdn2.hubspot.net/hubfs/473008/bg-ft-lab-hover.png);
}
.wrapper-feature.wall{
    background-image: url(//cdn2.hubspot.net/hubfs/473008/bg-ft-wall.png);
}
.wrapper-feature.wall:hover{
    background-image: url(//cdn2.hubspot.net/hubfs/473008/bg-ft-wall-hover.png);
}

.wrapper-feature.advisor{
    background-image: url(//cdn2.hubspot.net/hubfs/473008/Inbound_Labs/savvy.png);
}
.wrapper-feature.advisor:hover{
    background-image: url(//cdn2.hubspot.net/hubfs/473008/Inbound_Labs/bg-ft-savy-hover.png);
}
.wrapper-feature.communication{
    background-image: url(//cdn2.hubspot.net/hubfs/473008/Inbound_Labs/goodcommunitation.png);
}
.wrapper-feature.communication:hover{
    background-image: url(//cdn2.hubspot.net/hubfs/473008/Inbound_Labs/bg-ft-communication-hover.png);
}
.wrapper-feature.relationship{
    background-image: url(//cdn2.hubspot.net/hubfs/473008/Inbound_Labs/relation-ship.png);
}
.wrapper-feature.relationship:hover{
    background-image: url(//cdn2.hubspot.net/hubfs/473008/Inbound_Labs/bg-ft-relationship-hover.png);
}


.section.hub .wrapper-feature .feature-content-icon{
    color: #ececec;
    text-transform: uppercase;
    padding-bottom: 25px;
   /* background:url ( 'http://cdn2.hubspot.net/hubfs/473008/Inbound_Labs/scop-icon.png' );
     background:url ( http://cdn2.hubspot.net/hubfs/473008/Inbound_Labs/grey-hexa-new.png) no-repeat;
     height: 260px;
     line-height: 11; */
}
.section.hub .wrapper-feature .feature-content-icon img {
   /* width: 233px!important;
    height: 256px;*/
    text-align:center !important;
}
.section.hub .wrapper-feature:hover {
    /*background-image:#217DC0 !important;;
   color:#217DC0 !important;*/
  /* -moz-opacity: 0.70;
    -khtml-opacity: 0.70;
    opacity: 0.70;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=70);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
    filter:alpha(opacity=70); */
}
/*.section.hub .wrapper-feature:hover .feature-content-icon { background:url('//cdn2.hubspot.net/hubfs/473008/Inbound_Labs/anyalytics-hover.png') no-repeat; } */
.section.hub .wrapper-feature .content-feature-title{ 
    color: #ececec;
    text-transform: uppercase;
    font-weight: 700;
    margin-top: -3px;
}

/**************************/
.section.way .wrapper-content-feature {
    margin-top: 15px;
    padding-left: 70px;
    margin-bottom: -14px;
}
.section.way{
    /*background-image: url("//cdn2.hubspot.net/hubfs/473008/Inbound_Labs/banner-2.jpg");*/
    /*padding-top: 100px;
    font-size: 16px;*/
   /* background-size:cover;
    background-repeat:no-repeat;
    background-position: center;*/
    padding-top: 200px;
  padding-bottom: 200px;
  position: relative;
}
.section.way .section-down-scroll{
   /*margin-top: 100px;
   position: relative; */
}
.section.way .hexagon-row-text-icon{
    background-image: url("//cdn2.hubspot.net/hubfs/473008/Inbound_Labs/player-icon-img.png");
    /*background-image: url("//cdn2.hubspot.net/hub/473008/file-2666365622-png/Inbound_Labs/hexagon-black.png");*/
    height: 258px;
    width: 230px;
    background-repeat: no-repeat;
    display: table;
}

.feature-content .hexagon-row-text-icon span {
    font-size: 16px;
    letter-spacing: 0.8px;
    color: #031c38;
    text-transform: uppercase;
    font-weight: bold;
    display: block;
}

.section.way .hexagon-row-text-icon .layout-widget-wrapper{
    font-size: 55px;
    color: #031c38;
    text-align: center;
    vertical-align: middle;
    display: table-cell;    
}

.section.way .wrapper-content-feature .hexagon-row-text-description {
    color :#333333!important;
}

.section.way .wrapper-content-feature > .row-fluid-wrapper:nth-child(even) {
   margin-left: 118px;  

}

.section.way .wrapper-content-feature .feature-content {
  margin-top: -41px;
}

.section.way .content-title-middle {
    border-bottom: #AAB2BC 1px solid;
    border-top: #AAB2BC 1px solid;

}
.section.hub .content-title-middle {
    border-bottom: #425C74 1px solid;
    border-top: #425C74 1px solid;

}

.section.way .wrapper-content {
    margin-top: 25px; 
}
.section.way .wrapper-content-feature .hexagon-row-text-description {
    display: table;
    height: 258px;
} 
.section.way .wrapper-content-feature .hexagon-row-text-description .content-description{
    vertical-align: middle;
    display: table-cell;
    float: none;
    height: 258px;
    padding-left: 17px;
}
.section.way .wrapper-content-feature .hexagon-row-text-description .content-description .description-title {
    font-weight: 600;
    text-transform: uppercase;
    font-size:16px !important;
    color: #111;
}
.section.way .wrapper-content-feature .hexagon-row-text-description .content-description .description-content {
    /*font-weight: 300;*/
    font-family: 'Lato', sans-serif !important;
    /*font-size: 14px;*/
    color: #222;
}
 
 .section.way .content-title-middle{
    border-bottom: rgba(0,0,0,.3) 1px solid;
    border-top: rgba(0,0,0,.3) 1px solid; 
 }
 .section.way .content-description p{
     color: #222;
 }

.section.move {
    /*background-image: url("//cdn2.hubspot.net/hubfs/473008/Inbound_Labs/lets-connect-img.jpg");
    background-color: #052242; */
    color: #ffffff;
    padding-top: 125px; 
    padding-bottom: 230px; 
}

.section.move .content{
    padding-left: 210px;  
    padding-right: 210px;  
    
}
.section.move .content .page-header {
    text-align: center;
    display: table-cell;
}
.section.move .content .page-header h1{
    font-size: 50px;
   
    font-weight: 300;
    vertical-align: middle;
    line-height: 41px;
    margin-bottom: 25px;
    margin-top: 10px;
    color: #ffffff;
}
.section.move .content .page-header p{
    line-height:  25px;
        font-size: 18px;
      margin: 0 26px;
      font-weight: 400;
      color: #DDDDDD;
}
.cta.lets-connect-cta a{ background:#217DC0 !important; transition:all 0.3s ease 0s; padding: 14px 44px; }
.cta.lets-connect-cta a:hover{ color:#217DC0; background:#FFF !important; }


.section.footer {
    padding-top: 125px;
    padding-bottom: 30px;
    background-color: #ffffff;
    border:0;
   
}
.section.footer .about-us {
    padding-left: 70px;
    padding-right: 70px;
    text-align: right;
}
.section.footer .company {
    padding-left: 70px;
    padding-right: 70px;
    text-align: left;
}
.section.footer .company .contacts-list{
    list-style-type: none;
    padding: 0;
}
.section.footer .company .contacts-list a{
    text-decoration: none;
    color: #646464;
}
.section.footer h4 {
    margin-top: 0; 
    margin-bottom: 25px;
    color: #242424;
    font-style: normal;
}

.section.copyright{
     border:0;
}
.section.copyright .copyrights{
    text-align: center;
    font-size:13px;
    padding-top: 125px;
    padding-bottom: 125px;

    
}







/*#hs_cos_wrapper_module_14272624258764870 > div { width:32% !important; float:right !important; }
*/

@media screen and (min-width: 75em) {
    /* width 1200px up */
}


@media only screen and (min-width: 62em) and (max-width: 75em) {
	/* 992px and 1200px */
    
    .section.player .wrapper-features > .row-fluid-wrapper:nth-child(1),
    .section.player .wrapper-features > .row-fluid-wrapper:nth-child(3) {
        left: 118px;
    }
    
    .section.player .wrapper-features > .row-fluid-wrapper:nth-child(2),
    .section.player .wrapper-features > .row-fluid-wrapper:nth-child(4) {
        left: 0;
    }
    
    .section.way .wrapper-content-feature {
        padding-left: 0;
    }
}

@media screen and (max-width: 61.938em) {
	/* width: 991px; */
    .section.way .wrapper-content-feature {
        padding-left: 0;
    }

    .section.way .wrapper-content-feature > .row-fluid-wrapper:nth-child(2n) {
        margin-left: 0;
    }
    
    .section.way .wrapper-content-feature .feature-content {
        margin-top: 0;
        margin-bottom: 10px;
    }
}

@media only screen and (min-width: 58.875em) and (max-width: 61.938em) {
    /* 942px and 991px */

    .section.player .wrapper-features > .row-fluid-wrapper:nth-child(1),
    .section.player .wrapper-features > .row-fluid-wrapper:nth-child(3) {
        left: 118px;
    }
    
    .section.player .wrapper-features > .row-fluid-wrapper:nth-child(2),
    .section.player .wrapper-features > .row-fluid-wrapper:nth-child(4) {
        left: 0px;
    }
    
}


@media only screen and (min-width: 40.250em) and (max-width: 58.813em) {
    /* 644px and 941px */
    .section.player .wrapper-content,
    .section.player .wrapper-features {
        width: 100%;
        padding-left: 0;
    }

    .section.player .wrapper-content .content-description {
        padding: 0;
        margin: 0;
    }
    .section.player .wrapper-features {
        font-size: 0;
        line-height: 0;
        float: none;
        text-align: center;
        margin: 0;
        width: auto;
        overflow: hidden;
        display: block;
        height: auto;
        padding-right: 122px;
    }
    .section.player .wrapper-features > .row-fluid-wrapper {
        position: static;
    }
    .section.player .wrapper-features > .row-fluid-wrapper > div > div {
        margin-top: -50px;
    }
    .section.player .wrapper-features > .row-fluid-wrapper:first-child > div > div {
        margin-top: 0;
    }
    .section.player .wrapper-features .feature-shift-right {
        width: 100%;
        margin-left: 122px;
    }
    .section.player .wrapper-features .feature-content {
        display: inline-block;
    }
    .section.player .section-down-scroll {
        margin-top: 0;
    }
}


@media screen and (max-width: 47.938em) {
	/* width 767px */
     
    .section.way .hexagon-row-text-icon,
    .section.way .wrapper-content-feature .hexagon-row-text-description {
        float: left;
    }
    
    .section.way .wrapper-content-feature .hexagon-row-text-description {
        width: 65%;
    }
    .section.hero {
        padding: 50px 0;
    }
    .section.hero .header.header.header {
        margin-bottom: 25px;
    }
    .section.hero .wrapper-inner h1{
        line-height: 1.1;
        margin-bottom: 25px;
    }
    .section.hero .section-down-scroll,
    .section.player .section-down-scroll {
        margin-top: 0;
    }
    .section.move .content {
        padding-left: 0;
        padding-right: 0;
    }
    .section.footer .about-us {
        text-align: left;
    }
    .section.footer .about-us,
    .section.footer .company {
        margin: 0 auto;
        padding: 0 10px;
        width: auto;
    }
}

@media screen and (max-width: 40.188em) {
    /* width 643px */
    .section.player .wrapper-content .content-description,
    .section.player .wrapper-features {
        padding: 0;
        margin: 0;
    }
    
    .section.player .wrapper-features > .row-fluid-wrapper {
        position: static;
    }
    .section.player .wrapper-features .feature-multi-column .row-fluid-wrapper {
        width: auto;
        display: block;
    }
    .section.player .wrapper-features .feature-content {
        display: block;
        margin: 0 auto;
    }
    .section.player .wrapper-features .feature-multi-column > .row-fluid-wrapper:first-child {
        margin: 0;
    }
}

@media only screen and (min-width: 30.063em) and (max-width: 43.688em) {
    /* 481px and 699px */
    .section.way .wrapper-content-feature .hexagon-row-text-description {
        width: 48%;
    }
}

@media screen and (max-width: 30em) {
	/* width 480px */

    .section.player .wrapper-features {
        padding-left: 0;
        margin-top: 0;
    }

    .section.way .hexagon-row-text-icon,
    .section.way .wrapper-content-feature .hexagon-row-text-description {
        float: none;
        margin: 0 auto;
    }

    .section.way .wrapper-content-feature .hexagon-row-text-description {
        width: auto;
        height: auto;
        margin: 15px auto;
        text-align: center;
    }
    
    .section.way .wrapper-content-feature .hexagon-row-text-description .content-description {
        height: auto;
        padding: 0px;
        display: block;
    }
}
@media screen and (max-width: 22.500em) {
    /* width 360px */
    .section.hero .subscription-form form {
        display: block;
    }

}








/*=================================================================
    New Footer Styling
=================================================================*/

body .footer-container-wrapper {
    /*background: #0a183a;
    padding: 25px 0;*/
}

.section-footer {
    background: #0a183a;
    padding: 25px 0;
    margin-top: 100px;
}


.section-footer .copy-text ul, .section-footer .address-text ul {
    list-style: none;
    padding: 0;
    margin: 0;
    font-family: "Open Sans",sans-serif;
}


.section-footer .copy-text ul li:first-child {
    margin-right: 25px;
}

.section-footer .copy-text ul li {
    display: inline-block;
    padding: 0;
    color: #a9a9a9;
    font-size: 14px;
    line-height: 20px;
}

.section-footer .address-text ul li:first-child {
    margin-right: 25px;
}

.section-footer .address-text ul li {
    display: inline-block;
    padding: 0;
    color: #a9a9a9;
    font-size: 14px;
    line-height: 20px;
}

.section-footer .address-text ul li a {
    color: #a9a9a9;
    font-size: 14px;
    line-height: 20px;
}

.section-footer .address-text ul li img {
    margin-right: 10px;
}

.section-footer .address-text ul li:last-child img {
    position: relative;
    top: -2px;
}

.section-footer .address-text ul li:first-child+li {
    margin-right: 25px;
}


.footer-menu .head-text{
    margin-bottom: 7px;
}

.footer-menu .head-text h4{
    color: #939ca8;
    font-size: 14px;
    font-weight: 300;
    line-height: 30px;
    letter-spacing: 0.5px;
    font-family: 'Raleway', sans-serif;
    text-transform: uppercase;
}

body .row-fluid .footer-menu .hs-menu-wrapper>ul>li{
    border:0px;
    margin-bottom: 20px;
}

.footer-address {
    padding: 20px 0;
}

.footer-address p {
    font-size: 14px;
    line-height: 1.29;
    letter-spacing: 0.1px;
    text-align: right;
    color: #3d3f3f;
    font-family: 'Raleway', sans-serif;
}




@media(max-width: 1024px) and (min-width: 768px){

body .footer-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1 {
    text-align: left;
}
    

/*=====Footer Menu=======*/




}



@media(max-width:767px){
    
body .section-footer .copy-text ul li, body .section-footer .address-text ul li {
    font-size: 14px;
    line-height: 20px;
    width: 94%;
    text-align: center;
    padding: 10px 0;
}

}








/*====================================== Header Styling Implementation ============================================================ */

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

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

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


body .custom-menu-primary .hs-menu-wrapper>ul>li{
    padding:0 17px;
}

body .custom-menu-primary .hs-menu-wrapper>ul>li:last-child{
    padding-right:0px;
}



/*=======================================================================
    Header Styling
=======================================================================*/
.header-container-wrapper {
    position: relative;
}



.custom-header-section .wrapper{
    position:relative;
    
}

.custom-header-section {
    padding: 28px 0;
    z-index: 1;
    position: relative;
}

.header-logo img {
    max-width: 179px;
}

.header-nav {
    padding-top: 5px;
}

.header-nav .hs-menu-wrapper > ul {
        padding: 0;
}

.header-nav .hs-menu-wrapper > ul > li {
    /* padding: 0 14px; 
    padding-bottom:24px;*/
    padding-bottom:0px;
}

.header-nav .hs-menu-wrapper > ul > li:last-child {
    padding: 0 14px;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li a {
    display: inline-block;
    text-decoration: none;
    line-height: normal;
    font-family: Raleway, Sans-Serif;
    text-align: left;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.9px;
    color: #fff;
    text-transform: uppercase;
}


body .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 {
    float:none;
    display: inline-block;
    position: relative;
}

.hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children:before {
    content: "\f107";
    font-family: Fontawesome;
    right: 8px;
    position: absolute;
    top: 0px;
    color: #727277;
    font-weight: 700;
    font-size: 14px;
}

li.hs-menu-item.hs-menu-depth-1.hs-item-has-children {
    padding-right: 24px;
}

/*.hs-menu-wrapper.hs-menu-flow-horizontal li.hs-menu-item.hs-menu-depth-1.hs-item-has-children:hover:before, .hs-menu-wrapper.hs-menu-flow-horizontal li.hs-menu-item.hs-menu-depth-1.active.hs-item-has-children.active-branch:before, .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts>ul li.hs-item-has-children:hover>a, .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children.active-branch>a, .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children.active-branch>ul li.hs-menu-item.hs-menu-depth-2.active.active-branch>a {
    opacity:1;
    color:#505056;
}*/



/*========================================= BREADCRUM MENU ========================================= */

.breadcrumb-peo-head ul {
    margin: 0;
}

.header-container-wrapper {
    position: absolute;
    width: 100%;
}

@media(min-width:1025px){

.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts>ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    -webkit-transition: opacity .4s;
    right: -19px;
    top: 37px;
    left: auto;
    padding:13px 0 0;
    background-color: #fff;
    border: 1px solid #c5c6c7;
    box-shadow: none;
    float: left;
    position: absolute;
    margin: 0;
    z-index: 99999;
    border-radius: 4px;
    width: 188px;
}


.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts>ul li.hs-item-has-children ul.hs-menu-children-wrapper:before {
    content: "";
    position: absolute;
    right: 20px;
    top: -11px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 11px 11px 11px;
    border-color: transparent transparent #ffffff transparent;
    z-index: 9999;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts>ul li.hs-item-has-children ul.hs-menu-children-wrapper:after {
    content: "";
    position: absolute;
    right: 20px;
    top: -12px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 11px 11px 11px;
    border-color: transparent transparent #c5c6c7 transparent;
    z-index: 9998;
}

}










@media(max-width:1024px){



body .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1 {
    float: none;
    display: block;
    position: relative;
    text-align: center;
    width: auto!important;
    max-width: none;
}
body .custom-menu-primary .hs-menu-wrapper>ul li a {
    padding: 0 10px;
    color: #fff;
    width: auto!important;
    max-width: none!important;
    display: inline-block;
}
body .child-trigger {
    display: inline-block !important;
    cursor: pointer;
    top: 18px;
    width: 55px !important;
    min-width: 55px !important;
    height: 30px !important;
    padding: 0 !important;
    position:relative;
}
body .child-trigger:before {
    content: "\f107";
    font-family: Fontawesome;
    right: auto;
    left: 0;
    position: absolute;
    top:0;
    color: #fff;
    font-weight: lighter;
    font-size: 13px;
}

body .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children:before {
    display:none;
}

/*
.hs-menu-wrapper.hs-menu-flow-horizontal li.hs-menu-item.hs-menu-depth-1.hs-item-has-children:hover .child-trigger:before,
.hs-menu-wrapper.hs-menu-flow-horizontal li.hs-menu-item.hs-menu-depth-1.active.hs-item-has-children.active-branch .child-trigger:before,
.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts>ul li.hs-item-has-children:hover>a, .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children.active-branch .child-trigger:before,
.hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children.active-branch>ul li.hs-menu-item.hs-menu-depth-2.active.active-branch .child-trigger:before{
    color: #0d9ae1;
}

*/

    body .container-fluid .row-fluid .custom-menu-primary {
    float: right;
    width: 100%;
    max-width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 11;
    top: 0;
    margin: 0;
    background-repeat: no-repeat;
    background-size: cover;
    padding:0;

}
body .container-fluid .row-fluid .custom-menu-primary .hs-menu-wrapper > ul{
    padding-bottom: 60px;
    /* background: url(//cdn2.hubspot.net/hubfs/206008/Assets-May-17/mobile%20bg.png?t=1501831064468); */
    padding-top: 60px;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #003e80;
}
body .custom-menu-primary .hs-menu-wrapper > ul li {
    border-top: 0;
}

body.mobile-open .mobile-trigger {
    color: #ffffff;
    background-color: transparent;
    border-color: transparent;
    z-index: 999;
    overflow: hidden;
}

body .container-fluid .row-fluid .header-logo {
    z-index: 9999;
    position: relative;
    padding-left: 20px;
}

 .mobile-trigger {
    border: 0;
    top: 8px;
    right: 14px;    
    background:transparent;
}

 .mobile-trigger i,  .mobile-trigger i:before,  .mobile-trigger i:after {
    width: 36px;
    height: 3.2px;
    background: #00ccff;
    border-radius: 2px;
}

 .mobile-trigger i:before {
    top: -6px;
}

 .mobile-trigger i:after {
    top: 6px;
}

body.mobile-open .mobile-trigger {
    background-color: transparent;
}

 body .mobile-trigger:hover {
    background-color: rgba(0, 0, 0, 0);
    border-color: transparent;
}

 body .mobile-trigger:hover i,  body .mobile-trigger:hover i:before, 
 body .mobile-trigger:hover i:after, body.mobile-open .mobile-trigger i:before, body.mobile-open .mobile-trigger i:after {
    background-color: #727272;
}
body.mobile-open .mobile-trigger i{
     background-color:transparent!important;
 }
 .mobile-trigger i:before {
    top: -10px;
}

 .mobile-trigger i:after {
    top: 10px;
}

 .mobile-trigger i{
    transition: all .5s ease-in;
}

.mobile-open .mobile-trigger i{
    background:#fff;
    transition: all .1s ease-in;
}

.mobile-trigger i:before,
 .mobile-trigger i:after{
    transition: all .3s ease-in;
}

.mobile-open .mobile-trigger i:before {
    top: 0;
    transform: rotate(45deg);
}

.mobile-open .mobile-trigger i:after{
    top: 0;
    transform: rotate(-45deg);
}


.custom-menu-primary .hs-menu-wrapper {
    background-color: transparent!important;
}



}




/*=================================================================================

                                Mobile Styling for Header

===================================================================================*/
@media(max-width:767px){

body .container-fluid .row-fluid .header-logo {
    z-index: 9999;
    position: relative;
    max-width: 138px;
    float: left;
}



}













/* ==========================================================================
   Custom Menu Primary
   ========================================================================== */


 /* Set ul background color */
 /* Set li background Color */
 /* Set link Color */
 /* Set link Hover Color */

/* Parent List */
.custom-menu-primary .hs-menu-wrapper > ul{ 
  /*background:;*/
}
.custom-menu-primary .hs-menu-wrapper > ul > li{
  background:;
}
.custom-menu-primary .hs-menu-wrapper > ul > li > a{
  color:;
}
.custom-menu-primary .hs-menu-wrapper > ul > li > a:hover{
    color: #f6a623;
}

.custom-menu-primary .hs-menu-wrapper > ul > li.active-branch > a{
    color: #f6a623;
    font-weight:bold;
}


/* Child List */
.custom-menu-primary .hs-menu-wrapper > ul ul{}
.custom-menu-primary .hs-menu-wrapper > ul ul li{
  padding: 12px 30px;
}

.custom-menu-primary .hs-menu-wrapper > ul ul li:hover{
  background-color:#11b1d6;
}

.custom-menu-primary .hs-menu-wrapper > ul ul li:hover a{
    color:#fff;
}

.custom-menu-primary .hs-menu-wrapper > ul ul li a{
    font-size: 14px;
    line-height: normal;
    text-align: left;
    color: #505056;
    text-transform: capitalize;
    font-weight: normal;
    letter-spacing: 0.1px;
}
.custom-menu-primary .hs-menu-wrapper > ul ul li a:hover{
  color:#fff;
}

.custom-menu-primary .hs-menu-wrapper > ul li a, 
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
  overflow: visible !important;
  max-width: none !important;
  width: auto !important;
}

/* Fix menu disappearing on desktop after toggling mobile menu */
@media screen and (min-width:1025px) {
      .custom-menu-primary .hs-menu-wrapper { 
          display:block !important;
      }
body .row-fluid .header-nav {
   /* position: absolute;
    right: 170px;*/
}



  }




/* ==========================================================================
   Mobile Menu - Hubspot Standard Toggle Menu
   ========================================================================== */


/**
 * Special Note
 *
 * When the menu is open, a class of .mobile-open is applied to the body. You can 
 * use this for custom styling on any element when the menu is in the open position.                     
 */

.mobile-trigger, .child-trigger{
    display: none; /* Hide button on Desktop */
}

@media(max-width:767px){
body .header-logo img {
    max-width: 128px;
}

.custom-header-section .wrapper, .custom-header-section .row-fluid .wrapper[class*="span"] {
    padding: 0 15px;
}




}

@media (max-width: 1024px){
.header-container-wrapper .hs-menu-wrapper{
    display:none;
}

body .custom-header-section {
    padding: 21px 0;
}


li.hs-menu-item.hs-menu-depth-1.hs-item-has-children {
    padding-right: 0;
}

li.hs-menu-item.hs-menu-depth-1.hs-item-has-children>a {
    padding-left: 55px;
}

body .container-fluid .custom-footer-section .hs-menu-wrapper {
    display: block;
}

.custom-menu-primary .hs-menu-wrapper>ul ul li {
    background-color: transparent!important;
}

body .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts>ul li.hs-item-has-children ul.hs-menu-children-wrapper{
    padding:0;
    background-color:transparent;
}
body .custom-menu-primary .hs-menu-wrapper > ul ul li a{
    color:#fff;
    text-align:center;
}

  /* Variables
     ========================================================================== */

     /* Set Mobile Menu Background Color */
        /* Set Link Color */
   /* Set Link Hover Color */

  /* 
    * Menu Reset
    *
    * Remove styling from desktop version of custom-menu-primary. Place any 
    * additional CSS you want removed from the mobile menu in this reset 
    */

  .custom-menu-primary,
  .custom-menu-primary .hs-menu-wrapper > ul,
  .custom-menu-primary .hs-menu-wrapper > ul li,
  .custom-menu-primary .hs-menu-wrapper > ul li a{
    display: block;
    float: none;
    position: static;
    top: auto;
    right: auto;
    left: auto;
    bottom: auto;
    padding: 0px;
    margin: 0px;
    background-image: none;
    background-color: transparent;
    border: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow:    none;
    box-shadow:         none; 
    max-width: none;
    width: 100%;
    height: auto;
    line-height: 1;  
    font-weight: normal;
    text-decoration: none;
    text-indent: 0px;
    text-align: left;
    color:#ffffff;
  }


  /* Toggle Button
     ========================================================================== */

  body .mobile-trigger{
    display: inline-block !important;
    cursor: pointer;
    position: absolute;
    top: 0px;
    width: auto;
    height: auto;
    padding: 7px 10px 8px 10px;
    background: transparent;
    border: 1px solid transparent;
    font-size: 16px;
    font-weight: normal;
    text-align: left;
    text-transform: uppercase;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #fff; 
  }


  /* Change button when menu is open */
  .mobile-open .mobile-trigger{
    color:#ffffff;
    background-color: transparent; 
    border-color: transparent;
  }


  /* Toggle Button Icon
     ========================================================================== */

  .mobile-trigger i{
    display: inline;
    position: relative;
    top: -4px;
  }
  .mobile-trigger i:before, .mobile-trigger i:after{
    position: absolute;
    content: '';
  }
  .mobile-trigger i, .mobile-trigger i:before, .mobile-trigger i:after{
    width: 20px; /* Icon line width */
    height: 2px; /* Icon line height */
    -webkit-border-radius: 3.5px;
    -moz-border-radius: 3.5px;
    border-radius: 3.5px;
    background-color: #003e80; /* Icon color */
    display: inline-block;
  }
  .mobile-trigger i:before{
    top: -7px; /* Position top line */
  }
  .mobile-trigger i:after{
    top: 7px; /* Position bottom line */
  }
  
  .mobile-trigger:hover i, .mobile-trigger:hover i:before, .mobile-trigger:hover i:after,  
  .mobile-open .mobile-trigger i, .mobile-open .mobile-trigger i:before, .mobile-open .mobile-trigger i:after{
      background-color: #2E475F; /* Icon color */
  }


  /* Child Toggle Button
     ========================================================================== */

  .child-trigger{
    display: block !important; /* Hide button on Desktop */
    cursor: pointer; /* Mouse pointer type on hover */
    position: absolute;
    top: 0px;
    right: 0px;
    width: 55px !important; /* Button width */
    min-width: 55px !important;
    height: 45px !important; /* Button height */  
    padding: 0 !important;
    /*border-left: 1px dotted rgba(255, 255, 255, .20);*/
  }
  .child-trigger:hover{
    text-decoration: none;
  }
  .child-trigger i{
    position: relative;
    top: 50%; /* Centers icon inside button */
    margin: 0 auto !important;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  .child-trigger i:after{
    position: absolute;
    content: '';
  }
  .child-trigger i, .child-trigger i:after{
    width: 10px; /* Icon line width */
    height: 1px; /* Icon line height */
    background-color:#fff; /* Icon color */
    display: none;

  }
  .child-trigger i:after{
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  .child-trigger.child-open i:after{
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
  .child-trigger.child-open i{
  }

    
  /* Menu Styles on Mobile Devices
     ========================================================================== */  
     
   .custom-menu-primary.js-enabled{
       position: relative;
       padding-top: 44px; /* Makes room for button */
       margin: 10px 0 10px 0;
   }

  /* Hide menu on mobile */
  .custom-menu-primary.js-enabled .hs-menu-wrapper,
  .custom-menu-primary.js-enabled .hs-menu-children-wrapper{
    display: none;
  }  

  /* Make child lists appear below parent items */
  .custom-menu-primary ul.hs-menu-children-wrapper{
    visibility: visible !important;
    opacity: 1 !important;
    position: static !important;
    display: none;
  }

  /* Mobile Menu Styles */ 
  body .custom-menu-primary.js-enabled .hs-menu-wrapper{
    width: 100%;
    position: relative; /**************************************************************/
    top: 68px;             /* Positions the menu to drop from the very top of the screen */
    left: 0;          /**************************************************************/
    padding: 0;
  }
  .custom-menu-primary .hs-menu-wrapper{
    background-color:rgba(0, 0, 0, 0)!important;  /* Menu background color set off global menuColorMobile variable */
    width: 100%; /* Full screen width */
  }

   /* Level 1 Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul > li{
    position: relative;
  }
  .custom-menu-primary .hs-menu-wrapper > ul > li a{
    overflow: visible;
        font-size: 18px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.67;
    letter-spacing: 1.4px;
    text-align: center;
    color: #ffffff;
  }

  /* Level 1 and Higher Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul li{
    /*border-top: 1px dotted rgba(255, 255, 255, .35); */ /* Adds transparent dark highlights to top of top level list items */
  }
  .custom-menu-primary .hs-menu-wrapper >  ul li a{
    padding: 0 10px;
    color:#ffffff; /* link color set by global mobile-aColor variable */
  }
  .custom-menu-primary .hs-menu-wrapper > ul li a:hover{
    color:#ffffff; /* link hover color set by global mobile-aColorHover variable */
  }

  /* Level 2 and Higher Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul ul li{
    background-color: rgba(255, 255, 255, .08);
  }
  .custom-menu-primary .hs-menu-wrapper > ul ul li a{
    text-indent: 10px; /* Indent Child lists */
    font-size: 16px; /* Font size of child lists */
  }

  /* Level 3 and Higher Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul ul ul li a{
    text-indent: 30px; /* Indent Child lists */
  }
  .custom-menu-primary .hs-menu-wrapper > ul ul ul ul li a{
    text-indent: 50px; /* Indent Child lists */
  }
}


@media(max-width:767px){
    body .header-container-wrapper .custom-menu-primary.js-enabled .hs-menu-wrapper {
    width: 100%;
    position: relative;
    top: 51px;
    left: 0;
    padding: 0;
}
}


@media(min-width:1025px){
    body .container-fluid .row-fluid .hero-section {
    padding: 267px 0 352px;
}
}


.section.player .wrapper-features.features-new-style .feature-content h3 {
    font-family: 'Lato', sans-serif !important;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: 0.4px;
    text-align: center;
    color: #031c38;
}

.feature-new-sec .feature-content .hexagon-row-text-icon span {
    font-size: 16px;
    letter-spacing: 0.8px;
    color: #031c38;
    text-transform: uppercase;
        font-weight: bold;
}