h1{font-size:64px}h2{font-size:48px}h3{font-size:40px}h4{font-size:32px}h5{font-size:24px}h6{font-size:20px}.w3-serif{font-family:serif}
h1,h2,h3,h4,h5,h6{font-family:'Raleway',"Segoe UI",Arial,sans-serif;font-weight:400;margin:10px 0}.w3-wide{letter-spacing:4px}
/*.w3-xlarge{font-size:24px;font-size:1.25vw!important}*/
body {color:#755139;}
.body-content{font-family:'Open Sans',Verdana,sans-serif;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.w3-btn, .w3-button {outline:0!important;}
.kw-header-bar{z-index:12;box-shadow: 0 0 5px 0px black;}
a {color: #755139;}
a:hover {color: #442f22;}
.kw-nav a:hover,.kw-logo:hover, .w3-button:hover{text-decoration: none;}
.is-inview {color: #fff; background-color: #931e00;}
.kw-header {max-width: 1500px; width: 100%!important}
.kw-header a , .kw-header a:hover {color:#755139!important;}
.kw-addresses {max-width:1500px;margin: auto;}
.kw-addresses a{color: rgb(185, 40, 40);} .kw-addresses a:hover{color:rgb(25, 79, 228);}
.kw-address {min-width: 280px;}
.kw-main {margin-top: 59px;max-width: 1200px;}
.kw-content {margin-top: 59px;max-width: 1500px;}
.carousel-caption h5{text-shadow: 2px 3px 5px black;}
.kw-footer {box-shadow: 0 0 5px black; margin-top: 64px; color: #755139!important;}
.gradient-border-bottom {
  border-width: 0;
  border-bottom-width: 1px;
  border-style: solid;
  -webkit-border-image: -webkit-linear-gradient(to right,#fff,#ccc,#333,#ccc,#fff) 1 stretch;
  -moz-border-image: -moz-linear-gradient(to right,#fff,#ccc,#333,#ccc,#fff) 1 stretch;
  -o-border-image: -o-linear-gradient(to right,#fff,#ccc,#333,#ccc,#fff) 1 stretch;
  border-image: linear-gradient(to right,#fff,#ccc,#333,#ccc,#fff) 1 stretch}
.mpf-lightbox .w3-col{padding:5px;transition:1.5s ease;-webkit-transition:1.5s;-moz-transition:1.5s}
.mpf-lightbox .l6{padding-top:6px}
.mpf-lightbox .w3-col .w3-display-container:hover, .product .w3-display-container:hover{box-shadow:0 0 15px 0 #000;border-color:#333}
.mpf-lightbox-image{object-fit:cover;width:100%}
.image-shadow:hover, .mpf-lightbox-image:hover{cursor:pointer;transform:scale(1.01);-webkit-transform:scale(1.01);transition:all .2s linear;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;cursor:zoom-in;backface-visibility:hidden;}
.w3-display-container{overflow:hidden}
.w3-display-container a{outline:0}
.my-gallery{width:100%;float:left}
.my-gallery img{width:100%;height:auto}
.my-gallery figure{display:block;float:left;margin:0 5px 5px 0;width:370px}
.my-gallery figcaption{display:none}
.image-source-link{color:#98c3d1}
.gm-style .review-box{display:none!important}
.section-desc{width: 120ch;margin:0 auto}
.product, .kw-product-category{position:relative}
.item h4{position: absolute;top:0;left:0;z-index:10;color:#fff;background-color:#000;opacity: 0.75;margin:0;padding:0 30px;pointer-events: none;text-transform: uppercase}
.item h5{position: absolute;top:65px;right:-5px;z-index:10;;margin:0;padding:0;pointer-events: none;text-transform: uppercase;transform:rotate(45deg);}
.item-corner {position: absolute;top:0;right:0;z-index: 9;border-color: transparent #FFD662 transparent transparent;border-style: solid;border-width: 0px 200px 200px 200px;height: 0px;width: 0px;}
.item:hover h4{opacity:0.3;transition:all 0.5s linear}
.mpf-lightbox .w3-col .w3-display-container, .product .w3-display-container{border:1px solid #555}
.large-image{width:100%}
.image-shadow{box-shadow:0 4px 10px 0 rgba(0,0,0,0.2), 0 4px 20px 0 rgba(0,0,0,0.19)}
/* magnific-popup css styles */
.mfp-with-zoom .mfp-container,.mfp-with-zoom.mfp-bg{opacity:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
.mfp-with-zoom.mfp-ready .mfp-container{opacity:1}
.mfp-with-zoom.mfp-ready.mfp-bg{opacity:.8}
.mfp-with-zoom.mfp-removing .mfp-container,.mfp-with-zoom.mfp-removing.mfp-bg{opacity:0}
.grid h6{text-shadow: 2px 2px 1px black;z-index: 10;}
.grid-stone h6{text-shadow: none;z-index: 10;}
.kw-product-category {height: 15vh;}
.kw-product-category h6 {background-color: #000; color: #fff; padding: 3px; min-width: 84%;}
.kw-product-category a img {width: 100%; height: 100%; object-fit: cover;}
#kw-prod-js-scrollspy {position: fixed; max-width: 1500px; z-index: 11; background: #fff; border-radius: 0 0 10px 10px; box-shadow: 0px 0 20px 0px black;}
#kitchenCabinets {padding-top:50px!important;}
#google-map-lv, #google-map-sl {background-color: #f7fafa; z-index:12;box-shadow: 0 0 3px 0px black;}
.kw-address p i {width: 32px;}
.kw-addr-invis {color:#ecf0f1!important}
#main-services {max-width: 1200px;}
#main-services div i {font-size: 5rem!important;}
#model-list span {padding:8px;}
.text-toffee, .text-toffee:hover {color:#755139!important;}
.twc-caption { position: absolute; width: 90%; left: 5%; text-align: center; }
.twc-caption-stone { position: absolute; width: 100%; text-align: center; background-color: #fff; color: #000; bottom: -3.3em; height: 2em;}
.grid-stone { grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); grid-gap: 30px;}
.grid-stone .item { margin-bottom: 6em; outline:none; }
/* Carousel z-index fix */
.carousel-indicators { z-index:10 }
th { background-color: #755139; color: #fff;}
.google-map-show{outline:1px solid #555;box-shadow:0 0 10px}
.center { margin-left: auto; margin-right: auto;}
.center-text tr td, .center-text tr th { text-align: center; vertical-align: middle; }
@media all and (max-width:1140px){
/* .kw-nav a, .kw-nav div button{font-family:'Open Sans Condensed',sans-serif} */
.item h4{padding:0 10px}
.w3-xlarge{font-size:16px!important}
.section-desc{width:100%}
}
@media all and (max-width:1500px){
.kw-header{letter-spacing:2px}
.kw-nav{letter-spacing:1px}
}
@media all and (max-width:966px){
#contactModel{padding-top:156px;}
#cabinet-info,#cabinet-features,#showerwall-info{max-width:480px;}
}
@media all and (max-width:500px){
  #cabinet-info,#cabinet-features,#showerwall-info{max-width:300px;}
  .item h5{font-size: 14px;top: 35px;right: -5px;}
  .item-corner {border-width: 0px 100px 100px 100px;}
}
/* @media (hover: hover) {
.touch {display: none;color:#755139!important;}
.hover {display: block;}
}
@media (hover: none) {
  .touch, .touch:hover {display: block;color:#755139!important;}
  .hover {display: none;}
} */