@font-face {
	font-family: 'DINProLight';
	src: url('https://22614527.fs1.hubspotusercontent-na1.net/hubfs/22614527/fonts/DINProLight.eot');
	src: local('DINProLight'), url('https://22614527.fs1.hubspotusercontent-na1.net/hubfs/22614527/fonts/DINProLight.woff') format('woff'), url('https://22614527.fs1.hubspotusercontent-na1.net/hubfs/22614527/fonts/DINProLight.ttf') format('truetype');
}
/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

.header, .in-header {
    background-color: #192230;
}

.footer {
    background: #192230;
}


* {
    font-family: 'DINProLight', Helvetica !important;
}
body {
    font-family: 'DINProLight', Helvetica !important;
}
h1 {
    font-family: 'DINProLight', Helvetica !important;
}
h2 {
    font-family: 'DINProLight', Helvetica !important;
}
h3 {
    font-family: 'DINProLight', Helvetica !important;
}
h4 {
    font-family: 'DINProLight', Helvetica !important;
}
h5 {
    font-family: 'DINProLight', Helvetica !important;
}
h6 {
    font-family: 'DINProLight', Helvetica !important;
}
p {
    font-family: 'DINProLight', Helvetica !important;
    font-weight: 400;  
}
#hs_cos_wrapper_header-navigation-module-4 > nav.menu.menu--desktop > ul > li > a
    { padding: 0 7px;
          color: #f9f9f9;
          font-size: 14px;
}

#hs_cos_wrapper_header-navigation-module-4 > nav.menu.menu--desktop > ul > li > a:hover
    {     
      color: #00aeef;
}
.menu--desktop {
        float: right;
}

.in-btn {
    font-size: 18px !important;
    padding: 8px 16px 10px !important;
    border-radius: 100px !important;
  color: #fff !important;
    background-color: #3dbfef !important;
    border-color: #3dbfef !important;
    background-image: None !important;
}
.in-btn:hover {
   color: #3dbfef !important;
    background-color: #fff !important;
    border-color: #3dbfef !important;
    background-image: None !important;
}

.fab {
    font-family: Font Awesome\ 5 Brands !important;
    font-weight: 400;
      font-size: 36px;
  color: #3DBFEF; 
  margin: 0px 20px 20px 20px;
}
.fab:hover {color: #73D4FA;}

#hs_cos_wrapper_footer-module-3_ > ul {
    list-style: none;
    padding: 0;
    margin: 0;
} 
#icon-1643650886650, #icon-1643650886651, #icon-1643650886652, #icon-1643650886653 {
display: inline-block;
}

#footer-module-2 > a > img {
 max-width: 300px !important;
}

 div.in-footer__menu-heading > h6 {color: #73D4FA !important;}
 
  
div.in-footer__link-wrap > nav > ul > li > a {
     background-color: transparent !important;
    color: #3DBFEF !important;
    font-size: 16px !important;
    border-style: solid !important;
     border-width: 1px !important;
    border-color: white !important;
    border-radius: 30px !important;
      padding: 8px 16px !important;
     line-height: 1.5 !important;
  display: inline-block !important;
    font-weight: 400 !important;
    text-align: center !important;
    white-space: pre-line !important;
    vertical-align: middle !important;
  user-select: none !important; 
  }  
  
  div.in-footer__link-wrap > nav > ul > li > a:hover {
  background-color: #3DBFEF !important;
    color: #FFFFFF !important;
  }

#hs_cos_wrapper_header-navigation-module-7 .in-btn-search--icon svg path {
    stroke: #f9f9f9 !important;
}
.in-btn-search--icon:hover #hs_cos_wrapper_header-navigation-module-7 .in-btn-search--icon svg path {
    stroke: #00aeef !important;
}
.hs-search-field__input{
max-width: 200px !important;
    float: right;
}

.menu__child-toggle-icon {
border-bottom: 1px solid #f9f9f9 !important;
    border-right: 1px solid #f9f9f9 !important;
    border-bottom-color: #f9f9f9 !important;
    border-right-color: #f9f9f9 !important;
}

.menu__child-toggle-icon:hover {
border-bottom: 1px solid #00aeef !important;
    border-right: 1px solid #00aeef !important;
    border-bottom-color: #00aeef !important;
    border-right-color: #00aeef !important;
}

.menu__submenu {
  background-color: #192230 !important;
}

.lang_list_class {
  background-color: #192230 !important;
}
.lang_list_class li {
background-color: #192230 !important;
}


  
#hs_cos_wrapper_header-navigation-module-4 > nav.menu.menu--desktop > ul > li > ul > li > a {
      color: #fff !important;
    font-size: 14px !important;
    padding: 10px 10px !important;
}

.lang_switcher_link {
  color: #fff !important;
    font-size: 14px !important;
    padding: 10px 10px !important;
}

.lang_switcher_link:hover {
 background-color: #192230 !important;
    color: #00aeef !important;
}


