/* #### Generated By: http://www.cufonfonts.com #### */
    @font-face {
    font-family: 'BigNoodleTitling';
    font-style: normal;
    font-weight: normal;
    src: local('BigNoodleTitling'), url('/fonts/big_noodle_titling.woff') format('woff');
    }
    @font-face {
    font-family: 'BigNoodleTitling Oblique';
    font-style: normal;
    font-weight: normal;
    src: local('BigNoodleTitling Oblique'), url('/fonts/big_noodle_titling_oblique.woff') format('woff');
    }
    @font-face {
    font-family: 'Futura PT Book';
    font-style: normal;
    font-weight: normal;
    src: local('Futura PT Book'), url('/fonts/FuturaCyrillicBook.woff') format('woff');
    }
        @font-face {
    font-family: 'Futura PT Light';
    font-style: normal;
    font-weight: normal;
    src: local('Futura PT Light'), url('/fonts/FuturaCyrillicLight.woff') format('woff');
    }
    @font-face {
    font-family: 'Futura PT Medium';
    font-style: normal;
    font-weight: normal;
    src: local('Futura PT Medium'), url('/fonts/FuturaCyrillicMedium.woff') format('woff');
    }
    @font-face {
    font-family: 'Futura PT Demi';
    font-style: normal;
    font-weight: normal;
    src: local('Futura PT Demi'), url('/fonts/FuturaCyrillicDemi.woff') format('woff');
    }
    @font-face {
    font-family: 'Futura PT Heavy';
    font-style: normal;
    font-weight: normal;
    src: local('Futura PT Heavy'), url('/fonts/FuturaCyrillicHeavy.woff') format('woff');
    }
    @font-face {
    font-family: 'Futura PT Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Futura PT Bold'), url('/fonts/FuturaCyrillicBold.woff') format('woff');
    }
@font-face {
    font-family: 'Futura PT Extra Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Futura PT Extra Bold'), url('/fonts/FuturaCyrillicExtraBold.woff') format('woff');
    }
    *, :after, :before {
    box-sizing: border-box
}
.subContent{color:#fff;}
.subRight{float:left;color:#fff;display:none;}
.kolumn{
 display: flex!important;
    justify-content: center;
    align-items: center;
    height: 100%;  
}
input[type="radio"][name="edgegroup"] {
    display: none;
}
.fixed-navbar-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #18B68C;
    z-index: 9999;
}

.fixed-navbar {
    width: 100%; /* Full width */
    display: flex; /* Use flexbox for inner alignment */
    justify-content: center; /* Center the flex items */
}

@media (min-width: 992px) {
    .fixed-navbar {
        max-width: 1160px; /* Set the maximum width */
        margin: 0 auto; /* Center the navbar */
    }
}

.phoneicon{float:left;    margin-right: 1rem;
    padding-top: 0.65rem}
.phonenumbers{float:left;margin-right: 3rem;}
.blackRow{background-color:#000;padding:1rem;}
.recoText{ color: #fff;
    text-align: center;
    padding-bottom: 6px;
    font-style: italic;}
.phonenumber{float:left;border-right: 1px solid #fff;
    padding-right: 10px;
    margin-right: 10px;}
.callus{float:none;color:#fff;font-size:0.9rem;line-height: 1.4;}
.pqButton{float:right;padding-right:10px;}
.phonenumber a{font-size:0.9rem;padding-bottom:6px;
    text-decoration: none; /* Removes the default underline of hyperlinks */
    display: inline-block; /* Allows the transition to render properly */
    transition: border-bottom 0.2s; /* Smooth transition for the border */
}

.phonenumber a:hover {
    border-bottom: 2px solid #18B68C; /* Creates the underline effect on hover */
}
.mobile-nav {
    display: none; /* By default, the menu is hidden */
    background-color:rgb(0,0,0,0.9) ;
    width: 100%; 
    position: fixed; 
    top: 0; 
    left: 0; 
    z-index: 9999;
    
}

.mobile-nav.active {
    display: block; /* Show the menu when it has the active class */
}
.loader {
  border: 4px solid #ccc;
  border-radius: 50%;
  border-top: 4px solid #00bfa5;
  width: 20px;
  height: 20px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}
p img{max-width:100%;}
   #buysinksection,#buytapsection,#sinkInfo,#tapInfo{display:none;}
   .callout{
    margin: 0 0 1rem;
padding: 1rem;
border: 1px solid rgba(10,10,10,.25);
  border-top-color: rgba(10, 10, 10, 0.25);
  border-right-color: rgba(10, 10, 10, 0.25);
  border-bottom-color: rgba(10, 10, 10, 0.25);
  border-left-color: rgba(10, 10, 10, 0.25);
border-radius: 0;
position: static;
color: #0a0a0a;
background-color: #fff;
}
.addressfield input,.addressfield textarea{margin-top:10px;}
.processedEdges{    padding-bottom: 10px;
    margin-top: -10px;}
.processedEdges2{padding-bottom: 10px;
    margin-bottom: 20px;
    margin-top: -10px;}
.edge{padding-top:10px;}
.edge .bpadd{float:left;padding-left:1rem;}
.edgeList .spanel{    min-height: 250px!important;
    border-radius: 5px;
    padding-top: 1rem;
    width: 80%!important;
    cursor: pointer;}
.standardProfile{text-align:center;}
.callout.primary, .callout.primary {
    border: 2px solid transparent;
}
.callout.primary.selected, .callout.primary.selectedkok, .spanel:hover {
    box-shadow: 0 0 3px 0 #000;
    background-color: #fff;
    border: 2px solid #000;
}

.edge input,.kitchentypelist input{float:left;}
.bpadd .bi, .fi .bi,.bi-info-circle{color: #000;
    font-size: 1.5rem;}
.bi-camera{    color: #000;
    font-size: 1.8rem;
    padding-top: 10px;
    display: inline-block;
    padding-left: 10px;}
.kokstyp .spanel .stoneradio .columns .bpadd{padding-left:1rem;}
.edgeCamera{    margin-top: -7px;
    float: left;
    font-size: 1.4rem;
    padding-top: 0;
    padding-left: 5px;}
.callout.success {
    margin: 0;
    border-color: #ccc;border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}
.selected.callout.secondary {
    /*margin: 0;
    padding: 0;*/
    border: 0;
}
       #queryCategoryUl , #stoneTerrazzo ul,#stoneMarble ul,#stoneGranite ul,#stoneQuartz ul,#stoneCeramics ul{
            display: flex;
  flex-direction: row;
  flex-wrap: wrap;
   list-style-type: none;
   padding-left:0;
       }
       .leftproduct{
           width:33%;
           padding:0.8rem;
           min-height: 500px;
       }
       #stoneTerrazzo .stonelist2 ,#stoneMarble .stonelist2,#stoneGranite .stonelist2,#stoneQuartz .stonelist2,#stoneCeramics .stonelist2
       {
           width:32%;
           /*padding:0.8rem;*/
           margin-right: 0.8rem;
            margin-bottom: 0.8rem;
       }
       #stoneTerrazzo .stonelist2 > div:first-child, #stoneMarble .stonelist2 > div:first-child, #stoneGranite .stonelist2 > div:first-child, #stoneQuartz .stonelist2 > div:first-child, #stoneCeramics .stonelist2 > div:first-child
       {
           width:100%;
           padding:0.8rem;
       }
       #stoneTerrazzo .stonelist2 img, #stoneMarble .stonelist2 img, #stoneGranite .stonelist2 img, #stoneQuartz .stonelist2 img,#stoneCeramics .stonelist2 img{
           width:100%;
       }
       .stoneNameh3{
           float:none!important;
       }
       .queryCatImageContainer img{
           width:100%;
           margin-bottom:16px;
       }
       .product h2{
           word-break: break-word;
       }
       #toppanels{
           /*float:none;
           margin-bottom: 1rem;
padding-bottom: 1rem;*/
box-shadow: 0 0 25px 0 #e0e0e0;
background-color: #fff;
margin: 0 0 1rem;
margin-top: 0px;
padding: 1rem;
border: 1px solid rgba(10,10,10,.25);
border-radius: 8px;
position: static;
color: #0a0a0a;
       }
       #selectedcategorypanel{
           background-color: #002e3d;
padding: 0;
margin: -16px;border-radius: 8px;
       }
       .greentext{
           color: #00bfa5;
       }
       .whitetext{
           color: #fff;
       }
    
       #SelectedStoneImage{
           width:100%;
       }
       .edgeList{
           display:inline-block;
       }
       .clearing-thumbs{
            list-style-type: none;
       }
       .input_fields_wrap_fb .primary, .input_fields_wrap_rbs .primary,.input_fields_wrap_bbs .primary{
           padding: 0.8rem;
margin-right: 0.5rem;
margin-bottom: 0.5rem;
       }
       .input_fields_wrap_fb, .input_fields_wrap_rbs,.input_fields_wrap_bbs{
           display: flex;
flex-wrap: wrap;
       }
       .smallStoneFilter,.smallStoneFilterh2{
           width: 100%;
        float: left;
       }
       .button{
           display: inline-block;
       }
       h2.whitetext,#selecteditemname{
           margin-top:0;
       }
       #kitchentypepanel ul{
           list-style:none;
           padding-left:0;
       }
      #kitchentypepanel ul li{
      width:auto;float:left;
          
      }
      
       .callout.primary {
          box-shadow: 0 0 25px 0 #e0e0e0;
          background-color: #fff;
               }
        .spanel {
          border: 4px solid #fff;
        }
        .rowFullWidth h1{
            text-align:center;
        }
        .filterHeader img{
            height:24px;
        }
        .changeCategoryLink{
            font-size:1.3rem;
            color:#00bfa5;
        }
        .edgeList .lazystone{
            width:100%;
        }
        .callout.secondary {
          background-color: #fff;
          border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
          width: 100%;
          float: left;
        }
        .kokstyp .callout{
        border-radius:5px;
        }
        #SelectedStoneImage{border-radius: 8px;}
    .stonelist .spanel,.stonelist .spanel img{border-radius: 8px;}
        /*.kitchentypelist{
            width: 90%;
        }*/
        .kitchentypelist .primary{
            min-height:280px;
        }
        .input_fields_wrap_hsmo .primary{
            margin-right: 1rem;
            width: 26%;
        }
        #selectedkitchentypepanel h2{
            margin-top: 0;
        }
        #customerinfosection label{
            width:100%;
        }
        #selectedcategorypanel a, #selectedstonepanel a{
     color: #00c0a5;
}
#queryButton{width:100%;}
     input[type="number"] {
  box-shadow: none;
    transition: none;
    padding: 20px 15px;
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
    height: 34px;
    background-color: #fff;
    border: 1px solid #ccc;
}  
@media (max-width:609px){
.leftproduct{
           width:100%!important;
       }
       #stoneTerrazzo .stonelist2,#stoneMarble .stonelist2,#stoneGranite .stonelist2,#stoneQuartz .stonelist2,#stoneCeramics .stonelist2
       {
           width:100%!important;
       }
 #kitchentypepanel .primary.callout{
width:100%!important;
}
}
@media (max-width:863px){
.leftproduct{
           width:50%;
       }
}
@media (max-width:916x){
#kitchentypepanel .primary.callout{
width:45%!important;
}
}
@media (max-width:988px){
       #stoneTerrazzo .stonelist2,#stoneMarble .stonelist2,#stoneGranite .stonelist2,#stoneQuartz .stonelist2,#stoneCeramics .stonelist2
       {
           width:46%;
       }
}

.container {
  max-width: 1200px;
}


.shortText img{max-width:100%;}
 .stonecath2{font-size:1.5rem;}
.logoslider {
    
    height: 100px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    cursor: default;
    user-select: none;
    touch-action: none;
}
.superrow h3{font-weight:normal;}
.list4 h2{font-size:1rem;}
.longText{display:none;}
.toggleButton{margin-top: 1rem;cursor:pointer;
    margin-bottom: 1rem;
    float: left;}
.contentTopHeaderh1{color:#fff; text-shadow: #000 2px 2px 2px;}
.logoslider:before {
    left: 0;
    top: 0;
}
.logoslider:after,
.logoslider:before {
    background: linear-gradient(
        to right,
        #efeef2 0%,
        hsla(0, 0%, 100%, 0) 100%
    );
    content: "";
    height: 100px;
    position: absolute;
    width: auto;
    z-index: 2;
}
.logoslider:after {
    right: 0;
    top: 0;
    transform: rotateZ(180deg);
}
.logoslider:after,
.logoslider:before {
    background: linear-gradient(
        to right,
        #efeef2 0%,
        hsla(0, 0%, 100%, 0) 100%
    );
    content: "";
    height: 100px;
    position: absolute;
    width: auto;
    z-index: 2;
}

.logoslider .slide-track-1 {
    animation: scroll-l 30s linear infinite;
    display: flex;
    width: 3500px;
}
.logoslider .slide-track-2 {
    animation: scroll-r 30s linear infinite;
    display: flex;
    width: 3500px;
}

.logoslider .logoslide {
    height: 100px;
    width: auto;
    display: flex;
    align-items: center;
    text-align: center;
}
.logoslider .logoslide img {
    width: auto;
    padding: 1pc;
    vertical-align: middle;
    margin: 0 auto;
    display: inline-block;
    max-width: 100%;
    height: auto;
}

@keyframes scroll-l {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(calc(-250px * 7));
    }
}
@keyframes scroll-r {
    100% {
        transform: translateX(0);
    }
    0% {
        transform: translateX(calc(-250px * 7));
    }
}
.gallery li{float:left;list-style-type:none;}
.stoneImg {
    max-width: 100%;
    width: 100%;
}
.productlist h2{text-align:center;}
.instagramTitle{    text-align: center;
    color: #000;
    font-size: 1.5rem;
    margin-top: 3rem;}
    div.options>div>label>input {
    visibility: hidden;
    border: 2px solid #757575;
    border-radius: 2px;
}
.whyImage .bi {
    color: #fff;
    font-size: 30px;
    transition: color 1s;
}

