/*
*
* Developer Css File
*
*/

/* custom pagination start */
.custompagination .pagination{
	box-shadow: none !important;
	display: block;
	margin-top: 37px;
	padding-bottom: 30px;
	margin-bottom:0px !important;
}
.custompagination .pagination .nav-links {
	border: none !important;
}
.custompagination .pagination .nav-links a, .custompagination .pagination .nav-links span, .custompagination .pagination .nav-links  .next ,  .custompagination .pagination .nav-links .prev{

	  background-color: rgba(255,255,255,.05);
	  border: 1px solid #BBBBBB;
	  border-radius: 5px;
	  color: #BBBBBB;
	  margin-left: 0;
	  margin-right: 12px;

}
.custompagination .pagination .nav-links a:hover{
	 background-color: #8B8000;
	 border-color:#8B8000;
	 color: #fff;
}
.custom_page {

    text-align: center;
    font-size: 17px;
    line-height: 22px;

}
.custompagination .pagination .nav-links .current{
 background-color: #fff;
 	color: #000000;
}
.custompagination {
	text-align: center;
	position: relative;
}
.custompagination .nav-links .page-numbers{ border-radius:5px; font-size:17px; font-weight:normal; margin-right:5px; padding:0px; height:40px; width:40px; line-height:40px; border:1px solid #f2f2f2; background-color:transparent; color:#000000;}
.custompagination .nav-links .page-numbers.current{background-color:#8B8000; color:#fff; border-color:#8B8000;}
.custompagination .nav-links .page-numbers:last-child{margin-right:0px;}
.custompagination .nav-links .page-numbers .screen-reader-text{margin-right:0px;}
.custompagination .nav-links .page-numbers.next:before{height:auto; width:40px; line-height:40px; font-size:0px; }
.custompagination .nav-links .page-numbers.prev:before{height:auto; width:40px; line-height:40px; font-size:0px;}
/* custom pagination end */


/* custom pagination  media query start */
@media (max-width:767px){
	.cstm_search_page .cstm_search_form.no-search-results-form.section-inner.thin {
		width: 100%;
		
	}
	.custompagination .nav-links .page-numbers.next::before {
		line-height: 27px;
		width: 28px;
	}
	.custompagination .nav-links .page-numbers {
		height: 26px;
		line-height: 25px;
		width: 27px;
		font-size: 12px; margin:0 4px !important;
	} 
	.custompagination .pagination .nav-links a, .custompagination .pagination .nav-links span, .custompagination .pagination .nav-links .next, .custompagination .pagination .nav-links .prev {
		margin-left: 0;
		margin-right: 0;
	}
	.custompagination .nav-links .page-numbers.prev::before {
		line-height: 24px;
		width: 26px;
	}
}

.custompagination .next.page-numbers,.custompagination .prev.page-numbers {
	background: transparent !important;
	border: none !important;
}
.custompagination .next.page-numbers::before {
	background: url(images/right-1.svg) center center / 100px 100px rgba(0, 0, 0, 0.0);
	
}
.custompagination .prev.page-numbers::before {
	background: url(images/left-1.svg) center center / 100px 100px rgba(0, 0, 0, 0.0);
}
.custompagination .next.page-numbers::before,.custompagination .prev.page-numbers::before {
	background-repeat: no-repeat;
	background-size: cover;
	width: 25px !important;
	margin: 0 auto;
	content: -moz-alt-content !important;
	background-size: 15px 22px;
}
/*search pagination end*/

/*Default page(page.php or single.php)*/

.cstm_default {
    padding: 30px 0;
}

.cstm_default .cstm-content img {
    float: left;
    margin-right: 40px;
    margin-bottom: 40px;
    width: 50%;
}

.cstm_default .cstm-content h2 {
    font-size: 40px;
    font-weight: bold;
    color: #000;
    margin-bottom: 0;
    margin-bottom: 20px;
}

.cstm_default .cstm-content p {
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
}

.clearfix::after {
    display: block;
    clear: both;
    content: "";
}

@media (max-width: 767px) {
	.cstm_default .cstm-content img {
		width: 100%;
		margin-right: 0;
		margin-bottom: 30px;
	}
}

.cstm_fullwidth {
    width: 100% !important;
    max-width: 100% !important;
}


.parallax-section .cstm_error {
    padding: 125px 0px;
}

.moretext {
  display: none;
}

/*Blog Page Css */

.bloglisting {
    margin-top: 80px;
}

.bloglisting ul{
    display:flex;
    flex-wrap:wrap;
    margin:0 -28px
}

.bloglisting ul li{
    width:33.33%;
    padding:0 28px 56px
}

.bloglistbox .bloglistimg,.bloglistbox h4{
    margin:0 0 10px;
    color: var(--bs-black);
    font-weight: 700;
}

.bloglistbox .bloglistimg,.bloglistbox p{
    color: var(--bs-black);
    font-weight: var(--font-medium);
    margin-bottom: 0;
}

.bloglistbox small {
    font-size: 14px;
    line-height: 22px;
    color: #000;
    font-weight: 300;
}



.bloglistbox .bloglistimg picture img{
    border-radius: 30px;
    margin-bottom: 16px;
    -ms-transition: all .8s ease 0s;
    -moz-transition: all .8s ease 0s;
    -o-transition: all .8s ease 0s;
    -webkit-transition: all .8s ease 0s;
    transition: all .8s ease 0s;
}

@media (max-width:1199px){
    .bloglisting.two-row ul{
        margin:0 -20px
    }
    .bloglisting.two-row ul li{
        padding:0 20px 60px
    }
    .bloglisting ul{
        margin:0 -15px
    }
    .bloglisting ul li{
        width:33.33%;
        padding:0 15px 35px
    }
}

@media (max-width:991px){
    .bloglisting.two-row ul{
        margin:0 -15px
    }
    .bloglisting.two-row ul li{
        padding:0 15px 30px
    }
    .bloglisting ul li{
        width:50%;
        padding:0 15px 35px
    }
}

@media (max-width:767px){
    .bloglisting ul li,.bloglisting.two-row ul li{
        padding:0 0 30px;
        width:100%
    }
    .bloglisting ul,.bloglisting.two-row ul{
        margin:0
    }
}


/* 28-08-2024 */

header .mega-menu-wrap{
	background:transparent !important;
}
header .mega-menu-wrap .mega-menu{
	display:flex !important;
	align-items:center !important;
}
header .mega-menu-wrap .mega-menu >.mega-menu-item{
    margin-right: 30px !important;
}
header .mega-menu-wrap .mega-menu-item:nth-child(3){
	margin-right:0 !important;
}
header .mega-menu-wrap .mega-menu-item .mega-menu-link{
    font-size: 1.125rem !important;
    text-transform: uppercase !important;
    color: var(--bs-white) !important;
    font-weight: var(--font-regular) !important;
	padding:0 !important;
    background-color: transparent !important;

}
header .mega-menu-wrap .mega-menu-item.mega-toggle-on .mega-menu-link{
	background:transparent !important;
}
header .mega-menu-wrap .mega-menu-item .mega-menu-link:hover , header .mega-menu-wrap .mega-menu-item .mega-menu-link:focus{
	background:transparent !important;
}
header .mega-menu-wrap .mega-menu-item >.mega-sub-menu{
	background:#3D4A58 !important;
	padding:30px 30px !important;
	width:calc(100% + 103px) !important;
	top:40px !important;
}
header.fixed .mega-menu-wrap .mega-menu-item >.mega-sub-menu{
	top:40px !important;
}
header .mega-menu-wrap .mega-menu-item >.mega-sub-menu .mega-menu-item .mega-block-title{
	color:#fff !important;
	font-size:21px !important;
	font-weight:400 !important;
	font-family: "DM Serif Text", serif !important;
	margin-bottom:20px !important;
	padding-bottom:0 !important;
	text-transform:capitalize !important;
}
header .mega-menu-wrap .mega-menu-item >.mega-sub-menu .mega-menu-column{
	width:16.2% !important;
	padding-right:20px !important;
}
header .mega-menu-wrap .mega-menu-item >.mega-sub-menu .mega-menu-column:nth-child(1){
	width:27% !important;
}
header .mega-menu-wrap .mega-menu-item >.mega-sub-menu .mega-menu-column .mega-menu-item{
	padding:0 !important;
    height: 100% !important;
}
header .mega-menu-wrap .mega-menu-item >.mega-sub-menu .mega-menu-row .mega-sub-menu{
	display:flex !important;
    height: 100% !important;
}
header .mega-menu-wrap .mega-menu-item >.mega-sub-menu .mega-menu-column .menu-item>a{
	color: #fff !important;
	font-size:15px !important;
	font-weight:500 !important;
}
.short-menu-listing .mega-sub-menu nav{
	height:calc(100% - 48px) !important;
}
.short-menu-listing .mega-sub-menu nav .menu{
	padding:18px 18px !important;
	background:#475768 !important;
	height:100% !important;
}
.short-menu-listing .mega-sub-menu nav .menu>li>a{
	font-size:16px !important;
	font-weight:500 !important;
	color:#fff !important;
}
.short-menu-listing .mega-sub-menu nav .menu>li>a:hover{
	text-decoration:underline !important;
}


/* 28-8-24 */

.product-items-more {
	margin-top:40px !important;
}
.search-bar{
	position: relative;
	
}
.search-product{
position: fixed;
  width: 100%;
  height: 100px;
  left: 50%;
  top: -100%;
  border-radius: 0px;
  transform: translate(-50%);
  z-index: 999;
  display: flex;
	align-items:center;
	transition:all 0.5s ;
    justify-content: center;
    height: 0;
}
.search-product.show{
	top:0;
    transition-delay: 0.5s;
}
 .search-overlay{
  position: fixed;
  width: 100%;
  height: 0;
  background-color: #000;
  top: 0;
  left: 0;
z-index:99;
transition: 0.5s all;
opacity: 0;
visibility: hidden;
transition-delay: 0.5s;
} 
.search-overlay.show{
    opacity: 0.75;
    visibility: visible;
    height: 100%;
}
.header-search .product-search{
	max-width:650px;
    flex: 0 0 auto;
    width: 100%;
    border-bottom: solid 1px #fff;
}
.header-search .search-product .search-close-icon{
	width:50px;
    filter: invert(1) brightness(5);
    position: absolute;
    right: 15px;
    top: 15px;
}
.header-search .product-search .form-group{
	margin-bottom:0;
}

.search-result-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 1px solid #ddd;
    padding: 35px 25px;
    height: 100%;
    text-align: center;
	justify-content:center;
}
.search-result-section h3{
    font-size: 35px;
    font-weight: 700;
    color: #000000;
    margin-top: 15px;
}
.search-result-section p{
    font-size: 16px;
    font-weight: 500;
    color: #475768;
}
.search-result-section img{
    width: 90px;
}
.error-404-section.parallax-section .error-section{
    margin:240px auto 100px;
    padding: 60px 30px;
    max-width: 750px;
    border: 1px solid #ddd;
}
.error-404-section.parallax-section .error-section h2{
    font-size: 70px;
    font-weight: 800;
    color: #000;
    letter-spacing: 2px;
}
.error-404-section.parallax-section .error-section p{
    font-size: 16px;
    font-weight: 500;
    color: #3D4A58;
}
.error-404-section.parallax-section .error-section .btn-fill{
    height: 55px;
    min-width: 150px;
    margin-top: 10px;
}
.header-bg header{
    background-color: #3D4A58;
}
.search-result-wrap{
    margin: 190px 0 60px;
}
.search-result-wrap .heading{
    margin-bottom: 30px;
}
.search-result-wrap .heading h2{
    font-size: 35px;
}
.search-result-wrap .heading h2+p{
    display: none;
}
.search-result-wrap .design-concepts-box{
    margin-right: 0;
    margin-bottom: 45px;
    max-width: 100%;
}
.search-result-wrap .design-concepts-box figure img{
    width: 100%;
}
.search-result-wrap .design-concepts-box h3{
    font-size: 22px;
    margin-bottom: 10px;
}
.search-result-wrap .design-concepts-box p{
    font-size: 15px;
}
.global-data-search .error-section{
    margin: 60px auto 40px;
    padding: 60px 30px;
    max-width: 750px;
    border: 1px solid #ddd;
}
.footer-newsletter input::placeholder{
    color: #fff;
}
.logo{
    z-index: 9;
} 
.banner-text{
    color: #fff;
    font-size: 25px;
    font-weight: 500;
    margin-bottom: 0;
}
.full-gallary-wrap {
    max-width: 384px;
    margin: 0 auto;
}
.full-gallary-head{
    max-width: 950px;
    margin: 50px  auto 0;
    text-align: center;
    font-size: 60px;
}
.full-gallary-wrap .form-group{
    margin-bottom: 0;
}
.full-gallary-wrap .form-group .form-control{
    border: none;
    padding: 0 5px;
    color: #000;
    padding-bottom: 0;
}
header .mega-menu-wrap  .nav-menu-dropdown .mega-sub-menu {
    padding: 20px 15px !important;
}
header .mega-menu-wrap  .nav-menu-dropdown .mega-sub-menu a{
    font-size: 14px !important;
    font-weight: 500 !important;
}
header .mega-menu-wrap  .nav-menu-dropdown .mega-sub-menu a:hover{
    text-decoration: underline !important;
}
.newsletter-btn{
    width: fit-content;
}
.newsletter-btn .wpcf7-spinner{
    display: none;
}
.newsletter-btn p{
    margin-bottom: 0;
}
.newsletter-btn input{
    border: none;
    padding: 0;
    height: auto;
    font-weight: 500;
}
.newsletter-btn:hover input{
    color: #000000;
}
.product-search input:-internal-autofill-selected{
    background-color: #3D4A58;
}
.design-concepts-box .more-btn{
    margin-top: auto;
}

.design-concepts-slider .slick-list .slick-track{
    display: flex;
}
.design-concepts-slider .slick-list .slick-track .design-concepts-item{
    display: flex;
    height: auto;
}
.design-concepts-slider .slick-list .slick-track .design-concepts-item>*{
    flex: 1;
}
.search-product .product-search input{
    background-color: transparent;
}
@media(max-width:1299px){
    .search-result-wrap {
        margin: 130px 0 60px;
    }
}
@media(max-width:1299px){
    header .mega-menu-wrap .mega-menu >.mega-menu-item{
        margin-right: 1.1rem !important;
    }
}
@media(max-width:1199px){
    header .mega-menu-wrap .mega-menu-item >.mega-sub-menu .mega-menu-row .mega-sub-menu{
        flex-wrap: wrap !important;
    }
    header .mega-menu-wrap .mega-menu-item >.mega-sub-menu .mega-menu-column {
        width: 33.33% !important;
        padding-right: 20px !important;
        padding-bottom: 39px !important;
    }
    header .mega-menu-wrap .mega-menu-item >.mega-sub-menu .mega-menu-column:nth-child(1) {
        width: 33.33% !important;
    }
    header .mega-menu-wrap .mega-menu-item .mega-menu-link {
        font-size: 14px !important;
    }
    .header-search a span{
        font-size: 14px;
    }
}
@media(max-width:991px){
    header .mega-menu-wrap .mega-menu-item >.mega-sub-menu{
        width: 100% !important;
    }
    .short-menu-listing .mega-sub-menu nav{
        position: absolute;
    }
    header .mega-menu-wrap .mega-menu{
        display: block !important;
    }
    header .mega-menu-wrap .mega-menu-item >.mega-sub-menu .mega-menu-column {
        width: 100% !important;
    }
    header .mega-menu-wrap .mega-menu-item >.mega-sub-menu .mega-menu-column:nth-child(1) {
        width: 100% !important;
    }
    header .mega-menu-wrap .mega-menu-item >.mega-sub-menu{
        display: none !important;
    }
    .full-gallary-head{
        font-size: 40px;
    }
    header .mega-menu-wrap .mega-menu >.mega-menu-item{
        margin: 0 12px  0 !important;
    }
    header .mega-menu-wrap .mega-menu-item .mega-sub-menu.show {
        display: block !important;
    }
    header .mega-menu-wrap .mega-menu-item >.mega-sub-menu{
        padding: 20px 15px !important;
    }
    header .mega-menu-wrap .mega-menu-item >.mega-sub-menu .mega-menu-column{
        padding-right: 0 !important;
    }
    header .mega-menu-wrap .mega-menu-item >.mega-sub-menu .mega-menu-item .mega-block-title{
        margin-bottom: 0 !important;
        font-size: 18px !important;
    }
    header .mega-menu-wrap .mega-menu-item >.mega-sub-menu .mega-menu-item .mega-block-title+img{
        margin-top: 10px !important;
    }
    header .mega-menu-wrap .mega-menu-item >.mega-sub-menu .mega-menu-item h4+ nav{
        position: relative;
        top: 0;
        margin-top: 10px;
    }
    header .mega-menu-wrap .mega-menu-item >.mega-sub-menu .mega-menu-row .mega-sub-menu>li{
        padding-bottom: 10px !important;
    }
    header .mega-menu-wrap #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item > a.mega-menu-link{
        font-size: 13px !important;
    }
    header .header-inner .mega-menu-toggle{
        display: none !important;
    }
    header .header-inner .mega-menu-wrap .mega-menu-toggle + ul.mega-menu {
        background-color: transparent !important;
    }
    header .header-inner .mega-menu-wrap .mega-menu-toggle + ul.mega-menu >li a+.mega-sub-menu{
        background-color: #202020 !important;
    } 
    header .header-inner .mega-menu-wrap .mega-menu-toggle + ul.mega-menu >li a+.mega-sub-menu .mega-sub-menu>li.mega-menu-item .mega-block-title + nav>ul{
        padding: 25px 15px 30px !important;
    }
    .header-inner .logo+nav.open{
        padding-bottom: 20px;
    }
    header .mega-menu-wrap .mega-menu-item.mega-toggle-on .mega-menu-link .mega-indicator:after{
        content: "" !important;

    }
    header .mega-menu-wrap .mega-menu-item .mega-menu-link .mega-indicator:after{
        font-size: 25px !important;
        transform: rotate(0deg) !important;
        transition: all 0.3s ease-in-out;
    }
    header .mega-menu-wrap .mega-menu-item .mega-menu-link .mega-indicator.active::after{
        transform: rotate(180deg) !important;
        content: "" !important;
    }
    header .mega-menu-wrap .mega-menu-item >.mega-sub-menu .mega-menu-column .menu-item>a{
        font-size: 14px !important;
    }
    .learn-more {
        font-size: 14px;
    }
    
}
@media(max-width:767px){
    .header-search .search-product{
        width: 100%;
    }
    .header-search .product-search{
        margin-left: 15px;
    }
    .header-search .search-product .search-close-icon{
        padding-left: 15px;
    }
    .search-result-section img {
        width: 75px;
    }
    .search-result-section h3{
        font-size: 25px;
    }   
    .search-result-section p{
        font-size: 15px;
    }
    .search-result-section{
        padding: 25px 15px;
    }
    .parallax-section .error-section {
        margin: 130px auto 60px;
        padding: 30px 15px;
    }
    .parallax-section .error-section p{
        font-size: 15px;
    }
    .search-result-wrap {
        margin: 110px 0 30px;
    }
    .search-result-wrap .design-concepts-box p{
        font-size: 15px;
    }
    .search-result-wrap .heading h2 {
        font-size: 27px;
    }
    .search-result-wrap .design-concepts-box .more-btn{
        font-size: 15px;
    }
    .search-result-wrap .design-concepts-box p{
        margin-bottom: 10px;
    }
    .full-gallary-head{
        font-size: 30px;
    }
    .full-gallary-wrap .form-group{
        margin-bottom: 20px;
    }

}


