/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 28 2026 | 10:02:53 */
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css");
@import url('https://api.fontshare.com/v2/css?f[]=clash-display@400,500,600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Google+Sans:ital,opsz,wght@0,17..18,400..700;1,17..18,400..700&display=swap');
body h1,
body h2,
body h3,
body h4,
body h5{
	font-family: 'Clash Display', sans-serif !important;
	
}
body p,
body div{
	font-family: "Google Sans", sans-serif;
}
.main-menu a.hfe-menu-item{
	font-family: "Google Sans", sans-serif;
}
.cat-box .uc_title{
	font-family: 'Clash Display', sans-serif !important;
	letter-spacing:2px;
}
.hero-content .n2-ss-button-container a, 
.btn-cust {
	display: flex !important;
	padding: 15px 26px !important;
	justify-content: center !important;
	align-items: center !important;
	gap: 10px !important;
	border-radius: 6px !important;
	background: linear-gradient(87deg, rgba(237, 33, 58, 0.88) 2.3%, #93291E 97.7%) !important;
	line-height:1;
}
.hero-content .n2-ss-layer-col {
	gap:20px;
}
.hero-content h1 {
	font-size:48px;
}
.red{
	color: #D2151C;
}
.hfe-nav-menu ul.sub-menu {
	max-height: calc(90vh - 70px);
	overflow-y:auto;
}
.stonage-img-cont img {
	min-height: 197px;
    object-fit: fill;
}
.elementor-button-link .elementor-button-text {
	font-family:'Google Sans', sans-serif; !important;
	font-family:500;
	font-size:16px;
}
.elementor-button-link {
	border-radius:6px !important;
	padding: 15px 26px !important;
}
header#masthead {
    position: sticky !important;
    top: 0;
    background: #FFF;
	border-bottom: 1px solid #f7f7f7;
	z-index:999 !important;
}
.card_carousel_title {
    margin-top: -370px !important;
    z-index: 2;
    color: #fff !important;
    text-align: left;
}
.category_crousel .card_carousel_text{
    margin-top: 140px !important;
    z-index: 2;
    color: #fff !important;
    text-align: left;
}
.title-bg h2{
  font-weight: 1000 ;
  text-transform: uppercase ;
  letter-spacing: 6px ;
  background-image: url("https://tiles-r-us.com/wp_tiles/wp-content/uploads/2025/12/bg-title.png") ;
  background-size: cover ;
  background-position: center ;
  color: transparent !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
}

.category_crousel .owl-dots{
    display: none;
}
.category_crousel{
    position: relative;
}
.category_crousel .owl-nav .owl-prev,
.category_crousel .owl-nav .owl-next{
    position: absolute;
    top: 440px !important;
}
.category_crousel .owl-nav .owl-prev{
    left: 45% !important
}
.category_crousel .owl-nav .owl-next{
    right: 45% !important;
}
.category_crousel .fa-long-arrow-alt-left{
    width: 50px !important;
    margin: 0 0 0 30px;
}
.category_crousel .fa-long-arrow-alt-right{
    width: 50px !important;
    margin: 0 50px 0 0;
}

.category_crousel  .fas.fa-long-arrow-alt-left::before,
.category_crousel  .fas.fa-long-arrow-alt-right::before{
	content: "";
	display: inline-block;
	width: 60px;          
	height: 18px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	margin-top: 4px;
}
.category_crousel  .fas.fa-long-arrow-alt-left::before {
	background-image: url("https://tiles-r-us.com/wp_tiles/wp-content/uploads/2025/12/left-icon.svg");
}
.category_crousel  .fas.fa-long-arrow-alt-right::before{
    background-image: url("https://tiles-r-us.com/wp_tiles/wp-content/uploads/2025/12/right-icon-1.svg");
}
.category_crousel  .fas.fa-long-arrow-alt-left,
.category_crousel  .fas.fa-long-arrow-alt-right{
  font-family: unset !important;
}
.category_crousel button.owl-prev:hover .fas.fa-long-arrow-alt-left::before {
    margin-left: -20px;
    transition: all 0.3s ease-in-out;
}
.category_crousel button.owl-next:hover .fas.fa-long-arrow-alt-right::before {
    margin-left: 20px;
    transition: all 0.3s ease-in-out;
}


.side-images-cs img{
	 width: 100%;
}
.side-img-sec-cs{
    position: relative;
    height: 700px
}
.side-images-cs {
    position: absolute;
    right: 0;
}

