/* 1a. Containers */




/* 1b. Colors */






.quaternary{
  color:#2d2d2d;
}
.secondary{
  color:#0F549D;
}
.tertiary{
  color:#93D5EA;
}
/* 1c. Typography */































.content-wrapper {
  max-width: 1153px;
}

.dnd-section,
.content-wrapper--vertical-spacing {
  padding-top: 40px;
  padding-bottom: 40px;
}

.dnd-section > .row-fluid {
  max-width: 1153px;
}





html {
  font-size: 16px;
}

body {
  font-family: Inter, sans-serif; font-style: normal; font-weight: 300; text-decoration: none;
  color: #000000;
  font-size: 16px;
}

a {
  color:rgba(15, 84, 157, 1.0);
}

a:hover,
a:focus{
  color:rgba(8, 42, 79, 1.0);
}

ul,ol{
  color:#2d2d2d;
}
ul li::marker,
ol li::marker{
  color: #0F549D;
}
/* Headings */

h1,
.h1 {
  font-weight: 800; text-decoration: none; font-family: 'Barlow Condensed', serif; font-style: normal;
  color: #0F549D;
  font-size: 58px;
  text-transform: uppercase;
}

h2,
h3.form-title,
.h2 {
  font-weight: 600; text-decoration: none; font-family: 'Barlow Condensed', serif; font-style: normal;
  color: #000000;
  font-size: 50px;
  text-transform: uppercase;
}

h3,
.h3 {
  font-weight: 500; text-decoration: none; font-family: 'Barlow Condensed', serif; font-style: normal;
  color: #000000;
  font-size: 37px;
  text-transform: none;
}

h4,
.h4 {
  font-weight: 500; text-decoration: none; font-family: 'Barlow Condensed', serif; font-style: normal;
  color: #000000;
  font-size: 31px;
  text-transform: none;
}

h5,
.h5 {
  font-weight: 600; text-decoration: none; font-family: 'Barlow Condensed', serif; font-style: normal;
  color: #0F549D;
  font-size: 23px;
  text-transform: uppercase;
}

h6,
.h6 {
  font-weight: 500; text-decoration: none; font-family: 'Barlow Condensed', serif; font-style: normal;
  color: #0F549D;
  font-size: 20px;
  text-transform: capitalize;
}


@media(max-width:1200px){
  h1,
  .h1 {
    font-size: 52.2px;
  }

  h2,
  h3.form-title,
  .h2 {
    font-size: 45.0px;
  }

  h3,
  .h3 {
    font-size: 33.300000000000004px;
  }

  h4,
  .h4 {
    font-size: 27.900000000000002px;
  }

  .h5,
  h5{
    font-size: 20.7px;
  }
}


@media(max-width:767px){
  h1,
  .h1 {
    font-size: 40.599999999999994px;
  }

  h2,
  h3.form-title,
  .h2 {
    font-size: 35.0px;
  }
}

@media(max-width:991px){
  body {
    font-size: 15.0px;
  }
}
@media(max-width:767px){
  body {
    font-size: 14.0px;
  }
}

/* Blockquote */

blockquote {
  border-left-color: #0F549D;
}




.header-wrapper .menu .hs-menu-wrapper>ul>li:last-child>a svg *,
button svg *,
input[type="submit"] svg *,
.hs-button svg *{
  fill:currentColor;
}


button,
input[type="submit"],
.hs-button{
  background-color: rgba(147, 213, 234, 1.0);
  border-color: rgba(255, 255, 255, 0.0);
  border-radius: 3px;
  border-width: 0px;
  color: rgba(15, 84, 157, 1.0);
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 18px;
  padding-bottom: 18px;
}

::file-selector-button,
::-webkit-file-upload-button{
  background-color: rgba(147, 213, 234, 1.0);
  border-color: rgba(255, 255, 255, 0.0);
  border-radius: 3px;
  border-width: 0px;
  color: rgba(15, 84, 157, 1.0);
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 18px;
  padding-bottom: 18px;
}