/* 16-09-2024 */

.product-filter ul li .form-check-input:focus{
	box-shadow: none;
}
.footer-newsletter .wpcf7 form.invalid .wpcf7-response-output , .footer-newsletter .wpcf7 form.sent .wpcf7-response-output{
	color: #fff;
}
.hero-item{
	background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
body.hidden{
	overflow:hidden;
}
.product-search input:-webkit-autofill, .product-search input:-webkit-autofill:hover, .product-search input:-webkit-autofill:focus, .product-search input:-webkit-autofill:active {
    transition: background-color 5000s 0s;
    -webkit-text-fill-color: #fff !important;
}
.product-box figure img{
	width:100%;
}
.footer-newsletter p{
	cursor: pointer;
}
.footer-newsletter .wpcf7-spinner{
	display:none;
}
.footer-newsletter .newsletter-btn input{
	padding:0px;
}
.footer-newslette p{
	position: absolute;
    width: 100%;
    height: 1px;
    background-color: var(--bs-white);
}
.footer-newsletter .newsletter-btn::after{
	display: none;
}
.footer-newsletter .newsletter-submit{
	position:relative;
	z-index:1;
	padding:16px 0;
	    transition: 0.4s all;
    -webkit-transition: 0.4s all;
    -moz-transition: 0.4s all;
    -ms-transition: 0.4s all;
    -o-transition: 0.4s all;
	margin-top:24px;
    cursor: pointer;
}
.footer-newsletter .newsletter-submit:hover{
	padding:16px;
}
.footer-newsletter .newsletter-submit:after{
	position: absolute;
    width: 100%;
    height: 1px;
    background-color: var(--bs-white);
    content: "";
    left: 0;
    bottom: 0;
    transition: 0.4s all;
    -webkit-transition: 0.4s all;
    -moz-transition: 0.4s all;
    -ms-transition: 0.4s all;
    -o-transition: 0.4s all;
    z-index: 0;
}
.footer-newsletter .newsletter-submit:hover:after{
	height:100%;
}
.footer-newsletter .newsletter-submit .newsletter-btn{
	color:#fff;
	height:auto;
	margin-top:0;
	padding:0 !important;
	font-size:16px;
}
.footer-newsletter .newsletter-submit:hover .newsletter-btn{
	color:#000;
}
.footer-newsletter .newsletter-submit img{
	margin-left:12px;
}
.footer-newsletter .newsletter-submit:hover img{
	filter: invert(1) brightness(0);
    z-index: 1;
    position: relative;
}

 .footer-newsletter input:focus{
	border-color: #fff !important;
}
.dedicated-crafting .heading {
    margin-bottom: 25px !important;
}
.dedicated-crafting ul li {
	border-bottom: solid 1px #838383;
}
.search-product{
	height: 100%;
	display: flex;
    align-items: center;
}

/* 17-09-2024 */
.footer-address a{
	color: #fff;
}
.footer-address a:hover{
	border-bottom: 1px solid #fff;
}
.design-concepts-box {
	/* height: 100%; */
	display:flex;
	flex-direction: column;
    align-items: flex-start;
}
.design-concepts-box a{
	margin-top: auto;
}
.request-modal{
    display: flex;
	flex-wrap:wrap;
}
.modal-slider img{
    width: 100%;
    height: 100%;
}
.modal-slider .slick-track{
    width: 100%;
}
.modal-slider .item {
    width: 100%;
}
.modal-dialog{
    max-width: 1500px;
}
.product-slider{
    width: 810px;
}
.modal-form{
    width: calc(100% - 810px);
    padding-left: 43px;
    padding: 35px;
}
.modal-body{
    padding: 0px !important;
}
.modal-form .wpcf7-form-control-wrap input{
    width: 100%;
    margin-top: 16px;
    border: none;
    background-color: #F2F1F1;
    padding: 18px;
    height: 60px;
    font-size: 17px;
    color: #000000;
}
/* .modal-form input:first-child{
    margin-top: 0px;
} */

.modal-form .wpcf7-form-control-wrap  input:focus{
    border: none;
    outline: none;
}
.modal-form .wpcf7-form-control-wrap  input:hover{
    border: none;
    outline: none;
}
.modal-form p{
    font-size: 19px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 40px;
    margin-bottom: 24px;
}
.modal-form h2{
    font-size: 35px;
    font-weight: 400
}
.product-slider .product-full-slider .slick-arrow{
width: 59px;
height: 59px;
position: absolute;
top: 50%;
transform: translateY(-50%);
background-color: var(--primary-color);
border: 0;
background-position: center;
background-size: 26px;
z-index: 1;
background-repeat: no-repeat;
font-size: 0;
padding: 0;
}
.product-slider .product-full-slider .slick-next{
    position: absolute;
    right: 0;
}
.product-slider .product-full-slider .slick-arrow.slick-prev {
    left: 0;
    background-image: url(/wp-content/themes/ceramictile/images/slider-arrow-left.svg); 
   
}
.product-slider .product-full-slider .slick-arrow.slick-next{
    right: 0;
    background-image: url(/wp-content/themes/ceramictile/images/slider-arrow-right.svg);
}
.modal-content{
    position: relative;
    border-radius: 0px;
}

 /* .submit-btn{
    display: flex;
    text-align: end;
    justify-content: end;
    margin-top: 34px;
 } */
 .modal-form .submit-btn{
    position: relative;
    z-index: 1;
    padding: 16px 0;
    color: #d0baa5 ;
    border: none;
    font-size: 18px;
    font-weight: 500;
    background-color: transparent;
    -webkit-transition: 0.4s all ease-in-out;
    transition: 0.4s all ease-in-out;
    display: flex;
    color: #d0baa5;
    cursor: pointer;
 }
 .submit-wrap{
    margin-top: 34px;
 }
 .modal-form .submit-btn::after{
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #d0baa5 ;
    content: "";
    right: 0;
    bottom: 0;
    -webkit-transition: 0.4s all ease-in-out;
    transition: 0.4s all ease-in-out;
 }
 .modal-form .submit-btn:hover::after{
    height: 100%;
 }
 .modal-form .submit-btn:hover{
    color: #fff;
    padding: 16px;
    display: flex;
 }
 .modal-form .submit-btn:hover img {
    filter: brightness(0) invert(1);
}
.modal-form .submit-btn input {
    color: #d0baa5 ;
    height: auto;
    margin-top: 0;
    padding: 0 !important;
    font-size: 20px;
    background: transparent;
    border: 0;
    z-index: 1;
    font-weight: 500;
}
.modal-form .submit-btn:hover input{
    color: #fff ;
}
.submit-btn img{
    margin-left: 12px;
    z-index: 1;
}
.submit-btn .wpcf7-spinner{
    display: none;
}
.btn-close{
    position: absolute;
    top: 5px;
    right: 8px;
    width: 23px;
    height: 23px;
    background: transparent;
    opacity: 1;
}
.btn-close:focus{
    outline: none;
    border: none;
    box-shadow: none;
}
.modal-content button{
    border: none;
    background-color: transparent;
}
/* recaptcha */
.modal-form .recaptcha{
	margin-top:20px;
	display:block;
	transform-origin: left center;
    transform: scale(0.9);
}
.request-modal .modal-form input:-webkit-autofill, .request-modal .modal-form input:-webkit-autofill:hover, .request-modal .modal-form input:-webkit-autofill:focus, .request-modal .modal-form input:-webkit-autofill:active{
	    transition: background-color 5000s 0s;
    -webkit-text-fill-color: #000 !important;
}
.request-modal .modal-form textarea{
	height:118px !important;
	width: 100%;
    margin-top: 16px;
    border: none;
    background-color: #F2F1F1;
    padding: 18px;
    height: 60px;
    font-size: 17px;
    color: #000000;
	resize:none;
}
.request-modal .modal-form textarea:focus{
	outline:none;
	box-shadow:none;
}
.newsletter-input input:-webkit-autofill, .newsletter-input input:-webkit-autofill:hover, .newsletter-input input:-webkit-autofill:focus, .newsletter-input input:-webkit-autofill:active{
	    transition: background-color 5000s 0s;
    	-webkit-text-fill-color: #fff !important;
}
.getin-touch-section .form-group input:-webkit-autofill, 
.getin-touch-section .form-group input:-webkit-autofill:hover, 
.getin-touch-section .form-group input:-webkit-autofill:focus, 
.getin-touch-section .form-group input:-webkit-autofill:active{
    transition: background-color 5000s 0s;
    -webkit-text-fill-color: #000 !important;
}
@media(max-width:1399px){
.product-slider{
    width: 700px;
}
.modal-form{
    width: calc(100% - 700px);
}
	.modal-form h2{
		font-size:32px;
	}
}
@media(max-width:1199px){
    .modal-form p{
        font-size: 16px;
        padding-bottom: 20px;
    margin-bottom: 20px;
    }
    .modal-form h2 {
        font-size: 26px;
    }
    .submit-wrap {
        margin-top: 15px;
    }
	.product-slider {
		width: 550px;
    }
	.modal-form {
        width: calc(100% - 550px);
    }
}
@media(max-width:991px){
    .request-modal{
        display: block;
    }
    .product-slider{
        width: 100%
    }
    .modal-form{
        width: 100%;
    }
    #productModal .btn-close{
        background-color: #fff;
    }
}
@media(max-width:767px){
    .product-slider .product-full-slider .slick-arrow{
        width: 40px;
        height: 40px;
        background-size: 16px;
    }
    .request-modal{
        display: block;
    }
    .product-slider{
        width: 100%;
    }
    .modal-form{
        width: 100%;
        padding: 10px;
        margin-top: 10px;
    }
    .modal-form h2{
        font-size: 25px;
    }
    .modal-form p {
        font-size: 15px;
        padding-bottom: 22px;
        margin-bottom: 13px;
    }
    .submit-btn {
        margin-top: 15px;
    }
    .modal-form .submit-btn input{
        font-size: 16px;
    }
	.modal-form .recaptcha{
		transform: scale(0.8);
	}
	.submit-wrap{
		justify-content:start !important;
	}
}



