@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700&display=swap);.valign {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

/*#header nav>ul li.meganav>ul>li>a div:nth-of-type(1){display:none}*/
.halign {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.vhalign {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.noshadow {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

body,html {
    overflow-x: hidden;
    font-family: roboto,sans-serif;
    color: #4b5259;
    font-size: 16px;
    line-height: 24px
}

body {
    padding-top: 148px
}

.menu-header .h2 {
    font-size: 34px;
    line-height: 40px;
    text-transform: none;
    font-weight: 700;
    margin-bottom: 9px;
    color: #003568;
    font-family: roboto,sans-serif
}

#footer .h4 {
    font-weight: 700;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 4px;
    text-transform: uppercase;
    color: #4b5259;
    font-family: roboto,sans-serif
}

#footer .h5 {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    text-transform: none;
    letter-spacing: 0;
    color: #4b5259;
    font-family: roboto,sans-serif
}

.subtitle {
    display: block;
    font-weight: 700;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 4px;
    text-transform: uppercase;
    color: #4b5259;
    font-family: roboto,sans-serif
}

.heading:last-child {
    margin-bottom: 0
}

.black-bg .heading.black,.heading.black,.image-bg .heading.black {
    color: #4b5259!important
}

.black-bg .heading.blue,.heading.blue,.image-bg .heading.blue {
    color: #1665c2!important
}

.black-bg .heading.darkblue,.heading.darkblue,.image-bg .heading.darkblue {
    color: #003568!important
}

.black-bg .heading.white,.heading.white,.image-bg .heading.white {
    color: #fff!important
}

.heading a,.richtext h1 a,.richtext h2 a,.richtext h3 a,.richtext h4 a,.richtext h5 a {
    color: #4b5259
}

.richtext.large ol li,.richtext.large p,.richtext.large ul li {
    font-size: 18px;
    line-height: 26px
}

p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 15px;
    font-weight: 400;
    color: #4b5259
}

p:last-of-type {
    margin-bottom: 0
}

p a {
    color: #1665c2;
    text-decoration: none
}

p a:active,p a:hover {
    color: #003568;
    text-decoration: none
}

p a:focus {
    color: #003568
}

::selection {
    background: #1665c2;
    color: #fff
}

::-moz-selection {
    background: #1665c2;
    color: #fff
}

.richtext a {
    color: #1665c2;
    text-decoration: none
}

.richtext a:active,.richtext a:hover {
    color: #003568;
    text-decoration: none
}

.richtext a:focus {
    outline: 0;
    color: #003568;
    text-decoration: none
}

.richtext a.button {
    color: #fff
}

.block .column>ul,.richtext ul {
    position: relative;
    box-sizing: border-box;
    padding-left: 20px;
    margin-left: 0;
    margin-bottom: 0
}

.block .column>ul li,.richtext ul li {
    position: relative;
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .01em;
    list-style-type: none;
    color: #4b5259
}

.block .column>ul li a,.richtext ul li a {
    color: #4b5259
}

.block .column>ul li a:active,.block .column>ul li a:hover,.richtext ul li a:active,.richtext ul li a:hover {
    color: #1665c2
}

.block .column>ul li ul,.richtext ul li ul {
    margin-left: 0;
    margin-top: 10px;
    box-sizing: border-box;
    padding-left: 15px;
    margin-bottom: 10px
}

.block .column>ul li:last-child,.richtext ul li:last-child {
    margin-bottom: 0
}

.block .column>ul li:before,.richtext ul li:before {
    content: "";
    color: #a1a4b1;
    display: block;
    position: absolute;
    width: 8px;
    height: 8px;
    top: 7px;
    left: -19px;
    border-radius: 100%;
    background-color: #a1a4b1
}

.block .column>ul:last-child,.richtext ul:last-child {
    margin-bottom: -6px
}

.center ul li,.text-center ul li {
    text-align: left
}

.text-left-middle.column-has-bg {
    align-items: inherit
}

.text-left-middle.column-has-bg>.column {
    justify-content: center;
    display: flex
}

.text-left-middle.column-has-bg>.column>* {
    margin-left: 0
}

.button {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    background-color: #1665c2;
    text-transform: none;
    box-sizing: border-box;
    padding: 8px 25px;
    letter-spacing: .04em;
    text-decoration: none!important;
    outline: 0!important;
    position: relative;
    font-family: roboto,sans-serif;
    border-radius: 0;
    border: 2px solid #1665c2;
    margin-right: 20px;
    -webkit-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.button:last-child {
    margin-right: auto
}

.button i {
    margin-right: 15px
}

.button:active,.button:hover {
    background-color: #ed4f2f;
    border-color: #ed4f2f;
    color: #fff;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.1);
    -moz-box-shadow: 0 6px 12px rgba(0,0,0,.1);
    box-shadow: 0 6px 12px rgba(0,0,0,.1)
}

.button:focus {
    background-color: #ed4f2f;
    border-color: #ed4f2f;
    color: #fff
}

.button.orange {
    background-color: #ed4f2f;
    color: #fff;
    border-color: #ed4f2f
}

.button.orange:active .button.orange:focus,.button.orange:hover {
    color: #fff;
    background-color: #1665c2;
    border-color: #1665c2
}

.button.white {
    background-color: #fff;
    color: #1665c2;
    border-color: #fff
}

.button.white:active,.button.white:focus,.button.white:hover {
    color: #003568;
    background-color: #f1f5f9;
    border-color: #f1f5f9
}

.button.hollow {
    background-color: transparent;
    color: #1665c2;
    border: 2px solid #1665c2
}

.button.hollow:active,.button.hollow:focus,.button.hollow:hover {
    color: #003568;
    background-color: transparent;
    border-color: #003568
}

.button-group {
    margin-bottom: -15px
}

.button-group .button {
    margin-bottom: 15px
}

.forms .bootstrap-select>button,.forms input[type=email],.forms input[type=number],.forms input[type=password],.forms input[type=tel],.forms input[type=text],.forms select,.forms textarea {
    color: #4b5259;
    letter-spacing: .02em;
    font-size: 16px;
    text-transform: none;
    background-color: #f1f5f9;
    height: 40px;
    line-height: 40px;
    border: 1px solid #e0e5ea;
    border-radius: 0;
    width: 100%;
    box-sizing: border-box;
    padding: 0 15px
}

.forms .bootstrap-select>button:focus,.forms input[type=email]:focus,.forms input[type=number]:focus,.forms input[type=password]:focus,.forms input[type=tel]:focus,.forms input[type=text]:focus,.forms select:focus,.forms textarea:focus {
    border-color: #1665c2!important;
    background-color: #f1f5f9
}

.forms .fieldset {
    justify-content: space-between;
    margin: 0 -16px
}

.forms textarea {
    height: 76px!important;
    box-sizing: border-box;
    padding-top: 15px;
    padding-left: 15px!important
}

.forms label {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .02em;
    color: #4b5259;
    font-family: roboto,sans-serif
}

.forms label .required {
    color: #4b5259
}

.forms label:last-child {
    margin-bottom: -15px
}

.forms .input-group {
    margin-bottom: 30px
}

.forms .fieldset>p {
    box-sizing: border-box;
    padding: 0 15px
}

.forms .fieldset>p:last-child {
    margin-bottom: 30px
}

.forms .checkboxes,.forms .radios {
    font-size: 16px;
    margin-top: 3px;
    padding-left: 0
}

.forms .checkboxes.w25,.forms .radios.w25 {
    width: 100%;
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4
}

.forms .checkboxes.w33,.forms .radios.w33 {
    width: 100%;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3
}

.forms .checkboxes.w50,.forms .radios.w50 {
    width: 100%;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2
}

.forms .checkboxes .checkbox,.forms .checkboxes .radio,.forms .radios .checkbox,.forms .radios .radio {
    margin-top: 0
}

.forms .checkboxes input[type=checkbox],.forms .checkboxes input[type=radio],.forms .radios input[type=checkbox],.forms .radios input[type=radio] {
    margin-left: 0;
    position: static
}

.forms .recaptcha-toggle {
    opacity: 0;
    margin-bottom: 4px
}

.forms .recaptcha-toggle.active {
    opacity: 1
}

.forms .bootstrap-select {
    width: 100%;
    height: 40px;
    background-color: #f1f5f9
}

.bootstrap-select button {
    height: 40px;
    background-color: #f1f5f9;
    border: 1px solid #e0e5ea!important;
    border-radius: 0!important;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0!important
}

.bootstrap-select button span {
    color: #4b5259;
    font-size: 16px;
    line-height: 40px
}

.bootstrap-select button.bs-placeholder span {
    color: #a1a4b1
}

.bootstrap-select .dropdown-toggle .caret {
    border: 0;
    top: 10px;
    right: 30px
}

.bootstrap-select button .caret:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f107"!important;
    color: #003568;
    font-weight: 700;
    font-size: 16px
}

.bootstrap-select.open button .caret:before {
    content: "\f106"!important;
    color: #003568;
    font-weight: 700;
    font-size: 16px
}

.bootstrap-select .dropdown-menu {
    max-height: 200px!important;
    margin-top: 0!important;
    max-width: 100%;
    overflow-x: hidden;
    background-color: #fff!important;
    border: 0!important;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
    box-shadow: 0 1px 2px rgba(0,0,0,.1)
}

.bootstrap-select .dropdown-menu::-webkit-scrollbar-track {
    border-radius: 0;
    background-color: #a1a4b1
}

.bootstrap-select .dropdown-menu::-webkit-scrollbar {
    width: 4px;
    background-color: #4b5259;
    height: 20px;
    border-radius: 0
}

.bootstrap-select .dropdown-menu::-webkit-scrollbar-thumb {
    border-radius: 0;
    background-color: #4b5259
}

.bootstrap-select .dropdown-menu a:hover {
    background-color: #f1f5f9!important
}

.bootstrap-select.btn-group .dropdown-menu li:hover {
    background-color: #f1f5f9
}

.forms .errorMessage,.forms .input-group .error {
    position: absolute;
    color: #ed4f2f;
    bottom: -21px;
    font-weight: 400;
    font-size: 12px;
    box-sizing: border-box;
    padding-left: 0;
    background-color: transparent
}

select[style*="1px solid red"] {
    border-color: #ed4f2f!important
}

select[style*="1px solid red"]+.errorMessage:after {
    content: "Option"
}

.forms p.error {
    color: #ed4f2f;
    font-weight: 700;
    font-size: 14px
}

.forms #file-uploader-image {
    height: 40px;
    line-height: 40px;
    border: 1px solid #e0e5ea;
    background-color: #f1f5f9
}

.forms .qq-clear-button,.forms .qq-upload-button {
    height: 40px;
    font-weight: 700;
    line-height: 40px
}

.forms .qq-clear-button:before,.forms .qq-upload-button:before {
    color: #4b5259;
    height: 40px;
    line-height: 40px
}

.forms .qq-clear-button:active:before,.forms .qq-clear-button:hover:before,.forms .qq-upload-button:active:before,.forms .qq-upload-button:hover:before {
    color: #1665c2
}

.forms .qq-upload-button {
    box-sizing: border-box;
    padding-right: 15px
}

.forms .file-uploader-items .file-wrap {
    margin-top: 0;
    margin-right: 15px;
    height: 20px;
    line-height: 20px
}

.forms .submit {
    margin: 20px auto -15px auto
}

.forms .submit i {
    margin-right: 10px
}

.forms .g-recaptcha {
    margin-top: 28px
}

.forms .w100 .g-recaptcha {
    margin-top: 0
}

.forms .w100 .g-recaptcha>div {
    margin: 0 auto
}

.forms+p {
    margin-top: 30px
}

.forms input::placeholder {
    color: #a1a4b1;
    font-size: 16px;
    text-transform: none;
    font-weight: 400;
    font-family: roboto,sans-serif
}

.forms input:-ms-input-placeholder {
    color: #a1a4b1;
    font-size: 16px;
    text-transform: none;
    font-weight: 400;
    font-family: roboto,sans-serif
}

.forms input::-ms-input-placeholder {
    color: #a1a4b1;
    font-size: 16px;
    text-transform: none;
    font-weight: 400;
    font-family: roboto,sans-serif
}

.forms textarea::placeholder {
    color: #a1a4b1;
    font-size: 16px;
    text-transform: none;
    font-weight: 400;
    font-family: roboto,sans-serif
}

.forms textarea:-ms-input-placeholder {
    color: #a1a4b1;
    font-size: 16px;
    text-transform: none;
    font-weight: 400;
    font-family: roboto,sans-serif
}

