@font-face {
    font-family: SuisseIntl-Medium;
    src: url("../fonts/SuisseIntl-Medium.otf");
    src: url("../fonts/SuisseIntl-Medium.ttf");
    font-weight: 500;
  }
  
  @font-face {
    font-family: SuisseIntl-Light;
    src: url("../fonts/SuisseIntl-Light.otf");
    src: url("../fonts/SuisseIntl-Light.ttf");
    font-weight: 300;
  }

.typography a,
.typography a.intro,
body a {
    text-decoration: none;
}
.typography table td, .typography  th{
    border: 1px solid #d4d4d4;
    padding: 10px;
    vertical-align: top;
}
.textBold,
.typography h6,
.typography table th {
    font-weight: 600
}

.typography h1 {
    font-size: 74px;
    line-height: 70px;
    font-family: "SuisseIntl-Medium";
}

.typography h2 {
    font-size: 40px;
    line-height: 42px;
    font-family: "SuisseIntl-Medium";
}

.typography h3 {
    font-size: 24px;
    line-height: 30px;
    font-weight: 300;
}

.ty .typography h4 {
    font-size: 30px;
    line-height: 25px;
    margin-bottom: 5px
}

.typography h5 {
    font-size: 28px;
    line-height: 34px;
    color: #000000;
    font-weight: 600;
}

.typography h5.intro {
    font-size: 28px;
    line-height: 34px;
    color: #000000;
    font-weight: 600;
}

.typography h6 {
    font-size: 26px
}

.typography p.contentHeading {
    font-size: 28px;
    line-height: 34px;
    color: #000000;
    font-weight: 600;
}

.typography p.intro {
    font-size: 22px;
    line-height: 34px;
    margin-bottom: 35px
}

.typography em {
    font-style: italic
}

::-moz-selection,
::selection {
    background: #b80000;
    color: #fff;
    text-shadow: none
}

.typography ul {
    list-style: none;
    margin-left: 0;
}

.typography .left {
    text-align: left
}

.typography .center {
    text-align: center
}

.typography .right {
    text-align: right
}

.typography img {
    height: auto;
}

.typography img.left {
    float: left;
    max-width: 50%;
    margin: 5px 20px 10px 0
}

.typography img.right {
    float: right;
    max-width: 50%;
    margin: 5px 0 10px 20px
}

.typography img.leftAlone {
    float: left;
    margin-right: 100%;
    margin-bottom: 10px;
    clear: both
}

.typography img.center {
    float: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-bottom: 10px;
    clear: both
}

.typography .captionImage {
    width: 100%;
    margin-top: 5px
}

.typography .captionImage img {
    margin: 0
}

.typography .captionImage.left {
    float: left;
    margin: 5px 30px 20px 0
}

.typography .captionImage.right {
    float: right;
    margin: 5px 0 20px 30px
}

.typography .captionImage.left[style],
.typography .captionImage.right[style] {
    max-width: 50%
}

.typography .captionImage.left img,
.typography .captionImage.right img {
    float: none;
    max-width: none;
    width: 100%
}

.typography .captionImage.left img {
    margin-right: -10px
}

.typography .captionImage.right img {
    margin-left: -10px
}

.typography .captionImage.right p {
    text-align: left;
    margin-left: -10px
}

.typography .captionImage.leftAlone {
    float: none;
    margin: 0 20px 20px 0
}

.typography .captionImage.center {
    margin: 0 auto 20px
}

.typography .captionImage p {
    clear: both;
    margin: 5px 0;
    font-style: italic;
    color: #888
}

.typography blockquote {
    background: url(../images/blockquote.png) 0 6px no-repeat;
    color: #777;
    display: block;
    font-style: italic;
    margin: 0 0 20px 5%;
    float: right;
    text-indent: 30px;
    width: 50%;
    clear: both
}

.typography blockquote p {
    font-size: 17px;
    line-height: 25px
}

.typography pre {
    background: #F7F7F7;
    border: 1px solid #E4E4E4;
    margin: 0 0 20px;
    padding: 15px;
    clear: both
}

address {
    display: block;
    margin-bottom: 20px
}

.errorMessage {
    color: #900;
    font-size: 15px;
    background: #fff;
    border: #900
}

.fontsize20,
.fontsize20 p {
    font-size: 20px!important
}

.fontsize15 {
    font-size: 15px;
    letter-spacing: .3px;
    line-height: 1.6em
}