#hs_cos_wrapper_header-navigation-module-4 > nav.menu.menu--desktop > ul > li > ul > li > a:hover {
    background-color: unset !important;
    color: #00aeef !important;
}

.menu__submenu .menu__item:not(:last-child) {
    border-bottom: none !important;
}
.menu__submenu {
     width: 220px; 
}
@media screen and (min-width:767px){

#main-content > div > div {margin-top: 90px;}
}

.menu__submenu--level-2 {
    transform: unset !important;
}

body > div.body-wrapper.hs-content-id-107734240117.hs-site-page.page > div:nth-child(1) > header > div.in-header.header__container.in-box-shadow--enable > div > div > div > div > div > div > div.span3.widget-span.widget-type-cell.header-navigation-column-6-vertical-alignment.dnd-column.header-navigation-column-6-padding > div.row-fluid-wrapper.row-depth-1.row-number-6.dnd-row {
  display:none !important;
}

.in-lang-switcher {
    color: #f9f9f9;
}
.in-lang-switcher:hover {
    color: #00aeef;
}

#header-navigation-module-7 > div.in-lang-switcher > div > span > svg > path {
  stroke: #f9f9f9 !important;
}
#header-navigation-module-7 > div.in-lang-switcher > div > span > svg > path:hover {
  stroke: #00aeef !important;
}

body > div.body-wrapper.hs-content-id-106955331713.hs-site-page.page > div:nth-child(1) > header > div.in-header.header__container.in-box-shadow--enable > div > div > div > div > div > div > div.span3.widget-span.widget-type-cell.header-navigation-column-6-vertical-alignment.dnd-column.header-navigation-column-6-padding > div.row-fluid-wrapper.row-depth-1.row-number-6.dnd-row {
  display: none !important;
}

div.in-footer__menu-heading>h6 {
    color: #73d4fa!important;
}

body > div.body-wrapper.hs-content-id-108328655121.hs-blog-listing.hs-blog-id-108328655120 > div:nth-child(3) > footer > div.container-fluid.footer-dnd-area2.footer__container.content-wrapper > div > div > div > div.row-fluid-wrapper.row-depth-1.row-number-1.footer-row-0-vertical-alignment.dnd-section.footer-row-0-padding > div > div.span4.widget-span.widget-type-cell.footer-column-4-vertical-alignment.dnd-column.footer-column-4-padding
{
      padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 50px !important;
    padding-right: 0px !important;
}



.in-blog__head-mini-title {

      color: #00aeef !important;
    font-size: 22pt !important;
  font-weight: 400 !important;
  text-align: left !important;
}

div.in-blog__head > div > h2 
{
  font-size: 50px !important;
    line-height: 52px !important;
    font-weight: 400 !important;
  text-align: left !important;
} 
div.in-blog__head > div > h1 
{
  font-size: 50px !important;
    line-height: 52px !important;
    font-weight: 400 !important;
  text-align: left !important;
} 
.in-blog__head {
    max-width: unset !important;
}

.hs-search-field__input {
    float: unset !important;    
}

div.in-blog__main > div > article > div > h6 > a
{
  color: #00aeef !important;
    font-weight: 500 !important;
  font-size: 1.375rem !important;
} 

#dnd_area-module-4 .in-blog__post {
 border-radius: 0px !important;
    border: 1px solid #eee;
  background-color: #fff !important;
}

.hs-content-id-112260316056 #main-content > div > div > div > div > div.row-fluid-wrapper.row-depth-1.row-number-1.dnd-section {
  padding:0 !important
}

.hs-content-id-112260316056 #main-content > div > div{
margin-top: 40px !important;
}

.hs-content-id-112260316056 #main-content > div > div > div > div > div.row-fluid-wrapper.row-depth-1.row-number-5.dnd_area-row-2-padding.dnd-section
{
padding: 60px 1rem; !important;
}

#dnd_area-module-5 > div > div > ul > li > span.in-card__icon-title > a{
    font-weight: unset !important;
    font-size: unset !important;
}


.in-card__image img {
    border: 1px solid #eee;
}

.in-card__column 
{
 border-radius: 0px !important;
    border: 1px solid #eee;
  background-color: #fff !important;
}

div.in-blog__main > div > article > div > a
{
  color: #00aeef !important;
  font-weight: 500 !important;
}  

.blog-comments {
  display:none !important;
}

.blog-post__tags {
  display: none !important;
}
.blog-post__tag-link {
  display: none !important;
}

#header-navigation-module-7 > div > div > div > div.hs-search-field__bar > form > input {
	margin-left: 50px;
	}

nav.menu.menu--mobile > ul > li > a
	{
	color: #fff !important;
	}

#header-navigation-module-5 > div.in-menu-toggler > div > img {
    filter: brightness(0) invert(1);
width:32px !important;
max-width:32px !important;
max-height:32px !important;
padding-bottom:5px;
}

#header-navigation-module-5 > div.in-menu-toggler--close > div > img {
    filter: brightness(0) invert(1);