.forms textarea::-ms-input-placeholder {
    color: #a1a4b1;
    font-size: 16px;
    text-transform: none;
    font-weight: 400;
    font-family: roboto,sans-serif
}

.image-single a {
    text-decoration: none;
    color: #4b5259
}

.image-single p.img-caption-out {
    font-size: 16px;
    line-height: 24px;
    text-align: center
}

.image-single.fill {
    overflow: visible
}

.image-single.fill img {
    min-width: 100%;
    min-height: 100%;
    max-width: none
}

.image-single img {
    max-width: 100%
}

.block {
    overflow: hidden
}

.nested .block {
    box-sizing: border-box;
    padding-bottom: 0;
    border-radius: 0;
    position: relative;
    overflow: hidden
}

.nested .block:first-child {
    box-sizing: border-box;
    padding-top: 0
}

.nested .block:first-child .column {
    padding-top: 0
}

.nested .block:last-child {
    padding-bottom: 0
}

.nested .block:last-child .column {
    padding-bottom: 0
}

.nested .block+.block {
    margin-top: 60px
}

.nested .block.has-bg {
    -webkit-box-shadow: 0 10px 24px rgba(0,0,0,.1);
    -moz-box-shadow: 0 10px 24px rgba(0,0,0,.1);
    box-shadow: 0 10px 24px rgba(0,0,0,.1);
    padding-bottom: 40px;
    padding-top: 40px
}

.nested .block.has-bg>.column:first-child {
    box-sizing: border-box;
    padding-left: 40px
}

.nested .block.has-bg>.column:last-child {
    box-sizing: border-box;
    padding-right: 40px
}

.nested .block.column-has-bg .column {
    padding-top: 40px;
    padding-bottom: 40px
}

.block.narrow>.column>.heading,.block.narrow>.column>.richtext {
    max-width: 830px
}

.block.narrow.text-center-top>.column>.heading,.block.narrow.text-center-top>.column>.richtext {
    margin-left: auto;
    margin-right: auto
}

.column.column-has-bg-left+.column {
    box-sizing: border-box;
    padding-left: 30px
}

.block.column-has-bg .column {
    box-sizing: border-box;
    padding-left: 30px;
    padding-right: 30px
}

.white-bg {
    background-color: #fff
}

.white-bg+.white-bg {
    padding-top: 0
}

.gray-bg {
    background-color: #f1f5f9
}

.gray-bg+.gray-bg {
    padding-top: 0!important
}

.blue-bg {
    background-color: #1665c2
}

.blue-bg+.blue-bg {
    padding-top: 0!important
}

.darkblue-bg {
    background-color: #003568
}

.darkblue-bg+.darkblue-bg {
    padding-top: 0!important
}

.black-bg {
    background-color: #4b5259
}

.black-bg+.black-bg {
    padding-top: 0!important
}

.image-bg:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #000;
    opacity: .5
}

.image-bg>* {
    z-index: 2
}

.black-bg .button.hollow,.black-bg .fancy a,.black-bg .fancy li,.black-bg .heading,.black-bg .link,.black-bg .richtext,.black-bg .subtitle,.black-bg h1,.black-bg h2,.black-bg h3,.black-bg h4,.black-bg h5,.black-bg ol li,.black-bg p,.black-bg p a,.black-bg ul li,.black-bg ul li a,.black-bg ul li:before,.blue-bg .button.hollow,.blue-bg .fancy a,.blue-bg .fancy li,.blue-bg .heading,.blue-bg .link,.blue-bg .richtext,.blue-bg .subtitle,.blue-bg h1,.blue-bg h2,.blue-bg h3,.blue-bg h4,.blue-bg h5,.blue-bg ol li,.blue-bg p,.blue-bg p a,.blue-bg ul li,.blue-bg ul li a,.blue-bg ul li:before,.darkblue-bg .button.hollow,.darkblue-bg .fancy a,.darkblue-bg .fancy li,.darkblue-bg .heading,.darkblue-bg .link,.darkblue-bg .richtext,.darkblue-bg .subtitle,.darkblue-bg h1,.darkblue-bg h2,.darkblue-bg h3,.darkblue-bg h4,.darkblue-bg h5,.darkblue-bg ol li,.darkblue-bg p,.darkblue-bg p a,.darkblue-bg ul li,.darkblue-bg ul li a,.darkblue-bg ul li:before,.image-bg .button.hollow,.image-bg .fancy a,.image-bg .fancy li,.image-bg .heading,.image-bg .link,.image-bg .richtext,.image-bg .subtitle,.image-bg h1,.image-bg h2,.image-bg h3,.image-bg h4,.image-bg h5,.image-bg ol li,.image-bg p,.image-bg p a,.image-bg ul li,.image-bg ul li a,.image-bg ul li:before {
    color: #fff!important
}

.black-bg .block .column>ul li:before,.black-bg .richtext ul li:before,.blue-bg .block .column>ul li:before,.blue-bg .richtext ul li:before,.darkblue-bg .block .column>ul li:before,.darkblue-bg .richtext ul li:before,.image-bg .block .column>ul li:before,.image-bg .richtext ul li:before {
    background-color: #fff
}

.black-bg .panel-group.mini,.black-bg .panel-group.mini a,.black-bg .panel-group.mini a:before,.blue-bg .panel-group.mini,.blue-bg .panel-group.mini a,.blue-bg .panel-group.mini a:before,.darkblue-bg .panel-group.mini,.darkblue-bg .panel-group.mini a,.darkblue-bg .panel-group.mini a:before,.image-bg .panel-group.mini,.image-bg .panel-group.mini a,.image-bg .panel-group.mini a:before {
    color: #fff!important
}

.black-bg .jumplinks .h5,.black-bg .jumplinks a,.blue-bg .jumplinks .h5,.blue-bg .jumplinks a,.darkblue-bg .jumplinks .h5,.darkblue-bg .jumplinks a,.image-bg .jumplinks .h5,.image-bg .jumplinks a {
    color: #fff
}

#header {
    height: 148px;
    z-index: 99;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.06);
    -moz-box-shadow: 0 6px 12px rgba(0,0,0,.06);
    box-shadow: 0 6px 12px rgba(0,0,0,.06);
    background-color: #fff
}

#header .constrain {
    align-items: center;
    justify-content: flex-start;
    display: flex;
    position: relative;
    width: 100%
}

#header .header-row {
    position: relative;
    width: 100%
}

#header .header-row:first-child {
    display: flex;
    height: 40px
}

#header .header-row:first-child .constrain {
    box-sizing: border-box;
    padding-left: 270px;
    position: relative
}

#header .header-row:first-child .constrain:after {
    content: "";
    height: 1px;
    width: 1000%;
    display: block;
    position: absolute;
    bottom: 0;
    left: 250px;
    background-color: #e0e5ea
}

#header .header-row:nth-child(2) {
    height: 50px;
    border-bottom: 1px solid #e0e5ea
}

#header .header-row:nth-child(2) .constrain {
    box-sizing: border-box;
    padding-left: 258px;
    position: relative
}

#header .header-mobile {
    display: none
}

#header .logo {
    height: 90px;
    width: 250px;
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    border-right: 1px solid #e0e5ea
}

#header .logo img {
    max-height: 60px;
    display: block;
    margin: 15px auto 0 0;
    max-width: 100%
}

#header .language-toggle {
    max-height: 38px;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    margin: 0 auto auto 0;
    box-sizing: border-box;
    padding: 0;
    -webkit-transition: none .3s ease-in-out;
    -ms-transition: none .3s ease-in-out;
    transition: none .3s ease-in-out;
    z-index: 2;
    max-width: 200px
}

#header .language-toggle li {
    margin: 0;
    box-sizing: border-box;
    padding: 0;
    list-style-type: none;
    width: 200px;
    border-bottom: 1px solid #e0e5ea;
    -webkit-order: 2;
    -moz-order: 2;
    order: 2
}

#header .language-toggle li:last-child {
    border-bottom: 0
}

#header .language-toggle li.active {
    -webkit-order: 1;
    -moz-order: 1;
    order: 1;
    line-height: 45px;
    background-color: #fff
}

#header .language-toggle li.active a:after {
    display: inline-block
}

#header .language-toggle img {
    width: 24px;
    display: inline-block;
    margin-right: 10px;
    position: relative;
    top: -1px;
    vertical-align: middle
}

#header .language-toggle a {
    color: #4b5259;
    font-size: 14px;
    line-height: 38px;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    padding: 0 3px
}

#header .language-toggle a:after {
    font-family: "Font Awesome 5 Pro",sans-serif;
    content: "\f107";
    color: #4b5259;
    display: none;
    box-sizing: border-box;
    padding-left: 10px
}

#header .language-toggle a:hover {
    color: #1665c2
}

#header .language-toggle:hover {
    max-height: 470px;
    background-color: #f1f5f9;
    -webkit-transition: max-height .3s ease-in-out;
    -ms-transition: max-height .3s ease-in-out;
    transition: max-height .3s ease-in-out
}

#header .language-toggle:hover li.active a:after {
    content: "\f106"
}

#header .link {
    font-size: 14px;
    line-height: 40px;
    font-family: roboto,sans-serif;
    letter-spacing: .02em;
    color: #4b5259;
    margin-right: 25px;
    display: inline-block
}

#header .link i {
    color: #1665c2;
    margin-right: 6px;
    position: relative;
    top: 1px
}

#header .link:active,#header .link:hover {
    color: #1665c2
}

#header .link:active i,#header .link:hover i {
    color: #003568
}

#header .link.blue {
    background-color: #1665c2;
    color: #fff;
    box-sizing: border-box;
    padding: 0 20px;
    margin: 0
}

#header .link.blue i {
    color: #fff
}

#header .link.blue:active,#header .link.blue:hover {
    background-color: #003568;
    color: #fff
}

#header .link.orange {
    background-color: #ed4f2f;
    color: #fff;
    box-sizing: border-box;
    padding: 0 20px;
    margin: 0
}

#header .link.orange i {
    color: #fff
}

#header .link.orange:active,#header .link.orange:hover {
    background-color: #003568;
    color: #fff
}

#header .search-container {
    width: 78%
}

#header .search-form {
    border: 0;
    max-width: 100%
}

#header .search-form input {
    color: #4b5259;
    border: 0;
    box-sizing: border-box;
    padding-left: 0;
    padding-right: 30px;
    font-size: 14px;
    width: 100%
}

#header .search-form button {
    left: auto;
    right: 0
}

#header .search-form button:hover:after {
    color: #1665c2
}

#header .search-form button:after {
    color: #003568;
    font-weight: 700
}

#header .tel {
    font-weight: 700;
    font-size: 19px;
    line-height: 50px;
    font-family: roboto,sans-serif;
    color: #003568;
    margin-left: 10px;
    box-sizing: border-box;
    padding-left: 20px;
    width: 22%;
    margin-right: 0;
    text-align: right;
    border-left: 1px solid #e0e5ea;
    white-space: nowrap
}

#header .tel i {
    font-weight: 700;
    color: #ed4f2f;
    margin-right: 7px;
    font-size: 16px
}

#header nav {
    float: none;
    text-align: center;
    width: auto;
    margin-left: 0;
    box-sizing: border-box;
    padding-left: 0;
    width: 100%
}

#header nav>ul {
    margin: 0 auto;
    box-sizing: border-box;
    padding: 0;
    display: flex;
    width: 100%;
    justify-content: space-between
}

#header nav>ul>li {
    display: inline-block;
    margin: 0;
    box-sizing: border-box;
    padding: 0;
    position: relative;
    list-style-type: none
}

#header nav>ul>li:first-child {
    margin-left: 0
}

#header nav>ul>li:last-child {
    box-sizing: border-box;
    padding-right: 0;
    margin-right: 0
}

#header nav>ul>li:last-child:after {
    display: none
}

#header nav>ul>li>a {
    font-weight: 900;
    font-size: 16px;
    line-height: 24px;
    color: #003568;
    text-transform: uppercase;
    display: block;
    font-family: roboto,sans-serif;
    text-decoration: none;
    text-align: left;
    box-sizing: border-box;
    padding: 18px 0 16px 0;
    letter-spacing: .04em
}

#header nav>ul>li>i {
    display: none;
    color: #1665c2;
    font-size: 18px;
    top: 20px;
    right: -17px;
    position: absolute
}

#header nav>ul>li:hover>a,#header nav>ul>li:hover>i {
    color: #1665c2
}

