header { position:relative; width:100%; z-index:99; background:#fff; }
header .container { display:flex; flex-wrap:wrap; }
header .header_area { width:100%; transition:all .4s ease; } 
header .header_top { width:100%; padding:10px 0; }
header .header_top .container { justify-content:flex-end; align-items: center; }
header .header_top a.callnum { color:; letter-spacing: 0.28px; font-weight:bold; font-size:14px; line-height:20px; margin-right:20px; }
header .header_top a.callnum:hover { color:; }
header .header_top span { color:#A8A7A7; font-size:15px; line-height:20px; }
header .header_main { width:100%; padding-bottom:20px; }  
header .header_main .container { justify-content:space-between; } 
header .header_main .logo { width:100%; max-width:450px; line-height:0; }    
header .header_main .header_right { width:calc(100% - 450px); padding-left:30px; display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; }     
header .header_main .btn_style a { min-width:160px; margin-left: 20px; }  
    
.fixed header .header_area.header_sticky { transform: translateY(0); opacity:1; visibility:visible; }
.fixed header .header_area { opacity:0; visibility:hidden; }
header .header_sticky { width:100%; position:fixed; top:0; left:0; z-index:99; background:#fff; transform: translateY(calc(-100% - 20px)); box-shadow: 0 2px 5px #ccc; }

.menu .submenu_cover { display:none; }
.menu .hs-menu-wrapper .submenu_cover { display:flex; }

.menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children:first-child { position:inherit; }
.menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children:first-child ul.hs-menu-children-wrapper { width:850px; margin-top:0; padding:0; }
.menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children:first-child ul.hs-menu-children-wrapper > li { display:none; }

.submenu_cover { width:100%; max-width:855px; position:absolute; left:0; top:0; display:flex; flex-wrap:wrap; background:#fff; box-shadow:3px 3px 14px 0px rgb(32 61 117 / 20%); }
.submenu_cover .submenu_left { width:40%; padding:20px 0; }
.submenu_cover .submenu_left ul { padding:0; margin:0; list-style:none; }
.submenu_cover .submenu_left ul li { width:100%; }
.submenu_cover .submenu_left ul li a { width:100%; padding: 10px 0 10px 30px; font-weight: 300; font-size: 15px; line-height: 20px; color: #023a78; }
.submenu_cover .submenu_left ul li a.acitve { color:#203d75; }
.submenu_cover .submenu_right { width:60%; padding:30px 40px; display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: flex-end; }
.submenu_cover .submenu_wrap { width:100%; min-height:340px: } 
.submenu_cover .submenu_img { width:100%; display:none; height:280px; }
.submenu_cover .submenu_img.active { display:block; }
.submenu_cover .prodlink_btn { width:100%; text-align:right; margin-top:30px; }
.submenu_cover .prodlink_btn a { width:auto; padding:0; display:inline-block; position:relative; text-transform: uppercase; letter-spacing: 1px; font-size: 15px; color: #023a78; font-weight: 600; }
.submenu_cover .prodlink_btn a:after { content: ''; display: inline-block; width: 6px; height: 11px; background-image: url(//22195144.fs1.hubspotusercontent-na1.net/hubfs/22195144/raw_assets/public/Planiform_September2022/images/caret-right-blue.png); margin-left: 10px; } 
 

header .language_switcher { position:relative; line-height:0; } 
header .language_switcher .lang_list_class:after, header .language_switcher .lang_list_class:before { display:none; }
header .language_switcher .globe_class  { position: relative; background:transparent;  width: auto; display: inline-block; height: auto; border-radius: 0; }  
header .language_switcher .lang_list_class { position: relative;  top: 0;box-shadow: none; padding:0; border-radius: 0;  left: 0; width: 100%;  transform: translateX(0); display: flex !important; align-items: center; }
header .language_switcher .lang_list_class li { padding: 0 !important; border: none !important; }
header .language_switcher .lang_list_class li a { color:#A8A7A7; width:auto; display:inline-block; margin-left:10px; font-weight: 500; font-size: 15px; line-height: 16px; position:relative; padding-left: 12px; }
header .language_switcher .lang_list_class li a:hover { color:#bf311a; }
header .language_switcher .lang_list_class li:first-child a { margin-left:0; padding-left:0;  } 
header .language_switcher .lang_list_class li a:before { position: absolute; content: ""; width: 2px; height: 100%; background: #A8A7A7; left:0; top:0; }
header .language_switcher .lang_list_class li:first-child a:before { display:none; }

  
  
@media (min-width: 992px) {      
    
    .menu .header_top { display:none; }
    .menu .btn_style { display:none; }
    
    header .header_main .container { position:relative; }   
    
    .menu .hs-menu-wrapper.hs-menu-flow-horizontal ul { width:100%; margin:0; padding:0; list-style:none; }
    .menu .hs-menu-wrapper.hs-menu-flow-horizontal ul li.hs-item-has-children { position:relative; } 
    .menu .hs-menu-wrapper.hs-menu-flow-horizontal ul > li.hs-item-has-children > a:after { position:relative; content:"\f107"; top:-1px; font-family:"FontAwesome"; margin-left: 4px; font-size: 20px; font-weight: 300; float: none; display: inline-block; vertical-align: middle; line-height: 12px; }
    .menu .hs-menu-wrapper.hs-menu-flow-horizontal ul ul.hs-menu-children-wrapper li.hs-item-has-children > a:after { content:"\f105"; font-size: 16px; line-height: 15px; }
    .menu .hs-menu-wrapper.hs-menu-flow-horizontal ul li { padding:0; position:relative; width:auto; float:none; display:inline-block; } 
    .menu .hs-menu-wrapper.hs-menu-flow-horizontal ul li a { font-weight: bold; font-size: 14px; line-height:22px; padding:10px 20px; text-transform:uppercase; display:inline-block; color:; position:relative; white-space: normal; width:100% !important; max-width: 100% !important; overflow: hidden;  text-overflow: inherit; }
    .menu .hs-menu-wrapper.hs-menu-flow-horizontal ul li a:hover { color:; }  
    .menu .hs-menu-wrapper.hs-menu-flow-horizontal ul > li.hs-item-has-children:hover > a { color:; }

    .menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children:hover > ul.hs-menu-children-wrapper { pointer-events:inherit; opacity:1; visibility:visible; }
    .menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper { top:100%; margin-top: -10px; left:0; padding:5px 0; position:absolute; width:230px;line-height:0; transition:all .4s ease; opacity:0; visibility:hidden; z-index:111; pointer-events:none; background:rgba(255, 255, 255, 1.0); box-shadow:3px 3px 14px 0px rgb(32 61 117 / 20%); }
    .menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li { width:100%; border:none; }
    .menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { border:none; padding:6px 20px; color:rgba(2, 58, 120, 1.0); font-weight: 300; font-size:14px; line-height:20px; text-transform: none !important; width:100% !important; white-space: normal; width:100% !important; float:left;  max-width: 100% !important; overflow: hidden;  text-overflow: inherit; }   
    .menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a:hover { background:transparent; color:rgba(148, 158, 180, 1.0); }
   
    .menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li:hover > a {  background:transparent; color:rgba(148, 158, 180, 1.0); }
    .menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper ul.hs-menu-children-wrapper { left:100%; top:0; }
    .menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children:hover ul.hs-menu-children-wrapper { pointer-events:inherit; }
    
    .menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:nth-child(3) ul.hs-menu-children-wrapper { width:160px; }
    
}    
  
/* footer */     
footer { width:100%; position:relative; background:#F4F4F4; padding:70px 0; letter-spacing: 0.32px; color:#333333; font-size:16px; line-height:24px; }
footer .container { display:flex; flex-wrap:wrap; }

footer .footer_box { width:calc(100%/4); padding:0 20px; }
footer .footer_logo { width:100%; margin-bottom:20px; } 

footer .footer_menu ul { list-style:none; padding:0; margin:0; width:100%; } 
footer .footer_menu ul li { width:100%; list-style:none; }
footer .footer_menu ul li a { width:auto; display:inline-block; margin-bottom:10px; color:#333333; font-size:16px; line-height:24px; }
footer .footer_menu ul li.hs-menu-depth-1 > a { color:; font-size:18px; line-height:24px; font-weight:bold; } 
footer .footer_menu ul li.hs-menu-depth-1 > a:hover { color:; }
footer .footer_menu ul li ul li a { width:auto; display:inline-block; margin-bottom:10px; color:#333333; font-size:16px; line-height:24px; }
footer .footer_menu ul li a:hover { color:; }
footer .contact_info a { color:#333333; } 
footer .contact_info a:hover { color:; }

footer .footer_follow ul { list-style:none; margin:0; padding:12px 0 0; }
footer .footer_follow ul li { width:auto; display:inline-block; }
footer .footer_follow ul li a { width:30px; height:30px; padding:4px; display: flex; align-items: center; justify-content: center; margin-right:13px; background:; border-radius:50%; color:#fff; font-size:16px; }  
footer .footer_follow ul li a:hover { background:; color:#fff; }    
footer .footer_follow ul li a i { margin-left: -3px; }   
      
footer .footer_box:first-child { width:30%; padding-left:0; } 
footer .footer_box:nth-child(2) { padding-left:0; } 
footer .footer_box:nth-child(3) { padding-right:40px; }
footer .footer_box:last-child { width:20%; padding-right:0; } 


@media(max-width:1400px){ 
    
    header .header_main .logo { max-width:340px; }
    header .header_main .header_right { width:calc(100% - 340px); }
    header .header_main .btn_style a { min-width:140px; padding:10px 20px; }
    .menu .hs-menu-wrapper.hs-menu-flow-horizontal ul li a { font-size:14px; padding:10px 12px; } 
     
        
}


@media(max-width:1200px){ 

    header .header_main .logo { max-width:280px; }
    header .header_main .header_right { width: calc(100% - 280px); padding-left: 20px; }
    header .header_main .btn_style a { min-width: 130px; padding: 8px 15px; font-size: 14px; margin-left: 10px; }
    .menu .hs-menu-wrapper.hs-menu-flow-horizontal ul li a { font-size: 12px; padding: 10px 10px; }  
    .menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { padding:8px 15px; font-size: 14px; line-height: 20px; }
    
    .submenu_cover .submenu_left ul li a { padding:6px 12px !important; }
    
    
    footer { padding:50px 0 30px; }
    footer .footer_logo img { max-width:180px !important; }
      
    
    
}

@media(max-width:991px){ 

    footer .footer_box:nth-child(3) { padding-right: 0; }
    footer .footer_menu ul li.hs-menu-depth-1>a { font-size: 16px; line-height: 22px; }
    
}

@media(max-width:767px){ 

    footer { text-align:center; }
    footer .footer_box:first-child { width:100%; }
    footer .footer_box:last-child { width:100%; padding-bottom:0; }
    footer .footer_box { width:100%; padding:0 0 30px; }
    footer .footer_menu ul li ul li a { font-size: 14px; line-height: 20px; margin-bottom: 5px; }  
    
     
     
}
   
 
@media (min-width:992px) {
    a.mobile-trigger, a.child-triggerm { display: none !important; } 
    .row-fluid .menu .hs-menu-wrapper { display: block !important; }
}
@media (max-width:991px) { 
    
    header .header_main .logo { max-width:300px; }  
    header .header_main .container { max-width:100%; }
    header .header_top { display:none; }
    header .header_main { padding:25px 0; }
    .header_right .menu .header_top { display: inline-block; margin: 0; padding:20px 18px 0; background: #fff;  }
    .header_right .btn_style { display:none; } 
    .header_right .menu .btn_style { display: inline-block; margin: 0; padding: 20px 8px; background: #fff; } 
    .menu .hs-menu-wrapper.hs-menu-flow-horizontal ul li a { font-size:16px; padding:12px 18px; }
    .menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { color: #fff; font-size: 14px; line-height: 22px; }
    .menu .hs-menu-wrapper .submenu_cover { display:block; }
    .menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children:first-child ul.hs-menu-children-wrapper { width:100%; }
    .menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children:first-child ul.hs-menu-children-wrapper > li { display:none; }
    
    .submenu_cover .submenu_left { padding:0; display: block; width:100%; }
    .submenu_cover .submenu_right { display:none; }
    
      header .language_switcher { margin:15px 0 0; } 
    header .language_switcher .lang_list_class { flex-direction: inherit !important; }
    header .language_switcher .lang_list_class li { width:auto; display:inline-block; }
    header .language_switcher .lang_list_class li a { padding:0 0 0 16px !important; background:transparent !important; color:#A8A7A7 !important; }
    header .language_switcher .lang_list_class li:first-child a { padding:0 !important;  } 
    header .language_switcher .lang_list_class li a:hover { color:#BF311A !important; }
    
    .menu, .menu * { 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; }
    a.mobile-trigger { display: inline-block !important; cursor: pointer; -webkit-tap-highlight-color: transparent; -moz-tap-highlight-color: transparent; cursor: pointer; position: absolute; top: 13px; right: 15px; width: 50px; height: 50px; padding: 15px 13px; background: ; z-index: 99999999999; -webkit-transition: background-color 0.2s linear; font-size: 16px; font-weight: normal; text-align: left; text-transform: uppercase; border-radius: 50%; -webkit-transition: color .2s ease-in; -moz-transition: color .2s ease-in; transition: color .2s ease-in; }
    a.mobile-trigger:hover { text-decoration: none; color: #fff; }
    a.mobile-trigger span { display: inline; }
    a.mobile-trigger span:before { position: absolute; content: 'Menu'; }
    a.mobile-trigger span:after { position: relative; right: 2px; content: 'Close'; background-color: #455560; opacity: 0; transition: opacity .4s ease-in-out; -moz-transition: opacity .4s ease-in-out; -webkit-transition: opacity .4s ease-in-out; }
    .mobile-open a.mobile-trigger { -webkit-transition: background-color 0.2s linear; -moz-transition: background-color 0.2s linear; transition: background-color 0.2s linear; }
    .mobile-open a.mobile-trigger span:after { opacity: 1; }
    a.mobile-trigger i { display: inline; position: relative; top: -2px; margin-left: 0; -webkit-transition-duration: 0s; -webkit-transition-delay: .2s; -moz-transition-duration: 0s; -moz-transition-delay: .2s; transition-duration: 0s; transition-delay: .2s; }
    a.mobile-trigger  i:before, a.mobile-trigger i:after { position: absolute; content: ''; }
    a.mobile-trigger  i, a.mobile-trigger  i:before, a.mobile-trigger  i:after { width: 24px; /* Icon line width */ height: 3px; /* Icon line height */ background-color: #fff; /* Icon color */ display: inline-block; }
    a.mobile-trigger  i:before { margin-top: -8px; -webkit-transition-property: margin, -webkit-transform; -webkit-transition-duration: .2s; -webkit-transition-delay: .2s, 0; }
    a.mobile-trigger  i:after { margin-top: 8px; -webkit-transition-property: margin, -webkit-transform; -webkit-transition-duration: .2s; -webkit-transition-delay: .2s, 0; }
    .mobile-open a.mobile-trigger i { background-color: rgba(0, 0, 0, 0.0); -webkit-transition-delay: .2s; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); }
    .mobile-open a.mobile-trigger i:before { margin-top: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition-delay: 0, .2s; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); }
    .mobile-open a.mobile-trigger i:after { margin-top: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition-delay: 0, .2s; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); }
    .menu .hs-menu-flow-horizontal > ul > li a.child-triggerm { display: block !important; cursor: pointer; position: absolute; top: 0px; right: 0px; width: 55px !important; min-width: 55px !important; height: 48px !important; padding: 0 !important; border-left: 1px dotted rgba(255, 255, 255, .20); }
    .menu .hs-menu-flow-horizontal > ul > li a.child-triggerm:hover { text-decoration: none; }
    a.child-triggerm span { position: relative; top: 50%; margin: 0 auto !important; -webkit-transition-duration: .2s; -moz-transition-duration: .2s; transition-duration: .2s; }
    a.child-triggerm span:after { position: absolute; content: ''; }
    a.child-triggerm span, a.child-triggerm span:after { width: 10px; height: 1px; background-color: #fff; display: block; }
    .row-fluid .menu .hs-menu-flow-horizontal > ul > li:hover a.child-triggerm span, .row-fluid .menu .hs-menu-flow-horizontal > ul > li:hover a.child-triggerm span:after { background-color: #fff; }
    a.child-triggerm span:after { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition-duration: .2s; -moz-transition-duration: .2s; transition-duration: .2s; }
    a.child-triggerm.child-open span:after { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); -webkit-transition-duration: .2s; -moz-transition-duration: .2s; transition-duration: .2s; }
    a.child-triggerm.child-open span { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition-duration: .2s; -moz-transition-duration: .2s; transition-duration: .2s; }

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

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

    /* Mobile Menu Styles */
    .menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul { width: 100%; float: left; }
    .menu.js-enabled .hs-menu-flow-horizontal { position: absolute; top: 78px; left: 0px; width: 100%; -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.65); -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.65); box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.65); }
    .menu .hs-menu-flow-horizontal { padding: 0; background-color: ; width: 100%; z-index: 8888; }

    /* Level 1 Menu List Styles */
    .menu .hs-menu-flow-horizontal > ul > li { position: relative; width: 100%; float: left; }
    .menu .hs-menu-flow-horizontal > ul > li a { font-size: 16px; line-height: 24px; padding: 10px 15px; float: left; width: 100% !important; max-width: 100% !important; overflow: visible; white-space: normal; width: 100% !important; float: left; max-width: 100% !important; overflow: hidden; text-overflow: inherit; }

    /* Level 1 and Higher Menu List Styles */
    .menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 { float: left; }
    .menu .hs-menu-flow-horizontal ul li { border-top: 1px solid rgba(255, 255, 255, .35); }
    .menu .hs-menu-flow-horizontal ul li a { padding: 10px 15px; float: left; width: 100%; }
    .menu .hs-menu-flow-horizontal ul li a:hover { color: #fff; background: ; }

    /* Level 2 and Higher Menu List Styles */
    .menu .hs-menu-flow-horizontal > ul ul li { background-color: rgba(255, 255, 255, .08); width: 100%; float: left; }
    .menu .hs-menu-flow-horizontal > ul ul li a { text-indent: 10px; font-size: 16px; width: 100%; float: left; }

    /* Level 3 and Higher Menu List Styles */
    .menu .hs-menu-flow-horizontal > ul ul ul li a { text-indent: 12px; }
    .menu .hs-menu-flow-horizontal > ul ul ul ul li a { text-indent: 50px; }
}

@media(max-width:500px){ 

    a.mobile-trigger { top:11px; }
    header .header_main .logo { max-width:220px; }  
    .menu.js-enabled .hs-menu-flow-horizontal  { top:71px; }
    
}






.footer_follow img {
  max-height: 14px;
  max-width: 15px;
  height: auto;
  width: auto;
}
footer .footer_menu ul li,
footer .contact_info * {
  font-weight: 300;
}
@media (min-width: 992px) {
  .header_right > div > span > div > ul {
    display: flex;
  }
}
footer .footer_follow ul {
  display: flex;
  align-items: flex-start;
}
footer .contact_info p {
  padding: 0;
  margin: 0 0 1rem;
}
footer .footer_logo {
  line-height: 0;
}