width:32px !important;
max-width:32px !important;
max-height:32px !important;
padding-bottom:5px;
}

#header-navigation-module-5 > div.in-menu-toggler--close > div > img {
    filter: brightness(0) invert(1);
width:32px !important;
max-width:32px !important;
max-height:32px !important;
padding-bottom:5px;
}

nav.menu.menu--mobile > ul > li > ul > li > a{
	color: #fff !important;
	}

div.body-wrapper.hs-content-id-114228335124.hs-blog-listing.hs-blog-id-114228335123 #dnd_area-module-4 > div.in-blog__head > h5
{
font-size: 50px !important;
line-height: 52px !important;
font-weight: 400 !important;
text-align: left !important;
}

 

.in-card__title a {
pointer-events: none !important;
}

.hs-content-id-115036489867 #main-content > div > div {
    margin-top: 40px !important;
}


@media (max-width:  1161px) {
.menu__item.menu__item--depth-1.menu__item--has-submenu.hs-skip-lang-url-rewrite {
    padding-right: 15px !important;
}
}

#main-content > div > div {
    margin-top: 0px !important;
}
#hs_cos_wrapper_footer-module-3_ > h4 {
  color:#fff !important;
}
  
#hs_cos_wrapper_widget_1688740133596_ > a {
    color: #3DBFEF;
}

#hs_cos_wrapper_widget_1688740133596_ > a:hover {
    color: #73D4FA;
}


#hs_cos_wrapper_module_1688740326164_ > a {
color: #3DBFEF;
}

#hs_cos_wrapper_module_1688740326164_ > a:hover {
  color: #73D4FA;
}


#hs_cos_wrapper_module_16887403294703_ > a {
color: #3DBFEF;
}

#hs_cos_wrapper_module_16887403294703_ > a:hover {
  color: #73D4FA;
}


#hs_cos_wrapper_module_16887403328093_ > a {
color: #3DBFEF;
}

#hs_cos_wrapper_module_16887403328093_ > a:hover {
  color: #73D4FA;
}

#hs_cos_wrapper_module_16897049891288_ > a:nth-child(1):hover {
    color: #73D4FA;
}

#hs_cos_wrapper_module_16897049891288_ > a:nth-child(1) {
    color: #3DBFEF;
}

#hs_cos_wrapper_module_16897049891288_ > a:nth-child(4):hover {
    color: #73D4FA;
}

#hs_cos_wrapper_module_16897049891288_ > a:nth-child(4) {
    color: #3DBFEF;
}

#hs_cos_wrapper_module_168970498912810_ > a:nth-child(1):hover {
    color: #73D4FA;
}

#hs_cos_wrapper_module_168970498912810_ > a:nth-child(1) {
    color: #3DBFEF;
}

#hs_cos_wrapper_module_168970498912810_ > a:nth-child(4):hover {
    color: #73D4FA;
}

#hs_cos_wrapper_module_168970498912810_ > a:nth-child(4) {
    color: #3DBFEF;
}
#hs_cos_wrapper_module_168970498912812_ > a:nth-child(1):hover {
    color: #73D4FA;
}

#hs_cos_wrapper_module_168970498912812_ > a:nth-child(1) {
    color: #3DBFEF;
}

#hs_cos_wrapper_module_168970498912812_ > a:nth-child(4):hover {
    color: #73D4FA;
}

#hs_cos_wrapper_module_168970498912812_ > a:nth-child(4) {
    color: #3DBFEF;
}

#hs_cos_wrapper_module_168970498912814_ > a:hover {
    color: #73D4FA;
}

#hs_cos_wrapper_module_168970498912814_ > a {
    color: #3DBFEF;
}

.in-footer-copyright__links {
  display:none;
}

.in-footer-copyright {
  color:#fff
}
.in-footer-copyright a {
color: #3DBFEF;
}

.in-footer-copyright a:hover {
  color: #73D4FA;
}
.fab:hover {
color: #73D4FA !important;
}
.footer .menu__item {
    padding: 12px 12px 12px 0 !important;
}


.header .menu .menu__wrapper .menu__submenu .menu__item .menu__link:active, .header .menu .menu__wrapper .menu__submenu .menu__item .menu__link.menu__link--active-link {
    color: #030303;
    background-color: #192230;
}

#hs_cos_wrapper_header-navigation-module-4 > nav.menu.menu--desktop > ul > li > ul > li > a {
    color: #fff !important;
    font-size: 14px !important;
    padding: 10px 10px !important;
}

@media screen and (max-width: 1028px) and (min-width: 992px) {
  .in-header .menu__item--depth-1, .in-header .menu__item--depth-2 {
  padding: 25px 5px !important;   
}
}


#hs_cos_wrapper_header-navigation-module-4 > nav.menu.menu--desktop > ul > li:nth-child(2) > ul {
width: 1100px !important;
    left: -500px !important;
    z-index: 999999;
    max-height: 650px;
}

.megacolumn1, .megacolumn2, .megacolumn3, .megacolumn4 {
     padding-left: 10px;
}