/* accessibility */

.accessibility-section{
    background-image: url(/wp-content/uploads/2024/09/praivacy-policy.png);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 0;
}
.accessibility-section::before{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    content: "";
    z-index: -1;
}
.accessibility-section h1{
    text-align: center;
    color: var(--bs-white);
    font-size: 80px;
    font-weight: var(--font-regular);
    margin-bottom: 46px;
}
.accessibility-section strong{
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    /* letter-spacing: 8px; */
    text-shadow: rgb(66, 66, 66) 0px 0px 15px;
    font-size: 20px;
    padding-bottom: 10px;
}
.accessibility-tatement{
    padding-top: 50px;
    padding-bottom: 80px;
}
.accessibility-tatement h2{
    font-size: 30px;
    font-weight: 500;
    margin-bottom: 30px;

}
.accessibility-tatement p{
    font-size: 16px;
    font-weight: 400;
    margin-top: 30px;
    margin-bottom: 0px !important;
}

/* privacy-section */

.privacy-section{
    background-image: url(/wp-content/uploads/2024/09/praivacy-policy.png);
    width: 100%;
    height: auto;
    background-size: cover;
    background-repeat: no-repeat;
}
.privacy-policy span{
    font-size: 15px;
    font-weight: 600;
    display: block;
    padding-top: 50px;
}
.privacy-policy ul{
    list-style: disc;
}
.privacy-policy ul li{
    margin-top: 10px;
    margin-left: 34px;
}
.privacy-policy a{
    color: rgb(139 128 0);
}
.policy-address span{
    padding-top: 10px;
    font-weight: normal;
    display: block;
  
}
.policy-address{
    margin-top: 30px;
}
.modal-dialog{
    max-width: 1304px;
}
.product-details-left .product-full-slider .slick-arrow.slick-prev , .product-slider .product-full-slider .slick-arrow.slick-prev{
    background-image: url(images/left_arrow_icon.svg);
    background-color: transparent;
    background-size: 35px;
}
.product-details-left .product-full-slider .slick-arrow.slick-next , .product-slider .product-full-slider .slick-arrow.slick-next{
    background-image: url(images/right_arrow_icon.svg);
    background-color: transparent;
    background-size: 35px;
}
.product-details-text .btn.btn-outline{
    color: #d0baa5;
    border-color: #d0baa5;
}
.product-details-text .btn.btn-outline:hover{
    color: #fff;
    background-color: #d0baa5;
}
.product-details-text .shapes-list li{
    font-size: 16px;
    padding: 0 12px 12px 12px;
    text-align: center;
    max-width: 33.33%;
    width: 33.33%;
}
.product-details-text .shapes-list li.list-hide{
    display: none!important;
}

