@charset "UTF-8";
.skin_banner {
  background: rgb(87, 1, 5);
/*  background: linear-gradient(0deg, rgba(87, 1, 5, 1) 0%, rgba(197, 9, 9, 1) 100%);*/
    background: linear-gradient(0deg, rgba(231, 230, 230, 1) 0%, rgba(242, 240, 232, 1) 100%);
}
/*
.skin_banner .banner_accent {
	background-color: transparent;
  background-image: url(/portals/0/assets/images/white-red-arc-accent.png);
	background-size: cover;
  background-repeat: no-repeat;
}
*/
@media handheld, only screen and (min-width:768px) {
  .skin_banner {
/*    background-color: #c50909;*/
      background-color: #E7E6E6;
    background-image: url(/portals/0/assets/images/simply-smrt-bkg3.jpg);
    background-repeat: no-repeat;
    background-position: 130px 0;
    background-size: contain;
    /*    min-height: 650px;*/
  }
}
@media handheld, only screen and (min-width:790px) {
  .skin_banner {
    background-size: cover;
    background-position: -155px 0;
  }
}
@media handheld, only screen and (min-width:1000px) {
  .skin_banner {
    background-position: 0 0;
  }
}
@media handheld, only screen and (min-width:1200px) {
	.skin_banner {
    background-position: 120px 0;
  }
}
@media handheld, only screen and (min-width:1360px) {
  .skin_banner {
    background-size: contain;
  }
}
@media handheld, only screen and (min-width:1500px) {
    	.skin_banner {
    background-position: 200px 0;
  }
}
@media handheld, only screen and (min-width:1940px) {
	 .skin_banner {
    background-size: contain;
    background-position: top right;
  }
	
}
/*HERO BANNER STYLES*/
#hero-banner {
  margin: 30px 0;
}
#hero-banner .flex {
  justify-content: center;
}
#hero-banner h1 {
  margin-top: 0;
  font-size: 30px;
/*  text-transform: uppercase;*/
  line-height: 1.1em;
  text-align: center;
}
#hero-banner h1, #hero-banner p, #whats-new h2 {
  color: #000000;
}
#hero-banner p.subtitle {
  font-family: 'Montserrat', arial, sans-serif;
  font-size: 19px;
  line-height: 1.1em;
  padding-bottom: 15px;
}
#hero-banner p {
  text-align: center;
}
a.btn-tertiary {
  color: #fff;
  text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);
  background-color: #02394A;
  border-color: #02394A #02394A #218388;
}
a.btn-tertiary:hover {
  border-color: #012632 #012632 #26969c;
  background-color: #012632;
}
html a.btn-tertiary:active, html a.btn-tertiary:focus {
  border-color: #26969c #26969c #26969c;
  background-color: #26969c;
	color: #fff;
}
html .btn-tertiary:focus {
  box-shadow: 0 0 0 0.2rem #3fc9d0 !important;
  color: #FFF;
}
#whats-new h2 {
/*  text-transform: uppercase;*/
  text-align: center;
  margin-bottom: 0;
  font-size: 20px;
}
#hero-banner .video {}
#hero-banner .video p {
  color: #000000;
}
@media handheld, only screen and (min-width:768px) {
  #hero-banner {
    margin: 62px 0 50px;
  }
  #hero-banner .flex {
    justify-content: space-between;
  }
  #hero-banner .flex .text {
    max-width: 320px;
  }
  #hero-banner h1 {
    font-size: 34px;
    text-align: left;
  }
  #hero-banner p {
    text-align: left;
  }
  #hero-banner p.subtitle {
    font-size: 24px;
  }
  #whats-new h2 {
    /*    text-align: left;*/
    font-size: 24px;
    margin-top: 60px;
  }
}
@media handheld, only screen and (min-width:992px) {
  #hero-banner .flex .text {
    max-width: 360px;
  }
}
@media handheld, only screen and (min-width:1000px) {
  #hero-banner .flex .text {
    max-width: 500px;
  }
}
/*Section Title styles*/
#home-products h2, #home-solutions h2 {
  text-align: center;
  font-size: 28px;
/*  text-transform: uppercase;*/
}
/*Home Product Styles*/
ul#featured-products {
  justify-content: space-between;
  margin-top: 20px;
  margin-bottom: 40px;
  margin-left: 0;
  flex-direction: column;
  align-items: center;
}
ul#featured-products li {
  list-style-type: none;
  display: flex;
  margin: 15px;
  text-align: center;
  /*	border: 1px solid red;*/
}
ul#featured-products li a {
  display: flex;
  padding: 8px 2px;
  border: 1px solid #ffffff;
}
ul#featured-products li a:hover {
  background-color: #eeeeee;
  border-radius: 4px;
  border: 1px solid #cccccc;
}
ul#featured-products li a:focus {
  border: 1px solid #000000;
}
ul#featured-products li a > .flex {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
ul#featured-products li .text h3 {
  font-family: "Open Sans", arial, sans-serif;
  font-size: 16px;
/*  text-transform: uppercase;*/
  margin-top: 8px;
  line-height: 1.1em;
  margin-bottom: 5px;
	color: inherit;
}
ul#featured-products li .img {
  width: 100%;
  border-bottom: 3px solid #CCCCCC;
}
@media handheld, only screen and (min-width:550px) {
  ul#featured-products {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: unset;
  }
}
@media handheld, only screen and (min-width:768px) {
  ul#featured-products li {
    margin: 5px 15px;
    width: calc(100% / 4);
    justify-content: center;
  }
  

}
@media handheld, only screen and (min-width:790px) {
  #whats-new h2 {
    text-align: left;
    margin-top: 40px;
  }
}
@media handheld, only screen and (min-width:992px) {
  ul#featured-products li {
    margin: 5px auto;
    width: calc(100% / 5);
    max-width: 180px;
  }
  #home-solutions .card {
  flex: 1 0 22%;
  max-width: 22%
}  
  
}
/* #.# Solutions & Services Styles
------------------------------*/
#home-solutions .card.border-bottom.border-tertiary {
  border-bottom: 8px solid #02394A;
}
#home-solutions .card-deck {margin-top: 20px; margin-bottom: 40px; justify-content: center;}
#home-solutions .card h3 {
  margin: 0 0 10px;
  line-height: 1.1em;
  font-size: 18px;
  min-height: 35px;
}
#home-solutions .card a {
/*  flex: 1;*/
	display: block;
}

#home-solutions .card {
  flex: 1 0 25%;
  margin-bottom: 15px;
}


/*main #home-solutions .card a p {text-decoration: none;}*/
#home-solutions .card a:hover .card-body {background-color: #eeeeee;}
#home-solutions .card p {line-height: 16px; color: #000000;}