@charset "UTF-8";

.header .top-content {
  color: white;
  font-size: 12px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-weight: bold; }
  .header .top-content a {
    color: white; }
  .header .top-content .left-content {
    float: left; }
  .header .top-content .right-content {
    float: right; }
.header .bottom-content {
  background-image: url("/web/20190131041408im_/http://www.showmegranite.com/Assets/SMG/Images/GraniteBackground.jpg");
  background-repeat: repeat-x;
  height: 87px; }
  .header .bottom-content a {
    padding-top: 30px;
    color: #e02026 !important;
    font-weight: bold;
    font-size: 1.3rem; }
  .header .bottom-content .navbar-brand-centered {
    position: absolute;
    left: 50%;
    display: block;
    width: 300px;
    text-align: center;
    background-color: transparent; }
    .header .bottom-content .navbar-brand-centered img {
      width: 300px;
      padding: 0;
      margin: 0; }
  .header .bottom-content .navbar > .container .navbar-brand-centered,
  .header .bottom-content .navbar > .container-fluid .navbar-brand-centered {
    margin-left: -80px;
    padding: 0; }
.img-fill{
  width: 100%;
  display: block;
  overflow: hidden;
  position: relative;
  text-align: center
}

.img-fill img {
  min-height: 100%;
  min-width: 100%;
  position: relative;
  display: inline-block;
  max-width: none;
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.04);
}

.Grid1k {
  padding: 0 15px;
  max-width: 1200px;
  margin: auto;
}

.blocks-box,
.slick-slider {
  margin: 0;
  padding: 0!important;
}
}