.whyText {
    /* Assuming you have an initial color set somewhere else */
    transition: color 1s;
}

/* Trigger the color transition when hovering over .whyColumn */
.whyColumn:hover .whyImage .bi,
.whyColumn:hover .whyText {
    color: #00bfa5;
}
#es-header-btn,.es-footer{display:none!important;}
#mailAddress{margin-left: 1rem;
    margin-right: 0.5rem;}
    #phoneRow{    background-color: #002e3d;
    color: #d4d5d5;
    padding-right: 1rem;
    padding-top: 1.2rem;
    height: 80px;}
#phoneRow a{    color: #fff;float:left;
    text-decoration: none;}
    #phoneRow span{    float: left;
    padding-left: 0.2rem;}
.offerButton{mmax-width: 100%;
    text-align: center;
    text-decoration: none;
    letter-spacing: 1px;
    font-size: 0.9rem;
    border:1px solid transparent;
    font-weight: normal;
    color: #fff!important;
    padding: 1rem;
    background-color: #18B68C;
    text-transform: uppercase;
    float: right;
    height: 43px;
    padding-top: 12px;}
 .offerButton:hover{
    border: 1px solid #18B68C;
    background-color:transparent;
    color:#18B68C!important;
 }   
.stoneColumn{border-right: 1px solid #ccc;
 }

.medium-6 {
    width: 50%;
}
.supermodal-window {
  position: fixed;
  background-color: rgba(255, 255, 255, 0.25);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: all 0.3s;
}
.supermodal-window:target {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}
.supermodal-window > div {
  width: 400px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 2em;
  background: white;
}

.supermodal-close {
  color: #aaa;
  line-height: 50px;
  font-size: 80%;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 70px;
  text-decoration: none;
}
.supermodal-close:hover {
  color: black;
}

.supermodal-window > div {
  border-radius: 1rem;
}

.supermodal-window div:not(:last-of-type) {
  margin-bottom: 15px;
}
.slaContactField{
   
    padding-top: 1rem;
    padding-bottom: 2rem;
    border-radius: 5px;
}
.slaContactField input[type="text"],.slaContactField input[type="email"] {
    border-radius:5px;
    margin-top:1rem;margin-bottom:1rem;
}
.slaHeader{    background-color: #000;
    color: #00bfa5;
    padding-left: 1rem;
    border-radius: 5px;
    margin-bottom: 1.5rem;}
.slaAlert {
    color: red;
    font-size: 0.8rem;
   margin-top: -0.5rem;
    display: none;
}
div.options>div>label>input:checked+img {
    background: url(../../img/onebit_18.png) center center/18px 18px no-repeat #000;
    border-color: #000;
}
div.options>div>label>img {
    display: inline-block;
    padding: 0;
    margin-top: -3px;
    margin-right: 8px;
    height: 20px;
    width: 20px;
    background: #fff;
    border: 2px solid #757575;
    border-radius: 2px;
}
.tapNameButton{width: 100%;
    float: left;
    text-align: center;
    color: #fff;
    background: #00bfa5;
    text-decoration: none;
    padding: 0.5rem;
    font-size: 1.2rem;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    margin-bottom: 1rem;
}
.primary{margin: 1rem 0;}
.stoneContent .ipadd{width:100%;}
.threeCol h2{font-size:1.4rem;}
.uparrow {
  position: relative;
  top: 50%;
  left: 50%;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  margin-left: -60px;
  display: inline-block;
  font-size: 26px;
  color: #00bfa5;
  text-align: center;
  width: 120px;
  height: 60px;
  line-height: 60px;
  border: 3px solid #00bfa5;
  overflow: hidden;
  text-transform: uppercase;
  cursor: pointer;
  transition: width 0.5s ease-in-out, margin 0.5s ease-in-out, border-radius 0.25s ease-in-out, color 0.25s ease-in-out;
}
.uparrow:hover, .uparrow.auto {
  width: 60px;
  margin-left: -30px;
  border-radius: 40px;
  color: rgba(0, 191, 165, 0);
  transition: width 0.5s ease-in-out, margin 0.5s ease-in-out, border-radius 1s 0.25 ease-in-out, color 0.25s ease-in-out 0.25s;
}
.uparrow:hover:before, .uparrow.auto:before {
  animation: lineUp 1s cubic-bezier(0, 0.6, 1, 0.4) infinite 0.5s;
}
.uparrow:hover:after, .uparrow.auto:after {
  animation: tipUp 1s cubic-bezier(0, 0.6, 1, 0.4) infinite 0.5s;
}
.uparrow:before {
  position: absolute;
  display: inline-block;
  content: "";
  background: #00bfa5;
  width: 3px;
  height: 40px;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -3px;
  transform: translateY(50px);
}
.uparrow:after {
  position: absolute;
  display: inline-block;
  content: "";
  width: 20px;
  height: 20px;
  color: #00bfa5;
  border-top: 3px solid;
  border-left: 3px solid;
  transform: rotateZ(45deg);
  top: 50%;
  left: 50%;
  margin-top: -6px;
  margin-left: -13px;
  transform: translateY(50px) rotateZ(45deg);
}

@keyframes tipUp {
  0% {
    transform: translateY(50px) rotateZ(45deg);
  }
  100% {
    transform: translateY(-70px) rotateZ(45deg);
  }
}
@keyframes lineUp {
  0% {
    transform: translateY(50px);
  }
  100% {
    transform: translateY(-70px);
  }
}
.sinkCategorylist {
    background-color: #eee;padding-top:1rem;padding-bottom:1rem;
}
.rowFullWidth{margin-top:1rem;margin-bottom:2rem;}
.primary{    background-color: #fff;
    border-radius: 8px;
    border: 1px solid #ccc;
    float: left;}
    
.sinkButton {
    color: #fff;
    background-color: #00bfa5;
    width: 100%;
    float: left;
    position: relative;
    left: 0;
    margin-top: -0.5rem;
    text-align: center;
    padding: 0.5rem;
    text-decoration: none;
}
.sinkBoxes{min-height:680px;height:auto;}
.sinkButtonTop{color: #00bfa5;
    text-decoration: none;
    background-color: #333;
    position: relative;
float:left;    text-align: center;
    padding: 0.5rem;
    margin-top: -2rem;width: 100%;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;}
.stContainer{padding-left:1rem;}
.button{    text-decoration: none;}
.nbpaddred{color:#ff0000;}
.nbpaddold{text-decoration: line-through;font-size: 0.9rem;}
#productlistTopRow {
    max-width: 100%;

    /*padding-bottom: 3rem;*/
    
}
#productlistTopRow1{
    margin: 0 auto;
    padding-bottom: 1rem;}

.ipadd{width:100%;}
.priceLeft {
    float: left;
    margin: 1rem 1rem 1rem 0;
}.priceContainer {
    float: left;
    width: 50%;display:flex;
    margin: 0.5rem 0;
}.priceRight {
    float: left;
}
.advantageRow {
    float: left;
    width: 100%;
    margin: 1rem 0;
}.advantageColumn {
    float: left;
    padding-right: 2rem;
    text-align: center;
}
.stoneTop{margin-top:1rem;margin-bottom:1rem;}
#submitAlert, .clearing-close:focus, .clearing-close:hover, .newPrice, .red {
    color: red;
}.oldPrice {
    text-decoration: line-through;
    font-size: .85rem;
    margin-top: -0.4rem;
    float: left;
}.blocker:before, .icon-bar>* i, .myModal, .trash, img {
    vertical-align: middle;
}
.gray, .green, .ipadd {
    padding-bottom: 30px;
}.factbox {
    border: 1px solid #00bfa5;
    border-radius: 4px;
    float: left;
    width: 100%;
}.factheader {
    background-color: #00bfa5;
    color: #fff;
    font-size: 1rem;
    padding: 0.5rem;
}.factRow {
    font-size: .9rem;
    float: left;
    width: 100%;
    padding: 0.5rem;
    border-bottom: 1px solid #eee;
}.factRowLeft {
    width: 45%;
    float: left;
}.factRowRight {
    float: left;
    width: 55%;
}.f-dropdown li:focus, .f-dropdown li:hover, .secondRow {
    background: #eee;
}
.submenuRow{
    float:left;width:100%;
    background-color:#333;    padding-bottom: 0.5rem;
    padding-top: 0.5rem;color:#fff;
}
.submenu a{color:#00bfa5;padding-left:0.5rem;padding-right:0.5rem;}
.listingRow {
    margin: 0 auto;
   
}
.stoneImageColumn{
    padding:0;    margin-left: -11px;
}
.cropImage{margin-left:-4px;    margin-bottom: -4px}
.list4 small{    text-decoration: line-through;
    font-size: 100%;
    display: flex;}
.list2 a{color:#00bfa5;}
.filterRowContainer {
  padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    margin: 2rem 0 1rem;
    float: left;
    width: 100%;
    border: 1px solid #eee;
    border-radius: 5px;
    margin-bottom: 3rem;
}
.filterRow {
    background-color: #fff;
    float: left;
    width: 96%;
    padding-bottom: 1rem;
    margin: 1rem 2rem 0;
}
.filterSubRow {
    padding-left: 0.5rem;
    width: 100%;
    margin-bottom: 1rem;
}
.colorNames, .filterSubRow {
    margin-top: 0.5rem;
    float: left;
}
.superheaderrow, .superrow {
    /*margin: 1rem 2rem 0;*/
    margin: 1rem 1rem 0;
}
.ribbontomato {
    background: #ef402b;
}
.stoneMatrix {
    float: left;
    width: 100%!important;
}.matrixHeader {
    float: left;
    width: 20%;
}
.stoneMatrix2 {
    width: 100%;
    margin-top: 0.3rem;
    border-bottom: 1px solid #ccc;
}.matrixRow {
    float: left;
    width: 20%;
}.matrixRow img {
    margin: 0.2rem 0 0 0.5rem;
}
.matrixHeader, .matrixRow {
    margin-right: 1.2rem;
    font-size: 14px;
}
.ribbonblue, .ribboncyan, .ribbongreen, .ribbongrey, .ribbonmaroon, .ribbonorange, .ribbonred, .ribbontomato {
    margin: 15px auto;
    z-index: 1;
    color: #fff;
    line-height: 30px;
    padding: 0 20px;
    position: absolute;
    height: 30px;
    display: inline-block;
}.ribbonred {
    background: #f70505;
}.ribbonred:before {
    position: absolute;
    border-top: 30px solid #f70505;
}.ribbonred:after {
    position: absolute;
    border-bottom: 30px solid #f70505;
}.ribbontomato:before {
    position: absolute;
    border-top: 30px solid #ef402b;
}.ribbontomato:after {
    position: absolute;
    border-bottom: 30px solid #ef402b;
}.ribbongrey {
    background: grey;
}.ribbongrey:before {
    position: absolute;
    border-top: 30px solid grey;
}
.ribbonorange{display:none;}
.ribbongreen {
    background: #f70505;
}.ribbongreen:before {
    position: absolute;
    border-top: 30px solid #f70505;
}.ribbongreen:after {
    position: absolute;
    border-bottom: 30px solid #f70505;
}
.colorClass{    height: 40px;
    width: 40px;
    border-radius: 50%;
    float: left;
    margin-right: 0.5rem;}
    .colorClass, .incMinus, .incPlus {
    border: 1px solid #ccc;
}
.colorClassSmall {
    height: 25px;
    width: 25px;
    border: 1px solid #ccc;
    border-radius: 50%;
    float: left;
}.whiteColor {
    background-color: #fff;
}.blackColor, .checkbox:hover {
    background-color: #000;
}.beigeColor {
    background-color: beige;
}.greenColor, .statusL {
    background-color: green;
}.greyColor {
    background-color: #7f7f7f;
}.blueColor{background-color:navy}.brownColor{background-color:#8b4513}.pinkColor{background-color:#ff69b4}.redColor{background-color:#8b0000}
.orangeColor{background-color:orange;}
.ribbonblue:after, .ribbonblue:before, .ribboncyan:after, .ribboncyan:before, .ribbongreen:after, .ribbongreen:before, .ribbongrey:after, .ribbongrey:before, .ribbonmaroon:after, .ribbonmaroon:before, .ribbonorange:after, .ribbonorange:before, .ribbonred:after, .ribbonred:before, .ribbontomato:after, .ribbontomato:before {
    height: 0;
    width: 0;
    right: -30px;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    top: 0;
    content: "";
}
#forfraganCategories, #productPageStoneSection, .feedbackRow, .filterSubRow .columns {
    margin-top: 1rem;
}
.colorCheckbox {
    float: left;
    cursor: pointer;
    margin: 0.5rem 0.7rem 0.5rem 0;
    padding-bottom: 0.3rem;
    border-bottom: 3px solid transparent;
}
.colorClassSmall {
    height: 25px;
    width: 25px;
    border: 1px solid #ccc;
    border-radius: 50%;
    float: left;
}
.whiteColor {
    background-color: #fff;
}
.greyColor {
    background-color: #7f7f7f;
}
.filterCheckbox {
    float: left;
    cursor: pointer;
    margin: 0.2rem 1rem 0.2rem 0;
}
.list2{
    
    padding: 0 0.5rem 0.5rem 0.5rem;
}
.list3 {
    padding: 0.8rem 0.5rem 0 2rem;
}
.list4 {
    float: right;
    padding: 0.8rem 2rem 0;
}
.list1{width:25%;float:left;}
.list2{width:41.6%;float:left;padding-left: 15px;
 }
.list3{width:16.6%;float:left;}
.list4{width:16.6%;float:left;}
.cropImage{margin:0;}
.checkbox {
    padding: 0.3rem 0.5rem;
    font-size: 14px;
    border: 1px solid #ccc;
    color: #000;
    border-radius: 4px;
}
.checkbox:hover {
    color: #fff;
}
.blackColor, .checkbox:hover {
    background-color: #000;
}
.filterRow a {
    color: #00bfa5;
}.sortContainer {
    float: left;
    background-color: #fff;
    padding: 0.8rem 1rem;
    border-radius: 5px;
}.smallFilter, .sort {
    float: left;
    margin-right: 1rem;
}#nameSortUp {
    border-color: #000;
}
.up {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    top: 1px;
}
.down, .ecert2 a, .gotoStoneButton, .up {
    position: relative;
}.down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    left: 3px;
    top: -3px;
}