.textcolorblack,
.textcolorblack a {
    color: #000!important
}

.textcolorblue,
.textcolorblue a {
    color: #1e60a7!important
}

.fontsize19,
.fontsize19 li,
.fontsize19 p {
    font-size: 19px!important;
    line-height: 1.6em
}

.backcolorgray {
    background-color: #d9ddde;
    padding: 4px 13px
}

.backColorGreenSubHeader,
.backcolorblue {
    background-color: #7fb5dd;
    padding: 4px 13px
}

.backcolorblue {
    background-color: white;
    padding: 11px 13px 4px;
    font-size: 20.0px;
    color: rgba(30, 96, 167, 1.0);
    text-align: left;
    line-height: 24.0px;
    border-top: 2px solid rgba(30, 96, 167, 1.0);
}

.typography li {
    line-height: 30px;
}

.typography ul li {
  list-style: disc;
}

.typography li.liststylecircle,
.typography ul.liststylecircle li {
    list-style: circle
}

.typography li.liststylecircle::before,
.typography ul.liststylecircle li::before {
    content: none
}

.fontsize13 {
    font-size: 13px
}

form#MemberLoginForm_LoginForm {
    margin-left: 30%;
    border: 1px solid #ddd;
    padding: 20px
}

.typography strong {
    font-weight: 600;
}
.typography h2 strong {
    font-size: 42px;
    line-height: 40px;
    font-weight: 500;
    font-family: 'SuisseIntl-Medium';
}

/* Font Sizes */

.fontsize22 {
    font-size: 22px;
  }
  .fontsize18 {
    font-size: 18px;
  }
  .fontsize20 {
    font-size: 20px;
  }
  .fontsize16 {
    font-size: 16px !important;
  }
  .fontsize15 {
    font-size: 15px;
  }
  .fontsize14 {
    font-size: 14px;
  }
  .fontsize12 {
    font-size: 12px;
  }
  .fontsize40 {
    font-size: 40px !important;
  }
  .fontsize24 {
    font-size: 24px;
  }
  .fontsize76 {
    font-size: 76px;
  }
  .fontsize21 {
    font-size: 21px;
  }
  .regular {
    font-family: "SuisseIntl-Medium";
  }
  .light {
    font-family: "SuisseIntl-Light";
  }
  .normal {
    font-style: normal;
  }
  .bold {
    font-weight: 600;
  }
  .fontUpperCase {
    text-transform: uppercase;
  }
  .sectionHeader {
    font-size: 40px;
    line-height: 46px;
  }
  
  .sectionContent {
    font-size: 24px;
    line-height: 30px;
    letter-spacing: 0.48px;
  }
  .Desc {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0.54px;
  }
  
  .smallDesc {
    padding-top: 14px;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 0.3px;
  }
  
  .largeDesc {
    font-size: 30px;
    line-height: 36px;
    letter-spacing: 0.3px;
  }
  
  .mobileSubHeading {
    font-size: 20px;
    line-height: 24px; /* 120% */
    letter-spacing: 0.2px;
  }

  .extraSmallDesc {
    padding-top: 7px;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.24px;
  }

  .subHeaderNavigationLinks {
    font-size: 14px;
    font-weight: 300;
    line-height: 18px;
  }
  
.headingTitle {
    font-size: 76px;
    line-height: 70px;
    text-transform: uppercase;
    font-weight: 600;
}

.DownloadTileLargeHeading {
  font-size: 36px;
  font-weight: 500;
  line-height: 38px;
}

.ourValuesHeading {
  font-size: 34px;
  font-weight: 500;
  line-height: 30px;
}

