@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900');
@import url('https://fonts.googleapis.com/css?family=Raleway:100,200,300,400,500,600,700,800,900');

/***** Padding *******/
.paddingt10 {padding-top: 10px;}
.paddingt20 {padding-top: 20px;}
.paddingt30 {padding-top: 30px;}
.paddingt40 {padding-top: 40px;}
.paddingt50 {padding-top: 50px;}
.paddingt60 {padding-top: 60px;}
.paddingt70 {padding-top: 70px;}
.paddingt80 {padding-top: 80px;}
.paddingt90 {padding-top: 90px;}
.paddingt100 {padding-top: 100px;}
.paddingt120 {padding-top: 120px;}
.paddingt140 {padding-top: 140px;}
.paddingt160 {padding-top: 160px;}
.paddingt180 {padding-top: 180px;}
.paddingt200 {padding-top: 200px;}
.paddingt300 {padding-top: 300px;}

.paddingb10 {padding-bottom: 10px;}
.paddingb20 {padding-bottom: 20px;}
.paddingb30 {padding-bottom: 30px;}
.paddingb40 {padding-bottom: 40px;}
.paddingb50 {padding-bottom: 50px;}
.paddingb60 {padding-bottom: 60px;}
.paddingb70 {padding-bottom: 70px;}
.paddingb80 {padding-bottom: 80px;}
.paddingb90 {padding-bottom: 90px;}
.paddingb100 {padding-bottom: 100px;}
.paddingb120 {padding-bottom: 120px;}
.paddingb140 {padding-bottom: 140px;}
.paddingb160 {padding-bottom: 160px;}
.paddingb180 {padding-bottom: 180px;}

.paddingtb10 {padding-top: 10px; padding-bottom: 10px;}
.paddingtb20 {padding-top: 20px; padding-bottom: 20px;}
.paddingtb30 {padding-top: 30px; padding-bottom: 30px;}
.paddingtb40 {padding-top: 40px; padding-bottom: 40px;}
.paddingtb50 {padding-top: 50px; padding-bottom: 50px;}
.paddingtb60 {padding-top: 60px; padding-bottom: 60px;}
.paddingtb70 {padding-top: 70px; padding-bottom: 70px;}
.paddingtb80 {padding-top: 80px; padding-bottom: 80px;}
.paddingtb90 {padding-top: 90px; padding-bottom: 90px;}
.paddingtb100 {padding-top: 100px; padding-bottom: 100px;}
.paddingtb100 {padding-top: 100px; padding-bottom: 100px;}
.paddingtb120 {padding-top: 120px; padding-bottom: 120px;}
.paddingtb140 {padding-top: 120px; padding-bottom: 120px;}
.paddingtb160 {padding-top: 160px; padding-bottom: 160px;}
.paddingtb180 {padding-top: 180px; padding-bottom: 180px;}

@media (max-width: 767px) {
  .mobile_paddingt0 {padding-top: 0px;}
  .mobile_paddingt10 {padding-top: 10px;}
  .mobile_paddingt20 {padding-top: 20px;}
  .mobile_paddingt30 {padding-top: 30px;}
  .mobile_paddingt40 {padding-top: 40px;}
  .mobile_paddingt50 {padding-top: 50px;}
  .mobile_paddingt60 {padding-top: 60px;}
  .mobile_paddingt70 {padding-top: 70px;}
  .mobile_paddingt80 {padding-top: 80px;}
  .mobile_paddingt90 {padding-top: 90px;}
  .mobile_paddingt100 {padding-top: 100px;}
  
  .mobile_paddingb0 {padding-bottom: 0px;}
  .mobile_paddingb10 {padding-bottom: 10px;}
  .mobile_paddingb20 {padding-bottom: 20px;}
  .mobile_paddingb30 {padding-bottom: 30px;}
  .mobile_paddingb40 {padding-bottom: 40px;}
  .mobile_paddingb50 {padding-bottom: 50px;}
  .mobile_paddingb60 {padding-bottom: 60px;}
  .mobile_paddingb70 {padding-bottom: 70px;}
  .mobile_paddingb80 {padding-bottom: 80px;}
  .mobile_paddingb90 {padding-bottom: 90px;}
  .mobile_paddingb100 {padding-bottom: 100px;}

  .mobile_paddingtb10 {padding-top: 10px; padding-bottom: 10px;}
  .mobile_paddingtb20 {padding-top: 20px; padding-bottom: 20px;}
  .mobile_paddingtb30 {padding-top: 30px; padding-bottom: 30px;}
  .mobile_paddingtb40 {padding-top: 40px; padding-bottom: 40px;}
  .mobile_paddingtb50 {padding-top: 50px; padding-bottom: 50px;}
  .mobile_paddingtb60 {padding-top: 60px; padding-bottom: 60px;}
  .mobile_paddingtb70 {padding-top: 70px; padding-bottom: 70px;}
  .mobile_paddingtb80 {padding-top: 80px; padding-bottom: 80px;}
  .mobile_paddingtb90 {padding-top: 90px; padding-bottom: 90px;}
  .mobile_paddingtb100 {padding-top: 100px; padding-bottom: 100px;}
  .set-height {height: auto!important;}
}

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

@media (max-width: 767px) {
    .mobile-text-left {text-align: left;}
    .mobile-text-center {text-align: center;}
    .mobile-text-right {text-align: right;}
}

/*************************************
*********************** Typography *************/

a {text-decoration:none; transition: .25s;}
a:hover {text-decoration: none;}

.font-white, .font-white h1, .font-white h2, .font-white h3, .font-white h4, .font-white h5, .font-white p { color: #fff;}


ul#main-nav-list li.nav_list_item .hover-box .inner-box-hover .hover_object {
    display: block;
    width: 100%;
    padding: 4px 0;
}
.main-nav {float: none !important;}
ul#main-nav-list {position: relative;padding: 0;margin: 0;}
ul#main-nav-list li {display: inline-block;position:relative;}
ul#main-nav-list li a.top_level {display: inline-block;float: left;text-align: left;cursor: pointer !important;max-width: 100% !important;position: relative;color: #fff;font-size: 14px;font-weight: 500;text-transform: uppercase;}
ul#main-nav-list li a {margin: 0;font-family: 'Roboto',sans-serif;font-size: 16px;font-weight: 500;color: #000;text-decoration: none;}
.menu-ctas a {background-color: #ffe451;color: #000 !important;border-radius: 30px;padding: 10px 20px;text-transform: uppercase;margin-top: 10px !important;display: inline-block;}
ul#main-nav-list li.nav_list_item:first-child .hover-box {display: none;position: absolute;background:none;min-height: 100%;top: 30px;
	width: 540px;opacity: 0;transform: translateX(0px) translateY(-5px);transition: opacity 50ms ease 0s, transform 50ms ease 0s;   box-shadow: 0 8px 6px -6px rgba(34, 45, 56, .15);
	text-align: left;left: calc(50% - 270px);    box-sizing: border-box;}