.menu--desktop > ul:nth-child(1) > li:nth-child(2) > ul:nth-child(3) > li {
width:22%
}

.mega-head {
    padding-bottom: 10px;
    color: #fff;
    font-size: 14pt;
    font-weight: bold;
    border-bottom: 1px solid #4a4a4a;
}


#hs_cos_wrapper_header-navigation-module-4 > nav.menu.menu--desktop > ul > li:nth-child(2) > ul > li:nth-child(1) > span:hover, #hs_cos_wrapper_header-navigation-module-4 > nav.menu.menu--desktop > ul > li:nth-child(2) > ul > li:nth-child(2) > span:hover, #hs_cos_wrapper_header-navigation-module-4 > nav.menu.menu--desktop > ul > li:nth-child(2) > ul > li:nth-child(3) > span:hover, #hs_cos_wrapper_header-navigation-module-4 > nav.menu.menu--desktop > ul > li:nth-child(2) > ul > li:nth-child(4) > span:hover, #hs_cos_wrapper_header-navigation-module-4 > nav.menu.menu--desktop > ul > li:nth-child(2) > ul > li:nth-child(16) > span:hover, #hs_cos_wrapper_header-navigation-module-4 > nav.menu.menu--desktop > ul > li:nth-child(2) > ul > li:nth-child(27) > span:hover {
background: #192230 !important; 
}

#hs_cos_wrapper_header-navigation-module-4 > nav.menu.menu--desktop > ul > li:nth-child(2) > ul > li:nth-child(1) > span, #hs_cos_wrapper_header-navigation-module-4 > nav.menu.menu--desktop > ul > li:nth-child(2) > ul > li:nth-child(2) > span, #hs_cos_wrapper_header-navigation-module-4 > nav.menu.menu--desktop > ul > li:nth-child(2) > ul > li:nth-child(3) > span, #hs_cos_wrapper_header-navigation-module-4 > nav.menu.menu--desktop > ul > li:nth-child(2) > ul > li:nth-child(4) > span, #hs_cos_wrapper_header-navigation-module-4 > nav.menu.menu--desktop > ul > li:nth-child(2) > ul > li:nth-child(16) > span, #hs_cos_wrapper_header-navigation-module-4 > nav.menu.menu--desktop > ul > li:nth-child(2) > ul > li:nth-child(27) > span {
pointer-events: none !important;
  cursor: default !important;
  text-decoration: none !important;
}

#hs_cos_wrapper_header-navigation-module-4 > nav.menu.menu--desktop > ul > li:nth-child(2) > ul > li:nth-child(16) > span > div > span {
border-bottom: none !important;
}

#hs_cos_wrapper_header-navigation-module-4 > nav.menu.menu--desktop > ul > li:nth-child(2) > ul > li:nth-child(13) > a > div {
position: relative;
    top: -50px;
}

#hs_cos_wrapper_header-navigation-module-4 > nav.menu.menu--desktop > ul > li:nth-child(2) > ul > li:nth-child(17) > a > div
{
position: relative;
    top: -310px;
}

#hs_cos_wrapper_header-navigation-module-4 > nav.menu.menu--desktop > ul > li:nth-child(2) > ul > li:nth-child(14) > a > div {
position: relative;
    top: -50px;
}

#hs_cos_wrapper_header-navigation-module-4 > nav.menu.menu--desktop > ul > li:nth-child(2) > ul > li:nth-child(18) > a > div {
position: relative;
    top: -310px;
}

#hs_cos_wrapper_header-navigation-module-4 > nav.menu.menu--desktop > ul > li:nth-child(2) > ul > li:nth-child(22) > a > div {
position: relative;
    top: -310px;
}

#hs_cos_wrapper_header-navigation-module-4 > nav.menu.menu--desktop > ul > li:nth-child(2) > ul > li:nth-child(30) > a > div {
position: relative;
    top: -310px;
}

#hs_cos_wrapper_header-navigation-module-4 > nav.menu.menu--desktop > ul > li:nth-child(2) > ul > li:nth-child(34) > a > div {
position: relative;
    top: -310px;
}

#hs_cos_wrapper_header-navigation-module-4 > nav.menu.menu--desktop > ul > li:nth-child(2) > ul > li:nth-child(15) > a > div {
position: relative;
    top: -50px;
}

#hs_cos_wrapper_header-navigation-module-4 > nav.menu.menu--desktop > ul > li:nth-child(2) > ul > li:nth-child(19) > a > div {
position: relative;
     top: -310px;
}

#hs_cos_wrapper_header-navigation-module-4 > nav.menu.menu--desktop > ul > li:nth-child(2) > ul > li:nth-child(26) > a > div {
position: relative;
    top: -310px;
}