.PolicyTitleLargeHeading {
  font-size: 28px;
  font-weight: 500;
  line-height: 38px;
}

  /* Padding classes */

  .padding0 {
    padding: 0px;
  }
  .padding10 {
    padding: 10px;
  }
  .padding20 {
    padding: 20px;
  }
  .padding30 {
    padding: 30px;
  }
  .paddingTop70 {
    padding-top: 70px;
  }
  .paddingLeft0 {
    padding-left: 0px;
  }
  .paddingLeft10 {
    padding-left: 10px;
  }
  .paddingLeft20 {
    padding-left: 20px;
  }
  .paddingLeft30 {
    padding-left: 30px;
  }
  .paddingLeftRight10 {
    padding-left: 10px;
    padding-right: 10px;
  }
  .paddingLeftRight50 {
    padding: 0px 50px;
  }
  .paddingLeftRight25 {
    padding-left: 25px;
    padding-right: 25px;
  }
  .paddingLeftRight30 {
    padding-left: 30px;
    padding-right: 30px;
  }
  .paddingLeftRight15 {
    padding-left: 15px;
    padding-right: 15px;
  }
  .paddingTop102 {
    padding-top: 102px;
  }
  .paddingTop40 {
    padding-top: 40px;
  }
  .paddingTop50 {
    padding-top: 50px;
  }
  .paddingTop120 {
    padding-top: 120px;
  }
  .paddingTop150 {
    padding-top: 150px;
  }
  .paddingTop200 {
    padding-top: 200px;
  }  
  .paddingTop225 {
    padding-top: 225px;
  }
  .paddingTop250 {
    padding-top: 250px;
  }
  .paddingTop90 {
    padding-top: 90px;
  }
  .paddingTop0 {
    padding-top: 0px;
  }
  .paddingBottom5 {
    padding-bottom: 5px;
  }
  .paddingBottom10 {
    padding-bottom: 10px;
  }
  .paddingBottom16 {
    padding-bottom: 16px;
  }
  .paddingBottom20 {
    padding-bottom: 20px;
  }
  .paddingBottom30 {
    padding-bottom: 30px;
  }
  .paddingBottom50 {
    padding-bottom: 50px;
  }
  .paddingBottom70 {
    padding-bottom: 70px;
  }
  .paddingBottom105 {
    padding-bottom: 70px;
  }
  .paddingTop0 {
    padding-top: 0px !important;
  }
  .paddingTop6 {
    padding-top: 6px;
  }
  .paddingTop10 {
    padding-top: 10px !important;
  }
  .paddingTop15 {
    padding-top: 15px;
  }
  .paddingTop20 {
    padding-top: 20px;
  }
  .paddingTop25 {
    padding-top: 25px;
  }
  .paddingTop30 {
    padding-top: 30px;
  }
  .paddingTop60 {
    padding-top: 60px;
  }
  .paddingLeft15 {
    padding-left: 15px;
  }
  .paddingRight5 {
    padding-right: 5px;
  }
  .paddingRight10 {
    padding-right: 10px;
  }
  .paddingRight15 {
    padding-right: 15px;
  }
  .paddingRight20 {
    padding-right: 20px;
  }
  .paddingRight30 {
    padding-right: 30px;
  }
  .paddingRight70 {
    padding-right: 70px;
  }
  .paddingTopRight10 {
    padding: 10px 10px 0px 0px;
  }
  .paddingTopRight20 {
    padding: 20px 20px 0px 0px;
  }
  .paddingTopBottom10 {
    padding: 10px 0px;
  }
  .paddingTopBottom15 {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .paddingTopBottom30 {
    padding: 30px 0px;
  }
  .paddingTopBottom40 {
    padding: 40px 0px;
  }
  .nopadding {
    padding: 0 !important;
    margin: 0 !important;
    }


  /* Margin Classes */

  .margin0 {
    margin: 0px;
  }
  .margin0 {
    margin: 0px !important;
  }
  .margin20{
    margin: 20px;
  }
  .marginTopAuto {
    margin-top: auto;
  }
  .marginLeftAuto {
    margin-left: auto;
  }
  .marginTopReduce10 {
    margin-top: -10px;
  }
  .marginTop100 {
    margin-top: 100px;
  }
  .marginTop102 {
    margin-top: 102px;
  }
  .marginTop0{
    margin-top: 0px !important;
  }
  .marginTop30 {
    margin-top: 30px;
  }
  .marginTop60 {
    margin-top: 60px !important;
  }
  .marginTop20{
    margin-top: 20px !important;
  }
  .marginTop55 {
    margin-top: 55px;
  }
  .marginTop70 {
    margin-top: 70px;
  }
  .marginTop50 {
    margin-top: 50px;
  }
  .marginTop10{
    margin-top: 10px;
  }
  .marginTop15{
    margin-top: 15px;
  }
  .marginAuto {
    margin: auto;
  }
  .marginLeftRight15px {
    margin: 0px 15px;
  }
  .marginBottom50 {
    margin-bottom: 50px;
  }
  .marginTop40 {
    margin-top: 40px;
  }

  /* Width Classes */

  .width100 {
    width: 100% !important;
  }
  .width80 {
    width: 80% !important;
  }
  .width675 {
    width: 675px;
  }
  .minwidth280 {
    min-width: 280px;
  }
  .maxWidth50 {
    max-width: 50%;
  }
  .maxWidth675 {
    max-width: 675px;
  }
  .maxWidth440 {
    max-width: 440px;
  }
  .maxWidth322 {
    max-width: 322px;
  }
  .maxWidth900 {
    max-width: 900px;
  }
  .maxWidth1000 {
    max-width: 1000px;
  }
  .maxWidth1060 {
    max-width: 1060px;
  }
  .maxWidth1100 {
    max-width: 1100px;
  }
  .maxWidth1200 {
    max-width: 1200px;
  }
  .maxWidth767px {
    max-width: 767px;
  }
  .width33 {
    width: 33%;
  }


/* Border Classes */

.borderLeft {
    border-left: 1px solid;
  }
  .borderSolidBottom {
    border-bottom: 1px solid black;
  }
  .borderSolidTop {
    border-top: 1px solid black;
  }
  .borderSolidThickBottom {
    border-bottom: 2px solid black;
  }
  .borderSolidThickTop {
    border-top: 2px solid black;
  }
  .borderSolidBrandOrangeTop {
    border-top: 1px solid #E96F18;
  }
  .borderNone {
    border: none;
  }
  .borderSolid {
    border: 1px solid black;
  }
  .noBorderRadius {
    border-radius: 0px;
  }
  .noBoxShadow {
    box-shadow: none;
  }



  /* Height and Flex Classes */

  .height85 {
    height: 95px;
  }
  .height250 {
    height: 250px;
  }
  .height330 {
    height: 330px;
  }
  .maxHeight510 {
    max-height: 510px;
  }
  .maxHeight100 {
    max-height: 100%;
  }
  .heightInherit {
    height: inherit;
  }
  .heightAuto {
    height: auto;
  }
  .height33Percent {
    height: 33%;
  }
  .typography .height100 {
    height: 100%;
  }
  
  .flexWrap {
    display: flex;
    flex-wrap: wrap;
  }
  .flex{
    display: flex;
  }
  .flexColumn {
    display: flex;
    flex-direction: column;
  }
  .flexRow {
    display: flex;
    flex-direction: row !important;
  }
  .flexEnd {
    display: flex !important;
    justify-content:end ;
  }
  .justifySpaceInbetween {
    justify-content: space-between;
  }
  .justifyBottom {
    justify-content: flex-end;
  }
  .justifyCenter {
    justify-content: center;
  }
  .flexRightBottom {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
  }
  .flexGap5 {
    display: flex;
    gap: 5px;
  }
  .flexGap10 {
    display: flex;
    gap: 10px;
  }
  .flexGap20 {
    display: flex;
    gap: 20px;
  }
  .flexGap30 {
    display: flex;
    gap: 30px;
  }
  .displayInline{
    display: inline;
  }
  .alignCenter {
    align-items: center;
  }
  .parsley-required {
    color: red;
  }
  .breakWord {
    word-break: break-word;
  }
  .breakAllWord {
    word-break: break-all;
  }
  .whiteText {
    color: #F9F8F6;
  }
  .overflowAuto{
    overflow: auto;
  }
  .scrollbarThin {
    scrollbar-width: thin;
  }

  @media only screen and (min-width:950px) { 
    .marginTopReduce50 {
        margin-top: -50px !important;
      }
      .desktopMargin20 {
        margin: 20px;
      }
  }

@media only screen and (max-width:1270px) { 
    .typography h1{
        font-size: 42px;
        line-height: 40px;
    }  
    .typography h2{
        font-size: 24px;
        line-height: 28px;
    }
    .typography h2 strong {
        font-size: 24px;
        line-height: 20px;
    }
    .typography .content h3{
        font-size: 20px;
        line-height: 24px;
    }
    .typography .content h5{
        font-size: 18px;
        line-height: 20px;
    }
    .typography li{
        font-size : 15px;
        line-height: 20px;
    }
    .typography .sectionContent {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: 0.54px;
    }
    .typography .mobileSubHeading {
        font-size: 20px;
        line-height: 24px;
        letter-spacing: 0.2px;
      }
      .largeDesc {
        font-size: 24px;
        line-height: 30px;
    }
}

@media only screen and (max-width:950px) { 
  .DownloadTileLargeHeading {
    font-size: 18px;
    line-height: 24px;
  }
}