ul#main-nav-list li.nav_list_item:first-child .hover-box .inner-box-hover, ul#main-nav-list li.nav_list_item .hover-box .inner-box-hover{box-shadow: 0 0 15px 0 rgba(34, 45, 56, .15);background: #fff;border-radius: 5px;display:flex; flex-wrap:wrap; padding:20px;}

ul#main-nav-list li.nav_list_item.fades:first-child .hover-box, 
ul#main-nav-list li.nav_list_item.fades .hover-box
{opacity:1; transform: translateX(0px) translateY(0px);
    transition: opacity 350ms ease 0s, transform 350ms ease 0s;}

ul#main-nav-list li.nav_list_item:first-child .hover-box .hover_object{width:50%; margin-bottom:20px;}
.nav_list_item.fades .hover-box{opacity: 1;transform: translateX(0px) translateY(0px);transition: opacity 350ms ease 0s, transform 350ms ease 0s;}

ul#main-nav-list li.nav_list_item .hover-box {
    display: none;
    background: transparent;
    position: absolute;
    min-height: 100%;
    top: 30px;
    overflow-x: hidden !important;
    width: 230px;
    opacity: 0;
    transform: translateX(0px) translateY(-5px);
    transition: opacity 50ms ease 0s, transform 50ms ease 0s;
    box-shadow: 0 8px 6px -6px rgba(34, 45, 56, .15);
    text-align: left;
    left: calc(50% - 115px);
}


.sub-menu .secondary-menu-items a {width: 100%;display: inline-block;padding: 10px 0px;}
.hover_object_top {background: url(https://3788215.fs1.hubspotusercontent-na1.net/hubfs/3788215/Buttons/arrow.jpg) no-repeat 30px 0 transparent;display: block;height: 14px;width: 100%;top: 3px;z-index: 3;position: relative;}
ul#main-nav-list li.nav_list_item.one:first-child .hover_object_container {}
.hover_column {float: left;max-height: 300px;margin-bottom: 1em;margin-right: 1em;padding: 0 20px;}
ul#main-nav-list .hover-box ul {list-style: none outside none;padding: 0;text-align: left;}
.hover_column.four{width: 255px;padding-left: 35px;float:right;}
ul#main-nav-list .hover_column ul li a {color: #3f4a51;text-decoration: none;text-transform: none;line-height: 1.5;margin-bottom: .5em;display: block;outline: 0;transition: none!important;}
ul#main-nav-list .hover_column ul li a:hover{text-decoration: underline !important;}
.hover_column h4 {margin: -10px 0 10px 0;text-align: left;font-size: 1em;text-transform: uppercase;display: block;font-weight: bold;}
.one .hover_column .three ul {padding: 10px 0;}
.one.two {padding: 30px 0 !important;}
.one.hover_column .one ul {padding: 30px 0 !important;}
.main-nav .three .four h4:nth-child(2) {padding: 20px 0 0 0 !important;}
.secong-grp {font-family: 'ProximaNova','Gotham Book',Gotham-Book,Arial,sans-serif !important;}
.menu-product-icon {height: 48px;float: left;}
.product-menu-content {width: 100%;}
  .menu-product-heading {
    margin: 0px;
    margin-bottom: 10px;
}

  .product-menu-description {
    font-weight: 400;
    color: #787878;
    font-size: 14px !important;
    padding: 0px 20px 0px 0px;
}
ul#main-nav-list li.nav_list_item.one:first-child .secondary-menu-items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
  ul#main-nav-list li.nav_list_item.one:first-child  .product-menu-link.half-cell {
    
}
.hover-box {
    display: none; position:absolute;
}
h4.menu-product-heading a:hover  {
    color: #27bf5e !important;
}
  .menu-product-icon.secondary {
    height: 40px;
}
  .product-menu-description.secondary {
    font-size: 12px;
}
  .product-menu-link.featured.secondary {
    background-color: rgba(245, 247, 250, .84);
}
.product-menu-link.featured {
    padding: 20px 25px;
    display: block;
}
  .secondary-menu-items.resources-indent {
    margin-bottom: 15px;
    padding-top: 15px;
    padding-left: 85px;
}
  .headr-menu-wrap {
    padding: 18px 0;
}
  .hover-box:before {
    content: '';
    background: url(https://3788215.fs1.hubspotusercontent-na1.net/hubfs/3788215/Buttons/arooe%20up.png);
    display: block;
    width: 100%; 
    height: 16px;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    top: 1px;
}
  ul#main-nav-list li a.top_level {
    padding: 10px 20px !important;
    padding: 10px 17px !important;
    position:relative;
}
  ul#main-nav-list li:last-child a {
    background-color: #ffe451;
    color: #000 !important;
    border-radius: 30px;
  }
  .fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    animation: smoothScroll 1s forwards;
}
  .header-container-wrapper {
    position: absolute;
    width: 100%;
    top: 0;
}
  .headr-menu-wrap {
    text-align: right;
}
/******** Responsive code starts here *******/
    
/************** ipad ***************/

@media (max-width: 1080px) {

.header-wrapper-v2 .header-wrapper {
    padding: 0px !important;
}
ul#main-nav-list li a.top_level {
    padding: 10px 10px !important;
}
}

/************** ipad nd tab ***************/

@media only screen and (min-width:768px) and (max-width: 1024px) and (orientation : portrait){

    
.header-wrapper-v2 .headr-menu-wrap {
    padding-top: 10px;
}
.header-wrapper-v2 .widget-type-cta {
    margin-top: 10px;
}
  ul#main-nav-list li a.top_level {
    font-size: 14px !important;
}
  .nav_list_item .hover_object {
    top: 35px;
  }
}

/************** iphone roatate***************/

@media (max-width: 767px) {
.menu-wrap .hs-menu-wrapper {
    overflow: scroll;
    height: 300px;
}
    
}


/************** iphone ***************/

@media (max-width: 479px) {

.menu-wrap .hs-menu-wrapper {
    overflow: hidden;
    height: 344px;
    overflow-y: scroll;
}
  .menu-wrap .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper{
    position: absolute !important;
    width: 100% !important;
    background-color: #fff;
    color: #27bf5e;
  }
   .menu-wrap .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li ul {
    position: relative !important;
    background: #fff;
    left: 0px!important;
    width: 100% !important;
  }
  .menu-wrap .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper a {
    color: #27bf5e;
    border-bottom: 1px solid;
  }
}

.header-wrapper.StickyHeader {
background-color: #fff;
position: fixed;
z-index: 999;
background: #fff;
top: 0px;
padding: 10px 20px;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-ms-transition: all -0.5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}