#header nav>ul>li:hover>ul {
    opacity: 1;
    max-height: 1000px;
    pointer-events: all;
    overflow: visible;
    -webkit-transition: opacity .5s ease-in-out;
    -ms-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out
}

#header nav>ul>li>ul {
    background-color: #fff;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.1);
    -moz-box-shadow: 0 6px 12px rgba(0,0,0,.1);
    box-shadow: 0 6px 12px rgba(0,0,0,.1);
    margin: 0;
    box-sizing: border-box;
    padding: 0;
    max-height: 0;
    position: absolute;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
    text-align: left;
    width: 230px;
    border-radius: 0;
    top: 58px;
    z-index: 2;
    box-sizing: border-box;
    padding-top: 5px;
    padding-bottom: 5px
}

#header nav>ul>li>ul li {
    list-style-type: none;
    margin: 0;
    box-sizing: border-box;
    padding: 0;
    position: relative;
    -webkit-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    display: flex;
    align-items: center
}

#header nav>ul>li>ul li.parent>a:before {
    font-family: "Font Awesome 5 Pro",sans-serif;
    content: "\f061";
    font-weight: 700;
    color: #4b5259;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 15px;
    display: block;
    -webkit-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

#header nav>ul>li>ul li a {
    font-size: 14px;
    line-height: 20px;
    display: block;
    box-sizing: border-box;
    padding: 7px 35px 7px 10px;
    font-weight: 400;
    position: relative;
    font-family: roboto,sans-serif;
    text-transform: none;
    color: #4b5259;
    width: 100%;
    -webkit-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

#header nav>ul>li>ul li i {
    display: none
}

#header nav>ul>li>ul li:hover>a {
    background-color: #1665c2;
    color: #fff
}

#header nav>ul>li>ul li:hover>a:before {
    color: #fff
}

#header nav>ul>li>ul li:hover>i:before {
    content: "\f061"
}

#header nav>ul>li>ul>li.hover>ul,#header nav>ul>li>ul>li:hover>ul {
    left: 230px;
    opacity: 1;
    pointer-events: all
}

#header nav>ul>li>ul ul {
    box-sizing: border-box;
    padding: 0;
    position: absolute;
    left: 0;
    pointer-events: none;
    background-color: #fff;
    opacity: 0;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.1);
    -moz-box-shadow: 0 4px 8px rgba(0,0,0,.1);
    box-shadow: 0 4px 8px rgba(0,0,0,.1);
    width: 230px;
    min-height: 100%;
    top: -5px;
    z-index: 1;
    padding-top: 5px;
    padding-bottom: 5px
}

#header nav>ul>li>ul ul li {
    margin-left: 0
}

#header nav>ul>li>ul ul li a {
    font-size: 14px;
    line-height: 20px;
    display: block;
    box-sizing: border-box;
    padding: 7px 35px 7px 10px;
    font-weight: 400;
    font-family: roboto,sans-serif;
    text-transform: none;
    color: #4b5259
}

#header nav>ul li.meganav {
    position: static
}

#header nav>ul li.meganav ul {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    z-index: 2
}

#header nav>ul li.meganav li.hover>ul {
    display: block;
    pointer-events: all;
    opacity: 1;
    background-color: #fff
}

#header nav>ul li.meganav>ul {
    width: 400px;
    position: absolute;
    left: 0
}

#header nav>ul li.meganav>ul:before {
    content: "";
    display: block;
    background-color: #fff;
    width: 1000%;
    height: 100%;
    position: absolute;
    left: -500%;
    top: 0
}

#header nav>ul li.meganav>ul:after {
    content: "";
    display: block;
    background-color: #e0e5ea;
    width: 1px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0
}

#header nav>ul li.meganav>ul li {
    position: relative
}

#header nav>ul li.meganav>ul>li>a {
    box-sizing: border-box;
    padding: 5px 35px 5px 10px
}

#header nav>ul li.meganav>ul>li ul {
    left: 400px;
    position: absolute;
    width: 400px;
    background-color: #fff
}

#header nav>ul li.meganav a {
    display: flex;
    align-items: center
}

#header nav>ul li.meganav .image {
    width: 30px;
    height: 30px;
    position: relative;
    overflow: hidden;
    margin-right: 15px
}

#header nav>ul li.meganav .image img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 100%;
    height: 100%;
    object-fit: cover
}

#header .mobile-utility {
    display: none
}

.search-container input::placeholder {
    font-weight: 400;
    font-size: 14px;
    color: #a1a4b1;
    box-sizing: border-box;
    padding: 0;
    text-transform: none;
    letter-spacing: .01em;
    font-family: roboto,sans-serif
}

.search-container input:-ms-input-placeholder {
    font-weight: 400;
    font-size: 14px;
    color: #a1a4b1;
    box-sizing: border-box;
    padding: 0;
    text-transform: none;
    letter-spacing: .01em;
    font-family: roboto,sans-serif
}

.search-container input::-ms-input-placeholder {
    font-weight: 400;
    font-size: 14px;
    color: #a1a4b1;
    box-sizing: border-box;
    padding: 0;
    text-transform: none;
    letter-spacing: .01em;
    font-family: roboto,sans-serif
}

#mobile-menu {
    position: fixed;
    top: 94px;
    right: -2000px;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 98;
    -webkit-transition: right .5s ease-in-out;
    -ms-transition: right .5s ease-in-out;
    transition: right .5s ease-in-out;
    display: block;
    overflow-y: scroll;
    overflow-x: hidden;
    pointer-events: none;
    opacity: 0
}

#mobile-menu.active {
    right: 0;
    opacity: 1;
    pointer-events: all
}

#mobile-menu .menu-header {
    display: flex
}

#mobile-menu .menu-title {
    position: absolute;
    left: 15px;
    font-size: 30px;
    line-height: 40px;
    margin-top: 50px
}

#mobile-menu .close-trigger {
    box-sizing: border-box;
    padding: 20px;
    margin-top: 10px;
    margin-left: auto;
    text-decoration: none
}

#mobile-menu .close-trigger i {
    font-size: 20px;
    color: #ed4f2f;
    font-weight: 400
}

#mobile-menu .back {
    font-weight: 700;
    background-color: transparent;
    border: 0;
    box-sizing: border-box;
    padding: 0 0 10px 0;
    font-size: 16px;
    position: absolute;
    top: -73px;
    letter-spacing: .01em;
    color: #ed4f2f
}

#mobile-menu .back:before {
    font-family: "Font Awesome 5 Pro",sans-serif;
    content: "\f060";
    margin-right: 5px
}

#mobile-menu ul {
    box-sizing: border-box;
    padding: 0 15px;
    position: relative
}

#mobile-menu ul li {
    position: relative;
    list-style-type: none
}

#mobile-menu ul li a {
    font-family: roboto,sans-serif;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .01em;
    color: #4b5259;
    display: block;
    box-sizing: border-box;
    padding: 10px 30px 10px 0;
    position: relative;
    font-weight: 400;
    text-decoration: none!important
}

#mobile-menu ul li i {
    position: absolute;
    right: 0;
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    top: 0;
    display: none;
    z-index: 2;
    color: #4b5259;
    margin-right: -10px;
    margin-top: 16px
}

#mobile-menu ul li.parent>i {
    display: block
}

#mobile-menu>ul>li#mobile_124>a:before {
    font-family: "Font Awesome 5 Pro",sans-serif;
    content: "\f0ad";
    color: #1665c2;
    display: inline-block;
    font-weight: 700;
    margin-right: 10px
}

#mobile-menu>ul>li#mobile_126>a:before {
    font-family: "Font Awesome 5 Pro",sans-serif;
    content: "\f2bd";
    color: #1665c2;
    font-weight: 700;
    margin-right: 10px
}

#mobile-menu>ul>li#mobile_125>a {
    background-color: #ed4f2f;
    color: #fff;
    font-weight: 900;
    font-size: 16px;
    line-height: 24px;
    text-transform: none;
    box-sizing: border-box;
    padding: 8px 25px;
    letter-spacing: .04em;
    display: inline-block;
    margin-top: 10px
}

#mobile-menu>ul ul {
    position: absolute;
    left: 100%;
    -webkit-transition: left .2s ease-in-out;
    -ms-transition: left .2s ease-in-out;
    transition: left .2s ease-in-out;
    z-index: 3;
    background-color: #fff;
    width: 100%;
    height: 100%;
    top: 0
}

#mobile-menu>ul li.open {
    position: static
}

#mobile-menu>ul li.open>ul {
    left: 0
}

#mobile-menu .button {
    margin-left: 15px;
    margin-top: 3px
}

#search-drawer {
    position: fixed;
    width: 100%;
    display: block;
    background-color: #fff;
    z-index: 9;
    pointer-events: none;
    top: -100px;
    -webkit-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    border-top: 1px solid #a1a4b1;
    border-bottom: 1px solid #a1a4b1
}

.search-input {
    font-family: roboto,sans-serif!important
}

#search-drawer.active {
    pointer-events: all;
    top: 90px
}

#search-drawer form {
    max-width: 1200px;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 12px 15px 8px 15px
}

#search-drawer fieldset {
    position: relative;
    padding: 0!important
}

#search-drawer input[type=text] {
    border: 0;
    box-sizing: border-box;
    padding-left: 40px;
    color: #4b5259;
    font-size: 16px
}

#search-drawer input[type=text]:focus {
    outline: 0
}

#search-drawer button {
    left: 0;
    right: auto;
    color: #1665c2;
    top: 0
}

#search-drawer button:after {
    font-size: 16px;
    font-weight: 700
}

#search-drawer button:active:after,#search-drawer button:hover:after {
    color: #003568
}

#search-drawer .search-close {
    font-size: 27px;
    color: #ed4f2f;
    position: absolute;
    right: 5px;
    top: 20px;
    display: block
}

#search-drawer .search-close:active,#search-drawer .search-close:hover {
    color: #ed4f2f
}

#search-drawer input::placeholder {
    color: #a1a4b1;
    font-size: 16px
}

#search-drawer input:-ms-input-placeholder {
    color: #a1a4b1;
    font-size: 16px
}

#search-drawer input::-ms-input-placeholder {
    color: #a1a4b1;
    font-size: 16px
}

#home-banner,#home-banner .constrain,#home-banner .slide,#home-banner>div {
    height: 520px
}

#home-banner {
    margin: -50px auto
}

#home-banner .slick-slide {
    outline: 0!important
}

#home-banner .slide {
    display: flex
}

#home-banner .constrain {
    width: 100%
}

#home-banner .caption {
    text-align: left;
    box-sizing: border-box;
    padding: 35px 35px 75px 35px;
    background-color: #fff;
    width: 100%;
    max-width: 700px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0
}

#home-banner video {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    object-fit: cover;
    min-height: 100%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

#home-banner .h1 {
    font-size: 44px;
    line-height: 52px;
    letter-spacing: -.02em;
    margin-top: 15px;
    font-family: roboto,sans-serif
}

#home-banner .subtitle {
    color: #003568
}

#home-banner p {
    margin-top: 15px
}

#home-banner .button {
    bottom: 0;
    left: 0;
    position: absolute;
    box-sizing: border-box;
    padding: 10px 70px 10px 60px;
    white-space: nowrap
}

#home-banner .button i {
    font-size: 32px;
    position: absolute;
    left: 30px;
    top: 7px
}

#home-banner .slick-dots {
    bottom: 35px;
    text-align: center;
    box-sizing: border-box;
    padding-left: -webkit-calc(50vw - 608px);
    padding-left: -moz-calc(50vw - 608px);
    padding-left: calc(50vw - 608px)
}

#main-content {
    min-height: 500px
}

#main-content>.block-1 .column.gray-bg {
    background-image: url("/assets/images/template/swirl-overlay-for-ips.png")!important;
    background-size: 350px;
    background-repeat: no-repeat;
    background-position: top right
}

#breadcrumbs {
    position: absolute;
    width: 100%;
    max-width: 1200px;
    margin: 20px auto 0 auto;
    height: 34px;
    z-index: 4;
    left: 0;
    right: 0
}

#breadcrumbs .crumb-container {
    position: relative;
    z-index: 4;
    margin-top: 0
}

#breadcrumbs .crumb {
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: .02em;
    box-sizing: border-box;
    padding: 0 20px;
    color: #4b5259;
    position: relative
}

#breadcrumbs .crumb:first-child {
    box-sizing: border-box;
    padding-left: 0
}

#breadcrumbs .crumb:first-child:after {
    display: none
}