.product-details-text .shapes-list li.more-shapes{
    max-width: 100%;
    padding-top: 15px;
    color: #d0baa5;
    cursor: pointer;
}
.shapes-list{
    align-items: flex-start;
    margin: 0 -12px;
}
.shapes-list li figure{
    height: 40px;
}
.shapes-list li figure img{
    max-width: 100%;
    max-height: 100%;
}
.more-shapes a{
    color: #d0baa5;
}
.categories-section{
    padding-left: 40px;
    padding-right: 40px;
}
.product-details-row{
    align-items: flex-start;
}
.product-details-row .product-details-left{
    top: 120px;
    position: sticky;
}
.design-concepts-box .more-btn::after{
    background-color: #d0baa5;
}
.design-concepts-box .more-btn{
    /* background-color: #d0baa5; */
    color: #d0baa5;
}
.appointment-section .form-submit-btn:hover{
    background-image: url(/wp-content/themes/ceramictile/images/learn-more-arrow3.svg);
}
.design-concepts-box{
    margin-right: 25px;
}
.categories-grid{
    gap: 25px;
}
.categories-section{
    padding-left: 13px;
    padding-right: 13px;
}
.product-style{
    padding-left: 13px;
    padding-right: 13px;
}
.ultimate-destination-row{
    padding: 0 13px;
}
.design-concepts{
    padding-left: 13px;
    padding-right: 13px;
}
.product-style .container , .design-concepts .container ,.ultimate-destination .container {
    max-width: 1774px;
}
.cstm_career_page.people-listing{
    padding: 50px 0;
}
.cstm_career_page.people-listing .heading{
    margin-bottom: 40px;
}
.cstm_career_page .accordion{
    border: none;
    outline: none;
}
.cstm_career_page .accordion .accordion-item{
    border: 1px solid #ddd;
    outline: none;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.cstm_career_page .accordion .accordion-item:not(:last-child){
    margin-bottom: 20px;
}
.cstm_career_page .accordion .accordion-item h2 button:focus{
    outline: none;
    box-shadow: none;
}
.cstm_career_page .accordion .accordion-item h2 .accordion-button{
    background-color: #3D4A58;
    color: #fff;
    font-size: 25px;
    padding: 20px 20px;
}
.cstm_career_page .accordion .accordion-item h2 .accordion-button::after{
    filter: invert(1) brightness(5);
}
.cstm_career_page .accordion .accordion-item h2 .accordion-button.collapsed{
    background-color: #fff;
    color: #000;
}
.cstm_career_page .accordion .accordion-item h2 .accordion-button.collapsed::after{
    filter:none;
}
.cstm_career_page .accordion .accordion-body p{
    font-size: 15px;
    font-weight: 400;
    color: #000000;
    margin-bottom: 15px;
}
.cstm_career_page .accordion .accordion-body strong{
    font-size: 15px;
    font-weight: 700;
    color: #000000;
    margin-bottom: 15px;
}
.cstm_career_page .accordion .accordion-body ul{
    display: block;
    margin-top: 15px;
}
.cstm_career_page .accordion .accordion-body ul li{
    font-size: 15px;
    font-weight: 400;
    color: #000000;
    margin-bottom: 15px;
    width: 100%;
    position: relative;
    padding-left: 15px;
}

.cstm_career_page .accordion .accordion-body ul li::before{
    position: absolute;
    content: "";
    width: 7px;
    height: 1px;
    background-color: #000;
    left: 0;
    top: 10px;
}
.appointment-form .wpcf7-form-control-wrap{
    display: block;
}
.appointment-form .wpcf7-form-control-wrap .wpcf7-checkbox{
    border: none;
    box-shadow: none;
    background: transparent !important;
    display: flex;
    flex-wrap: wrap;
    height: auto;
    width: auto;

}
.appointment-form .wpcf7-form-control-wrap .wpcf7-checkbox:focus{
    background: transparent;
    box-shadow: none;
    border: none;
    height: auto;
    width: auto;
    display: block;
}
.appointment-form .wpcf7-form-control-wrap .wpcf7-checkbox .wpcf7-list-item{
    margin: 0 ;
    padding-right: 15px;
    margin-bottom: 15px;
    width: 33.33%;
}
.appointment-form .wpcf7-form-control-wrap .wpcf7-checkbox .wpcf7-list-item label{
    display: flex;
    align-items: center;
}
.appointment-form .wpcf7-form-control-wrap .wpcf7-checkbox .wpcf7-list-item label input{
    width: 23px;
    height: 23px;
    box-shadow: none;
}
.appointment-form .wpcf7-form-control-wrap .wpcf7-checkbox{
    box-shadow: none;
    background-color: transparent;
}
.appointment-form .wpcf7-form-control-wrap .wpcf7-checkbox:focus{
    box-shadow: none;
    background-color: transparent;
}
.appointment-form .wpcf7-form-control-wrap .wpcf7-checkbox .wpcf7-list-item .wpcf7-list-item-label{
    font-size: 16px;
    font-weight: 500;
    color: #656464;
    margin-left: 10px;
}
.address-section .row [class*="col"] img{
    height: 100%;
    object-fit: cover;
}
.address-section .Warehouse-section {
    margin-left: 0 !important;
}
.people-listing{
    background-color: #fff;
}
.people-listing ul li .inner-box{
    height: 100%;
    border-color: #ddd;
    background-color: #fff;
}
.disclaimer{
    font-size: 16px;
    font-weight: 500;
    color: #686868;
    text-align: center;
}
.community-banner{
    height: 430px;
}
.our-story-banner{
    padding: 160px 0 50px;
    height: auto;
}
.company-stability{
    background-image: url(/wp-content/uploads/2024/10/Our-Story-SF-backdrop.png);
}


/* lightbox-css (03-09-2024) */
 
.lb-nav a.lb-prev{
	opacity: 1;
    background-size: 25px;
}
.lb-nav a.lb-next{
	opacity: 1;
    background-size: 25px;

}
.lb-data .lb-details .lb-number{
	display: none !important; 
}
.destination-left-logos{
    margin-top: 150px;
}
.destination-left-logos .slick-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
}
.destination-left-logos .slick-dots li:not(:last-child){
    margin-right: 10px;
}
.destination-left-logos .slick-dots li.slick-active button{
    background-color: #3D4A58;
}
.destination-left-logos .slick-dots li button{
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #3D4A58;
    padding: 0;
    font-size: 0 !important;
}
.appointment-form .wpcf7-spinner{
    display: none !important;   
}
.product-row .product-right{
    height: 100%;
}
.btn-secondry{
    background-color: #d0baa5;
    border: 1px solid #d0baa5;
    color: var(--bs-white);
    display: inline-flex;
    align-items: center;
    padding: 0 1.5rem;
    min-width: 155px;
    height: 65px;
    transition: 0.4s all;
    -webkit-transition: 0.4s all;
    -moz-transition: 0.4s all;
    -ms-transition: 0.4s all;
    -o-transition: 0.4s all;
    font-size: 20px;
    font-weight: 500;
    justify-content: center;   
    border-radius: 0;
}
.btn-secondry:hover{
    color: #d0baa5;
    border-color: #d0baa5;
}
.address-section .map-section{
    max-height: 350px;
}
.address-section .map-section iframe{
    max-height: 350px !important;
}
.nav-menu-collapse{
    position: relative;

}
header .mega-menu-wrap .nav-menu-collapse ul.mega-sub-menu{
    background:#475768 !important;
    left: 107% !important;
    width: 100% !important;
    border: 1px solid #3D4A58 !important;
    top: 0 !important;
    padding: 10px 10px !important;
}
header.fixed .mega-menu-wrap .nav-menu-collapse ul.mega-sub-menu{
    top: 0 !important;

}
header .mega-menu-wrap .nav-menu-collapse ul.mega-sub-menu li a{
    color: #fff !important;
    font-size: 14px;
    /* font-weight: ; */
} 