/* ==========================================================================
   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:;
}

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

/* 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:1024px) {
      .custom-menu-primary .hs-menu-wrapper { 
          display:block !important;
      }
  }




/* ==========================================================================
   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: 1023px){


  /* 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
     ========================================================================== */

  .mobile-trigger{
    display: inline-block !important; /* Show button on mobile */
    cursor: pointer; /* Mouse pointer type on hover */
    position: absolute; /*******************************************/
    top: 0px;          /* Position Button at right of screen  */
    right: 10px;        /*******************************************/
    width: auto; /* Button width */
    height: auto; /* Button height */      
    padding: 7px 10px 8px 10px;
    background: #ffffff; /* Background color */
    border: 1px solid #000000;
    font-size: 16px;
    font-weight: normal;
    text-align: left;
    text-transform: uppercase;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #000000; 
  }
  .mobile-trigger:hover{
    text-decoration: none; /* Removes link text underline on button */
    color:#ffffff;
    background-color: #000000; 
    border-color: transparent;
  }

  /* Change button when menu is open */
  .mobile-open .mobile-trigger{
    color:#ffffff;
    background-color: #000000; 
    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: 22px; /* Icon line width */
    height: 2px; /* Icon line height */
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    background-color: #000000; /* Icon color */
    display: inline-block;
  }
  .mobile-trigger i:before{
    top: -6px; /* Position top line */
  }
  .mobile-trigger i:after{
    top: 6px; /* 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: #ffffff; /* 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:#ffffff; /* Icon color */
    display: block;

  }
  .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 */ 
  .custom-menu-primary.js-enabled .hs-menu-wrapper{
    width: 100%;
    position: relative; /**************************************************************/
    top: 0;             /* Positions the menu to drop from the very top of the screen */
    left: 0;          /**************************************************************/
    padding: 0;
  }
  .custom-menu-primary .hs-menu-wrapper{
    background-color:#000000; /* 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{
    font-size: 22px; /* Font size of top level list items */
    line-height: 45px;
    overflow: visible;
  }

  /* 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 only screen and (min-width:768px) and (max-width: 1023px){
  .mobile-menu{
    display: block !important;
  }
  .desktop-menu{
    display: none !important;
  }
  .menu-wrap.custom-menu-primary.js-enabled {
        margin: 0px;
        padding: 0px;
        min-height: 0px !important;
        width: 100% !important;
        float: none !important
    }
    .mobile-menu-wrapper {
        padding: 20px
    }
    .menu-wrap .mobile-trigger {
        right: 0px;
        top: 15px;
        border-color: #27bf5e !important;
        color: #27bf5e !important
    }
    .menu-wrap.custom-menu-primary.js-enabled .hs-menu-wrapper {
        position: absolute;
        top: 90px;
        background-color: #27bf5e
    }
    .mobile-trigger i,.mobile-trigger i:before,.mobile-trigger i:after {
        background-color: #27bf5e !important
    }
    .menu-wrap .mobile-trigger {
        background-color: #27bf5e !important
    }
    .menu-wrap .mobile-trigger i,.menu-wrap .mobile-trigger i:after,.menu-wrap .mobile-trigger i:before {
        background-color: #fff !important
    }
    .menu-wrap li:last-child {
        border: none !important
    }
    .menu-wrap li {
        border-bottom: 1px solid #fff !important
    }
    .menu-wrap a {
        font-size: 14px !important;
        text-transform: uppercase;
        line-height: 35px !important
    }
}


/***********Learning Center************/

















 






