@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,400;0,700;1,400&family=Roboto+Slab&family=Roboto:wght@500&display=swap');

.raleway {font-family: Raleway, sans-serif;}
.robotoslab {font-family: 'Roboto Slab', sans-serif;}
.roboto {font-family: 'Roboto', sans-serif;}


.whiteBackground {background: #fff;}
.blackText {color: #000;}
.whiteText, .whiteText a {color: #fff;}

/* Theme colored */
.darkBackground {background: #222b37;}
.blueText, .blueText a {color: #009ec8;}
.darkBlueText, .darkBlueText a {color: #003052;}
.grayText, .grayText a {color: #aeb0b2;}

.xlText {font-size: 3em;line-height: 1em;}
.lText {font-size: 2em;}


/* End Theme colored */
.relative {
  position: relative;
}

.underline {border-bottom: solid 1px;}

.imageBackground {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.imageBackgroundContain {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

.parallax {
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

ul.dividers li:not(:first-child):before {content: " | "; margin-right: .5em;}
ul.dividers li {text-align: center;}

.accordion .fa {margin-right: 0.5rem;}
.accordion .card-header {padding: .5rem 1.25rem; background-color: #ECEBDF;}
.accordion .btn-link {color: #002E66;}
.accordion .btn-link:hover {text-decoration: none; font-weight: bold;}

.valError {color:red;}

.landingButton {
  background-image: url(/assets/landing/images/landingButton.png);
  background-repeat: no-repeat;
  background-position: center center;
  display: block;
  height: 62px;
  width: 191px;
  margin: 0 auto;
  line-height: 52px;
  font-size: 16px;
  text-indent: -20px;
  color: #009ec8;
}

:hover.landingBox .landingButton,
:hover.homeBox .landingButton,
:hover.landingButton {
  background-image: url(/assets/landing/images/landingButton-on.png);
  text-decoration: none;
  color: #fff;
}

#trensorLine {
  display: block;
  width: 100%;
  height: 12px;
  background: url(/assets/landing/images/line.png) no-repeat center center;
  overflow: hidden;
}

#trensorSolidLine {
  display: block;
  width: 100%;
  height: 12px;
  background: #939598;
  overflow: hidden;
}