@import "/application/themes/ssi_theme/css/bootstrap/bootstrap.min.css";
/* Background Color Styles */
.black_background {
  background-color: #000000 !important;
}
.blue_background {
  background-color: #0e0d5f !important;
}
.green_background {
  background-color: #008000 !important;
}
.grey_background {
  background-color: #a8a5a5 !important;
}
.light_grey_background {
  background-color: #dfdede !important;
}
.dark_grey_background {
  background-color: #5a5959 !important;
}
.orange_background {
  background-color: #eb8f0b !important;
}
.red_background {
  background-color: #c80707 !important;
}
.yellow_background {
  background-color: #ffff00 !important;
}
.white_background {
  background-color: #ffffff !important;
}
@font-face {
  font-family: 'Poppins-Medium';
  src: url('/application/themes/ssi_theme/fonts/Poppins-Medium.ttf');
}
.ccm-page .blue_text {
  color: #0e0d5f;
}
.ccm-page .green_text {
  color: #008000;
}
.ccm-page .orange_text {
  color: #eb8f0b;
}
.ccm-page .red_text {
  color: #c80707;
}
.ccm-page .yellow_text {
  color: #ffff00;
}
.ccm-page .white_text {
  color: #ffffff;
}
.ccm-page .grey_text {
  color: #a8a5a5;
}
.ccm-page .black_text {
  color: #000000;
}
.ccm-page a,
.ccm-page a:visited,
.ccm-page a:active {
  outline: 0 !important;
  text-decoration: none;
  color: #eb8f0b;
}
.ccm-page a:hover {
  color: #5a5959;
}
.ccm-page *:focus {
  outline: none !important;
}
.ccm-page h1,
.ccm-page h2,
.ccm-page h3,
.ccm-page h4,
.ccm-page h5,
.ccm-page h6 {
  font-weight: 500;
}
.ccm-page h1 {
  font-size: 25px;
}
@media (min-width: 576px) {
  .ccm-page h1 {
    font-size: 3.3vw;
  }
}
@media (min-width: 992px) {
  .ccm-page h1 {
    font-size: 40px;
  }
}
.ccm-page h2 {
  font-size: 23px;
}
@media (min-width: 576px) {
  .ccm-page h2 {
    font-size: 2.7vw;
  }
}
@media (min-width: 992px) {
  .ccm-page h2 {
    font-size: 32px;
  }
}
.ccm-page h3 {
  font-size: 21px;
}
@media (min-width: 576px) {
  .ccm-page h3 {
    font-size: 2.4vw;
  }
}
@media (min-width: 992px) {
  .ccm-page h3 {
    font-size: 28px;
  }
}
.ccm-page h4 {
  font-size: 19px;
}
@media (min-width: 576px) {
  .ccm-page h4 {
    font-size: 2.0vw;
  }
}
@media (min-width: 992px) {
  .ccm-page h4 {
    font-size: 24px;
  }
}
.ccm-page h5 {
  font-size: 17px;
}
@media (min-width: 576px) {
  .ccm-page h5 {
    font-size: 1.7vw;
  }
}
@media (min-width: 992px) {
  .ccm-page h5 {
    font-size: 20px;
  }
}
.ccm-page h6 {
  font-size: 14px;
}
@media (min-width: 576px) {
  .ccm-page h6 {
    font-size: 1.4vw;
  }
}
@media (min-width: 992px) {
  .ccm-page h6 {
    font-size: 16px;
  }
}
.ccm-page .btn.btn-default,
.ccm-page .btn.btn-primary {
  border: none;
  border-radius: 0;
  background: #eb8f0b url("/application/themes/ssi_theme/images/button-bg-white.png") right 10px center no-repeat;
  color: #ffffff;
  padding-right: 40px;
}
.ccm-page .btn.btn-default a,
.ccm-page .btn.btn-primary a {
  color: #ffffff;
}
.ccm-page .btn.btn-default:hover,
.ccm-page .btn.btn-primary:hover {
  background-color: #5a5959;
}
.ccm-page .btn.btn-default.download,
.ccm-page .btn.btn-primary.download {
  color: #ffffff;
  padding-left: 40px;
}
.ccm-page .btn.btn-default.download a,
.ccm-page .btn.btn-primary.download a {
  color: #ffffff;
}
.ccm-page .btn.btn-default.download:hover,
.ccm-page .btn.btn-primary.download:hover {
  background-color: #5a5959;
}
.ccm-page .btn.btn-default.black,
.ccm-page .btn.btn-primary.black {
  background-color: #000000;
  color: #ffffff;
}
.ccm-page .btn.btn-default.black a,
.ccm-page .btn.btn-primary.black a {
  color: #ffffff;
}
.ccm-page .btn.btn-default.black:hover,
.ccm-page .btn.btn-primary.black:hover {
  background-color: #ffffff;
}
.ccm-page .btn.btn-default.black:hover a,
.ccm-page .btn.btn-primary.black:hover a {
  color: #000000;
}
.ccm-page .btn.btn-default.blue,
.ccm-page .btn.btn-primary.blue {
  background-color: #0e0d5f;
  color: #ffffff;
}
.ccm-page .btn.btn-default.blue a,
.ccm-page .btn.btn-primary.blue a {
  color: #ffffff;
}
.ccm-page .btn.btn-default.blue:hover,
.ccm-page .btn.btn-primary.blue:hover {
  background-color: #0e0d5f;
}
.ccm-page .btn.btn-default.green,
.ccm-page .btn.btn-primary.green {
  background-color: #008000;
  color: #ffffff;
}
.ccm-page .btn.btn-default.green a,
.ccm-page .btn.btn-primary.green a {
  color: #ffffff;
}
.ccm-page .btn.btn-default.green:hover,
.ccm-page .btn.btn-primary.green:hover {
  background-color: #008000;
}
.ccm-page .btn.btn-default.orange,
.ccm-page .btn.btn-primary.orange {
  background-color: #eb8f0b;
  color: #ffffff;
}
.ccm-page .btn.btn-default.orange a,
.ccm-page .btn.btn-primary.orange a {
  color: #ffffff;
}
.ccm-page .btn.btn-default.orange:hover,
.ccm-page .btn.btn-primary.orange:hover {
  background-color: #5a5959;
}
.ccm-page .btn.btn-default.yellow,
.ccm-page .btn.btn-primary.yellow {
  background-color: #ffff00;
  color: #000000;
}
.ccm-page .btn.btn-default.yellow a,
.ccm-page .btn.btn-primary.yellow a {
  color: #000000;
}
.ccm-page .btn.btn-default.yellow:hover,
.ccm-page .btn.btn-primary.yellow:hover {
  background-color: #5a5959;
}
.ccm-page .btn.btn-default.red,
.ccm-page .btn.btn-primary.red {
  background-color: #c80707;
  color: #ffffff;
}
.ccm-page .btn.btn-default.red a,
.ccm-page .btn.btn-primary.red a {
  color: #ffffff;
}
.ccm-page .btn.btn-default.red:hover,
.ccm-page .btn.btn-primary.red:hover {
  background-color: #5a5959;
}
.ccm-page .btn.btn-default.white,
.ccm-page .btn.btn-primary.white {
  color: #000000;
  background: #ffffff url("/application/themes/ssi_theme/images/button-bg-black.png") right 10px center no-repeat;
}
.ccm-page .btn.btn-default.white a,
.ccm-page .btn.btn-primary.white a {
  color: #000000;
}
.ccm-page .btn.btn-default.white:hover,
.ccm-page .btn.btn-primary.white:hover {
  background: #5a5959 url("/application/themes/ssi_theme/images/button-bg-white.png") right 10px center no-repeat;
  color: #ffffff;
}
.ccm-page .btn.btn-default.grey,
.ccm-page .btn.btn-primary.grey {
  background-color: #a8a5a5;
  color: #000000;
}
.ccm-page .btn.btn-default.grey a,
.ccm-page .btn.btn-primary.grey a {
  color: #000000;
}
.ccm-page .btn.btn-default.grey:hover,
.ccm-page .btn.btn-primary.grey:hover {
  background-color: #a8a5a5;
}
.ccm-page .btn.btn-default.lightGrey,
.ccm-page .btn.btn-primary.lightGrey {
  background-color: #dfdede;
  color: #000000;
}
.ccm-page .btn.btn-default.lightGrey a,
.ccm-page .btn.btn-primary.lightGrey a {
  color: #000000;
}
.ccm-page .btn.btn-default.lightGrey:hover,
.ccm-page .btn.btn-primary.lightGrey:hover {
  background-color: #5a5959;
  color: #ffffff;
}
.ccm-page .btn.btn-default.darkGrey,
.ccm-page .btn.btn-primary.darkGrey {
  background-color: #5a5959;
  color: #ffffff;
}
.ccm-page .btn.btn-default.darkGrey a,
.ccm-page .btn.btn-primary.darkGrey a {
  color: #ffffff;
}
.ccm-page .btn.btn-default.darkGrey:hover,
.ccm-page .btn.btn-primary.darkGrey:hover {
  background-color: #5a5959;
}
.header .headerSiteTitle {
  padding-top: 30px;
}
.header .headerHours {
  background-color: #dfdede;
  clip-path: polygon(0 0, 100% 0%, 100% 100%, 8% 98%);
  padding-left: 120px;
  padding-top: 40px;
  color: #0e0d5f;
  font-size: 24px;
}
.header .headerHours p {
  margin-bottom: 5px;
}
.header .headerPhone {
  padding-top: 10px;
  padding-left: 120px;
  font-size: 20px;
}
.header .headerPhone a {
  color: #000000;
}
.header .headerBanner {
  position: relative;
}
.header .headerBanner img {
  width: 100%;
}
@media (min-width: 1200px) {
  .header .headerBanner .headerInnerBanner,
  .header .headerBanner .headerBottomBanner {
    background-size: 50%;
  }
}
@media (min-width: 1400px) {
  .header .headerBanner .headerInnerBanner,
  .header .headerBanner .headerBottomBanner {
    background-size: auto;
  }
}
.header .headerBanner .bannerText {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.header .headerBanner .bannerText .row {
  padding-top: 3%;
}
.header .headerBanner .bannerText h2,
.header .headerBanner .bannerText h3 {
  color: white;
  margin-bottom: 0;
}
.header .headerBanner .swiperStatic,
.header .headerBanner .swiperContent {
  margin-left: 10%;
  width: 35%;
}
.header .headerNavWrap {
  background-color: #eb8f0b;
}
.header .headerNavWrap .headerNavigation .navbar-toggler {
  margin-top: -20px;
}
.header .headerNavWrap .headerNavigation .offcanvas-body {
  background-color: #eb8f0b;
}
@media (min-width: 992px) {
  .header .headerNavWrap .headerNavigation .offcanvas-body {
    max-width: 100%;
  }
}
.header .headerNavWrap .headerNavigation .offcanvas-body ul.nav {
  display: block;
  margin: 0 auto;
}
@media (min-width: 992px) {
  .header .headerNavWrap .headerNavigation .offcanvas-body ul.nav {
    display: flex;
  }
}
.header .headerNavWrap .headerNavigation .offcanvas-body ul.nav li a {
  color: #ffffff;
  text-transform: uppercase;
}
.header .headerNavWrap .headerNavigation .offcanvas-body ul.nav li a.nav-selected,
.header .headerNavWrap .headerNavigation .offcanvas-body ul.nav li a.nav-path-selected {
  color: #000000;
}
@media (min-width: 992px) {
  .header .headerNavWrap .headerNavigation .offcanvas-body ul.nav li a {
    padding: 8px 9px;
  }
}
@media (min-width: 1200px) {
  .header .headerNavWrap .headerNavigation .offcanvas-body ul.nav li a {
    padding: 8px 21px;
  }
}
@media (min-width: 1400px) {
  .header .headerNavWrap .headerNavigation .offcanvas-body ul.nav li a {
    padding: 8px 33px;
  }
}
.header .headerNavWrap .headerNavigation .offcanvas-body ul.nav li a:hover,
.header .headerNavWrap .headerNavigation .offcanvas-body ul.nav li a.show {
  color: #000000;
}
@media (min-width: 992px) {
  .header .headerNavWrap .headerNavigation .offcanvas-body ul.nav li a:hover,
  .header .headerNavWrap .headerNavigation .offcanvas-body ul.nav li a.show {
    color: black;
  }
}
.header .headerNavWrap .headerNavigation .offcanvas-body ul.nav li.nav-path-selected > a {
  color: #000000;
}
.header .headerNavWrap .headerNavigation .offcanvas-body ul.nav li.open > a {
  background-color: green;
}
.header .headerNavWrap .headerNavigation .offcanvas-body ul.nav li:hover {
  background-color: transparent;
}
.header .headerNavWrap .headerNavigation .offcanvas-body ul.nav li:hover > a {
  color: #000000;
}
.header .headerNavWrap .headerNavigation .offcanvas-body ul.nav li .dropdown-menu {
  background-color: #eb8f0b;
  position: relative;
  white-space: nowrap;
  border: none;
}
@media (min-width: 992px) {
  .header .headerNavWrap .headerNavigation .offcanvas-body ul.nav li .dropdown-menu {
    position: absolute;
  }
}
.header .headerNavWrap .headerNavigation .offcanvas-body ul.nav li .dropdown-menu li a {
  padding: 5px 15px 15px 30px;
}
@media (min-width: 992px) {
  .header .headerNavWrap .headerNavigation .offcanvas-body ul.nav li .dropdown-menu li a {
    padding: 5px 15px;
  }
}
.header .headerNavWrap .headerNavigation .offcanvas-body ul.nav li .dropdown-menu li a:hover {
  background-color: transparent;
  color: #000000;
}
.header .headerNavWrap .headerNavigation .offcanvas-body ul.nav li.menuSearch {
  position: relative;
  padding: 8px 10px 5px 10px;
}
.header .headerNavWrap .headerNavigation .offcanvas-body ul.nav li.menuSearch:hover {
  background-color: transparent;
}
.header .headerNavWrap .headerNavigation .offcanvas-body ul.nav li #header-search-query {
  position: absolute;
  top: 35px;
  right: 0;
}
.header .headerNavWrap .headerNavigation .offcanvas-body ul.nav li #header-search:hover,
.header .headerNavWrap .headerNavigation .offcanvas-body ul.nav li #header-search.searchActive {
  cursor: pointer;
  color: red;
}
.footer {
  /*Footer Navigation*/
}
.footer .footerTopWrap {
  background-color: #0e0d5f;
}
.footer .footerTopWrap .footerLogo {
  background-color: #ffffff;
  clip-path: polygon(0 0, 100% 0%, 100% 100%, 8% 98%);
  padding: 5px 0 25px 100px;
}
.footer .footerTopWrap .footerPhone {
  padding: 40px 0 30px 0;
  line-height: 30px;
  color: #ffffff;
}
.footer .footerTopWrap .footerPhone a {
  color: #ffffff;
}
.footer .footerNavWrap {
  background-color: #eb8f0b;
  padding: 10px 0;
}
.footer .footerNavWrap ul.nav {
  display: table;
  margin: 0 auto;
}
.footer .footerNavWrap .footerNavigation li {
  float: left;
}
.footer .footerNavWrap .footerNavigation li a {
  padding: 8px 16px;
  color: #ffffff;
  text-transform: uppercase;
}
.footer .footerNavWrap .footerNavigation li a:focus,
.footer .footerNavWrap .footerNavigation li a:hover,
.footer .footerNavWrap .footerNavigation li a.nav-selected,
.footer .footerNavWrap .footerNavigation li a.nav-path-selected {
  background-color: transparent;
  color: #000000;
}
.footer .footerCopyright {
  text-align: center;
  font-size: 12px;
  padding: 10px 0;
}
.footer .footerCopyright a {
  color: #000000;
}
/*Concrete5 Slideshow Block*/
.page-template-home .centerWrap {
  padding-top: 0;
}
.page-template-home .headerBanner {
  background-repeat: no-repeat;
  background-size: cover;
  color: #ffffff;
}
.page-template-home .headerBanner h1,
.page-template-home .headerBanner h2,
.page-template-home .headerBanner h3,
.page-template-home .headerBanner h4 {
  color: #ffffff;
}
.page-template-home .mainWrap {
  background-color: #dfdede;
  padding-top: 80px;
}
.page-template-home .mainWrap .rightSidebarContent {
  padding-left: 200px;
  padding-top: 60px;
}
.page-template-home .lowerWrap {
  background: url("/application/themes/ssi_theme/images/lower-bg-with-grey.png") no-repeat center top;
  background-size: cover;
  color: #ffffff;
  padding: 120px 0 100px 0;
}
.page-template-home .lowerWrap h1,
.page-template-home .lowerWrap h2,
.page-template-home .lowerWrap h3,
.page-template-home .lowerWrap h4 {
  color: #ffffff;
}
.page-template-home .brandsWrap {
  margin-top: 80px;
}
.page-template-home .brandsWrap .brands {
  margin-bottom: 30px;
}
.page-type-ssi-product-list .mainWrap {
  background-color: #dfdede;
  margin-top: 50px;
  padding: 50px 0;
}
.page-template-product-detail .pageTitle {
  display: none;
}
.page-template-product-detail .detailRollover {
  margin-top: 20px;
  overflow: hidden;
}
.page-template-product-detail .detailRollover .rolloverButton {
  float: left;
  background-color: #5a5959;
  font-size: 24px;
  width: 30%;
  clip-path: polygon(0 0, 85% 0, 100% 100%, 0% 100%);
  color: #fff;
  padding: 10px 40px 10px 15px;
  margin: 15px 20px 30px 0;
}
.page-template-product-detail .detailRollover .rolloverButton.active {
  background-color: #dfdede;
  color: #000000;
}
.page-template-product-detail .specificationsSheet {
  margin-top: 30px;
}
.page-template-product-detail .suitableList {
  list-style-image: url("/application/themes/ssi_theme/images/red-checkmark.png");
  padding-left: 24px;
  margin-top: 5px;
}
.page-template-product-detail .rightSidebar {
  text-align: center;
}
.page-template-product-detail .rightSidebar .image {
  margin-bottom: 30px;
}
.expressEntryList .entryListWrapper {
  background-color: #ffffff;
}
.expressEntryList .entryListWrapper .productName {
  text-align: center;
  font-size: 24px;
}
.expressEntryList .entryListWrapper .productImage {
  text-align: center;
  padding: 20px 0;
}
.expressEntryList .entryListWrapper .productLink a {
  display: block;
  color: #ffffff;
  background: #eb8f0b url("/application/themes/ssi_theme/images/button-bg-white.png") no-repeat right 10px center;
  padding: 10px;
}
.expressEntryList .entryListWrapper .productLink a:hover {
  background-color: #5a5959;
}
body {
  font-size: 16px;
  font-family: Poppins-Medium;
  font-color: #5a5959;
}
body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
  color: #5a5959;
}
.ccm-page {
  overflow: hidden;
}
.ccm-edit-mode .page-template-home .bannerText {
  display: none;
}
.centerWrap {
  padding: 50px 0;
}
.breadcrumb {
  padding: 15px 0;
  margin-bottom: 20px;
  list-style: none;
  border-radius: 4px;
}
.breadcrumb > li + li::before {
  padding: 0 5px;
  content: "/\00a0";
}
.flexVertCenter {
  display: flex;
  align-items: center;
  width: 100%;
}
.flexVertCenter .flexVertContainer {
  width: 100%;
}
.flexBox {
  display: flex;
  flex-direction: column;
  align-content: space-between;
}
.flexBox .flexBottom {
  display: flex;
  align-self: flex-end;
  margin-top: auto;
}
.img-responsive {
  max-width: 100%;
  height: auto;
}
.ccm-toolbar-visible .navbar-offcanvas {
  margin-top: 50px;
}
@media (min-width: 576px) {
  .ccm-toolbar-visible .navbar-offcanvas {
    margin-top: 0;
  }
}
.ccm-toolbar-visible.ccm-panel-add-block .fixed-bottom {
  position: unset;
}
.img-responsive {
  max-width: 100%;
  height: auto;
}
/* styles defined in page_theme.php */
.center_image img {
  display: block;
  margin: 0 auto;
}