@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
@font-face {
	font-family: 'ProximaNova-Regular';
	src: url('https://cdn2.hubspot.net/hubfs/2869527/EagleGenomics%202019/Fonts/ProximaNova%20Regular/ProximaNova-Regular_gdi.eot');
	src: local('☺'), url('https://cdn2.hubspot.net/hubfs/2869527/EagleGenomics%202019/Fonts/ProximaNova%20Regular/ProximaNova-Regular_gdi.woff') format('woff'), 
    url('https://cdn2.hubspot.net/hubfs/2869527/EagleGenomics%202019/Fonts/ProximaNova%20Regular/ProximaNova-Regular_gdi.ttf') format('truetype'), 
    url('https://cdn2.hubspot.net/hubfs/2869527/EagleGenomics%202019/Fonts/ProximaNova%20Regular/ProximaNova-Regular_gdi.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'ProximaNovaExCn-Bold';
	src: url('https://cdn2.hubspot.net/hubfs/2869527/EagleGenomics%202019/Fonts/ProximaNova%20Bold/ProximaNovaExCn-Bold_gdi.eot');
	src: local('☺'), url('https://cdn2.hubspot.net/hubfs/2869527/EagleGenomics%202019/Fonts/ProximaNova%20Bold/ProximaNovaExCn-Bold_gdi.woff') format('woff'),
    url('https://cdn2.hubspot.net/hubfs/2869527/EagleGenomics%202019/Fonts/ProximaNova%20Bold/ProximaNova-Bold_gdi.ttf') format('truetype'), 
    url('https://cdn2.hubspot.net/hubfs/2869527/EagleGenomics%202019/Fonts/ProximaNova%20Bold/ProximaNovaExCn-Bold_gdi.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'ITCAvantGardePro-Bk';
	src: url('https://cdn2.hubspot.net/hubfs/2869527/EagleGenomics%202019/Fonts/ITCAvantGardePro-Regular/ITCAvantGardePro-Bk.eot');
	src: local('☺'), url('https://cdn2.hubspot.net/hubfs/2869527/EagleGenomics%202019/Fonts/ITCAvantGardePro-Regular/ITCAvantGardePro-Bk.woff') format('woff'), 
    url('https://cdn2.hubspot.net/hubfs/2869527/EagleGenomics%202019/Fonts/ITCAvantGardePro-Regular/ITCAvantGardePro-Bk.ttf') format('truetype'), 
    url('https://cdn2.hubspot.net/hubfs/2869527/EagleGenomics%202019/Fonts/ITCAvantGardePro-Regular/ITCAvantGardePro-Bk.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'ITCAvantGardePro-Bold';
	src: url('https://cdn2.hubspot.net/hubfs/2869527/EagleGenomics%202019/Fonts/ITCAvantGardePro-Bold/ITCAvantGardePro-Bold.eot');
	src: local('☺'), url('https://cdn2.hubspot.net/hubfs/2869527/EagleGenomics%202019/Fonts/ITCAvantGardePro-Bold/ITCAvantGardePro-Bold.woff') format('woff'), 
    url('https://cdn2.hubspot.net/hubfs/2869527/EagleGenomics%202019/Fonts/ITCAvantGardePro-Bold/ITCAvantGardePro-Bold.ttf') format('truetype'), 
    url('https://cdn2.hubspot.net/hubfs/2869527/EagleGenomics%202019/Fonts/ITCAvantGardePro-Bold/ITCAvantGardePro-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}



@font-face {
	font-family: 'ITCAvantGardeStd-Md';
	src: url('https://cdn2.hubspot.net/hubfs/2869527/EagleGenomics%202019/Fonts/ITCAvantGardePro%20Md/ITCAvantGardeStd-Md.eot');
	src: local('☺'), url('https://cdn2.hubspot.net/hubfs/2869527/EagleGenomics%202019/Fonts/ITCAvantGardePro%20Md/ITCAvantGardeStd-Md.woff') format('woff'), 
    url('https://cdn2.hubspot.net/hubfs/2869527/EagleGenomics%202019/Fonts/ITCAvantGardePro%20Md/ITCAvantGardeStd-Md.ttf') format('truetype'), 
    url('https://cdn2.hubspot.net/hubfs/2869527/EagleGenomics%202019/Fonts/ITCAvantGardePro%20Md/ITCAvantGardeStd-Md.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'ITCAvantGardeStd-Demi';
	src: url('https://cdn2.hubspot.net/hubfs/2869527/EagleGenomics%202019/Fonts/ITCAvantGardeStd-Demi/ITCAvantGardeStd-Demi.eot');
	src: local('☺'), url('https://cdn2.hubspot.net/hubfs/2869527/EagleGenomics%202019/Fonts/ITCAvantGardeStd-Demi/ITCAvantGardeStd-Demi.woff') format('woff'), 
    url('https://cdn2.hubspot.net/hubfs/2869527/EagleGenomics%202019/Fonts/ITCAvantGardeStd-Demi/ITCAvantGardeStd-Demi.ttf') format('truetype'), 
    url('https://cdn2.hubspot.net/hubfs/2869527/EagleGenomics%202019/Fonts/ITCAvantGardeStd-Demi/ITCAvantGardeStd-Demi.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*********************************************** intial declartaion of css **********************************************/

* { margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small,strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, select, input, option, textarea { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; box-sizing: border-box; }
html { -webkit-text-size-adjust: none;}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word }
q { quotes: none }
q:before, q:after { content: ''; content: none }
small { font-size: 80% }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline }
sup { top: -0.5em; }
sub { bottom: -0.55em }
.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 ****************************************/
 
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
table { border: 0 none; border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
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;position: relative;padding-left: 42px; }
ul li:before { position: absolute; content: ""; background: #828282; border-radius: 50%; height: 5px; width: 5px; left: 0; top: 8px; }
::selection { background: #227f7f; color: #fff; }
::-moz-selection {background: #227f7f;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: 'ITCAvantGardePro-Bk';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 ; }
a:focus { outline: none; text-decoration: none; }
p { font-size:14px;margin-bottom:15px;line-height: 1.5;}
h1,h2,h3,h4,h6{font-family: 'ITCAvantGardeStd-Md';}
a:link{color:inherit}
a:active{color:inherit}
a:visited{color:inherit}
strong {font-weight: 700;}

/************************* container **************/
.container {max-width:1140px;margin:0 auto !important;padding:0 20px;float:none !important;width: 100%; }

h1{font-size:56px;margin-bottom:20px;line-height: 1.4;}
h2{font-size:36px;margin-bottom:20px;line-height: 1.33;}
h3{font-size:30px;margin-bottom:20px;line-height: 1.2;}
h4{font-size:24px;margin-bottom:15px;line-height: 1.3;}
h5{font-size:21px;margin-bottom:15px;line-height: 1.3;}
h6{font-size:11px;color:#439FCE;letter-spacing: 4px;text-transform:uppercase;margin-bottom:15px;line-height: 1.3;}


body .common-cta {text-transform: uppercase;font-size: 12px; background: #000; color: #fff;width: 360px; display: inline-block; text-align: center; font-weight: 700; letter-spacing: 3px; padding: 39px 20px; }
body .common-cta:hover{color:#e77827;}
/*********************************************************************************************************************************

														Form CSS Starrt here
															
**********************************************************************************************************************************/

/****************************************************Placeholder opacity cross browsers*****************************************/

input::-webkit-input-placeholder { color: #4c5154; } /* WebKit browsers */
input:-moz-placeholder { color: #4c5154; } /* Mozilla Firefox 4 to 18 */
input::-moz-placeholder { color: #4c5154;} /* Mozilla Firefox 19+ */
input:-ms-input-placeholder { color: #4c5154; } /* Internet Explorer 10+ */
textarea::-webkit-input-placeholder { color: #4c5154; } /* WebKit browsers */
textarea:-moz-placeholder { color: #4c5154; } /* Mozilla Firefox 4 to 18 */
textarea::-moz-placeholder { color: #4c5154; } /* Mozilla Firefox 19+ */
textarea:-ms-input-placeholder { color: #4c5154; } /* 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 **********************************************/
.hm form ul.hs-error-msgs > li > label {font-size:12px;line-height:normal;display:block;color:#ff0000;}
/* ,label#package1Check-error,label#package2Check-error,label#startDate-error */
.hm form .hs_error_rollup {display: none;}
.hm form ul.hs-error-msgs{margin:0 0 -14px;}

/* form error mesege when good space b/w two inputs */
.hm form .hs-form-field {position: relative;}
/* .hm form ul.hs-error-msgs.inputs-list {position: absolute; top: 71px; right: 0; list-style-type: none; padding: 1px 5px; background: #4094d1; margin: 0;} */
.hm form ul.hs-error-msgs.inputs-list > li > label {position:relative;z-index:9;color:#ff0000;}
 form ul.hs-error-msgs.inputs-list > li > label {position:relative;z-index:9;color:#ff0000;}
/* .hm form ul.hs-error-msgs.inputs-list:after { content: ''; width: 8px; height: 8px; position: absolute; display: inline-block; left: 50%; background:#4094d1; margin-left: -6px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); margin-top: -4px; top: 0;}
 */
 
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: 'ITCAvantGardePro-Bk'; 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; }

/******************************************** Fieldset CSS*******************************************************/
.hm form{width:100%;margin:0 auto !important;float:none !important;font-weight: 500;color: #101517;}
.hm form fieldset{max-width:100%;}
.hm form div.hs-form-field{float:none !important;display: inline-block ;vertical-align: top;width: 100%;margin-bottom:34px;}
.hm form fieldset.form-columns-2 > div.hs-form-field{margin-right:2.9%; width: 48.5%;}
.hm form fieldset.form-columns-2 > div.hs-form-field:last-child{margin-right:0;}
.hm form fieldset.form-columns-3 > div.hs-form-field { margin-right: 5.4%; width: 29.7%; }
.hm form fieldset.form-columns-3 > div.hs-form-field:last-child{margin-right:0;}
/******************************************** input CSS*******************************************************/
.hm form .input{margin-right:0 !important;}
.hm form .hs-form-field > label {letter-spacing: 1px;width: 100%; pointer-events: none; display:block; line-height: 1.3; margin: 0 0 10px;font-weight: 700;text-transform:uppercase;}
.hm form textarea,.hm form input[type="text"],.hm form input[type="password"],.hm form input[type="datetime"],.hm form input[type="datetime-local"],.hm form input[type="date"],.hm form input[type="month"],.hm form input[type="time"],.hm form input[type="week"],.hm form input[type="number"],.hm form input[type="email"],.hm form input[type="url"],.hm form input[type="search"],.hm form input[type="tel"],.hm form input[type="color"],.hm form select{color: #8c969d;padding: 16px 11px; width: 100% !important; font-size: 10px; margin:0 0 3px;background: #eaf1f5;letter-spacing: 1px;font-weight:500;}
/******************************************** Select CSS*******************************************************/
.hm form select {cursor: pointer;text-transform: uppercase; letter-spacing: 1px;font-weight: 500;-moz-appearance: none;-webkit-appearance: none;color: #8c969d;background:#eaf1f5 url("https://cdn2.hubspot.net/hubfs/2947606/Orega/Images/angle-down-solid-black.svg");background-position: 97% center !important;background-repeat: no-repeat !important;background-size: 16px auto;font-size:10px;}
.filter-section.hm select {cursor: pointer;text-transform: uppercase; letter-spacing: 1px;font-weight: 500; -moz-appearance: none; -webkit-appearance: none; height: 38px; padding: 0px 46px 0 20px;font-weight:700; color: #936DB8; background: #fff url(https://cdn2.hubspot.net/hubfs/2947606/Orega/Images/angle-down-solid-black.svg); background-position: 97% center !important; background-repeat: no-repeat !important; background-size: 16px auto; display: inline-block; font-size:10px;}
.filter-section.hm option{font-weight:700; }
/******************************************** Radio Button CSS*******************************************************/
.hm form .input ul.inputs-list li label input[type="radio"]:checked+span:before {background: #2B2B2B ;background-size: 14px; background-position: center center;border-radius:50%;box-shadow:0 0 0 4px #fff inset;   }
.hm form .input ul.inputs-list li label input[type="radio"] { opacity: 0; display:none !important;}
.hm form .input ul.inputs-list li label input[type="radio"]+span:before { margin-top: -3px; content: ''; background: #fff; display: inline-block;vertical-align: middle; width: 20px;height: 20px; padding: 2px; margin-right: 10px; text-align: center; border:1px solid #858585;border-radius:50%;}
/******************************************** Check Box CSS*******************************************************/
.hm form .input ul.inputs-list li label input[type="checkbox"]:checked+span:before {background: #eaf1f5  url('https://cdn2.hubspot.net/hubfs/2947606/Orega/Images/checked.svg');background-size: 10px; background-position: center center;background-repeat:no-repeat;}
.hm form .input ul.inputs-list li label input[type="checkbox"] { opacity: 0; display:none !important;}
.hm form .input ul.inputs-list li label input[type="checkbox"]+span:before {content: ''; background: #eaf1f5; display: inline-block; vertical-align: middle; width: 16px; height: 16px; padding: 2px; margin-right: 32px; text-align: center;;}
/******************************************** Button CSS*******************************************************/
.hm form .actions{text-align:center;margin-top: 35px;}
.hm .hs-form-required { color: #ff0054; margin-left: 4px; position: relative; top: -2px; }
/***********************Simple buttom***********************/
.hm form .hs_submit input { color: #fff; line-height: 1.3;padding: 30px 10px;color:#fff!important; background: #5aa3c8!important;border:1px solid transparent; min-width: 300px; letter-spacing: 2px;text-transform:uppercase; }
.hm form .hs_submit input:hover{background:#fff!important;color:#5aa3c8!important;border:1px solid #5aa3c8;}
.hm form .hs-fieldtype-booleancheckbox ul.inputs-list {text-transform: uppercase; font-size: 10px; letter-spacing: 1px; }
.hm .submitted-message { font-size: 16px; font-weight: 700;letter-spacing: 1px; }

/***********************With Background Image buttom***********************/
/*.hm form .hs_submit input {border: 1px solid #384259;color: #fff;line-height:1.3; font-weight:700;padding: 10px 40px 10px 20px;background:#384259 url("https://cdn2.hubspot.net/hubfs/2166934/Default/img/fast-forward-double-right-arrows.svg");background-position: 90% center !important;background-repeat: no-repeat !important;background-size: 14px auto; }
.hm form .hs_submit input:hover {background-position: 93% center !important;}*/

.hm form div.hs-form-field .input > ul > li > label{cursor:pointer;}
/***************************Check Box & Radio Button One Col********************************/
.hm form div.hs-form-field .input > ul > li{margin:0 0 10px;}

/***************************Check Box & Radio Button Two Col********************************/
/*.hm form div.hs-form-field .input > ul > li {display: inline-block;width: 50%;padding: 0 20px 0 0;}*/

/***************************Check Box & Radio Button Three Col******************************/
/*.hm form div.hs-form-field .input > ul > li {display: inline-block;width:33.33%;padding: 0 20px 0 0;}*/

/***************************Check Box & Radio Button Auto Col******************************/
/*.hm form div.hs-form-field .input > ul > li {display: inline-block;padding: 0 20px 0 0;}*/


.cta_grp { margin-top: 47px; display: flex;}
a.cta_button { position:relative;font-size: 15px;display: flex;align-items: center; border: 1px solid #fff; color: #361759; background: #fff; padding: 22px 55px 22px 28px; margin-right: 20px;font-family: 'ITCAvantGardeStd-Md'; letter-spacing: 0px; }
a.cta_button.white-bg:after { content: ''; position: absolute; background: url(https://cdn2.hubspot.net/hubfs/2869527/EagleGenomics%202019/Images/HomePage/arrow.svg); background-size: cover !important; background-position: center center; height: 14px; width: 19px; right: 0%; top: 41%; background-repeat: no-repeat !important; transform: translate(-87%, 0); }
a.cta_button.trans-bg { background: transparent;color: #fff;}
a.cta_button.trans-bg:after { content: ''; position: absolute; background: url(https://cdn2.hubspot.net/hubfs/2869527/EagleGenomics%202019/Images/HomePage/arrow1.svg); background-size: cover !important; background-position: center center; height: 14px; width: 19px; right: 0%; top: 41%; background-repeat: no-repeat !important; transform: translate(-87%, 0); }
a.cta_button.white-bg:hover {background: #361759; color: #fff; border: 1px solid #361759;}
a.cta_button.trans-bg:hover { background: #361759; border: 1px solid #361759;}


.logo img{width:100%;}

/******************************************************************************************************************************************************************************
                                                             Menu Css
*******************************************************************************************************************************************************************************/
.wrapper-header{background: transparent; position: absolute; width: 100% !important; top: 0;  left: 0;z-index:9999;font-weight:700;font-size:12px;text-transform: uppercase;padding: 30px 0 40px;}
.wrapper-header .container > div > div {display: flex; flex-wrap: wrap;align-items: center;}
.wrapper-header .container{max-width:100%;}
.wrapper-header .logo{ position: relative; z-index: 9;width: 200px !important; margin: 0 !important; }
.wrapper-header .menu { width: calc(100% - 280px)!important;margin: 0 !important; }
.wrapper-header .container {position: relative; max-width: 1390px;}



.search { position: absolute; width: 100% !important; right: 0;top: 0px;    z-index: 0; text-align: right; padding-top: 12px;}
.hm .wrapper-header input.hs-search-field__input{ margin-left: auto;width: 100%!important; max-width:478px;top: 50px;margin-top: 14px; -webkit-transition: width 0.4s ease-in-out; transition: width 0.4s ease-in-out; 
  background: #fff!important; box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .2); padding: 13px; font-size: 15px !important; }
.hs-search-field__bar.show .toggle-icon { right: 0px; width: 86px; bottom: 11px; height: 40px; display: flex; align-items: center; border-radius: 0 20px 20px 0; }
button#PfClose { z-index: 16; position: relative; top: 0px; right: 0px; border: 0; overflow: hidden; background: transparent; font-size: 16px; color: #fff; margin: 0 0 0 auto; }

.toggle-icon {position: relative; z-index: 13;cursor: pointer; right: 45px;}
.hm .search i.fa.fa-search {color: #fff; font-size:23px;}
i.fa.fa-close { font-size: 22px;}
.hs-search-field__suggestions { margin: 0; padding: 0;list-style: none;}
.hs-search-field__bar button{ background-color: transparent;    border: 0;}
.toggle-icon.intro i.fa.fa-search {display: none;}
.toggle-icon button {  display: none;}
.toggle-icon.intro button {display: block;}
.hs-search-field__bar{display: none;}
.toggle-icon.intro + .hs-search-field__bar.show { padding-right: 44px;display: block;}




/*************************************Depth 1****************************************************/
.wrapper-header .menu .hs-menu-wrapper > ul{display: flex; flex-wrap: wrap;justify-content: flex-end;z-index: 9; position: relative;}
.wrapper-header .menu ul > li.hs-menu-depth-1 > a{position:relative;}
.wrapper-header .menu ul > li.hs-menu-depth-1{padding: 0 16px 0 22px;}
.wrapper-header .menu ul li a{font-size: 10px; color: #fff;font-weight: 400; letter-spacing: 3px;display: inline-block;transition:all 0s ease;}
.wrapper-header .menu ul > li.hs-menu-depth-1 > .child-trigger,.wrapper-header .menu ul > li.hs-menu-depth-1 > .child-trigger.open{ position: static; display: none;}
.wrapper-header .menu ul > li.hs-menu-depth-1:last-child{padding-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 {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: #101517; width:190px; text-align: center; left:50%;transform: translateX(-50%); visibility: hidden;padding: 20px 0; }

/*************************************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:#fff;padding:10px 15px;} 


.custom-modal-wrap {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
    top: 0px;
    position: fixed;
    height: 100vh;
    left: 0;
    width: 100% !important;
    outline: none !important;
    background: #0b0b0b;
    filter: alpha(opacity=80);
    z-index: -10;
    pointer-events: none;overflow-x: scroll;
}

.modal-open .custom-modal-wrap {
    opacity: 1;
    z-index: 9999;
    pointer-events: auto;
}

.custom-modal-wrap .mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
}

.modal-open .custom-modal-wrap .mfp-container {
    display: block;
}

.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.mfp-content {
    position: absolute !important;
    display: inline-block !Important;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045;
    width: 100% !important;
    cursor: auto;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.grve-header-modal .hs-richtext {
    color: #fff;
    font-size: 16px;
    text-transform: none;
    line-height: 1.3;
}
#grve-share-modal {
    text-align: center;
    max-width: 400px;
    margin: 40px auto;
    position: relative;
}

.grve-header-modal {
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
    visibility: hidden;
}

.modal-open .grve-header-modal  {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    visibility: visible;
}
#grve-contact-modal form {
    width: 100%;
    position: relative;
    line-height: normal;font-family: 'ITCAvantGardePro-Bk';
    padding: 0px;
    margin: 0px 0px 10px;
}
#grve-contact-modal form input, #grve-contact-modal form textarea {background: rgba(255,255,255,0.1);font-size: 14px;}
#grve-contact-modal form span.hs-form-required {
    display: none;
}
.hm .submitted-message { color: rgb(140, 208, 227) !important;}

.hm #grve-contact-modal form div.hs-form-field { margin-bottom: 7px;}

#grve-contact-modal {
    max-width: 600px;
    margin: 40px auto;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}
#grve-contact-modal h3.form-title {
    font-size: 50px;text-transform: none;
    font-weight: 400;font-family: 'ITCAvantGardePro-Bk';
    line-height: 1.4;
    margin-bottom: 15px;
    margin-top: 10px;color: rgb(140, 208, 227) !important;
}
button.mfp-close {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: 0;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: .65;
    filter: alpha(opacity=65);
    font-style: normal;
    font-size: 28px;
    font-family: Arial,Baskerville,monospace;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    margin: 0 7% 0 0;
    float: right;
    border-radius: 0 !important;
    color: white !important;
    border: solid 1px #8cd0e3 !important;
    background-color: #8cd0e3 !important;
}


/******************************************************************************************************************************************************************************
                                                             Footer Css
*******************************************************************************************************************************************************************************/


@media(max-width:1300px){
  h1 { font-size: 45px;}
}

@media(max-width:1200px){
h1{font-size:40px;margin-bottom:15px;}
h2{font-size:30px;margin-bottom:15px;}
h3{font-size:25px;margin-bottom:15px;}
h4{font-size:20px;}
.wrapper-header,.Wrapper-logo {padding:13px 0px;}
body .common-cta {width: 250px;letter-spacing: 2px;padding: 24px 20px; }
.wrapper-header .menu,.wrapper-header .menu ul > li.hs-menu-depth-2 > a {letter-spacing: 1px; }
.wrapper-header .menu ul > li.hs-menu-depth-1 { padding: 0 10px; }
}


@media(min-width:1025px){
.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: #fff; 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:#90867c;width:100%;}
.wrapper-header .menu ul > li.hs-menu-depth-1.active > a{color:#e77827;}
.wrapper-header .menu ul > li.hs-menu-depth-1:hover > ul.hs-menu-children-wrapper { visibility: visible; transition: all .5s ease-in-out;margin-top:0px;opacity:1;}
.wrapper-header .menu ul > li.hs-menu-depth-2 > a:hover{color:#e77827;}
.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-1 > ul.hs-menu-children-wrapper{margin-top:15px;opacity:0;}
}


@media(max-width:1024px){
h1{font-size:34px;}
h2{font-size:28px;}  
h3{font-size:20px;}
h5{ font-size: 14px;}
li {padding-left:25px; }
.search {right: 25px !important;top: 0px !important;}
input.hs-search-field__input:focus {top: 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: #9f958a;}
/**********************************************Toggle Icon***************************************/
.wrapper-header .mobile-trigger{width:28px;height:21px;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:28px; right: 20px; display: inline-block !important;}
.wrapper-header .mobile-trigger .line {width:100%;display: block;background:#fff;height:2px;position:absolute;left: 0;transition: 0.25s ease-in-out; }
.mobile-trigger.cta_border_button.active-re { top: 22px;}
.wrapper-header .mobile-trigger.active-re .line{background:#ffffff;}
.wrapper-header .mobile-trigger .line.line-1{top:-9px;}
.wrapper-header .mobile-trigger .line.line-2{top:-3px;}
.wrapper-header .mobile-trigger .line.line-3{top:3px;}
.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 .line:nth-child(even) {left:0%;} 
  
.wrapper-header .mobile-trigger.active-re .line.line-1 { left: 0; top: 3px; }
.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% - 14px);top:3px;}
.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{position:fixed;width: 100%;max-width:300px;right:-300px;top:0px;background:#000;height:100%;transition: all 0.5s ease;padding-top:76px}
.wrapper-header .menu ul > li.hs-menu-depth-1{ width: 100%;border-bottom: 1px solid rgba(255,255,255,0.25);}
.wrapper-header .menu ul > li.hs-menu-depth-1 > a{color:#fff;padding: 10px 20px;display: inline-block;} 
.wrapper-header .menu .hs-menu-wrapper > ul {display: block;position: absolute;height:calc(100vh - 76px); width: 100%;}
.wrapper-header .mobile-trigger.active-re + div.active-branch.flyouts{right:0;display: block !important;width: 100%; max-width: 100%;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%;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); }
.wrapper-header .menu ul > li.hs-menu-depth-1 > .child-trigger { display:block;position: absolute; top: 0; right: 21px; color: #ffff; font-size: 17px; padding: 10px;    cursor: pointer; }
.wrapper-header .menu ul > li.hs-menu-depth-1 > .child-trigger i{ transition: 0.5s all ease;color:#fff;}
.wrapper-header .menu ul > li.hs-menu-depth-1 > .child-trigger.child-open i{transform: rotate(180deg); transition: 0.5s all ease; }
  
/**********************************************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 > .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: "\f0d7";font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit;color: #fff;font-size: 16px;position: absolute;top: 00px;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 ; }

}

@media(max-width:991px){
.hm form fieldset.form-columns-3 > div.hs-form-field { margin-right: 2%; width: 32%; }
}

@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;}  
h6 {letter-spacing: 2px;}
a.cta_button { font-size: 14px; margin-bottom: 15px; width: 100%; max-width: 179px; padding: 11px 27px 13px 13px; min-width: 160px; }
.toggle-icon.intro + .hs-search-field__bar.show {  padding-left: 48px;}
a.cta_button.white-bg:after, a.cta_button.trans-bg:after { height: 11px; width: 14px;}
.mfp-content {top: 0!important;transform: translateY(0%)!important; padding: 20px;}
.hm #grve-contact-modal form .hs_submit input { padding: 22px 10px; min-width: 0;width: 100%;}
#grve-contact-modal h3.form-title {
  font-size: 30px;}
}

@media(max-width:640px){
.hm form div.hs-form-field{width: 100% !important;margin-right:0 !important;}
.wrapper-header .logo { width: 166px !important;}
}    

@media(max-width:480px){
h2 {font-size: 22px;}
.cta_grp { margin-top: 30px;display: flex; flex-wrap: wrap;}
.wrapper-header .hs-menu-wrapper{max-width:100%;right:-100%;}
}