body{font-family: 'Roboto', sans-serif;font-size:16px;}
p, li,{line-height:1.5em}
.font-white h1,.font-white h2,.font-white h3,.font-white h4,.font-white h5,.font-white h6{color:#fff}

/*--header--*/
div#header_for_web{z-index:1}
.header-menu-wrapper .search_btn { margin-top: 25px;}
.header-menu-wrapper .search_btn a{color:#fff;}
.header-menu-wrapper .search_btn a:hover{color:#27bf5e}
.StickyHeader .header-menu-wrapper .search_btn a { color:#000;}
.main-search_row {
	position: fixed; width: 100%; z-index: 2; background:#fff;top: 0; padding:90px 0;box-shadow: 2px 2px 6px rgba(0,0,0,0.1);}
.main-search_row .close_btn { position: absolute; right: 15px; width: auto !important;float: none !important; z-index: 9;top:15px;}
.main-search_row .close_btn a{ font-size: 36px; color:#000;}
.search_block form{position:relative;}
.search_block form > label{font-size:55px; display:block; text-align:center;margin-bottom:50px;}
.search_block form > input { border-left: 0; border-right: 0; border-top: 0; border-bottom: 1px solid #000;color: #000; font-size: 20px; padding: 15px ;}
.search_block form> button {
    background: no-repeat;
    border: none;
    position: absolute;
    right: 0;
}
.search_block form> button svg {height: 35px;}
.main-search_row .menu_block .header_menu .hs-menu-wrapper.hs-menu-flow-vertical ul {width: 100%; overflow: hidden; text-align:center;    display: flex; flex-wrap: wrap; justify-content: center;}
.main-search_row .menu_block .header_menu .span4 { width: 100%;}
.main-search_row .menu_block .header_menu .hs-menu-wrapper.hs-menu-flow-vertical>ul>li:first-child{margin-left:5%;}
.main-search_row .menu_block .header_menu .hs-menu-wrapper.hs-menu-flow-vertical > ul > li { width: 25%;display:inline-block; text-align:left}
.main-search_row .menu_block .header_menu .hs-menu-wrapper.hs-menu-flow-vertical ul li a{font-size:20px; color:#000; padding:10px 0}
.main-search_row .menu_block .header_menu .hs-menu-wrapper.hs-menu-flow-vertical ul li.hs-item-has-children ul.hs-menu-children-wrapper,
.main-search_row .menu_block .header_menu .hs-menu-wrapper.hs-menu-flow-vertical ul li > ul{position:relative;top:0; display:block; opacity:1;    visibility: visible;left:auto;}
.main-search_row .menu_block .header_menu .hs-menu-wrapper.hs-menu-flow-vertical ul li ul > li{width:100%;text-align:left}
.main-search_row .menu_block .header_menu .hs-menu-wrapper.hs-menu-flow-vertical ul li ul > li a{font-size:18px; color:#000; padding:10px 0 ;}
/*----*/

.container:after{content: '';display: inline-block;width: 100%;}
.container .mix, .container .gap{display: inline-block;width: 49%;}
.container .mix{text-align: left;margin-bottom: 2%;/*display: none;*/}
/* h1{font-size:55px; font-weight:400}
h2{font-size:36px; color:#27bf5e; font-weight:400}
h3{font-size:20px; font-weight:400}
h4{font-size:20px; font-weight:400} */
.hs-blog-listing .main_hero_wrapper.banner-wrapper .banner_text h1 {margin-bottom: 20px;}
.hs-blog-listing .main_hero_wrapper.banner-wrapper .banner_text p{font-size:20px; margin:25px auto; max-width:860px;line-height:30px;}
.main_blog_wrapper { overflow: hidden;}
:focus{outline:none;}
body.learningHome .main_hero_wrapper.banner-wrapper.blog-banner-wrapper .banner_inner_wrapper a.cta_button,
body.hs-blog-id-5325863234.hs-blog-listing .main_hero_wrapper.banner-wrapper.blog-banner-wrapper .banner_inner_wrapper a#cta_button_3788215_133facf0-861f-415b-a9c4-dfff2a49036e {padding: 12px 50px;}
.listing_top_row .filter_resources_wrapper_mod form {text-align:center; display: flex;  justify-content: center;align-items: center;flex-wrap: wrap;}
.listing_top_row .filter_resources_wrapper_mod form > fieldset{border:none;max-width: 307px; width: 100%; font-family:'Roboto', sans-serif}
.listing_top_row .filter_resources_wrapper_mod form > fieldset,
.listing_top_row .filter_resources_wrapper_mod form > div {display:inline-block;}
.listing_top_row .filter_resources_wrapper_mod form .submit-btn.inner-boxes.span4{float:none;width:auto;}
.listing_top_row .filter_resources_wrapper_mod form .submit-btn.inner-boxes.span4 button{border:none; background:none;padding:0 0; cursor:pointer}
.listing_top_row .filter_resources_wrapper_mod form .submit-btn.inner-boxes.span4 i{color:#000; font-size:30px;}
.listing_top_row .filter_resources_wrapper_mod form .submit-btn.inner-boxes.span4 button:hoveri{color:#27bf5e}
.listing_top_row .filter_resources_wrapper_mod form select{font-size:14px; color:#000;border:1px solid #000; 
	display:block;padding:15px 25px;border-radius:200px;position:relative;text-transform: uppercase;font-weight:600;background:#fff;-webkit-appearance: none; -moz-appearance: none; 
	text-indent: 1px; text-overflow: '';    background: url(https://3788215.fs1.hubspotusercontent-na1.net/hubfs/3788215/RI%20Jan2020/select-arrow.png) no-repeat;background-position: 95% 50%;}
.listing_top_row .filter_resources_wrapper_mod form select::-ms-expand {display: none;}

.main_blog_listing_page_wrapper .listing_top_row h2{font-weight:400;color:#27bf5e; font-size: 36px;}
.main_blog_listing_page_wrapper .post_item .post_image img {height: 268px;object-fit: cover;width:100%;}
.main_blog_listing_page_wrapper .main_blog_posts.container .post_item .post_body_box{ background:#f9f9f9;padding: 30px 20px 15px 20px; }
.main_blog_listing_page_wrapper .main_blog_posts.container .post_item .post_body_box h3{ font-weight:400; line-height:28px; margin: 5px 0 20px 0; }
.main_blog_listing_page_wrapper .main_blog_posts.container .post_item .post_body_box .post-top-inner { min-height: 200px;}
.main_blog_listing_page_wrapper .main_blog_posts.container .post_item .post_date { font-size: 14px;}
.main_blog_listing_page_wrapper .main_blog_posts.container .post_item a{font-size:14px;}
.case_study_repeater_rows .section_inner_wrapper {
    text-align: center;
}
.case_study_repeater_rows .section_inner_wrapper .image_box img{max-width:500px;}
.main_blog_listing_page_wrapper .main_blog_posts.container .post_item h3 a {font-size: unset; color:#000;}
.main_blog_listing_page_wrapper .main_blog_posts.container .post_item h3 a:hover{ color:#27bf5e; }

.read_more_btn a{background:#ffe451;color:#000;    text-transform: uppercase; padding: 10px 20px;border-radius: 20px; display: inline-block;}
.read_more_btn a:hover{background:#27bf5e; color:#fff;}
.main_blog_listing_page_wrapper .main_blog_posts.container .post_item .inner_btm_row { font-size: 14px; border-top: 1px solid #000; margin-top: 20px; padding:15px 0 0 0;}
.main_blog_listing_page_wrapper .main_blog_posts.container .post_item .inner_btm_row .post_type { display: inline-block; float: left;padding-right: 25px;}
.main_blog_listing_page_wrapper .main_blog_posts.container .post_item .inner_btm_row  .post_topic { text-align: right;}
.main_blog_listing_page_wrapper .main_blog_posts.container .post_item .inner_btm_row  .post_topic a{color:#000; font-weight:400;}
.main_blog_listing_page_wrapper .main_blog_posts.container .post_item .inner_btm_row  .post_topic a:hover{color:#27bf5e}
.subscribe_to_blog_section {background-size: cover;overflow:hidden;}
.subscribe_to_blog_section .section_heading h2{font-weight:400;}
.subscribe_to_blog_section  .section_content p {text-decoration: underline;}
.subscribe_to_blog_section .section_content p span {  font-weight: 700;}
.subscribe_to_blog_section .section_content ul li{list-style:none;}
.subscribe_to_blog_section  .form_subscription {max-width: 725px; margin:40px auto 30px auto; position: relative;}
.subscribe_to_blog_section  .form_subscription form label{display:none;}
.subscribe_to_blog_section  .form_subscription form input{padding:18px 20px; border:0px;}
.subscribe_to_blog_section .form_subscription .hs_email.hs-email input {border-radius: 200px;font-size:16px;}
.subscribe_to_blog_section .form_subscription .hs_submit.hs-submit { position: absolute; top: 0; right: 0;}
.subscribe_to_blog_section .form_subscription .hs_submit.hs-submit input { background: #ffe451; color: #000; font-size: 16px;border-radius: 0 200px 200px 0; font-weight: 700; padding: 18px 52px;
	text-transform: uppercase;cursor:pointer;}
.subscribe_to_blog_section .form_subscription ul.no-list.hs-error-msgs.inputs-list {padding-left: 0;}
.subscribe_to_blog_section .form_subscription ul.no-list.hs-error-msgs.inputs-list li { list-style: none;}
.subscribe_to_blog_section .form_subscription ul.no-list.hs-error-msgs.inputs-list label {color: red; display: block;}
.main_blog_listing_page_wrapper .mixitup-page-list.text-center { position: relative;}
.main_blog_listing_page_wrapper .mixitup-page-list.text-center button.mixitup-control.mixitup-control-prev,
.main_blog_listing_page_wrapper .mixitup-page-list.text-center button.mixitup-control.mixitup-control-next{position:absolute;width:94px; height:48px; text-align:center;background:#f9f9f9;display:inline-block;
	border-radius:4px;cursor:pointer;line-height:40px;font-size:25px;}
.main_blog_listing_page_wrapper .mixitup-page-list.text-center button{border:none; box-shadow:none;}
.main_blog_listing_page_wrapper .mixitup-page-list.text-center button.mixitup-control.mixitup-control-prev{left:15px;}
.main_blog_listing_page_wrapper .mixitup-page-list.text-center button.mixitup-control.mixitup-control-next{right:15px;}
.main_blog_listing_page_wrapper .mixitup-page-list.text-center button.mixitup-control.mixitup-control-prev:hover,
.main_blog_listing_page_wrapper .mixitup-page-list.text-center button.mixitup-control.mixitup-control-next:hover{background:#ffe451;}
.main_blog_listing_page_wrapper .mixitup-page-list.text-center button.mixitup-control.mixitup-control-disabled:hover,
.main_blog_listing_page_wrapper .mixitup-page-list.text-center button.mixitup-control.mixitup-control-next.disabled:hover{background:#f9f9f9}
.main_blog_listing_page_wrapper .mixitup-page-list.text-center button.mixitup-control.mixitup-control-prev span,
.main_blog_listing_page_wrapper .mixitup-page-list.text-center button.mixitup-control.mixitup-control-next span{line-height:48px;display:block;font-size: 30px;}
.main_blog_listing_page_wrapper .mixitup-page-list.text-center button.mixitup-control { width: 48px; height: 48px;cursor: pointer; display: inline-block; 
	background:#f9f9f9;line-height: 48px;border-radius: 4px;font-size:14px;font-weight:600;}
.main_blog_listing_page_wrapper .mixitup-page-list.text-center button.mixitup-control.mixitup-control-active,
.main_blog_listing_page_wrapper .mixitup-page-list.text-center button.mixitup-control:hover{background:#ffe451}
.float-panel.column_sidebar.sticky-new {
	position: absolute;
	bottom: 0;
	max-width: 359px;
	width: 100%;
}

body.learningHome .row-fluid-wrapper.row-depth-1.row-number-4 .span12.widget-span,
body.hs-blog-id-5325863234.hs-blog-listing .row-fluid-wrapper.row-depth-1.row-number-4 .span12.widget-span, 
body.learningHome .row-fluid-wrapper.row-depth-1.row-number-2 .span12.widget-span,
body.hs-blog-id-5325863234.hs-blog-listing .row-fluid-wrapper.row-depth-1.row-number-2 .span12.widget-span {
    min-height: 0;}

/*--------footer-----------*/


.learningHome .filter_search_mod.search-input-box { margin-left:0px; } 
.page-center, body {
    box-sizing: border-box;
}



/*-----media query blog----*/
@media all and(max-width:1230px){.page-center{padding:0 15px;    box-sizing: border-box;}}
@media all and(max-width:1200px){
	.main-search_row.open_search_box .page-center {padding: 0 15px;}
	.main-search_row{padding:50px 0;}
	.main_blog_listing_page_wrapper .listing_top_row h2{margin-top:0px;}
	.listing_top_row{padding-top:0px;}
	.main_blog_listing_page_wrapper .main_blog_posts.container .post_item .post_body_box .post-top-inner{min-height:245px}
	.subscribe_to_blog_section .page-center {padding: 0 15px; box-sizing:border-box;}	
}
@media all and (max-width:1023px){
	.span12.widget-span.widget-type-custom_widget.menu-wrap.custom-menu-primary.mobile-menu.js-enabled {margin-top: -10px;}
	.header-menu-wrapper .search_btn { margin-top: 0;position: absolute;right: 50px; top: 33px;}
	.StickyHeader .header-menu-wrapper .search_btn{top:23px;}
	
	.learningHome .header-menu-wrapper .search_btn{ top: 15px; }
	.learningHome .StickyHeader .header-menu-wrapper .search_btn{top:15px;} 
	
}
@media all and (max-width:991px){
	.search_block form>label{font-size:40px;}
	.search_block form>button svg {height: 25px;}
	.main-search_row .close_btn a{font-size:25px;}
	.search_block form>button{bottom:0px;}
	.main-search_row .menu_block .header_menu .hs-menu-wrapper.hs-menu-flow-horizontal ul>li a{font-size: 18px;}
	.main-search_row .menu_block .header_menu .hs-menu-wrapper.hs-menu-flow-horizontal ul>li>ul>li a{font-size:14px; padding:6px 0;}
	
	
}

@media all and(max-width:767px){
	.case_study_repeater_rows .section_inner_wrapper .image_box img {max-width: 100%;}
	h1{font-size:35px;}
		h2{font-size:28px;}
		h3{font-size:20px;}
		h4{font-size:18px;}
	.hs-blog-listing .main_hero_wrapper.banner-wrapper .banner_text p{font-size:18px;line-height:24px;}
	.main_blog_listing_page_wrapper .main_blog_posts.container .post_item .inner_btm_row .post_topic a,
	.main_blog_listing_page_wrapper .main_blog_posts.container .post_item .inner_btm_row .post_type{font-size:12px;}
	.main-search_row .menu_block .header_menu{display:none;}
	.span12.widget-span.widget-type-custom_widget.menu-wrap.custom-menu-primary.mobile-menu.js-enabled {margin-top: 5px;}
	.header-menu-wrapper .search_btn{top:16px;right:115px;}
	.StickyHeader .header-menu-wrapper .search_btn{top:15px;}
		.StickyHeader .span12.widget-span.widget-type-custom_widget.menu-wrap.custom-menu-primary.mobile-menu.js-enabled {margin-top:5px;}
	.StickyHeader .menu-wrap .mobile-trigger{top:-35px;}
	.search_block form>label{font-size:35px;}
	.listing_top_row .filter_resources_wrapper_mod form>fieldset, .listing_top_row .filter_resources_wrapper_mod form>div { max-width: 100%;text-align: center;}
	.listing_top_row .filter_resources_wrapper_mod form select{max-width:350px;margin:0 auto;}
	.span12.widget-span.widget-type-cell.main-search_row.open_search_box {width: 100%;}
		.main_blog_listing_page_wrapper .mixitup-page-list.text-center span.pager.page-prev span,
	.main_blog_listing_page_wrapper .mixitup-page-list.text-center span.pager.page-next span{font-size:20px; 
		display: unset;line-height:37px;}
.main_blog_listing_page_wrapper .mixitup-page-list.text-center button.mixitup-control.mixitup-control-prev,
.main_blog_listing_page_wrapper .mixitup-page-list.text-center button.mixitup-control.mixitup-control-next {
    position: relative; width: 40px;height: 40px;left:auto;right:auto; top :4px;}
	.main_blog_listing_page_wrapper .mixitup-page-list.text-center button.mixitup-control{width:40px;height:40px;line-height:40px;}
	
	.learningHome .filter_search_mod.search-input-box{ padding-top:10px; }
	.learningHome .filter_search_mod.search-input-box form{ max-width: 350px; margin: 0 auto; } 
	
	
}


 @media all and (min-width: 250px){
  .container .mix, .container .gap{width: 100%; margin:20px 0;background:none; padding:0 15px; box-sizing: border-box;}
}

@media all and (min-width: 667px){
  .container .mix, .container .gap{  width: 49.70%; box-sizing:border-box }
}
@media all and (min-width: 961px){
  .container .mix, .container .gap{ width: 31%;;margin: 20px 1%; padding:0 0}
}
@media all and (max-width:666px){
	.main_blog_listing_page_wrapper .main_blog_posts.container .post_item .post_body_box .post-top-inner{min-height:auto;}
	
}
@media all and (max-width:480px){
	.main_blog_listing_page_wrapper .mixitup-page-list.text-center span.pager.page-prev span,
	.main_blog_listing_page_wrapper .mixitup-page-list.text-center span.pager.page-next span{font-size:20px; 
		display: unset;line-height:37px;}
.main_blog_listing_page_wrapper .mixitup-page-list.text-center button.mixitup-control.mixitup-control-prev,
.main_blog_listing_page_wrapper .mixitup-page-list.text-center button.mixitup-control.mixitup-control-next {
    position: relative; width: 40px;height: 40px;left:auto;right:auto; top :4px;margin-bottom: 15px;}
	.main_blog_listing_page_wrapper .mixitup-page-list.text-center button.mixitup-control{width:40px;height:40px;line-height:40px;}
	
	.header-menu-wrapper .search_btn{top:28px;}
	.StickyHeader  .header-menu-wrapper .search_btn{top:25px;}
	.subscribe_to_blog_section .form_subscription .hs_submit.hs-submit input{padding:18px;font-size:14px;}
	.subscribe_to_blog_section .form_subscription .hs_email.hs-email input{font-size:14px;}
}
/***/

/*********Pillar*******/
.overlay { position: absolute;width: 100%; height: 100%;  top: 0; left: 0;}
.main_hero_wrapper.banner-wrapper.blog-banner-wrapper .banner_inner_wrapper { position: relative;z-index:9;}
.pllar_detail_outer_wrapper { display: flex;flex-wrap: wrap;}
.pllar_left_column {width: 34.5%; float: left;color:#fff; padding-right:15px;    box-sizing: border-box; position:relative;}
.float-panel.column_sidebar.sticky {position: fixed;max-width: 359px; width: 100%;top:100px;	max-height: calc(100vh - 150px); overflow-y: auto;}
.pllar_left_column .float-panel.column_sidebar{background:#2b94ff; padding:20px;}
.pllar_left_column .float-panel.column_sidebar .table_header h2 { margin: 0 0;color:#fff;font-weight:400; }
.pllar_left_column .float-panel.column_sidebar .table_header h2 a{color:#fff;transition:all ease-in-out 0.5s; display:none}
.pllar_left_column .float-panel.column_sidebar .table_header h2 a i{transition:all ease-in-out 0.5s;}
.pllar_left_column .float-panel.column_sidebar .table_header h2 a.active i {transform: rotate(180deg);}
.pllar_left_column .float-panel.column_sidebar .table_list .sibling-wrapper { padding-left:20px; margin-bottom:10px;}
.pllar_left_column .float-panel.column_sidebar .table_list ul { padding-left: 0; margin-top: 5px; margin-bottom: 0; }
.pllar_left_column .float-panel.column_sidebar .table_list .main-nav:not(:first-child) { border-top:1px solid #2984e0; }
.pllar_left_column .float-panel.column_sidebar .table_list ul li:last-child{border-bottom:none;}
.pllar_left_column .float-panel.column_sidebar .table_list a { color:#fff;font-size:18px; font-weight:300;padding: 15px 0px 15px 0px;display: block;}
.pllar_left_column .float-panel.column_sidebar .table_list a.active,
.pllar_left_column .float-panel.column_sidebar .table_list a:hover{ font-weight:bold; } 

.pllar_left_column .float-panel.column_sidebar .table_list ul li:last-child a{ padding-bottom:0px; }
.pllar_left_column .float-panel.column_sidebar .table_list ul li a.active{ font-weight:bold; }
.pllar_left_column .float-panel.column_sidebar .table_list .sibling-wrapper a {padding: 8px 0px 8px 0px;}
.pllar_left_column .float-panel.column_sidebar .table_list .sibling-wrapper a:hover, 
.pllar_left_column .float-panel.column_sidebar .table_list .sibling-wrapper a.active {font-weight:bold;}


.pillar_right_column {padding-left:15px; width: 65.5%; margin-left: 0px; float: right;    box-sizing: border-box;}
.pillar_right_column .download_file_form_mod_wrapper .section_inner_wrapper { display: flex;    padding: 0 20px;}
.pillar_right_column .download_file_form_mod_wrapper .section_inner_wrapper .form_left_column {
    flex: 0 0 60%;
    width: 100%;
    padding-right: 30px;
}
.pillar_right_column .download_file_form_mod_wrapper .section_inner_wrapper .form_left_column .form_header h2 {
    font-size: 30px; margin-bottom:15px;}
.pillar_right_column .download_file_form_mod_wrapper .section_inner_wrapper .form_left_column form{position:relative;}
.pillar_right_column .download_file_form_mod_wrapper .section_inner_wrapper .form_left_column form input{background:#1d9749;color:#fff; border-radius:200px; border:none; 
	padding:12px 15px;font-size:16px;}
.pillar_right_column .download_file_form_mod_wrapper .section_inner_wrapper .form_left_column form fieldset{margin-bottom:15px;}
.pillar_right_column .download_file_form_mod_wrapper .section_inner_wrapper .form_left_column form label{display:none;}
.pillar_right_column .download_file_form_mod_wrapper .section_inner_wrapper .form_left_column form input::placeholder{color:#fff}
.pillar_right_column .download_file_form_mod_wrapper .section_inner_wrapper .form_left_column form .hs_email.hs-email.hs-fieldtype-text.field.hs-form-field input { width: 100%;}
.pillar_right_column .download_file_form_mod_wrapper .section_inner_wrapper .form_left_column form input[type="submit"]{background:#ffe451; border-radius: 200px ; color:#000; text-transform:uppercase;font-weight: 700;
    padding: 12px 25px; position:absolute; bottom:0; right:0;cursor:pointer;}
.pillar_right_column .form_box ul.no-list.hs-error-msgs.inputs-list { display: none !important;}
/*.pillar_right_column .download_file_form_mod_wrapper .section_inner_wrapper .form_left_column form  ul.no-list.hs-error-msgs li{list-style:none;}
.pillar_right_column .download_file_form_mod_wrapper .section_inner_wrapper .form_left_column form  ul.no-list.hs-error-msgs li label{display:block; color:red;}*/
.pillar_right_column .download_file_form_mod_wrapper {margin-bottom: 40px;}
.post_detail_main_wrapper,
.case_detail_outer_wrapper,
.blog_content,
.pillar_right_column .blog_content_box_wrapper {font-size: 18px;}
.pillar_right_column .blog_content_box_wrapper .post_date { margin-top: 20px;font-size: 14px; margin-bottom:25px;}
.pillar_right_column .blog_content_box_wrapper .blog_content img{width:100% !important; max-width:100%;}
.pillar_right_column .blog_content_box_wrapper .post_content_repeater_mod .section_content img { width: 100%;margin: 50px 0;}
.pillar_right_column .blog_content_box_wrapper .post_content_repeater_mod .section_content ul{ margin-bottom: 30px; margin-top: 30px;}
.pillar_right_column .blog_content_box_wrapper p, .blog_content_box_wrapper li {line-height: 30px;}
.blog_comment_wrapper{ overflow: hidden; }
.blog_comment_wrapper .hs-form-field{ margin-bottom:15px; }
.blog_comment_wrapper .hs-form-field > label{ padding-left: 18px; color:#333; }
.blog_comment_wrapper .input input, 
.blog_comment_wrapper select, 
.blog_comment_wrapper textarea { width: 100% !important; border-radius: 25px; font-family: 'Roboto',sans-serif; color: #333; font-size: 15px; padding: 12px; height: 44px; border: 1px solid #aeaeae; }
.blog_comment_wrapper input.hs-button.primary {
    cursor: pointer; background-color: #ffe451; color: #000; border-radius: 30px; display: inline-block; padding: 12px 45px; color: #02123b;
    font-family: Roboto; font-size: 16px; font-weight: bold; text-transform: uppercase; text-decoration: none; margin-top: 25px; border: 0; -webkit-appearance: none; }
/*.blog_comment_wrapper input.hs-button.primary:hover{ background-color: #27bf5e; }*/

.blog_comment_wrapper ul.hs-error-msgs{ list-style:none; padding-left: 18px; }
.blog_comment_wrapper ul.hs-error-msgs li label{ font-size:14px; color:red; }

@media (max-width:1440px){
	.pllar_left_column .float-panel.column_sidebar .table_list ul li a{font-size:16px;    padding: 10px 20px 10px 0px;}
	
}
@media (max-width:1200px){
	.float-panel.column_sidebar.sticky{max-width: 29%;}
		.float-panel.column_sidebar.sticky-new{max-width:84%;}
}
@media (max-width:1024px){
	.float-panel.column_sidebar.sticky {
    max-width: 28.116%;
}
	
}
@media (max-width:991px){
	.float-panel.column_sidebar.sticky{max-width: 28%;}
.filter_search_mod form button {padding: 20px 0 12px;}
	.filter_search_mod form button svg {
    height: 25px;
}
}
@media (max-width:768px){.float-panel.column_sidebar.sticky {width:26%;}}
@media (max-width:767px){
	.pllar_left_column{width:100%;padding-right:0px;}
	.pillar_right_column{padding-left:0px; width:100%; margin-top:30px;}
	.float-panel.column_sidebar.sticky{left:0; width:100%; top:53px; max-width:100%;box-sizing: border-box; z-index: 99;}
	.float-panel.column_sidebar.sticky .table_header,
	.float-panel.column_sidebar .table_header{text-align: center;}
	.pillar_right_column .download_file_form_mod_wrapper .section_inner_wrapper{flex-wrap:wrap;}
	.pillar_right_column .download_file_form_mod_wrapper .section_inner_wrapper .form_left_column{flex:0 0 100%;}
	.pillar_right_column .download_file_form_mod_wrapper .section_inner_wrapper .form_left_column form{max-width:495px; margin:0 auto;}
	.pillar_right_column .download_file_form_mod_wrapper .section_inner_wrapper .guide_image { margin-top: 20px;}
	.pillar_right_column .blog_content_box_wrapper p, .blog_content_box_wrapper li{line-height:24px;}
	.pllar_left_column .float-panel.column_sidebar .table_header h2 a{display:inline;}
.pllar_left_column .content-table .table_list{display:none;}
	.pllar_left_column .content-table .table_list.show_list { display: block;}
}
@media (max-width:480px){
	
	.pillar_right_column .download_file_form_mod_wrapper .section_inner_wrapper .form_left_column form .hs_firstname.hs-firstname.hs-fieldtype-text.field.hs-form-field {margin-bottom: 15px;}
	.pillar_right_column .download_file_form_mod_wrapper .section_inner_wrapper .form_left_column form input{width:100% !important;}
	.pillar_right_column .download_file_form_mod_wrapper .section_inner_wrapper .form_left_column form .hs_submit.hs-submit input { width: auto !important;}
}

/*--------------------*/
#user_guide_section.main_blog_section { position: relative; overflow: hidden;background-size:cover;}
#user_guide_section.main_blog_section .page-center { position: relative;}
div#user_guide_section .overlay { background: rgba(22, 69, 165,0.7);}
div#user_guide_section .blog_right_column { background:#fff; padding: 40px 30px 20px 30px;}
div#user_guide_section .blog_right_column form label{margin-bottom:10px;display: block;}
div#user_guide_section .blog_left_column .post_detail_main_wrapper .post_title h1 {color: #fff; font-size: 50px; font-weight: 400;}
div#user_guide_section .blog_right_column form input { padding: 12px 15px; border-radius: 2px; border: 1px solid #ccc;margin-bottom: 15px;}
div#user_guide_section .blog_right_column form ul.no-list.hs-error-msgs.inputs-list li { list-style: none; color: red;font-size: 14px;}
div#user_guide_section .blog_right_column form ul.no-list.hs-error-msgs.inputs-list { margin-top: 0; padding-left: 0;}
div#user_guide_section .blog_right_column form .hs_newsletter_opt_in.hs-newsletter_opt_in ul.inputs-list {padding-left: 0;}
div#user_guide_section .blog_right_column form .hs_newsletter_opt_in.hs-newsletter_opt_in ul li{list-style:none;}
div#user_guide_section .blog_right_column form input[type="submit" i]{background:#ffe451;padding:12px 40px; border-radius:200px;font-size:15px; border:none; box-shadow:none; cursor:pointer;
font-weight:bold;text-transform:uppercase;}
div#user_guide_section .blog_right_column form input[type="submit" i]:hover{background:#27bf5e; color:#fff}
div#user_guide_section .blog_left_column .post_date{margin-top: 20px;font-size: 14px; margin-bottom:25px; color:#fff}
div#user_guide_section .blog_left_column .section.post-body p, div#user_guide_section .blog_left_column .section.post-body h2, 
div#user_guide_section .blog_left_column .section.post-body ul li{ color: #fff;}
div#user_guide_section .blog_left_column .section.post-body ul{padding-left:0px;}
div#user_guide_section .blog_left_column .section.post-body ul li{list-style:none;position:relative;padding-left:26px;}
div#user_guide_section .blog_left_column .section.post-body ul li::before{content:""; position:absolute; top:5px;left:0; background:url(https://3788215.fs1.hubspotusercontent-na1.net/hubfs/3788215/RI%20Jan2020/List-icon.png);
width:16px;height:16px;}
div#user_guide_section .blog_left_column .section.post-body p,
div#user_guide_section .blog_left_column .section.post-body ul li{line-height:30px;}
@media (max-width:767px){
	div#user_guide_section .blog_left_column .section.post-body p,
div#user_guide_section .blog_left_column .section.post-body ul li{line-height:24px;}
}

/*-------*/
.main_hero_wrapper.banner-wrapper.blog-banner-wrapper .banner_text p { font-size: 20px;}
.case_study_repeater_rows {padding: 50px 0;overflow: hidden;}
.case_study_repeater_rows p, .case_study_repeater_rows li{    line-height: 30px;}
.case_study_repeater_rows li::before { content: ""; display: inline-block;width: 6px;height: 6px; background: black;border-radius: 100%; position: absolute; left: 0; top: 10px;}
.case_study_repeater_rows ul {padding-left: 0;}
.case_study_repeater_rows li { list-style: none;position: relative; padding-left: 20px;}
.pillar_cta_section_outer_wrapper { background-size: cover;position: relative; z-index:9;}
.case_study_repeater_rows img {
    margin: 0 auto;
    float: none;
    display: block;
}
.page-center{padding-left: 15px;padding-right: 15px;position: relative;
    z-index: 9;}

@media (max-width:767px){
	.case_study_repeater_rows p, .case_study_repeater_rows li{    line-height: 24px;}
	div#user_guide_section .blog_left_column .post_detail_main_wrapper .post_title h1 {font-size: 40px;}
}
/*----*/
.hs-blog-post.hs-blog-id-24898701786 .case_study_repeater_rows .section_inner_wrapper { text-align: left;}
/********/
.blog_comment_wrapper{background:#f6f6f6;}
.hs-content-id-24941339976.hs-blog-post.hs-blog-id-24898701780 .blog_comment_wrapper form input,
.hs-content-id-24941339976.hs-blog-post.hs-blog-id-24898701780 .blog_comment_wrapper form textarea,
body.hs-content-id-24894805997.hs-blog-post.hs-blog-id-24893234184 .blog_comment_wrapper form input,
body.hs-content-id-24894805997.hs-blog-post.hs-blog-id-24893234184 .blog_comment_wrapper form textarea
{padding: 6px;display: inline-block; width: 100%; border-radius:0;height:auto;}
body.hs-content-id-24894805997.hs-blog-post.hs-blog-id-24893234184 .blog_comment_wrapper form .hs-form-field>label,
.hs-content-id-24941339976.hs-blog-post.hs-blog-id-24898701780 .blog_comment_wrapper form .hs-form-field>label{padding-left:0px;}
body.hs-content-id-24894805997.hs-blog-post.hs-blog-id-24893234184 .blog_comment_wrapper .hs-form-field,
.hs-content-id-24941339976.hs-blog-post.hs-blog-id-24898701780 .blog_comment_wrapper .hs-form-field{margin-bottom:0px;}
.hs-content-id-24941339976.hs-blog-post.hs-blog-id-24898701780 .blog_comment_wrapper input.hs-button.primary,
body.hs-content-id-24894805997.hs-blog-post.hs-blog-id-24893234184 .blog_comment_wrapper input.hs-button.primary
{-webkit-appearance: push-button;
    user-select: none;
    white-space: pre;
    align-items: flex-start;
    text-align: center;
    cursor: default;
    color: buttontext;font: 400 13.3333px Arial;
    background-color: buttonface;
    box-sizing: border-box;
    padding: 1px 6px;
    border-width: 2px;
    border-style: outset;
    border-color: buttonface;
    border-image: initial;text-transform: none;
    width: auto;margin-top: 00;}


.hs-content-id-24941339976.hs-blog-post.hs-blog-id-24898701780 .blog_comment_wrapper h3,
body.hs-content-id-24894805997.hs-blog-post.hs-blog-id-24893234184 .blog_comment_wrapper h3{font-weight: bold;}
div#user_guide_section .post_detail_main_wrapper p {
    color: #fff;
}
body.learningHome .main_blog_listing_page_wrapper.paddingtb100,
body.hs-blog-id-5325863234.hs-blog-listing .main_blog_listing_page_wrapper.paddingtb100 {padding-top: 0px;}
.video_detail_main_wrapper .post_date { margin-top: 20px;font-size: 14px; margin-bottom:10px;}
.video_detail_main_wrapper .post_title h2 { margin-top: 10px;}
.video_detail_main_wrapper .blog_content p {line-height: 30px;}
.video_detail_main_wrapper .blog_content video {max-width: none;width: 100%;}
/*
body.show-popup {
    position: relative;
}
body.show-popup::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 99999;
}
.filter_search_mod.open-popup {
    position: fixed;
    top: 50%;
	transform:translateY(-50%);
    left: 0;
    right: 0;
    margin: 0 auto;
    max-width: 650px;
    background: #fff;
    box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
       padding: 50px;
    border-radius: 20px;
    z-index: 99999;
	box-sizing:border-box;
}
.filter_search_mod.open-popup .close-btn {
    position: absolute;
    top: 14px;
	right: 15px;}
.filter_search_mod form{position:relative;}
.filter_search_mod  input.hs-search-field__input {
    padding: 18px 20px;
    border: 1px solid #000;
    border-radius: 0;
    font-size: 20px;
    border-top: none;
    border-left: none;
    border-right: none;
	display:inline !important;
}
.filter_search_mod form button {
         position: absolute;
    top: auto;
    right: 0;
    background: transparent;
    color: #000;
    font-size: 16px;
    border-radius: 0;
    font-weight: 700;
    padding: 12px 0 12px;
    text-transform: uppercase;
    cursor: pointer;
    border: 0;
}
.filter_search_mod form label {
    font-size: 32px;
    display: block;
    text-align: center;
    margin-bottom: 0;
}
.filter_search_mod form button svg {
    height: 30px;
}
body.show-popup {
	overflow: hidden;
}
.filter_search_mod form button:hover{background:transparent;}*/
@media all and (max-width:1200px){
	body.learningHome .main_blog_listing_page_wrapper.paddingtb100,
	body.hs-blog-id-5325863234.hs-blog-listing .main_blog_listing_page_wrapper.paddingtb100 { padding-top: 50px;}
}
/*@media all and (max-width:480px){
	.filter_search_mod{padding:20px;}
}
*/


.search-input-box form{position: relative;}
.search-input-box form button{cursor: pointer;padding: 13px 10px;border: 0px;position: absolute;right: 10px;background: transparent; top:0px;}
.search-input-box .hs-search-field__bar button svg {height: 24px;}

.search-input-box .hs-search-field__input{font-weight: 400;font-size: 15px;letter-spacing: 1px;padding: 16px 20px;border: 2px solid #000;border-radius: 30px;}
.search-input-box .hs-search-field__input::placeholder {text-transform: uppercase;color: #000;font-weight: 400;font-size: 15px;letter-spacing: 1px;}
.search-input-box .hs-search-field {max-width: 600px;margin: 0 267px;}
.search-input-box .hs-search-field__input:focus-visible {outline: none;}
.search-input-box .hs-search-field__suggestions{position: absolute;width: 100%;height: auto;margin-top: 0px;background: #fff;z-index: 99;}
.search-input-box .hs-search-field__suggestions li {padding: 9px;}