#breadcrumbs .crumb:after {
    font-family: "Font Awesome 5 Pro",sans-serif;
    content: "\f105";
    position: absolute;
    left: -3px;
    top: -4px;
    font-size: 16px;
    color: #1665c2;
    font-weight: 700;
    display: block
}

#breadcrumbs .crumb.current {
    color: #4b5259;
    font-weight: 700
}

#breadcrumbs a {
    color: #4b5259;
    text-decoration: none!important
}

#breadcrumbs a:active,#breadcrumbs a:hover {
    color: #1665c2
}

#breadcrumbs i {
    font-size: 16px;
    color: #1665c2
}

#breadcrumbs+#content-wrap #main-content>.block-1 {
    box-sizing: border-box;
    padding-top: 60px
}

#breadcrumbs+#content-wrap #main-content>.block-1.column-has-bg {
    box-sizing: border-box;
    padding-top: 0
}

#breadcrumbs+#content-wrap #main-content>.block-1.column-has-bg .column {
    box-sizing: border-box;
    padding-top: 80px
}

.statistics {
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin: -20px auto
}

.statistics .statistic {
    display: flex;
    align-items: center
}

.statistics .stat {
    font-size: 34px;
    line-height: 40px;
    color: #fff;
    font-weight: 700;
    margin-right: 15px
}

.statistics .caption {
    font-weight: 700
}

.statistics.is-vertical .statistic {
    text-align: center;
    box-sizing: border-box;
    padding: 0 15px;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center
}

.statistics.is-vertical .stat {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

.statistics.is-vertical .caption {
    width: 100%;
    text-align: center
}

#quick-product-search {
    background-color: #fff;
    -webkit-box-shadow: 0 10px 24px rgba(0,0,0,.1);
    -moz-box-shadow: 0 10px 24px rgba(0,0,0,.1);
    box-shadow: 0 10px 24px rgba(0,0,0,.1);
    display: flex;
    text-align: left
}

#quick-product-search .w66 {
    box-sizing: border-box;
    padding: 50px 340px 50px 40px;
    background: url("/assets/images/template/engineers-with-circle.png") right bottom no-repeat transparent
}

#quick-product-search .w33 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    background: url("/assets/images/template/quick-product-search-background.jpg") center bottom no-repeat #1a64bb;
    color: #fff;
    box-sizing: border-box;
    padding-left: 30px;
    padding-right: 30px
}

#quick-product-search .w33 h3 {
    color: #fff
}

#quick-product-search .w33 p {
    margin-top: 0;
    color: #fff
}

#quick-product-search .search-form {
    background-color: #fff;
    color: #1665c2;
    margin-top: 15px
}

#quick-product-search .search-form input {
    height: 40px;
    font-size: 16px;
    color: #1665c2;
    font-weight: 700;
    letter-spacing: .02em
}

#quick-product-search .search-form button:after {
    color: #1665c2;
    font-weight: 700
}

#quick-product-search input::placeholder {
    color: #1665c2;
    font-size: 16px;
    letter-spacing: .02em;
    text-transform: none;
    font-weight: 700;
    font-family: roboto,sans-serif
}

#quick-product-search input:-ms-input-placeholder {
    color: #1665c2;
    font-size: 16px;
    letter-spacing: .02em;
    text-transform: none;
    font-weight: 700;
    font-family: roboto,sans-serif
}

#quick-product-search input::-ms-input-placeholder {
    color: #1665c2;
    font-size: 16px;
    letter-spacing: .02em;
    text-transform: none;
    font-weight: 700;
    font-family: roboto,sans-serif
}

#process {
    background-color: #fff;
    -webkit-box-shadow: 0 10px 24px rgba(0,0,0,.1);
    -moz-box-shadow: 0 10px 24px rgba(0,0,0,.1);
    box-shadow: 0 10px 24px rgba(0,0,0,.1);
    display: flex;
    position: relative;
    min-height: 327px
}

#process .utility {
    position: relative;
    width: 289px;
    height: 279px;
    display: block;
    margin: 20px auto 0 auto
}

#process .circle {
    position: relative
}

#process .caption {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    max-width: 100px;
    margin-top: 5px
}

#process .buttons {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

#process button {
    border: 0;
    background-color: transparent;
    color: #1665c2;
    font-size: 44px;
    position: absolute;
    font-weight: 700;
    width: 80px;
    height: 80px;
    line-height: 44px;
    border: 10px solid transparent;
    border-radius: 100%;
    display: block;
    box-sizing: border-box;
    padding: 0
}

#process button.step-1 {
    top: -1px;
    left: 105px
}

#process button.step-2 {
    top: 78px;
    left: 209px
}

#process button.step-3 {
    top: 199px;
    left: 168px
}

#process button.step-4 {
    top: 195px;
    left: 40px
}

#process button.step-5 {
    left: 0;
    top: 76px
}

#process button.active {
    background-color: #1665c2;
    color: #fff;
    border-color: #8bb2e1
}

#process button:active,#process button:hover {
    background-color: #1665c2;
    color: #fff
}

#process .steps {
    text-align: left;
    box-sizing: border-box;
    padding-right: 30px;
    padding-top: 40px;
    padding-bottom: 50px
}

#process .step {
    display: none
}

#process .step.active {
    display: block
}

#process .step img {
    position: absolute;
    right: 30px;
    bottom: 15px
}

#process h3 {
    margin: 0
}

#process p {
    z-index: 2;
    position: relative
}

#process .button {
    margin-top: 25px;
    z-index: 2;
    position: relative
}

.buckets-default {
    margin-bottom: -30px
}

.buckets-default .bucket {
    margin-bottom: 30px
}

.buckets-default a {
    height: 265px;
    width: 100%;
    position: relative;
    display: block;
    text-decoration: none!important;
    overflow: hidden;
    -webkit-box-shadow: 0 10px 24px rgba(0,0,0,.1);
    -moz-box-shadow: 0 10px 24px rgba(0,0,0,.1);
    box-shadow: 0 10px 24px rgba(0,0,0,.1)
}

.buckets-default .image {
    height: 205px;
    display: block;
    width: 100%;
    position: relative
}

.buckets-default .image img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 100%;
    height: 100%;
    object-fit: cover
}

.buckets-default .content {
    height: 265px;
    position: absolute;
    top: 205px;
    width: 100%;
    height: 100%;
    background-color: #1665c2;
    color: #fff;
    text-align: center;
    box-sizing: border-box;
    padding: 20px 15px 60px 15px;
    -webkit-transition: top .3s ease-in-out;
    -ms-transition: top .3s ease-in-out;
    transition: top .3s ease-in-out
}

.buckets-default .content h5 {
    color: #fff
}

.buckets-default .content p {
    color: #fff;
    margin-top: 10px
}

.buckets-default .learnmore {
    display: block;
    position: absolute;
    width: 100%;
    height: 60px;
    bottom: 0;
    left: 0;
    background-color: #fff;
    color: #1665c2;
    font-weight: 700;
    line-height: 60px
}

.buckets-default .learnmore i {
    margin-left: 25px
}

.buckets-circle {
    margin-bottom: -15px
}

.buckets-circle a {
    text-decoration: none!important
}

.buckets-circle .image {
    background-color: #1665c2;
    border-radius: 100%;
    width: 109px;
    height: 109px;
    border: 11px solid #d0e0f3;
    position: relative;
    display: block;
    margin: 0 auto;
    -webkit-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.buckets-circle .image img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
    padding: 15px
}

.buckets-circle h5 {
    margin-top: 14px;
    margin-bottom: 5px;
    display: block
}