#hs_cos_wrapper_header-navigation-module-4 > nav.menu.menu--desktop > ul > li:nth-child(2) > ul > li:nth-child(23) > a > div {
position: relative;
    top: -310px;
} 
#hs_cos_wrapper_header-navigation-module-4 > nav.menu.menu--desktop > ul > li:nth-child(2) > ul > li:nth-child(27) > span > div > span {
position: relative;
    top: -300px;
}
#hs_cos_wrapper_header-navigation-module-4 > nav.menu.menu--desktop > ul > li:nth-child(2) > ul > li:nth-child(31) > a > div {
position: relative;
    top: -300px;
}

#hs_cos_wrapper_header-navigation-module-4 > nav.menu.menu--desktop > ul > li:nth-child(2) > ul > li:nth-child(35) > a > div {
position: relative;
    top: -300px;
}

#hs_cos_wrapper_header-navigation-module-4 > nav.menu.menu--desktop > ul > li:nth-child(2) > ul > li:nth-child(39) > a > div {
position: relative;
    top: -300px;
}

#hs_cos_wrapper_header-navigation-module-4 > nav.menu.menu--desktop > ul > li:nth-child(2) > ul > li:nth-child(43) > a > div {
position: relative;
    top: -300px;
}
#hs_cos_wrapper_header-navigation-module-4 > nav.menu.menu--desktop > ul > li:nth-child(2) > ul > li:nth-child(47) > a > div {
position: relative;
    top: -300px;
}

#hs_cos_wrapper_header-navigation-module-4 > nav.menu.menu--desktop > ul > li:nth-child(2) > ul > li:nth-child(51) > a > div {
position: relative;
    top: -300px;
}
#hs_cos_wrapper_header-navigation-module-4 > nav.menu.menu--desktop > ul > li:nth-child(2) > ul > li:nth-child(16) > span > div > span {
    position: relative;
    top: 20PX;
}



#hs_cos_wrapper_header-navigation-module-4 > nav.menu.menu--desktop > ul > li:nth-child(2) > ul > li:nth-child(20) > a > div > img {
    position: relative;
    top: 50PX;
}

#hs_cos_wrapper_header-navigation-module-4 > nav.menu.menu--desktop > ul > li:nth-child(2) > ul > li:nth-child(20) > a:hover {
    background-color: unset !important;
    color: unset !important;
}

#hs_cos_wrapper_header-navigation-module-4 > nav.menu.menu--desktop > ul > li:nth-child(2) > ul > li:nth-child(21) {
  position: relative;
    top: -310px;
}

#hs_cos_wrapper_header-navigation-module-4 > nav.menu.menu--desktop > ul > li:nth-child(2) > ul > li:nth-child(25) {
 position: relative;
    top: -310px; 
}


@media (max-width: 1300px) {
#hs_cos_wrapper_header-navigation-module-4 > nav.menu.menu--desktop > ul > li:nth-child(2) > ul {
 left: -400px !important;
}
}

@media (max-width: 1150px) {
#hs_cos_wrapper_header-navigation-module-4 > nav.menu.menu--desktop > ul > li:nth-child(2) > ul {
 left: -350px !important;
}
}

#hs_cos_wrapper_widget_1689699764717 > nav.menu.menu--desktop {
  display:none;
}

#hs_cos_wrapper_header-navigation-module-4 > nav.menu.menu--mobile > ul {
  display:none;
}

@media screen and (max-width: 1028px) and (min-width: 992px) {
  .in-header .menu__item--depth-1, .in-header .menu__item--depth-2 {
  padding: 25px 5px !important;   
}
}

#hs_cos_wrapper_widget_1692463516545 > nav.menu.menu--desktop {
  display:none;
}

#hs_cos_wrapper_header-navigation-module-4 > nav.menu.menu--mobile > ul {
  display:none;
}

@media screen and (max-width: 1028px) and (min-width: 992px) {
  .in-header .menu__item--depth-1, .in-header .menu__item--depth-2 {
  padding: 25px 5px !important;   
}
}


#hs_cos_wrapper_widget_1692465164713 > nav.menu.menu--desktop {
  display:none;
}

 

#hs_cos_wrapper_header-navigation-module-4 > nav.menu.menu--desktop > ul > li:nth-child(2) > ul > li:nth-child(20) > a > div > img 
{border: 1px solid rgba(255,255,255,.05);}

.grecaptcha-badge {
	display: none;
}

body > div.body-wrapper > div:nth-child(1) { 
  z-index: 9999999; 
  position: relative; 
}


body > div > div:nth-child(1) > header > div.in-header.header__container.in-box-shadow--enable > div > div > div > div > div > div > div.span8.widget-span.widget-type-cell.header-navigation-column-3-vertical-alignment.header-navigation-column-3-padding.dnd-column > div.row-fluid-wrapper.row-depth-1.row-number-3.dnd-row > div > div > div > nav.menu.menu--mobile > ul
{
display: none;
}

body.in-header__dropdown--open > div > div:nth-child(1) > header > div.in-header.header__container.in-box-shadow--enable > div > div > div > div > div > div > div.span8.widget-span.widget-type-cell.header-navigation-column-3-vertical-alignment.header-navigation-column-3-padding.dnd-column > div.row-fluid-wrapper.row-depth-1.row-number-3.dnd-row > div > div > div > nav.menu.menu--mobile > ul
{
display: block;
}