p a,
li a,
.sitemep-box a{
	color: #DD1D02;
}
p a:hover,
li a:hover,
.sitemep-box a:hover{
	color: #DD1D02;
	text-decoration: underline;
}

#cat-contain-box .uc_long_content_box .uc_long_content_box_holder  .uc_long_content_box_box .uc_image_box{
    background-size: contain !important;
}
.text-center figure.elementor-image-box-img img {
    margin: auto;
}
.img-box-cstm .elementor-image-box-img img{
	width: 100%;
}
.madin-imgs .ue_slide {
    background-size: contain !important;
    background-repeat: no-repeat;
}
.madin-imgs .slick-arrow {
    margin-top: -130px;
    background-color: transparent !important;
    color: #000 !important;
}
.madin-imgs button.slick-next.pull-right.slick-arrow {
    left: auto !important;
    right: calc(0% + -21px) !important;
}
.madin-imgs button.slick-prev.pull-left.slick-arrow {
    left: -21px !important;
}
.underlay-lists a {
    display: inline !important;
}
.steps-accordian .e-n-accordion-item[open] > .e-n-accordion-item-title {
    border-radius: 10px 10px 0 0;
}
.steps-accordian .e-n-accordion-item{
    box-shadow: 1px 4px 4px #00000021;
    border-radius: 10px;
}
.guest-comments-form-cs .cf7-buttons p{
    display: flex;
    flex-direction: row;
    gap: 10px;
	position: relative;
}
.guest-comments-form-cs .cf7-buttons p span:last-child input{
    color: #fff;
    border: transparent;
    background: linear-gradient(87deg, #ED213A 2%, #93291E 97%)
}
.guest-comments-form-cs .wpcf7-spinner{
    position: absolute;
    top: -30px;
    right: -20px;
}
.contact-sec-cs form label {
    width: 100%;
}
.contact-sec-cs form label input,
.contact-sec-cs form label textarea,
.guest-comments-form-cs input,
.guest-comments-form-cs textarea,
.guest-comments-form-cs select{
    margin-top: 5px;
    margin-bottom: 15px;
    border-radius: 0;
    border: 1.5px solid #000;
}
.contact-sec-cs form label input:focus,
.contact-sec-cs form label textarea:focus,
.guest-comments-form-cs input:focus,
.guest-comments-form-cs textarea:focus{
    outline-color: #c36;
}

.contact-sec-cs form .wpcf7-submit{
    color: #fff;
    border: transparent;
    padding: 8px 50px;
    background: linear-gradient(87deg, #ED213A 2%, #93291E 97%);
}
.contact-sec-cs form .wpcf7-submit:hover,
.guest-comments-form-cs .cf7-buttons .wpcf7-submit:hover{
	background: linear-gradient(87deg, #93291E 2%, #ED213A 97%);
}
.guest-comments-form-cs .cf7-buttons .wpcf7-submit {
    border-radius: 3px !important;
    padding: 6px 14px;
}
.guest-comments-form-cs .cf7-buttons input{
	border-radius: 3px !important;
    padding: 5px 14px;
}
.guest-comments-form-cs .cf7-buttons input:hover{
	background: linear-gradient(87deg, #ED213A 2%, #93291E 97%);
}

.guest-comments-form-cs p{
	margin-bottom: 0 !important;
}
.uc_long_content_box_holder .uc_btn.ue_btn_1:after {
	content:'\f062';
	font-family: "Font Awesome 6 Free";
    font-weight: 900;
	transform: rotate(45deg);
}

/* Responsiveness */

@media screen and (max-width: 500px){
    .category_crousel .owl-nav .owl-prev{
        left: 35% !important
    }
    .category_crousel .owl-nav .owl-next{
        right: 35% !important;
    }
}

@media screen and (max-width: 767px){
    .title-bg h2{
        font-size: 28px !important;
    }
	.ue_simple_slider_title {
    	margin-top: 100px !important;
	}
	.slide__content {
    	max-width: 100% !important;
	}
	.madin-imgs .slick-arrow {
    	margin-top: -70px;
	}
	.madin-imgs button.slick-next.pull-right.slick-arrow {
    	left: auto !important;
    	right: calc(0% + -21px) !important;
	}
	.madin-imgs button.slick-prev.pull-left.slick-arrow {
    	left: -21px !important;
	}

	

}

@media screen and (max-width: 1024px){
    .side-images-cs{
        display: none !important;
    }	
	.category_crousel .owl-nav .owl-prev{
        left: 42% !important
    }
    .category_crousel .owl-nav .owl-next{
        right: 42% !important;
    }
}