@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
@import url('https://cdn2.hubspot.net/hubfs/2947606/Orega/css/slick.min.css');

@font-face {
	font-family: 'VELUXGothic-light';
	src: url('https://cdn2.hubspot.net/hubfs/4113912/Velux%20Commercial/fonts/VeluxGothic-Light.eot');
	src: local('VeluxGothicLight'), url('https://cdn2.hubspot.net/hubfs/4113912/Velux%20Commercial/fonts/VeluxGothic-Light.eot') format('embedded-opentype'), url('https://cdn2.hubspot.net/hubfs/4113912/Velux%20Commercial/fonts/VeluxGothic-Light.woff') format('woff'), url('https://cdn2.hubspot.net/hubfs/4113912/Velux%20Commercial/fonts/VeluxGothic-Light.ttf') format('truetype'), url('https://cdn2.hubspot.net/hubfs/4113912/Velux%20Commercial/fonts/VeluxGothic-Light.svg#VeluxGothic-Light') format('svg')
}

@font-face {
	font-family:'VELUXGothic-regular';
	src: url('https://cdn2.hubspot.net/hubfs/4113912/Velux%20Commercial/fonts/VeluxGothic-Regular.eot');
	src: local('VeluxGothicRegular'), url('https://cdn2.hubspot.net/hubfs/4113912/Velux%20Commercial/fonts/VeluxGothic-Regular.eot') format('embedded-opentype'), url('https://cdn2.hubspot.net/hubfs/4113912/Velux%20Commercial/fonts/VeluxGothic-Regular.woff') format('woff'), url('https://cdn2.hubspot.net/hubfs/4113912/Velux%20Commercial/fonts/VeluxGothic-Regular.ttf') format('truetype'), url('https://cdn2.hubspot.net/hubfs/4113912/Velux%20Commercial/fonts/VeluxGothic-Regular.svg#VeluxGothic-Regular') format('svg')
}

@font-face {
	font-family: 'VELUXGothic-bold';
	src: url('https://cdn2.hubspot.net/hubfs/4113912/Velux%20Commercial/fonts/VeluxGothic-Bold.eot');
	src: local('VeluxGothicBold'), url('https://cdn2.hubspot.net/hubfs/4113912/Velux%20Commercial/fonts/VeluxGothic-Bold.eot') format('embedded-opentype'), url('https://cdn2.hubspot.net/hubfs/4113912/Velux%20Commercial/fonts/VeluxGothic-Bold.woff') format('woff'), url('https://cdn2.hubspot.net/hubfs/4113912/Velux%20Commercial/fonts/VeluxGothic-Bold.ttf') format('truetype'), url('https://cdn2.hubspot.net/hubfs/4113912/Velux%20Commercial/fonts/VeluxGothic-Bold.svg#VeluxGothic-Bold') format('svg')
}

@font-face {
	font-family: 'VELUXGothic-black';
	src: url('https://cdn2.hubspot.net/hubfs/4113912/Velux%20Commercial/fonts/VeluxGothic-Black.eot');
	src: local('VeluxGothicBlack'), url('https://cdn2.hubspot.net/hubfs/4113912/Velux%20Commercial/fonts/VeluxGothic-Black.eot') format('embedded-opentype'), url('https://cdn2.hubspot.net/hubfs/4113912/Velux%20Commercial/fonts/VeluxGothic-Black.woff') format('woff'), url('https://cdn2.hubspot.net/hubfs/4113912/Velux%20Commercial/fonts/VeluxGothic-Black.ttf') format('truetype'), url('https://cdn2.hubspot.net/hubfs/4113912/Velux%20Commercial/fonts/VeluxGothic-Black.svg#VeluxGothic-Black') format('svg')
}

