@charset "utf-8";
:root{
--bg-clr-primary:#7ac64d;
--bg-clr-primary-lt:#abff79;
--bg-clr-primary-dk:#5ea236;
--bg-clr-secondary:#0c1215;
--txt-clr-primary:#7ac64d;
}

*{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html,body{font-family:'Open Sans', sans-serif;font-weight:normal;font-size:14px;color:#252525;}

img{border:none;vertical-align:bottom;outline:none}
a{text-decoration:none;outline:none;color:#0083f2;}
input{outline:none;}
button{background-color:transparent;border:none;font-family:'Open Sans', sans-serif;}

h1{font-size:28px;line-height:32px}
h2{font-size:24px;line-height:28px}
h3{font-size:16px;line-height:24px}
h1, h2, h3, h4, h5{font-weight:400}
p{font-size:13px;line-height:22px;color:#888888;}
.single-line-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.clearfix:after{visibility:hidden;display:block;font-size:0;line-height:0;content:" ";clear:both;height:0}
* html .clearfix{zoom:1}
*:first-child+html .clearfix{zoom:1}

#Services .item-box .img{background-image:url(../images/sprite.png);background-repeat:no-repeat;overflow:hidden}
/* =========== Same [END] =========== */

/* =========== All Pages (START) =========== */
.st-responsive{max-width:1240px;margin:0 auto}

main{position:relative;}

.st-row{display:flex;}
.h-center{justify-content:center;}
.v-center{align-items:center;}
.space-between{justify-content:space-between;}

.st-pdg{padding:20px;}
.st-pdg-loop{padding:10px;}
/* =========== All Pages (END) =========== */

/* =========== Header CSS [Start] =========== */
#header{position:fixed;top:0;left:0;right:0;z-index:7}

.top-header{border-bottom:1px solid rgba(255,255,255,.3);height:34px;}
.top-header > .st-pdg-loop{padding-top:0;padding-bottom:0;}
.top-header ul.social-icon{list-style-type:none;}
.top-header ul.social-icon li a{line-height:34px;padding:0 10px;color:#fff;}
/**/
.top-header ul.contact-detail{list-style-type:none;}
.top-header ul.contact-detail li a{display:flex;line-height:34px;padding:0px 10px;font-size:13px;color:#fff;}
.top-header ul.contact-detail li a i{font-size:14px;line-height:34px;padding-right:4px;}

.main-header{height:60px;}
.main-header > .st-pdg-loop{padding-top:0;padding-bottom:0;}
/**/
.main-header #branding.st-pdg-loop{padding-top:0px;padding-bottom:0px;}
.main-header #branding a{display:block;padding:8px 0;margin:10px 0;}
.main-header #branding a .white-logo-img{display:block;}
.main-header #branding a .logo-img{display:none;}
/**/
.main-header.bg-active{background-color:#fff;-webkit-box-shadow:1px 1px 8px 0 rgba(0,0,0,0.40);-moz-box-shadow:1px 1px 8px 0 rgba(0,0,0,0.40);box-shadow:1px 1px 8px 0 rgba(0,0,0,0.40);}
.main-header.bg-active #branding a .white-logo-img{display:none;}
.main-header.bg-active #branding a .logo-img{display:block;}
/* =========== Header CSS [End] =========== */

/* =========== Footer CSS [Start] =========== */
#footer{position:relative;}
#footer h3.footerHeading{font-size:18px;color:#f1f1f1;margin-bottom:12px;display:inline-block;text-transform:uppercase;}

#mainFooter{background-color:var(--bg-clr-secondary);}
#mainFooter .st-responsive{padding:20px 0;}

/* First Section */
#mainFooter .section-1{flex:1.5}
#mainFooter .section-1 ul{display:flex;flex-wrap:wrap;list-style-type:none;padding-bottom:25px;margin:0}
#mainFooter .section-1 ul li{width:50%;}
#mainFooter .section-1 ul li a{display:block;color:#999;line-height:28px;margin-right:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#mainFooter .section-1 ul li a i{float:left;line-height:28px;font-size:8px;color:#666;margin-right:6px;transition:margin .3s ease-out;}
#mainFooter .section-1 ul li a:hover i{color:#fff;margin:0 3px 0 3px}
#mainFooter .section-1 ul li a:hover{color:#fff}

/* Second Section */
#mainFooter .section-2{flex:1;border-right:1px dotted #616161;}
#mainFooter .section-2 ul{display:flex;flex-wrap:wrap;list-style-type:none;padding-bottom:25px;margin:0}
#mainFooter .section-2 ul li{width:100%;}
#mainFooter .section-2 ul li a{display:inline-block;color:#999;line-height:28px;margin-right:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#mainFooter .section-2 ul li a i{float:left;line-height:28px;font-size:8px;color:#666;margin-right:6px;transition:margin .3s ease-out;}
#mainFooter .section-2 ul li a:hover i{color:#fff;margin:0 3px 0 3px}
#mainFooter .section-2 ul li a:hover{color:#fff}

/* Third Section */
#mainFooter .section-3{flex:1.3;padding-left:30px;}
#mainFooter .section-3 ul.contact-detail{list-style-type:none;margin-top:10px;}
#mainFooter .section-3 ul.contact-detail li a{line-height:28px;color:var(--txt-clr-primary);}
#mainFooter .section-3 ul.contact-detail li a i{font-size:14px;line-height:28px;margin-right:5px;}
#mainFooter .section-3 ul.contact-detail li:first-child a{font-size:26px;line-height:32px;}
#mainFooter .section-3 ul.contact-detail li:first-child a i{font-size:20px;line-height:32px;margin-right:8px;}
/**/
#mainFooter .section-3 .social-media{padding-top:25px;}
#mainFooter .section-3 .social-media ul{list-style-type:none;}
#mainFooter .section-3 .social-media ul li a{line-height:30px;padding:0 10px;color:#fff;}
/* =========== Footer CSS [End] =========== */

.heading{text-align:center;padding-bottom:20px;}
.heading .title{display:inline-block;font-family:'Playball', cursive;font-size:30px;line-height:40px;padding-bottom:6px;position:relative;}
.heading .title .underline{display:inline-block;width:70%;height:3px;background-color:var(--bg-clr-primary);position:absolute;bottom:0;left:15%;}

/* =========== Index CSS [Start] =========== */
/* Banner Section */
#indexBanner{background-image:url(../images/home/home-page-banner.webp);background-repeat:no-repeat;background-position:center center;background-size:cover;background-attachment:fixed;overflow:hidden;position:relative;}
#indexBanner::before{content:"";/*background-color:rgba(0,0,0,.4);*/background-image:url(../images/gridtile.png);position:absolute;top:0;left:0;right:0;bottom:0;}
#indexBanner .st-responsive{height:100%;padding:0 20px;} #indexBanner .st-row{height:100%;padding:0 20px;}
#indexBanner .banner-content{padding-top:45px;text-align:center;position:relative;z-index:1}
#indexBanner .banner-content h1{font-family:'Aldrich', sans-serif;color:#fff;font-size:72px;line-height:80px;text-transform:uppercase;text-shadow:0 0 6px rgba(0,0,0,.5);}
#indexBanner .banner-content p{color:#fff;font-size:18px;line-height:24px;padding-top:10px;text-shadow:0 0 5px rgba(0,0,0,.4);}

/* Services Section */
#Services .st-responsive{padding-top:40px;padding-bottom:30px}
#Services .item-box{width:33.33%;margin:15px 0;}
#Services .item-box .img{display:inline-block;width:60px;height:60px;}
#Services .item-box .img.website-design-icon{background-position:0 0px;}
#Services .item-box .img.mobile-app-development-icon{background-position:-74px 0px;}
#Services .item-box .img.e-commerce-icon{background-position:-148px 0px;}
#Services .item-box h3{padding-top:10px;font-size:1.125rem;font-weight:600;}
#Services .item-box p{padding-top:8px;font-size:13px;line-height:20px;color:#555;/*text-align:justify;*/}
#Services .item-box a{display:inline-block;font-size:13px;line-height:32px;color:var(--bg-clr-primary);text-transform:uppercase;padding:0 15px;margin-top:15px;border:1px solid var(--bg-clr-primary);border-radius:2px;}
#Services .item-box a:hover{background-color:var(--bg-clr-primary);color:#fff;}

/* Latest Gallery Section */
#latestGallery{background-color:#f8f9fa;}
#latestGallery .st-responsive{padding-top:30px;padding-bottom:40px;}
#latestGallery .box-wrap{overflow:hidden;}
#latestGallery .box-wrap .slick-prev, #latestGallery .box-wrap .slick-next{opacity:1;transition:all .4s ease;}
#latestGallery .box-wrap .item-box{float:left;width:33.33%;padding:10px}
#latestGallery .box-wrap .item-box a{display:block;}
#latestGallery .box-wrap .item-box a .img-wrap{background-color:#000;overflow:hidden;position:relative;}

#latestGallery .box-wrap .item-box a .img-wrap img{opacity:1;width:100%;height:auto;transition:all 0.5s ease-out;}
#latestGallery .box-wrap .item-box a:hover .img-wrap img{opacity:0.5;transform:scale(1.15);}

#latestGallery .box-wrap .item-box a .img-wrap h3{opacity:0;position:absolute;bottom:-25px;left:15px;width:100%;font-family:'Playball',cursive;font-size:20px;line-height:30px;color:#fff;transition:all 0.4s ease-out;}
#latestGallery .box-wrap .item-box a:hover .img-wrap h3{opacity:1;bottom:50px;}

#latestGallery .box-wrap .item-box a .img-wrap .btn{opacity:0;display:inline-block;position:absolute;bottom:-30px;left:15px;width:86px;height:30px;line-height:30px;font-size:13px;text-align:center;color:#fff;background-color:var(--bg-clr-primary);border-radius:4px;box-shadow:0 0 8px 0 rgba(0,0,0,0.3);transition:all 0.4s ease-out .3s;}
#latestGallery .box-wrap .item-box a:hover .img-wrap .btn{opacity:1;bottom:15px;}

/** slick Slider **/
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;}
.slick-list{position:relative;display:block;/*overflow:hidden;*/margin:0;padding:0;}
.slick-list:focus{outline:none;}
.slick-list.dragging{cursor:pointer;cursor:hand;}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
.slick-track{position:relative;top:0;left:0;display:block;}
.slick-track:before,.slick-track:after{display:table;content:'';}
.slick-track:after{clear:both;}
.slick-loading .slick-track{visibility:hidden;}
.slick-slide{display:none;float:left;height:100%;min-height:1px;}
[dir='rtl'] .slick-slide{float:right;}
.slick-slide img{display:block;}
.slick-slide.slick-loading img{display:none;}
.slick-slide.dragging img{pointer-events:none;}
.slick-initialized .slick-slide{display:block;}
.slick-loading .slick-slide{visibility:hidden;}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent;}
.slick-arrow.slick-hidden {display:none;}
/** slick theme Slider **/
/* Slider */
.slick-loading .slick-list{background:#fff url('../images/banners-img/fluid_dg-loader.gif') center center no-repeat;}
/* Arrows */
.slick-prev, .slick-next{opacity:0;background-image:url(../images/sprite.png);background-repeat:no-repeat;overflow:hidden;position:absolute;top:50%;margin-top:-20px;display:block;width:40px;height:40px;cursor:pointer;outline:none;border:none;background-color:Transparent;}
.slick-prev{left:0px;right:auto;background-position:0px -74px;z-index:8;}
.slick-prev:hover, .slick-prev:focus{background-position:-40px -74px;}
.slick-next{right:0px;left:auto;background-position:-120px -74px;z-index:8;}
.slick-next:hover, .slick-next:focus{background-position:-80px -74px;}
/* Dots */
.slick-dotted.slick-slider{margin-bottom:30px;}
.slick-dots{position:absolute;bottom:-25px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center;}
.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer;}
.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:none;}
.slick-dots li button:hover,
.slick-dots li button:focus{outline:none;}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before{opacity:1;}
.slick-dots li button:before{font-family:slick;font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:" ";text-align:center;opacity:.25;color:black;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.slick-dots li.slick-active button:before{opacity:.75;color:black;}
/* =========== Index CSS [End] =========== */

/* Banner All Page Section */
.all-banner{height:400px;background-repeat:no-repeat;background-position:center center;background-size:cover;overflow:hidden;position:relative;}
.all-banner::before{content:"";background-image:url(../images/gridtile.png);position:absolute;top:0;left:0;right:0;bottom:0;}
.all-banner .st-responsive{height:100%;padding:0 20px;}
.all-banner .banner-content{padding-top:65px;text-align:center;position:relative;z-index:1}
.all-banner .banner-content h1{font-family:'Aldrich', sans-serif;color:var(--bg-clr-primary-lt);font-size:48px;line-height:55px;text-transform:uppercase;text-shadow:0 0 6px rgba(0,0,0,.5);}
.all-banner .banner-content p{color:#fff;font-size:15px;line-height:24px;}
/* Banner All Page Section */

/* LightBox Section */
#imgGallery{padding-bottom:50px;}
#imgGallery .container-md{position:relative;margin-top:-100px;background-color:#fff;padding:25px;}
#lg-close-1{color:#f00}
/* LightBox Section */


/* =========== kitchen CSS [Start] =========== */
.kitchen-banner{background-image: url(../images/kitchen/banner.jpg);}
.bathroom-banner{background-image: url(../images/bathroom/banner.jpg);}
.bedroom-banner{background-image: url(../images/bedroom/banner.jpg);}
.living-room-banner{background-image: url(../images/living-room/banner.jpg);}
.contact-us-banner{background-image: url(../images/contact-us-banner.jpg);}
.about-us-banner{background-image: url(../images/about-us-banner.jpg);}
/* =========== kitchen CSS [End] =========== */

/*Bootstrap css overright*/
ol,ul{padding-left:0px;}


#contactForm{margin-top:-100px;background-color:#fff;}
.input-fld-wrap{flex:1;}
.input-fld-wrap .label{display:block;}
.input-fld-wrap .mandatory{color:red;}
.input-fld-wrap .input{width:100%;height:44px;padding:0 5px;margin:5px 0;border:1px solid #c5c5c5;color:#252525;border-radius:3px;}
.input-fld-wrap .textarea{height:160px;}
.submit-fld-wrap{text-align:center;}
.submit-fld-wrap .submit-btn{padding:12px 20px;color:#fff;background-color:var(--bg-clr-primary);font-weight:600;font-size:14px;cursor:pointer;border-radius:3px;-webkit-box-shadow:2px 3px 4px 0 rgb(0,0,0,0.25);-moz-box-shadow:2px 3px 4px 0 rgba(0,0,0,0.25);box-shadow:2px 3px 4px 0 rgb(0,0,0,0.25);}
.submit-fld-wrap .submit-btn:hover{background-color:var(--bg-clr-primary-dk);}


#underConstruction{text-align:center;}