@import url('//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');
/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/



/****************************************/
/* HubSpot Style Boilerplate            */
/****************************************/




/*****************************************/
/* Start your style declarations here    */
/*****************************************/


* {
  -webkit-font-smoothing: antialiased;
}

body {
    background: #fff;
    color: #8897A6;
	  font-weight: 400;
	  line-height: 30px;
    font-size: 1em;
    line-height: 1.7;
    font-family: 'Open Sans', sans-serif;
    margin: 0px; 
    min-width: 350px;
}

.form-outer-container {
  border-top: 1px solid #E0E6ED;
  border-bottom: 1px solid #E0E6ED;
}

/* When I add the videos in the margins of banner-container and main-container will have to change */

.my-body-container {
  max-width: 1140px;
  margin: 0px auto !important;
  float: none !important;
}
.banner-container {
  width: 70% !important;
  margin: 130px auto 25px !important;
  float: none !important;
  text-align: center;
}

@media (max-width: 830px){
  .banner-container {
    width: 90% !important;
    margin: 70px auto 15px !important;
  }
}

.image-sub-header {
  margin-top: 70px;
  color: #F26322;	
  font-size: 16px;	
  font-weight: bold;	
  letter-spacing: 1.14px;	
  line-height: 30px;
}
.main-header h1 {
  margin-top: 25px;
  margin-bottom: 0px;
  color: #34495E;	
  font-size: 65px !important;	
  font-weight: bold !important;	
  letter-spacing: -1.05px;	
  line-height: 85px;
}


@media (max-width: 830px){
  .main-header h1 {
    font-size: 37px !important;
    line-height: 1.3;
  }
}

.sub-header {
  margin-top: 30px;
  font-size: 20px;	
  line-height: 35px;  
  
}


@media (max-width: 830px){
  .sub-header {
    font-size: 18px !important;
    line-height: 1.3;
  }
}

.main-container {
  width: 60% !important;
  margin: 20px auto !important;
  float: none !important;
}

@media (max-width: 830px){
  .main-container {
    width: 85% !important;
  }
}

.main-container p {
  color: #6D7F8F;	
  font-size: 16px;	
  line-height: 30px;
  margin-bottom: 30px;
}

.main-container h2 {
  color: #36495E;	
  font-size: 24px;	
  line-height: 33px;
  font-weight: 600;
  margin-top: 60px;
  margin-bottom: 25px;
}


.benefitsListTitle {
  font-weight: 600;
  margin-bottom: 0px !important;
  color: #36495E !important;
}

.benefitsList p {
  margin-top: 0px !important;
}

.main-container ul {
  list-style: none; 
  margin-top: 0px;
  margin-bottom: 30px;
}
.main-container ul li {
  color: #6d7f8f;
}

.main-container ul li::before {
  content: "\2022";  
  color: 	#D8D8D8;
  font-weight: bold; 
  display: inline-block; 
  width: 20px;
  margin-left: -20px;
}

.main-container ol li {
  margin: 5px 0px;
  color: #6d7f8f;
}

.form-container {
  width: 65% !important;
  margin: 100px auto 100px !important;
  float: none !important;
  text-align: center;
}

@media (max-width: 830px){
  .form-container {
    width: 90% !important;
    margin: 70px auto 100px !important;
  }
}

.form-container h2 {
	color: #34495E;
  font-size: 45px;	
  font-weight: bold;	
  line-height: 60px;
  margin-top: 0px;
  margin-bottom: 20px;
}

.form-sub {
  color: #8897A6;	
  font-size: 20px;
  line-height: 35px;
/*   width: 80%; 
  margin-left: auto;
  margin-right: auto; */
  padding-left: 30px;
  padding-right: 30px;
}

.connectors-form form {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
}

@media (max-width: 555px) { 
  .connectors-form form {
    display: block;
  }
}


.connectors-form  input[type=email] {
  width: 324px;
  color: #8897A6;	
  font-size: 16px;	
  line-height: 31px;
  padding: 10px 19px;
  border: 1px solid #D3DCE6;	
  border-radius: 4px;
  text-align: left;
  margin-right: 16px;
}
.connectors-form input[type=submit] {
  width: 160px;
  border-radius: 4px;	
  background-color: #4CB58E;
  color: #FFFFFF;	
  font-size: 16px;	
  line-height: 31px;
  font-weight: 600;	
  text-align: center;
  padding: 10px 19px;
  box-shadow: none;
  border: none;
  font-family: 'Open Sans', sans-serif;
}

@media (max-width: 555px) {
  .connectors-form input[type=email] {
    margin-right: 0px;
  }
  
  .connectors-form input[type=submit] {
    margin-top: 16px;
  }
}

/*****************************************/
/* MAGENTO   */
/****************************************/

.magento-image-section {
  display: flex;
  flex-wrap: wrap;
  margin-top: 80px;
}

.magento-image-section .magento-image  {
  width: 50%;
  text-align: center;
}