.slick-slide {
  float: left /* If RTL Make This Right */ ;
  padding: 0;
}
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}
.slick-track:before,
.slick-track:after {
  display: table;
  content: '';
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir='rtl'] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  width: 60px;
  height: 100px;
  cursor: pointer;
  background: transparent;
  top: 50%;
  margin-top: -45px;
  font-size: 0;
  border: none;
  z-index: 2;
}
.slick-prev:before,
.slick-next:before,
.slick-prev:after,
.slick-next:after {
  content: '';
  position: absolute;
  background: #fff;
  height: 2px;
  width: 50px;
  top: 50%;
  left: 5px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.slick-prev:before,
.slick-next:before {
  margin-top: -22px;
}
.slick-prev:after,
.slick-next:after {
  margin-top: 22px;
  margin-top: 2.2rem;
}
.slick-prev:hover:before,
.slick-next:hover:before {
  margin-top: -18px;
  margin-top: -1.8rem;
}
.slick-prev:hover:after,
.slick-next:hover:after {
  margin-top: 18px;
  margin-top: 1.8rem;
}
.slick-prev {
  left: -7px;
  left: -0.7rem;
}
.slick-prev:before {
  -webkit-transform: rotate(-60deg);
  -ms-transform: rotate(-60deg);
  transform: rotate(-60deg);
}
.slick-prev:after {
  -webkit-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
}
.slick-prev:hover:before {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.slick-prev:hover:after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.slick-next {
  right: -7px;
  right: -0.7rem;
}
.slick-next:before {
  -webkit-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
}
.slick-next:after {
  -webkit-transform: rotate(-60deg);
  -ms-transform: rotate(-60deg);
  transform: rotate(-60deg);
}
.slick-next:hover:before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.slick-next:hover:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.ct-slick-arrows--type2 .slick-prev,
.ct-slick-arrows--type2 .slick-next {
  opacity: 0.85;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
  -webkit-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}
.ct-slick-arrows--type2 .slick-prev:before,
.ct-slick-arrows--type2 .slick-next:before,
.ct-slick-arrows--type2 .slick-prev:after,
.ct-slick-arrows--type2 .slick-next:after {
  background-color: #fff;
  height: 15px;
  height: 1.5rem;
  width: 70px;
  width: 7rem;
}
.ct-slick-arrows--type2 .slick-prev:before,
.ct-slick-arrows--type2 .slick-next:before {
  margin-top: -20px;
  margin-top: -2rem;
}
.ct-slick-arrows--type2 .slick-prev:after,
.ct-slick-arrows--type2 .slick-next:after {
  margin-top: 20px;
  margin-top: 2rem;
}
.ct-slick-arrows--type2 .slick-prev:hover:before,
.ct-slick-arrows--type2 .slick-next:hover:before {
  margin-top: -20px;
  margin-top: -2rem;
}
.ct-slick-arrows--type2 .slick-prev:hover:after,
.ct-slick-arrows--type2 .slick-next:hover:after {
  margin-top: 20px;
  margin-top: 2rem;
}
.ct-slick-arrows--type2 .slick-prev:hover:active,
.ct-slick-arrows--type2 .slick-next:hover:active {
  opacity: 1;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
.ct-slick-arrows--type2 .slick-prev {
  left: 10px;
  left: 1rem;
}
.ct-slick-arrows--type2 .slick-prev:before {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.ct-slick-arrows--type2 .slick-prev:after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.ct-slick-arrows--type2 .slick-prev:hover:before {
  margin-top: -27px;
  margin-top: -2.7rem;
  -webkit-transform: rotate(-60deg);
  -ms-transform: rotate(-60deg);
  transform: rotate(-60deg);
}
.ct-slick-arrows--type2 .slick-prev:hover:after {
  margin-top: 27px;
  margin-top: 2.7rem;
  -webkit-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
}
.ct-slick-arrows--type2 .slick-next {
  right: 10px;
  right: 1rem;
}
.ct-slick-arrows--type2 .slick-next:before,
.ct-slick-arrows--type2 .slick-next:after {
  left: auto;
  right: 0;
}
.ct-slick-arrows--type2 .slick-next:before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.ct-slick-arrows--type2 .slick-next:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.ct-slick-arrows--type2 .slick-next:hover:before {
  margin-top: -27px;
  margin-top: -2.7rem;
  -webkit-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
}
.ct-slick-arrows--type2 .slick-next:hover:after {
  margin-top: 27px;
  margin-top: 2.7rem;
  -webkit-transform: rotate(-60deg);
  -ms-transform: rotate(-60deg);
  transform: rotate(-60deg);
}
#home.ct-header.ct-header--slider {
  background-size: cover;
background-repeat: no-repeat;

}
.ct-header .ct-slick {
  margin-bottom: 0;
}
.slick-initialized .slick-slide {
  display: block;
}
.ct-u-display-tablex {
  display: table;
  width: 100%;
}
.ct-u-display-tablex > .inner {
  display: table-cell;
  width: 100%;
  vertical-align: middle;

}
.ct-header h1.big {
  font-size: 6.7rem;
  line-height: 1;
  color: #e02026 !important;
  font-family: 'Open Sans Condensed', sans-serif;
  font-weight: 700;
  padding-top: 50px;
}
.ct-header p {
  font-size: 2.3rem;
  line-height: 1.1;
  margin: 30px 0 40px;
  color: #fff !i;
}
.btn {
  text-transform: uppercase;
  font-weight: bold;
  padding: 15px 26px;
  padding: 1.5rem 2.6rem;
  color: #ffif !important;
  border-radius: 0;
  border: none;
  font-size: 22px;
  font-size: 2.2rem;
}
* { 
  outline: none !important;
}
.btn:hover,
.btn:focus,
.btn:active {
  color: #fff;
}
.btn-transparent {
  background-color: transparent;
  border: 3px solid #fff;
}
.ct-slick .slick-track,
.ct-slick .slick-list,
.ct-slick .item,
.ct-slick .slick-item {
  min-height: inherit;
}
.ct-slick .item {
  background-size: cover;
background:no-repeat;
}
.slick-list {
  height: 600px;
}

/* Transitions */
.activate {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1 * 100);
  filter: alpha(opacity=1 * 100);
}
.animated {
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0 * 100);
  filter: alpha(opacity=0 * 100);
}
/* ==== Slider Style === */
.Modern-Slider .item .img-fill{
  height:100vh;
  background:#000;
}

.Modern-Slider .item .img-fill .info{
  position:absolute;
  width:100%;
  height:100%;
  top:0px;
  left:0px;
  background:rgba(0,0,0,.50);
  line-height:100vh;
  text-align:center;
}

.Modern-Slider .item .img-fill img{
  filter:blur(5px);
}

.Modern-Slider .item .info > div{
  display:inline-block!important;
  vertical-align:middle;
}

.Modern-Slider .NextArrow{
  position:absolute;
  top:50%;
  right:0px;
  width:45px;
  height:45px;
  background:rgba(0,0,0,.50);
  border:0 none;
  margin-top:-22.5px;
  text-align:center;
  font:20px/45px FontAwesome;
  color:#FFF;
  z-index:5;
}

.Modern-Slider .NextArrow:before{content:'\f105';}

.Modern-Slider .PrevArrow{
  position:absolute;
  top:50%;
  left:0px;
  width:45px;
  height:45px;
  background:rgba(0,0,0,.50);
  border:0 none;
  margin-top:-22.5px;
  text-align:center;
  font:20px/45px FontAwesome;
  color:#FFF;
  z-index:5;
}

.Modern-Slider .PrevArrow:before{content:'\f104';}

.Modern-Slider .slick-dots{
  position:absolute;
  height:5px;
  background:rgba(255,255,255,.20);
  bottom:0px;
  width:100%;
  left:0px;
  padding:0px;
  margin:0px;
  list-style-type:none;
}
.Modern-Slider .slick-dots li button{display:none;}
.Modern-Slider .slick-dots li{
  float:left;
  width:0px;
  height:5px;
  background:#d62828;
  position:absolute;
  left:0px;
  bottom:0px;
}

.Modern-Slider .slick-dots li.slick-active{
  width:100%;
  animation:ProgressDots 11s both;
}

.Modern-Slider .item h3{
  font:30px/50px RalewayB;
  text-transform:uppercase;
  color:#e02026 !important;
  animation:fadeOutRight 1s both;
  margin:0;
  padding:0;
}

.Modern-Slider .item h5{
  margin:0;
  padding:0;
  font:15px/30px RalewayR;
  color:#FFF;
  max-width:600px;
  overflow:hidden;
  height:60px;
  animation:fadeOutLeft 1s both;
}

.Modern-Slider .item.slick-active h3{
  animation:fadeInDown 1s both 1s;
}

.Modern-Slider .item.slick-active h5{
  animation:fadeInLeft 1s both 1.5s;
}

.Modern-Slider .item.slick-active{
  animation:Slick-FastSwipeIn 1s both;
}

.Modern-Slider {background:#000;}

/* ==== Slider Image Transition === */
@keyframes Slick-FastSwipeIn{
    0%{transform:rotate3d(0,1,0,150deg) scale(0)  perspective(400px);} 
    100%{transform:rotate3d(0,1,0,0deg) scale(1) perspective(400px);} 
}

@-webkit-keyframes ProgressDots{from{width:0px;}to{width:100%;}}
@keyframes ProgressDots{from{width:0px;}to{width:100%;}}














	@media screen and (min-width: 992px) {
  .navbar-brand-centered {
    position: absolute;
    left: 50%;
    display: block;
    width: 200px;
    text-align: center;
    background-color: transparent; }
    .navbar-brand-centered img {
      width: 200px;
      padding: 0;
      margin: 0;
      text-align: center; }

  .navbar > .container .navbar-brand-centered,
  .navbar > .container-fluid .navbar-brand-centered {
    margin-left: -80px;
    padding: 0; } }
	
@media only screen and (max-width: 992px) {
  .header .top-content {
    color: white;
  font-size: 12px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-weight: bold;
	 }
    .header .top-content a {
      color: white; }
    .header .top-content .left-content {
      float: left; }
    .header .top-content .right-content {
      float: right; }
  .header .bottom-content {
    background-image: url("/web/20190131041408im_/http://www.showmegranite.com/Assets/SMG/Images/GraniteBackground.jpg");
    background-repeat: repeat-x;
    height: 87px; }
    .header .bottom-content a {
      padding-top: 30px;
      color: #e02026 !important;
      font-weight: bold;
      font-size: 1.3rem; }
.header .bottom-content .mobile-menu .navbar-header .navbar-toggle .icon-bar{
background-color:#e02026;
}
    .header .bottom-content .mobile-menu .mobile-nav {
      background-color: #e02026;
      color: white !important;
      z-index: 50;
      float: right;
      width: 100%;
      display: block;
      position: relative;
      margin: 0 0 0 0;
padding:0; 
      border:none;}
.header .bottom-content .mobile-menu .mobile-nav .menu-text {
font-size:20px;
font-weight:bold;
padding-bottom:20px;
}
.header .bottom-content .mobile-menu .mobile-nav .menu-text a {
		color:white !important;
}
      .header .bottom-content .mobile-menu .mobile-nav ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        width: 100%;
        background-color: #e02026; }
        .header .bottom-content .mobile-menu .mobile-nav ul li {
          width: 100%;
          color: white;
          float: left;
          z-index: 1;
border-bottom:1px solid rgba(8, 6, 13, 0.1);
          width: 100%; }
          .header .bottom-content .mobile-menu .mobile-nav ul li a {
            display: block;
            padding: 20px 0px 20px 10px;
            color: white !important;
            font-size: 18px;
            font-weight: 300;
            text-decoration: none; }
    .header .bottom-content .navbar-brand-centered {
      position: absolute;
      left: -4%;
      display: block;
      width: 220px; }
      .header .bottom-content .navbar-brand-centered img {
        width: 220px;
        padding: 0;
        margin: 0; }
    .header .bottom-content .navbar > .container .navbar-brand-centered,
    .header .bottom-content .navbar > .container-fluid .navbar-brand-centered {
      margin-left: -80px;
      padding: 0; } }
	
.bg-red {
  background-color: #e02026; }

.hero-banner {
  padding: 0;
  margin: 0; }
  .hero-banner img {
    height: 300px; }

.bld-14 {
  color: black;
  font-size: 14px;
  font-weight: bold; }

.bg-red {
  background-color: #e02026; }

.color-red {
  color: #e02026 !important; }

color-white{
color:#ffffff !important;
}
.padding-top-10 {
  padding-top: 10px; }

.padding-top-20 {
  padding-top: 20px; }

.padding-top-30 {
  padding-top: 30px; }

.padding-top-10 {
  padding: 10px 0; }
  
.slider-margin{
margin-top: 85px !important;
}
  .row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}

.margin-top-30{
margin-top: 30px;
}
.slick-dots li .button {
  height: 15px;
  width: 15px;
  border-radius: 50%;
  border: 1px solid #fff;
  background-color: #a3a3a3;
  padding: 0;
  margin: 0;
  outline: none;
  color: transparent;
  overflow: hidden; }

@media (max-width: 992px) {
  body {
    padding: 0; } }
/*.slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; }
.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }
.slick-dots li button:before { position: absolute; top: 0; left: 0; content: "ò"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 5px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before { color: black; opacity: 0.75; }*/
.banner {
  width: 100%;
  height: 700px;
  max-height: 700px;
  max-width: 100%;
  padding: 30px 0 0 0;
  margin: 0 !important;
  /*display: block;*/
  overflow: hidden;
  margin: 0px !important;
  background-size: cover;
  vertical-align: middle;
  display: inline-block;
  /* Bottom left text */
  /* Top left text */
  /* Top right text */
  /* Bottom right text */
  /* Centered text */ }
  .banner .slick-track {
    height: 700px; }
  .banner .bottom-left {
    position: absolute;
    bottom: 8px;
    left: 16px; }
  .banner .top-left {
    position: absolute;
    top: 8px;
    left: 16px; }
  .banner .top-right {
    position: absolute;
    top: 40px;
    right: 16px; }
  .banner .bottom-right {
    position: absolute;
    bottom: 40px;
    right: 16px; }
  .banner .centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  .banner .slick-dots {
    width: 100%;
    position: absolute;
    bottom: 5px;
    left: 0;
    z-index: 999;
    text-align: center; }
  .banner .slide-item {
    height: 700px;
    width: 100%; }
    .banner .slide-item .slide-image {
      background-size: cover;
      background-position: center;
      background-position-x: center;
      background-position-y: center;
      background-repeat: no-repeat;
      height: 100%;
      max-height: 700px; }
      .banner .slide-item .slide-image .slide-content {
        height: 100%;
        width: 100%;
        background-size: cover;
        background-position: center; }
        .banner .slide-item .slide-image .slide-content .slide-caption {
          color: white;
          opacity: .75; }

.carousel-slider {
  width: 100%;
  height: 100%;
  max-height: 700px;
  max-width: 100%;
  padding: 30px 0 0 0;
  margin: 0 !important;
  display: block;
  overflow: hidden;
  margin: 0px !important;
  position: relative;
  /*display: flex;*/
  align-items: center;
  /* Bottom left text */
  /* Top left text */
  /* Top right text */
  /* Bottom right text */
  /* Centered text */ }
  .carousel-slider .slide-item {
    height: 700px; }
    .carousel-slider .slide-item .slide-image {
      background-size: cover;
      background-position: center;
      background-position-x: center;
      background-position-y: center;
      background-repeat: no-repeat;
      height: 100%; }
  .carousel-slider img {
    width: 100%;
    height: 700px; }
  .carousel-slider .custom-slick .slick-prev:before {
    content: "";
    font-family: 'FontAwesome';
    font-size: 22px; }
  .carousel-slider .custom-slick .slick-next:before {
    content: "";
    font-family: 'FontAwesome';
    font-size: 22px; }
  .carousel-slider .bottom-left {
    position: absolute;
    bottom: 8px;
    left: 16px; }
  .carousel-slider .top-left {
    position: absolute;
    top: 8px;
    left: 16px; }
  .carousel-slider .top-right {
    position: absolute;
    top: 40px;
    right: 16px; }
  .carousel-slider .bottom-right {
    position: absolute;
    bottom: 40px;
    right: 16px; }
  .carousel-slider .centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  .carousel-slider .slick-dots {
    width: 100%;
    position: absolute;
    bottom: 5px;
    left: 0;
    z-index: 999;
    text-align: center; }
  .carousel-slider .slide-item {
    height: 700px;
    width: 100%; }
    .carousel-slider .slide-item .slide-image {
      background-size: cover;
      background-position: center;
      background-position-x: center;
      background-position-y: center;
      background-repeat: no-repeat;
      height: 100%;
      max-height: 700px; }
      .carousel-slider .slide-item .slide-image .slide-content {
        height: 100%;
        width: 100%;
        background-size: cover;
        background-position: center; }
        .carousel-slider .slide-item .slide-image .slide-content .slide-caption {
          color: white;
          opacity: .75; }

.service-callouts {
  margin: 0;
  padding: 0;
  color: white;
  height: 80px;
  border-right: solid 1px #808080; }
  .service-callouts a {
    color: white; }
  .service-callouts .callout-text {
    padding-top: 28px;
    font-size: 30px;
    font-weight: bold;
    float: left; }
  .service-callouts .f-awesome {
    font-size: 40px;
    float: right; }

.callout-module {
  padding: 30px 0;
  font-size: 1.0rem; }
  .callout-module h3 {
    color: #e02026;
    font-size: 1.3rem; }
  .callout-module img {
    width: 350px;
    height: 200px; }
  .callout-module a {
    color: #e02026;
    font-weight: bold;
    font-size: 1.0rem; }
  .callout-module a:hover {
    text-decoration: underline;
    color: gray; }

.footer .footer-top {
  background-color: #e02026; }
  .footer .footer-top .logo {
    padding-top: 30px;
    height: 100%;
    padding-left: 0px;
    margin-left: 0; }
    .footer .footer-top .logo img {
      width: 250px;
      margin: 0; }
  .footer .footer-top .social {
    font-size: 14px;
    color: white;
    padding-top: 50px;
    text-align: right; }
    .footer .footer-top .social a {
      color: white;
      font-size: 14px; }
    .footer .footer-top .social ul {
      list-style-type: none;
      margin: 0;
      padding: 0; }
      .footer .footer-top .social ul li {
        padding-left: 10px;
        display: inline; }
        .footer .footer-top .social ul li a {
          color: white;
          font-size: 40px; }
.footer .footer-bottom {
  background-color: grey; }
  .footer .footer-bottom ul {
    list-style-type: none; }
    .footer .footer-bottom ul li a {
      color: #000000; }

.page-title-body .title-text {
  color: #e02026;
  font-size: 2.0rem;
  font-weight: bold;
text-align:left;  }
.page-title-body h3 {
  color: #e02026;
  font-size: 1.5rem;
  text-align: center; }

.sample-listing {
  padding: 0;
  display: flex; }
  .sample-listing img {
    height: 150px;
    width: 150px; }
  .sample-listing .parent {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    height: 100%; }
  .sample-listing .sample {
    padding-bottom: 15px;
    padding-top: 10px;
    font-size: 16px;
    display: flex;
    flex-direction: column; }

.faq-module a {
  color: #e02026; }

.contact-form {
  font-size: 1.3rem; }

.body {
  padding: 0;
  margin: 0;

  }
  .main-body{
  padding: 0;
    margin: 0;
    overflow-x: hidden;
	}
  .img-fluid{
	  max-width: 100%;
		max-height: auto;
  }
  .container-fluid{
	  width:100%;
	  margin:0;
	  padding:0;
  }

.c-forms .label {
  color: grey; }
  
  .portfolio {
  padding: 0 0 30px 0;
  display: flex; }
  .portfolio img {
    max-height: 200px;
    max-width: 250px;
min-height: 200px;
max-height:250px;	}
  .portfolio .parent {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    height: 100%; }
  .portfolio .sample {
    padding-bottom: 15px;
    padding-top: 10px;
    font-size: 16px;
    display: flex;
	color:#e02026;
    flex-direction: column;
}	
	.portfolio .sample img {
    max-height: 200px;
    max-width: 250px;
min-height: 200px;
max-height:250px;	}
	}
	
	@media (max-width: 767px) {
  .portfolio {
  padding: 0 0 30px 0;
  display: flex; }
  .image-gallery img {
   max-width: 100%;
  max-height: auto;
  margin:auto; }
  .portfolio .parent {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    height: 100%; }
  .portfolio .sample {
    padding-bottom: 15px;
    padding-top: 10px;
    font-size: 16px;
    display: flex;
    flex-direction: column; }

	
}

  .image-gallery {
  padding: 0 0 30px 0;
  display: flex; }
  .image-gallery img {
    max-height: 400px;
    max-width: 300px; }
  .image-gallery .parent {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    height: 100%; }
  .image-gallery .sample {
    padding-bottom: 15px;
    padding-top: 10px;
    font-size: 16px;
    display: flex;
	color:#e02026;
    flex-direction: column; }
	
@media (max-width: 767px) {
  .image-gallery {
  padding: 0 0 30px 0;
  display: flex; }
  .image-gallery img {
   max-width: 100%;
  max-height: auto;
  margin:auto; }
  .image-gallery .parent {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    height: 100%; }
  .image-gallery .sample {
    padding-bottom: 15px;
    padding-top: 10px;
    font-size: 16px;
    display: flex;
    flex-direction: column; }

	
}
.o-section {
  margin-bottom: 2rem;
  position: relative;
}
.o-section .slick-dots {
  bottom: 0;
}

.o-section__bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.o-section__content {
  margin: 0 15px;
  background-color: #ffffff;
  max-width: 100%;
}

@media screen and (max-width: 576px) {
  .o-section__bg {
    background: none !important;
  }

  .o-section .content-carousel .slick-dots button {
    border-color: #ffffff;
  }
  .o-section .content-carousel .slick-dots .slick-active button {
    background-color: #ffffff;
  }
}
@media screen and (min-width: 576px) {
  .o-section {
    margin-bottom: 6rem;
    padding-top: 8.5rem;
    padding-bottom: 8.5rem;
  }
  .o-section .slick-dots {
    top: calc(100% + 8.5rem);
    bottom: auto;
  }
}
@media screen and (min-width: 992px) {
  .o-section {
    padding-top: 11rem;
    padding-bottom: 11rem;
  }
  .o-section .slick-dots {
    top: calc(100% + 11rem);
  }
}



/*# sourceMappingURL=Corporate.css.map */

@charset "UTF-8";

.header .top-content {
  color: white;
  font-size: 12px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-weight: bold; }
  .header .top-content a {
    color: white; }
  .header .top-content .left-content {
    float: left; }
  .header .top-content .right-content {
    float: right; }
.header .bottom-content {
  background-image: url("/web/20190131041408im_/http://www.showmegranite.com/Assets/SMG/Images/GraniteBackground.jpg");
  background-repeat: repeat-x;
  height: 87px; }
  .header .bottom-content a {
    padding-top: 30px;
    color: #e02026 !important;
    font-weight: bold;
    font-size: 1.3rem; }
  .header .bottom-content .navbar-brand-centered {
    position: absolute;
    left: 50%;
    display: block;
    width: 300px;
    text-align: center;
    background-color: transparent; }
    .header .bottom-content .navbar-brand-centered img {
      width: 300px;
      padding: 0;
      margin: 0; }
  .header .bottom-content .navbar > .container .navbar-brand-centered,
  .header .bottom-content .navbar > .container-fluid .navbar-brand-centered {
    margin-left: -80px;
    padding: 0; }

	@media screen and (min-width: 992px) {
  .navbar-brand-centered {
    position: absolute;
    left: 50%;
    display: block;
    width: 200px;
    text-align: center;
    background-color: transparent; }
    .navbar-brand-centered img {
      width: 200px;
      padding: 0;
      margin: 0;
      text-align: center; }

  .navbar > .container .navbar-brand-centered,
  .navbar > .container-fluid .navbar-brand-centered {
    margin-left: -80px;
    padding: 0; } }
	
@media only screen and (max-width: 992px) {
  .header .top-content {
    color: white;
  font-size: 12px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-weight: bold;
	 }
    .header .top-content a {
      color: white; }
    .header .top-content .left-content {
      float: left; }
    .header .top-content .right-content {
      float: right; }
  .header .bottom-content {
    background-image: url("/web/20190131041408im_/http://www.showmegranite.com/Assets/SMG/Images/GraniteBackground.jpg");
    background-repeat: repeat-x;
    height: 87px; }
    .header .bottom-content a {
      padding-top: 30px;
      color: #e02026 !important;
      font-weight: bold;
      font-size: 1.3rem; }
.header .bottom-content .mobile-menu .navbar-header .navbar-toggle .icon-bar{
background-color:#e02026;
}
    .header .bottom-content .mobile-menu .mobile-nav {
      background-color: #e02026;
      color: white !important;
      z-index: 50;
      float: right;
      width: 100%;
      display: block;
      position: relative;
      margin: 0 0 0 0;
padding:0; 
      border:none;}
.header .bottom-content .mobile-menu .mobile-nav .menu-text {
font-size:20px;
font-weight:bold;
padding-bottom:20px;
}
.header .bottom-content .mobile-menu .mobile-nav .menu-text a {
		color:white !important;
}
      .header .bottom-content .mobile-menu .mobile-nav ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        width: 100%;
        background-color: #e02026; }
        .header .bottom-content .mobile-menu .mobile-nav ul li {
          width: 100%;
          color: white;
          float: left;
          z-index: 1;
border-bottom:1px solid rgba(8, 6, 13, 0.1);
          width: 100%; }
          .header .bottom-content .mobile-menu .mobile-nav ul li a {
            display: block;
            padding: 20px 0px 20px 10px;
            color: white !important;
            font-size: 18px;
            font-weight: 300;
            text-decoration: none; }
    .header .bottom-content .navbar-brand-centered {
      position: absolute;
      left: -4%;
      display: block;
      width: 220px; }
      .header .bottom-content .navbar-brand-centered img {
        width: 220px;
        padding: 0;
        margin: 0; }
    .header .bottom-content .navbar > .container .navbar-brand-centered,
    .header .bottom-content .navbar > .container-fluid .navbar-brand-centered {
      margin-left: -80px;
      padding: 0; } }
	  
.bg-red {
  background-color: #e02026; }

.hero-banner {
  padding: 0;
  margin: 0; }
  .hero-banner img {
    height: 300px; }

.bld-14 {
  color: black;
  font-size: 14px;
  font-weight: bold; }

.bg-red {
  background-color: #e02026; }

.padding-top-10 {
  padding-top: 10px; }

.padding-top-20 {
  padding-top: 20px; }

.padding-top-30 {
  padding-top: 30px; }

.padding-top-10 {
  padding: 10px 0; }
  
  .row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}

.margin-top-30{
margin-top: 30px;
}
.slick-dots li .button {
  height: 15px;
  width: 15px;
  border-radius: 50%;
  border: 1px solid #fff;
  background-color: #a3a3a3;
  padding: 0;
  margin: 0;
  outline: none;
  color: transparent;
  overflow: hidden; }

@media (max-width: 992px) {
  body {
    padding: 0; } }
/*.slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; }
.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }
.slick-dots li button:before { position: absolute; top: 0; left: 0; content: "ò"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 5px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before { color: black; opacity: 0.75; }*/
.banner {
  width: 100%;
  height: 700px;
  max-height: 700px;
  max-width: 100%;
  padding: 30px 0 0 0;
  margin: 0 !important;
  /*display: block;*/
  overflow: hidden;
  margin: 0px !important;
  background-size: cover;
  vertical-align: middle;
  display: inline-block;
  /* Bottom left text */
  /* Top left text */
  /* Top right text */
  /* Bottom right text */
  /* Centered text */ }
  .banner .slick-track {
    height: 700px; }
  .banner .bottom-left {
    position: absolute;
    bottom: 8px;
    left: 16px; }
  .banner .top-left {
    position: absolute;
    top: 8px;
    left: 16px; }
  .banner .top-right {
    position: absolute;
    top: 40px;
    right: 16px; }
  .banner .bottom-right {
    position: absolute;
    bottom: 40px;
    right: 16px; }
  .banner .centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  .banner .slick-dots {
    width: 100%;
    position: absolute;
    bottom: 5px;
    left: 0;
    z-index: 999;
    text-align: center; }
  .banner .slide-item {
    height: 700px;
    width: 100%; }
    .banner .slide-item .slide-image {
      background-size: cover;
      background-position: center;
      background-position-x: center;
      background-position-y: center;
      background-repeat: no-repeat;
      height: 100%;
      max-height: 700px; }
      .banner .slide-item .slide-image .slide-content {
        height: 100%;
        width: 100%;
        background-size: cover;
        background-position: center; }
        .banner .slide-item .slide-image .slide-content .slide-caption {
          color: white;
          opacity: .75; }

.carousel-slider {
  width: 100%;
  height: 100%;
  max-height: 700px;
  max-width: 100%;
  padding: 30px 0 0 0;
  margin: 0 !important;
  display: block;
  overflow: hidden;
  margin: 0px !important;
  position: relative;
  /*display: flex;*/
  align-items: center;
  /* Bottom left text */
  /* Top left text */
  /* Top right text */
  /* Bottom right text */
  /* Centered text */ }
  .carousel-slider .slide-item {
    height: 700px; }
    .carousel-slider .slide-item .slide-image {
      background-size: cover;
      background-position: center;
      background-position-x: center;
      background-position-y: center;
      background-repeat: no-repeat;
      height: 100%; }
  .carousel-slider img {
    width: 100%;
    height: 700px; }
  .carousel-slider .custom-slick .slick-prev:before {
    content: "";
    font-family: 'FontAwesome';
    font-size: 22px; }
  .carousel-slider .custom-slick .slick-next:before {
    content: "";
    font-family: 'FontAwesome';
    font-size: 22px; }
  .carousel-slider .bottom-left {
    position: absolute;
    bottom: 8px;
    left: 16px; }
  .carousel-slider .top-left {
    position: absolute;
    top: 8px;
    left: 16px; }
  .carousel-slider .top-right {
    position: absolute;
    top: 40px;
    right: 16px; }
  .carousel-slider .bottom-right {
    position: absolute;
    bottom: 40px;
    right: 16px; }
  .carousel-slider .centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  .carousel-slider .slick-dots {
    width: 100%;
    position: absolute;
    bottom: 5px;
    left: 0;
    z-index: 999;
    text-align: center; }
  .carousel-slider .slide-item {
    height: 700px;
    width: 100%; }
    .carousel-slider .slide-item .slide-image {
      background-size: cover;
      background-position: center;
      background-position-x: center;
      background-position-y: center;
      background-repeat: no-repeat;
      height: 100%;
      max-height: 700px; }
      .carousel-slider .slide-item .slide-image .slide-content {
        height: 100%;
        width: 100%;
        background-size: cover;
        background-position: center; }
        .carousel-slider .slide-item .slide-image .slide-content .slide-caption {
          color: white;
          opacity: .75; }

.service-callouts {
  margin: 0;
  padding: 0;
  color: white;
  height: 80px;
  border-right: solid 1px #808080; }
  .service-callouts a {
    color: white; }
  .service-callouts .callout-text {
    padding-top: 28px;
    font-size: 30px;
    font-weight: bold;
    float: left; }
  .service-callouts .f-awesome {
    font-size: 40px;
    float: right; }

.callout-module {
  padding: 30px 0;
  font-size: 1.0rem; }
  .callout-module h3 {
    color: #e02026;
    font-size: 1.3rem; }
  .callout-module img {
    width: 350px;
    height: 200px; }
  .callout-module a {
    color: #e02026;
    font-weight: bold;
    font-size: 1.0rem; }
  .callout-module a:hover {
    text-decoration: underline;
    color: gray; }

.footer .footer-top {
  background-color: #e02026; }
  .footer .footer-top .logo {
    padding-top: 30px;
    height: 100%;
    padding-left: 0px;
    margin-left: 0; }
    .footer .footer-top .logo img {
      width: 250px;
      margin: 0; }
  .footer .footer-top .social {
    font-size: 14px;
    color: white;
    padding-top: 50px;
    text-align: right; }
    .footer .footer-top .social a {
      color: white;
      font-size: 14px; }
    .footer .footer-top .social ul {
      list-style-type: none;
      margin: 0;
      padding: 0; }
      .footer .footer-top .social ul li {
        padding-left: 10px;
        display: inline; }
        .footer .footer-top .social ul li a {
          color: white;
          font-size: 40px; }
.footer .footer-bottom {
  background-color: grey; }
  .footer .footer-bottom ul {
    list-style-type: none; }
    .footer .footer-bottom ul li a {
      color: #000000; }

.page-title-body .title-text {
  color: #e02026;
  font-size: 2.0rem;
  font-weight: bold; }
.page-title-body h3 {
  color: #e02026;
  font-size: 1.5rem;
  text-align: center; }

.sample-listing {
  padding: 0;
  display: flex; }
  .sample-listing img {
    height: 150px;
    width: 150px; }
  .sample-listing .parent {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    height: 100%; }
  .sample-listing .sample {
    padding-bottom: 15px;
    padding-top: 10px;
    font-size: 16px;
    display: flex;
    flex-direction: column; }

.faq-module a {
  color: #e02026; }

.contact-form {
  font-size: 1.3rem; }

.body {
  padding: 0;
  margin: 0;

  }
  .main-body{
  padding: 0;
    margin: 0;
    overflow-x: hidden;
	}
  .img-fluid{
	  max-width: 100%;
		max-height: auto;
  }
  .container-fluid{
	  width:100%;
	  margin:0;
	  padding:0;
  }

.c-forms .label {
  color: grey; }
  
  .portfolio {
  padding: 0 0 30px 0;
  display: flex; }
  .portfolio img {
    max-height: 200px;
    max-width: 250px;
min-height: 200px;
max-height:250px;	}
  .portfolio .parent {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    height: 100%; }
  .portfolio .sample {
    padding-bottom: 15px;
    padding-top: 10px;
    font-size: 16px;
    display: flex;
	color:#e02026;
    flex-direction: column;
}	
	.portfolio .sample img {
    max-height: 200px;
    max-width: 250px;
min-height: 200px;
max-height:250px;	}
	}
	
	@media (max-width: 767px) {
  .portfolio {
  padding: 0 0 30px 0;
  display: flex; }
  .image-gallery img {
   max-width: 100%;
  max-height: auto;
  margin:auto; }
  .portfolio .parent {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    height: 100%; }
  .portfolio .sample {
    padding-bottom: 15px;
    padding-top: 10px;
    font-size: 16px;
    display: flex;
    flex-direction: column; }

	
}

  .image-gallery {
  padding: 0 0 30px 0;
  display: flex; }
  .image-gallery img {
    max-height: 400px;
    max-width: 300px; }
  .image-gallery .parent {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    height: 100%; }
  .image-gallery .sample {
    padding-bottom: 15px;
    padding-top: 10px;
    font-size: 16px;
    display: flex;
	color:#e02026;
    flex-direction: column; }
	
@media (max-width: 767px) {
  .image-gallery {
  padding: 0 0 30px 0;
  display: flex; }
  .image-gallery img {
   max-width: 100%;
  max-height: auto;
  margin:auto; }
  .image-gallery .parent {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    height: 100%; }
  .image-gallery .sample {
    padding-bottom: 15px;
    padding-top: 10px;
    font-size: 16px;
    display: flex;
    flex-direction: column; }

	
}
.o-section {
  margin-bottom: 2rem;
  position: relative;
}
.o-section .slick-dots {
  bottom: 0;
}

.o-section__bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.o-section__content {
  margin: 0 15px;
  background-color: #ffffff;
  max-width: 100%;
}

@media screen and (max-width: 576px) {
  .o-section__bg {
    background: none !important;
  }

  .o-section .content-carousel .slick-dots button {
    border-color: #ffffff;
  }
  .o-section .content-carousel .slick-dots .slick-active button {
    background-color: #ffffff;
  }
}
@media screen and (min-width: 576px) {
  .o-section {
    margin-bottom: 6rem;
    padding-top: 8.5rem;
    padding-bottom: 8.5rem;
  }
  .o-section .slick-dots {
    top: calc(100% + 8.5rem);
    bottom: auto;
  }
}
@media screen and (min-width: 992px) {
  .o-section {
    padding-top: 11rem;
    padding-bottom: 11rem;
  }
  .o-section .slick-dots {
    top: calc(100% + 11rem);
  }
}



/*# sourceMappingURL=Corporate.css.map */











/*
     FILE ARCHIVED ON 04:14:08 Jan 31, 2019 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 07:08:08 Feb 06, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.612
  exclusion.robots: 0.056
  exclusion.robots.policy: 0.045
  esindex: 0.011
  cdx.remote: 5.565
  LoadShardBlock: 76.503 (3)
  PetaboxLoader3.datanode: 88.485 (4)
  load_resource: 108.875
  PetaboxLoader3.resolve: 61.823
*/