body > div > div:nth-child(1) > header > div.in-header.header__container.in-box-shadow--enable > div > div > div > div > div > div > div.span8.widget-span.widget-type-cell.header-navigation-column-3-vertical-alignment.header-navigation-column-3-padding.dnd-column > div.row-fluid-wrapper.row-depth-1.row-number-4.dnd-row > div > div > div > nav.menu.menu--mobile > ul
{
display: none;
}

body.in-header__dropdown--open > div > div:nth-child(1) > header > div.in-header.header__container.in-box-shadow--enable > div > div > div > div > div > div > div.span8.widget-span.widget-type-cell.header-navigation-column-3-vertical-alignment.header-navigation-column-3-padding.dnd-column > div.row-fluid-wrapper.row-depth-1.row-number-4.dnd-row > div > div > div > nav.menu.menu--mobile > ul
{
display: block;
}

body {
    overflow-x: hidden;
}

#hs_cos_wrapper_header-navigation-module-4 > nav:nth-child(1) > ul:nth-child(1) > li:nth-child(2) > ul:nth-child(3) > li:nth-child(29) > a:nth-child(1) {
font-size: 18px;
    padding: 8px 16px 10px !important;
    min-width: 210px;
    border-radius: 100px !important;
    color: #fff;
    background-color: #3dbfef;
    border-color: #3dbfef;
    background-image: None;
	line-height: 1.5;
	    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: pre-line;
    vertical-align: middle;
	    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
	    transition: all .15s ease-in-out;
		text-decoration: none;
		}
		
		#hs_cos_wrapper_header-navigation-module-4 > nav:nth-child(1) > ul:nth-child(1) > li:nth-child(2) > ul:nth-child(3) > li:nth-child(29) > a:nth-child(1):hover {
		color: #3dbfef !important;
    background-color: #fff !important;
    border-color: #3dbfef !important;
    background-image: None;
		}

#hs_cos_wrapper_header-navigation-module-4 > nav:nth-child(1) > ul:nth-child(1) > li:nth-child(2) > ul:nth-child(3) > li:nth-child(4) > span:nth-child(1) {flex-wrap: nowrap !important;white-space: nowrap;}

#hs_cos_wrapper_header-navigation-module-4 > nav:nth-child(1) > ul:nth-child(1) > li:nth-child(2) > ul:nth-child(3) > li:nth-child(29) {
position: relative;
top: -120px;
  left: 15px;
}

.product-iner {
    border: 1px solid #ccc !important;  
}

 .icon-in {
 border: 1px solid #ccc !important;  
}
a.pagination__link.active, a.pagination__link:hover {
    color: #3dbfef !important;
    border-color: #3dbfef !important;
}
a.pagination__link {
    padding: 10px 9px !important;
    border: 1px solid #ccc;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    text-align: center;
}
#ask-form {
    max-height: 500px;
    overflow: auto;
}
#ask-question, #cart-popup{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999999;
}
  
/* Styles for the close button */
.close-dialog-btn {
    position: absolute; /* Position it absolutely within the dialog */
    top: 10px; /* Distance from the top */
    right: 10px; /* Distance from the right */
    background: #f1f1f1; /* Light background color */
    border: none; /* Remove default border */
    border-radius: 50%; /* Make it circular */
    width: 30px; /* Set the width of the button */
    height: 30px; /* Set the height of the button */
    font-size: 16px; /* Font size for the 'X' */
    color: #333; /* Color for the 'X' */
    cursor: pointer; /* Change cursor to pointer on hover */
    text-align: center; /* Center text inside the button */
}

/* Hover effect for the close button */
.close-dialog-btn:hover {
    background: #ddd; /* Slightly darker background on hover */
}

.dialog-content {
    background: white;
    padding: 20px;
    border-radius: 5px;
    max-width: 600px;
      margin: auto;
  width:100%;
  position:relative;
}
  #ask-form,#cart-form{
    padding: 0;
    border: none;
  }
.footer_cart {
    display: flex;
    flex-direction: column;
    max-height: 500px;
    overflow: auto;
}

.cart-item {
    display: flex;
    align-items: center;
    padding: 10px;
    border-bottom: 1px solid #e0e0e0;
    background: #f8f8f8;
}
.cart-item:nth-child(2n) {
    background: #fff;
}
.remove-item-btn {
   background-color: #ff4d4d;
    border: none;
    color: #fff;
    font-size: 20px;
    cursor: pointer;
    margin-right: 0;
    padding: 0;
    /* flex-shrink: 0; */
    font-weight: bold;
    width: 20px;
    height: 20px;
    line-height: 10px;
}

.remove-item-btn:hover {
    color: #e60000;
}

.cart-item-image {
    margin-right: 10px;
}

.cart-item-image img {
    width: 100px;
    height: 100px;
    float: left;
    border: 1px solid #ccc;
    border-radius: 10px;
}