.buckets-circle .learnmore {
    font-weight: 700;
    color: #ed4f2f;
    opacity: 0;
    -webkit-transition: opacity .3s ease-in-out;
    -ms-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

.buckets-circle .learnmore i {
    margin-left: 20px
}

.buckets-mini {
    margin-bottom: -30px;
    justify-content: flex-start
}

.buckets-mini .bucket {
    margin-bottom: 30px
}

.buckets-mini a {
    background-color: #fff;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.06);
    -moz-box-shadow: 0 6px 12px rgba(0,0,0,.06);
    box-shadow: 0 6px 12px rgba(0,0,0,.06);
    position: relative;
    display: flex;
    align-items: center;
    text-decoration: none;
    border: 1px solid transparent;
    -webkit-transition: border-color .3s ease-in-out;
    -ms-transition: border-color .3s ease-in-out;
    transition: border-color .3s ease-in-out
}

.buckets-mini .image {
    width: 150px;
    height: 100px;
    box-sizing: border-box;
    padding: 10px 0 10px 10px
}

.buckets-mini .image img {
    -webkit-transition: transform .3s ease-in-out;
    -ms-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transform-origin: center;
    max-height: 100%;
    text-align: center;
    display: block;
    margin: auto
}

.buckets-mini .content {
    width: 70%;
    height: 90px;
    display: flex;
    justify-content: center;
    box-sizing: border-box;
    padding: 0 30px 0 15px
}

.buckets-mini .content .h5 {
    font-size: 16px;
    line-height: 24px;
    margin: 0;
    position: relative
}

.buckets-mini .content i {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-weight: 400;
    right: -15px
}

.buckets-square {
    margin: 0 -8px -20px -8px
}

.buckets-square .bucket {
    margin-bottom: 20px;
    box-sizing: border-box;
    padding: 0 8px
}

.buckets-square a {
    background-color: #fff;
    position: relative;
    height: 200px;
    display: block
}

.buckets-square .image {
    width: 100px;
    height: 100px;
    position: absolute;
    margin: 20px auto 0 auto;
    opacity: 1;
    -webkit-transition: opacity .3s ease-in-out;
    -ms-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.buckets-square .image img {
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto
}

.buckets-square .content {
    position: absolute;
    bottom: 15px;
    left: 0;
    width: 100%;
    color: #fff;
    height: auto;
    box-sizing: border-box;
    padding: 0 10px
}

.buckets-square .content .h5 {
    margin: 0;
    display: block
}

.buckets-square .button {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    margin-top: -30px;
    opacity: 0;
    -webkit-transition: opacity .3s ease-in-out;
    -ms-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

@media (min-width: 1200px) {
    .buckets-default a:active .content,.buckets-default a:hover .content {
        top:0
    }

    .buckets-circle a:active .image,.buckets-circle a:hover .image {
        background-color: #ed4f2f;
        border-color: #f1d1cb
    }

    .buckets-circle a:active .learnmore,.buckets-circle a:hover .learnmore {
        opacity: 1
    }

    .buckets-mini a:active,.buckets-mini a:hover {
        border-color: #ed4f2f
    }

    .buckets-mini a:active img,.buckets-mini a:hover img {
        transform: scale(1.1)
    }

    .buckets-square a:active .image,.buckets-square a:hover .image {
        opacity: .3
    }

    .buckets-square a:active .button,.buckets-square a:hover .button {
        opacity: 1
    }
}

.video-block+.richtext {
    margin-top: 15px
}

.video-block+.richtext p {
    margin-bottom: 6px
}

.video {
    max-width: 100%
}

.video:hover .play i:before {
    color: #ed4f2f
}

.video.image-bg:hover:before {
    opacity: 0
}

.video.image-bg:before {
    background-color: transparent;
    -webkit-transition: opacity .3s ease-in-out;
    -ms-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

.video:after {
    background-color: #1665c2
}

.video .play {
    margin-top: -10px;
    background-color: transparent!important
}

.video .play i {
    border: 0;
    background-color: transparent!important;
    margin: 0
}

.video .play i:before {
    font-family: "Font Awesome 5 Pro",sans-serif;
    content: "\f330";
    font-weight: 700;
    color: #1665c2;
    font-size: 34px;
    top: -10px;
    z-index: 2;
    position: relative;
    background-color: #fff;
    border-radius: 100%;
    box-sizing: border-box;
    padding: 10px
}

.video .play i:after {
    content: "";
    background-color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 10px;
    z-index: 1
}

.gallery.default {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px 0 -15px;
    max-width: none
}

.gallery.default .img-wrapper {
    margin: 0 -1px 30px -1px;
    box-sizing: border-box;
    padding: 0;
    height: 180px
}

.gallery.default a {
    display: block;
    position: relative;
    overflow: hidden;
    height: 100%
}

.gallery.default img {
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    max-width: none;
    max-height: none;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.gallery.default[data-count="4"] .img-wrapper {
    width: 25%
}

.gallery.default[data-count="3"] .img-wrapper {
    width: 33.33%
}

.gallery.carousel {
    box-sizing: border-box;
    padding: 0
}

.gallery.carousel .buckets {
    margin-bottom: 0
}

.gallery.carousel .img-wrapper {
    height: 200px;
    margin: 0 16px
}

.gallery.carousel .img-wrapper img {
    max-width: 100%;
    max-height: 100%;
    min-width: 0;
    min-height: 0;
    object-fit: cover
}

.gallery.carousel a {
    outline: 0!important;
    text-decoration: none!important
}

.gallery.carousel .slick-prev {
    left: -35px;
    background-color: transparent;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    z-index: 3;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.gallery.carousel .slick-prev:active,.gallery.carousel .slick-prev:hover {
    background-color: transparent
}

.gallery.carousel .slick-prev:active:before,.gallery.carousel .slick-prev:hover:before {
    color: #003568
}

.gallery.carousel .slick-prev:before {
    content: "\f177";
    color: #d0e0f3;
    opacity: 1;
    font-size: 24px;
    font-weight: 300
}

.gallery.carousel .slick-next {
    right: -35px;
    left: auto;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    background-color: transparent;
    z-index: 3;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.gallery.carousel .slick-next:active,.gallery.carousel .slick-next:hover {
    background-color: transparent
}

.gallery.carousel .slick-next:active:before,.gallery.carousel .slick-next:hover:before {
    color: #003568
}

.gallery.carousel .slick-next:before {
    content: "\f178";
    color: #d0e0f3;
    opacity: 1;
    font-size: 24px;
    font-weight: 300
}

.gallery.carousel .slick-dots {
    position: relative;
    bottom: 0;
    margin-bottom: 0;
    margin-top: 0
}

.gallery.carousel[data-count="1"] {
    box-sizing: border-box;
    padding: 0
}

.gallery.carousel[data-count="1"] .img-wrapper {
    margin: 0;
    height: auto
}

.gallery.content {
    -webkit-box-shadow: 0 10px 24px rgba(0,0,0,.1);
    -moz-box-shadow: 0 10px 24px rgba(0,0,0,.1);
    box-shadow: 0 10px 24px rgba(0,0,0,.1);
    text-align: left;
    float: none;
    margin-bottom: 40px
}

.gallery.content .slick-track {
    display: flex
}

.gallery.content .block {
    display: flex;
    max-width: none;
    height: auto;
    width: 100%!important
}

.gallery.content .slick-dots {
    bottom: -40px
}

.gallery.content .block.column-has-bg+.block {
    box-sizing: border-box;
    padding-top: 0
}

.slick-dots li:first-child {
    margin-left: 0
}

.slick-dots li:first-child:last-child {
    display: none
}

.slick-dots li {
    margin-right: 15px
}

.slick-dots li button:before {
    opacity: 1;
    background-color: #e0e5ea;
    border: none;
    font-size: 0;
    content: "";
    width: 16px;
    height: 16px;
    border-radius: 100%;
    overflow: hidden;
    line-height: 0
}

.slick-dots li button:hover:before {
    border-color: #a1a4b1;
    background-color: #a1a4b1
}

.slick-dots li.slick-active button:before {
    background-color: #ed4f2f;
    opacity: 1
}

.image-text-blocks {
    text-align: left;
    margin-bottom: -30px;
    box-sizing: border-box;
    padding: 15px 30px;
    display: flex;
    width: 100%;
    justify-content: center
}

.image-text-blocks:first-child:last-child {
    margin: -20px 0 -50px 0;
    box-sizing: border-box;
    padding: 0
}

.image-text-blocks .image-text-block {
    margin-bottom: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    padding: 0 15px
}

.image-text-blocks .image {
    max-height: 40px;
    width: 40px;
    margin: 0 15px 0 0
}

.image-text-blocks h4 {
    font-size: 18px;
    line-height: 28px;
    letter-spacing: .02em;
    font-weight: 300;
    margin: 0
}

.tabbed-content {
    background-color: transparent;
    border-radius: 4px;
    max-width: 100%;
    margin: 0 auto;
    text-align: left
}

.tabbed-content .nav-tabs {
    background-color: #fff;
    border: 0!important;
    width: 100%;
    margin-bottom: 30px;
    display: flex;
    border-radius: 4px;
    border-bottom: 1px solid #1665c2!important;
    justify-content: flex-start;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.tabbed-content .nav-tabs li {
    box-sizing: border-box;
    padding: 0 13px;
    background-color: #fff;
    margin-bottom: 0
}

.tabbed-content .nav-tabs li:first-child {
    box-sizing: border-box;
    padding-left: 0
}

.tabbed-content .nav-tabs li a {
    background-color: transparent;
    border: 0!important;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    text-transform: none;
    color: #a1a4b1;
    box-sizing: border-box;
    padding: 21px 10px 17px 10px;
    margin: 0 0 -2px 0;
    text-align: center;
    border-bottom: 4px solid transparent!important
}

.tabbed-content .nav-tabs li a:active,.tabbed-content .nav-tabs li a:hover {
    color: #1665c2;
    background-color: transparent
}

.tabbed-content .nav-tabs li.active a {
    background-color: #fff;
    color: #4b5259;
    border-bottom: 4px solid #1665c2!important
}

.tabbed-content .tab-content {
    border: 0;
    box-sizing: border-box;
    padding: 0
}

.tabbed-content .block .column+.column {
    box-sizing: border-box;
    padding-right: 30px;
    padding-left: 30px
}

.tabbed-content .block .column {
    background-position: center center!important
}

.tabbed-content .block .column>ul:last-child {
    margin-bottom: 0
}

.tabbed-content.tabs-left .nav-tabs a {
    font-size: 13px
}

.simplesearch-results {
    font-weight: 700;
    margin-bottom: 30px
}

.simplesearch-result a {
    color: #1665c2
}

.simplesearch-result a:active,.simplesearch-result a:hover {
    color: #003568!important;
    text-decoration: none!important
}

.simplesearch-result a:focus {
    text-decoration: none!important
}

#sitemap ul ul {
    margin-top: 20px
}

#sitemap ul li a {
    color: #4b5259
}

#sitemap ul li a:active,#sitemap ul li a:hover {
    color: #1665c2
}

.files {
    margin-bottom: -15px;
    box-sizing: border-box;
    padding-left: 0!important;
    display: inline-block;
    width: 100%
}

.files li {
    list-style-type: none;
    width: 100%
}

.files li:before {
    display: none!important
}

.files li a:active,.files li a:hover {
    color: #4b5259!important
}

.files li a {
    display: block;
    border: 2px solid #1665c2!important;
    background-color: #fff;
    box-sizing: border-box;
    padding-left: 50px;
    padding-right: 15px;
    width: 100%;
    text-align: left;
    position: relative;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
    box-shadow: 0 1px 2px rgba(0,0,0,.1);
    -webkit-transition: border-color .3s ease-in-out;
    -ms-transition: border-color .3s ease-in-out;
    transition: border-color .3s ease-in-out
}

.files li a:active,.files li a:hover {
    border-color: #ed4f2f!important
}

.files li a:active .title:before,.files li a:hover .title:before {
    background-color: #ed4f2f
}

.files .title {
    color: #1665c2;
    font-weight: 700;
    float: none;
    text-align: left;
    -webkit-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.files .title:before {
    background-color: #1665c2;
    color: #fff;
    height: 100%;
    width: 40px;
    line-height: 35px;
    position: absolute;
    text-align: center;
    -webkit-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    left: 0;
    top: 0;
    font-weight: 700
}

.button+.files {
    margin-left: 25px!important
}

.panel-group {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .02em;
    box-sizing: border-box;
    padding: 0 15px;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #a1a4b1
}

.panel-default {
    border: 0
}

.panel-group .panel {
    border-bottom: 1px solid #a1a4b1;
    border-radius: 0
}

.panel-group .panel:last-child {
    border-bottom: 0
}

.panel-group .panel+.panel {
    margin-top: 0
}

.panel-group .panel-heading {
    border-radius: 0;
    border: 0;
    background-color: #fff
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-radius: 0;
    border: 0;
    text-align: left
}

.panel-group .panel-body {
    box-sizing: border-box;
    padding: 0 0 15px 0
}

.panel-group .panel-heading a {
    font-size: 16px;
    text-transform: none;
    box-sizing: border-box;
    padding: 22px 15px 20px 40px;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .02em;
    color: #4b5259;
    text-align: left;
    border: 0;
    height: auto;
    display: flex;
    align-items: center
}

.panel-group .panel-heading a:before {
    content: "\f055";
    left: 0;
    right: auto;
    color: #1665c2;
    font-size: 16px;
    line-height: 24px;
    background-color: transparent;
    width: 64px;
    height: 100%;
    top: 3px;
    line-height: 56px;
    text-align: left;
    font-weight: 700
}

.panel-group .panel-heading a:active,.panel-group .panel-heading a:hover {
    color: #1665c2
}

.panel-group .panel-heading a[aria-expanded=true] {
    color: #4b5259;
    background-color: #fff
}

.panel-group .panel-heading a[aria-expanded=true]:before {
    content: "\f056";
    left: 0;
    right: auto;
    color: #1665c2;
    font-size: 16px;
    line-height: 24px;
    background-color: transparent;
    width: 64px;
    height: 100%;
    top: 0;
    line-height: 56px;
    text-align: left;
    font-weight: 700
}

.panel-group .block .column {
    border-radius: 0;
    box-sizing: border-box;
    padding-top: 0!important;
    padding-bottom: 0!important
}

.panel-group .block .column.w100 {
    box-sizing: border-box;
    padding-left: 0!important;
    padding-right: 0!important
}

.posts {
    display: flex;
    flex-wrap: wrap;
    margin: 0
}

.posts .post-item {
    width: 100%;
    margin-bottom: 30px;
    box-sizing: border-box;
    padding: 30px 0;
    border-bottom: 1px solid #a1a4b1
}

.posts .post-item:first-child {
    box-sizing: border-box;
    padding-top: 0
}

.posts h2 {
    font-weight: 700;
    font-size: 26px;
    line-height: 32px;
    color: #4b5259;
    margin-top: 5px
}

.posts h2 a {
    color: #4b5259;
    text-decoration: none
}

.posts h2 a:active,.posts h2 a:hover {
    color: #1665c2
}

.posts .date {
    display: block;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #4b5259
}

.posts .date i {
    color: #1665c2;
    font-weight: 700;
    position: relative;
    top: -1px;
    margin-right: 5px
}

.posts .button {
    margin-top: 20px
}

.posts p {
    margin-top: 15px
}

.posts .paging {
    margin: 0 auto
}

.posts .paging li {
    position: relative
}

.posts .paging li.control {
    display: none
}

.posts .paging li:after {
    content: "|";
    display: inline-block;
    color: #4b5259;
    position: absolute;
    left: -2px;
    top: 5px
}

.posts .paging li.control+.control+li:after,.posts .paging li:first-child:after {
    display: none
}

.posts .paging a {
    display: block;
    width: 40px;
    text-align: center;
    text-decoration: none
}

.posts .paging a:active,.posts .paging a:hover {
    color: #1665c2
}

.posts .paging a.active {
    color: #1665c2
}

.post-navigation {
    width: 100%;
    text-align: center;
    border-top: 1px solid #a1a4b1;
    box-sizing: border-box;
    padding-top: 40px;
    padding-bottom: 10px
}

.post-navigation i {
    font-size: 16px;
    position: relative;
    top: 1px;
    margin-left: 5px;
    margin-right: 5px
}

.post-navigation a {
    color: #4b5259;
    float: none;
    box-sizing: border-box;
    padding: 0 20px;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    text-decoration: none
}

.post-navigation a:active,.post-navigation a:hover {
    color: #1665c2
}

.post-entry .post-info {
    margin-top: 15px;
    margin-bottom: 0
}

.post-info h1 {
    margin-bottom: 0;
    margin-top: 15px
}

.story-heading {
    margin: 30px 0 0 0
}

.story-heading h1 {
    margin: 0
}

.catalog-buttons {
    text-align: center
}

.catalog-buttons .button {
    background-color: #fff;
    border: 0;
    position: relative;
    display: inline-block;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
    box-shadow: 0 1px 2px rgba(0,0,0,.1);
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    text-align: center;
    box-sizing: border-box;
    padding: 35px 0 8px 0;
    width: 160px;
    letter-spacing: 0;
    color: #4b5259;
    margin: 0 10px 0 0
}

.catalog-buttons .button:last-child {
    margin: 0
}

.catalog-buttons .button:active,.catalog-buttons .button:hover {
    background-color: #1665c2;
    color: #fff
}

.catalog-buttons .button:active i,.catalog-buttons .button:hover i {
    color: #fff
}

.catalog-buttons i {
    position: absolute;
    color: #1665c2;
    top: 12px;
    -webkit-transition: color .3s ease-in-out;
    -ms-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.iframe-map {
    position: relative;
    width: 100%;
    height: 230px;
    overflow: hidden
}

.iframe-map iframe {
    position: absolute;
    margin-top: -200px;
    margin-left: -150px
}

.social-media {
    display: flex;
    align-items: center;
    margin-top: 22px;
    display: inline-block
}

.social-media a {
    margin-right: 15px;
    display: inline-block;
    box-sizing: border-box;
    padding-right: 15px
}

.social-media a i {
    color: #1665c2
}

.support-cta {
    display: flex;
    align-items: center;
    margin: -20px 0
}

.support-cta p {
    margin: 0
}

.support-cta .button {
    margin: 0 auto
}

.mixit-controls {
    margin-bottom: 40px;
    margin-top: 40px
}

.mixit-controls .control-group {
    width: 320px
}

.mixit-controls h4 {
    position: absolute;
    top: -40px
}

.mixit-controls .controls {
    width: 320px
}

.mixit-controls .control:after {
    font-size: 20px;
    color: #4b5259
}

.mixit-controls .control.mixitup-control-active {
    width: 320px
}

#mixit-search {
    width: 100%;
    position: relative;
    display: block;
    font-size: 14px;
    cursor: pointer;
    font-weight: 400;
    text-align: left;
    background-color: #fff;
    border: 1px solid #979797;
    height: 40px;
    line-height: 40px;
    box-sizing: border-box;
    padding: 0 20px 0 10px;
    border-radius: 3px
}

#mixit-search+i {
    position: absolute;
    right: 0;
    color: #4b5259;
    pointer-events: none;
    right: 14px;
    top: 12px
}

#white-papers {
    width: 100%;
    margin: 0
}

#white-papers .mixit-header {
    background-color: #1665c2;
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    width: 100%;
    align-items: center;
    display: flex
}

#white-papers .mixit-header>div {
    box-sizing: border-box;
    padding: 15px
}

#white-papers .items,#white-papers .mixit-items {
    width: 100%
}

#white-papers .item {
    width: 100%;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #f1f5f9;
    padding: 0;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #4b5259;
    background-color: #fff;
    cursor: default
}

