/*
 Solutions, products, compliance, and partner styles
 */

.product-page-block {
  position: relative;
  padding: 75px 0;  
}

.product-page-block.customers-quicklist {
  background: #363e49;
}

.product-page-block .grid-container {
  margin: 0;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 75px;
  grid-row-gap: 75px;
}

.product-page-block .grid-container.no-gap {
  grid-row-gap: 0;
}

.product-page-block .grid-container.explainer-blocks, .product-page-block .grid-container.grid-blocks-by-three.titus-products {
  margin: 55px 0 20px 0;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
}

.product-page-block.blue-bg .grid-container.grid-blocks-by-three.titus-products {
  margin: 0;
}

.product-page-block .grid-container.grid-blocks-by-three {
  grid-template-columns: 1fr 1fr 1fr;
  margin: 40px 0 20px 0;
}

.product-page-block .grid-container.grid-blocks-by-three .grid-block {
  padding: 40px 30px;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  transition: all 0.25s ease-in-out;
}

.product-page-block .grid-container.grid-blocks-by-three.titus-products .grid-block {
  padding: 0;
  background: none;
  border: none;
}

.product-page-block.blue-bg .grid-container.grid-blocks-by-three.titus-products .grid-block {
  padding: 40px;
  border: none;
}

.product-page-block .grid-container.grid-blocks-by-three :hover.grid-block {
  box-shadow: 0 10px 15px 0 #d5d5d5;
}

.product-page-block .grid-container.grid-blocks-by-three.titus-products :hover.grid-block {
  box-shadow: none;
}

.product-page-block .grid-container.grid-blocks-by-four {
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin: 45px 0 30px 0;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
}

.product-page-block .grid-container div.center-vertical {
  display: flex;
  flex-direction: column;
  justify-content: center;
}


/* =============================================================================
   Typography
   ========================================================================== */

.product-page h2 {
   font-size: 2.4em;
   font-weight: 300;
   margin: 0 0 20px 0;
}

.product-page .blue-bg h2, .product-page .purple-bg h2, .product-page .purple-bg p, .product-page .black-bg h2, .product-page .gradient-blue-green-bg h2, .product-page .blue-bg h3, .product-page .black-bg h3, .product-page .gradient-blue-green-bg h3, 
.product-page .blue-bg p, .product-page .black-bg p, .product-page .gradient-blue-green-bg p, .blue-bg h2, .blue-bg p, .product-page .blue-bg h2 strong, .product-page .black-bg h2 strong, .product-page .gradient-blue-green-bg h2 strong, 
.product-page .blue-bg p strong, .product-page .black-bg p strong, .product-page .gradient-blue-green-bg p strong, .blue-bg h2 strong, .blue-bg p strong, .product-page .black-bg li, .product-page .blue-bg li, .product-page .gradient-blue-green-bg li {
   color: #fff;
}

.titus-departments h2 {
  font-size: 2.5em;
}

.product-page-block .grid-container.grid-blocks-by-three h3 {
  font-size: 1.95em;
  margin: 0 0 10px 0;
}

.product-page h3 {
  font-weight: 600;
}

.product-page .blue-bg h3, .product-page .black-bg h3, .product-page .gradient-blue-green-bg h3 {
  font-size: 1.7em;
  color: #38d7ff;
  margin: 25px 0 8px 0;
}

.product-page .grid-links h3, .product-page .grid-links h3, .product-page .grid-links h3 {
  font-size: 1.45em;
  margin: 0;
}

.product-page-block .grid-container.explainer-blocks h3 {
  font-size: 1.9em;
  margin: 0 0 15px 0;
}

.product-page-block .grid-container.titus-products h3 {
  font-size: 1.5em;
  font-weight: 400;
  line-height: 1.1;
  margin: 0 0 12px 0;
}

.tcs-product-sheets .grid-container h3 {
  font-size: 1.5em;
  font-weight: 400;
  margin: 0 0 10px 0;
}

.product-page .blue-bg h3 a, .product-page .black-bg h3 a, .product-page .gradient-blue-green-bg h3 a, .product-page-block.blue-bg .grid-container.grid-blocks-by-three.titus-products h3 a {
  font-weight: 400;
  color: #fff;
}

.product-page-block.blue-bg .grid-container.grid-blocks-by-three.titus-products h3 a {
  color: #38d7ff;
}

.product-page-block .grid-container.grid-blocks-by-three p {
  font-size: 1em;
  margin: 0 0 10px 0;
}

.tcs-product-sheets .grid-container p {
  font-size: 1em;
}

ul.numeric-points {
  margin: 40px 0 60px 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
}