.hs-button.outline{
  background-color: rgba(255, 255, 255, 0.0);
  border-color: rgba(147, 213, 234, 1.0);
  border-radius: 3px;
  border-width: 2px;
  color: rgba(15, 84, 157, 1.0);
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 18px;
  padding-bottom: 18px;
}

.hs-button.secondary{
  background-color: rgba(255, 255, 255, 1.0);
  border-color: rgba(255, 255, 255, 0.0);
  border-radius: 3px;
  border-width: 0px;
  color: rgba(15, 84, 157, 1.0);
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 18px;
  padding-bottom: 18px;
}
.hs-button.secondary-outline{
  background-color: rgba(255, 255, 255, 0.0);
  border-color: rgba(147, 213, 234, 1.0);
  border-radius: 3px;
  border-width: 2px;
  color: rgba(255, 255, 255, 1.0);
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 18px;
  padding-bottom: 18px;
}

@media(max-width:767px){
  button,
  input[type="submit"],
  .hs-button{
    padding: 15px 20px;
  }
  ::file-selector-button,
  ::-webkit-file-upload-button{
    padding: 15px 20px;
  }
}
button:hover,
input[type="submit"]:hover,
.hs-button:hover,
button:focus,
input[type="submit"]:focus,
.hs-button:focus{
  color: rgba(15, 84, 157, 1.0);
  border-color: rgba(255, 255, 255, 0.0);
  background-color: rgba(49, 185, 227, 1.0);
}

::file-selector-button:hover,
::file-selector-button:focus,
::-webkit-file-upload-button:hover,
::-webkit-file-upload-button:focus{
  color: rgba(15, 84, 157, 1.0);
  border-color: rgba(255, 255, 255, 0.0);
  background-color: rgba(49, 185, 227, 1.0);
}


.hs-button.outline:hover,
.hs-button.outline:focus{
  color: rgba(15, 84, 157, 1.0);
  border-color: rgba(147, 213, 234, 1.0);
  background-color: rgba(147, 213, 234, 0.3);
}

.footer-wrapper .btn a:hover{
  background-color: rgb(147, 213, 234);
}

.hs-button.secondary:hover,
.hs-button.secondary:focus{
  color: rgba(15, 84, 157, 1.0);
  border-color: rgba(255, 255, 255, 0.0);
  background-color: rgba(238, 238, 238, 1.0);
}

.hs-button.secondary-outline:hover,
.hs-button.secondary-outline:focus{
  color: rgba(255, 255, 255, 1.0);
  border-color: rgba(147, 213, 234, 1.0);
  background-color: rgba(147, 213, 234, 0.3);
}