/*********************************************** 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;background:#E9E9E9;}
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: inherit; }
::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;}

/*********************************************************body  ********************************************************/
body {min-width:300px;font-size:18px;background: #fff;max-width: 1280px;margin: auto;box-shadow: 0px 10px 8px 10px #e6e6e6;line-height:1.35; -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:'VELUXGothic-regular';font-weight:400;color:#000000;}
body:not(.custom-background-image)::before, body:not(.custom-background-image)::after { display: none !important; }
a { 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 {color:#006bc2;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 { margin-bottom:15px;}
a:visited,a:active {color:#006bc2;}

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

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

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

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

/************************* container **************/

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

h1{font-size:36px;line-height: 1.24;font-family: 'VELUXGothic-bold';font-weight:700;margin-bottom:20px;}
h2{font-size:30px;margin-bottom:20px;line-height: 1.33;font-weight:400;}
h3{font-size:24px;line-height: 1.25;margin-bottom:20px;font-weight:400;}
h4{font-size:18px;margin-bottom:15px;line-height: 1.3;font-family: 'VELUXGothic-bold';font-weight:700;}
h5{font-size:12px;margin-bottom:15px;line-height: 1.3;}
strong {font-weight: 700;}
.wrapper-cta a,a.wrapper-cta,.section-cta .wrapper-cta > span{ position: relative;  background: #006BC2; color: #fff;text-decoration:none; font-family: 'VELUXGothic-bold'; font-weight: 700; padding: 8px 30px 8px 10px; display: inline-block; }
.wrapper-cta a:before,a.wrapper-cta:before,.section-cta .wrapper-cta > span:before { position: absolute; content: ""; height: 16px; width: 16px; right: 7px; top: 50%; transform: translateY(-50%); background-image: url(https://cdn2.hubspot.net/hubfs/4113912/Velux%20Commercial/images/right-arrow.svg); background-size:16px; background-repeat: no-repeat; background-position: center; }
.wrapper-cta a:hover,a.wrapper-cta:hover,.section-cta .wrapper-cta > span:hover { background: #0058A0; text-decoration: underline; }

.wrapper-cta-bg-black a { position: relative;  background:#363636; color: #fff; font-family: 'VELUXGothic-bold'; font-weight: 700; padding: 8px 30px 8px 10px; display: inline-block; }
.wrapper-cta-bg-black  a:before { position: absolute; content: ""; height: 16px; width: 16px; right: 7px; top: 50%; transform: translateY(-50%); background-image: url(https://cdn2.hubspot.net/hubfs/4113912/Velux%20Commercial/images/right-arrow.svg); background-size: 16px; background-repeat: no-repeat; background-position: center; }
.wrapper-cta-bg-black  a:hover { background: #585858; text-decoration: underline; }

.cta_button.section-cta h2, .cta_button.section-cta h3 {
  color: #000;
}

a.cta_button {
  text-decoration:none;
}
/*********************************************************************************************************************************

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

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

input::-webkit-input-placeholder { color:#7B7A79;font-size:18px;font-family:'VELUXGothic-regular';font-weight:400; } /* WebKit browsers */
input:-moz-placeholder { color: #7B7A79;font-size:18px;font-family:'VELUXGothic-regular';font-weight:400; } /* Mozilla Firefox 4 to 18 */
input::-moz-placeholder { color: #7B7A79;font-size:18px;font-family:'VELUXGothic-regular';font-weight:400;} /* Mozilla Firefox 19+ */
input:-ms-input-placeholder { color:#7B7A79;font-size:18px;font-family:'VELUXGothic-regular';font-weight:400; } /* Internet Explorer 10+ */
textarea::-webkit-input-placeholder { color: #7B7A79;font-size:18px;font-family:'VELUXGothic-regular';font-weight:400;} /* WebKit browsers */
textarea:-moz-placeholder { color: #7B7A79;font-size:18px;font-family:'VELUXGothic-regular';font-weight:400;} /* Mozilla Firefox 4 to 18 */
textarea::-moz-placeholder { color: #7B7A79;font-size:18px;font-family:'VELUXGothic-regular';font-weight:400;} /* Mozilla Firefox 19+ */
textarea:-ms-input-placeholder { color: #7B7A79;font-size:18px;font-family:'VELUXGothic-regular';font-weight:400; } /* 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 #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 {line-height:normal;display:block;color:#ff0000;}
.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 {font-weight:500;position:relative;z-index:9;color: #fff;}
.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, input[type="search"]{ -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-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;height:132px; }

/******************************************** Fieldset CSS*******************************************************/
.hm form{width:100%;margin:0 auto !important;float:none !important;font-size:14px;font-family:'VELUXGothic-regular';font-weight:400;}
.hm form fieldset{max-width:100%;}
.hm form div.hs-form-field{float:none !important;display: inline-block !important;vertical-align: top;width: 100%;margin-bottom:19px;}
.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 {width: 100%; pointer-events: none; display:block; line-height: 1.3; margin: 0 0 7px;}
.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{padding: 11px; width: 100% !important; font-size: 14px;border: 1px solid #C4C4C4;}
.hm form select {cursor: pointer;-moz-appearance: none;-webkit-appearance: none;background:#fff url("https://cdn2.hubspot.net/hubfs/4113912/Velux%20Commercial/images/sort-arrows-couple-pointing-up-and-down.svg");background-position: 98% center !important;background-repeat: no-repeat !important;background-size: 12px auto;}
.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/4113912/Velux%20Commercial/images/sort-arrows-couple-pointing-up-and-down.svg); background-position: 98% center !important; background-repeat: no-repeat !important; background-size: 12px 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:#006BC2 ;border-radius:50%;box-shadow:0 0 0 2px #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: -2px; content: ''; background: #fff; display: inline-block; vertical-align: middle; width: 15px; height: 15px; padding: 2px; margin-right: 5px; text-align: center; border: 1px solid #C4C4C4; border-radius: 50%; }
/******************************************** Check Box CSS*******************************************************/
.hm form .input ul.inputs-list li label input[type="checkbox"]:checked+span:before {background:#006BC2  url('https://cdn2.hubspot.net/hubfs/4113912/Velux%20Commercial/images/checked.svg');background-size:8px; 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: #fff; display: inline-block; vertical-align: middle; width: 15px; height: 15px; padding: 2px; margin-right: 5px; text-align: center; border: 1px solid #C4C4C4;}
/******************************************** Button CSS*******************************************************/
.hm form .actions{position: relative;}
.form-title{margin:0;}
.hm form  .hs-submit { text-align: right; }
.hm form .actions:before { position: absolute; content: ""; height: 16px; width: 16px; right: 7px; top: 50%; transform: translateY(-50%); background-image: url(https://cdn2.hubspot.net/hubfs/4113912/Velux%20Commercial/images/right-arrow.svg); background-size: 16px; background-repeat: no-repeat; background-position: center; z-index: 1; }
/* .hm .hs-form-required { color: #ff0054; margin-left: 4px; position: relative; top: -2px; } */
/***********************Simple buttom***********************/
.hm form .hs_submit input { position: relative; background: #006BC2; color: #fff; font-family: 'VELUXGothic-bold'; font-weight: 700; padding: 8px 30px 8px 10px; display: inline-block; font-size: 18px; }
.hm form .hs_submit input:hover{ background: #0058A0;text-decoration: underline;}

.hm form li.hs-form-booleancheckbox { margin-bottom: 0 !important; }
.hm .submitted-message { font-size: 20px; text-transform: uppercase;font-weight: 700; text-align: center; letter-spacing: 1px; }
.hm form div[style="display:none;"] { display: none !important; }
.hm form a{color: #006BC2;}
.hm form a:hover{color: #006BC2;text-decoration:underline;}
.hm form ul.hs-error-msgs.inputs-list { margin-top: 3px; }
/***********************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 5px;}

/***************************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;}*/

.wrapper-header li,.wrapper-footer li,body form li,.blog-pagination li{list-style:none;}
/******************************************************************************************************************************************************************************
                                                             Menu Css
*******************************************************************************************************************************************************************************/
.wrapper-header{background: #363636;position:relative;z-index:9999;color:#fff;}
.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 .logo{ width: 265px !important; margin: 0 !important; }
.wrapper-header .menu { width: calc(100% - 266px)!important; margin: 0 !important; padding: 0 0 0 20px; }

/*************************************Depth 1****************************************************/
.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;position:relative;}
.wrapper-header .menu ul > li.hs-menu-depth-1 > a{padding:25px 18px;} 
.wrapper-header .menu ul li a{font-size:16px;display: inline-block;transition:all 0s ease;position:relative;}
.wrapper-header .menu ul > li.hs-menu-depth-1 i.fa.fa-search { transform: rotate(90deg); position: relative; top: 3px; }
.wrapper-header .menu ul > li.hs-menu-depth-1:last-child > a { padding-right: 0; }
.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 a:hover { text-decoration: underline; }
.wrapper-header .menu ul > li.hs-menu-depth-1.active-branch > a{font-size: 22px; text-decoration: underline; padding: 20px 10px; color: #D5EAF9;font-family: 'VELUXGothic-bold';font-weight:700;}

/*************************************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: #000; padding:7px 10px; width: 100%;}
.wrapper-header .menu ul > li.hs-menu-depth-1:last-child > a{position:static;}
.wrapper-header .menu ul > li.hs-menu-depth-1 > ul.hs-menu-children-wrapper{position: absolute;visibility: hidden; background: #fff; width:580px; text-align: center;padding: 20px; box-shadow: 0px 1px 1px 1px #e6e6e6; right: 0;z-index: 1; }


/*************************************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;} 


.hm.site-search{ position: absolute; right: 0; top: 100%;background: #f0f0f0; transition: all 0.5s ease;display:none;max-width: 350px; width: 100%;}
.hm.site-search form{padding: 10px 0;display:flex;}
/* .hm.site-search form input[type="search"]{padding: 14px 11px;background: #fff;font-size: 14px;margin: 0;background-image: url(https://cdn2.hubspot.net/hubfs/4113912/Velux%20Commercial/images/icon_search@2x.png); background-size: 16px; background-repeat: no-repeat; background-position: 96% center;} */
.hm.site-search.main{transition: all 0.5s ease;display:block;} 
.hm.site-search form input[type="search"]:focus { background-image: none; }
.landing-page .wrapper-header .menu{opacity: 0; visibility: hidden;}
.landing-page .wrapper-footer{display:none;}

.site-search button { background: #006BC2; width: 40px; border: none; color: #fff; margin-left: 5px; cursor: pointer; }
.site-search button .fa-search{top: 0 !important;    display: block !important;}
/******************************************************************************************************************************************************************************
                                                             Footer Css
*******************************************************************************************************************************************************************************/
.wrapper-footer{background: #363636;color:#D5EAF9;padding:80px 0 40px;}
.wrapper-footer .container > div{ width:34%;padding: 0 10px;}
.wrapper-footer .container > div.right{width:32%;}
.wrapper-footer p{font-family: 'VELUXGothic-bold';font-weight:700;font-size:20px;margin-bottom: 7px;}
.wrapper-footer .right p{margin-bottom:3px;}
.wrapper-footer ul li{font-size:16px;margin-bottom: 9px;}
.wrapper-footer address { font-style: normal; font-size: 16px; line-height: 1.9; margin-bottom: 4px; }
.wrapper-footer a {color:#D5EAF9 !important;text-decoration:none}
.wrapper-footer a:hover { text-decoration: underline; }
.wrapper-footer ul.social-share.dis-flex { margin-top: 30px; }
.wrapper-footer ul.social-share.dis-flex li { width: 36px; margin-right: 12px; }
.wrapper-footer ul.social-share.dis-flex li:hover{opacity:0.5;}
.bottom-bar { padding: 20px 0; }
.bottom-bar img{max-width: 460px;    width: 100%;}
.bottom-bar .container{text-align:right;}



@media(max-width:1280px){
h1{font-size:30px;}
h2{font-size:24px;}
h3{font-size:20px;}

.wrapper-footer{padding:70px 0 40px;}
.wrapper-footer .container > div{padding:0px;width:32% !important;}
.wrapper-footer .container{justify-content: space-between;}
}

@media(max-width:1024px){
body,h4{font-size:15px;}  
h1{font-size:24px;margin-bottom:15px;}
h2{font-size:20px;margin-bottom:15px;}  
h3{font-size:18px;margin-bottom:15px;}
.wrapper-header .menu ul li a,.wrapper-footer address,.wrapper-footer ul li{font-size:14px;}
.wrapper-footer p{font-size:16px;margin-bottom: 12px;}
.wrapper-footer{padding:50px 0 40px;}
.wrapper-footer address {line-height: 2.2;margin-bottom: 5px;}
.wrapper-footer .right p { margin-bottom:6px; }
  .hm form .hs_submit input,.wrapper-cta a,.wrapper-cta-bg-black a,a.wrapper-cta{font-size:15px;padding: 10px 30px 10px 10px;}
}

@media(max-width:991px){

}
  
@media(min-width:992px){
.wrapper-header .hs-menu-wrapper{display:block !important;}
.wrapper-header .mobile-trigger{display: none !important;}
  .wrapper-header .menu li.hs-menu-item.hs-menu-depth-1.hs-item-has-children > a:before { position: absolute; content: ""; visibility: hidden;background: #fff; height: 25.5px; width: 25.5px; bottom: -12px; transform: rotate(-45deg); left: 0; right: 0; margin: auto; z-index: 2; }
.wrapper-header .menu ul > li.hs-menu-depth-1:hover > ul.hs-menu-children-wrapper,.wrapper-header .menu li.hs-menu-item.hs-menu-depth-1.hs-item-has-children:hover > a:before  { visibility: visible; }
.wrapper-header .menu ul.hs-menu-children-wrapper li.hs-menu-depth-2 { width: 33.33%;    float: left;text-align: left; }
}

@media(max-width:991px){
.wrapper-header{padding:12px 0;width:100% !important;}
body.mobile-open{position: fixed;}
.wrapper-header .menu ul > li.hs-menu-depth-1:last-child > a{width: 100%;padding-left: 0;}
.wrapper-header .menu ul > li.hs-menu-depth-1 i.fa.fa-search{display: none;}
.wrapper-header .hm.site-search { position: relative; right: auto; left: auto; top: auto; background: transparent;display: block;max-width:100%; }
.wrapper-header .hm.site-search .container{padding:0 17px;}
/**********************************************Toggle Icon***************************************/
.wrapper-header .mobile-trigger { width: 20px; height: 20px;  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: 50%; right: 20px; display: inline-block !important; transform: translateY(-50%); }
.wrapper-header .mobile-trigger .line { width: 100%; display: block; background: #fff; height: 2px; position: absolute; left: 0; transition: 0.25s ease-in-out; }
.wrapper-header .mobile-trigger .line.line-1{top:0;}
.wrapper-header .mobile-trigger .line.line-2{top:8px;}
.wrapper-header .mobile-trigger .line.line-3{top:16px;}
.wrapper-header .mobile-trigger.active-re .line.line-1{-webkit-transform:translateY(7px) translateX(0) rotate(45deg); -moz-transform:translateY(7px) translateX(0) rotate(45deg); -o-transform:translateY(7px) translateX(0) rotate(45deg); transform:translateY(7px) translateX(0) rotate(45deg);}
.wrapper-header .mobile-trigger.active-re .line.line-2{opacity: 0; }
.wrapper-header .mobile-trigger.active-re .line.line-3{-webkit-transform:translateY(-9px) translateX(0) rotate(-45deg); -moz-transform:translateY(-9px) translateX(0) rotate(-45deg); -o-transform:translateY(-9px) translateX(0) rotate(-45deg); transform:translateY(-9px) translateX(0) rotate(-45deg);}

.hm.site-search form {padding:0;}
/**********************************************Depth 1***************************************/
.wrapper-header .hs-menu-wrapper { display: block; transition:right 0.5s linear;position: fixed; width:100%; max-width: 400px; right:-100%; top:59px; background:#7B7A79; overflow: hidden; overflow-y: visible; -ms-overflow-style: none; height: calc(100vh - 58px); min-height: 0; }
 .wrapper-header .mobile-trigger.active-re + .hs-menu-wrapper{right:0;transition: all 0.5s ease; transition:right 0.5s linear;}
 .smaller .wrapper-header .hs-menu-wrapper{top:70px;}
.wrapper-header .menu ul > li.hs-menu-depth-1{ width: 100%;border-bottom: 1.5px solid rgba(255,255,255,0.9);    position: relative;}
.wrapper-header .menu ul > li.hs-menu-depth-1 > a{color:rgba(255,255,255,0.9);padding: 10px 20px;display: inline-block;font-size: 22px;} 
  .wrapper-header .menu ul > li.hs-menu-depth-1.active-branch > a{padding: 10px 20px;}
  .wrapper-header .menu ul > li.hs-menu-depth-2 > a{font-size:16px;padding:11px 30px;}
.wrapper-header .menu .hs-menu-wrapper > ul {display: block;position: absolute;height: calc(100vh - 64px);padding-top: 62px; width: 100%; }
.smaller .wrapper-header .menu .hs-menu-wrapper > ul {height: calc(100vh - 70px);} 
  
/**********************************************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:20px 0;left:0;text-align: left;background: #E0E0E0;    border-top: 1.5px solid rgba(255,255,255,0.9);}
.wrapper-header .menu ul > li.hs-menu-depth-1 > .child-trigger {display: block; position: absolute; top: 0; right: 0; color: #ffff; font-size: 37px; padding: 0px 22px; cursor: pointer; background: #C4C4C4; }
.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; }
  .wrapper-header .menu ul > li.hs-menu-depth-1:last-child{background: #363636;position: absolute; top: 0; left: 0;border: 0; border-top: 1.5px solid rgba(255,255,255,0.9);} 
/**********************************************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:767px){
.wrapper-footer{padding:32px 0;}
.bottom-bar img { max-width: 270px;} 
input::-webkit-input-placeholder { font-size:14px !important; } /* WebKit browsers */
input:-moz-placeholder { font-size:14px  !important;; } /* Mozilla Firefox 4 to 18 */
input::-moz-placeholder { font-size:14px  !important;;} /* Mozilla Firefox 19+ */
input:-ms-input-placeholder {font-size:14px  !important;;} /* Internet Explorer 10+ */
textarea::-webkit-input-placeholder {font-size:14px  !important;;} /* WebKit browsers */
textarea:-moz-placeholder {font-size:14px  !important;;} /* Mozilla Firefox 4 to 18 */
textarea::-moz-placeholder {font-size:14px  !important;;} /* Mozilla Firefox 19+ */
textarea:-ms-input-placeholder {font-size:14px  !important;;} /* Internet Explorer 10+ */
 .hm.site-search form input[type="search"] {    max-height: 45.5px;}
}

 @media(min-width:568px) and (max-width:767px){
  .wrapper-footer ul.social-share.dis-flex li { width: 30px; margin-right: 10px; }
}

@media(max-width:640px){
.hm form div.hs-form-field{width: 100% !important;margin-right:0 !important;}
.wrapper-footer ul.social-share.dis-flex { margin-top: 40px; }
}    

@media(max-width:567px){
.wrapper-footer .container > div{padding: 0px 16px;width:100% !important;margin-bottom:26px;}
.wrapper-footer ul li {margin-bottom:15px; }
.wrapper-footer address{line-height: 2.4;}
}

@media(max-width:520px){ 
.wrapper-header .hs-menu-wrapper {max-width: 100%;}
}

@media(max-width:480px){ 
  .container{padding:0 14px;}
 .wrapper-header .logo{ width: 200px !important;}
  .wrapper-header .hs-menu-wrapper{top: 49px;height: calc(100vh - 49px);}
  .hm form{font-size:12px;}
}