.product-details-text ul li{
    align-items: start;
}
.product-details-text .shapes-list li{
    align-items: center;
}
.color-variant-list li{
    padding: 10px;
    border: 1px solid #ddd;
    border-right: 1px solid #ddd !important;
    margin-bottom: 10px !important;
    font-size: 16px !important;
}
/* lightbox-css-end (03-09-2024) */

/* brands */

.brands-banner .banner-text{
    font-size: 22px;
}
.brands-tabs{
    margin: 80px 0;
    padding: 0 60px;
}
.brands-tabs .nav-tabs{
    border: none;
    box-shadow: none;
    max-width: 1583px;
    margin: 0 auto;
    justify-content: center;
}
.brands-tabs .nav-tabs .nav-item:not(:last-child){
    margin-right: 38px;
}
.brands-tabs .nav-tabs .nav-item .nav-link{
    padding: 0;
    border: none;
    font-size: 18px;
    font-weight: 500;
    color: #000000;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.brands-tabs .nav-tabs .nav-item .nav-link.active{
    color: #B89F86;
}
.brands-tabs .nav-tabs .nav-item .nav-link:hover{
    color: #B89F86;
}
.container:has(.brands-tabs){
    max-width: 1648px;

}
.brands-listing{
    display: flex;
    flex-wrap: wrap;
    margin: 50px -30px 0;
}
.brands-listing li{
    padding: 0 30px 50px; 
    width: 25%;
}
.brands-listing li a .img-box{
    position: relative;
    z-index: 0;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
}
.brands-listing li a .img-box::before{
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-color: #000000;
    opacity: 0.5;
    left: 0;
    top: 0;
    z-index: 0;
    transition: all 0.3s ease-in-out;

}
.brands-listing li a:hover .img-box::before{
    visibility: hidden;
    opacity: 0;
}
.brands-listing li a .img-box .logo{
    position: absolute;
    width: 270px;
    height: 55px;
    left: 50%;
    top: 50%;
    z-index: 1;
    transform: translate(-50% , -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease-in-out;
}
.brands-listing li a:hover .img-box .logo{
    visibility: hidden;
    opacity: 0;
}
.brands-listing li a{
    color: #000000;
    transition: all 0.3s ease-in-out;
}
.brands-listing li a h2{
    font-size: 30px;
    font-weight: 400;
    color: #000000;
    margin-top: 13px;
    margin-bottom: 0;
    transition: all 0.3s ease-in-out;
}
.brands-listing li a:hover h2{
    color: #B89F86;
}
.brands-listing li a .img-box figure img{
    width: 100%;
}

/* brands */
@media(max-width:1450px){
    .brands-listing{
        margin: 50px -15px 0;
    }
    .brands-listing li{
        padding: 0 15px 50px;
    }
    .brands-listing li a .img-box .logo{
        width: 220px;
    }
}
@media(max-width:1399px){
    .categories-grid{
        gap: 25px;
    }
    .categories-section{
        padding-left: 10px;
        padding-right: 10px;
    }
    .product-style{
        padding-left: 10px;
        padding-right: 10px;
    }
    .ultimate-destination-row{
        padding: 0 10px;
    }
    .design-concepts{
        padding-left: 10px;
        padding-right: 10px;
    }
}
@media(max-width:1199px){
    .brands-listing{
        margin: 50px -10px 0;
    }
    .brands-listing li{
        padding: 0 10px 40px;
        width: 33.33%;
    }
}
@media(max-width:991px){
    .accessibility-section h1{
        font-size: 45px;
    }
    .submit-wrap{
        margin-top: 15px;
    }
    .product-details-row .product-details-left{
        position: relative;
    }
    .product-details-row .product-details-left{
        top: 0;
    }
    .appointment-section .form-submit-btn{
        margin-top: 25px;
    }
    .address-section .row [class*="col"] img{
        height: 100% !important;
    }
    .our-story-banner {
        padding: 100px 0 50px;
    }
    header .header-inner .mega-menu-wrap .mega-menu-toggle + ul.mega-menu  li.nav-menu-collapse .mega-sub-menu{
        background-color: #475768 !important;
    }
    .brands-tabs{
        padding: 0;
    }

    .brands-listing li a h2{
        font-size: 25px;
    }
    .brands-tabs .nav-tabs .nav-item .nav-link{
        font-size: 15px;
        margin-bottom: 12px;
    }
    .brands-tabs .nav-tabs .nav-item:not(:last-child) {
        margin-right: 23px;
    }
}
@media(max-width:767px){
    .community-banner {
        height: auto;
    }
    .brands-listing li{
        width: 50%;
    }
    .brands-tabs {
        margin: 50px 0;
    }
    .brands-banner .banner-text {
        font-size: 16px;
    }
}
@media(max-width:576px){
    .accessibility-tatement{
        padding-top: 20px;
    }
    .accessibility-tatement h2{
        font-size: 25px;
        margin-bottom: 17px;
    }
    .accessibility-tatement p{
        font-size: 15px;
        margin-top: 15px;
    }
    .policy-address{
        margin-top: 0px;
    }
    .privacy-policy a{
        display: block;
        word-break: break-all;
    }
    .privacy-policy span {
        padding-top: 20px;
    }   
    .privacy-policy ul li {
        font-size: 15px;
    }
    .accessibility-section h1{
        font-size: 35px;
    }
    .categories-section{
        padding-left: 0px;
        padding-right: 0px;
    }
    .product-style{
        padding-left: 0px;
        padding-right: 0px;
    }
    .ultimate-destination-row{
        padding: 0 0px;
    }
    .design-concepts{
        padding-left: 0px;
        padding-right: 0px;
    }
    .ultimate-destination-row {
        padding: 0 0;
    }
    .appointment-form .wpcf7-form-control-wrap .wpcf7-checkbox .wpcf7-list-item{
        width: 50%;
    }
    .cstm_career_page .accordion .accordion-item h2 .accordion-button{
        font-size: 21px;
        padding: 20px 15px;
    }
    .cstm_career_page.people-listing .heading h2{
        font-size: 36px;
    }
    .disclaimer{
        font-size: 14px;
    }
    .destination-left-logos {
        margin-top: 50px;
    }
    .brands-listing li{
        width: 100%;
        padding: 0 10px 25px;
    }
    .brands-listing li a h2 {
        font-size: 21px;
    }
    .brands-tabs .nav-tabs .nav-item .nav-link {
        font-size: 14px;
    }
}


.brands-listing li.brand-items-more-btn{
	width:100%;
}
.brands-listing li.brand-items-more-btn a{
	color:#fff;
}
.brands-listing li.brand-items-more-btn a:hover{
	color:#d0baa5;
}


.product-grid ul .product-items-more{
	grid-column: span 3;
}
.color-variant-list li{
    border: none !important;
}

/*21-10-2024*/
.company-stability::before {left: -100px;}


.community-section p {font-weight: 300;}
.community-background p {font-weight: 300;}
.ceramic-row-top .ceramic-text p{font-weight: 300;}
.tiles-design-section .ceramic-text p{font-weight: 300;}
.ceramic-text p{font-weight: 300;}

.header-inner .logo a img {width: 450px;}
header.fixed .logo img{width: 257px;}

.company-stability .banner-img-content h3 {font-weight: 300;}

.footer-menu ul li a:hover, .info-menu li a:hover {color: #d0baa5;}

.dedicated-crafting .heading h2 {color: #3E4957;font-family: "Gloock", serif !important;}
.people-listing > .container > p {font-weight: 300;}
.people-listing ul li .inner-box span{font-weight: 300;}
.our-mission-section p{font-weight: 300;}

.color-variant-list li{padding: 6px;}
.color-variant-list li:not(:last-child) {
	padding-right: 2px;
	margin-right: 2px;

}

.hero-content h1 {font-family: "Gloock", serif !important;}
.visit-us h2{font-family: "Gloock", serif !important;}
.page-banner h1 {font-family: "Gloock", serif !important;}
.community-background h1 {font-family: "Gloock", serif !important;}
.sponsors-section h2{font-family: "Gloock", serif !important;}

.our-name-section h2 {font-family: "Gloock", serif !important;}
.ceramic-light-section .ceramic-wrapper-text h2 {font-family: "Gloock", serif !important;}
.product-banner h1{font-family: "Gloock", serif !important;}

.heading h2 {font-family: "Gloock", serif !important;}
.our-mission-section h2 {font-family: "Gloock", serif !important;}
.trusted-companies-section h2{font-family: "Gloock", serif !important;}
.full-gallary-head{font-family: "Gloock", serif !important;}
.appointment-section h2{font-family: "Gloock", serif !important;}
.address-section .heading{font-family: "Gloock", serif !important;}

.categories-title{font-family: "Gloock", serif !important;}
.destination-left-text h2{font-family: "Gloock", serif !important;}
.dedicated-crafting ul li strong{font-family: "Gloock", serif !important;}
.people-listing ul li .inner-box h2{font-family: "Gloock", serif !important;}
.tiles-design-section .ceramic-text h2{font-family: "Gloock", serif !important;}
.ceramic-text h2{font-family: "Gloock", serif !important;}
.product-details-text h1{font-family: "Gloock", serif !important;}

.hero-slider .slick-slide {transition: opacity 0s ease !important;}

.filter-heading{font-family: "Gloock", serif !important;}
.product-box h3{font-family: "Gloock", serif !important;}
.footer-newsletter h5{font-family: "Gloock", serif !important;}
.cstm_career_page .accordion .accordion-item h2 .accordion-button{font-family: "Gloock", serif !important;}
header .mega-menu-wrap .mega-menu-item > .mega-sub-menu .mega-menu-item .mega-block-title{font-family: "Gloock", serif !important;}

header.fixed {background-color: rgba(61, 74, 88, 0.7);}


.type-list li.active::before {background-color: #d0baa5;}
.sub-categories::before{background-color: #d0baa5;}
.sub-categories .line-height{background-color: #d0baa5;}
.product-box h3:hover {color: #d0baa5;}
.product-filter ul li .form-check-input:checked {border-color: #d0baa5;}


@media(min-width:1200px) and (max-width:1400px){
.company-stability .banner-img-content h3 {font-size: 22px;}
.banner-img-content {padding-right: 100px;}

}

@media(max-width:1599px){
.header-inner .logo a img {
	width: 325px;
}
header.fixed .logo img {
	width: 250px;
}

}

@media(max-width:1366px){
.header-inner .logo a img {width: 257px;}

}

@media(max-width:991px){
.header-inner .logo a img {width: 205px;}

}

@media(min-width:768px) and (max-width:991px){
.company-stability::before {left: -20px;}

}

@media(max-width:767px){
.company-stability::before {left: -13px;}


}


/**** 12-11-2024 ****/
.product-banner .asl_w_container  div.asl_w{  background:transparent;     box-shadow: none;
    border: none;}
.product-banner div.asl_w .probox{    height: 83px;     background: #3D4A58;
    width: 100%;     border: 0;
    padding:0px 0px 0px 0px;
    color: var(--bs-white);
    outline: none;
    font-size: 20px;
	max-width:658px;
	    position: relative;
}

.product-banner div.asl_w .probox .promagnifier {
    /*position: absolute;
    top: 0px;
    left: 0px;
    background: transparent;
    height: 100%;
    width: 80px;
    box-shadow: none;
    border: none;*/
	display:none;
}
.product-banner .asl_w_container  div.asl_w .probox .proinput{    margin: 0px;
       padding: 0 50px 0 80px; position:relative;   text-shadow: inherit; font-size: 20px; color:#fff; }
	.product-banner .asl_w_container  div.asl_w .probox .proinput:after{position:absolute; content:''; left:0px; top:0px; height:100%; width:80px;      background-image: url(images/search.svg);
    background-position: center;
    background-repeat: no-repeat;}
.product-banner .asl_w_container  div.asl_w .probox .proinput input{height:100%;     font-size: 20px; color:#fff;     text-shadow: inherit;}
.product-banner div.asl_w .probox .proinput input::-webkit-input-placeholder{opacity:1;}
.product-banner div.asl_m .probox .proclose svg {
    background: transparent;
    border-radius: 50%;
    position: absolute;
    top: 0px;
    width: 26px;
    height: 26px;
    margin-top: 0px;
    left: auto;
    margin-left: 0px;
    fill: #fff;
    padding: 0px;
    box-sizing: border-box;
    box-shadow: none;
    right: 0px;
    margin: auto;
    bottom: 0px;
}

.product-banner div.asl_w .probox .proclose, .product-banner div.asl_w .probox .proloading {
    position: absolute;
    top: 0px;
    right: 20px;
    bottom: 0px;
    margin: auto;
}





.search-bar .asl_w_container  div.asl_w{  background:transparent;     box-shadow: none;
    border: none;}
	

.search-bar div.asl_w#ajaxsearchlite1 .probox{    height: 83px;      background: transparent;
    width: 100%;     border: 0;
    padding:0px 0px 0px 0px;
    color: var(--bs-white);
    outline: none;
    font-size: 20px;
	max-width: 658px;
    position: relative;
    margin: auto;
	    border-bottom: 1px solid #fff;
}

.search-bar div.asl_w .probox .promagnifier {
	display:none;
}
.search-bar .asl_w_container  div.asl_w#ajaxsearchlite1 .probox .proinput{    margin: 0px;
       padding: 0 50px 0 80px; position:relative;   text-shadow: inherit; font-size: 20px; color:#fff; }
.search-bar .asl_w_container  div.asl_w .probox .proinput:after{position:absolute; content:''; left:0px; top:0px; height:100%; width:80px;      background-image: url(images/search.svg);
    background-position: center;
    background-repeat: no-repeat;}
.search-bar .asl_w_container  div.asl_w#ajaxsearchlite1 .probox .proinput input{height:100%;     font-size: 20px; color:#fff;     text-shadow: inherit;}
.search-bar div.asl_w#ajaxsearchlite1 .probox .proinput input::-webkit-input-placeholder{opacity:1;}
.search-bar div.asl_m .probox .proclose svg {
    background: transparent;
    border-radius: 50%;
    position: absolute;
    top: 0px;
    width: 26px;
    height: 26px;
    margin-top: 0px;
    left: auto;
    margin-left: 0px;
    fill: #fff;
    padding: 0px;
    box-sizing: border-box;
    box-shadow: none;
    right: 0px;
    margin: auto;
    bottom: 0px;
}

.search-bar div.asl_w .probox .proclose, .search-bar div.asl_w .probox .proloading {
    position: absolute;
    top: 0px;
    right: 20px;
    bottom: 0px;
    margin: auto;
}







div.asl_r.vertical.wpdreams_asl_results {    padding: 20px;
    background: #3D4A58;     border: none;
    border-radius: 0 0 0 0; 
	margin:0px;
    box-shadow: none; width:658px !important;     border-top: 1px solid rgb(255 255 255 / 14%);}
	
div.asl_r.vertical .results .item {
    height: auto;
    background: transparent;
    border: none;
	    padding:0px 0px;
}	
div.asl_r.vertical .results .item .asl_content{    text-shadow: none;       padding: 8px 6px 8px 90px; min-height:68px; font-family: "Montserrat", sans-serif;}
div.asl_r.vertical .results .item .asl_content h3{    color: #fff;     font-family: "Montserrat", sans-serif;     text-shadow: none;     margin-top: 8px;
    display: block;}
 div.asl_r.vertical .results .item .asl_content h3 a {    color: #fff; font-weight:600;    font-family: "Montserrat", sans-serif;     font-size: 14px;     text-shadow: none;}
  div.asl_r.vertical .results .item .asl_content h3 a:hover{color:#d0baa5;    font-size: 14px;     text-shadow: none; font-family: "Montserrat", sans-serif;  font-weight:600;}
div.asl_r.vertical .results .item .asl_content .asl_desc{    color: #fff;   font-family: "Montserrat", sans-serif;}
div.asl_r.asl_w.vertical .results .item::after{    background: #fff;
    opacity: 0.1;}
	
	div.asl_r.vertical .results .item .asl_content:hover {
    background-color: #fff;
 
	 transition: all 0.5s ease 0s;
}
	div.asl_r.vertical .results .item .asl_content:hover .asl_desc{color:#000;}
	div[id*='ajaxsearchliteres'].wpdreams_asl_results .results img.asl_image {
    position: absolute;
    left: 8px;
    top: 5px;
}
div.asl_r.vertical .results .item .asl_content h3 a:hover{
	  color: #d0baa5;
}


.cstn-search-product div.asl_r.vertical.wpdreams_asl_results{    margin: auto;
    right: 0px;}


	@media(max-width:767px){
		div.asl_r.vertical.wpdreams_asl_results {         width:calc(100% - 24px) !important; padding: 10px; }
		.product-banner div.asl_w .probox{max-width:100%;}
		div.asl_r.vertical .results .item .asl_content h3{margin-top:0px;}
		.header-search .search-product{padding:0px 10px;}
		div.asl_r .results .item .asl_content .asl_desc{    line-height: 14px;}
		.cstn-search-product div.asl_r.vertical.wpdreams_asl_results{        left: 0px !important;}
		.cstn-search-product div.asl_r .results {
    max-height: 220px;
}
		
	}
    .dedicated-crafting ul li strong, .dedicated-crafting ul li p{
        color: #3E4957;
    }
    .design-concepts-box h3{
        font-family: "Gloock", serif !important;
    }
    .product-right.cstum-product-full-page{
        width:100%
    }
.brands-listing li a h2 {font-family: "Gloock", serif !important;}


.modal-form .cstm-checkbox-type .wpcf7-form-control-wrap input {margin-top: 0;height: 23px; box-shadow: none; width: 23px; padding: 0;}

.modal-form .cstm-checkbox-type .wpcf7-form-control-wrap .wpcf7-list-item-label {font-size: 16px;font-weight: 500; color: #656464;margin-left: 10px;}

.modal-form .cstm-checkbox-type .wpcf7-list-item {margin: 0;padding: 6px 12px 6px 0px;width: 33.33%;}
.modal-form .cstm-checkbox-type .wpcf7-list-item label{display: flex;align-items: center;}
.modal-form .cstm-checkbox-type .wpcf7-form-control {display: flex;align-items: center; flex-wrap: wrap;}
.cstm-checkbox-type {padding-top: 20px; padding-bottom: 10px;}
.cstm-checkbox-showroom .wpcf7-list-item {display: flex;align-items: center;}
.cstm-checkbox-showroom .wpcf7-list-item input {height: auto;width: auto;margin: 0;}
.cstm-checkbox-showroom .wpcf7-list-item .wpcf7-list-item-label {font-size: 13px;padding: 0px 0px 0px 10px;}
.cstm-checkbox-showroom .wpcf7-list-item {display: flex;align-items: center;margin: 0;padding: 4px 0;}
.cstm-checkbox-showroom {padding-top: 12px;padding-bottom: 5px;}
.getin-touch-section {background-color: #F1EEE4;}
.categories-grid-right {width: 59.5%;}
.categories-grid-right_row_two {display: flex;padding: 25px 0 0;gap: 25px;}
.categories-grid-right_row_two .categories-box {width: 48.8%;}
.categories-grid {gap: 25px;display: flex;padding: 10px 0;}
.categories-grid-left {width: 39%;}
.categories-grid-left .categories-box figure {height: 855px;overflow: hidden;}
.categories-grid-left .categories-box figure img {object-fit: cover;height: 100%;}
.categories-grid-right_row_one .categories-box figure {height: 420px;overflow: hidden;}
.categories-grid-right_row_one .categories-box figure img {height: 100%;object-fit: cover;}
.categories-grid-right_row_two .categories-box figure {height: 410px;overflow: hidden;}
.categories-grid-right_row_two .categories-box figure img {object-fit: cover;height: 100%;}

.color-variant-list li::before {position: absolute;left: 2px;top: 50%;background-color: #000;height: 7px;width: 7px;content: "";border-radius: 50%;transform: translateY(-50%);}
.color-variant-list li {position: relative;padding-left: 15px;padding-right: 15px !important;}
.custm-community-slider-content {
	text-align: center;padding-top: 10px;
}


header .mega-menu-wrap .mega-menu-item > .mega-sub-menu .mega-menu-column:last-child {
	padding-right: 0px !important;
}



header .mega-menu-wrap .mega-menu-item > .mega-sub-menu .mega-menu-column .cstm-view-more a{margin-top: 15px !important;color: #d0baa5 !important;}


.search-result-wrap .cstm_blog_listing {width: 33.33%;}
.search-result-wrap .cstm_blog_listing .design-concepts-box a span {
	color: #d0baa5;
	display: block;
}
.search-result-wrap .cstm_blog_listing .design-concepts-box a span h3 {
	margin-top: 10px;
	margin-bottom: 18px !important;
}
.search-result-wrap .cstm_blog_listing .design-concepts-box figure {
	margin-bottom: 15px;
}
.search-result-wrap .cstm_blog_listing .design-concepts-box{margin-bottom: 30px;}
.cstm-section .cstm_content h1 {
	font-size: 33px;
}
.cstm-section .cstm_content span {
	display: block;
	font-size: 14px;
}
.cstm-section .cstm_content .cstm-content {
	padding: 10px 10px;
	text-align: center;
	background-color: #fff;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 0px 16px;
	border-radius: 12px;
	margin: 20px 0px 30px;
}
.cstm-section .cstm_content .cstm-content img {
	width: auto;
	margin-bottom: 0;
	margin-right: 0px;
	float: none;
}

.search-result-wrap.cstm_blog_listing {
	margin: 100px 0 60px;
}

.cstm-section .cstm_content h2 {
	font-size: 30px;
	margin-bottom: 12px;
}
.cstm-section .cstm_content p {font-size: 15px;}
.cstm-section .cstm_content h3 {
	font-size: 21px;
	margin: 0px 0px 10px;
	padding: 10px 0px 0px;font-family: "DM Serif Text", serif;
}
.cstm-section.cstm_default {
	padding-top: 45px;
}

.cstm_blog_listing_page{margin: 100px 0 60px;}
.design-concepts-box p {font-weight: 300;}






@media(min-width:1200px) and (max-width:1600px){
header .mega-menu-wrap .mega-menu-item > .mega-sub-menu .mega-menu-item .mega-block-title {font-size: 17px !important;margin-bottom: 16px !important;}
.design-concepts-box h3 {font-size: 22px;}


}

@media(min-width:1200px) and (max-width:1450px){

.categories-grid-left .categories-box figure {height: 735px;}
.categories-grid-right_row_one .categories-box figure {height: 360px;}
.categories-grid-right_row_two .categories-box figure {height: 350px;}
.categories-grid-right_row_two .categories-box {width: 49.1%;}

}


@media(max-width:767px){
.modal-form .cstm-checkbox-type .wpcf7-list-item {padding: 5px 12px 5px 0px !important;position: relative;text-align: left;}
/* .modal-form .cstm-checkbox-type .wpcf7-list-item input {position: absolute;left: 0;width: auto;top: 4px;} */
.modal-form .cstm-checkbox-type .wpcf7-form-control-wrap .wpcf7-list-item-label {padding-left: 0;}
/* .modal-form .cstm-checkbox-type .wpcf7-form-control-wrap input { width: auto;} */
/* .modal-form .cstm-checkbox-type .wpcf7-list-item {   width: 33.33%;padding: 8px 12px 8px 0px;} */


.categories-grid-right {
	width: 100%;
}
.categories-grid-left {
	width: 100%;
}
.categories-grid-left .categories-box figure {
	height: 370px;
}
.categories-grid-right_row_one .categories-box figure {
	height: 370px;
}
.categories-grid-right_row_two .categories-box figure {
	height: 370px;
}
.categories-grid-right_row_two .categories-box {
	width: 100%;
}

.cstm_blog_listing_page .cstm_blog_listing {width: 100%;}
.cstm_blog_listing_page .cstm_blog_listing .design-concepts-box a span h3 {margin-bottom: 14px !important;font-size: 19px;}
.cstm_blog_listing_page .design-concepts-box p {font-size: 14px;}
 
.cstm_blog_listing_page {margin: 55px 0 40px;}
.cstm-section .cstm_content h1 {font-size: 25px;}
.cstm-section .cstm_content h2 {font-size: 21px;}
.cstm-section .cstm_content p {font-size: 14px;}
.cstm-section .cstm_content h3 {font-size: 17px;}
.categories-grid {flex-wrap: wrap;}
.categories-grid-right_row_two{flex-wrap: wrap;}

}


.cstm-learn-more {
	display: flex;
	flex-grow: 1 !important;
	position: relative;
	z-index: 1;
}

.cstm-product-style .categories-box::after {
	display: none;
}
.cstm-learn-more::after {
	position: absolute ; 
	left: 0;
	width: 100%;
	height: 100%;
	background-color: var(--bs-black);
	opacity: 0.5;
	content: "";
	top: 0;
	z-index: 1;
}


.cstm-checkbox-type .cstm-category-label {
	padding-bottom: 12px;
	font-family: "DM Serif Text", serif;
	font-size: 18px;
}

.address-section .Warehouse-section h2 {font-family: "Gloock", serif !important;}

.cstm-learn-more:hover:after{display: none;}
.categories-grid .categories-box a:hover:after{display: none;}

.modal-form h2{font-family: "Gloock", serif !important;}

.design-concepts-slider .slick-prev.slick-arrow {position: absolute;left: -70px;top: 50%;transform: translateY(-50%);background-color:transparent;z-index: 1;height: 70px;width: 70px;border:none;background-image: url(/wp-content/themes/ceramictile/images/black_left_arrow_icon.svg);background-repeat: no-repeat; background-position: center;font-size: 0px;}
.design-concepts-slider .slick-next.slick-arrow {position: absolute;right: -70px;top: 50%;transform: translateY(-50%);background-color:transparent;z-index: 1;height: 70px;width: 70px;border: none;background-image: url(/wp-content/themes/ceramictile/images/black_right_arrow_icon.svg);background-repeat: no-repeat; background-position: center; font-size: 0px;}

.newsletter-input {
	padding-bottom: 20px;
}

.footer-menu h6 a {color: var(--bs-white);opacity: 0.5;}
.modal-form .cstm-checkbox-type.cstm-radio-type .wpcf7-list-item {width: 100%;}
.modal-form .cstm-checkbox-type.cstm-radio-type .wpcf7-form-control-wrap input {height: 17px;width: 17px;}


@media (min-width:1200px) and (max-width:1600px){
.design-concepts-slider .slick-prev.slick-arrow {left: -20px;height: 50px;width: 50px;}
.design-concepts-slider .slick-next.slick-arrow{right: -20px;height: 50px;width: 50px;}


}

@media (max-width: 767px) {
.design-concepts-slider .slick-prev.slick-arrow {left: -20px;height: 40px;width: 40px;}
.design-concepts-slider .slick-next.slick-arrow{right: -20px;height: 40px;width: 40px;}

.modal-form .cstm-checkbox-type.cstm-radio-type .wpcf7-form-control-wrap .wpcf7-list-item-label {font-size: 14px;}
.modal-form .cstm-checkbox-type .wpcf7-list-item {width: 33.33%;}

}

@media (max-width: 479px) {
.modal-form .cstm-checkbox-type .wpcf7-list-item {width: 50%;}

}



/******* 09-05-2025 ******/
.searchBox{position: relative; z-index: 1;     max-width: 658px;}
.searchBox .product-search{max-width: 100%;}
.product-search .searchClose {
    position: absolute;
    right: 0px;
    z-index: 1;
    top: 0px;
    height: 100%;
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.searchBox .spinner-border {
    position: absolute;
    right: 24px;
    z-index: 1;
    top: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: 0px;
    margin: auto;
  
}
.product-search .searchClose  img{filter: brightness(0) invert(1); cursor: pointer;}

.searchMenu {
    position: absolute;
    top: 83px;
    left: 0px;
    width: 100%;
    padding: 12px 20px 20px ;
    background: #3D4A58;
    border: none;
    border-radius: 0 0 0 0;
    margin: 0px;
    box-shadow: none;
    border-top: 1px solid rgb(255 255 255 / 14%);
}

.searchMenu ul{max-height: 336px; overflow-y: auto; overflow-x: hidden;}
.searchMenu ul li a{display: block;
    padding: 8px 8px 8px 90px;
    min-height: 90px;
    font-family: "Montserrat", sans-serif;
    transition: all 0.5s ease 0s;
    color: #fff;
    position: relative;
    border-bottom:1px solid rgba(216, 216, 216, 0.1);
}

.searchMenu ul li:hover a{color: #000; background-color: #fff;}

.searchMenu ul li a figure img{  object-fit: cover;  width: 100%; height: 100%; max-width: 100%;}
.searchMenu ul li a figure {
    width: 70px;
    height: 70px;
    object-fit: cover;
    position: absolute;
    left: 8px;
    overflow: hidden;
    top: 8px;
}
.searchMenu ul li a h3{
    font-size: 14px;
    font-weight: 600;
    margin-top: 4px;
    margin-bottom: 4px;
    display: block;
    font-family: "Montserrat", sans-serif;
}

.searchMenu ul li a p{
    font-size: 12px;
    line-height: 18px;
    font-family: "Montserrat", sans-serif;
    margin: 0px;
}

.no-result{text-align: center;
    margin: 0;
    background: #fff;
    padding: 10px 3px;
    color: #222;
}

@media (max-width: 1199px) {

    .searchMenu{top:60px;}

}



/****************************/
.modal-form .wpcf7-form-control-wrap select {
    width: 100%;
    margin-top: 16px;
    border: none;
    background-color: #F2F1F1;
    padding: 18px;
    height: 60px;
    font-size: 17px;
    color: #000000;
        -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-repeat: no-repeat;
    background-size: 16px 12px;
    background-position: right .75rem center;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); 
            text-transform: capitalize;
                outline: none;
}



/***** search page 15-05-2025 ****/
@media (max-width: 767px) {
    .search-result-wrap .cstm_blog_listing {
        width: 50%;
    }
    .search-result-wrap .design-concepts-box h3 {
        font-size: 16px;
        margin-bottom: 10px;
    }
    .search-result-wrap{margin-top: 80px;}
    .search-result-wrap .design-concepts-box p{font-size: 14px;}
    }