#white-papers .item a {
    color: #4b5259;
    display: block
}

#white-papers .item a:active,#white-papers .item a:hover {
    color: #003568
}

#white-papers .item>div {
    box-sizing: border-box;
    padding: 15px
}

#white-papers .column-1 {
    width: 60%
}

#white-papers .column-2 {
    width: 20%;
    text-transform: capitalize
}

#white-papers .column-3 {
    width: 20%;
    text-align: center;
    margin-left: auto
}

#white-papers .column-3 a {
    color: #1665c2
}

#white-papers .column-3 a:active,#white-papers .column-3 a:hover {
    color: #003568
}

.action-buttons {
    margin-bottom: -15px
}

.action-buttons .button {
    margin-bottom: 15px
}

.multistep-form {
    display: flex;
    flex-wrap: wrap;
    position: relative
}

.multistep-form .slick-slide {
    height: auto;
    border: 0
}

.multistep-form h3 {
    margin-left: 15px;
    margin-bottom: 18px;
    width: 100%
}

.multistep-form .slick-next,.multistep-form .slick-prev {
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    letter-spacing: .01em;
    background-color: #ed4f2f;
    box-sizing: border-box;
    padding: 10px 20px;
    color: #fff;
    width: auto;
    height: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    top: auto;
    bottom: 50px;
    left: auto;
    right: auto;
    margin: 0 auto;
    position: absolute
}

.multistep-form .slick-next:before,.multistep-form .slick-prev:before {
    display: none
}

.multistep-form .slick-next.slick-disabled,.multistep-form .slick-prev.slick-disabled {
    opacity: 0!important
}

.multistep-form .slick-prev {
    left: 30px;
    opacity: 1!important
}

.multistep-form .slick-next {
    right: 30px
}

.multistep-buttons {
    width: 25%;
    position: relative;
    box-sizing: border-box;
    padding-right: 30px
}

.multistep-buttons .slick-dots {
    position: relative;
    bottom: auto
}

.multistep-buttons .slick-dots li {
    font-weight: 700;
    margin: 0;
    font-size: 16px;
    line-height: 24px;
    width: 100%;
    height: auto;
    color: #4b5259
}

.multistep-buttons .slick-dots li.slick-active .button {
    background-color: #1665c2;
    color: #fff
}

.multistep-buttons .slick-dots .button {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    width: 100%;
    height: 56px;
    display: flex;
    align-items: center;
    color: #4b5259;
    box-sizing: border-box;
    padding: 10px 20px;
    letter-spacing: 0;
    background-color: #fff;
    border: 0;
    border-bottom: 2px solid #f1f5f9;
    text-align: left;
    justify-content: flex-start
}

.multistep-buttons .slick-dots .button:active,.multistep-buttons .slick-dots .button:hover {
    color: #1665c2;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.multistep-buttons .slick-dots .button:before {
    display: none
}

.multistep-slider {
    width: 75%;
    background-color: #fff;
    box-sizing: border-box;
    padding: 30px 30px 90px 30px!important
}

.multistep-nav {
    width: 75%;
    position: absolute;
    right: 0;
    bottom: 10px
}

.multistep-nav .button {
    text-transform: capitalize
}

#rfq,#technical-form {
    background-color: #fff;
    box-sizing: border-box;
    padding: 30px
}

.phone-number .tel {
    font-weight: 700;
    font-size: 19px;
    line-height: 50px;
    font-family: roboto,sans-serif;
    color: #003568;
    margin-right: 0;
    text-align: left
}

.phone-number .tel i {
    font-weight: 700;
    color: #ed4f2f;
    margin-right: 7px;
    font-size: 16px
}

#locations-cta {
    margin: -50px 0
}

#locations-accordion {
    display: flex;
    margin: 0 -15px
}

#locations-accordion .item {
    width: 25%;
    box-sizing: border-box;
    padding: 0 15px
}

#locations-accordion .info-toggle {
    display: block;
    background-color: #1665c2;
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 4px;
    text-transform: uppercase;
    position: relative;
    padding: 10px 15px;
    width: 100%;
    cursor: pointer
}

#locations-accordion .info-toggle:hover {
    background-color: #003568
}

#locations-accordion .info-toggle i {
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 25px;
    font-weight: 300
}

#locations-accordion .info-toggle.active+.info {
    display: block
}

#locations-accordion .info-toggle.active i:before {
    content: "\f107"
}

#locations-accordion .info {
    background-color: #fff;
    box-sizing: border-box;
    padding: 25px 15px;
    display: none
}

#locations-accordion h3 {
    margin: 0
}

#locations-accordion p {
    margin-bottom: 5px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .01em
}

#locations-accordion .location {
    margin: 0 0 20px 0
}

#locations-accordion a {
    display: block;
    position: relative;
    width: 100%;
    color: #1665c2;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .02em
}

#locations-accordion a i {
    position: relative;
    top: 1px;
    margin-right: 5px
}

#locations-accordion a:active,#locations-accordion a:hover {
    color: #003568
}

#locations-container {
    display: flex;
    flex-wrap: wrap
}

#locations-buttons {
    width: 100%
}

#locations-buttons .button.active {
    background-color: #ed4f2f;
    border-color: #ed4f2f
}

#locations-buttons .button:hover {
    background-color: #ed4f2f;
    border-color: #ed4f2f
}

#locations-map-outer {
    width: 75%;
    margin-top: 20px
}

#locations-map {
    width: 100%;
    height: 600px;
    margin-left: -100px;
    box-sizing: border-box;
    padding-right: 50px
}

#locations-map .jvectormap-zoomin,#locations-map .jvectormap-zoomout {
    display: none
}

#locations {
    width: 25%;
    position: relative;
    margin-top: 100px
}

#locations .location {
    width: 100%;
    max-width: 270px;
    margin: 0;
    -webkit-box-shadow: 0 10px 24px rgba(0,0,0,.1);
    -moz-box-shadow: 0 10px 24px rgba(0,0,0,.1);
    box-shadow: 0 10px 24px rgba(0,0,0,.1);
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
    pointer-events: none
}

#locations .location.active {
    pointer-events: all;
    opacity: 1
}

#locations .country {
    background-color: #ed4f2f;
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .01em;
    text-transform: capitalize;
    text-align: center;
    box-sizing: border-box;
    padding: 15px;
    display: block;
    width: 100%
}

#locations .content {
    background-color: #fff;
    width: 100%;
    padding: 20px
}

#locations h5,#locations h5 a {
    color: #4b5259;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    width: 100%;
    position: relative;
    margin: 0;
    text-decoration: none;
    display: block
}

#locations h5 a:hover {
    color: #1665c2
}

#locations i {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 15px;
    color: #ed4f2f;
    font-weight: 700;
    left: auto
}

#locations p {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .01em;
    margin-top: 10px
}

#locations .button {
    margin-top: 15px
}

#contact-section,#quick-contact-section {
    padding-top: 80px;
    padding-bottom: 80px
}

#contact-section .column,#quick-contact-section .column {
    background-color: #fff;
    -webkit-box-shadow: 0 10px 24px rgba(0,0,0,.1);
    -moz-box-shadow: 0 10px 24px rgba(0,0,0,.1);
    box-shadow: 0 10px 24px rgba(0,0,0,.1);
    box-sizing: border-box;
    padding: 50px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row
}

#contact-section .column>.w33,#quick-contact-section .column>.w33 {
    border-right: 1px solid #e0e5ea;
    width: 30%
}

#contact-section .column>.w66,#quick-contact-section .column>.w66 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    box-sizing: border-box;
    padding-left: 30px;
    width: 70%
}

#contact-section .column>.w66 p,#quick-contact-section .column>.w66 p {
    width: 70%
}

#contact-section .column>.w66 .tel,#quick-contact-section .column>.w66 .tel {
    font-weight: 700;
    font-size: 19px;
    line-height: 28px;
    width: 30%;
    text-align: center;
    color: #003568;
    box-sizing: border-box;
    padding-left: 40px;
    white-space: nowrap
}

#contact-section .column>.w66 .tel i,#quick-contact-section .column>.w66 .tel i {
    font-weight: 700;
    color: #ed4f2f;
    margin-right: 5px
}

#contact-section .subtitle,#quick-contact-section .subtitle {
    color: #003568
}

#contact-section .h2,#quick-contact-section .h2 {
    margin-top: 7px;
    color: #1665c2;
    margin-bottom: 0
}

#contact,#quickContact {
    margin-top: 20px
}

#contact .input-group,#quickContact .input-group {
    margin-bottom: 18px
}

#contact-section {
    box-sizing: border-box;
    padding: 20px 0
}

#back-top {
    width: 56px;
    height: 56px;
    line-height: 56px;
    text-align: center;
    background-color: #fff;
    border-radius: 100%;
    -webkit-box-shadow: 0 10px 24px rgba(0,0,0,.1);
    -moz-box-shadow: 0 10px 24px rgba(0,0,0,.1);
    box-shadow: 0 10px 24px rgba(0,0,0,.1);
    position: fixed;
    right: 15px;
    bottom: 15px;
    opacity: 1;
    z-index: 15;
    -webkit-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    font-size: 32px;
    font-weight: 300
}

#back-top i {
    color: #1665c2
}

#back-top:active,#back-top:hover {
    background-color: #d0e0f3
}

#footer-top {
    background-color: #003568
}

#footer-top .h4 {
    color: #fff;
    text-align: center;
    margin: 0 auto;
    display: block;
    box-sizing: border-box;
    padding: 5px 0
}

#footer-middle {
    background: url("footer-swirl.png") -15px 200px no-repeat transparent;
    box-sizing: border-box;
    padding: 41px 0 50px 0
}

#footer-middle .constrain {
    display: flex;
    flex-wrap: wrap;
    position: relative
}

#footer-middle h5 {
    margin-bottom: 5px;
    color: #003568
}

#footer-middle h5 a {
    color: #003568
}

#footer-middle h5 i {
    color: #1665c2;
    margin-right: 10px
}

#footer-middle ul {
    margin: 0;
    box-sizing: border-box;
    padding: 0
}