@media (max-width: 550px){
  
  .magento-image-section .magento-image  {
      width: 70%;
      margin-left: auto;
      margin-right: auto;
      text-align: center;
  }
  #nineMonths  {
      margin-bottom: 30px;
  }
}

.magento-image-section .magento-image .magento-image-caption {
  color: #F26322;	
  font-size: 16px;	
  font-weight: 600;	
  line-height: 24px;
  width: 50%;
  margin: 20px auto;
    
}

#magento-ebook-image {
  margin: 60px auto;
  width: 100%;
}


/*****************************************/
/* SHOPIFY   */
/*****************************************/

#shopifyEnglishHack {
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}

/*****************************************/
/* SHOPIFY   */
/*****************************************/

#googleBottomText {
    color: #36495e;
    font-size: 28px;
    line-height: 33px;
    font-weight: 600;
    margin-top: 80px;
    margin-bottom: 80px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

/*****************************************/
/* EXCEL   */
/*****************************************/

.excel-quote-section {
  text-align: center;
  margin-top: 60px;
  margin-bottom: 80px;
}
.excel-image-upper img {	
  height: 67px;	
  width: 112px; 
}

.excel-image-quote {
  color: #4CB58E !important;	
  font-size: 24px !important;	
  font-weight: 600 !important;	
  line-height: 38px !important;
}

.excel-image-lower {
  display: flex;
  justify-content: center;
  align-items: center;
}

.excel-image-lower img {
  height: 47px;	
  width: 47px; 
}

.excel-image-lower p {
  color: #8897A6 !important;	
  font-size: 16px;
  line-height: 26px !important;
  margin: 0px 0px 0px 10px !important;
}

@media (max-width: 520px){
  
  .excel-image-lower  {
    display: block;
  }
  
  .excel-image-lower img {
    height: 67px;	
    width: 67px; 
  }
  
  .excel-image-lower p {
    margin: 15px 0px 0px 0px !important;
  }
}


/*****************************************/
/* EXCEL   */
/*****************************************/

.easyCatalog-quote-section {
  text-align: center;
  margin-top: 60px;
  margin-bottom: 60px;
}
.easyCatalog-image-upper img {	
  width: 139px;
  height: auto;	 
}

.easyCatalog-image-quote {
  color: #4CB58E !important;	
  font-size: 24px !important;	
  font-weight: 600 !important;	
  line-height: 38px !important;
}

.easyCatalog-image-lower {
  display: flex;
  justify-content: center;
  align-items: center;
}

.easyCatalog-image-lower img {
  height: 49px;	
  width: 49px; 
  border-radius: 50%;
}

.easyCatalog-image-lower p {
  color: #8897A6 !important;	
  font-size: 16px;
  line-height: 26px !important;
  margin: 0px 0px 0px 10px !important;
}

@media (max-width: 520px){
  
  .easyCatalog-image-lower  {
    display: block;
  }
  
  .easyCatalog-image-lower img {
    height: 67px;	
    width: 67px; 
  }
  
  .easyCatalog-image-lower p {
    margin: 15px 0px 0px 0px !important;
  }
}

/*****************************************/
/* NAV Bollocks   */
/*****************************************/


