/*
Theme Name: Custom Theme
Theme URI: Custom Theme
Author: DigiFills Team
Author URI: Custom Theme
Description: customtheme.
Version: 1.5
License: GNU General Public License v2 or later
License URI: Custom Theme
Tags: one-column, two-columns, right-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog
Text Domain: customtheme

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

@font-face {
    font-family: 'Impact';
    src: url('fonts/Impact.woff2') format('woff2'),
        url('fonts/Impact.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'book_antiquaregular';
    src: url('fonts/book-antiqua-webfont.woff2') format('woff2'),
         url('fonts/book-antiqua-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.text-primary-font{
	font-family:'book_antiquaregular';
	}
.title-primary-font{
	font-family:'Impact';
}
.menu-primary-font{
	font-family:'Impact';
}
body {
	overflow-x:hidden;
	color:#232323;
	margin: 0;
	font-family:'book_antiquaregular';
}
.cur-pointer{cursor:pointer}
.enq-now:hover{
	background-color:#fff;
	color:#e42a29
}.m-tb-auto{margin:auto 0}
.enq-now{
	color: #fff;
    background-color: #e42a29;
    border: 2px solid #e42a29;
    padding: 10px 24px;
	transition:0.2s
}
.primary-color{
	color:#000 
}
.color-fff{
	color:#f1f1f1
}
.bg-000{
	background-color:#232323
}
.bg-f3f2f2{
	background-color:#f3f2f2
}
.product-category{
	background-color: #fff;
    padding: 12px;
}
/* Primary Menu CSS */ 
.bg-00000091{
	background-color: #00000091;
`}
.menu-list{
}
#menu-primary-menu .sub-menu li a{color:#fff;}
#menu-primary-menu li a{
	color:#fff;
	position:relative;
    padding:3px 31px;
}
#menu-primary-menu li a:hover{
	color:#e6e6e6;
	border-bottom:1px solid #e6e6e6;
	text-decoration:none;
	transition:0.5s;
}
.header-enq-now:hover{
	color: #e42a29;
    background-color: #fff;
	text-decoration:none;
}
.header-enq-now{
	color: #fff;
    background-color: #e42a29;
    border-radius: 42px;
	border:2px solid #e42a29;
    padding: 10px 24px;
}
#menu-primary-menu li{
	display:inline-block;
	font-size:26px;
    padding:7px 5px;
	position: relative;
}
#menu-primary-menu{
	margin: 0;
    padding: 0;
    text-align: center;
}

#menu-primary-menu ul.sub-menu ul a{display:block}
#menu-primary-menu .sub-menu {line-height:30px;visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s ease-in-out;padding-left:0;font-size:14px;width:100%;} 
#menu-primary-menu .sub-menu li:before {width:0} 
#menu-primary-menu .sub-menu li ul:before{
	content: "";
    width: 0;
} 
#menu-primary-menu .sub-menu li {padding:3px;border:1px solid #f2f2f2;background-color:#010e60;color:#fff;} 
#menu-primary-menu .sub-menu li{font-size:19px}

/* 
#menu-primary-menu li:hover ul.sub-menu {display:block!important} */
#menu-primary-menu ul.sub-menu {position:absolute;z-index:99999}
#menu-primary-menu ul.sub-menu ul.sub-menu {top: 0; left: 100%;}
#menu-primary-menu .sub-menu li{display:block;}
#menu-primary-menu .sub-menu .arrange-nav li{padding-left:20px !important;display:block;width:150px;border-right:1px solid #eaeaea !important}
.mobile-nav-list li a{display:block;color:#444}
	.mobile-nav-list li{
		list-style: none;
		line-height: 40px;
		position:relative
	}
	.mobile-nav-list ul.sub-menu,.mobile-nav-list ul.sub-menu ul{
		display:none;
	}
	.extend{ 
		cursor:pointer;
		position: absolute;
		right: 0;
		top:0;
		padding-right: 15px;
		font-size: 26px;
	}
	
.ex-new{
	    position: absolute;
    right: 19px;
    bottom: -4px;
	top:0
}
	.mobile-nav-list ul{padding-left:0;}
	.mobile-nav-list ul .menu{display:none}
.search-result{
	line-height:35px;
}
.bar-menu{
	font-weight: bold;
    font-size: 29px;
}
#menu-primary-menu li:last-child:before{
	content:'';
	width: 0;
}
.page-template-front-page .menu-holder{
	position: absolute;
    background-color: #fff;
    z-index: 99;
    width: 100%;
}
.menu-desktop{
	position: absolute;
    z-index: 99;
    width: 100%;
}
.bg-010e60{
    background-color: #010e60;
}
.know-more:hover{
	border:2px solid #e42a29;
	color:#e42a29;
}
.know-more{
	background-color:transparent;
	border:2px solid #fff;
	color:#fff;
	padding:10px 15px
}
.slider-category-text {
    opacity: 0;
    background: #00000085;
    font-size: 31px;
    width: 86%;
    margin: auto;
    left: 0;
    right: 0;
    text-align: center;
    position: absolute;
    top: 10%;
    transition: 0.6s;
}
.swiper-slide:hover > .slider-category-text a{color:#fff}
.swiper-slide:hover > .slider-category-text a:hover{color:#000;text-decoration:none;}
.swiper-slide:hover > .slider-category-text{
	opacity:1;
}
.galery-pagination{
    bottom: -31px;
}
#menu-primary-menu a{
	vertical-align:middle;
	display:block;	
}
#menu-primary-menu a:hover{
	color:#fcbb55;
	text-decoration:none;
	transition:0.5s;
}

.swiper-pagination-bullet-active{background-color:#000}
.swiper-pagination-bullet{position:relative;margin:0 5px}
.hp-swiper-pagination{position:relative;}
/* Primary Menu CSS Ends*/ 
.color-primary{
	color:#000
}

.lh-30{
	line-height:30px;
}
.color-5e5e5e{color:#5e5e5e}
.what-we-do{
	background-image: url('images/bg-what-we-do.png');
  background-repeat: no-repeat;
  background-position: bottom;
}
.abt-us-hp{
	background-image: url('images/bg-roof-house.png');
  background-repeat: no-repeat;
  background-position: bottom;
}
.img-shadow img{box-shadow: -3px 3px 11px 0px #000;}
.bg-eeeded{
	background-color:#eeeded;
}
.bg-blogs{
	background-image: url('images/bg-blogs.png');
  background-repeat: no-repeat;
  background-position: center;
    background-attachment: fixed;
	background-size: cover;
}
.hp-form label{font-weight:100}
.hp-form .col-12{margin-bottom:20px;margin-top:10px;}
.hp-form input{font-size:20px}
.bg-nl {
background-color: #3d484c;
}
.color-b2b1b1{color:#b2b1b1}
.fw-bold{font-weight:bold}
#swiper-hpCategory .swiper-slide {
        background-position: center;
        background-size: cover;
        width: 500px;
        height: 500px;
      }
.submit:hover{	
    color: #000;
    background-color: #fff;
}
.submit{
	padding: 3px 20px;
    text-transform: uppercase;
    color: #fff;
    background-color: #000;
	border:2px solid #000;
	transition:0.2s
}
.carousel-caption{
   text-align: left;
    background-color: #cbccc2a6;
    padding: 39px;
    bottom: auto;
    top: 28%;
    box-shadow: 1px 1px 6px 0px #000000b5;
}
}
.brands{background-color:#ffffffde}
.brands img{   
	padding: 0 20px;
    width: auto;
    height: 75px;
}
#swiper-hpCategory .swiper-slide img {
        display: block;
        width: 100%;
      }
.par{margin-left:-45px;padding: 45px;}
.bg-f5f5f5{
	background-color:#f5f5f5;
}
.border-r{
    position: relative;
}
.border-r:after{
	content: ' ';
    position: absolute;
    width: 1px;
    height: 63px;
    bottom: -9px;
    right: 33px;
    background: #d2d2d2;
}
.bg-fff{
	background-color:#fff;
}
.bg-471d02{
	background-color:#471d02;
}
.bg-cacaca{
	background-color:#cacaca;
}
.product-list{
	list-style:none;
	
}
.color-000{color:#000}
a.color-000:hover{color:#000}
footer a:hover{
	color:#e42a29;text-decoration:none
}
footer a{
	color:#000;
	padding-bottom:3px;
	position:relative
}

.bg-section{
	background-image: url('images/section-side-image.jpg');
  background-repeat: no-repeat;
  background-position: right;
}
header .fa-phone{
	padding: 0 6px;
    vertical-align: bottom;
}
.bg-footer{
	background-image: url('images/foter-bg.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-attachment:fixed;background-size: cover;
}
.m-lr-auto{margin-left:auto;
margin-right:auto}
.hover-eff:hover:after {
    transform-origin: bottom left;
    transform: scaleX(1);
}
.hover-eff:after {
    content: ' ';
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: -2px;
    left: 0;
    background-color: #fff;
    transform: scaleX(0);
    transform-origin: bottom right;
    transition: transform 0.4s;
}
.social-icons i{background-color: transparent;border: 2px solid #fff;width: 40px;height:43px;margin-right:10px }
.bg-hp a:hover{color:#777777;transition:0.2s}
.social-icons a:hover{
	border:none;
}

.flip-card {
  background-color: transparent;
  height: 350px;
  perspective: 1000px;
}
.product-category .enq-now{
	padding: 6px 9px;
    text-align: center;
}
#swiper-hpCategory .swiper-slide{margin:auto}
#bread-crumbs a{
	color:#fff
}
.cat-title{    border-top: 1px solid;
margin-top: 15px;}
.cat-title:hover{color:#000}
.enq-now:hover{text-decoration:none}
.link-holder{padding: 0 14px;}
.prod-desc h4{font-size:30px}
.prod-desc h4, .prod-desc h1{color: #000;}
input:not([type=range]){width:100%}
.bg-863500{
   background-color: #e42a29;
}
#bread-crumbs{
   background-image: url('images/bg-breadcrumb.jpg');
    color: #fff;
    padding: 5px;
    font-size: 21px;
 }
.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
}
.opacity .prod-description{padding:25% 10px 0 10px}
.opacity{
    background-color: #ffffff59;
    height: 100%;
}
.flip-card:hover .flip-card-inner {
  transform: rotateX(180deg);
}

.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.flip-card-front {
}

.flip-card-back {
  background-color: #2980b9;
  color: white;
  transform: rotateX(180deg);
}
.social-icons i:hover{
	color:#000 !important;
	background-color:#fff;
}
.bar {padding-right:5px;margin-right:5px;}
.bar:before {
        content: ' ';
    position: absolute;
    width: 2px;
    height: 19px;
    bottom: 4px;
    margin: auto;
    right: 1px;
    background-color: #fff;
}
@media(min-width:950px){
	.md-p-50{
		padding:50px;
	}
}
@media(min-width:768px){
	#menu-primary-menu .menu-item-has-children:hover > .sub-menu { text-align:center;min-width:185px;visibility: visible;  opacity: 1;box-shadow:1px 1px 1px 1px #eaeaea;}
	.mobile-nav{
		display:none;
	}
}
@media(max-width:768px){
	.page-template-front-page .menu-holder {
		position: relative;
	}
	.carousel-caption .enq-now{
		padding: 4px 15px;
	}
	.sub-menu{
		padding-left:10px !important;
		border-left:1px solid #f2f2f2
	}
	.slider-category-text a{color:#fff}
	.slider-category-text label{
		font-size:16px;
		padding:5px!important
	}
	.slider-category-text .know-more{
		padding: 1px 3px;
		font-size: 17px;
	}
	.slider-category-text {
		padding: 10px !important;
		font-size: 20px;
		opacity:1;
		width: 94%;
	}
	.carousel-caption {
		text-align: left;
		background-color: #cbccc2a6;
		padding: 10px;
		bottom: auto;
		width: 87%;
		right: 11px;
		top: 3px;
		left: auto;
		box-shadow: 1px 1px 6px 0px #000000b5;
	}
	.product-category{margin-bottom:20px !important}
	.par{margin-left:0}
	.icon-holder{margin-bottom:20px}
	.border-r{font-size:13px}
	.border-r:after {
		height: 43px;
		bottom: 1px;
		right: -11px;
	}
	.bg-footer{background-attachment:fixed}
	#navbarNav{position:relative}
	#menu-primary-menu-1 a{color:#000;}
	#menu-primary-menu-1{
	    position: absolute;
		width:100%;
		z-index: 99;
		font-size: 22px;
		list-style: none;
		padding-left: 14px;
		background-color: #fff;
	}
	.extend {
		cursor: pointer;
		position: absolute;
		right: 0;
		top: 5px;
		font-size: 26px;
		width: 30px;
		height: 30px;
		text-align: center;
		text-indent: 9999px;
	}
	.col-md-2.abt{
		padding-top:40px;
		max-width: 100% !important;    
		flex: 0 0 100% !important;
	}
	.bg-building{
		padding-right:20px;
		padding-left: 20px;
	}
	.nri-banner-form{
		position:relative;
		padding: 0;
	}
	.mt-md-10{
		margin-top:10px !important;
	}
	.nri-location-dropdown {
		width: 164px;
		margin-left: 36px;
	}
	.search-click {
		background: none;
		position: relative; 
		bottom: 0;
		right: 0;
		left: 0;
	}	
	.mb-sm-10{
		margin-bottom:10px !important
	}
	.mb-sm-30{
		margin-bottom:30px
	}
	.mb-sm-0{
		margin-bottom:0 !important
	}
	.sm-center{
		text-align:center
	}
}
@media(max-width:479px){
	.btn-transparent{
		width: 73%;
	}
	.icons-hp img{
		max-width: 51px;
	}
	.flip-card{
		height:300px
	}
}