body { font: 16px/1.417 Arial,Helvetica,sans-serif;}
body, h1, h2, h3, h3, p {font-family:Arial, Helvetica, sans-serif!important;}
 
body.univers-fonts .body-container h1, 
body.univers-fonts .body-container h2, 
body.univers-fonts .body-container h3, 
body.univers-fonts .body-container h4 {font-family:'Univers',Arial, Helvetica, sans-serif!important; font-weight: 700;}
.header-container-wrapper {background-color:#ffffff!important;max-height:102px!important;min-height:auto!important;}
.header-container-wrapper .page-center {padding: 14px 30px;}
.banner-main-sec {margin-top:102px!important;min-height:300px;}
.banner-content {padding-top:92px;}
.footer-main-menu, .hs-menu-wrapper.hs-menu-flow-vertical > ul {margin:0!important;}
.footer-section {padding:15px 30px 0 30px;background:#898989;color:#ffffff;font-size:12px;}
.footer-section a {color:#ffffff;}
.footer-section p {margin:0!important;}
.footer-section .hs-menu-wrapper.hs-menu-flow-vertical li a {color:#ffffff;font-size:12px;text-transform:none;}
.header-container-wrapper .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a {color:#000000;font-weight:bold;text-transform:uppercase;}
.grey-bg {background: rgba(150,150,150,.2);padding:20px;}
.infographic-flex .hs_cos_wrapper_type_module {text-align:center;}

.banner-main-sec h1 {font-size: 46px; line-height: 1.15;}
.contact-main-section h2,
.contact-main-section h3,
.contact-main-section h4 {font-weight: 400!important; color: #0046ad;}
.contact-main-section h2 {font-size: 36px;}
.contact-main-section h3 {font-size: 24px;}

@media (max-width:767px) {
  .footer-section {padding:15px 20px!important;}
  .banner-main-sec h1 {font-size: 40px; line-height: 1.15;}
}

/** https://cdn2.hubspot.net/hubfs/10827/dd-arrows-black.png **/
/****** Main Nav Styles ******/
@media (min-width: 1026px) {
.header-container-wrapper .hs-menu-wrapper.hs-menu-flow-horizontal,
.header-container-wrapper .hs-menu-wrapper.hs-menu-flow-horizontal * {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.header-container-wrapper .hs-menu-wrapper.hs-menu-flow-horizontal {text-align: right; padding-top: 23px;}
.header-container-wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul {}
.header-container-wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul li {display: inline-block; position: relative; margin: 0 8px;}
.header-container-wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a {color: #000; font-size: 12px; padding: 0; font-weight: bold; font-family: 'Open Sans', sans-serif; text-transform: uppercase; }
.header-container-wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul>li {}
.header-container-wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul>li>a {display: inline-block;}
.header-container-wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul>li.active>a {color: #004c89; text-decoration: underline;}

.header-container-wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul>li.hs-item-has-children>a:after {
  content: '';
  background: transparent url(https://cdn2.hubspot.net/hubfs/10827/dd-arrows-black.png) 0 -14px no-repeat;
  display: inline-block;
  height: 11px;
  margin-left: 10px;
  width: 17px;  
}
.header-container-wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul>li:not(:last-child) {padding-top: 7px;}
.header-container-wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul>li:last-child {background-color: #898989; color: #fff; margin: 0 0 0px 11px; position: relative; font-size: 0px;}
.header-container-wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul>li:last-child > a {display: block; padding: 6px 10px;}


.header-container-wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul>li:hover {}
.header-container-wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul>li:hover > a:after {background-position: 0px 0px;}

.header-container-wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper {
  background: #fff;
  border-bottom: 1px solid silver;
  width: 200px;
  -webkit-box-shadow: 10px 15px 15px -5px rgba(0,0,0,0.65);
  -moz-box-shadow: 10px 15px 15px -5px rgba(0,0,0,0.65);
  box-shadow: 10px 15px 15px -5px rgba(0,0,0,0.65);
}
.header-container-wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul>li.hs-item-has-children:last-child ul.hs-menu-children-wrapper {left: auto; right: 0;}
.header-container-wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li {display: block; margin: 0px; text-align: left;}
.header-container-wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {padding: 11px 10px; width: 100%; text-transform: capitalize; white-space: normal;}
.header-container-wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li:hover {background: #004c89;}
.header-container-wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li:hover a {color: #fff;}
}

/**** Mobile Menu (Starts at 1025px) *****/
#menuOpenBtn,
#menuCloseBtn {display: none;}
@media (max-width: 1025px) {
  #menuCloseBtn {
    -webkit-appearance: none;
    padding: 0;
    border: 0;
    background: #004c89;
    border-radius: 50%;
    color: #fff;
    clear: both;
    float: right;
    font: bold 20px/20px Arial, san-serif;
    height: 30px;
    outline: rgba(0,0,0,0);
    position: absolute;
    top: 15px;
    right: 15px;
    width: 30px;
    display: block;
  }
  #menuOpenBtn {
    -webkit-appearance: none;
    padding: 0;
    border: 0;
    color: #000;
    float: right;
    font-size: 38px;
    font-weight: bold;
    outline: rgba(0,0,0,0);
    position: absolute;
    right: 30px;
    top: 24px;
    display: block;
  }
  .row-fluid .mainNav {
    display: block;
    position: fixed;
    z-index: 10001;
    background: #fff;
    width: 300px;
    height: 100%;
    right: -300px;
    top: 0;
    overflow-y: scroll;
    text-align: center;
    padding-top: 25px;
    transition: .25s;
  }
  body.mobile-out {position: relative; overflow: hidden;}
  
  body.mobile-out .row-fluid .mainNav {right: 0;}
  .mobile-mask {
    position: fixed;
    z-index: 10000;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 0;
    height: 0;
    background-color: #000;
    opacity: 0;
    transition: opacity 0.3s, width 0s 0.3s, height 0s 0.3s;
  }
  body.mobile-out .mobile-mask {
    width: 100%;
    height: 100%;
    opacity: 0.7;
    transition: opacity 0.3s;
  }
  .mainNav .hs-menu-wrapper.hs-menu-flow-horizontal>ul li {display: block; text-align: center; float: none;}
  .mainNav .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a {
    display: block; 
    white-space: normal;  
    font-size: 14px;
    padding: 0;
    font-weight: 700;
    color: #004c89;
    text-transform: none;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  }
  .mainNav .hs-menu-wrapper.hs-menu-flow-horizontal>ul>li>a {
    padding: 10px 24px 5px 24px;
  }
  .mainNav .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper {display: block; opacity: 1; visibility: visible; position: static;}
  .mainNav .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li {margin-bottom: 10px;}
  .mainNav .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
    white-space: normal;
    width: auto; 
    font-size: 12px;
    font-weight: 400;
    color: #000;
  }
  .mainNav .hs-menu-wrapper.hs-menu-flow-horizontal>ul>li:last-child {display: none;}
}




.module__row {
  max-width: 1120px;
  margin-left: auto;
  margin-right: auto;
  margin: 0 auto;
  padding-top: 20px;
  padding-bottom: 20px
}

.module__row:after,
.module__row:before {
  content: "";
  display: table
}

.module__row:after {
  clear: both
}

.module__row .module__row {
  padding-top: 0
}

.module__contact-module {
  padding: 0 10px;
  font-family: Arial, sans-serif;
  background: #002d72;
  color: #fff
}

@media screen and (max-width:768px) {
  .module__contact-module {
    padding: 0 25px
  }
}

.module__contact-module>* {
  text-align: center
}

.module__contact-module h3 {
  position: relative;
  margin-bottom: 0;
  font-family:"Univers LT W04_57 Conde1476008";
  font-size: 32px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 1.5px
}

.module__contact-module h3:after {
  content: "";
  position: absolute;
  bottom: -20px;
  left: 50%;
  margin-left: -45px;
  width: 90px;
  height: 1px;
  background: #fff
}

@media screen and (max-width:768px) {
  .module__contact-module h3:after {
    display: none;
    margin-bottom: 10px
  }
}

.module__contact-module .module__contact-cta>div {
  display: inline-block;
  margin-right: 20px
}

.module__contact-module .module__contact-cta>div:last-child {
  margin-right: 0
}

@media screen and (max-width:768px) {
  .module__contact-module .module__contact-cta>div {
    display: block;
    margin-right: 0
  }
}

.module__contact-module .module__contact-cta a {
  font-family:"Univers LT W04_57 Conde1476008", Helvetica, sans-serif;
  font-size: 15px;
  text-decoration: none;
  color: #fff;
  margin-right: 7%;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 2.5px
}

.module__contact-module .module__contact-cta a:last-child {
  margin-right: 0
}

@media screen and (max-width:768px) {
  .module__contact-module .module__contact-cta a {
    display: inline-block;
    width: 200px;
    margin: 0 0 20px
  }
}

.module__contact-module .module__contact-social a {
  display: inline-block;
  overflow: hidden;
  margin-right: 50px;
  opacity: .5;
  width: 30px;
  height: 30px;
  background: url(https://www.tuvsud.com/images/icon-social.png) 0 0 no-repeat;
  text-indent: -9999em;
  -webkit-transition: opacity .5s ease-in;
  transition: opacity .5s ease-in
}

.module__contact-module .module__contact-social a:last-child {
  margin-right: 0
}

.module__contact-module .module__contact-social a.module__contact-social-tw {
  background-position: 0 0
}

.module__contact-module .module__contact-social a.module__contact-social-yt {
  background-position: 0 -30px
}

.module__contact-module .module__contact-social a.module__contact-social-li {
  background-position: 0 -60px
}

.module__contact-module .module__contact-social a.module__contact-social-ig {
  background-position: 0 -90px
}

.module__contact-module .module__contact-social a.module__contact-social-fb {
  background-position: 0 -120px
}

.module__contact-module .module__contact-social a.module__contact-social-naver {
  background-position: 0 -150px
}

.module__contact-module .module__contact-social a.module__contact-social-google {
  background-position: 0 -176px
}

.module__contact-module .module__contact-social a.module__contact-social-wechat {
  background-position: 0 -201px
}

.module__contact-module .module__contact-social a.module__contact-social-xing {
  background-position: 0 -235px
}

.module__contact-module .module__contact-social a:hover {
  opacity: 1
}

@media screen and (max-width:768px) {
  .module__contact-module .module__contact-social a {
    margin-right: 25px
  }
}

@media (min-resolution:2dppx),
(min-resolution:192dpi),
print {
  .module__contact-module .module__contact-social a {
    background: url(https://www.tuvsud.com/images/icon-social-2x.png) 0 0 no-repeat;
    background-size: 30px 268px
  }
}

.module__cta {
  position: relative;
  display: inline-block;
  overflow: hidden;
  height: 100%;
  color: #0046ad;
  cursor: pointer;
  -webkit-transition: color .2s ease-in-out, background-color .2s ease-in-out;
  transition: color .2s ease-in-out, background-color .2s ease-in-out
}

.module__cta:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  background: #0046ad;
  -webkit-transition: -webkit-transform .2s ease-in-out;
  transition: -webkit-transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
  height: 1px;
  width: 100%;
  -webkit-transform: translateX(-110%);
  transform: translateX(-110%);
  -webkit-transition-delay: .8s;
  transition-delay: .8s
}

.module__cta:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 1px;
  -webkit-transform: translateY(110%);
  transform: translateY(110%);
  -webkit-transition: -webkit-transform .2s ease-in-out;
  transition: -webkit-transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
  -webkit-transition-delay: .6000000000000001s;
  transition-delay: .6000000000000001s
}

.module__cta>span {
  position: relative;
  display: block;
  height: 100%;
  padding: 1em 2em;
  color: inherit
}

.module__cta>span:after,
.module__cta>span:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: -webkit-transform .2s ease-in-out;
  transition: -webkit-transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out
}

.module__cta>span:before {
  height: 1px;
  width: 100%;
  -webkit-transform: translateX(110%);
  transform: translateX(110%);
  -webkit-transition-delay: .4s;
  transition-delay: .4s
}

.module__cta>span:after {
  height: 100%;
  width: 1px;
  -webkit-transform: translateY(-110%);
  transform: translateY(-110%);
  -webkit-transition-delay: .2s;
  transition-delay: .2s
}

@media screen and (max-width:768px) {
  .module__cta>span {
    padding: .75em
  }
}

.module__cta .module__cta-slash {
  position: absolute;
  left: -5px;
  opacity: 1;
  -webkit-transition: opacity .4s ease-in;
  transition: opacity .4s ease-in;
  -webkit-transform: skew(-30deg);
  transform: skew(-30deg)
}

.module__cta.module__cta-light:after,
.module__cta.module__cta-light:before,
.module__cta.module__cta-light>span:after,
.module__cta.module__cta-light>span:before {
  background: #0046ad
}

.module__cta.module__cta-light.module__cta-hover:hover {
  background-color: #0046ad
}

.module__cta.module__cta-dark:after,
.module__cta.module__cta-dark:before,
.module__cta.module__cta-dark>span:after,
.module__cta.module__cta-dark>span:before {
  background: #fff
}

.module__cta.module__cta-hover:hover {
  color: #fff !important;
  -webkit-transition-delay: .6000000000000001s;
  transition-delay: .6000000000000001s
}

.module__cta.module__cta-hover:hover:after,
.module__cta.module__cta-hover:hover:before,
.module__cta.module__cta-hover:hover>span:after,
.module__cta.module__cta-hover:hover>span:before {
  -webkit-transform: translate(0);
  transform: translate(0)
}

.module__cta.module__cta-hover:hover .module__cta-slash {
  opacity: 0
}

.module__cta.module__cta-hover:hover:before {
  -webkit-transition-delay: 0s;
  transition-delay: 0s
}

.module__cta.module__cta-hover:hover:after {
  -webkit-transition-delay: .2s;
  transition-delay: .2s
}

.module__cta.module__cta-hover:hover>span:before {
  -webkit-transition-delay: .4s;
  transition-delay: .4s
}

.module__cta.module__cta-hover:hover>span:after {
  -webkit-transition-delay: .6000000000000001s;
  transition-delay: .6000000000000001s
}

@media screen and (max-width:768px) {
  .module__cta {
    -webkit-transition-property: none !important;
    transition-property: none !important;
    color: #fff !important;
    background-color: none
  }

  .module__cta:after,
  .module__cta:before,
  .module__cta>span:after,
  .module__cta>span:before {
    -webkit-transform: none !important;
    transform: none !important
  }

  .module__cta .module__cta-slash {
    display: none
  }

  .module__cta.module__cta-dark:after,
  .module__cta.module__cta-dark:before,
  .module__cta.module__cta-dark>span:after,
  .module__cta.module__cta-dark>span:before {
    background: #fff
  }

  .module__cta.module__cta-light {
    background-color: #0046ad
  }

  .module__cta.module__cta-light:after,
  .module__cta.module__cta-light:before,
  .module__cta.module__cta-light>span:after,
  .module__cta.module__cta-light>span:before {
    background: #0046ad
  }

  .module__cta.module__cta-light.module__cta-hover:hover {
    background-color: #0046ad
  }
}

.module__cta {
  -webkit-transform: skew(-40deg);
  transform: skew(-40deg)
}

.module__cta .inverse {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transform: skew(40deg);
  transform: skew(40deg);
  padding: 0 15px;
  white-space: nowrap
}
.module__footer *{
    font-family:"Univers LT W04_57 Conde1476008", Helvetica, sans-serif;
}
.module__footer {
  padding: 0 10px;
  background: #d9dddf;
  font-family: Arial, sans-serif;
  font-size: 14px;
  color: #2b3950
}

@media screen and (max-width:768px) {
  .module__footer {
    padding: 0 25px
  }
}

.module__footer a {
  text-decoration: none;
  color: #2b3950;
  margin-left: 20px
}

.module__footer a:first-child {
  margin: 0
}

@media screen and (max-width:768px) {
  .module__footer a {
    display: block;
    padding: 10px 0 5px
  }
}

.module__footer p {
  margin: 0;
  font-family:"Univers LT W04_57 Conde1476008", Helvetica, sans-serif!important;
}

.module__footer nav {
  float: right !important;
  margin-right: 0 !important;
  text-align: right;
  width: calc(99.9% * 2/3 - 10px)
}

.module__footer nav:nth-child(1n) {
  float: left;
  margin-right: 30px;
  clear: none
}

.module__footer nav:last-child {
  margin-right: 0
}

.module__footer nav:nth-child(3n) {
  margin-right: 0;
  float: right
}

.module__footer nav:nth-child(3n+1) {
  clear: both
}

@media screen and (max-width:768px) {
  .module__footer nav {
    float: left !important;
    width: calc(99.9% * 1 - 0px)
  }

  .module__footer nav:nth-child(1n) {
    float: left;
    margin-right: 30px;
    clear: none
  }

  .module__footer nav:last-child {
    margin-right: 0
  }

  .module__footer nav:nth-child(NaNn) {
    margin-right: 0;
    float: right
  }

  .module__footer nav:nth-child(NaNn+1) {
    clear: both
  }
}

.module__footer li,
.module__footer ul {
  list-style: none;
  margin: 0;
  padding: 0
}

.module__footer ul {
  display: inline-block
}

.module__footer ul:after {
  content: "";
  display: block;
  clear: both
}

@media screen and (max-width:768px) {
  .module__footer ul {
    float: left;
    width: 50%
  }
}

.module__footer li {
  display: inline-block;
  margin-right: 25px
}

@media screen and (max-width:768px) {
  .module__footer li {
    width: 100%;
    margin-right: 0;
    text-align: left
  }
}

.module__footer .module__footer-copyright {
  float: left;
  text-align: left;
  text-transform: uppercase;
  width: calc(99.9% * 1/3 - 20px)
}

.module__footer .module__footer-copyright:nth-child(1n) {
  float: left;
  margin-right: 30px;
  clear: none
}

.module__footer .module__footer-copyright:last-child {
  margin-right: 0
}

.module__footer .module__footer-copyright:nth-child(3n) {
  margin-right: 0;
  float: right
}

.module__footer .module__footer-copyright:nth-child(3n+1) {
  clear: both
}

@media screen and (max-width:768px) {
  .module__footer .module__footer-copyright {
    margin: 25px 0;
    width: calc(99.9% * 1 - 0px)
  }

  .module__footer .module__footer-copyright:nth-child(1n) {
    float: left;
    margin-right: 30px;
    clear: none
  }

  .module__footer .module__footer-copyright:last-child {
    margin-right: 0
  }

  .module__footer .module__footer-copyright:nth-child(NaNn) {
    margin-right: 0;
    float: right
  }

  .module__footer .module__footer-copyright:nth-child(NaNn+1) {
    clear: both
  }
}


























