/*********************************************** intial declartaion of css **********************************************/
.header-container-wrapper ul, .header-container-wrapper ol ,.footer-container-wrapper ul,.footer-container-wrapper ol{ list-style: none; list-style-image: none;}
.header-container-wrapper li:before,.footer-container-wrapper li:before{position:static;content:none;}
.header-container-wrapper li,.footer-container-wrapper li{padding:0; }
.hs-dropdown li{position:static;}
.hs-dropdown ul li:before{position:static;content:none;background:none;}
/*********************************************** remember to define focus styles! **********************************************/
:focus { outline: 0; }
/********************************** tables still need 'cellspacing="0"' in the markup ****************************************/
img { border: 0 none; max-width: 100%; vertical-align:middle;height:auto}
a { outline: none; cursor: pointer;transition:all 0.5s ease;}
/**************************************** End hide from IE Mac ***************************************************************/ 
*:before, *:after {box-sizing: border-box;}
/************************************************** End Clearfix *************************************************/
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block }
.clear { clear: both; }
/************************************************** For modern browsers ******************************************/ 
.cf:before, .cf:after { content: ""; display: table }
.cf:after { clear: both; }
ol { padding-left: 12px; margin-bottom: 15px; }
ul li {list-style: none;}
ul li:before { position: absolute; content: ""; background: #828282; border-radius: 50%; height: 7px; width: 7px; left: 0; top: 6px; }
::selection { background: #111; color: #fff; }
::-moz-selection {background: #111;color: #fff;}
/*************************************** display table and table cell ***************************************************/
.tbl {display:table;width:100%;height:100%;}
.tbl-cell {display:table-cell;vertical-align:middle}
.dis-flex {display: flex; flex-wrap: wrap;}.align-center{align-items:center;}
/*********************************************************body  ********************************************************/
/* body {font-size:14px;font-family: Lato,sans-serif;line-height: 22px;color:#080808; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -moz-osx-font-smoothing: grayscale;  -webkit-tap-highlight-color: transparent;} */
body:not(.custom-background-image)::before, body:not(.custom-background-image)::after { display: none !important; }
a { text-decoration: none; transition: all 0.5s ease ; -moz-transition: all 0.5s ease ; -ms-transition: all 0.5s ease ; -o-transition: all 0.5s ease ; -webkit-transition: all 0.5s ease ; }
a:hover {text-decoration: none; transition: all 0.5s ease ; -moz-transition: all 0.5s ease ; -ms-transition: all 0.5s ease ; -o-transition: all 0.5s ease ; -webkit-transition: all 0.5s ease ; }
strong {font-weight: 700;}
/************************* container **************/
.hub .container { max-width: 1423px !important; margin: 0 auto !important; padding: 0 20px; float: none !important; width: 100% !important; }
h1{font-size:60px;margin-bottom:20px;line-height: 1.2;}
h2{font-size:32px;margin-bottom:20px;line-height: 1.33;}
h3{font-size:24px;margin-bottom:20px;line-height: 1.2;}
h4{font-size:20px;margin-bottom:15px;line-height: 1.3;}
h5{font-size:16px;margin-bottom:15px;line-height: 1.3;}
.hs_error_rollup {display: none;}
/*********************************************************************************************************************************
Form CSS Starrt here
**********************************************************************************************************************************/
/****************************************************Placeholder opacity cross browsers*****************************************/
input::-webkit-input-placeholder { color: #000; } /* WebKit browsers */
input:-moz-placeholder { color: #000; } /* Mozilla Firefox 4 to 18 */
input::-moz-placeholder { color: #000;} /* Mozilla Firefox 19+ */
input:-ms-input-placeholder { color: #000; } /* Internet Explorer 10+ */
textarea::-webkit-input-placeholder { color: #000; } /* WebKit browsers */
textarea:-moz-placeholder { color: #000;} /* Mozilla Firefox 4 to 18 */
textarea::-moz-placeholder { color: #000; } /* Mozilla Firefox 19+ */
textarea:-ms-input-placeholder { color: #000; } /* Internet Explorer 10+ */
/****************************************************** IE *********************************************************/
select::-ms-expand {display: none;}
input::-ms-clear { display:none;}
/*******************************************hubspot******************************************************************/
.row-fluid [class*="span"] {min-height: 0px;} 
/*********************************************** remove auto fill yellow color ************************************/
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {-webkit-box-shadow: 0 0 0 100px #eaf1f5 inset;-moz-box-shadow: 0 0 0 100px #eaf1f5 inset;box-shadow: 0 0 0 100px #eaf1f5 inset;	color:#333 ;}
/*********************************************** Form CSS **********************************************/
input,textarea,select {border-radius: 0; }
button, html input[type="button"], input[type="reset"], input[type="submit"], textarea { -webkit-appearance: none; border-radius: 0; transition: all 0.5s ease ; -moz-transition: all 0.5s ease ; -ms-transition: all 0.5s ease ; -o-transition: all 0.5s ease ; -webkit-transition: all 0.5s ease ; }
button, input, select, textarea,option { font-size: 100%; margin: 0; vertical-align: baseline;font-family: Lato,sans-serif;   font-weight: 500;}
input[type="text"],input[type="tel"],input[type="email"]{ -webkit-appearance:none !important; }
input[type="submit"] {cursor: pointer;transition:all 0.5s ease;}
textarea { overflow: auto; vertical-align: top;resize:none; }

.hub .slick-slide{ padding:12px;}
.hub .slick-track{margin-left:0 !important;}
.hub .wrapper-header .slick-initialized .slick-slide {display: block;}
/******************************************************************************************************************************************************************************
Menu Css
*******************************************************************************************************************************************************************************/
.wrapper-header{background: #fff;transition: all 200ms ease-in-out;position:relative;z-index:9999;padding: 0;}
.inner-flex > div > div {display: flex;align-items: center;}
.wrapper-header .container > div > div {display: flex; flex-wrap: wrap;align-items: center;}
.wrapper-header .container{max-width:100%;}
.wrapper-header .logo{ width:285px !important; margin: 0 !important; }
.wrapper-header .menu { width: calc(100% - 228px)!important; margin: 0 !important; }
.menu > div > div {display: flex;align-items: center;}
.hub .custom-menu-primary { width:84% !IMPORTANT;}
.header-search-input-v2 {WIDTH: 30PX !IMPORTANT;}
.bt-grp {width: 40px !important;margin: 0 !important;}
.call {WIDTH: 13% !IMPORTANT;margin: 0 !important;text-align: right;border-left: 1px solid #000;line-height: 1.8;}
#btn-search {background: transparent;border: 0;color: #000;position: relative;top: 3px;right:0px;cursor: pointer;}
.hub i.fas.fa-search {font-size: 22px;}
.header-search-input.active {display: block;opacity: 1;-webkit-animation-name: fadeIn;-webkit-animation-duration: .5s;animation-name: fadeIn;animation-duration: .5s;width:86% !important;}

.header-search-input-v2 {position: relative;}
.header-search-input-v2 .hs-search-field {position: absolute;width: 74%;top: 0;z-index: 99;right: 0;}
.header-search-input { opacity: 0;}
.header-search-input input {font-size: 16px;height: 37px;padding: 10px;color: #333;border: 1px solid #000;}
button#btn-search {background: transparent;border: 0;}
.call a {font-size:19px;color: #000;display: inline-block;}
.wrapper-header.elevate-header-home .hide img { max-width: 47px !important;}
/*************************************Depth 1****************************************************/
.wrapper-header .menu .hs-menu-wrapper > ul{display: flex; flex-wrap: wrap;justify-content: flex-end;margin: 0;padding-right: 50px;}
.wrapper-header .menu ul > li.hs-menu-depth-1 > a{position:relative;font-size: 16px;text-transform: uppercase; color: #000;}
.wrapper-header .menu ul > li.hs-menu-depth-1{padding:40px 13px;}
.wrapper-header .menu ul li a{font-size:inherit;display: inline-block;transition:all 0.0s ease;}
.wrapper-header .menu ul > li.hs-menu-depth-1:last-child{padding-right:0;}
/*************************************Depth 2****************************************************/
.wrapper-header .menu ul > li.hs-menu-depth-2 > a {padding:8px 20px; width: 100%;color:#fff;letter-spacing:2px;line-height: 1.4;}
.wrapper-header .menu ul > li.hs-menu-depth-1 > ul.hs-menu-children-wrapper{position: absolute; background: #fff; width:100%; left:0%; visibility: hidden;padding: 20px 0; transition: 0.5s ease-out;} /*Change The Menu Stuff*/
                                                                                                                                                                                                   
/*************************************Depth 3****************************************************/
.wrapper-header .menu ul > li.hs-menu-depth-2.hs-item-has-children{position: relative;}
.wrapper-header .menu ul > li.hs-menu-depth-2 > ul.hs-menu-children-wrapper{position: absolute; background: #f1c319; width: 100%; min-width:150px;visibility: hidden;left:100%;top:0px;border-left:1px solid #fff;}
.wrapper-header .menu ul > li.hs-menu-depth-3 > a{color:#000;padding: 3px 15px;font-size: 14px;display: inline-block;} 
.wrapper-header .menu ul > li.hs-menu-depth-3 > a:hover {background: rgba(136, 0, 152, 0.25);}
.top-header .container > div > span { align-items: center;display: flex;justify-content: flex-end;}
.top-header p { display: flex; margin-right: 37px;font-size: 14px; font-weight:300; margin-bottom: 0;}
.top-header {text-align: right;background: #782b90;color: #fff;padding: 8px 0;transition: 0.7s ease all;}
.top-header ul {margin: 0;padding: 0;display: flex; justify-content: flex-end;}
.top-header ul li a {font-size: 14px;color: #fff;font-weight:300;}
.top-header ul li a:hover{color:#000;}
.inner-flex {width: 100% !important;}

.wrapper-header .hide{display:none !important;}
.wrapper-header.elevate-header-home .un-hide{display:none !important;}
.wrapper-header.elevate-header-home .hide{display:block !important;}
.Group2 li > ul > li > a {padding-left: 5 !important; /* Padding for left hand mega menu */}

@media(max-width:1400px){.wrapper-header .menu ul > li.hs-menu-depth-1 > a {font-size:17px;}.h-container { padding: 0 20px;}.hub i.fas.fa-search {font-size: 20px;}.call {WIDTH: 14% !IMPORTANT;}.call a { font-size: 18px;}.wrapper-header .menu ul > li.hs-menu-depth-3 > a {padding: 3px 6px;}}
@media(max-width:1250px){h1{font-size:40px;margin-bottom:15px;}h2{font-size:30px;margin-bottom:15px;}h3{font-size:22px;margin-bottom:15px;}h4{font-size:16px;}.wrapper-header .menu ul > li.hs-menu-depth-1 { padding: 40px 10px; }.wrapper-header .menu ul > li.hs-menu-depth-1 > a {font-size:14px;}.wrapper-header .logo {width: 230px !important;}.wrapper-header .menu { width: calc(100% - 230px)!important;}.call a {font-size: 15px;}.wrapper-header .menu .hs-menu-wrapper > ul {    padding-left: 0;padding-right: 12px;}}
@media(min-width:1025px){.wrapper-header.elevate-header-home .menu ul > li.hs-menu-depth-1 {padding: 23px 13px;}.wrapper-header.elevate-header-home .top-header{height: 0; opacity: 0; padding: 0;}.wrapper-header.elevate-header-home {position: fixed;left:0;top:0; width:100%;border-bottom: 9px solid #782b90;}.wrapper-header.elevate-header-home .logo { width: 191px !important; }.wrapper-header .hs-menu-wrapper{display:block !important;}.wrapper-header .mobile-trigger{display: none!important;}.wrapper-header .menu ul > li.hs-menu-depth-1 > a:before { position: absolute; content: ""; width:0; height: 2px; background: #782b90; bottom: 0; left: 0;transition: all .3s ease-in-out; }.wrapper-header .menu ul > li.hs-menu-depth-1 > a:hover:before{width:100%;transition: all .3s ease-in-out;}.wrapper-header .menu ul > li.hs-menu-depth-1.active > a:before{background-color:#7c109a;width:100%;}.wrapper-header .menu ul > li.hs-menu-depth-1.active > a{color:#7c109a;}.wrapper-header .menu ul > li.hs-menu-depth-2 > a:hover{color:#7c109a;}.wrapper-header .menu ul > li.hs-menu-depth-2:hover > ul.hs-menu-children-wrapper{visibility:visible;}
  
/*   .wrapper-header .menu ul > li > ul.hs-menu-children-wrapper{margin-top:40px;opacity:0;border-top: 1px solid #eceef0;box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 20px 0px;min-height:245px;display: flex;justify-content: space-between;transition-delay: 0s;} */
.wrapper-header .menu ul > li.hs-menu-depth-1:hover > ul.hs-menu-children-wrapper { visibility: visible; display: flex !important;margin-top: 40px;opacity:1;border-top: 1px solid #eceef0;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 20px 0px;min-height:245px;transition-delay: .1s;}
    .wrapper-header.elevate-header-home .menu ul > li.hs-menu-depth-1:hover > ul.hs-menu-children-wrapper { margin-top: 23px;} 
   .wrapper-header .menu ul > li.hs-menu-depth-1 > ul.hs-menu-children-wrapper{margin-top:15px;opacity:0;display: flex;justify-content: space-between;min-height:0px;transition-delay:0s;}
  
  /*   .wrapper-header .menu ul > li.clicked > ul.hs-menu-children-wrapper   { visibility: visible; display: flex !important;opacity:1;} */
  .wrapper-header .menu ul li.hs-menu-item.hs-menu-depth-2.hs-item-has-children > ul {    padding: 0;margin: 16px 0 0px;}
  .Group2 {width:19% !important;padding-right:10px;border-right: 1px solid #e4e8ea;}
  .Group3 { display: flex; flex-wrap: wrap; width: 83%; padding-left:20px; }
  .Group3 > li {width:16.4%; padding: 12px;}
  .Group2 h3 {font-size: 20px;margin-bottom: 12px;}
  .Group2 p { color: #656565;}
  .Group2 li {padding: 12px;}
  .wrapper-header .menu .Group3 li a {font-size: 15px; margin: 0 0;    color: #000;  font-weight: 600;display:flex;flex-wrap:wrap;}
  .wrapper-header .menu .Group3 li a span { margin-bottom: 5px;line-height: 1.1;display: inline-block; }
  .wrapper-header .menu .Group3 li a img { margin: 0px 0 0; width: 100%; min-height: 100px; object-fit: cover; }
  .wrapper-header .menu .Group3 li a p {font-weight: 400;font-size: 14px; margin-bottom: 10px; pointer-events: none;line-height: 1;display:inline-block;}
  .Group2 li ul {margin: 0 !important;}
  .Group2 li ul > li { padding: 0;}
  .Group3 {width: calc(100% - 300px); }
  .wrapper-header.elevate-header-home li.hs-menu-item.hs-menu-depth-1.hs-item-has-children:hover > a:after { top: 36px;}

  .h-container { width:100%; display: flex;max-width: 1380px;margin: 0 auto;}
  .hub li.hs-menu-item.hs-menu-depth-1:hover > a {color: #782b90 !important;}
  .hub li.hs-menu-item.hs-menu-depth-1.hs-item-has-children:hover > a:after {content: '';position: absolute;transition-delay: .3s;
    display: block;height: 17px; width: 17px; top: 55px; left: 50%;margin-left: -16px; margin-top: 1px;z-index: 10;-webkit-transform: rotateZ(-45deg); -moz-transform: rotateZ(-45deg);
    -o-transform: rotateZ(-45deg);  -ms-transform: rotateZ(-45deg); transform: rotateZ(-45deg);transition: all .3s ease-in-out;  background-color: #fff;box-shadow: none;border: 4px solid #eceef0; border-width: 1px 1px 0 0;}

}


@media(max-width:1024px){
  h1{font-size:34px;}
  h2{font-size:28px;}  
  h3{font-size:20px;}
  h5{ font-size: 14px;}
  .wrapper-header .logo {padding: 20px; }
  .inner-flex > div > div { flex-wrap: wrap;}
  .hub .container.custom-page-center {padding: 0;}
  .wrapper-header .menu ul > li.hs-menu-depth-2 > a {width: auto;padding: 10px 30px; }
  .wrapper-header .menu ul > li.hs-menu-depth-1 { padding: 0; }
  /* body.mobile-open{ overflow: hidden; } */
  .wrapper-header .menu ul > li.hs-menu-depth-1 > ul.hs-menu-children-wrapper{background: #fff;    padding: 20px 30px 5px!important}

  /**********************************************Toggle Icon***************************************/
  /* .wrapper-header .mobile-trigger{width: 35px;height:25px;position: absolute; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; z-index: 12; top:26px; right: 20px; display: inline-block !important;} */
  .wrapper-header .mobile-trigger {
    display: inline-block !important;
    cursor: pointer;
    position: absolute;
    top: 82px;
    right: 20px;
    width: 25px;height: auto; padding: 7px 10px 8px 10px;background: #fff;font-size: 16px;
    font-weight: 500;
    text-align: left;text-transform: uppercase; color: #000;
  }
  .h-container { padding: 0 0px;} 
  .wrapper-header .mobile-trigger .line {width:100%;display: block;background:#792b91;height:3px;position:absolute;left: 0;transition: 0.25s ease-in-out; }
  .wrapper-header .mobile-trigger.active-re .line{background:#7c109a;}
  .wrapper-header .mobile-trigger .line.line-1{top:0;}
  .wrapper-header .mobile-trigger .line.line-2{top:7px;}
  .wrapper-header .mobile-trigger .line.line-3{top:15px;}
  .wrapper-header .mobile-trigger .line.line-4{top:10px;}
  .wrapper-header .mobile-trigger .line.line-5{top:20px;}
  .wrapper-header .mobile-trigger .line.line-6{top:20px;}
  .wrapper-header .mobile-trigger .line:nth-child(odd) {left: 0;}


  .wrapper-header .mobile-trigger.active-re .line.line-1 {     left: 3px;top: 4px; }
  .wrapper-header .mobile-trigger.active-re .line.line-1,.wrapper-header .mobile-trigger.active-re .line.line-2{-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
  .wrapper-header .mobile-trigger.active-re .line.line-2{left: calc(50% - 10px); top: 4px;}
  .wrapper-header .mobile-trigger.active-re .line.line-3{ left: -50%; opacity: 0; }
  .wrapper-header .mobile-trigger.active-re .line.line-3,.wrapper-header .mobile-trigger.active-re .line.line-4{ top: 10px; } 
  .wrapper-header .mobile-trigger.active-re .line.line-4{ left: 100%; opacity: 0; }

  .wrapper-header .mobile-trigger.active-re .line.line-5{ left: 0; top:17px; }
  .wrapper-header .mobile-trigger.active-re .line.line-2,.wrapper-header .mobile-trigger.active-re .line.line-5{ -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
  .wrapper-header .mobile-trigger.active-re .line.line-6{ left: calc(50% - 5px); top: 17px; }
  .wrapper-header .mobile-trigger.active-re .line.line-1, .wrapper-header .mobile-trigger.active-re .line.line-6{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

  /**********************************************Depth 1***************************************/
  .wrapper-header .hs-menu-wrapper{width: 100%;    display: none;position: relative;top: 0; left: 0;padding: 0; background-color: #783194;}
  .wrapper-header .menu ul > li.hs-menu-depth-1{ width: 100%;border-bottom: 1px solid rgba(255,255,255,0.25);position: relative;}
  .wrapper-header .menu ul > li.hs-menu-depth-1 > a{color:#fff;padding: 10px 8px;font-size: 16px;display: inline-block;} 
  .wrapper-header .menu .hs-menu-wrapper > ul {display: block; padding: 25px;margin:0;width: 100%;}
  /* .wrapper-header .mobile-trigger.active-re + div.active-branch.flyouts{right:0;display: block !important;transition: all 0.5s ease;}  */

  /**********************************************Depth 2***************************************/
  .wrapper-header .menu ul > li.hs-menu-depth-1 ul.hs-menu-children-wrapper{position: relative;display:none;visibility:visible; width: 100%;height: 100%;padding: 0;left:0;text-align: left;transform: translateX(0);}
  .wrapper-header .menu ul > li.hs-menu-depth-2,.wrapper-header .menu ul > li.hs-menu-depth-3 { border-top: 1px solid rgba(255,255,255,0.25); }
  .hub li.hs-menu-item.hs-menu-depth-2 a{font-size: 16px;margin: 0 0 14px;}

  /**********************************************Depth 3***************************************/
  .wrapper-header .menu ul > li.hs-menu-depth-2 > ul.hs-menu-children-wrapper{position: relative;display:none;visibility:visible;left:0;}
  .bt-grp { display: none !important;}
  .call {display: none !important;}
  .hub .custom-menu-primary {width: 100% !IMPORTANT;}
  .wrapper-header .menu {width: 100%!important;}
  .hub .child-trigger {display: block !important;cursor: pointer;position: absolute;top: 0px;right: 0px;width: 55px !important;min-width: 55px !important;height: 45px !important;padding: 0 !important;
    /*     border-left: 1px dotted rgba(255,255,255,.20); */}
  .hub .child-trigger i {position: relative;top: 50%;margin: 0 auto !important;}
  .hub .child-trigger i:after {-webkit-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg);}
  .hub .child-trigger i:after {position: absolute;content: '';}
  .hub .child-trigger i, .hub .child-trigger i:after {width: 10px;height: 1px;background-color: #000;
    display: block;}.hub .child-trigger.child-open i {-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}.hub .child-trigger.child-open i:after {-webkit-transform: rotate(-180deg);-ms-transform: rotate(-180deg);transform: rotate(-180deg);}.Group2 img, .Group3 img, .Group2 p {display: none !important;}.Group2 > li p,  .Group2 > li img {display: none;}.Group3 p {display: none;}.Group2 h3 {font-size: 16px;margin: 0;font-weight: 400;}.wrapper-header .menu ul > li.hs-menu-depth-1:last-child { border: 0;}.hub li.hs-menu-item.hs-menu-depth-2.hs-item-has-children > ul {padding: 0 12px 20px !important;}.wrapper-header .menu ul > li.hs-menu-depth-3 > a {margin: 0;}}
@media(max-height:567px) and (max-width:840px){.wrapper-header .menu .hs-menu-wrapper > ul {overflow-y: scroll;}}
@media(max-width:767px){h1{font-size:28px;}h2{font-size:24px;}.hub .footer .hs-menu-wrapper.hs-menu-flow-horizontal > ul, .social-icons ul {padding: 0;margin: 0;}}
@media(max-width:480px){.wrapper-header .hs-menu-wrapper{max-width:100%;right:-100%;}}
/* White Bg */
.hub .white-bg { width: 100% !important; height: 100%; position: fixed; z-index: 9999999999999; top: 0; left: 0; background: #fff; }.hub .footer .hs-menu-wrapper.hs-menu-flow-horizontal > ul, .social-icons ul{padding:0;}.hub .footer .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a{padding: 0 !important;display: block;color: #fff;font-size: 14px;}.top-header p a {color: #fff;font-size: 16px;line-height: 1.8;}