.cart-item-details {
    display: flex;
    flex-direction: column;
    margin-right: 10px;
    flex: 1; /* Take up remaining space */
}

.cart-item-name {
    font-size: 18px;
    font-weight: bold;
    margin: 0;
    text-align: left;
}
.cart-item-price {
    font-size: 12px;
    color: #555;
    margin: 0;
}

.cart-item-quantity {
    display: flex;
    align-items: center;
}

.quantity-btn {
    background-color: #3dbfef;
    border: none;
    color: white;
    padding: 5px 10px;
    cursor: pointer;
    border-radius: 4px;
    font-size: 14px;
    margin: 0 5px;
}

.quantity-btn:hover {
    background-color: #0056b3;
}

.quantity-display {
    font-size: 14px;
    border: 1px solid #ccc;
    width: 30px;
    display: inline-block;
    text-align: center;
}
.empty-cart-message {
    font-size: 16px;
    color: #888;
    text-align: center;
    padding: 20px;
}

#cart-popup .dialog-content {
    max-width: 800px;
    width: 100%;
}
.btn-danger {
    background-color: #dc3545;
    color: #fff;
    border: none;
    padding: 10px 20px;
    font-size: 16px;
    cursor: pointer;
    border-radius: 5px;
    transition: background-color 0.3s ease;
}

.btn-danger:hover {
    background-color: #c82333;
}