/* =============== Custom Menu Primary =============== */
@media screen and (min-width:1161px) {
  /* Parent List */
  .custom-menu-primary .hs-menu-wrapper > ul{
    vertical-align: top;
  }
  .custom-menu-primary .hs-menu-wrapper > ul > li{
    padding: 0 20px;
    margin: 0;
    list-style: none;
    float: none!important;
  }
  .custom-menu-primary .hs-menu-wrapper > ul > li > a{
    padding: 15px 0;
    color: #8897a6;
    display: inline-block;
    font-size: 16px;
  }
  .custom-menu-primary .hs-menu-wrapper > ul > li > a:hover{
    color:#4cb58e;
  }

  /* Child List */
  .custom-menu-primary .hs-menu-wrapper > ul ul{
    opacity: 1;
    pointer-events: all;
    transform: translateY(0);
    transition: transform 0.2s, opacity 0.2s ease;
    left: auto!important;
    border-radius: 4px;
    box-shadow: 0 5px 30px 0 rgba(224, 229, 238, 0.8);
    position: absolute;
    background: #FFF;
    z-index: 100;
    min-width: 220px;
  }
  .custom-menu-primary .hs-menu-wrapper > ul ul li{
    margin: 0;
    list-style: none;
    padding: 10px 0;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
  }
  .custom-menu-primary .hs-menu-wrapper > ul ul li a{
    display: block;
    padding: 10px 20px;
    line-height: 16px;
    font-size: 16px;
    vertical-align: middle;
    color: #8897a6;
  }
  .custom-menu-primary .hs-menu-wrapper > ul ul li a:hover{
    color: #4cb58e;
  }

  .custom-menu-primary .hs-menu-wrapper > ul > li.hs-item-has-children > a {
    display: flex;
    cursor: default;
  }
  .custom-menu-primary .hs-menu-wrapper > ul > li.hs-item-has-children > a > svg {
    position: relative;
    margin-left: 6px;
    top: 12px;
  }
  /*.custom-menu-primary .hs-menu-wrapper > ul > li:last-child > li:first-child > a {
    font-size: 16px;
    color: #34495E !important;
    background: none;
    border-radius: 100px;
    border-style: solid;
    border-width: 1px;
    border-color: #D3DCE6;
    padding: 12px 28px;
    font-weight: 400;
    line-height: 1;
    white-space: nowrap;
    text-align: center;
    display: inline-block;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-font-smoothing: antialiased;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
    text-decoration: none;
    font-family: sans-serif;
    transition: all .4s ease;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    text-shadow: none;
    max-width: 96.55555px!important;
  }
  .custom-menu-primary .hs-menu-wrapper > ul > li:last-child > li:first-child > a:hover {
    background: #4CB58E;
    color: #FFF !important;
    border-color: #4CB58E;
  }
  */
  
   .custom-menu-primary .hs-menu-wrapper > ul > li:last-child > li:first-child > a {
    color: #8897a6 !important;
    padding-right:20px;
  }
  
  .custom-menu-primary .hs-menu-wrapper > ul > li:last-child > li:first-child > a:hover {
    color: #4CB58E !important;
  }
  
  .custom-menu-primary .hs-menu-wrapper > ul > li:last-child > li:last-child > a {
    font-size: 15px;
    color: #4CB58E !important;
    border-radius: 100px;
    background: #FFF;
    padding: 12px 24px;
    font-weight: 400;
    line-height: 1;
    white-space: nowrap;
    border: 2px solid #4CB58E;
    text-align: center;
    display: inline-block;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-font-smoothing: antialiased;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
    text-decoration: none;
    font-family: sans-serif;
    transition: all .4s ease;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    text-shadow: none;
  }
  .custom-menu-primary .hs-menu-wrapper > ul > li:last-child > li {
    display: inline!important;
    vertical-align: baseline;
    float: none!important;
  }
  .custom-menu-primary .hs-menu-wrapper > ul > li:last-child > li:last-child {
    margin-left: 10px;
  }
  .custom-menu-primary .hs-menu-wrapper > ul > li:last-child > li:last-child > a:hover {
    background: #3C9272;
  }
  .desktop-menu.custom-menu-primary .hs-menu-wrapper > ul {
    position: static;
    display: flex;
    background: none;
    justify-content: space-between;
    align-items: center;
    pointer-events: all;
    border: none;
  }
}

/* Override max width on menu links */
.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:1161px) {
  .custom-menu-primary .hs-menu-wrapper,
  .custom-menu-primary .hs-menu-wrapper > ul ul { 
    display:block !important;
  }
  .mobile-logo, .mobile-menu, .menu-wrapper{
    display:none!important;
  }
}


/* =============== Mobile Toggle Menu =============== */

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

@media (max-width: 1160px){



  .desktop-logo, .desktop-menu{
    display:none!important;
  }

  /* Menu 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:#fff;
  }



  /* Change button when menu is open */


  /* ===== Mobile Menu Styles ===== */  

  .custom-menu-primary.js-enabled {
    position: fixed;
    background: #fff;
    top: 0;
    left: 0;
    width: 100%;
    height: 0%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .35s, visibility .35s, height .35s;
    transition: opacity .35s, visibility .35s, height .35s;
    overflow-x: hidden;
    overflow-y: auto;
  }
  .mobile-open .custom-menu-primary.js-enabled {
    opacity: 1;
    visibility: visible;
    height: 100vh;
    z-index: 99;
  }


  /* Hide menu on mobile */
  .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 */ 
  .custom-menu-primary.js-enabled .hs-menu-wrapper{
  }
  .custom-menu-primary .hs-menu-wrapper{
    position: static;
    height: 100%;
    top: 0;
    font-size: 24px;
    text-align: left;
    padding: 100px 0 18px 20px;
  }

  /* Level 1 Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    display: inline-block;
    width: auto;
  }
  @-webkit-keyframes fadeInRight {
    0% {
      opacity: 0;
      left: 20%;
    }

    100% {
      opacity: 1;
      left: 0;
    }
  }

  @keyframes fadeInRight {
    0% {
      opacity: 0;
      left: 20%;
    }

    100% {
      opacity: 1;
      left: 0;
    }
  }
  .custom-menu-primary .hs-menu-wrapper > ul > li{
    display: block;
    height: calc(100% / 4) !important;
    min-height: 50px !important;
    position: relative !important;
    width: auto;
    opacity: 0;
    float: none !important;
  }
  .mobile-open .custom-menu-primary .hs-menu-wrapper > ul > li{
    -webkit-animation: fadeInRight .5s ease forwards;
    animation: fadeInRight .5s ease forwards;
    -webkit-animation-delay: .35s;
    animation-delay: .35s;
  }
  .mobile-open .custom-menu-primary .hs-menu-wrapper > ul > li:nth-of-type(2) {
    -webkit-animation-delay: .4s;
    animation-delay: .4s;
  }
  .mobile-open .custom-menu-primary .hs-menu-wrapper > ul > li:nth-of-type(3) {
    -webkit-animation-delay: .45s;
    animation-delay: .45s;
  }
  .mobile-open .custom-menu-primary .hs-menu-wrapper > ul > li:nth-of-type(4) {
    -webkit-animation-delay: .50s;
    animation-delay: .50s;
  }
  .custom-menu-primary .hs-menu-wrapper > ul > li a{
    display: block;
    position: relative;
    color: #34495E;
    text-decoration: none;
    overflow: hidden !important;
    line-height: 1.7;
  }

  /* Level 1 and Higher Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul li{
  }
  .custom-menu-primary .hs-menu-wrapper >  ul li a{

  }
  .custom-menu-primary .hs-menu-wrapper > ul li a:hover{
  }

  /* Level 2 and Higher Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul ul {
    background-color: transparent;
  }
  .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 */
  }

  /* Level 4 and Higher Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul ul ul ul li a{
    text-indent: 50px; /* Indent Child lists */
  }
  .mobile-open .menu-wrapper .top {
    -webkit-transform: translateY(7px) translateX(0) rotate(45deg);
    transform: translateY(7px) translateX(0) rotate(45deg);
    background: #4CB58E;
  }
  .mobile-open .menu-wrapper .middle {
    opacity: 0;
    background: #4CB58E;
  }
  .mobile-open .menu-wrapper .bottom {
    -webkit-transform: translateY(-7px) translateX(0) rotate(-45deg);
    transform: translateY(-7px) translateX(0) rotate(-45deg);
    background: #4CB58E;
  }
}