#footer-middle ul li {
    margin: 0;
    box-sizing: border-box;
    padding: 0;
    list-style-type: none
}

#footer-middle ul li a {
    font-family: roboto,sans-serif;
    color: #4b5259;
    text-decoration: none;
    font-size: 14px;
    line-height: 20px;
    box-sizing: border-box;
    padding: 6px 0;
    display: block
}

#footer-middle ul li a:active,#footer-middle ul li a:hover {
    color: #1665c2
}

#footer-middle .w50 {
    display: flex;
    flex-wrap: wrap
}

#footer-middle .w50 h5 {
    width: 100%
}

#footer-middle .w50 ul {
    width: 50%
}

#footer-middle .w25:nth-child(4) ul {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2
}

#footer-middle #newsletter {
    height: auto;
    margin-top: 30px;
    margin-bottom: 0;
    display: flex;
    flex-wrap: wrap
}

#footer-middle #newsletter h5 {
    margin-right: 30px
}

#footer-middle #newsletter .fieldset {
    display: flex;
    width: 50%
}

#footer-middle #newsletter input[type=email] {
    width: 80%
}

#footer-middle #newsletter .button {
    font-size: 16px;
    width: 20%;
    box-sizing: border-box;
    padding: 6px 0;
    margin: 0;
    height: 40px;
    text-transform: capitalize!important
}

#footer-middle #newsletter .g-recaptcha {
    margin-top: 15px;
    margin-bottom: 40px;
    margin-left: -16px
}

#footer-middle .w100:last-child {
    margin-top: 30px
}

#footer-bottom {
    background-color: #1665c2;
    box-sizing: border-box;
    padding: 20px 0
}

#footer-bottom .constrain {
    flex-wrap: nowrap;
    display: flex;
    align-items: center
}

#footer-bottom #copyright {
    font-size: 16px;
    line-height: 24px;
    font-family: roboto,sans-serif;
    letter-spacing: .02em;
    color: #fff;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 0;
    width: 70%
}

#footer-bottom #copyright a {
    color: #fff;
    box-sizing: border-box;
    padding: 0 5px;
    -webkit-transition: opacity .3s ease-in-out;
    -ms-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

#footer-bottom #copyright a:active,#footer-bottom #copyright a:hover {
    opacity: .7
}

#footer-bottom .social-media {
    width: 30%;
    text-align: right;
    margin-top: 0
}

#footer-bottom .social-media a {
    color: #fff;
    display: inline-block;
    box-sizing: border-box;
    padding: 0 10px;
    -webkit-transition: opacity .3s ease-in-out;
    -ms-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

#footer-bottom .social-media a i {
    font-size: 16px;
    color: #fff
}

#footer-bottom .social-media a:active,#footer-bottom .social-media a:hover {
    opacity: .7
}

.subtitle+h3 {
    margin-top: 6px
}

.subtitle+h1,.subtitle+h2 {
    margin-top: 9px
}

.richtext+.phone-number,.richtext+ul.files {
    margin-top: 10px
}

.subtitle+.richtext {
    margin-top: 14px
}

h1+.richtext {
    margin-top: 15px
}

h2+h5,h3+p,h4+.richtext {
    margin-top: 16px
}

h3+h4 {
    margin-top: 18px
}

.files+.richtext,.richtext p+ul,.richtext ul+p,h3+.richtext,h5+.richtext,p+.button {
    margin-top: 20px
}

.richtext+.action-buttons,.richtext+.files,.richtext+.nested,.richtext+ul,h2+.gallery.content,h3+.nested {
    margin-top: 25px
}

*+.button-group,.button-group+*,.image-single+h3,.richtext+#process,.richtext+#quick-product-search,.richtext+.buckets,.richtext+.button,.richtext+.richtext,.richtext+.tabbed-content,.social-media+.iframe-map,h2+.buckets,h3+.carousel,ul+.button {
    margin-top: 30px
}

.buckets+.button,.buckets+.nested,.richtext+.buckets-circle {
    margin-top: 40px
}

.image-single+.catalog-buttons,h2+.nested {
    margin-top: 50px
}

@media (max-width: 1199px) {
    body {
        overflow:hidden;
        box-sizing: border-box;
        padding-top: 94px
    }

    :focus {
        outline: 0!important
    }

    a[href*="tel:"] {
        pointer-events: all
    }

    ul.fancy.columnlist-2,ul.fancy.columnlist-3 {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1
    }

    .image-single.fill {
        margin-top: 50px
    }

    .block.wide .column:first-child {
        padding-left: 0!important
    }

    .block.wide .column:last-child {
        padding-right: 0!important
    }

    .block.column-has-bg {
        padding-left: 15px;
        padding-right: 15px
    }

    .block.column-has-bg.full {
        padding-left: 0;
        padding-right: 0
    }

    .block.column-has-bg .column:first-child {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .block.column-has-bg .column:last-child {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .block .w25+.w50+.w25 .button:first-child:last-child {
        margin-top: 7px
    }

    .black-bg.has-bg {
        padding-left: 0;
        padding-right: 0
    }

    .forms .t50 {
        width: 50%
    }

    .forms .checkboxes,.forms .radios {
        -webkit-column-count: 1!important;
        -moz-column-count: 1!important;
        column-count: 1!important
    }

    .nested {
        margin-left: -15px;
        margin-right: -15px
    }

    .nested .column:first-child {
        box-sizing: border-box;
        padding-left: 0
    }

    .nested .column:last-child {
        box-sizing: border-box;
        padding-right: 0
    }

    .w100 .nested {
        margin-left: 0;
        margin-right: 0
    }

    .t100 .heading.text-right {
        text-align: center
    }

    #header {
        height: 94px
    }

    #header .header-row {
        display: none!important
    }

    #header .header-mobile {
        display: flex!important;
        border-bottom: 1px solid #e0e5ea
    }

    #header .header-mobile:last-child {
        height: 54px;
        border-bottom: 0
    }

    #header .constrain {
        height: 100%
    }

    #header .tel {
        line-height: 40px;
        box-sizing: border-box;
        padding-left: 0;
        border-left: 0;
        margin-left: 15px;
        width: auto
    }

    #header .link {
        width: 40px;
        box-sizing: border-box;
        padding: 0!important;
        text-align: center
    }

    #header .link.orange {
        margin-right: 25px
    }

    #header .link i {
        margin-right: 0
    }

    #header .tel+.link {
        margin-left: auto!important;
        margin-right: 10px
    }

    #header .logo {
        box-sizing: border-box;
        height: auto;
        width: 164px!important;
        border-right: 0;
        position: static;
        margin-left: 15px;
        margin-right: 15px;
        display: flex;
        justify-content: center
    }

    #header .logo img {
        margin: auto
    }

    #header .menu-trigger {
        font-size: 16px;
        line-height: 54px;
        color: #003568;
        box-sizing: border-box;
        padding-right: 25px;
        padding-left: 15px
    }

    #header .menu-trigger.active i {
        font-size: 17px
    }

    #header .menu-trigger.active i:before {
        content: "\f00d"
    }

    #header .search-trigger {
        color: #003568;
        line-height: 54px;
        box-sizing: border-box;
        padding: 0 15px
    }

    #header .search-trigger i {
        font-weight: 700;
        font-size: 16px;
        margin-top: 2px
    }

    #header .language-toggle a {
        line-height: 27px
    }

    #header .language-toggle li.active a {
        font-size: 0
    }

    #header .language-toggle li.active a:after {
        font-size: 16px;
        position: relative;
        top: 5px
    }

    #mobile-menu {
        display: block
    }

    #breadcrumbs {
        box-sizing: border-box;
        padding-left: 15px
    }

    #breadcrumbs .crumb-container {
        margin-top: 0
    }

    #breadcrumbs .crumb.first~.crumb {
        display: none
    }

    #breadcrumbs .crumb.first {
        box-sizing: border-box;
        padding-left: 25px;
        position: relative
    }

    #breadcrumbs a {
        color: #1665c2
    }

    #breadcrumbs i {
        font-weight: 400;
        font-size: 16px;
        left: 0;
        top: -1px;
        position: absolute;
        color: #4b5259
    }

    #breadcrumbs+#content-wrap #main-content>.block-1 {
        padding-top: 60px
    }

    #home-banner,#home-banner .constrain,#home-banner .slide,#home-banner>div {
        height: 480px
    }

    #home-banner .h1,#home-banner h1 {
        font-size: 30px;
        line-height: 38px;
        margin-top: 13px
    }

    #home-banner .subtitle {
        font-size: 16px;
        line-height: 24px
    }

    #home-banner .caption {
        max-width: 75%;
        margin-left: 15px;
        margin-right: 15px
    }

    #home-banner p {
        font-size: 16px;
        line-height: 24px
    }

    #home-banner img {
        max-width: none
    }

    #home-banner .slick-dots {
        box-sizing: border-box;
        padding-left: 15px
    }

    .statistics .statistic {
        flex-wrap: wrap
    }

    .statistics .stat {
        font-size: 28px;
        line-height: 32px
    }

    #quick-product-search {
        display: flex;
        flex-wrap: wrap
    }

    #quick-product-search .w66 {
        width: 100%;
        box-sizing: border-box;
        padding-top: 30px;
        padding-bottom: 30px;
        padding-left: 30px
    }

    #quick-product-search .w33 {
        width: 100%;
        padding-top: 50px;
        padding-bottom: 27px
    }

    #process {
        display: flex;
        flex-wrap: wrap
    }

    #process .w33 {
        width: 100%
    }

    #process .w66 {
        width: 100%;
        box-sizing: border-box;
        padding: 0 15px 0 15px
    }

    #process .steps {
        padding-top: 15px
    }

    #process .utility {
        margin-top: 20px
    }

    .buckets-circle .bucket {
        width: 33.33%!important
    }

    .buckets-circle .learnmore {
        opacity: 1;
        margin-bottom: 15px
    }

    .buckets-mini .bucket {
        width: 50%
    }

    .tabbed-content.has-dropdown .nav-tabs:after {
        font-family: "Font Awesome 5 Pro",sans-serif;
        content: "\f107";
        position: absolute;
        right: 15px;
        top: 11px;
        color: #4b5259
    }

    .tabbed-content.has-dropdown .nav-tabs.open:after {
        content: "\f106"
    }

    .tabbed-content.has-dropdown .nav-tabs li a {
        text-align: left;
        box-sizing: border-box;
        padding-left: 0;
        padding-top: 16px;
        padding-bottom: 12px
    }

    .tabbed-content.has-dropdown .tab-content {
        margin-top: 30px
    }

    .tabbed-content.has-dropdown .tab-content .block.column-has-bg {
        box-sizing: border-box;
        padding-left: 0;
        padding-right: 0
    }

    .tabbed-content .column:first-child {
        box-sizing: border-box;
        padding-left: 0!important
    }

    .tabbed-content .column:last-child {
        box-sizing: border-box;
        padding-right: 0!important
    }

    .tabbed-content .t100 .column {
        box-sizing: border-box;
        padding-left: 0!important;
        padding-right: 0!important
    }

    .tabbed-content .t100 .column+.column {
        margin-top: 35px
    }

    .image-text-block {
        width: 33.33%!important
    }

    .gallery.carousel {
        padding: 0 50px
    }

    .gallery.carousel .slick-prev {
        left: 0
    }

    .gallery.carousel .slick-next {
        right: 0
    }

    .gallery.content .block.column-has-bg {
        padding-left: 0;
        padding-right: 0
    }

    .mixit-controls .control-group,.mixit-controls .control.mixitup-control-active,.mixit-controls .controls {
        width: 200px
    }

    .mixit-controls h4 {
        top: -25px;
        font-size: 13px;
        line-height: 20px;
        letter-spacing: 1px
    }

    .support-cta {
        display: block
    }

    .support-cta .button {
        margin-top: 12px
    }

    .multistep-buttons {
        width: 100%;
        box-sizing: border-box;
        padding-right: 0;
        margin-bottom: 10px
    }

    .multistep-slider {
        width: 100%
    }

    .multistep-nav {
        width: 100%
    }

    #quick-contact-section {
        box-sizing: border-box;
        padding: 60px 15px
    }

    #quick-contact-section .column>.w33 {
        width: 100%;
        border-right: 0
    }

    #quick-contact-section .column>.w66 {
        width: 100%;
        box-sizing: border-box;
        padding-left: 0;
        margin-top: 15px
    }

    #contact-section {
        box-sizing: border-box;
        padding: 10px 0
    }

    #contact-section .column>.w33 {
        width: 100%;
        border-right: 0
    }

    #contact-section .column>.w66 {
        width: 100%;
        box-sizing: border-box;
        padding-left: 0;
        margin-top: 15px
    }

    #locations-accordion {
        flex-wrap: wrap;
        margin-bottom: -30px
    }

    #locations-accordion .item {
        width: 100%;
        margin-bottom: 30px
    }

    #locations-accordion .info-toggle {
        font-size: 16px;
        line-height: 28px
    }

    #locations-accordion h3 {
        font-size: 19px;
        line-height: 28px
    }

    #locations-map-outer {
        width: 100%
    }

    #locations-map {
        box-sizing: border-box;
        padding-right: 15px;
        margin-left: 0;
        height: 450px
    }

    #locations {
        width: 100%;
        margin-top: 20px;
        height: 300px
    }

    #locations .location {
        margin: 0 auto;
        max-width: 500px;
        left: 0;
        right: 0
    }

    #quickContact .w33 .g-recaptcha {
        -webkit-transform: scale(.75);
        -moz-transform: scale(.75);
        transform: scale(.75);
        margin-left: -32px
    }

    #footer-middle #newsletter {
        right: 15px;
        bottom: 40px
    }

    #footer-middle #newsletter .fieldset {
        width: 100%;
        margin: 0
    }
}