.btn-danger:focus {
    outline: none;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.btn-danger:active {
    background-color: #bd2130;
}

.btn-success {
    background-color: #28a745;
    color: #fff;
    border: none;
    padding: 10px 20px;
    font-size: 16px;
    cursor: pointer;
    border-radius: 5px;
    transition: background-color 0.3s ease;
}

.btn-success:hover {
    background-color: #218838;
}

.btn-success:focus {
    outline: none;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.btn-success:active {
    background-color: #1e7e34;
}
.wrap-btn .btn {
  margin:10px;
}
.flex {
    display: flex;
}
.justify\:center {
    justify-content: center;
}

/* Loader container */
.loader {
    position: fixed; /* Stays in place on the screen */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent black background */
    display: none; /* Hide by default */
    justify-content: center; /* Center the loader horizontally */
    align-items: center; /* Center the loader vertically */
    z-index: 9999; /* High z-index to appear above other content */
}

.loader .spinner {
    border: 8px solid rgba(255, 255, 255);
    border-left: 8px solid #3dbfef;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 1s linear infinite;
}

/* Spinner rotation animation */
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.toast-container {
    position: fixed;
    top: 20px; /* Distance from the top */
    right: 20px; /* Distance from the right */
    z-index: 9999999; /* High z-index to appear above other content */
    display: flex;
    flex-direction: column;
    gap: 10px; /* Space between toasts */
}

.toast {
    background-color: #333; /* Background color of the toast */
    color: #fff; /* Text color */
    padding: 15px;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    width: 250px; /* Fixed width for consistency */
}

.toast .toast-title {
    font-weight: bold;
    font-size: 16px; /* Larger font size for the title */
    margin-bottom: 5px; /* Space between title and message */
}

.toast .toast-message {
    font-size: 14px; /* Regular font size for the message */
}

.toast-success {
    background-color: #28a745; /* Green background for success */
}

.toast-error {
    background-color: #dc3545; /* Red background for error */
}

.toast .close-btn {
    position: absolute;
    top: 5px;
    right: 10px;
    background: transparent;
    border: none;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
}

.required{
  color: #e74c3c;
}
.error-message {
    color: #e74c3c;
    font-size: 0.875em;
    margin-top: -5px;
    display: block;
    margin-bottom: 10px;
}
span.product-type-label {
    display: block;
    font-size: 20px;
    font-weight: bolder;
    margin-top: 10px;
}
.product-grid__container.list-view {
    display: block;
}

.list-view .product-grid__item {
    margin-bottom: 20px;
    padding: 0;
    width: 100%;
      max-width: 100%;
}

@media (min-width: 767px) {
  .list-view .product-card {
      display: flex;
      border: 1px solid #dee2e6;
      border-radius: .375rem;
  }
  .list-view  .product-grid__item .product-card__image {
    min-width: 420px;
    border: none;
    border-right: 1px solid #dee2e6;
}
}
.list-view .productgrid__row {
    display: block;
    margin: 0;
}
.list-view .product-card__content {
    text-align: left;
    padding-left: 20px;
    padding-right: 20px;
}
.list-view .product-grid__item .product_button a.add_quote_btn {
    margin: 0;
}
.active.view-toggle {
    background: #3dbfef;
    color: #fff;
}
.view-toggle {
    border: none;
    cursor: pointer;
    padding: 10px;
    display: inline-flex;
    align-items: center;
    color: #000;
    justify-content: center;
    background: #faf9f6;
    border-radius: 7px;
}

.view-toggle svg {
  width: 24px; /* Adjust as needed */
  height: 24px; /* Adjust as needed */
  fill: currentColor; /* Ensures SVG inherits color from parent */
  display: inline-block; /* Ensures SVG is displayed correctly */
}
.product-label span{
    font-weight: bold;
}
.dialog-content form label{
      margin-bottom: 0;
}
.dialog-content form textarea {
    min-height: auto;
}
.dialog-content form input[type=email],.dialog-content form input[type=number], .dialog-content form input[type=password], .dialog-content form input[type=search], .dialog-content form input[type=tel], .dialog-content form input[type=text], .dialog-content form select, .dialog-content form textarea {
    margin-bottom: 10px;
}
div:not(.hs-landing-page) .body-container-wrapper {
    margin-top: 0;
}
div#quote-form-wrap {
    margin-top: 40px;
}
.cartTable{
  border:1px solid #dddddd;
}
.cartTable .tablehead {
    background: #3DBFEF;
}
.cartTable .tablehead th{
  color:#fff;
}
.cartTable .tablebody td{
  background: #F2F2F2;
}
.cartTable tr td a img{
  width: 60px;
  height: 60px;
  border: 1px solid #ccc;
  border-radius: 5px;
}
.cartTable .tablehead th,.cartTable .tablebody td{
  border:0;
  text-align: left;
}
#cart-popup tr.tablehead {
  display: none;
}
#cart-popup .dialog-content h4{
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
}
.new-style .grid-view .productgrid__row { gap:2%; margin:0; }
.new-style .grid-view .pop-outer { display:none; }
.new-style .grid-view .pop-inner { flex-flow:row wrap; background:#FFFFFF; padding:60px 30px; border-radius:8px; display:flex; justify-content:space-between; align-items:flex-start; position:relative; max-height:calc(100vh - 100px); overflow-y:auto; border-radius:8px; }
.new-style .grid-view .pop-inner .p-close { position:absolute; right:20px; top:20px; width:30px; height:30px; display:flex; justify-content:center; align-items:center; color:#000000; cursor:pointer; background:#000000; border-radius:2px; }
.new-style .grid-view .pop-inner .p-close svg, .new-style .grid-view .pop-inner .p-close svg * { fill:#FFFFFF; }
.new-style .grid-view .product-grid__item { border:1px solid #dee2e6; float:left; width:100%; position:relative; max-width:32%; }
.new-style .grid-view .product-pop-image, .new-style .grid-view .product-card__content { float:left; width:38%; text-align:left; } 
.new-style .grid-view .product-card__content { width:58%; }
.new-style .grid-view .product-card__image { border:none; height:auto; }
.new-style .grid-view .product-card__image .icon-in { position:absolute; width:30px; height:30px; right:20px; bottom:20px; z-index:1; display: flex; justify-content: center; align-items: center; cursor:pointer; }
.new-style .grid-view .product-card__image .icon-in svg, .new-style .grid-view .product-card__image .icon-in svg * { fill: #000000; transition:ease all 0.4s; }
.new-style .grid-view .product-card__image .icon-in:hover svg { transform:rotate(90deg); }
.new-style .grid-view .product-card__content .add_quote_btn { float:left; }
.new-style .grid-view .product-card__content h4.product-card__title { min-height:0; }
.new-style .grid-view .product-grid__item.o1, .new-style .list-view .product-grid__item.o2 { display:none !important; }
.new-style .card-title { padding: 0 50px 20px 0; }
.new-style .card-title h5 { margin: 0; }


html.pop-open { overflow:hidden; }
html.pop-open .new-style .grid-view .product-grid__item.active .pop-outer { padding:0 20px; position:fixed; left:0; top:0; width:100%; height:100%; background: rgba(0, 0, 0, 0.7); z-index: 9; }
html.pop-open .new-style .grid-view .product-grid__item.active .pop-wrapper { max-width:900px; margin:0 auto; display: flex; justify-content: center; align-items: center; height: inherit; }
html.pop-open .new-style .grid-view .product-grid__item.active .pop-outer { display:flex; justify-content:center; align-items:center; }
html.pop-open .new-style .grid-view .product-card__content { display: flex; background: #FFFFFF; flex-flow:row wrap; }
html.pop-open .new-style .grid-view .product-card__content > div { float:left; width:100%; }
.new-style .btn-danger, .new-style .btn-success { font-size: 18px; padding: 8px 16px 10px; border-radius: 100px; color: #fff; background-color: #3dbfef; border-color: #3dbfef; background-image: none; }
.new-style .btn-success:hover { background:#000000; }
.new-style .btn-danger { background:transparent; color:#3dbfef; border:#3dbfef solid 1px; }
.new-style .btn-danger:hover { background:#3dbfef; }

@media (max-width:991px){
  .new-style .grid-view .product-grid__item { width:49%; max-width:49%; }
}

@media (max-width:767px){
  .new-style .product-pop-image, .new-style .product-card__content { width:100%; }
}

@media (max-width:620px){
  .new-style .grid-view .product-grid__item { width:100%; max-width:100%; }
}