.row-fluid{width:100%;*zoom:1;}
.row-fluid:before,.row-fluid:after{display:table;content:"";}
.row-fluid:after{clear:both;}
.row-fluid [class*="span"]{display:block;float:left;width:100%;min-height:28px;margin-left:2.127659574%;*margin-left:2.0744680846382977%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
.row-fluid [class*="span"]:first-child{margin-left:0;}
.row-fluid .span12{width:99.99999998999999%;*width:99.94680850063828%;}
.row-fluid .span8{width:65.95744680199999%;*width:65.90425531263828%;}
.row-fluid .span4{width:31.914893614%;*width:31.8617021246383%;}
.container-fluid{*zoom:1;}
.container-fluid:before,.container-fluid:after{display:table;content:"";}
.container-fluid:after{clear:both;}
@media (max-width:767px){
.row-fluid{width:100%;}
.row-fluid [class*="span"]{display:block;float:none;width:auto;margin-left:0;}
}
@media (min-width:768px) and (max-width:1139px){
.row-fluid{width:100%;*zoom:1;}
.row-fluid:before,.row-fluid:after{display:table;content:"";}
.row-fluid:after{clear:both;}
.row-fluid [class*="span"]{display:block;float:left;width:100%;min-height:28px;margin-left:2.762430939%;*margin-left:2.709239449638298%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
.row-fluid [class*="span"]:first-child{margin-left:0;}
.row-fluid .span12{width:99.999999993%;*width:99.9468085036383%;}
.row-fluid .span8{width:65.74585634900001%;*width:65.6926648596383%;}
.row-fluid .span4{width:31.491712705%;*width:31.4385212156383%;}
}
@media (min-width:1280px){
.row-fluid{width:100%;*zoom:1;}
.row-fluid:before,.row-fluid:after{display:table;content:"";}
.row-fluid:after{clear:both;}
.row-fluid [class*="span"]{display:block;float:left;width:100%;min-height:28px;margin-left:2.564102564%;*margin-left:2.510911074638298%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
.row-fluid [class*="span"]:first-child{margin-left:0;}
.row-fluid .span12{width:100%;*width:99.94680851063829%;}
.row-fluid .span8{width:65.81196581200001%;*width:65.7587743226383%;}
.row-fluid .span4{width:31.623931624%;*width:31.5707401346383%;}
}
img{max-width:100%;height:auto;border:0;-ms-interpolation-mode:bicubic;vertical-align:bottom;}
.row-fluid [class*="span"]{min-height:1px;}
.hs-menu-wrapper ul{padding:0;}
.hs-menu-wrapper.hs-menu-flow-horizontal ul{list-style:none;margin:0;}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul{display:inline-block;}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul:before{content:" ";display:table;}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul:after{content:" ";display:table;clear:both;}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1{float:left;}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li a{display:inline-block;}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children{position:relative;}
.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper{visibility:hidden;opacity:0;-webkit-transition:opacity 0.4s;position:absolute;z-index:10;left:0;}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a{display:block;white-space:nowrap;}
.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper{opacity:1;visibility:visible;}
.row-fluid-wrapper:last-child .hs-menu-wrapper.hs-menu-flow-horizontal > ul{margin-bottom:0;}
@media (max-width: 767px){
.hs-menu-wrapper,.hs-menu-wrapper *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:block;width:100%;}
.hs-menu-wrapper.hs-menu-flow-horizontal ul{list-style:none;margin:0;display:block;}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul{display:block;}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1{float:none;}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li a,.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a{display:block;}
.hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper{visibility:visible!important;opacity:1!important;position:static!important;}
.hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a{white-space:normal;}
}
*,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.container-fluid .row-fluid .page-center{float:none;margin:0 auto;width:100%;max-width:100%;padding-right:15px;padding-left:15px;}
@media (min-width: 576px){
.container-fluid .row-fluid .page-center{max-width:700px;}
}
@media (min-width: 768px){
.container-fluid .row-fluid .page-center{max-width:720px;}
}
@media (min-width: 992px){
.container-fluid .row-fluid .page-center{max-width:960px;}
}
@media (min-width: 1200px){
.container-fluid .row-fluid .page-center{max-width:1140px;}
}
::-moz-selection{color:#fff;background:#3390FF;text-shadow:none;}
::selection{color:#fff;background:#3390FF;text-shadow:none;}
a{color:#4CB58E;text-decoration:none;}
a:hover,a:focus{color:#3C9272;text-decoration:none;}
ul{list-style:none;padding:0;padding-left:20px;}
ul > li{list-style-type:dics;padding-left:10px;}
::-webkit-input-placeholder{color:#758595;}
:-moz-placeholder{color:#758595;opacity:1;}
::-moz-placeholder{color:#758595;opacity:1;}
:-ms-input-placeholder{color:#758595;}
::-ms-input-placeholder{color:#758595;}
.header-container{min-height:67px!important;}
.header-group{width:100%!important;height:100%;padding:18px 0 18px 0;}
.header-group .page-center > .row-fluid-wrapper > .row-fluid{position:static;display:flex;background:none;justify-content:space-between;align-items:center;pointer-events:all;border:none;}
.header-group .page-center > .row-fluid-wrapper > .row-fluid::before,.header-group .page-center > .row-fluid-wrapper > .row-fluid::after{display:none;}
.header-logo{float:none!important;width:auto!important;padding:0;flex-grow:1;margin:0!important;}
.desktop-menu{float:none!important;width:auto!important;padding:0!important;margin:0!important;}
.header-logo a{padding:15px 0;color:#8897a6!important;display:inline-block;font-size:16px;float:left;vertical-align:middle;height:44px;width:175px;}
.header-logo a> img{margin-top:-15px;}
.mobile-logo > a{background-image:url('//cdn2.hubspot.net/hubfs/3993861/Saleslayer_Aug2018/Images/anagrama.svg');background-repeat:no-repeat;position:absolute;left:20px;top:20px;width:40px;height:32px;}
.menu-wrapper{position:absolute;top:26px;right:20px;height:14px;width:25px;cursor:pointer;z-index:100;-webkit-transition:opacity .25s ease;transition:opacity .25s ease;}
.menu-wrapper span{background:#4CB58E;border:none;height:2px;width:100%;position:absolute;top:0;left:0;-webkit-transition:all .35s ease;transition:all .35s ease;cursor:pointer;}
.menu-wrapper span:nth-of-type(2){top:7px;}
.menu-wrapper span:nth-of-type(3){top:14px;}
@media screen and (min-width:1161px){
.custom-menu-primary .hs-menu-wrapper > ul{vertical-align:top;}
.custom-menu-primary .hs-menu-wrapper > ul > li{padding:0 20px;margin:0;list-style:none;float:none!important;}
.custom-menu-primary .hs-menu-wrapper > ul > li > a{padding:15px 0;color:#8897a6;display:inline-block;font-size:16px;}
.custom-menu-primary .hs-menu-wrapper > ul > li > a:hover{color:#4cb58e;}
.custom-menu-primary .hs-menu-wrapper > ul ul{opacity:1;pointer-events:all;transform:translateY(0);transition:transform 0.2s, opacity 0.2s ease;left:auto!important;border-radius:4px;box-shadow:0 5px 30px 0 rgba(224, 229, 238, 0.8);position:absolute;background:#FFF;z-index:100;min-width:220px;}
.custom-menu-primary .hs-menu-wrapper > ul ul li{margin:0;list-style:none;padding:10px 20px;box-shadow:0 1px 0 rgba(0, 0, 0, 0.05);}
.custom-menu-primary .hs-menu-wrapper > ul ul li a{display:block;padding: 10px 20px;line-height:16px;font-size:16px;vertical-align:middle;color:#8897a6;}
.custom-menu-primary .hs-menu-wrapper > ul ul li a:hover{color:#4cb58e;}
.custom-menu-primary .hs-menu-wrapper > ul > li.hs-item-has-children > a{display:flex;cursor:default;}
.custom-menu-primary .hs-menu-wrapper > ul > li.hs-item-has-children > a > svg{position:relative;margin-left:6px;top:12px;}
.custom-menu-primary .hs-menu-wrapper > ul > li:last-child > li:first-child > a{color:#8897a6!important;padding-right:20px;}
.custom-menu-primary .hs-menu-wrapper > ul > li:last-child > li:first-child > a:hover{color:#4CB58E!important;}
.custom-menu-primary .hs-menu-wrapper > ul > li:last-child > li:last-child > a{font-size:15px;color:#4CB58E!important;border-radius:100px;background:#fff;padding:12px 24px;font-weight:400;line-height:1;white-space:nowrap;border:2px solid #4CB58E;text-align:center;display:inline-block;-webkit-transition-duration:0.4s;transition-duration:0.4s;-webkit-font-smoothing:antialiased;cursor:pointer;-moz-user-select:none;-webkit-user-select:none;-o-user-select:none;user-select:none;text-decoration:none;font-family:sans-serif;transition:all .4s ease;-moz-transition:all .4s ease;-webkit-transition:all .4s ease;-o-transition:all .4s ease;text-shadow:none;}
.custom-menu-primary .hs-menu-wrapper > ul > li:last-child > li{display:inline!important;vertical-align:baseline;float:none!important;}
.custom-menu-primary .hs-menu-wrapper > ul > li:last-child > li:last-child{margin-left:10px;}
.custom-menu-primary .hs-menu-wrapper > ul > li:last-child > li:last-child > a:hover{background:#3C9272;}
.desktop-menu.custom-menu-primary .hs-menu-wrapper > ul{position:static;display:flex;background:none;justify-content:space-between;align-items:center;pointer-events:all;border:none;}
}
.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;}
@media screen and (min-width:1161px){
.custom-menu-primary .hs-menu-wrapper,.custom-menu-primary .hs-menu-wrapper > ul ul{display:block!important;}
.mobile-logo,.mobile-menu,.menu-wrapper{display:none!important;}
}
.child-trigger{display:none;}
@media (max-width: 1160px){
.desktop-logo,.desktop-menu{display:none!important;}
.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:#fff;}
.custom-menu-primary.js-enabled{position:fixed;background:#fff;top:0;left:0;width:100%;height:0%;opacity:0;visibility:hidden;-webkit-transition:opacity .35s, visibility .35s, height .35s;transition:opacity .35s, visibility .35s, height .35s;overflow-x:hidden;overflow-y:auto;}
.custom-menu-primary.js-enabled .hs-menu-children-wrapper{display:none;}
.custom-menu-primary ul.hs-menu-children-wrapper{visibility:visible!important;opacity:1!important;position:static!important;display:none;}
.custom-menu-primary .hs-menu-wrapper{position:static;height:100%;top:0;font-size:24px;text-align:left;padding:100px 0 18px 20px;}
.custom-menu-primary .hs-menu-wrapper > ul{list-style:none;padding:0;margin:0 auto;display:inline-block;width:100%;}
.custom-menu-primary .hs-menu-wrapper > ul > li{display:block;height:calc(100% / 4)!important;min-height:50px!important;position:relative!important;width:auto;opacity:0;float:none!important;}
.custom-menu-primary .hs-menu-wrapper > ul > li a{display:block;position:relative;color:#34495E;text-decoration:none;overflow:hidden!important;line-height:1.7;}
.custom-menu-primary .hs-menu-wrapper > ul ul{background-color:transparent;}
.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;font-size:16px;}
}
::-webkit-input-placeholder{color:#8897A6;}
:-moz-placeholder{color:#8897A6;}
::-moz-placeholder{color:#8897A6;}
:-ms-input-placeholder{color:#8897A6;}
@media (max-width: 1199px){
.custom-menu-primary .hs-menu-wrapper > ul > li:last-child > li:last-child > a{padding:12px 15px;}
.custom-menu-primary .hs-menu-wrapper > ul > li:last-child > li:first-child > a{padding:12px 20px;}
}
@media (max-width: 1160px){
.header-group{position:fixed;background:#fff;top:0;width:100%;z-index:299!important;max-height:67px;height:100%;box-shadow:0 1px 2px 0px rgba(31, 45, 61, 0.15);}
}


/*****************************************/
/* FOOTER BOLLCOKS    */
/*****************************************/

/*! CSS Used from: https://cdn2.hubspot.net/hub/-1/hub_generated/template_assets/1495141902003/hubspot_default/shared/responsive/layout.min.css */
.row-fluid{width:100%;*zoom:1;}
.row-fluid:before,.row-fluid:after{display:table;content:"";}
.row-fluid:after{clear:both;}
.row-fluid [class*="span"]{display:block;float:left;width:100%;min-height:28px;margin-left:2.127659574%;*margin-left:2.0744680846382977%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
.row-fluid [class*="span"]:first-child{margin-left:0;}
.row-fluid .span12{width:99.99999998999999%;*width:99.94680850063828%;}
.row-fluid .span9{width:74.468085099%;*width:74.4148936096383%;}
.row-fluid .span3{width:23.404255317%;*width:23.3510638276383%;}
.row-fluid .span2{width:14.89361702%;*width:14.8404255306383%;}
.container-fluid{*zoom:1;}
.container-fluid:before,.container-fluid:after{display:table;content:"";}
.container-fluid:after{clear:both;}
@media (max-width:767px){
.row-fluid{width:100%;}
.row-fluid [class*="span"]{display:block;float:none;width:100%;margin-left:0;}
}
@media (min-width:768px) and (max-width:1139px){
.row-fluid{width:100%;*zoom:1;}
.row-fluid:before,.row-fluid:after{display:table;content:"";}
.row-fluid:after{clear:both;}
.row-fluid [class*="span"]{display:block;float:left;width:100%;min-height:28px;margin-left:2.762430939%;*margin-left:2.709239449638298%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
.row-fluid [class*="span"]:first-child{margin-left:0;}
.row-fluid .span12{width:99.999999993%;*width:99.9468085036383%;}
.row-fluid .span9{width:74.30939226%;*width:74.25620077063829%;}
.row-fluid .span3{width:22.928176794%;*width:22.874985304638297%;}
.row-fluid .span2{width:14.364640883%;*width:14.311449393638298%;}
}
@media (min-width:1280px){
.row-fluid{width:100%;*zoom:1;}
.row-fluid:before,.row-fluid:after{display:table;content:"";}
.row-fluid:after{clear:both;}
.row-fluid [class*="span"]{display:block;float:left;width:100%;min-height:28px;margin-left:2.564102564%;*margin-left:2.510911074638298%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
.row-fluid [class*="span"]:first-child{margin-left:0;}
.row-fluid .span12{width:100%;*width:99.94680851063829%;}
.row-fluid .span9{width:74.358974359%;*width:74.30578286963829%;}
.row-fluid .span3{width:23.076923077%;*width:23.0237315876383%;}
.row-fluid .span2{width:14.529914530000001%;*width:14.4767230406383%;}
}
/*! CSS Used from: https://cdn2.hubspot.net/hub/3993861/hub_generated/template_assets/1557992705756/Custom/page/Landing/lp-academy-case-studies-dic-2018.css */
img{max-width:100%;height:auto;border:0;-ms-interpolation-mode:bicubic;vertical-align:bottom;}
.row-fluid [class*="span"]{min-height:1px;}
.hs-menu-wrapper ul{padding:0;}
.hs-menu-wrapper.hs-menu-flow-vertical{width:100%;}
.hs-menu-wrapper.hs-menu-flow-vertical ul{list-style:none;margin:0;}
.hs-menu-wrapper.hs-menu-flow-vertical li a{display:block;}
.hs-menu-wrapper.hs-menu-flow-vertical > ul{margin-bottom:0;}
.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-menu-depth-1 > a{width:auto;}
.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children{position:relative;}
.hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper{visibility:hidden;opacity:0;-webkit-transition:opacity 0.4s;position:absolute;z-index:10;left:0;}
.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a{display:block;white-space:nowrap;}
.hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper{left:100%;top:0;}
.hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper{opacity:1;visibility:visible;}
@media (max-width: 767px){
.hs-menu-wrapper,.hs-menu-wrapper *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:block;width:100%;}
.hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper{position:static;opacity:1;visibility:visible;}
}
.hs_cos_wrapper_type_rich_text{word-wrap:break-word;}
*,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.container-fluid .row-fluid .page-center{float:none;margin:0 auto;width:100%;max-width:100%;padding-right:15px;padding-left:15px;}
@media (min-width: 576px){
.container-fluid .row-fluid .page-center{max-width:700px;}
}
@media (min-width: 768px){
.container-fluid .row-fluid .page-center{max-width:720px;}
}
@media (min-width: 992px){
.container-fluid .row-fluid .page-center{max-width:960px;}
}
@media (min-width: 1200px){
.container-fluid .row-fluid .page-center{max-width:1140px;}
}
::-moz-selection{color:#fff;background:#3390FF;text-shadow:none;}
::selection{color:#fff;background:#3390FF;text-shadow:none;}
a{color:#4CB58E;text-decoration:none;}
a:hover,a:focus{color:#3C9272;text-decoration:none;}
ul{list-style:none;padding:0;padding-left:20px;}
ul > li{list-style-type:dics;padding-left:10px;}
::-webkit-input-placeholder{color:#758595;}
:-moz-placeholder{color:#758595;opacity:1;}
::-moz-placeholder{color:#758595;opacity:1;}
:-ms-input-placeholder{color:#758595;}
::-ms-input-placeholder{color:#758595;}
.bottom-footer-group .page-center > .row-fluid-wrapper > .row-fluid{margin:0 -15px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:auto;}
.bottom-footer-group .page-center > .row-fluid-wrapper > .row-fluid::before,.bottom-footer-group .page-center > .row-fluid-wrapper > .row-fluid::after{display:none;}
.bottom-footer-wrapper{padding:0 15px;margin-bottom:20px;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;}
.bottom-footer-wrapper ul{padding-left:14px;float:left;margin:0;background:url(https://cdn2.hubspot.net/hubfs/3993861/Saleslayer_Aug2018/Images/icon-glob.svg?t=1542021206803) left 1px no-repeat;}
.bottom-footer-wrapper ul > li{padding:0;margin:0;list-style:none;float:left;}
.bottom-footer-wrapper ul > li > a{padding:0 8px;float:left;font-size:12px;line-height:18px;color:#6C7E8F;position:relative;}
.bottom-footer-wrapper ul > li:first-child > a::after{content:"";width:1px;height:10px;background-color:rgba(0, 56, 222, 0.54);position:absolute;top:3px;right:0;}
.bottom-footer-wrapper ul > li > a:hover{color:#4CB58E;}
.top-footer-group{padding-top:70px;}
.top-footer-group .page-center > .row-fluid-wrapper > .row-fluid{margin:0 -15px;display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:auto;}
.top-footer-group .page-center > .row-fluid-wrapper > .row-fluid::before,.top-footer-group .page-center > .row-fluid-wrapper > .row-fluid::after{display:none;}
.footer-main-logo{padding:0 15px;width:auto!important;-ms-flex:0 0 25%;-webkit-box-flex:0;flex:0 0 25%;float:none!important;}
.footer-main-logo img{margin-bottom:80px;vertical-align:baseline;}
.footer-menu-logo-area{margin:0!important;padding:0 15px;width:auto!important;float:none!important;-ms-flex:0 0 75%;-webkit-box-flex:0;flex:0 0 75%;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
.footer-menu-logo-area{margin:0!important;padding:0 15px;width:auto!important;float:none!important;-ms-flex:0 0 69%;-webkit-box-flex:0;flex:0 0 69%;}
}
.footer-menu-logo-area > .row-fluid-wrapper > .row-fluid{display:flex;flex-wrap:wrap;justify-content:space-between;width:auto;}
.footer-menu-logo-area > .row-fluid-wrapper > .row-fluid::before,.footer-menu-logo-area > .row-fluid-wrapper > .row-fluid::after{display:none;}
.footer-menu{margin-bottom:60px;width:auto!important;float:none!important;margin-left:0!important;flex-basis:16%;}
.footer-menu ul{padding:0;margin:0;}
.footer-menu ul li{padding:0;margin:0;list-style:none;}
.footer-menu ul:first-child > li > a{text-transform:uppercase;color:#34495E;letter-spacing:1px;font-weight:600;margin-bottom:10px;font-size:14px;line-height:1.7;cursor:text;}
.footer-menu-logo-area .hs-menu-children-wrapper{position:static!important;visibility:visible!important;opacity:1!important;}
.footer-menu ul > li > ul > li > a{font-size:14px;color:#6C7E8F;display:inline!important;white-space:normal!important;}
.footer-menu ul > li > ul > li > a:hover{color:#4CB58E;}
.footer-logo-list{margin:0 0 60px 0!important;width:auto!important;float:none!important;flex-basis:16%;}
.footer-logo-list ul{padding:0;margin:0;}
.footer-logo-list ul > li{margin:0;padding:0;list-style:none;}
.footer-logo-list ul > li > img{vertical-align:baseline;max-width:unset;}
::-webkit-input-placeholder{color:#8897A6;}
:-moz-placeholder{color:#8897A6;}
::-moz-placeholder{color:#8897A6;}
:-ms-input-placeholder{color:#8897A6;}
@media (max-width: 767px){
.top-footer-group{padding-top:40px;}
.footer-main-logo img{margin-bottom:40px;}
.footer-main-logo,.footer-menu-logo-area{width:100%!important;flex:auto;}
.footer-group .top-footer-group .page-center{padding:0 20px 0 20px;}
}
@media (max-width: 640px){
.footer-main-logo,.footer-menu-logo-area{width:100%!important;flex:auto;}
.footer-group .top-footer-group .page-center{padding:0 20px 0 20px;}
.footer-menu{flex-basis:50%;}
.footer-logo-list{flex-basis:100%;}
.footer-logo-list ul{display: flex; justify-content: space-between; align-items: center; margin: 0px 5%; }
.footer-logo-list ul > li > img{float:left;margin-right:40px;}
}


/*put orange numbers on the ali express landing page*/
.hs-content-id-24212213419 ol {
  list-style: none; counter-reset: li;
}
.hs-content-id-24212213419 ol > li::before {
  content: counter(li)". "; 
  color: #FF8F00;	
  font-family: "Open Sans";	
  font-size: 16px;	
  font-weight: bold;	
  line-height: 30px;
}
.hs-content-id-24212213419 ol > li {
  counter-increment: li;
  line-height: 30px;
}

.hs-content-id-24218396760 ol {
  list-style: none; counter-reset: li;
}
.hs-content-id-24218396760 ol > li::before {
  content: counter(li)". "; 
  color: #FF8F00;	
  font-family: "Open Sans";	
  font-size: 16px;	
  font-weight: bold;	
  line-height: 30px;
}
.hs-content-id-24218396760 ol > li {
  counter-increment: li;
  line-height: 30px;
}