@media (max-width: 767px) {
    .swap-mobile .column:first-child {
        margin-top:0!important;
        margin-bottom: 0!important
    }

    .swap-mobile .column:last-child {
        margin-top: 0!important;
        margin-bottom: 30px
    }

    .swap-mobile .column:last-child.column-has-bg-left,.swap-mobile .column:last-child.column-has-bg-right {
        margin-bottom: 0
    }

    .menu-header .h2 {
        font-size: 24px;
        line-height: 32px
    }

    .subtitle {
        font-size: 16px;
        line-height: 28px;
        letter-spacing: .08em
    }

    .subtitle+h1 {
        margin-top: 5px
    }

    p {
        font-size: 16px;
        line-height: 24px
    }

    .m100 .heading.text-right {
        text-align: center
    }

    .block {
        padding-bottom: 35px;
        padding-top: 35px
    }

    .block+.block {
        padding-top: 0
    }

    .block.column-has-bg+.block,.block.has-bg,.block.has-bg+.block {
        padding-top: 35px
    }

    .block.column-has-bg>.column {
        padding-top: 35px;
        padding-bottom: 35px;
        margin-top: 0!important
    }

    .block.column-has-bg>.column.w33,.block.column-has-bg>.column.w40,.block.column-has-bg>.column.w50,.block.column-has-bg>.column.w60 {
        min-height: 250px
    }

    .block.m100 .column+.column {
        margin-top: 30px
    }

    .block.m100 .column+.column[class*=column-has-bg] {
        margin-top: 0
    }

    .block.m100.gold-bg.full .column+.column {
        margin-top: 15px
    }

    .nested .block.m100.column-has-bg {
        box-sizing: border-box;
        padding-left: 0!important;
        padding-right: 0!important
    }

    .nested .block.m100>.column+.column {
        margin-top: 0!important;
        padding-top: 20px
    }

    .nested .block.m100>.column {
        box-sizing: border-box;
        padding-left: 0!important;
        padding-right: 0!important
    }

    .nested .block+.block {
        margin-top: 20px
    }

    .block.column-has-bg .column.white-bg {
        margin-bottom: 0
    }

    .button-group .button {
        width: 100%;
        text-align: left
    }

    .forms .input-group,.forms .input-group.w50 {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        padding-left: 0;
        padding-right: 0
    }

    .forms .fieldset {
        margin: 0 auto
    }

    .forms p {
        box-sizing: border-box;
        padding: 0
    }

    .forms .submit {
        position: static
    }

    .forms .checkboxes,.forms .radios {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1
    }

    .table-responsive table {
        min-width: 767px;
        width: auto
    }

    .image-single.fill {
        margin-left: -16px;
        margin-right: -16px;
        height: 250px;
        margin-top: 0
    }

    .image-single.fill:last-child {
        margin-bottom: -40px
    }

    .image-single.fill img {
        max-height: 100%
    }

    .image-single.fill img[src*="engineers_with_circle.png"] {
        min-width: 0;
        top: auto;
        left: auto;
        bottom: 0;
        right: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .image-single.fill img[src*="customizable_solutions_with_circle.png"] {
        min-width: 0
    }

    .column:first-child>.image-single.fill {
        margin-top: -40px;
        margin-bottom: 0
    }

    #home-banner,#home-banner .constrain,#home-banner .slide,#home-banner>div {
        height: auto
    }

    #home-banner {
        margin: -50px auto -35px auto
    }

    #home-banner .slide {
        flex-direction: column-reverse
    }

    #home-banner .caption {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        position: relative;
        max-width: 100%;
        margin: 40px 0
    }

    #home-banner .subtitle {
        font-size: 16px;
        line-height: 28px;
        letter-spacing: 4px
    }

    #home-banner .slick-dots {
        text-align: right;
        bottom: 50px
    }

    #home-banner .button {
        margin-bottom: 0
    }

    .statistics {
        margin: -10px 0;
        flex-wrap: wrap
    }

    .statistics .statistic {
        width: 100%;
        flex-wrap: wrap;
        box-sizing: border-box;
        padding: 7px 0;
        justify-content: center
    }

    .statistics .stat {
        font-size: 24px;
        line-height: 32px
    }

    .statistics .caption {
        font-size: 14px;
        line-height: 20px
    }

    .statistics.is-vertical .statistic {
        margin-bottom: 15px
    }

    .statistics.is-vertical .statistic:last-child {
        margin-bottom: 0
    }

    #quick-product-search h3 {
        font-size: 24px;
        line-height: 32px
    }

    #quick-product-search .w66 {
        box-sizing: border-box;
        padding-right: 30px;
        padding-bottom: 270px
    }

    .buckets-default .bucket {
        width: 100%!important
    }

    .buckets-default a {
        height: auto
    }

    .buckets-default .image {
        height: 120px
    }

    .buckets-default .content {
        position: relative;
        top: auto;
        bottom: 0;
        height: auto;
        box-sizing: border-box;
        padding: 12px 15px
    }

    .buckets-default .h5,.buckets-default h5 {
        margin: 0
    }

    .buckets-default .learnmore,.buckets-default p {
        display: none
    }

    .buckets-circle {
        margin-bottom: -30px
    }

    .buckets-circle .bucket {
        width: 50%!important
    }

    .buckets-circle .learnmore {
        margin-bottom: 30px
    }

    .buckets-circle .h5,.buckets-circle h5 {
        font-size: 14px;
        line-height: 20px
    }

    .buckets-mini {
        margin-bottom: -16px
    }

    .buckets-mini .bucket {
        width: 100%;
        margin-bottom: 16px
    }

    .buckets-mini .image {
        width: 24%
    }

    .buckets-mini img {
        max-height: 91px
    }

    .buckets-mini .content {
        width: 76%
    }

    .buckets-mini .content i {
        right: -5px
    }

    .panel-group .panel-heading a:before {
        right: 0
    }

    .panel-group .panel-heading a[aria-expanded=true]:before {
        right: 0
    }

    .panel-group .panel-body {
        box-sizing: border-box;
        padding-left: 0;
        padding-right: 0
    }

    .tabbed-content .block .column {
        box-sizing: border-box;
        padding-left: 0!important;
        padding-right: 0!important;
        padding-bottom: 0
    }

    .tabbed-content .block .column+.column {
        padding-top: 35px!important
    }

    .gallery.carousel .img-wrapper {
        width: 100%;
        text-align: center
    }

    .image-text-blocks .image-text-block {
        width: 100%!important;
        justify-content: flex-start
    }

    .image-text-blocks .image-text-block .image {
        max-height: 30px
    }

    .video {
        max-width: 100%;
        height: 340px
    }

    .video .play {
        margin-top: 0
    }

    .video .play i:before {
        font-size: 40px
    }

    .posts .item {
        width: 100%
    }

    .posts .image {
        height: 100%;
        background-color: #f1f5f9
    }

    .posts .image img {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        max-height: 114px;
        max-width: 140px
    }

    .post-entry .post-info {
        margin-top: 25px
    }

    .action-buttons .button {
        width: 100%;
        margin-bottom: 15px;
        text-align: left
    }

    .action-buttons .button:last-child {
        margin-bottom: 0
    }

    .catalog-buttons .button {
        width: 100%;
        margin-bottom: 15px;
        text-align: center
    }

    .catalog-buttons .button:last-child {
        margin-bottom: 0
    }

    .mixit-controls {
        width: 100%
    }

    .mixit-controls .controls {
        width: 100%;
        z-index: 9
    }

    .mixit-controls .controls.open {
        z-index: 999
    }

    .mixit-controls .control.mixitup-control-active {
        width: 100%
    }

    .mixit-controls .control-group {
        height: 40px;
        width: 100%
    }

    .mixit-controls .control-group+.control-group {
        margin-top: 35px
    }

    #white-papers .mixit-header {
        font-size: 14px;
        line-height: 20px
    }

    #white-papers .mixit-header .column-3 {
        font-size: 0;
        color: transparent
    }

    #white-papers .item {
        font-size: 14px;
        line-height: 20px
    }

    #white-papers .column-1 {
        width: 80%
    }

    #white-papers .column-2 {
        display: none
    }

    #white-papers .column-3 {
        width: 20%
    }

    #contact-section,#quick-contact-section {
        box-sizing: border-box;
        padding: 30px 15px
    }

    #contact-section .subtitle,#quick-contact-section .subtitle {
        font-size: 16px;
        line-height: 28px;
        letter-spacing: 4px
    }

    #contact-section .column,#quick-contact-section .column {
        padding-top: 30px;
        padding-bottom: 30px
    }

    #contact-section .column>.w66,#quick-contact-section .column>.w66 {
        flex-wrap: wrap
    }

    #contact-section .column>.w66 p,#quick-contact-section .column>.w66 p {
        width: 100%
    }

    #contact-section .column>.w66 .tel,#quick-contact-section .column>.w66 .tel {
        width: 100%;
        box-sizing: border-box;
        padding-left: 0;
        text-align: left;
        margin: 15px 0
    }

    #contact-section .h2,#quick-contact-section .h2 {
        margin-top: 0
    }

    #quickContact .w33 .g-recaptcha {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
        margin-left: 0
    }

    #quickContact .g-recaptcha {
        margin-top: 5px
    }

    #contact-section {
        box-sizing: border-box;
        padding: 0
    }

    #locations-cta {
        margin: -35px 0
    }

    #locations-buttons {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom: -24px
    }

    #locations-buttons .button {
        width: 48%;
        margin: 0 0 24px 0;
        display: block
    }

    #footer-top {
        box-sizing: border-box;
        padding: 13px 15px 12px 15px
    }

    #footer-top .h4 {
        box-sizing: border-box;
        padding: 0
    }

    #footer-middle {
        box-sizing: border-box;
        padding: 30px 0
    }

    #footer-middle .w25 {
        width: 100%
    }

    #footer-middle h5+ul,#footer-middle h5+ul+ul {
        display: none
    }

    #footer-middle h5 a {
        padding-top: 6px;
        padding-bottom: 6px;
        display: block;
        position: relative;
        box-sizing: border-box;
        padding-left: 30px
    }

    #footer-middle h5 a i {
        position: absolute;
        left: 0;
        margin-top: 3px
    }

    #footer-middle #newsletter {
        position: relative;
        right: auto;
        left: 0;
        width: 100%;
        bottom: auto;
        height: auto;
        box-sizing: border-box;
        padding: 0;
        margin-top: 20px
    }

    #footer-middle .w100:last-child h5 a {
        display: inline-block
    }

    #footer-middle .w100:last-child p {
        font-size: 14px;
        line-height: 20px
    }

    #footer-bottom .constrain {
        flex-wrap: wrap
    }

    #footer-bottom #copyright {
        width: 100%;
        text-align: center
    }

    #footer-bottom .social-media {
        width: 100%;
        text-align: center
    }
}

@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
    .text-left-middle.column-has-bg>.column {
        display: block
    }

    .forms,.forms .fieldset {
        max-width: 100%;
        width: 100%
    }
}
        .alert-banner {
            background-color: #ff0b0b;
            color: #000;
            text-align: center;
            padding: 15px;
            font-size: 17px;
            font-weight: 900;
            border: 2px solid #000;
            margin-bottom: 20px;
        }