ul.numeric-points li {
  position: relative;
  float: left;
  display: block;
  width: 33.33%;
}

ul.numeric-points li div {
  float: left;
  display: block;
  width: 85px;
  height: 85px;
  font-size: 2.9em;
  font-weight: 700;
  line-height: 76px;
  color: #ffc709;
  border: 5px solid #ffc709;
  border-radius: 100%;
}

ul.numeric-points li span {
  float: left;
  display: block;
  width: 310px;
  text-align: left;
  font-size: 1.25em;
  line-height: 1.25;
  color: #fff;
  margin: -3px 0 0 0;
  padding: 0 0 0 20px;
}

/* =============================================================================
   Images and embeds
   ========================================================================== */

.product-page-block .grid-container div img {

}

.half img {
  margin: 0 auto;
}

div.center-vertical img {
  margin: 0 auto;
}

.product-page-block .grid-container div div.vid {
  margin: 0;
}

.product-page-block .grid-container.grid-blocks-by-three a img, .product-page-block .grid-container.titus-products a img {
  width: 150px;
  margin: 0 auto 20px auto;
  padding: 15px;
  border: 12px solid #fff;
  border-radius: 100%;
}

.product-page-block .grid-container.titus-products a img {
  margin: 0 auto 10px auto;
  border: 12px solid #eee;
}

.product-page-block .grid-container.titus-products a:hover img {
  border: 12px solid #ffc709;
}

img.screenshot {
  margin: 20px auto;
}

img.no-top-margin {
  margin: 0 auto 40px auto;
}

.tcs-product-sheets .grid-container div img {
  max-width: 250px;
  margin: 0 auto 25px auto;
}

.tcs-products-list img {
  width: 75px;
  margin: 0 auto;
  opacity: 0.5;
}

.tabs__tab-list.tcs-products-list li a.tabs__trigger.is-selected img, .tabs__tab-list.tcs-products-list li a:hover.tabs__trigger img, .tabs__tab-list.tcs-products-list li a:focus.tabs__trigger img {
  opacity: 1;
}


/* =============================================================================
   < 1280
   ========================================================================== */
@media only screen
and (max-width : 1280px) {

ul.numeric-points li div {
  width: 55px;
  height: 55px;
  font-size: 2.4em;
  line-height: 47px;
}

ul.numeric-points li span {
  width: 260px;
  font-size: 1em;
}

}/* end media query */


/* =============================================================================
   < 1024
   ========================================================================== */
@media only screen
and (max-width : 1050px) {

.product-page-block {
  padding: 50px 0;
}

.product-page-block .grid-container {
  grid-template-columns: 1fr;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
}

.product-page-block .grid-container.grid-blocks-by-four  {
  grid-template-columns: 1fr 1fr;
}

.product-page-block .grid-container.grid-blocks-by-three.techvalidate-quotes {
  grid-template-columns: 1fr;
  grid-row-gap: 30px;
}

.product-page h2 {
   font-size: 1.9em;
}

.product-page-block .grid-container div.center-vertical {
  display: block;
}

.product-page-block.blue-bg .grid-container.grid-blocks-by-three.titus-products .grid-block {
  padding: 0;
}

.product-page-block .grid-container.titus-products h3 {
font-size: 1.5em;
}

.product-page .blue-bg h3, .product-page .black-bg h3, .product-page .gradient-blue-green-bg h3 {
  font-size: 1.4em;
}

ul.numeric-points li {
  float: none;
  width: 100%;
}

ul.numeric-points li div {
  float: none;
  width: 50px;
  height: 50px;
  font-size: 2em;
  line-height: 45px;
  margin: 0 auto 15px auto;
}

ul.numeric-points li span {
  float: none;
  width: 100%;
  text-align: center;
  font-size: 1em;
  line-height: 1.4;
  margin: 0 0 10px 0;
  padding: 0;
}

div.center-vertical img {
    margin: 30px auto;
}

}/* end media query */


/* =============================================================================
   < 768
   ========================================================================== */
@media only screen
and (max-width : 768px) {

.product-page h2 {
   font-size: 1.7em;
}

.product-page-block .grid-container.titus-products h3 {
  font-size: 1.4em;
}


}/* end media query */


/* =============================================================================
   < 640
   ========================================================================== */
@media only screen
and (max-width : 640px) {

.product-page-block .grid-container.grid-blocks-by-four {
  grid-template-columns: 1fr;
}

.product-page h2 {
   font-size: 1.55em;
   font-weight: 400;
}

}/* end media query */


/* =============================================================================
   < 520
   ========================================================================== */
@media only screen
and (max-width : 520px) {



}/* end media query */