.down, .ecert2 a, .gotoStoneButton, .up {
    position: relative;
}.sortContainerContainer {
    float: right;
    margin-bottom: 1rem;
}.superrow {
    background: #fff;
    float: left;
    /*width: 96%;*/
    width: 100%;
margin-left: 0;border: 1px solid #eee;
    border-radius: 5px;
}
.sort i {
    border: solid #aaa;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    cursor: pointer;
}
.greyFullBackground{background: #eee;}
.greenFullBackground{color:#fff;    background: rgb(0, 191, 165);
    background: linear-gradient(180deg, rgba(1, 98, 85, 1) 0%, rgba(3, 130, 113, 1) 25%, rgba(4, 176, 153, 1) 50%, rgba(0, 191, 165, 1) 75%);}
.greenFullBackground h2{color:#fff;margin-top:3rem;}   
body, html {
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
    .section--full-height {
        position: relative;
    }
       /* Styles for the modal popup */
    .myModal {
      display: none;
      position: fixed;
      z-index: 1;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      overflow: auto;
      background-color: rgba(0, 0, 0, 0.5);
    }
    .slick-dots li button{display:none!important;}
    .modal-content {
      background-color: #fefefe;
      margin: 15% auto;
      padding: 20px;
    border: 1px solid #00bfa5;
    width: 80%;
    color: #333!important;
    max-width: 600px;
    border-radius: 10px;
    }
    .modal-content img{max-width:90%;}
    .close {
      color: #aaa;
      float: right;
      font-size: 28px;
      font-weight: bold;
      cursor: pointer;
    }
    
    .close:hover,
    .close:focus {
      color: black;
      text-decoration: none;
      cursor: pointer;
    }
    .footer label{    margin-top: 0.8rem;
    font-size: 12px;
    text-transform: uppercase;
    float: none;
    width: 100%;
    font-weight: normal;}
.footer .button{    margin-top: 1rem;
    float: left;}
.footer  input[type=text],.footer textarea{width:250px;color:#333;padding:0.5rem;}
.footer textarea{height:150px;}
.field-validation-error2{display:none; color: #ff0000!important;
    padding-top: 0.2rem;}
    .topLink a{color:#00bfa5;
    text-decoration: none;
}
.topLink a:hover{text-decoration:underline;}
.prodLandLink{    float: left;
    margin-top: 1rem;
    width: 100%;
    max-width:400px;
    background-color: #00bfa5;
    color: #fff;
    text-align: center;
    padding: 0.5rem;
    font-size: 1.2rem;
    font-weight: 500;
    text-decoration: none;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;}
    .partners li{list-style-type:none;float:left;padding-right:1rem;}
.pagination{margin-bottom:2rem;}
    .bottomRow{    background-color: #003546;
    color: #fff;
    padding-top: 1rem;float: left;
    width: 100%;
    padding-bottom: 1rem;font-size:0.8rem;}
.bottomRow .col-md-9{text-align:right;}
    .bottomRow a{color:#fff;font-size:0.8rem;    padding-right: 0.5rem;
    padding-left: 0.5rem;}
.blogMonth,.blogDay{
      color: #fff;
    position: relative;
     max-width: 80px;
}
.blogName {
    background-color: #00bfa5;
    font-size: 1rem;
    padding: 5px 10px;
    margin-top: -3.36rem;
    color: #fff;
    position: relative;
}
.blogcatLink{text-decoration: none;}
.blogMonth{background-color: #00bfa5;
    font-size: 0.8rem;
    padding: 5px 10px;
   margin-top: -3.2rem;}
.blogCategory{    background-color: #333;
    color: #fff;
    position: relative;
    font-size: 0.8rem;
    padding: 5px 10px;
    margin-top: -1.57rem;
    display: inline-block;
    float: right;
    border-top-left-radius: 5px;}
.blogDay{background-color:#333;
    top: -3.2rem;text-align:center;
     font-size: 0.8rem; border-top-right-radius: 10px;padding: 5px 10px;}
/* Initial styles for the image container */
/* Initial styles for the image container */
.topImage {
    position: relative;
    display: inline-block;
}
.topImage a.hoverEffect::after {
    background-size: 100% 100%;
}
.topImage img {
   display: block;
    width: 150px;
    height: 100px;
    transition: filter 0.5s ease; /* Smooth transition for the filter */
}

.topImage img:hover {
    filter: brightness(70%); /* Reduces brightness to make image darker on hover */
}
.box1{display:none;}
.topColumn{width: 150px;
    float: left;
    margin-bottom: 1rem;
    margin-top: 0.5rem;
    margin-right: 1rem;
    border-radius: 3px;
    background-color: #002e3d;}
.topNumber{background-color: #002e3d;
    color: #fff;position: absolute;
    top: 0;
    display: inline-block;
    padding: 4px;
    border-radius: 2px;
    padding: 5px;}
.topLink{text-align: center;
    padding-top: 5px;
    background-color: #002e3d;
    padding-bottom: 10px;}
 .bgCoverRow2 {
        position: relative;
        width: 100%;
        height: 0;
        padding-bottom: 56.25%; /* Adjust the aspect ratio based on your image's dimensions */
        overflow: hidden;
    }

    .bgCoverRow2 img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .twoCol,.threeCol,.twoColGrey{width:100%;float:left;}
 
     .twoCol div{    width: 48%;
    float: left;
    padding-right: 1rem;}
       .twoColGrey div{    width: 47%;
    float: left;
    background-color: #eee;
    padding: 1rem;
    margin: 1rem;
    border-radius: 8px;}
    .threeCol div{    width: 33%;
    float: left;
    padding-right: 1rem;}
    .contentTop{     color: #fff;
    text-shadow: #000 2px 2px 2px;}
    .bgCoverRow2 a{
        color: #fff;
    text-shadow: #000 2px 2px 2px;
    text-decoration:none;
    }
   

    .whyColumn .box {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        width: 90%;
        padding: 10px;
        background-color: #00bfa5;
        color:#fff;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        z-index: 999;
        border-radius:8px;
        cursor:auto;
        margin-left:1rem;
    }

    .whyColumn:hover .box,
    .whyColumn.clicked .box {
        display: block;
    }
   .headerContent h1{ text-shadow: #000 2px 2px 2px;color:#fff;text-align:center;}
    .bgCoverRow2 .content {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
        color: #fff;    font-size: 1.5rem;
    }
.dateRow{font-size: 0.8rem;}
    .bgCoverRow2 .content h2 {
        font-size: 3rem;
        padding-top: 5rem;
    }
.recoRow{text-align:center;}
.recoRow a{margin-right: 2rem;}
.recoRow img{height: 80px;
    padding-right: 1rem;}
#mobile-logo{display:none;}
.desk-logo{display:inline-block;}
    .background-image-full {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 500px;
        transition: background-image 0.5s ease;
    }
    .stonecat{height:400px;}
.phoneRowContainer{float:right;}
    .background-overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0);
        transition: background-color 0.5s ease;
        pointer-events: none;
    }
#phoneRowPhoneInfo{float:right!important;}
.background-image-full{width:100%;}
    .headerContent {
        position: relative;
        z-index: 1;max-width:700px;
    }
html {
  font-family: 'Inter', sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}
.nav-item {
    position: relative;
}

.sub-menu {
    position: absolute;
    top: 0;
    left: 0%;
    display: none;
}

.nav-item:hover .sub-menu {
    display: block;
}

.nav-link {
    display: block;
    padding: 5px;
}

.nav-link:hover {
    background-color: #ccc;
}

/* The navigation menu */
.navbar {
 background-color: #18B68C;
    float: left;
    width: 100%;
    min-height: 49px;
    padding:0.5rem;
}
.darkm{
    background-color:rgb(0,0,0,0.9)!important;
}
/* Navigation links */
.navbar a {
  float: left;
  font-size: 14px;
  color: #fff;
  text-align: center;
     padding: 10px 16px 4px 16px;
  text-decoration: none;
}
.navbar a:hover{
    color:#02232C;
    
}
.subnavbtn a.hover-active {
/*color:#02232C;*/
color:#18B68C;
}
/* The subnavigation menu */
.subnav {
  float: left;
  overflow: hidden;
}

/* Subnav button */
.subnav .subnavbtn {
  font-size: 0.9rem;
  border: none;
  outline: none;
  color: white;
     padding: 14px 0;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}

/* Add a red background color to navigation links on hover */
.navbar a:hover, .subnav:hover .subnavbtn {
  /*background-color: #fff;*/
}

/* Style the subnav content - positioned absolute */
.subnav-content {
  display: none;
  position: absolute;
  left: 0;
 background-color: rgb(0,0,0,0.9);
  width: 100%;
  z-index: 100;
    padding-top: 1rem;
    padding-bottom: 2rem;
}

/* Style the subnav links */
.subnav-content a {
  float: none;
  color: #fff;
  text-decoration: none;    padding-bottom: 0.5rem;
  padding-left: 0;padding-right:0;margin-right:0;
    margin-left: 0;border:1px solid transparent;
    
    width: 96%;
  display: inline-block;
  text-align: left;
}
.subnav-content-mob {
  
  position: relative;
  left: 0;
 background-color: rgb(0,0,0,0.9);
  width: 100%;
  z-index: 100;
    /*padding-top: 1rem;
    padding-bottom: 2rem;*/
}

/* Style the subnav links */
.subnav-content-mob a {
  float: none;
  color: #fff;padding-left:1.5rem!important;
  text-decoration: none;    padding-bottom: 0.5rem;
  padding-left: 0;padding-right:0;margin-right:0;
    margin-left: 0;border:1px solid transparent;
    
    width: 96%;
  display: inline-block;
  text-align: left;
  font-size:12px;
}
.subnav-content-mob .container{
    padding-left:0px;
}
.colmd3subnav-mob{
    /*padding-left:8px!important;*/
    /*width:31%;*/
}
.colmd3subnav-mob .subnavUl{
    padding-right: 0.5rem!important;
   
}
 .colmd3subnav-mob a{
     padding-left:0.7rem!important;
 }
 .colmd3subnav-mob .subRight p{
     font-size:14px;
 }
.arrow {
  border: solid #fff;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
}

.left {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.up {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

.down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.wpfloat-right{
    float:right;
   padding:0.8rem; 
   color:#fff;
   cursor:pointer;
}
.subnavUl{list-style-type: none;
    margin: 0;
    padding: 0;
    border-right: 1px gray solid;   /*#18B68C*/
  padding-right: 1rem;
}
.subnavUl-mob{list-style-type: none;
    margin: 0;
    padding: 0;
    /*border-right: 1px gray solid;   */
  padding-right: 1rem;
}
.subnavUl .subItem{
    padding-bottom: 0.7rem;
}
.subnavUl-mob .subItem{
    width:100%;
    padding-bottom: 0.7rem;
    padding-left:1.5rem;
}
.subnavUl-mob .subItem .subRight{
    float:none!important;
    font-size:14px;
    padding-left:6px;
}
.subnavUl> li:after {
  content: '»';
  position: absolute;
  opacity: 0;  
  /*top: 14px;
  right: -20px;*/
  transition: 0.5s;
  color:#fff;
  line-height: 2.2;
}

.subnavUl> li:hover,.subnavUl-mob> li:hover{
  /*padding-right: 24px;
  padding-left:8px;*/
   color:#18B68C;
}

.subnavUl> li:hover:after {
  opacity: 1;
  /*right: 10px;*/
}
/* Add a grey background color on hover */
.subnav-content a:hover {
  /*border-bottom:1px solid #fff;*/
  color:#18B68C;
}
.subnav-content-mob a:hover {
  /*border-bottom:1px solid #fff;*/
  color:#18B68C;
}

/* When you move the mouse over the subnav container, open the subnav content */
.subnav:hover .subnav-content {
  display: block;
}
body {
    margin: 0
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline
}

    audio:not([controls]) {
        display: none;
        height: 0
    }

[hidden], template {
    display: none
}

a {
    background-color: transparent
}

    a:active, a:hover {
        outline: 0
    }

abbr[title] {
    border-bottom: 1px dotted
}

b, strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0;max-width:100%;
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code, kbd, pre, samp {
    font-family: monospace,monospace;
    font-size: 1em
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button, select {
    text-transform: none
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

    button[disabled], html input[disabled] {
        cursor: default
    }

    button::-moz-focus-inner, input::-moz-focus-inner {
        border: 0;
        padding: 0
    }

input {
    line-height: normal
}

    input[type=checkbox], input[type=radio] {
        box-sizing: border-box;
        padding: 0
    }

    input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
        height: auto
    }

    input[type=search] {
        -webkit-appearance: textfield;
        box-sizing: content-box
    }

        input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
            -webkit-appearance: none
        }
fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

p{line-height: 1.5;}
optgroup {
    font-weight: 700
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td, th {
    padding: 0
}
td{padding:1rem;font-size:1rem;}
th{text-align: left;
    padding: 1rem;}
.error input[type=checkbox], .error input[type=radio], .error small.error, .variantsColumn {
    margin-bottom: 1rem;
}

.error input[type=checkbox], .error input[type=radio], .error small.error, .variantsColumn {
    margin-bottom: 1rem;
}
.variantsColumn img {
    height: 3rem;
    cursor: pointer;
    margin-right: 1rem;
}
.variantsColumn img {
    height: 3rem;
    cursor: pointer;
    margin-right: 1rem;
}
.specsRow{padding-left: 15px;}
.priceSpecs {
    font-size: 1.2rem;
    font-weight: 700;
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}

    .container:after, .container:before {
        content: " ";
        display: table
    }

    .container:after {
        clear: both
    }

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}

    .container-fluid:after, .container-fluid:before {
        content: " ";
        display: table
    }

    .container-fluid:after {
        clear: both
    }

.row {
    margin-left: -15px;
    margin-right: -15px;
    margin: 0 auto;
    max-width: 1200px;
}
#phoneRow .row{max-width: 62.5rem;
    width: 100%;    margin: 0 auto;}
    .row:after, .row:before {
        content: " ";
        display: table
    }

    .row:after {
        clear: both
    }

.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
   display:inline-block;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left
}

.col-xs-1 {
    width: 8.333333%
}

.col-xs-2 {
    width: 16.666667%
}

.col-xs-3 {
    width: 25%
}

.col-xs-4 {
    width: 33.333333%
}

.col-xs-5 {
    width: 41.666667%
}

.col-xs-6 {
    width: 50%
}

.col-xs-7 {
    width: 58.333333%
}

.col-xs-8 {
    width: 66.666667%
}

.col-xs-9 {
    width: 75%
}

.col-xs-10 {
    width: 83.333333%
}

.col-xs-11 {
    width: 91.666667%
}

.col-xs-12 {
    width: 100%
}

.col-xs-pull-0 {
    right: auto
}

.col-xs-pull-1 {
    right: 8.333333%
}

.col-xs-pull-2 {
    right: 16.666667%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-4 {
    right: 33.333333%
}

.col-xs-pull-5 {
    right: 41.666667%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-7 {
    right: 58.333333%
}

.col-xs-pull-8 {
    right: 66.666667%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-10 {
    right: 83.333333%
}

.col-xs-pull-11 {
    right: 91.666667%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-push-0 {
    left: auto
}

.col-xs-push-1 {
    left: 8.333333%
}

.col-xs-push-2 {
    left: 16.666667%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-4 {
    left: 33.333333%
}

.col-xs-push-5 {
    left: 41.666667%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-7 {
    left: 58.333333%
}

.col-xs-push-8 {
    left: 66.666667%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-10 {
    left: 83.333333%
}

.col-xs-push-11 {
    left: 91.666667%
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-offset-0 {
    margin-left: 0
}

.col-xs-offset-1 {
    margin-left: 8.333333%
}

.col-xs-offset-2 {
    margin-left: 16.666667%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-4 {
    margin-left: 33.333333%
}

.col-xs-offset-5 {
    margin-left: 41.666667%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-7 {
    margin-left: 58.333333%
}

.col-xs-offset-8 {
    margin-left: 66.666667%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-10 {
    margin-left: 83.333333%
}

.col-xs-offset-11 {
    margin-left: 91.666667%
}

.col-xs-offset-12 {
    margin-left: 100%
}

fieldset {
    margin: 0;
    min-width: 0
}

fieldset, legend {
    padding: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    border-bottom: 1px solid #e5e5e5
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700
}

input[type=search] {
    box-sizing: border-box
}

input[type=checkbox], input[type=radio] {
    margin: 4px 0 0;
    margin-top: 1px\9;
    line-height: normal
}

input[type=file] {
    display: block
}

input[type=range] {
    display: block;
    width: 100%
}

select[multiple], select[size] {
    height: auto
}

input[type=checkbox]:focus, input[type=file]:focus, input[type=radio]:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

output {
    padding-top: 7px
}

.form-control, output {
    display: block;
    font-size: 14px;
    line-height: 1.428571;
    color: #555
}

.form-control {
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

    .form-control:focus {
        border-color: #66afe9;
        outline: 0;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
    }

    .form-control::-moz-placeholder {
        color: #999;
        opacity: 1
    }

    .form-control:-ms-input-placeholder {
        color: #999
    }

    .form-control::-webkit-input-placeholder {
        color: #999
    }

    .form-control::-ms-expand {
        border: 0;
        background-color: transparent
    }

    .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
        background-color: #eee;
        opacity: 1
    }

    .form-control[disabled], fieldset[disabled] .form-control {
        cursor: not-allowed
    }

textarea.form-control {
    height: auto
}

input[type=search] {
    -webkit-appearance: none
}

.form-group {
    margin-bottom: 15px
}

.checkbox, .radio {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

    .checkbox label, .radio label {
        min-height: 20px;
        padding-left: 20px;
        margin-bottom: 0;
        font-weight: 400;
        cursor: pointer
    }

    .checkbox-inline input[type=checkbox], .checkbox input[type=checkbox], .radio-inline input[type=radio], .radio input[type=radio] {
        position: absolute;
        margin-left: -20px;
        margin-top: 4px\9
    }

    .checkbox + .checkbox, .radio + .radio {
        margin-top: -5px
    }

.checkbox-inline, .radio-inline {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    vertical-align: middle;
    font-weight: 400;
    cursor: pointer
}

    .checkbox-inline + .checkbox-inline, .radio-inline + .radio-inline {
        margin-top: 0;
        margin-left: 10px
    }

    .checkbox-inline.disabled, .checkbox.disabled label, .radio-inline.disabled, .radio.disabled label, fieldset[disabled] .checkbox-inline, fieldset[disabled] .checkbox label, fieldset[disabled] .radio-inline, fieldset[disabled] .radio label, fieldset[disabled] input[type=checkbox], fieldset[disabled] input[type=radio], input[type=checkbox].disabled, input[type=checkbox][disabled], input[type=radio].disabled, input[type=radio][disabled] {
        cursor: not-allowed
    }

.form-control-static {
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 0;
    min-height: 34px
}

    .form-control-static.input-lg, .form-control-static.input-sm, .input-group-lg > .form-control-static.form-control, .input-group-lg > .form-control-static.input-group-addon, .input-group-lg > .input-group-btn > .form-control-static.btn, .input-group-sm > .form-control-static.form-control, .input-group-sm > .form-control-static.input-group-addon, .input-group-sm > .input-group-btn > .form-control-static.btn {
        padding-left: 0;
        padding-right: 0
    }

.input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn, .input-sm {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.input-group-sm > .input-group-btn > select.btn, .input-group-sm > select.form-control, .input-group-sm > select.input-group-addon, select.input-sm {
    height: 30px;
    line-height: 30px
}

.input-group-sm > .input-group-btn > select[multiple].btn, .input-group-sm > .input-group-btn > textarea.btn, .input-group-sm > select[multiple].form-control, .input-group-sm > select[multiple].input-group-addon, .input-group-sm > textarea.form-control, .input-group-sm > textarea.input-group-addon, select[multiple].input-sm, textarea.input-sm {
    height: auto
}

.form-group-sm .form-control {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.form-group-sm select.form-control {
    height: 30px;
    line-height: 30px
}

.form-group-sm select[multiple].form-control, .form-group-sm textarea.form-control {
    height: auto
}

.form-group-sm .form-control-static {
    height: 30px;
    min-height: 32px;
    padding: 6px 10px;
    font-size: 12px;
    line-height: 1.5
}

.input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn, .input-lg {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.333333;
    border-radius: 6px
}

.input-group-lg > .input-group-btn > select.btn, .input-group-lg > select.form-control, .input-group-lg > select.input-group-addon, select.input-lg {
    height: 46px;
    line-height: 46px
}

.input-group-lg > .input-group-btn > select[multiple].btn, .input-group-lg > .input-group-btn > textarea.btn, .input-group-lg > select[multiple].form-control, .input-group-lg > select[multiple].input-group-addon, .input-group-lg > textarea.form-control, .input-group-lg > textarea.input-group-addon, select[multiple].input-lg, textarea.input-lg {
    height: auto
}

.form-group-lg .form-control {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.333333;
    border-radius: 6px
}

.form-group-lg select.form-control {
    height: 46px;
    line-height: 46px
}

.form-group-lg select[multiple].form-control, .form-group-lg textarea.form-control {
    height: auto
}

.form-group-lg .form-control-static {
    height: 46px;
    min-height: 38px;
    padding: 11px 16px;
    font-size: 18px;
    line-height: 1.333333
}

.has-feedback {
    position: relative
}

    .has-feedback .form-control {
        padding-right: 42.5px
    }

.form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none
}

.form-group-lg .form-control + .form-control-feedback, .input-group-lg + .form-control-feedback, .input-group-lg > .form-control + .form-control-feedback, .input-group-lg > .input-group-addon + .form-control-feedback, .input-group-lg > .input-group-btn > .btn + .form-control-feedback, .input-lg + .form-control-feedback {
    width: 46px;
    height: 46px;
    line-height: 46px
}

.form-group-sm .form-control + .form-control-feedback, .input-group-sm + .form-control-feedback, .input-group-sm > .form-control + .form-control-feedback, .input-group-sm > .input-group-addon + .form-control-feedback, .input-group-sm > .input-group-btn > .btn + .form-control-feedback, .input-sm + .form-control-feedback {
    width: 30px;
    height: 30px;
    line-height: 30px
}

.has-success .checkbox, .has-success .checkbox-inline, .has-success.checkbox-inline label, .has-success.checkbox label, .has-success .control-label, .has-success .help-block, .has-success .radio, .has-success .radio-inline, .has-success.radio-inline label, .has-success.radio label {
    color: #3c763d
}

.has-success .form-control {
    border-color: #3c763d;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}

    .has-success .form-control:focus {
        border-color: #2b542c;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168
    }

.has-success .input-group-addon {
    color: #3c763d;
    border-color: #3c763d;
    background-color: #dff0d8
}

.has-success .form-control-feedback {
    color: #3c763d
}

.has-warning .checkbox, .has-warning .checkbox-inline, .has-warning.checkbox-inline label, .has-warning.checkbox label, .has-warning .control-label, .has-warning .help-block, .has-warning .radio, .has-warning .radio-inline, .has-warning.radio-inline label, .has-warning.radio label {
    color: #8a6d3b
}

.has-warning .form-control {
    border-color: #8a6d3b;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}

    .has-warning .form-control:focus {
        border-color: #66512c;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b
    }

.has-warning .input-group-addon {
    color: #8a6d3b;
    border-color: #8a6d3b;
    background-color: #fcf8e3
}

.has-warning .form-control-feedback {
    color: #8a6d3b
}

.has-error .checkbox, .has-error .checkbox-inline, .has-error.checkbox-inline label, .has-error.checkbox label, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.radio-inline label, .has-error.radio label {
    color: #a94442
}

.has-error .form-control {
    border-color: #a94442;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}

    .has-error .form-control:focus {
        border-color: #843534;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483
    }

.has-error .input-group-addon {
    color: #a94442;
    border-color: #a94442;
    background-color: #f2dede
}

.has-error .form-control-feedback {
    color: #a94442
}

.has-feedback label ~ .form-control-feedback {
    top: 25px
}

.has-feedback label.sr-only ~ .form-control-feedback {
    top: 0
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373
}

.form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .radio, .form-horizontal .radio-inline {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 7px
}

.form-horizontal .checkbox, .form-horizontal .radio {
    min-height: 27px
}

.form-horizontal .form-group {
    margin-left: -15px;
    margin-right: -15px
}

    .form-horizontal .form-group:after, .form-horizontal .form-group:before {
        content: " ";
        display: table
    }

    .form-horizontal .form-group:after {
        clear: both
    }

.form-horizontal .has-feedback .form-control-feedback {
    right: 15px
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate;z-index:1;
}

    .input-group[class*=col-] {
        float: none;
        padding-left: 0;
        padding-right: 0
    }

    .input-group .form-control {
        position: relative;
        z-index: 2;
        float: left;
        width: 100%;
        margin-bottom: 0
    }

        .input-group .form-control:focus {
            z-index: 3
        }

    .input-group-addon, .input-group-btn, .input-group .form-control {
        display: table-cell
    }

        .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) {
            border-radius: 0
        }

.input-group-addon, .input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px
}

    .input-group-addon.input-sm, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .input-group-addon.btn {
        padding: 5px 10px;
        font-size: 12px;
        border-radius: 3px
    }

    .input-group-addon.input-lg, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .input-group-addon.btn {
        padding: 10px 16px;
        font-size: 18px;
        border-radius: 6px
    }

    .input-group-addon input[type=checkbox], .input-group-addon input[type=radio] {
        margin-top: 0
    }

    .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn-group:not(:last-child) > .btn, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group .form-control:first-child {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0
    }

    .input-group-addon:first-child {
        border-right: 0
    }

    .input-group-addon:last-child, .input-group-btn:first-child > .btn-group:not(:first-child) > .btn, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group .form-control:last-child {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0
    }

    .input-group-addon:last-child {
        border-left: 0
    }

.input-group-btn {
    font-size: 0;
    white-space: nowrap
}

    .input-group-btn, .input-group-btn > .btn {
        position: relative
    }

        .input-group-btn > .btn + .btn {
            margin-left: -1px
        }

        .input-group-btn > .btn:active, .input-group-btn > .btn:focus, .input-group-btn > .btn:hover {
            z-index: 2
        }

        .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group {
            margin-right: -1px
        }

        .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
            z-index: 2;
            margin-left: -1px
        }

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
  
}

    .label:empty {
        display: none
    }

.btn .label {
    position: relative;
    top: -1px
}

a.label:focus, a.label:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.label-default {
    background-color: #777
}

    .label-default[href]:focus, .label-default[href]:hover {
        background-color: #5e5e5e
    }

.label-primary {
    background-color: #337ab7
}

    .label-primary[href]:focus, .label-primary[href]:hover {
        background-color: #286090
    }

.label-success {
    background-color: #5cb85c
}

    .label-success[href]:focus, .label-success[href]:hover {
        background-color: #449d44
    }

.label-info {
    background-color: #5bc0de
}

    .label-info[href]:focus, .label-info[href]:hover {
        background-color: #31b0d5
    }

.label-warning {
    background-color: #f0ad4e
}

    .label-warning[href]:focus, .label-warning[href]:hover {
        background-color: #ec971f
    }

.label-danger {
    background-color: #d9534f
}

    .label-danger[href]:focus, .label-danger[href]:hover {
        background-color: #c9302c
    }

h1 {
    font-size: 2.2em
}

h2 {
    font-size: 1.6em;
    letter-spacing: 2px;
    text-transform: none;
}

.product-grid__item:hover body.theme-color-water .product-grid__item__name, .product-grid__item:hover body.theme-color-water .product-grid__item__price, body.theme-color-water .bg-main-color, body.theme-color-water .button--border--solid, body.theme-color-water .mobile-nav, body.theme-color-water .product-grid__item:hover .product-grid__item__name, body.theme-color-water .product-grid__item:hover .product-grid__item__price, body.theme-color-water .section--themed {
    background-color: #362bdc;
    color: #fff
}
.blogproductcontainer div {
    position: relative; /* Make it a stacking context for absolutely positioned children */
    transition: all 1s; /* 1 second transition for any animatable properties */
}

.blogproductcontainer div::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 191, 165, 0.3); /* #00bfa5 color with 0.3 opacity */
    opacity: 0; /* Initially hidden */
    transition: all 1s; /* 1 second transition for opacity */
}

.blogproductcontainer:hover div::after {
    opacity: 1; /* Show the overlay when hovered */
}
.productImage {
    position: relative; /* Make it a stacking context for absolutely positioned children */
    display: inline-block; /* Ensure the container wraps the image tightly */
}

.productImage::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 191, 165, 0.3); /* #00bfa5 color with 0.3 opacity */
    opacity: 0; /* Initially hidden */
    transition: all 1s; /* 1 second transition for opacity */
}

.product:hover .productImage::after {
    opacity: 1; /* Show the overlay when the .product is hovered */
}

.blogposts-centered body.theme-color-water .blogpost-title, body.theme-color-water .blogposts-centered .blogpost-title, body.theme-color-water .button--border, body.theme-color-water .font-main-color, body.theme-color-water .nav-link, body.theme-color-water .section__hero-content, body.theme-color-water footer a, footer body.theme-color-water a {
    color: #fff
}

article body.theme-color-water a, article body.theme-color-water a:visited, body.theme-color-water .employee-grid__item__email, body.theme-color-water .font-link-color, body.theme-color-water article a, body.theme-color-water article a:visited {
    color: #362bdc
}

body.theme-color-water--active.nav-link:visited, body.theme-color-water .border-main-color, body.theme-color-water .button--border, body.theme-color-water .nav-link--active, body.theme-color-water .nav-link:hover {
    border-color: #fff
}

.product-grid__item:hover body.theme-color-sun .product-grid__item__name, .product-grid__item:hover body.theme-color-sun .product-grid__item__price, body.theme-color-sun .bg-main-color, body.theme-color-sun .button--border--solid, body.theme-color-sun .mobile-nav, body.theme-color-sun .product-grid__item:hover .product-grid__item__name, body.theme-color-sun .product-grid__item:hover .product-grid__item__price, body.theme-color-sun .section--themed {
    background-color: #f8ea88;
    color: #000
}

.blogposts-centered body.theme-color-sun .blogpost-title, body.theme-color-sun .blogposts-centered .blogpost-title, body.theme-color-sun .button--border, body.theme-color-sun .font-main-color, body.theme-color-sun .nav-link, body.theme-color-sun .section__hero-content, body.theme-color-sun footer a, footer body.theme-color-sun a {
    color: #000
}

article body.theme-color-sun a, article body.theme-color-sun a:visited, body.theme-color-sun .employee-grid__item__email, body.theme-color-sun .font-link-color, body.theme-color-sun article a, body.theme-color-sun article a:visited {
    color: #b0a55b
}

body.theme-color-sun--active.nav-link:visited, body.theme-color-sun .border-main-color, body.theme-color-sun .button--border, body.theme-color-sun .nav-link--active, body.theme-color-sun .nav-link:hover {
    border-color: #000
}

.product-grid__item:hover body.theme-color-earth .product-grid__item__name, .product-grid__item:hover body.theme-color-earth .product-grid__item__price, body.theme-color-earth .bg-main-color, body.theme-color-earth .button--border--solid, body.theme-color-earth .mobile-nav, body.theme-color-earth .product-grid__item:hover .product-grid__item__name, body.theme-color-earth .product-grid__item:hover .product-grid__item__price, body.theme-color-earth .section--themed {
    background-color: #e7afa3;
    color: #000
}
.blogposts-centered body.theme-color-earth .blogpost-title, body.theme-color-earth .blogposts-centered .blogpost-title, body.theme-color-earth .button--border, body.theme-color-earth .font-main-color, body.theme-color-earth .nav-link, body.theme-color-earth .section__hero-content, body.theme-color-earth footer a, footer body.theme-color-earth a {
    color: #000
}

article body.theme-color-earth a, article body.theme-color-earth a:visited, body.theme-color-earth .employee-grid__item__email, body.theme-color-earth .font-link-color, body.theme-color-earth article a, body.theme-color-earth article a:visited {
    color: #90514c
}

body.theme-color-earth--active.nav-link:visited, body.theme-color-earth .border-main-color, body.theme-color-earth .button--border, body.theme-color-earth .nav-link--active, body.theme-color-earth .nav-link:hover {
    border-color: #000
}

.product-grid__item:hover body.theme-color-freaky .product-grid__item__name, .product-grid__item:hover body.theme-color-freaky .product-grid__item__price, body.theme-color-freaky .bg-main-color, body.theme-color-freaky .button--border--solid, body.theme-color-freaky .mobile-nav, body.theme-color-freaky .product-grid__item:hover .product-grid__item__name, body.theme-color-freaky .product-grid__item:hover .product-grid__item__price, body.theme-color-freaky .section--themed {
    background-color: #77f3d9;
    color: #000
}

.blogposts-centered body.theme-color-freaky .blogpost-title, article body.theme-color-freaky a, article body.theme-color-freaky a:visited, body.theme-color-freaky .blogposts-centered .blogpost-title, body.theme-color-freaky .button--border, body.theme-color-freaky .employee-grid__item__email, body.theme-color-freaky .font-link-color, body.theme-color-freaky .font-main-color, body.theme-color-freaky .nav-link, body.theme-color-freaky .section__hero-content, body.theme-color-freaky article a, body.theme-color-freaky article a:visited, body.theme-color-freaky footer a, footer body.theme-color-freaky a {
    color: #000
}

    body.theme-color-freaky--active.nav-link:visited, body.theme-color-freaky .border-main-color, body.theme-color-freaky .button--border, body.theme-color-freaky .nav-link--active, body.theme-color-freaky .nav-link:hover {
        border-color: #000
    }

.nav-link--disabled, .nav-link--disabled:hover {
    border-color: transparent !important;
    cursor: not-allowed;
}

.montserrat, body.theme-font-standard .nav-link.nav-link--home, body.theme-font-standard h1, body.theme-font-standard h2, body.theme-font-standard h3, body.theme-font-standard h4, body.theme-font-standard h5, body.theme-font-standard h6 {
    font-family: 'Inter', sans-serif;
}

.source-sans-pro, body.theme-font-standard, body.theme-font-standard .nav-link {
    font-family: 'Inter', sans-serif;
}

    body.theme-font-standard p {
        line-height: 1.6em;
        margin-bottom: 30px
    }

.lato, body.theme-font-mono .nav-link.nav-link--home, body.theme-font-mono h1, body.theme-font-mono h2, body.theme-font-mono h3, body.theme-font-mono h4, body.theme-font-mono h5, body.theme-font-mono h6 {
   font-family: 'Inter', sans-serif;
}

.roboto-mono, body.theme-font-mono, body.theme-font-mono .nav-link {
    font-family: 'Inter', sans-serif;
}

body.theme-font-mono {
    font-weight: 400;
    font-size: 14px
}

    body.theme-font-mono .nav-link.nav-link--home, body.theme-font-mono h1, body.theme-font-mono h2, body.theme-font-mono h3, body.theme-font-mono h4, body.theme-font-mono h5, body.theme-font-mono h6 {
        font-weight: 900
    }

    body.theme-font-mono p {
        line-height: 1.6em;
        margin-bottom: 30px
    }

.playfair, body.theme-font-serif .nav-link.nav-link--home, body.theme-font-serif h1, body.theme-font-serif h2, body.theme-font-serif h3, body.theme-font-serif h4, body.theme-font-serif h5, body.theme-font-serif h6 {
   font-family: 'Inter', sans-serif;
}

.noto, body.theme-font-serif, body.theme-font-serif .nav-link {
   font-family: 'Inter', sans-serif;
}

    body.theme-font-serif p {
        line-height: 1.6em;
        margin-bottom: 30px
    }

.product-image-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: start;
    align-items: flex-start
}

.product-image {
    max-width: 100%;
    max-height: 600px
}

.product-price {
    font-size: 30px;
    margin-bottom: 20px
}

.product-teaser {
    font-size: 18px;
    line-height: 1.6em;
    margin-bottom: 20px
}

.product-button {
    margin-bottom: 40px
}

.product-advantages {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.product-advantage {
    padding: 15px 0;
    font-weight: 700;
    border-top: 1px solid #f2f2f2
}

    .product-advantage:last-child {
        border-bottom: 1px solid #f2f2f2
    }

.product-grid {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow: hidden
}

.product-grid__item {
    height: 300px;
    position: relative;
    overflow: hidden;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%
}

    .product-grid__item:hover {
        cursor: pointer
    }

.product-grid__item__overlay {
    position: absolute;
    bottom: 0;
    padding: 20px;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start
}

.product-grid__item-image {
    max-width: 100%
}

.product-grid__item__name, .product-grid__item__price {
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    margin-bottom: 5px;
    letter-spacing: 5px;
    background-color: rgba(0,0,0,.35);
    padding: 2px 5px;
    display: inline-block
}

.header {
    padding-top: 50px;
    padding-bottom: 50px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    width: 100%;
    z-index: 4
}

.header--fixed {
    padding-top: 20px;
    padding-bottom: 20px;
    background: #fff;
    transition: padding .2s cubic-bezier(.694,.0482,.335,1),background .2s cubic-bezier(.694,.0482,.335,1);
    left: 0;
    position: fixed
}

    .header--fixed .nav-bar {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%)
    }

    .header--fixed .nav-link {
        color: #000 !important
    }

        .header--fixed .nav-link--active, .header--fixed .nav-link:hover {
            border-bottom-color: #000 !important
        }

body.frontpage .header:not(.header--fixed) .nav-link--home__text:after {
    background-color: #fff
}

body.frontpage .header:not(.header--fixed) .nav-link {
    color: #00bfa5;

}

    body.frontpage .header:not(.header--fixed) .nav-link--active, body.frontpage .header:not(.header--fixed) .nav-link:hover {
        border-bottom-color: #fff
    }

.top-nav{    background-color: #18B68C;}
body.fixed .top-nav.-open {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    transform: translate(0)
}

footer {
    padding-top: 60px;
    padding-bottom: 60px;
    width: 100%;
    display:flex;
}

.logo {
    padding-left: 20px
}

.logo-image {
    max-width: 180px;
    max-height: 100px;
    margin-left: 20px;
    display: block;padding-top: 2px;
}
.logo-image-fixed {
  max-width: 180px;
  max-height: 50px;
  margin-left: 0;
  display: flex;
  padding-top: 5px;
  transition: all 0.2s linear;
  position: relative;
  left: -58px;
}

.nav-bar {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: row;
    flex-direction: row
}

.nav-bar--list {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start
}

.nav-bar--center, .nav-bar--list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.nav-bar--air-bottom {
    margin-bottom: 40px
}

.nav-link, .nav-link:visited {
    text-decoration: none;
    margin: 10px 15px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 2px;
    border-bottom: 2px solid transparent;
    color: #00bfa5;

}

.nav-link--air-bottom {
    margin-bottom: 5px
}

a.nav-link.nav-link--black {
    color: #000
}

    a.nav-link.nav-link--black:hover {
        border-color: #000
    }

.nav-link--black.nav-link--active {
    box-shadow: inset 0 -2px 0 #000
}

.nav-link--home {
    font-size: 24px;
    font-weight: 900;
    margin-right: 40px;
    color: #f4f4f0
}

    .nav-link--home:hover {
        box-shadow: none
    }

.nav-link--home__text {
    position: relative
}

    .nav-link--home__text:after {
        position: absolute;
        right: 0;
        display: block;
        content: "";
        height: 3px;
        width: 200%
    }

.section--sand {
    background-color: #f4f4f0
}

.section--stroke-bottom {
    border-bottom: 1px solid #f2f2f2
}

.section--header {
    min-height: 320px;
    padding-top: 130px
}

.section--content-center {
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.section--content-center, .section--content-center-bottom {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.section--content-center-bottom {
    -ms-flex-align: end;
    align-items: flex-end
}

.section--thick-border {
    border: 20px solid #fff
}

body.frontpage .section__hero-content {
    color: #fff
}

.section__hero-content {
    max-width: 760px;
    padding: 0 20px
}

.section__description {
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 60px
}

.background-image-full {
    background-repeat: no-repeat;
    background-size: cover;    background-attachment: fixed;
    background-position: 50%
}
.whychooseusbg{background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    background-image: url('/media/xxgf4irq/silestone-desert-silver-kok.webp');
    padding-top: 3rem;
    padding-bottom: 4rem;
    background-attachment: fixed;
}
.overlay {
    position: relative
}

    .overlay:after {
        content: "";
        z-index: 0;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

.overlay--dark:after {
    background: rgba(37,33,33,.6)
}

.overlay--light:after {
    background: hsla(0,0%,88%,.6)
}

.overlay * {
    position: relative;
    z-index: 1
}

.button, .button--small {
    text-decoration: none;
    letter-spacing: 1px;
    font-size: 0.9rem;
    border: 1px solid transparent;
    font-weight: normal;
    color: #fff!important;
    padding: 1rem;
    background-color: #18B68C;
    text-transform: uppercase;
    height: 43px;
    padding-top: 12px;
    display: inline-block; /* Added */
    transition: background 500ms ease-out;
}

.moreButton {
    text-decoration: none;
    letter-spacing: 1px;
    font-size: 0.9rem;
    border: 1px solid transparent;
    font-weight: normal;
    color: #02232C!important;
    padding: 1rem;
    background-color: #fff;
    text-transform: uppercase;
    height: 43px;
    padding-top: 12px;
    display: inline-block; /* Added */
    transition: background 500ms ease-out;
    
}
.moreButton:hover{
    background-color:#02232C;
    color:#fff!important;
}
.headerContent h1{
    margin-bottom:2rem;
    padding:1rem;
}
.whyColumn{    text-align: center;
    color: #fff;
    padding: 1rem;
    float: left;
    width: 180px;
    background-color: rgba(0, 0, 0, 0.85);
    margin-bottom: 2rem;
    border-radius: 8px;
    min-height: 100px;margin-top: 1rem;}
.whychooseusbg .row .column h2{    color: #000;}
.button:hover{background-color:#fff;color:#18B68C!important;border:1px solid #18B68C;}

.button--small {
    padding: 8px 40px;
    font-size: 14px
}

.button--border--light {
    background: none;
    border-color: #fff;
    color: #fff
}

    .button--border--light:hover {
        background: #fff;
        color: #000;
        opacity: 1
    }

.button--border--light_solid {
    background: #fff;
    border-color: #fff;
    color: #000
}

    .button--border--light_solid:hover {
        opacity: .7
    }

.button--border--dark {
    background: none;
    border-color: #000;
    color: #000
}

    .button--border--dark:hover {
        background: #000;
        color: #fff;
        opacity: 1
    }

.button--border--dark_solid {
    background: #000;
    border-color: #000;
    color: #fff
}

    .button--border--dark_solid:hover {
        opacity: .7
    }

.button--border {
    background: none
}

    .button--border:hover {
        opacity: 1
    }

.button--border--solid {
    border-color: transparent
}

    .button--border--solid:hover {
        opacity: .7
    }

.blogposts {
    margin-left: auto;
    margin-right: auto
}

.blogpost {
    text-decoration: none;
    color: #000;
    display: block;
    padding: 30px 20px
}

    .blogpost.blogpost-with-image {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .blogpost:last-child {
        margin-bottom: 60px
    }

    .blogpost:hover .blogpost-title {
        text-decoration: underline
    }

.blogpost-image {
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    margin-left: 40px;
    border-radius: 50%
}

.blogpost-info {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.blogpost-meta {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 10px
}

.blogpost-date {
    display: block;
    opacity: 1;
    margin-right: 10px
}

.blogpost-cat {
    opacity: .5
}

.blogpost-image {
    height: 160px;
    width: 160px;
    background-size: cover;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px
}

.blogpost-title {
    font-size: 22px;
    letter-spacing: 1px;
    margin: 0 0 10px
}

.blogpost-excerpt {
    font-size: 16px;
    line-height: 1.5;
    opacity: .8
}

.blogpost-link {
    margin-top: 25px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding-bottom: 2px;
    border-bottom: 2px solid rgba(0,0,0,.15);
    color: #000;
    text-decoration: none;
    font-size: 18px
}

    .blogpost-link:hover {
        border-bottom-color: #000
    }

.blogposts-centered {
    text-align: center
}

    .blogposts-centered .blogpost {
        margin: 30px 0;
        padding: 30px 30px 0
    }

        .blogposts-centered .blogpost:hover {
            background: none
        }

        .blogposts-centered .blogpost + .blogpost {
            border-top: 1px solid #f4f4f0
        }

    .blogposts-centered .blogpost-title {
        margin-bottom: 30px
    }

    .blogposts-centered .blogpost-excerpt {
        font-size: 18px
    }

    .blogposts-centered .blogpost-meta {
        -ms-flex-pack: center;
        justify-content: center
    }

    .blogposts-centered .blogpost-title {
        font-size: 30px;
        line-height: 1.3
    }

.testimonial {
    text-decoration: none;
    color: #000;
    display: block;
    background: #f4f4f0;
    margin-bottom: 30px
}

.testimonial-image {
    width: 100%;
    height: 200px;
    background-size: cover;
    background-position: 50%
}

.testimonial-content {
    padding: 30px
}

.testimonial-title {
    letter-spacing: 1px;
    margin: 0 0 10px
}

p.testimonial-text {
    margin-top: 0;
    margin-bottom: 0 !important
}

.testimonial-link {
    color: rgba(0,0,0,.3);
    text-decoration: none;
    display: inline-block;
    margin-top: 20px
}

    .testimonial-link:hover {
        color: #000
    }

.employee-grid {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow: hidden
}

.employee-grid__item {
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    padding-top: 10px;
    padding-bottom: 10px
}

.employee-grid__item__image {
    height: 300px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%
}

.employee-grid__item__details {
    padding: 30px;
    background: #f4f4f0
}

.employee-grid__item__name {
    color: #000;
    letter-spacing: 1px;
    margin-top: 0;
    margin-bottom: 5px
}

.employee-grid__item__email {
    text-decoration: none;
    margin-bottom: 15px;
    display: inline-block
}

.employee-grid__item__contact-item {
    color: rgba(0,0,0,.3);
    text-decoration: none;
    display: inline-block;
    margin-right: 10px
}

    .employee-grid__item__contact-item:hover {
        color: #000
    }

label {
    margin-bottom: 10px;
    font-size: 12px;
}

.form-group {
    margin-bottom: 25px
}

.form-control {
    border-radius: 0;
    box-shadow: none;
    transition: none;
    padding: 20px 15px
}

    .form-control:focus {
        border-color: #362bdc;
        box-shadow: none
    }

.mobile-nav-handler {
    width: 100%;
    position: absolute;
    margin: 0;
}
.callus{display:none;}
.phonenumbers{padding-top:0.65rem;}
.mobnav {
    background-color: #fff;
    position: absolute;
    top: 0;padding-bottom:1rem;
}
.mobnav a {
    font-size: 16px;
    color: #000;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}
.mobsubnav {
    float: left;
    overflow: hidden;
    width: 100%;
    min-height:44px;
}
.mobsubnav .mobsubnavbtn {
    font-size: 16px;
    border: none;
    outline: none;
    color: white;
   /* padding: 14px 16px;*/
    background-color: inherit;
    font-family: inherit;
    margin: 0;padding-top: 0;
    padding-bottom: 0;
}
.mobnav a {
    font-size: 16px;
    color: #000;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;float:left;
}
.mobsubnav-content {
    left: 0;
    /*background-color: #fff;*/
    background-color:rgb(0,0,0,0.9) !important;
    width: 100%;
    z-index: 1;
    /*padding-left: 2rem;
    margin-top: -10px;*/
}
 .hamburger {
    float: right;
    position: relative;
    cursor: pointer;
    z-index: 5;
    width: 40px;
    display: flex;
    align-items: center;
    top: 14px;
}

.hamburger span, .hamburger span:before, .hamburger span:after {
    display: block;
    width: 20px;
    height: 2px;
    background-color: #00bfa5; /* Adjust the color as needed */
    position: absolute;
    transition: all 0.3s ease-in-out;
}

.hamburger span:before, .hamburger span:after {
    content: '';
    top: 0;
}

.hamburger span:before {
    transform: translateY(-5px);
}

.hamburger span:after {
    transform: translateY(5px);
}

/* Transformations for the 'open' state */
.hamburger.open span {
    background-color: transparent;
}

.hamburger.open span:before {
    transform: rotate(45deg);
}

.hamburger.open span:after {
    transform: rotate(-45deg);
}

article {
    margin: 0 auto
}

    article a, article a:visited {
        text-decoration: none;
        text-decoration: underline
    }

        article a:hover, article a:visited:hover {
            text-decoration: none
        }

    article li, article p {
        font-weight: 400;
        font-style: normal;
        font-size: 18px;
        line-height: 1.5
    }

    article li {
        padding: 5px 0
    }

    article ol, article ul {
        margin: 20px;
        padding: 0
    }

    article img {
        max-width: 100%
    }

    article iframe, article img {
        margin: 0 0 20px
    }

.mobile-nav {
    width: 100%;
    height: auto;
    z-index: 4;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    opacity: 0;
    height: 0;display:none;
}


.mobile-nav--open {
    opacity: 1;
    height:auto;
    padding-top: 1rem;
    position:relative;    z-index: 999999;
    padding-bottom: 1rem;
         position: sticky;
    top: 80px;
}

.mobile-nav .nav-link {
    transition: transform .6s cubic-bezier(.23,1,.32,1);
    transform: translateY(999px);
    opacity: 0;
    font-size: 18px;
    margin: 15px
}

    .mobile-nav .nav-link:nth-child(1) {
        transition-delay: 60ms
    }

    .mobile-nav .nav-link:nth-child(2) {
        transition-delay: 80ms
    }

    .mobile-nav .nav-link:nth-child(3) {
        transition-delay: .1s
    }

    .mobile-nav .nav-link:nth-child(4) {
        transition-delay: .12s
    }

    .mobile-nav .nav-link:nth-child(5) {
        transition-delay: .14s
    }

    .mobile-nav .nav-link:nth-child(6) {
        transition-delay: .16s
    }

    .mobile-nav .nav-link:nth-child(7) {
        transition-delay: .18s
    }

    .mobile-nav .nav-link:nth-child(8) {
        transition-delay: .2s
    }

    .mobile-nav .nav-link:nth-child(9) {
        transition-delay: .22s
    }

    .mobile-nav .nav-link:nth-child(10) {
        transition-delay: .24s
    }

    .mobile-nav .nav-link:nth-child(11) {
        transition-delay: .26s
    }

.mobile-nav--open .nav-link {
    transform: translate(0);
    opacity: 1
}

.ta-center {
    text-align: center
}

.mw-640 {
    max-width: 640px
}

.ma-h-auto {
    margin-left: auto;
    margin-right: auto
}

.no-air {
    margin: 0
}

.no-scroll {
    overflow: hidden
}



.compat-msg {    
    color: #000;
    display: block;
    background: #f4f4f0;
    padding: 30px
}
.topRow{width:100%;float:left;}
.topRow .nav-link--home{float:left;}
.topRow .top-nav{float: left;margin-top: 30px;}
.statBox{background-color: #00bfa5;
float: left;
min-width: 80%;min-height: 19rem;
text-align: center;
color: #fff;}
.statBox h3{font-family: Poppins;
font-size: 6rem;
font-weight: 700;
margin: 0;}
.statBox p{font-family: Poppins;
font-size: 40px;
font-weight: 700;
text-align: center;
margin: 0;}
.landing h1{font-family: Poppins;
font-size: 60px;
font-weight: 700;
line-height: 90px;text-align:center;}
.footer{
background-color: #002e3d;}
.footer h2{font-family: 'Inter',Arial;
font-size: 1rem;
font-weight: 900;
color: #fff;
margin-top: 0;}
.footer div{font-size: 0.8rem;
font-weight: 400;
text-align: left;
color: #fff;}
.landingTerrazzo{margin-top:2rem;margin-bottom:1rem;}
.landingTerrazzo h3{font-family: Poppins;
font-size: 1.5rem;
font-weight: 700;
line-height: 45px;
letter-spacing: 0em;
text-align: center;
}
.productcategorylist{
    margin: 0 auto;
    padding-bottom: 1rem;}
.footer a{color:#fff;}
.footer a:hoover{color:#00bfa5;}
.productContainer{float: left;
margin-right: 1rem;
margin-bottom: 1rem;
padding: 0 0 1rem 0;width:30%;}
.productContainer_carou{float: left;
margin-right: 1rem;
margin-bottom: 1rem;
padding: 0 0 1rem 0;
/*width:30%;*/
}
.productContainer a,.productContainer_carou a{}
.productContainer img,.productContainer_carou img{height: 204px;border-radius:5px;
    width: 100%;}
.productContainer h3,.productContainer_carou h3{color: #333;
    font-weight: normal;
    margin-top: 0.8rem;}
.pinkRow h3{
font-size: 1.5rem;
font-weight: 700;
text-align: center;
}
.pinkRow div{
font-size: 1rem;
font-weight: 400;
text-align: center;
}
.pinkRow{color: #fff;background-color: #00bfa5;
padding-bottom: 1rem;}
.darkRow h3{
font-size: 1.2rem;
font-weight: 500;

}
.greenareabutton{
        max-width: 100%;
    text-align: center;
    text-decoration: none;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #00bfa5;
    font-size: 1rem;
    font-weight: normal;
    color: #00bfa5;
    border: 1px solid #00bfa5;
    padding: 0.5rem 1rem;
    border-radius: 7px;
    background-color: #fff;
}
.greenareabutton:hover{color:#fff;background:#000;}
.regionCol{border:1px solid #18B68C;width:95%;    padding-top: 0.5rem;
    padding-bottom: 0.5rem;}
.regionName{color:#18B68C;font-size:1rem;text-align:center;font-weight:bold;padding-bottom:0.4rem;}
.bookNowRow{padding:0!important;margin-top:2.5rem;}
.regionDate{color:#18B68C;font-size:0.9rem;text-align:center;}
.darkRowDiv{margin:0 auto;max-width:1200px;}
.darkRowDiv div h2{padding-top:1rem;}
.darkRow{color: #fff;background: #02232C;
   display: flex;
    box-sizing: border-box;}
.landingPostRow h3{font-family: Poppins;
font-size: 2rem;
font-weight: 700;
text-align: left;
}
.landingPostRow div{font-family: 'Inter',Arial;
font-size: 1rem;
font-weight: 400;
text-align: left;
}
.input-group {
    display: table;
    width: 100%;
    margin-bottom: 1rem;
}
.darkborderbottom {
    border-bottom: 3px solid #1b2327;
}
.darkborderleft {
    border-left: 3px solid #1b2327;
}
.darkborderright {
    border-right: 3px solid #1b2327;
}
.darkbordertop {
    border-top: 3px solid #1b2327;
}
.hedge {
    width: 120px;
    height: 50px;
}
.nopadd {
    padding: 0;
    border: 3px solid #b0bec5;
    background: #e6e6e6;
}
.hedge input[type=checkbox].noright, .oedge input[type=checkbox].noright, input[type=checkbox].noright {
    position: relative;
    left: 24px;
    top: 10px;
}
.hedge input[type=checkbox].nobottom {
      bottom: -14px;
    position: relative;
    left: 0;
}.hedge input[type=checkbox].notop, input[type=checkbox].notop {
    padding-top: 0;
    position: relative;
   top: -12px;
    left: 0px;
}.hedge input[type=checkbox].noleft {
       padding-left: 0;
    position: relative;
    left: -7px;
    top: 10px;
}
.darkborderbottom {
    border-bottom: 3px solid #1b2327;
}
.darkborderleft {
    border-left: 3px solid #1b2327;
}
.darkborderright {
    border-right: 3px solid #1b2327;
}
.darkbordertop {
    border-top: 3px solid #1b2327;
}
.callout.secondary {
    background-color: #fff;
    border-color: #00bfa5;
    width: 100%;
    float: left;
}

.callout.primary {
    box-shadow: 0 0 25px 0 #e0e0e0;
    background-color: #fff;width:100%;min-height:auto;margin-bottom:1rem;
}
#submitAlert,#meddelandeError2{display:none;}
.callout {
    margin: 0 0 1rem;
    padding: 1rem;
    border: 1px solid rgba(10,10,10,.25);
    border-radius: 0;
    position: static;
    color: #0a0a0a;
    background-color: #fff;
}
#feedbackArea{    width: 500px;
    height: 200px;
    max-width: 90%;}
.large-12 {
    width: 100%;
}
.column, .columns, .row.large-uncollapse>.column, .row.large-uncollapse>.columns {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    float: left;
}
   .specContent,.nrec{display:none;}
.medium-12{width:100%;}
.input-group .collapse .small-9,.input-group .collapse .small-3{padding-left:0;padding-right:0;}
label.postfix, span.postfix {
    font-weight: 700;
    background: #f2f2f2;
    color: #333;
    border-color: #ccc;
}
.postfix, .prefix {
       border-style: solid;
    border-width: 1px;
    height: 42px;
    line-height: 2.3125rem;
    overflow: visible;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 2;
    padding: 0 0.5rem 0 0.5rem;
}
.center .input-group{margin-top: -0.8rem;}
.postfix, .prefix, label {
    display: block;
    font-size: .875rem;
}
.readMore{
    position: absolute;
width: 198px;
height: 59px;
background: url('/media/gzed1b1e/readmore_bg.png');
  background-repeat: repeat;
background-repeat: no-repeat;
padding-left: 70px;
padding-top: 15px;
margin-top: 1rem;
color: #00bfa5;
text-decoration: none;
font-family: 'Inter',Arial;
font-size: 1rem;
font-weight: 900;
line-height: 24px;
border-top: 1px solid #ccc;
border-radius: 0.5rem;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;}
.mobile-nav .nav-bar{background: #fff;
    position: absolute;
    top: 6rem;
    width: 100%;}

.bgCoverRow{float: left;
    width: 100%;
    height: 500px;background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;}
.contactTop{float: left;
width: 100%;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
background-image: url('/media/jdje0msv/terrazzo-background.png');
background-color: #00bfa5;color:#fff;}
.contactRow{margin: 2rem 0;}
.contactRow input, .contactRow textarea{max-width:400px;}
.fullImageH1{text-align: center;padding-top: 5rem;  text-shadow: #000 2px 2px 2px;color: #fff;}
.contactTop h2{color:#fff;}
.contactTop p{color:#fff;}
.product{margin-bottom:1rem;}
	.productImage a img{max-height:177px;}
					.productImage img{width:100%;border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;}
				
					/*#sinkRow{max-width: 1600px;}*/
			#sinkRow{max-width: 1150px;}
			/*#sinkRow .mr-2{margin-right:0.4rem;}*/
			
					.superrow > .col-md-2 > span > h2{
					    font-size: 1.5em!important;
					}
@keyframes rotateAnimation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.whyImage,.recoRow a img {
  opacity: 1;
  transition: opacity 0.8s ease;
}
.whyColumn,.recoRow a  {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 500ms ease-out, transform 500ms ease-out;
}

.fade-slide-in {
  animation: fadeSlideIn 2s forwards;
}
/*Krish*/
.flex-container{
    display:flex;
}
.alert-light,.alertInfo  {
    /*color: #818182;*/
    color:red; display:none;
    position: relative;
    padding: 0.75rem 1.25rem;
    /*background-color: #fefefe;
    border-color: #fdfdfe;*/
}
.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;
}
/*.alert {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}*/
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #00bfa5;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #606060;
}

input:focus + .slider {
  box-shadow: 0 0 1px #606060;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.rightN{
    float:right;
}
.tpaddN{
    margin-top: 30px;
}
.filterLink {
  text-decoration: none;
  font-size: 1.3rem;
  padding-left: 1rem;
  /*border-bottom: 2px solid transparent;*/
  color: #00bfa5;
}
.filterLink:hover{color:#000;border-color:#000;text-decoration:underline;}

.filterHeader {
  font-size: 1.3rem;
  font-weight: 700;
}

@keyframes fadeSlideIn {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.whyImage {
  animation: fadeIn 1s ease forwards;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@media (min-width:993px) {
 

    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left
    }

    .col-md-1 {
        width: 8.333333%
    }

    .col-md-2 {
        width: 16.666667%
    }
.colmd3subnav,.colmd3subnav-mob{
    width: 16.666667%
}
    .col-md-2 {
        width: 25%
    }

    .col-md-4 {
        width: 33.333333%
    }

    .col-md-5 {
        width: 41.666667%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-7 {
        width: 58.333333%
    }

    .col-md-8 {
        width: 66.666667%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-10 {
        width: 83.333333%
    }

    .col-md-11 {
        width: 91.666667%
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-pull-0 {
        right: auto
    }

    .col-md-pull-1 {
        right: 8.333333%
    }

    .col-md-pull-2 {
        right: 16.666667%
    }

    .col-md-pull-3 {
        right: 25%
    }

    .col-md-pull-4 {
        right: 33.333333%
    }

    .col-md-pull-5 {
        right: 41.666667%
    }

    .col-md-pull-6 {
        right: 50%
    }

    .col-md-pull-7 {
        right: 58.333333%
    }

    .col-md-pull-8 {
        right: 66.666667%
    }

    .col-md-pull-9 {
        right: 75%
    }

    .col-md-pull-10 {
        right: 83.333333%
    }

    .col-md-pull-11 {
        right: 91.666667%
    }

    .col-md-pull-12 {
        right: 100%
    }

    .col-md-push-0 {
        left: auto
    }

    .col-md-push-1 {
        left: 8.333333%
    }

    .col-md-push-2 {
        left: 16.666667%
    }

    .col-md-push-3 {
        left: 25%
    }

    .col-md-push-4 {
        left: 33.333333%
    }

    .col-md-push-5 {
        left: 41.666667%
    }

    .col-md-push-6 {
        left: 50%
    }

    .col-md-push-7 {
        left: 58.333333%
    }

    .col-md-push-8 {
        left: 66.666667%
    }

    .col-md-push-9 {
        left: 75%
    }

    .col-md-push-10 {
        left: 83.333333%
    }

    .col-md-push-11 {
        left: 91.666667%
    }

    .col-md-push-12 {
        left: 100%
    }

    .col-md-offset-0 {
        margin-left: 0
    }

    .col-md-offset-1 {
        margin-left: 8.333333%
    }

    .col-md-offset-2 {
        margin-left: 16.666667%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-4 {
        margin-left: 33.333333%
    }

    .col-md-offset-5 {
        margin-left: 41.666667%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-7 {
        margin-left: 58.333333%
    }

    .col-md-offset-8 {
        margin-left: 66.666667%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-10 {
        margin-left: 83.333333%
    }

    .col-md-offset-11 {
        margin-left: 91.666667%
    }

    .col-md-offset-12 {
        margin-left: 100%
    }

    .nav-link, .nav-link:visited {
        margin-left: 15px;
        margin-right: 15px
    }

   

    .blogposts {
        max-width: 800px
    }

    .blogpost {
        padding: 30px;
        margin: 20px 0
    }

        .blogpost.blogpost-with-image {
            -ms-flex-direction: row;
            flex-direction: row
        }

    .blogpost-image {
        height: 160px;
        max-width: 160px;
        margin-top: 0;
        margin-left: 20px
    }

    .employee-grid {
        margin-left: 20px;
        margin-right: 20px
    }

    .mobile-nav-handler {
        display: none
    }
    .callus{display:block;}
    .phonenumbers{padding-top:0;}
}

@media (min-width:1200px) {
    .container {
        width: 1170px
    }

    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        float: left
    }

    .col-lg-1 {
        width: 8.333333%
    }

    .col-lg-2 {
        width: 16.666667%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-4 {
        width: 33.333333%
    }

    .col-lg-5 {
        width: 41.666667%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-7 {
        width: 58.333333%
    }

    .col-lg-8 {
        width: 66.666667%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-10 {
        width: 83.333333%
    }

    .col-lg-11 {
        width: 91.666667%
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-pull-0 {
        right: auto
    }

    .col-lg-pull-1 {
        right: 8.333333%
    }

    .col-lg-pull-2 {
        right: 16.666667%
    }

    .col-lg-pull-3 {
        right: 25%
    }

    .col-lg-pull-4 {
        right: 33.333333%
    }

    .col-lg-pull-5 {
        right: 41.666667%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-pull-7 {
        right: 58.333333%
    }

    .col-lg-pull-8 {
        right: 66.666667%
    }

    .col-lg-pull-9 {
        right: 75%
    }

    .col-lg-pull-10 {
        right: 83.333333%
    }

    .col-lg-pull-11 {
        right: 91.666667%
    }

    .col-lg-pull-12 {
        right: 100%
    }

    .col-lg-push-0 {
        left: auto
    }

    .col-lg-push-1 {
        left: 8.333333%
    }

    .col-lg-push-2 {
        left: 16.666667%
    }

    .col-lg-push-3 {
        left: 25%
    }

    .col-lg-push-4 {
        left: 33.333333%
    }

    .col-lg-push-5 {
        left: 41.666667%
    }

    .col-lg-push-6 {
        left: 50%
    }

    .col-lg-push-7 {
        left: 58.333333%
    }

    .col-lg-push-8 {
        left: 66.666667%
    }

    .col-lg-push-9 {
        left: 75%
    }

    .col-lg-push-10 {
        left: 83.333333%
    }

    .col-lg-push-11 {
        left: 91.666667%
    }

    .col-lg-push-12 {
        left: 100%
    }

    .col-lg-offset-0 {
        margin-left: 0
    }

    .col-lg-offset-1 {
        margin-left: 8.333333%
    }

    .col-lg-offset-2 {
        margin-left: 16.666667%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-4 {
        margin-left: 33.333333%
    }

    .col-lg-offset-5 {
        margin-left: 41.666667%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-7 {
        margin-left: 58.333333%
    }

    .col-lg-offset-8 {
        margin-left: 66.666667%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-10 {
        margin-left: 83.333333%
    }

    .col-lg-offset-11 {
        margin-left: 91.666667%
    }

    .col-lg-offset-12 {
        margin-left: 100%
    }

    .employee-grid__item, .product-grid__item {
        -ms-flex: 1 1 33%;
        flex: 1 1 33%;
        max-width: 33%
    }

    .employee-grid__item {
        padding: 20px
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    input[type=date].form-control, input[type=datetime-local].form-control, input[type=month].form-control, input[type=time].form-control {
        line-height: 34px
    }

    .input-group-sm > .input-group-btn > input[type=date].btn, .input-group-sm > .input-group-btn > input[type=datetime-local].btn, .input-group-sm > .input-group-btn > input[type=month].btn, .input-group-sm > .input-group-btn > input[type=time].btn, .input-group-sm > input[type=date].form-control, .input-group-sm > input[type=date].input-group-addon, .input-group-sm > input[type=datetime-local].form-control, .input-group-sm > input[type=datetime-local].input-group-addon, .input-group-sm > input[type=month].form-control, .input-group-sm > input[type=month].input-group-addon, .input-group-sm > input[type=time].form-control, .input-group-sm > input[type=time].input-group-addon, .input-group-sm input[type=date], .input-group-sm input[type=datetime-local], .input-group-sm input[type=month], .input-group-sm input[type=time], input[type=date].input-sm, input[type=datetime-local].input-sm, input[type=month].input-sm, input[type=time].input-sm {
        line-height: 30px
    }

    .input-group-lg > .input-group-btn > input[type=date].btn, .input-group-lg > .input-group-btn > input[type=datetime-local].btn, .input-group-lg > .input-group-btn > input[type=month].btn, .input-group-lg > .input-group-btn > input[type=time].btn, .input-group-lg > input[type=date].form-control, .input-group-lg > input[type=date].input-group-addon, .input-group-lg > input[type=datetime-local].form-control, .input-group-lg > input[type=datetime-local].input-group-addon, .input-group-lg > input[type=month].form-control, .input-group-lg > input[type=month].input-group-addon, .input-group-lg > input[type=time].form-control, .input-group-lg > input[type=time].input-group-addon, .input-group-lg input[type=date], .input-group-lg input[type=datetime-local], .input-group-lg input[type=month], .input-group-lg input[type=time], input[type=date].input-lg, input[type=datetime-local].input-lg, input[type=month].input-lg, input[type=time].input-lg {
        line-height: 46px
    }
}
@media (max-width:1180px){
    .list2{width:33.3%;}
    .stoneImg{max-width:100%;}
    .list1{width:23%;}
    .list3{width:23%;}
    .list4{width:21%;padding: 0.8rem 1rem 0;}

     .list4 h2 {
    font-size: 1.4rem;
    letter-spacing: 1px;
    margin-bottom: 0;
} .col1,.col2,.col3{width:33%;float:left;}
}
@media(max-width:1080px){
    
    .col1{width:30%;}
        .col3{width:30%;}
            .col2{width:40%;}
}
@media(max-width:1050px){.threeCol h2 {
    font-size: 1.4rem;
}
 .navbar a{    padding: 10px 6px 0 10px;}   
 .logo-image-fixed {
  
  padding-top: 3px;
 
}
}
@media (max-width:992px) {
     .stonecath2{font-size:1rem;}
    .col-md-12 {
        width: 100%
    }
    .header .nav-bar {
        display: none
    }

    .nav-bar {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        -ms-grid-row-align: center;
        align-items: center
    }
    .top-nav{display:none;}
.threeCol h2,.twoCol h2,.twoColGrey h2 {
    font-size: 1.2rem;
}
     .mobile-nav {
        display: inline-block;
        overflow-y: auto;
        max-height: 100vh;
    z-index: 99999;
        }
.navbar a:hover{
    /*color:#02232C;*/
    color:#18B68C!important ;
}
    .close-button {  /* Replace with the actual class or ID of your close button */
        position: absolute;
        top: 10px;
        right: 10px;
    }
    #mobile-logo{display:inline-block;}
    .desk-logo{display:none;}
    #phoneRow{    width: 100%;color:#00bfa5;  
    /*margin-bottom: 5px;*/
    /*sticky*/
    position: sticky;
    top: 0;
    z-index: 99999;
  }
#phoneRow a{color:#00bfa5;}
   
    #phoneRow span{font-size:0.9rem;margin-top:2px;}
    .logo-image {
    height: 36px;
    margin-top: -2px;
}
    #phoneRowPhoneInfo{float: right!important;
    padding-right: 2rem;}
    .phoneRowContainer{float:none;}
   
}
@media (max-width:960px) {
 .col1{width:50%;}
.col2{width:100%;}
.col3{width:auto;}
}
@media (max-width:920px) {
    .bottomRow .col-md-9{text-align: left;
    width: 100%;
    padding-top: 1rem;}
    .bottomRow col-md-3{width:100%;}
}
@media (max-width:890px) {
    .productRow .col-md-4{width:48%;}
}
@media (max-width:870px) {
    .threeCol h2,.twoCol h2,.twoColGrey h2 {
    font-size: 1rem;
}
.threeCol div{width:50%;}
 .cropImage{
        width: 100%;
    height: 150px;
    overflow: hidden;
    }
    .list2{width:60%;padding-left:0.8rem;}
    .stoneImageColumn{margin-left:0;}
    .list1{width:100%;padding:0;}
    .list3{width:40%;}
    .list4{width:100%;}
    .stoneImg{max-width:100%;width:100%;}
    .gotoStoneButton{float: left;
    margin-bottom: 1rem;}
    .list4 h2 {
    font-size: 1.4rem;
    letter-spacing: 1px;
    margin-bottom: 0;
}
    .list4 small {
   margin-top: 0;
}
#phone1b{display:none; }
}
@media (max-width:800px) {
 #phone2{display:none; }
}
@media (max-width:782px) {
.productsUl li,.sinktapUl li{width:100%!important;}
.sinktapUl li .primary {max-height:none;height:auto;min-height:auto!important;}
.productContainer,.productContainer_carou {width:45%;}

.bottomRow a{padding-right: 2px;
    padding-left: 2px;}
.consultingContainer .col-sm-6{width:100%;}
}
.image-wrapper {
    position: relative;
    text-align: center;
}

.image {
    width: 100%;
}

.text-overlay {
    position: absolute;
    bottom: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    margin: 0;
    z-index: 10;
}

.campaign-button {
    position: absolute;
    bottom: 5%;
    left: 50%;
    transform: translateX(-50%);
    background-color: #00bfa5;
    color: #fff;
    padding: 10px;
    text-decoration: none;
    border-radius: 0;
}

@media (max-width: 667px) {
    .text-overlay {
        font-size: 0.8rem;
        top: auto;
        transform: translateX(-50%);
    }
.campaign-button{font-size:0.9rem;}
    
}

@media(max-width:660px){
    .headerContent{    padding-left: 1rem;
    padding-right: 1rem;}
   .headerContent h1{font-size:2rem;}
    .greenareabutton{font-size:0.8rem;}
}
@media(max-width:640px){
  
.twoCol div {
    width: 50%;
    padding-right: 1rem;
    padding-left: 1rem;
}.twoColGrey div {
    width: 50%;
    padding-right: 1rem;
    padding-left: 1rem;
}
.col1,.col2,.col3{padding-bottom:1.5rem;
}
#phone3{display:none; }
.phoneicon {
  
 /* padding-top: 0.15rem;*/
 padding-top:0.65rem;
}
}
@media(max-width:580px){
    #phoneRowPhoneInfo{
        padding-right:0.5rem;
    }
    .phonenumbers{
        margin-right:0.5rem;
    }
}
@media(max-width:550px){
    .image {
    width: auto;
    height: 300px;
}
}
@media(max-width:510px){
    .phonenumbers{
        display:none;
    }
}
@media(max-width:360px){
    .image {
    width: auto;
    height: 250px;
}
.campaign-button {
    font-size: 0.8rem;
    padding: 8px;
}
}
@media (min-width:768px) {
   

    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left
    }

    .col-sm-1 {
        width: 8.333333%
    }

    .col-sm-2 {
        width: 16.666667%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-4 {
        width: 33.333333%
    }

    .col-sm-5 {
        width: 41.666667%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-7 {
        width: 58.333333%
    }

    .col-sm-8 {
        width: 66.666667%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-10 {
        width: 83.333333%
    }

    .col-sm-11 {
        width: 91.666667%
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-pull-0 {
        right: auto
    }

    .col-sm-pull-1 {
        right: 8.333333%
    }

    .col-sm-pull-2 {
        right: 16.666667%
    }

    .col-sm-pull-3 {
        right: 25%
    }

    .col-sm-pull-4 {
        right: 33.333333%
    }

    .col-sm-pull-5 {
        right: 41.666667%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-pull-7 {
        right: 58.333333%
    }

    .col-sm-pull-8 {
        right: 66.666667%
    }

    .col-sm-pull-9 {
        right: 75%
    }

    .col-sm-pull-10 {
        right: 83.333333%
    }

    .col-sm-pull-11 {
        right: 91.666667%
    }

    .col-sm-pull-12 {
        right: 100%
    }

    .col-sm-push-0 {
        left: auto
    }

    .col-sm-push-1 {
        left: 8.333333%
    }

    .col-sm-push-2 {
        left: 16.666667%
    }

    .col-sm-push-3 {
        left: 25%
    }

    .col-sm-push-4 {
        left: 33.333333%
    }

    .col-sm-push-5 {
        left: 41.666667%
    }

    .col-sm-push-6 {
        left: 50%
    }

    .col-sm-push-7 {
        left: 58.333333%
    }

    .col-sm-push-8 {
        left: 66.666667%
    }

    .col-sm-push-9 {
        left: 75%
    }

    .col-sm-push-10 {
        left: 83.333333%
    }

    .col-sm-push-11 {
        left: 91.666667%
    }

    .col-sm-push-12 {
        left: 100%
    }

    .col-sm-offset-0 {
        margin-left: 0
    }

    .col-sm-offset-1 {
        margin-left: 8.333333%
    }

    .col-sm-offset-2 {
        margin-left: 16.666667%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-4 {
        margin-left: 33.333333%
    }

    .col-sm-offset-5 {
        margin-left: 41.666667%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-7 {
        margin-left: 58.333333%
    }

    .col-sm-offset-8 {
        margin-left: 66.666667%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-10 {
        margin-left: 83.333333%
    }

    .col-sm-offset-11 {
        margin-left: 91.666667%
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }

    .form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .form-inline .form-control-static {
        display: inline-block
    }

    .form-inline .input-group {
        display: inline-table;
        vertical-align: middle
    }

        .form-inline .input-group .form-control, .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn {
            width: auto
        }

        .form-inline .input-group > .form-control {
            width: 100%
        }

    .form-inline .control-label {
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .checkbox, .form-inline .radio {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }

        .form-inline .checkbox label, .form-inline .radio label {
            padding-left: 0
        }

        .form-inline .checkbox input[type=checkbox], .form-inline .radio input[type=radio] {
            position: relative;
            margin-left: 0
        }

    .form-inline .has-feedback .form-control-feedback {
        top: 0
    }

    .form-horizontal .control-label {
        text-align: right;
        margin-bottom: 0;
        padding-top: 7px
    }

    .form-horizontal .form-group-lg .control-label {
        padding-top: 11px;
        font-size: 18px
    }

    .form-horizontal .form-group-sm .control-label {
        padding-top: 6px;
        font-size: 12px
    }

    .employee-grid__item, .product-grid__item {
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 50%
    }

    .employee-grid__item {
        padding: 10px
    }
}
@media (max-width:1230px) {
.superrow > .col-md-2 > .gotoStoneButton{
					    top: -10px;
display: flex;
					}
					.navbar{display:flex;}
}
@media (max-width:992px) {
.navbar{flex-direction:column;}
}
@media (max-width:698px) {
    .filterSubRow{
        flex-direction: column;
    }
    .filterRow{
        padding-left: 10px;
    }
    .greenareabutton{font-size:0.9rem;}
.whyColumn{width:150px;height:100px;}
    
    .bottomRow a {
    padding-right: 5px;
    padding-left: 5px;
    float: left;
    padding-top: 6px;
    padding-bottom: 6px;
}
.bottomRow .col-md-9{float:left;}
.footerBar{display:none;}
}
@media (max-width:630px) {
    .contentTop{
        min-height:42vw!important; 
    }
    .twoCol div,.threeCol div,.twoColGrey div{width:100%;}
    .darkRow div{padding-right:0;
}
}
@media (max-width:600px) {
.col-md-9{margin-top:4px;}
.col1,.col2,.col3{width:100%;}
#phone1b{display:none; }
.recoRow img{height:68px;}
   .headerContent h1{font-size:1.6rem;}
}
@media (max-width:585px) {
    .list3{    padding: 0.8rem 0rem 0 0rem;}
    .contentTop{
        min-height:280px!important; 
    }
    .twoCol h2,.twoColGrey h2{
        font-size:4vw;
    }
    .productContainer,.productContainer_carou{width:80%;}
    .whyColumn{
        width:120px;font-size:0.85rem;min-height:60px;height:90px;
    }
    .whyImage .bi{font-size:1.5rem;}
    .productContainer,.productContainer_carou{width:100%;}
    .productContainer img,.productContainer_carou img{height:auto;}
}
@media (max-width:520px) {
    .contentTop{
        min-height:260px!important; 
    }
    .contentTopHeaderh1 {
        font-size:7vw;
    }
    .topColumn{
        /*width:100%;*/
    text-align:center;background-color:#fff;}
    .topLink{padding-top:4px;}
    .topNumber{margin-bottom:5px;}
}
@media (max-width:485px){
    
}
@media (max-width:430px) {
    .list3{width:100%;padding: 0.8rem 0.8rem 0 0.5rem;}
    .list2{width:100%;}
    .contentTop{
        min-height:210px!important; 
    }
   #offerText{display:none;}  
   .offerButton{border:none;padding: 0.5rem;font-size: 0.5rem;height: 26px;
  padding-top: 9px;}
   .bi-tag{    font-size: 1.5rem;
    top: -3px;
    position: relative;}
    .pqButton{padding-top:0.35rem;}
}