@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
@import url('https://fonts.googleapis.com/css?family=Fira+Sans+Condensed:600|Poppins:400,400i,600,600i,700,700i');
@import url(https://4809084.fs1.hubspotusercontent-na1.net/hubfs/4809084/CertisUSA%202020/CSS%20and%20JS/slick-theme.min.css%27);
@import url('https://4809084.fs1.hubspotusercontent-na1.net/hubfs/4809084/CertisUSA%202020/CSS%20and%20JS/slick.min.css');

/* font-family: 'Poppins', sans-serif;
font-family: 'Fira Sans Condensed', sans-serif;*/

/*************************************************************** Lucida Font Family ********************************************************************************/

@font-face {
    font-family: 'LucidaGrande';
    src: url('https://4809084.fs1.hubspotusercontent-na1.net/hubfs/4809084/Certis%20Websites/Font/LucidaGrande.eot');
    src: url('https://4809084.fs1.hubspotusercontent-na1.net/hubfs/4809084/Certis%20Websites/Font/LucidaGrande.eot#iefix&t=1494241176632') format('embedded-opentype'),
	url('https://4809084.fs1.hubspotusercontent-na1.net/hubfs/4809084/Certis%20Websites/Font/LucidaGrande.otf') format('otf'),
	url('https://4809084.fs1.hubspotusercontent-na1.net/hubfs/4809084/Certis%20Websites/Font/LucidaGrande.woff') format('woff2'),
	url('https://4809084.fs1.hubspotusercontent-na1.net/hubfs/4809084/Certis%20Websites/Font/LucidaGrande.woff') format('woff'),
	url('https://4809084.fs1.hubspotusercontent-na1.net/hubfs/4809084/Certis%20Websites/Font/LucidaGrande.ttf') format('truetype'),
	url('https://4809084.fs1.hubspotusercontent-na1.net/hubfs/4809084/Certis%20Websites/Font/LucidaGrande.svg') format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'LucidaGrande';
    src: url('https://4809084.fs1.hubspotusercontent-na1.net/hubfs/4809084/Certis%20Websites/Font/LucidaGrandeBold.eot');
    src: url('https://4809084.fs1.hubspotusercontent-na1.net/hubfs/4809084/Certis%20Websites/Font/LucidaGrandeBold.eot#iefix&t=1494241176632') format('embedded-opentype'),
	url('https://4809084.fs1.hubspotusercontent-na1.net/hubfs/4809084/Certis%20Websites/Font/LucidaGrandeBold.otf') format('otf'),
	url('https://4809084.fs1.hubspotusercontent-na1.net/hubfs/4809084/Certis%20Websites/Font/LucidaGrandeBold.woff') format('woff2'),
	url('https://4809084.fs1.hubspotusercontent-na1.net/hubfs/4809084/Certis%20Websites/Font/LucidaGrandeBold.woff') format('woff'),
	url('https://4809084.fs1.hubspotusercontent-na1.net/hubfs/4809084/Certis%20Websites/Font/LucidaGrandeBold.ttf') format('truetype'),
	url('https://4809084.fs1.hubspotusercontent-na1.net/hubfs/4809084/Certis%20Websites/Font/LucidaGrandeBold.svg') format('svg');
    font-weight: 700;
    font-style: normal
}
@font-face {
    font-family: 'bebasneue';
    src: url('https://4809084.fs1.hubspotusercontent-na1.net/hubfs/4809084/Certis%20Websites/Font/BebasNeue%20Bold.eot');
    src: url('https://4809084.fs1.hubspotusercontent-na1.net/hubfs/4809084/Certis%20Websites/Font/BebasNeue%20Bold.eot#iefix&t=1494241176632') format('embedded-opentype'),
	url('https://4809084.fs1.hubspotusercontent-na1.net/hubfs/4809084/Certis%20Websites/Font/BebasNeue%20Bold.otf') format('otf'),
	url('https://4809084.fs1.hubspotusercontent-na1.net/hubfs/4809084/Certis%20Websites/Font/BebasNeue%20Bold.woff') format('woff2'),
	url('https://4809084.fs1.hubspotusercontent-na1.net/hubfs/4809084/Certis%20Websites/Font/BebasNeue%20Bold.woff') format('woff'),
	url('https://4809084.fs1.hubspotusercontent-na1.net/hubfs/4809084/Certis%20Websites/Font/BebasNeue%20Bold.ttf') format('truetype'),
	url('https://4809084.fs1.hubspotusercontent-na1.net/hubfs/4809084/Certis%20Websites/Font/BebasNeue%20Bold.svg') format('svg');
    font-weight: 700;
    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 }
nav ul, nav ol { list-style: none; list-style-image: 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; }
li { list-style: none; }
::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;display: -webkit-box;display: -moz-box; display: -ms-flexbox; display: -webkit-flex;}