form,
.submitted-message {
  font-family: {font=Inter, font_set=GOOGLE, styles={font-family=Inter, sans-serif, font-style=normal, font-weight=300, text-decoration=none}, size=16, size_unit=px, color=#000000, variant=300, fallback=sans-serif, style=font-family: Inter, sans-serif; font-style: normal; font-weight: 300; text-decoration: none, css=color: #000000;font-size: 16px;font-family: Inter, sans-serif; font-weight: 300;};
}

h3.form-title {
  background-color: rgba(255, 255, 255, 0.0);
  color: rgba(0, 0, 0, 1.0);
  
}

form label {
  color: rgba(0, 0, 0, 1.0);
}

form legend {
  color: rgba(0, 0, 0, 1.0);
}

.hs-input,
input[type=text],
input[type=search],
input[type=email],
input[type=password],
input[type=tel],
input[type=number],
input[type=file],
select,
textarea {
  background-color: rgba(238, 238, 238, 1.0);
  color: rgba(45, 45, 45, 1.0);
  border-color: rgba(238, 238, 238, 1.0);
  border-radius: 4px;
  border-width:0px;
}

.hs-input:focus,
form input[type=text]:focus,
form input[type=email]:focus,
form input[type=password]:focus,
form input[type=tel]:focus,
form input[type=number]:focus,
form input[type=file]:focus,
form select:focus,
form textarea :focus{
  border-color: rgba(238, 238, 238, 1.0);
}

/* Date picker */

.fn-date-picker td.is-selected .pika-button {
  background: #000000;
}

.fn-date-picker td .pika-button:hover {
  background-color: #000000 !important;
}

.fn-date-picker td.is-today .pika-button {
  color: #000000;
}






th,
td,
thead th,
thead td{
  background-color: rgba(255, 255, 255, 1.0);
  border: 1px solid rgba(0, 0, 0, 1.0);
  color: rgba(0, 0, 0, 1.0);
}
thead th {
  background-color: rgba(15, 84, 157, 1.0);
  color: rgba(255, 255, 255, 1.0);
}
tfoot td {
  background-color: rgba(255, 255, 255, 1.0);
  color: rgba(0, 0, 0, 1.0);
}
table,
tbody + tbody {
  border-color: rgba(0, 0, 0, 1.0);
}





.header-wrapper{
  background-color:rgba(255, 255, 255, 0.0);
}
.header-wrapper .menu{
  font-family:Barlow Condensed;
}
.no-banner .header-wrapper,
.header-wrapper.fixed{
  background-color:rgba(8, 42, 79, 1.0);
}
.mobile-open .header-wrapper{
  background-color:rgba(8, 42, 79, 1.0);
}

.header-inner .menu .hs-menu-wrapper>ul>li>a{
  color: rgba(255, 255, 255, 1.0);
}
.header-inner .menu .hs-menu-wrapper>ul>li>a:hover{
  color: rgba(147, 213, 234, 1.0);
  background-color: rgba(255, 255, 255, 0.0);
}
.header-inner .menu ul ul{
  background-color: rgba(255, 255, 255, 1.0);
}
.header-inner .menu .hs-menu-wrapper ul ul li a {
  color: rgba(0, 0, 0, 1.0);
}
.header-inner .menu .hs-menu-wrapper ul ul li a:hover {
  background-color: rgba(255, 255, 255, 0.0) !important;
  color: rgba(0, 94, 184, 1.0) !important;
}




.footer-wrapper .top {
  background-color:rgba(255, 255, 255, 1.0);
  color:rgba(0, 0, 0, 1.0);
}
.footer-wrapper .info a,
.footer-wrapper .menu a{
  color:rgba(0, 0, 0, 1.0);
}
.footer-wrapper .info a:hover,
.footer-wrapper .menu a:hover{
  color:rgba(0, 0, 0, 1.0);
}
.footer-wrapper .bottom {
  background-color:rgba(8, 42, 79, 1.0);
  color:rgba(255, 255, 255, 1.0);
}
.footer-wrapper .social a{
  color:rgba(147, 213, 234, 1.0);
}
.footer-wrapper .social a:hover{
  color:rgba(147, 213, 234, 0.7000000000000001);
}
.footer-wrapper .btn a{
  font-family:Barlow Condensed;
}






ul.hs-breadcrumb-menu>li:first-child a svg path {
  fill:currentColor;
}
ul.slick-dots button {
  background-color: #0F549D;
}
.slick-arrow svg path{
  fill: #0F549D;
}
a.pagination-btn:hover,
a.pagination-btn.active{
  background-color: #0F549D;
}
a.pagination-btn svg path{
  fill: #0F549D;
}
.pagination a:hover,
.pagination a.active{
  background-color: #0F549D;
}
.pagination a svg path{
  fill: #0F549D;
}
.back-link a{
  color: #0F549D;
}
.testimonial-slider .icon svg path {
  fill: #0F549D;
}
.softwares .btns a{
  color: #0F549D;
}
.softwares .btns a:hover {
  background: #0F549D;
  border-color:#0F549D;
  color: #fff;
}
.related-projects .link a{
  color: #0F549D;
}
.product-categories .link a{
  color: #0F549D;
}
.accordion .h5.title.open {
  background: #0F549D;
}

.measuring-guides .h5.title.open,
.install-maintenance .h5.title.open,
.support-accordion .h5.title.open{
  background: #0F549D;
}
.warranty-section .right ul li a{
  color: #93D5EA;
}
.measuring-guides .h5,
.install-maintenance .h5,
.support-accordion .h5.title,
.accordion .item .h5.title{
  color: #0F549D;

}