#header_filter_button[disabled] { display: none; }

.filter_box_style .select2-container { max-width: 100%; min-width: 100%;  display: block !important; }

.filter_box_styl .title-select-dropwon{ display:flex; flex-wrap:wrap; }

.home-page .wrapper-header.sticky { opacity:1;position: fixed; top: 0; left: 0; right: 0; width: 100%; background: #fff; z-index: 99999;    padding: 30px 0px 10px;}
.home-page .wrapper-header .menu,
.home-page .header-icon{ opacity:0 }
.home-page .wrapper-header.sticky .header-icon,
.home-page .wrapper-header.sticky .menu{ opacity:1; }

.header-relative .wrapper-header{position: relative;padding:30px 0px 10px;}

/******************************************************************************************************************************************************************************
Menu Css
*******************************************************************************************************************************************************************************/
.wrapper-header{position: absolute; width: 100%; left: 0;top: 0;z-index: 1; z-index:99;  padding: 65px 0px 0px;transition:all 0.5s ease;}
.wrapper-header .h-logo { width: 190px !important; margin: 0 !important; }
.wrapper-header .h-logo img{width:100%;}
.wrapper-header .menu{ width:calc(100% - 190px)!important;     margin: -43px 0 0 !important;padding: 0 0 0 20px;}
.header-icon { text-align: right;    margin-top: -33px; }
.wrapper-header .dis-flex{align-items: center;}

/*************************************Depth 1****************************************************/
.wrapper-header .menu .hs-menu-wrapper > ul{    padding-left: 0px;display: flex; flex-wrap: wrap;display: -webkit-box;display: -moz-box; display: -ms-flexbox; display: -webkit-flex;justify-content: flex-end;}
.wrapper-header .menu ul > li.hs-menu-depth-1 > a{color:#aab51f;font-weight:400;display: inline-block;padding: 0 0 5px 0;font-size:19px; font-family: 'ITCAvantGardePro-MD';border-bottom:3px solid transparent;} 
.wrapper-header .menu ul > li.hs-menu-depth-1.active > a,.wrapper-header .menu ul > li.hs-menu-depth-1 > a:hover{border-color:#2b82c7;color:#2b82c7;}
.wrapper-header .menu ul > li.hs-menu-depth-1.hs-item-has-children>a{padding: 0 15px 5px 0;}
.wrapper-header .menu .hs-menu-wrapper > ul>li { margin-right:22px; }
.wrapper-header .menu .hs-menu-wrapper > ul>li:last-child { margin-right:0; }
/*************************************Depth 2****************************************************/
.wrapper-header .menu ul > li.hs-menu-depth-1.hs-item-has-children{position:relative;}
.wrapper-header .menu ul > li.hs-menu-depth-2 > a{color:#fff;padding:10px 15px;display: inline-block;font-size:inherit;    transition: all .0s ease;    -moz-transition: all .0s ease;    -ms-transition: all .0s ease;    -o-transition: all .0s ease; -webkit-transition: all .0s ease;} 
.wrapper-header .menu ul>li.hs-menu-depth-2>a:hover { color: #2b82c7;}
.wrapper-header .menu ul > li.hs-menu-depth-1 > ul.hs-menu-children-wrapper{padding: 0;position: absolute; background: #010101;z-index:999; width: 100%; min-width: 211px;visibility: hidden;}
.wrapper-header .menu ul > li.hs-menu-depth-1:hover > ul.hs-menu-children-wrapper{visibility:visible;}
.wrapper-header .menu ul > li.hs-menu-depth-1:hover > ul.hs-menu-children-wrapper{visibility:visible;}
.wrapper-header .menu ul > li.hs-menu-depth-1 > .child-trigger{position: absolute; top: -10px;    cursor: pointer;    right: -2px;}
.wrapper-header .menu ul > li.hs-menu-depth-1 > .child-trigger i{position: relative;}
.wrapper-header .menu ul > li.hs-menu-depth-1  .child-triggerss i{position: relative;}
.wrapper-header .menu ul>li li.hs-menu-item.hs-menu-depth-2:last-child {    border: 0px;}
.wrapper-header .menu ul>li li.hs-menu-item.hs-menu-depth-2 {    margin-right: 0;    border-bottom: 1px solid #3a3a3a;}

.cf:before, .cf:after { content:""; display: table }
.cf:after { clear: both; }
.cf { *zoom:1;}

/*.wrapper-header .menu ul > li.hs-menu-depth-1:hover > .child-trigger i:before{color:transparent;}*/
.wrapper-header .menu ul>li.hs-menu-depth-1>.child-trigger i:before { content: "\f0d7"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; color: #000; font-size: 16px; position: relative; top: 0; left: 0; transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease; height: 5px; display: inline-block; vertical-align: middle; }

/*************************************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-2:hover > ul.hs-menu-children-wrapper{visibility:visible;}
.wrapper-header .menu ul > li.hs-menu-depth-2 > .child-trigger{ position: absolute; top: 0px; right: 20px; }
.wrapper-header .menu ul > li.hs-menu-depth-2 > .child-trigger i{position: relative;}
.wrapper-header .menu ul > li.hs-menu-depth-2 > .child-trigger i:before{content: "\f067";font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit;color: #fff;font-size: 16px;position: absolute;top: 10px;left: 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 ; }
/*.wrapper-header .menu ul > li.hs-menu-depth-2:hover > .child-trigger i:before{color:transparent;}*/
.wrapper-header .menu ul > li.hs-menu-depth-3 > a{color:#fff;padding:10px 15px;display: inline-block;font-size:inherit;} 

.white-header .wrapper-header .menu ul>li.hs-menu-depth-1>a {color:#fff;}


.header-relative .wrapper-header{ z-index:2; }
.header-icon{ position:relative; z-index:9999999; background:#aab520; border:2px solid #fff; padding:8px 10px; margin-left:auto; float:right; max-width:100%; }
.header-icon .find_solution_icon{ padding:0 10px; cursor:pointer; z-index:8; position:relative; float:right; }
.header-icon .find_solution_box{ min-height:100%; text-align:left; z-index:7; float:right; display:none; transition:all ease 0.3s; 
  -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; padding:8.5px 0; }
.header-icon .find_solution_box .find_solution_box_title{ cursor:pointer; font-size:20px; color:#fff; text-transform: uppercase; 
  font-family: 'ITCAvantGardePro-Bold'; display: block; }

/* .header-icon:hover .find_solution_box{ display:block; } */

.find_solution_box_form{ border-bottom:2px solid #fff; border-left:2px solid #fff; border-right:2px solid #fff; margin-top:-2px; /*display:none; */
  position:absolute; top:100%; left:-2px; right:-2px; padding:0 10px 10px; background:#aab520; z-index:99999999; }
.find_solution_box_form .title-select-dropwon-flex>div,
.find_solution_box_form .title-select-dropwon.title-select-dropwon-middle,
.find_solution_box_form .title-select-dropwon-flex>div.title-select-dropwon-last{ width:100%; text-align:left; }
.find_solution_box_form .title-select-dropwon.title-select-dropwon-middle{ margin:10px 0; }
.find_solution_box_form .title-select-dropwon.title-select-dropwon-middle.bottom_filed{ margin-top:0; }
.find_solution_box_form .title-select-dropwon-flex{ display: flex; align-items: flex-end; justify-content: center; flex-wrap: wrap }
.find_solution_box_form .title-select-dropwon-flex select { background: #88972f url(https://cdn2.hubspot.net/hubfs/4809084/CertisUSA%202020/Images/Careers-Page/dropdown-arrow.svg);
    background-position:94% center !important; background-repeat: no-repeat !important; background-size:10px auto; width: 100%; cursor: pointer; padding:8px 30px 8px 10px;
    -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; text-transform: uppercase; color: #fff; font-size: 16px; 
  font-family: 'ITCAvantGardePro-MD' }
.mac .find_solution_box_form .title-select-dropwon-flex select { padding: 13px 40px 3px 10px; }
.find_solution_box_form .title-select-dropwon-last button.green-common-btn { min-height:51px; padding: 6px 15px; margin: 0; width: 100%; 
  border: 1px solid #fff; background: #aab51f; font-size: 14px; min-height: 30px; width: 200px;
    max-width: 100%; }
.mac .find_solution_box_form .title-select-dropwon-last button.green-common-btn { padding: 12px 15px 2px }

.filter_box_style .select2-container--default .select2-selection--single .select2-selection__rendered{ 
  background: #88972f url(https://cdn2.hubspot.net/hubfs/4809084/CertisUSA%202020/Images/Careers-Page/dropdown-arrow.svg);
    background-position: 94% center !important;
    background-repeat: no-repeat !important;
    background-size: 16px auto;
    width: 100%;
    cursor: pointer;
    padding: 8px 30px 8px 10px !important;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    text-transform: uppercase;
    color: #fff !important;
    box-shadow:none  !important;
    font-size: 16px;
    line-height: 21px !important;
    font-family: 'ITCAvantGardePro-MD'; }


.filter_box_style .select2-container--default .select2-selection--single .select2-selection__arrow{ display:none; }
.page .select2-dropdown{ background: #88972f !important; color: #fff  !important; font-size: 16px  !important;
  line-height:21px !important; font-family: 'ITCAvantGardePro-MD'  !important; box-shadow:none; 
  -webkit-box-shadow:none; -moz-box-shadow:none; }

.select2-results__option{ font-size: 16px  !important; line-height:21px !important; font-family: 'Open Sans',sans-serif  !important;  }
.filter_box_style .select2-container--default .select2-selection--single{ border:none  !important; height:auto !important; }
.select2-dropdown{ border:1px solid #fff !important; border-radius:0 !important; }  
.select2-search--dropdown{ padding:5px 8px!important; }
.select2-container--default .select2-search--dropdown .select2-search__field{ color:#fff !important; background-color:transparent !important; border:1px solid #fff !important; border-radius:0 !important; }
.select2-results__option { padding:0px 8px !important;  text-transform:uppercase; }
.select2-container--default .select2-results__option[aria-selected=true] { background-color:#2980c2 !important; }
.select2-container--default .select2-results__option--highlighted[aria-selected] {  background-color: #2980c2  !important; color: white; }
.select2-container.select2-container--default.select2-container--open{ z-index:9999;  }
.filter_box_style .select2-container--default .select2-selection--single,
.filter_box_style span.selection{ width:100% !important; max-width:100%  !important; display: block  !important; }

input {
  border-radius: 0;
}

input[type="search"] {
  -webkit-appearance: none;
}

@media(max-width:1024px){
  .wrapper-header .menu ul li.hs-menu-depth-1 > a{font-size:14px;} 
  .wrapper-header .menu .hs-menu-wrapper > ul>li:last-child { margin-right:0; }
  .wrapper-header .h-logo { width: 255px !important;}
  .wrapper-header .menu { width: calc(100% - 255px)!important;}
  .wrapper-header .menu .hs-menu-wrapper > ul>li {margin-right: 16px;}
}
@media(min-width:992px){
  .wrapper-header .hs-menu-wrapper{display:block !important;}
  .wrapper-header .mobile-trigger{display: none!important;}
}
@media(max-width:991px){
  .hm form{padding:20px;}
  /**********************************************Toggle Icon***************************************/
  .wrapper-header .mobile-trigger{display: inline-block !important; cursor: pointer; position: absolute; right: 20px; width: 32px;height:18px;z-index: 12; top: 49px;}
  .wrapper-header .mobile-trigger .line { display: block; background: #aab520; width: 32px; height: 4px; position: absolute; left: 0; 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 ; }
  .wrapper-header .mobile-trigger .line.line-3{top:100%;}
  .wrapper-header .mobile-trigger.active-re .line-3 { transform: translateY(-23px) translateX(0) rotate(-45deg); -webkit-transform: translateY(-23px) translateX(0) rotate(-45deg); -moz-transform: translateY(-23px) translateX(0) rotate(-45deg);}
  .wrapper-header .mobile-trigger.active-re .line.line-3 {top:145%;}
  .wrapper-header .mobile-trigger .line.line-2{top:50%;}
  .wrapper-header .mobile-trigger.active-re .line-2 { opacity: 0;}
  .wrapper-header .mobile-trigger .line.line-1{top:0;}
  .wrapper-header .mobile-trigger.active-re .line-1 {    top: -2px;}
  .wrapper-header .mobile-trigger.active-re .line-1 { transform: translateY(5px) translateX(0) rotate(45deg); -webkit-transform: translateY(5px) translateX(0) rotate(45deg); -moz-transform: translateY(5px) translateX(0) rotate(45deg);}
  /**********************************************Depth 1***************************************/
  .wrapper-header .hs-menu-wrapper{display:none;position:absolute;width: 100%;max-width: 100%;left:0;right:0;top:100%;background:#aab421;    z-index: 12;
  }
  .wrapper-header .menu ul > li.hs-menu-depth-1{ width: 100%;margin-right:0;}
  .wrapper-header .menu ul > li.hs-menu-depth-1 a {border-bottom: 2px solid #fff;}
  .wrapper-header .menu ul > li.hs-menu-depth-1 > a{color:#fff;padding: 10px 15px;display: inline-block;width:100%;} 
  .wrapper-header .menu ul > li.hs-menu-depth-1.hs-item-has-children>a{padding: 10px 15px;}
  /**********************************************Depth 2***************************************/
  .wrapper-header .menu ul > li.hs-menu-depth-1 ul.hs-menu-children-wrapper{position: relative;display:none;visibility:visible;}
  .wrapper-header .menu ul>li.hs-menu-depth-1>.child-trigger i:before{height:auto;}
  .wrapper-header .menu ul > li.hs-menu-depth-1 .child-trigger {    top: 0;    right: 0;    height: 45px;    width: 45px;    display: flex;    align-items: center;    justify-content: center;}
  /* .wrapper-header .menu ul > li.hs-menu-depth-2,.wrapper-header .menu ul > li.hs-menu-depth-3 { border-top: 1px solid #fff; } */
  .wrapper-header .menu ul > li.hs-menu-depth-1 > .child-trigger.child-open i:before ,.wrapper-header .menu ul > li.hs-menu-depth-2 > .child-trigger.child-open i:before {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 ; transform: translateY(0) translateX(0) rotate(180deg);-webkit-transform: translateY(0px) translateX(0) rotate(180deg); -moz-transform: translateY(0) translateX(0) rotate(180deg);}

  /**********************************************Depth 3***************************************/
  .wrapper-header .menu ul > li.hs-menu-depth-2 > ul.hs-menu-children-wrapper{position: relative;display:none;visibility:visible;left:0;}
  .wrapper-header .menu ul>li.hs-menu-depth-2>a{width:100%; padding: 10px 30px;  background: #aab51f;}
  .wrapper-header {padding: 35px 0px 0px;}
  .header-icon { margin-top: 0px;}
  
  .header-relative .wrapper-header {padding:25px 0px 10px;}
  
  .header-icon .find_solution_icon img{ width:20px; }
  .header-icon .find_solution_icon{ padding:0 5px; }
  .header-icon .find_solution_box{ padding:3.5px 0; }
  .header-icon .find_solution_box .find_solution_box_title{ font-size:18px; }
  .find_solution_box_form .title-select-dropwon-flex select{ font-size:14px; }
}

@media(max-width:991px){
.wrapper-header .h-logo { width: 185px !important;}
.wrapper-header .mobile-trigger{    top: 36px;}
}