/*********************************************************body  ********************************************************/

body { font-size: 14px; line-height: 1.3; -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;   font-family: 'LucidaGrande';font-weight:400;}
body:not(.custom-background-image)::before, body:not(.custom-background-image)::after { display: none !important; }
a { font-family: 'Fira Sans Condensed', sans-serif;font-weight:600;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; }
a:link{color:inherit}
a:active{color:inherit}
a:visited{color:inherit}

p{font-size:14px;margin-bottom:15px;line-height: 1.65;letter-spacing: 0.45px;}
/* .wrapper-cta a:before {content: ""; position: absolute; z-index: -1; left: 0; right: 100%; bottom: 0;width:0; background: #939598; height: 4px;transition:all 0.5s ease;} */

/* .wrapper-cta a:before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #28537e; z-index: -1; opacity: 0; -webkit-transform: scale3d(0.05, 1, 1); transform: scale3d(0.2, 1, 1); -webkit-transition: -webkit-transform 0.6s, opacity 0.9s; transition: transform 0.6s, opacity 0.9s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);}
.wrapper-cta a:hover:before{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
 */
.wrapper-cta a { font-family: 'Fira Sans Condensed', sans-serif; display: inline-block; font-size: 16px; color: #fff; text-transform: uppercase; text-align: center; letter-spacing: 1px; vertical-align: middle; position: relative; }
a.cta_button span{padding-left:20px !important;padding-right:20px !important;}


/* a.btn-3:hover{color:#fff;	border:2px solid rgb(108,205,226);}
 */

h1{font-size:40px;line-height: 1.2;margin-bottom:37px;font-family: 'Poppins', sans-serif;font-weight:600;}
h2{font-size:32px;line-height: 1.2;margin-bottom:15px;font-family: 'Poppins', sans-serif;font-weight:600;}
h3{font-size:26px;line-height: 1.2;margin-bottom:7px;font-family: 'Poppins', sans-serif;font-weight:600;}
h4{font-size:24px;line-height: 1.2;margin-bottom:15px;font-family: 'Poppins', sans-serif;font-weight:600;}
h5{font-size:22px;line-height: 1.2;margin-bottom:15px;font-family: 'Poppins', sans-serif;font-weight:400;}
h6{font-size:20px;line-height: 1.2;margin-bottom:15px;font-family: 'Poppins', sans-serif;font-weight:400;}


/*******************************************hubspot******************************************************************/

.row-fluid [class*="span"] {min-height: 1px;}

/**************************************** logo ***************************/

.h-logo img ,.f-logo img {cursor: pointer;}

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

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

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

input::-webkit-input-placeholder { color: #bebebe;opacity:1;} /* WebKit browsers */
input:-moz-placeholder { color: #bebebe;opacity:1; } /* Mozilla Firefox 4 to 18 */
input::-moz-placeholder { color: #bebebe;opacity:1;} /* Mozilla Firefox 19+ */
input:-ms-input-placeholder { color: #bebebe; opacity:1;} /* Internet Explorer 10+ */
textarea::-webkit-input-placeholder { color: #bebebe;opacity:1; } /* WebKit browsers */
textarea:-moz-placeholder { color: #bebebe; opacity:1;} /* Mozilla Firefox 4 to 18 */
textarea::-moz-placeholder { color: #bebebe;opacity:1; } /* Mozilla Firefox 19+ */
textarea:-ms-input-placeholder { color: #bebebe;opacity:1; } /* Internet Explorer 10+ */

/****************************************************** IE *********************************************************/

select::-ms-expand {display: none;}
input::-ms-clear { display:none;}

/*********************************************** remove auto fill yellow color ************************************/

 input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {-webkit-box-shadow: 0 0 0 100px #fff inset;-moz-box-shadow: 0 0 0 100px #fff inset;box-shadow: 0 0 0 100px #fff inset;	color:#333 ;}

/*********************************************** Form CSS **********************************************/
form ul.hs-error-msgs > li > label {font-size:12px;line-height:normal;display:block;color:#ffffff;}
form .hs_error_rollup {display: none;}
/* form ul.hs-error-msgs{margin:0 0 -14px;} */

/* form error mesege when good space b/w two inputs */
/*form .hs-form-field {position: relative;}
form ul.hs-error-msgs.inputs-list { position: absolute; top:67px; right: 0; list-style-type: none; padding: 1px 5px;background:#ff0000;margin:0;}
form ul.hs-error-msgs.inputs-list > li > label {font-weight:500;position:relative;z-index:9;color: #fff;}
form ul.hs-error-msgs.inputs-list:after { content: ''; width: 8px; height: 8px; position: absolute; display: inline-block; left: 50%; background:#ff0000; 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;}
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*******************************************************/
form{width:100%;margin:0 auto !important;float:none !important;}
form fieldset{max-width:100% !important;font-size:0;}
form div.hs-form-field{float:none !important;display: inline-block !important;vertical-align: top;width: 100%;margin-bottom:15px;}
form fieldset.form-columns-2 > div.hs-form-field{margin-right: 4%; width: 48% !important;}
form fieldset.form-columns-2 > div.hs-form-field:last-child{margin-right:0;}
form fieldset.form-columns-3 > div.hs-form-field{margin-right:2.9%;width:31.4%!important;}
form fieldset.form-columns-3 > div.hs-form-field:last-child{margin-right:0;}
form span.hs-form-required { display: none; }
/******************************************** input CSS*******************************************************/
form .input{margin-right:0 !important;}
form .hs-form-field > label {color: #2B2B2B; font-size: 15px; width: 100%; pointer-events: none; display:block; line-height: 1.3;font-weight: 600;}
form textarea,form input[type="text"],form input[type="password"],form input[type="datetime"],form input[type="datetime-local"],form input[type="date"],form input[type="month"],form input[type="time"],form input[type="week"],form input[type="number"],form input[type="email"],form input[type="url"],form input[type="search"],form input[type="tel"],form input[type="color"],form select{color: #2b2b2b;padding:7px 12px;    height: 38px; width: 100% !important; font-size: 14px; margin:0 0 3px;}
/******************************************** Select CSS*******************************************************/
form select {-moz-appearance: none;-webkit-appearance: none;color: #2b2b2b;background:#fff url("https://2166934.fs1.hubspotusercontent-na1.net/hubfs/2166934/Default/img/drop-down-arrow.svg");background-position: 99% center !important;background-repeat: no-repeat !important;background-size: 16px auto;}
.filter-sectionselect { -moz-appearance: none; -webkit-appearance: none; height: 38px; padding: 0px 46px 0 20px; color: #936DB8; background: #fff url(https://www.bbdboom.com/hubfs/Bbdboom%20Oct2017/Landing%20Page/menu.png?t=1509175043480); background-position: 99% center !important; background-repeat: no-repeat !important; background-size: 16px auto; border-bottom: 1px solid #936DB8; border-left: 1px solid #936DB8; font-size: 16px; display: inline-block; }
.filter-sectionoption{font-family: 'Playfair Display';font-weight:700; }
/******************************************** Radio Button CSS*******************************************************/
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;   }
form .input ul.inputs-list li label input[type="radio"] { opacity: 0; display:none !important;}
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*******************************************************/
form .input ul.inputs-list li label input[type="checkbox"]:checked+span:before {background: #2B2B2B url('https://2660763.fs1.hubspotusercontent-na1.net/hubfs/2660763/Whishworks%20May-2017/Common%20Images/right.png?t=1495542712539');background-size: 14px; background-position: center center;background-repeat:no-repeat;}
form .input ul.inputs-list li label input[type="checkbox"] { opacity: 0; display:none !important;}
form .input ul.inputs-list li label input[type="checkbox"]+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;}
/******************************************** Button CSS*******************************************************/
form .actions { text-align: center; position: relative; min-width: 185px; display: inline-block; }
form textarea{ min-height: 140px;}
/***********************Simple buttom***********************/
form .actions:after { content: ""; position: absolute; width: 100%; height: 100%; top: 3px; background: #a3c133; left: 3px; z-index: 0; border-radius: 26px; 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; }
form .actions:hover:after{ box-shadow: 1px 5px 6px rgba(0,0,0,0.5);}
form .hs_submit input {     font-family: 'Fira Sans Condensed', sans-serif; position: relative; z-index:1;color: #fff; font-size: 16px; line-height: 1.3; font-weight: 600; padding: 10px 10px; background: #b2d02b; min-width: 185px; text-transform: uppercase; letter-spacing: 1px; border-radius: 25px; }


/***********************With Background Image buttom***********************/
/*form .hs_submit input {border: 1px solid #384259;color: #fff; font-size:16px;line-height:1.3; font-weight:700;padding: 10px 40px 10px 20px;background:#384259 url("https://2166934.fs1.hubspotusercontent-na1.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; }
form .hs_submit input:hover {background-position: 93% center !important;}*/

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

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

/***************************Check Box & Radio Button Three Col******************************/
/*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******************************/
/*form div.hs-form-field .input > ul > li {display: inline-block;padding: 0 20px 0 0;}*/

/******************************************************************************************************************************************************************************
                                                             Menu Css
*******************************************************************************************************************************************************************************/
.wrapper-header{background:#1c1c1c;position:relative;text-transform: uppercase;   padding: 10px 0 5px;}
.wrapper-header .container > div > div {display: flex; flex-wrap: wrap;display: -webkit-box;display: -moz-box; display: -ms-flexbox; display: -webkit-flex;align-items: center;}
.wrapper-header .container{max-width: 1123px;}
.wrapper-header .logo {cursor: pointer; width: 244px !important; margin: 0 !important; }
.wrapper-header .logo img{width: 244px !important;}
.wrapper-header .right-part{ width:calc(100% - 245px)!important; margin: 0 !important;padding: 0 0 0 20px;}

.wrapper-header .social-share ul { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end;margin:21px 0 15px;}
.wrapper-header .social-share ul li { color: #9a9b99; font-size: 17px; padding: 0px 11px; }
.wrapper-header .social-share ul li:last-child{padding-right:0;}
.wrapper-header .social-share ul li a:hover{color:#0381c7;}
/*************************************Depth 1****************************************************/
.wrapper-header .menu a{ font-size:14px;font-family: 'LucidaGrande';font-weight:400;}
.wrapper-header .menu .hs-menu-wrapper > ul{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:#fff;padding: 0 10px 0;display: inline-block;   font-weight: 700; font-size:14px;} 
.wrapper-header .menu ul > li.hs-menu-depth-1:last-child > a{padding-right:0;}
.wrapper-header .menu ul li{list-style:none;}
/*************************************Depth 2****************************************************/
.wrapper-header .menu ul > li.hs-menu-depth-1.hs-item-has-children{position:relative;    padding-bottom: 10px;}
.wrapper-header .menu ul > li a{transition:all 0s ease;}
.wrapper-header .menu ul > li a:hover{ color: #0381c7;}
.wrapper-header .menu ul > li.active a{font-weight:700;}
.wrapper-header .menu ul > li.hs-menu-depth-2 > a{    color: #fff;padding:10px 0;display:block;font-size:inherit;} 
.wrapper-header .menu ul > li.hs-menu-depth-2{border-bottom:2px solid #ffffff;}
.wrapper-header .menu ul > li.hs-menu-depth-2:last-child{border:0;}
.wrapper-header .menu ul > li.hs-menu-depth-1 > ul.hs-menu-children-wrapper { position: absolute; background:#c2cd23; width: 100%; min-width: 150px; visibility: hidden; padding: 0 8px; left: 4px; top: 28px;z-index:999; }
.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:19px;right:12px;}
.wrapper-header .menu ul > li.hs-menu-depth-2 > a {padding: 7px 3px;letter-spacing: 1.15px; }

/*************************************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: #0381c7; 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-3 > a{color:#fff;padding:10px 15px;display: inline-block;font-size:inherit;} 

/******************************************************************************************************************************************************************************
                                                             Footer Css
*******************************************************************************************************************************************************************************/
.wrapper-footer { background: #1c1c1c; padding: 95px 0; color: #cbcccc; }
.footer-inner { margin: 0 auto !important; text-align: center; padding: 0; max-width: 250px; width: 100% !important; float: none !important; }
.wrapper-footer .footer-inner p+span { color: #aaacae; font-size: 12px; position: relative; top: -7px; }
.wrapper-footer p{font-size:14px;color:#fff;margin-top:25px;}
.wrapper-footer p a{display:block;}

ul,ol{padding-left:15px;}
li{list-style:inherit}

.wrapper-header ul,.wrapper-footer ul,.wrapper-header ol,.wrapper-footer ol{padding-left:0px;}
.wrapper-header li,.wrapper-footer li{list-style:none;}

@media(max-width:1200px){

  

  h3{font-size:24px;}
  h4{font-size:22px;}
  h5{font-size:20px;}
  h6{font-size:18px; }
  
  

}

@media(max-width:1024px){
  h2{font-size:30px;margin-bottom:15px;}
form .actions { margin-top: 15px;}
  h1{font-size:38px;}
  h3{font-size:24px;}
   .wrapper-header .menu ul > li.hs-menu-depth-1 > a{font-size:12px;}
  
 .wrapper-header{ padding:  0;}
.wrapper-header .logo { width:175px !important;}
.wrapper-header .right-part { width: calc(100% - 176px)!important;}

.wrapper-header .social-share ul {margin: 20px 0 15px; }
.wrapper-footer .mid-logo > div,.wrapper-footer .left-logo > div{width:150px;}
.wrapper-footer .top-section > div > div > div{width:33.33%;margin:0;margin-left:-1px;}
.wrapper-footer {padding: 50px 0;}
.wrapper-footer .footer-menu ul li {letter-spacing:2px;} 
p{font-size:15px;line-height: 1.5;}
  .wrapper-cta a{min-width:115px;}
}

@media(min-width:841px){
.wrapper-header .hs-menu-wrapper{display:block !important;}
.wrapper-header .mobile-trigger{display: none !important;}

}

@media(max-width:840px){
.wrapper-header .logo { width: 150px !important; }
  .wrapper-header {    padding: 20px 0;}
  .wrapper-header .menu ul > li.hs-menu-depth-1.hs-item-has-children{padding-bottom:0;}
/**********************************************Toggle Icon***************************************/
.wrapper-header .mobile-trigger{display: inline-block !important; cursor: pointer; position: absolute; right: 20px; width: 40px; padding: 20px 0px; z-index: 12; top:50px;}
.wrapper-header .mobile-trigger .line { display: block; background: #fff; width: 40px; height: 4px; position: absolute; left: 0; border-radius: 0; }
.wrapper-header .mobile-trigger .line.line-3{top:50%;}
.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:80%;}
.wrapper-header .mobile-trigger .line.line-2{top:25%;}
.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:12%;}
.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);}

  .wrapper-header .social-share ul li {padding: 0px 7px; }
.wrapper-header .social-share ul { margin: 5px 0px 0px; }
.wrapper-header .social-share { position: absolute; top: 0; right: 20px; }

.wrapper-header .menu ul > li.hs-menu-depth-2 > a:hover{color:#939598 !important;}
/**********************************************Depth 1***************************************/
.wrapper-header .hs-menu-wrapper{display:none;position:absolute;width: 100%;max-width: 100%;left:0;right:0;top:100%;background:#231f20;    z-index: 123;}
.wrapper-header .menu ul > li.hs-menu-depth-1 > ul.hs-menu-children-wrapper { position:relative;visibility: visible;padding: 0; left: 0; top: 0; }
.wrapper-header .menu ul > li.hs-menu-depth-1{ width: 100%;border-bottom: 1px solid #fff;}
.wrapper-header .menu ul > li.hs-menu-depth-1 > a{color:#fff;padding: 10px 20px;display: inline-block;} 
.wrapper-header .menu ul > li.hs-menu-depth-1 > ul.hs-menu-children-wrapper{visibility:visible;}
.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: #fff; font-size: 16px; position: relative; top: 0px; 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; padding: 10px 20px 10px 15px; cursor: pointer; }
.wrapper-header .menu ul > li.hs-menu-depth-2 > a { padding: 5px 20px; letter-spacing: 0 }
.wrapper-header .menu ul > li.hs-menu-depth-2 > a { padding: 5px 20px; font-size: 12px; }
/**********************************************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 {  right: 0; transform: translateY(-50%); }
.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 ; }
.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: 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{overflow:hidden;}
/**********************************************Depth 3***************************************/
.wrapper-header .menu ul > li.hs-menu-depth-2 > ul.hs-menu-children-wrapper{position: relative;display:none;visibility:visible;left:0;}
.child-trigger.child-open i:before { content: "\f0d8" !important; }
.wrapper-footer { padding: 20px 0;}
    h2{font-size:26px;}
  p {    font-size: 14px;}
  h1{font-size:30px;}
  h3{font-size:22px;}
    h4 {    font-size: 18px;}
}
   
@media(max-width:640px){
form div.hs-form-field,form fieldset.form-columns-2 > div.hs-form-field,form fieldset.form-columns-3 > div.hs-form-field{width: 100% !important;margin-right:0 !important;}
.wrapper-footer .top-section > div > div > div { width: 100%;    text-align: center;}
.wrapper-footer .mid-logo > div, .wrapper-footer .left-logo > div,.wrapper-footer .social > div{margin: 0 auto 30px;max-width: 125px;}
.wrapper-footer .footer-menu ul li { margin-right: 0; letter-spacing: 1px; width: 100%; text-align: center; margin-bottom: 10px; }
.wrapper-footer .footer-menu { margin: 0 0 20px; }
.wrapper-footer .social ul{justify-content: center;}
.wrapper-footer .social > div{max-width: 100%; text-align: cente}

}  
@media(max-width:568px){
a.cta_button.green, a.cta_button.Blue {
    width: auto !important;
}
}
@media(max-width:480px){
.wrapper-header .social-share ul {justify-content: center;}
.wrapper-header .social-share {right: 0; left: 0; text-align: center; }
.wrapper-header .social-share ul li { padding: 0px 8px !important;}
  .wrapper-header{padding:40px 0 20px;}
   p {    font-size: 12px;}
}