@charset "utf-8";
/* CSS Document */
:focus{ outline:0 !important}
*{scrollbar-width: thin; -webkit-scrollbar-width: thin;-moz-scrollbar-width: thin;}
html {  scroll-behavior: smooth;}
::-webkit-scrollbar{ width: 8px; }
::-webkit-scrollbar-thumb {background-color: rgba(0, 0, 0, 0.2);-webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,0.10),inset 0 -1px 0 rgba(0,0,0,0.07); }
a,button,.ourcatsec .ourcat-iocn{-webkit-transition: .3s ease-out;	-moz-transition: .3s ease-out;	-o-transition: .3s ease-out;	transition: .3s ease-out;}
@font-face{font-family:astroSpace;src:url(astroSpace-0Wl3o.ttf)}
@font-face{font-family:argent;src:url(argent.ttf)}
.text-glodd{ color:#ad8833 !important}
h3{
	font-size: 20px !important
}
body{    font-family: 'Montserrat', sans-serif; font-size:14px; line-height:20px; background-color:#f7f7f7; }
.white_bg{ background-color:#fff}
.astroSpacefont{font-family:'Montserrat', sans-serif !important;}
.mains{ overflow-x:hidden}

header{ position:absolute; top:0; left:0; right:0; padding:15px 0  ; z-index:9}
header.sticky{ background-color:rgba(0,0,0,.9); position:fixed; box-shadow:0 0 10px  rgba(0,0,0,.15); padding:8px 0;}
header nav ul li a img{ -webkit-transition: .3s ease-out;	-moz-transition: .3s ease-out;	-o-transition: .3s ease-out;	transition: .3s ease-out;}

header.sticky nav ul li a img{ width:100px; }

header nav ul li{ list-style:none}
header nav ul li a{ color:#fff ;}
header nav ul li a:hover{ color:#aa822f ;}

.mobileheader{ position:relative;}
.mobileheader #slide{ position:absolute; top:0; left:0; color:#aa812f; font-size:30px;}


.mainbanners .item{ height:80vh;}
.mainbanners .mainbannercontent{display:-webkit-box;	display:-ms-flexbox;	display:flex;	-ms-flex-wrap:wrap;	flex-wrap:wrap;-ms-flex-line-pack:center!important; height:100%; align-content:center!important; -ms-flex:0 0 100%;	flex:0 0 100%;	max-width:100%; margin:0  auto}
.mainbanners .mainbannercontent h2{ font-size:23px; line-height:30px; color:#fff;font-family:'Montserrat', sans-serif;}
.mainbanners .mainbannercontent h2 br{ display:none}
.mainbanners .mainbannercontent, .mainbanners .mainbannercontent p{ font-size:14px; line-height:26px;}

.comanbutton{ color:#fff !important; text-decoration: none;  padding:0 15px; display:inline-block; line-height:50px; height:50px; font-size:16px; border:0; cursor: pointer;}
.comanbutton.smallBt{  padding:0 25px;line-height:40px; height:40px; font-size:15px;}

.newhrt{   font-family: 'Montserrat', sans-serif; font-size:37px; line-height:48px;}
.comanbutton.khakii_bg{ background-color:#ad8833;}
.comanbutton.black_bg{ background-color:#000; }
.comanbutton.fadeblack_bg{ background-color:#373737}


.aboutsection .aboutbanner{ position:relative; padding:0 0 50px  10px;}
.aboutsection .aboutbanner .overlapimg{ position:absolute; left:0; width:70%;   bottom:0; border:5px #fff solid;}

.abouttextt .abouthd{ font-size:18px; line-height:28px; margin:0 0 0px 0;}
.abouttextt .mainhd{ font-size:30px; line-height:35px; margin:0 0 10px 0; font-family: 'Montserrat', sans-serif;}
.abouttextt .mainhd span{ display:block; font-size:20px; line-height:30px;}

.abouttextt, .abouttextt p{ line-height:27px; letter-spacing:.5px; }
.abouttextt .subhd{}

.darkblue.abouttextt .abouthd,.darkblue.abouttextt .subhd,.darkblue.abouttextt p,.darkblue.abouttextt { color:#000}
.whitecolor.abouttextt .abouthd,.whitecolor.abouttextt .subhd,.whitecolor.abouttextt p,.whitecolor.abouttextt { color:#fff}


.maintingsec{ background-color:#ffffff;}
.keephandicraft{ background:url(../images/about_bg.jpg)  no-repeat center center  fixed  ; background-size:cover; overflow:hidden}
.keephandicraft.cpps{ background:url(../images/ourstoryy-bg.jpg)  no-repeat center center  fixed   !important; background-size:cover}

.keephandicraft .kcinner{ background:#ad8833 15px 30px; padding:35px 60px;}
.keephandicraft .kcinner p{ font-size:20px; font-style: italic; line-height:35px; font-family: 'Montserrat', sans-serif !important}

.ourcategoerysec{ background-color:#ffffff;}
.ourcatsec{ text-align:center; background-color:#f7f7f7;  padding:80px 40px 40px; position:relative;border-radius:12px; height:100%;}
.ourcatsec .ourcat-iocn{ width:80px; padding:5px; height:80px; border-radius:50%; box-shadow:0 0 10px rgba(0,0,0,.25); position:absolute; top:-40px; left:0; right:0; margin:0 auto; background-color:#fff; }
.ourcatsec:hover .ourcat-iocn{ transform:rotate(-10deg)}


.ourcatsec .ourcat-iocn img{border-radius:20%;}
.ourcatsec a{ display:inline-block; margin-top:10px; border: 1px #ad8833 solid; padding:6px 15px; color:#000 	}
.ourcatsec:hover a{ background-color:#ad8833; border: 1px #ad8833 solid;  color:#fff; 	}
.ourcatsec h4{ font-size:18px; font-weight:600;}
.ourcatsec, .ourcatsec p{ line-height:26px;}
.ourcatiner .col-lg-4.col-sm-6{ margin-bottom:80px;}

.ourcomany .ourc-injner{ background-color:#f5f5f5; border-radius:8px; border-left:3px #ac822f solid; padding:20px 20px 20px 90px;; height:100%;background-color:#f7f7f7; position:relative; min-height:100px;}
.ourcomany .ourc-injner .oc-iocn{ position:absolute; top:10px; left:10px; width:80px;}

.ourcomany .ourc-injner h3{ width:100%;}



.products{ margin:0 0 0 0 ;}

.download{ position:relative; padding:10px 0 0 0; font-size:16px; text-align:left }
.download > a{ position: relative; top:0; right:0; width:220px; text-align:center;  }


.cobtactuss{ background:url(../images/contactus-bg.jpg) no-repeat  no-repeat center center  fixed  ; background-size:cover}
.cobtactuss .coninner{ background-color:#ad8833;}
.cobtactuss .subconinner{ background-color:#ad8833; min-height:200px;}
.cobtactuss .whitebggy{ background-color:#fff;}
.formfield input[type="text"],.formfield textarea{ width:100%; padding:5px 0; border:0; border-bottom:1px #eee solid;}

.livecatlaogg .formfield input[type="text"],.livecatlaogg .formfield textarea{  padding:7px 15px !important; border:2px #b68a32 solid !important  }



footer{ background-color:#000}
footer .copyright{ background-color:#000; font-size:14px;}

.footerlinks h6{ color:#fff; font-family: 'Montserrat', sans-serif; font-size:22px; margin:0 0 20px 0;}
.footerlinks, .footerlinks p{ color:#e1e1e1; line-height:25px;}
.footerlinks ul{ margin:0 ; padding:0}
.footerlinks ul li{ list-style:none; padding:0 0 7px 0;}
.footerlinks ul li a{ color:#e1e1e1;}
.contactss li{ list-style:none}
.contactss li a{ position:relative; padding:0 0 8px 30px; display:block}
.contactss li a i{ position:absolute; left:0; top:5px;}

.social-ico a{ float:right; width:35px; height:35px; line-height:35px; margin:0 8px 5px 0; background-color:#ad8833; color:#fff; border-radius:50%; text-align:center}






#innersection{ background: url(../images/contactus-bg.jpg) no-repeat; }
#innersection .inersub {padding:150px 0 0px 0; text-align: center; background-color:rgba(0,0,0,.6);}
#innersection .innerhead{ font-size:45px; line-height:50px; color:#fff; font-family: 'Montserrat', sans-serif; padding:0; text-transform:uppercase; padding:0 0 20px 0; }
#innersection .inersub , #innersection .inersub p{ line-height:26px; font-size:16px;}

#innersection .breadcum{ background-color:rgba(0,0,0,.5); padding:5px 0;}
#innersection .breadcum a{ display:inline-block; line-height:25px; color:#fff; background:url(../images/breadcum-iocn.png) no-repeat right center; padding:0 20px 0 0 ; margin:0 10px 0 0;}
#innersection .breadcum a:last-child{ background:none; padding:0 ; margin:0  ; color:#ab822f;}


.metalfinshes{ background-color:#eee;}

.metalfins .metalfin-thumbs{ width:120px; height:120px; border-radius:10%; margin: 0 auto}
.metalfins .metalfin-thumbs img{ width:120px; height:120px; border-radius:10%;}


#reviewsection .reviewinner{ position:relative; z-index:8; padding:45px 0 15px 10px; overflow:hidden}
#reviewsection  .review ul{ margin:0; padding:0;  position:relative }
#reviewsection  .review ul:after{  width:2px; top:30px; bottom:60px ; background-color:#ccc; content:""; position:absolute; margin:0; left:20px; right:0; z-index:8}
 #reviewsection  .review ul li{ list-style:none;  position:relative;margin-bottom:20px; z-index:9; }
 #reviewsection  .review ul li a{ display:block; color:#000; background-color:#eee; padding:25px; text-decoration:none !important; border-radius:9px; box-shadow:0 0 10px rgba(0,0,0,.15);}
#reviewsection  .review ul li a:after{ width:60px; top:50px; content:""; background-color:#ccc; height:2px; position:absolute; z-index:-1 }
 
 
#reviewsection  .review ul li:nth-of-type(2n+1) a:after{right:0; }
#reviewsection  .review ul li:nth-of-type(2n+2) a:after{ left:0;  }

 
 #reviewsection  .review ul li a .icon{ position:absolute; top:30px; width:40px; height:40px; line-height:35px; text-align:center; padding:2px; background-color:#aa822f; color:#fff; border-radius:50%; border:2px #fff solid; box-shadow:0 0 10px rgba(0,0,0,.3)} 
 #reviewsection  .review ul li:nth-of-type(2n+1){ margin-right:0; text-align:left; padding:0 0 0 50px }
 #reviewsection  .review ul li:nth-of-type(2n+1) a .icon{ right: auto; left:0} 
 #reviewsection  .review ul li:nth-of-type(2n+2){ margin-left:0; text-align:left;padding:0 0 0  50px }
 #reviewsection  .review ul li:nth-of-type(2n+2) a .icon{ left:0px }
 #reviewsection  .review ul li a b{ font-size:18px; display:block; margin-bottom:8px;}
 #reviewsection  .review ul li a .reviewtext{ font-size:16px;}








@media(min-width:576px){
	.logoos{ width:100px;}
	.download{ position:relative; padding:15px 230px 15px 0; font-size:16px; }
.download > a{ position:absolute; top:0; right:0; width:220px; text-align:center; font-size: 14px }

#reviewsection .reviewinner{ padding:45px 0 15px 0px; }
#reviewsection  .review ul:after{  margin:0  auto;left:0; }
#reviewsection  .review ul li:nth-of-type(2n+1){ margin-right:50%; text-align:left; padding:0 50px 0 0}
#reviewsection  .review ul li:nth-of-type(2n+1) a .icon{ right:-20px; left:auto} 
#reviewsection  .review ul li:nth-of-type(2n+2){ margin-left:50%; text-align:left;padding:0 0 0 50px}
#reviewsection  .review ul li:nth-of-type(2n+2) a .icon{ left:-20px }





	

}
@media(min-width:768px){
.mainbanners .mainbannercontent h2{ font-size:20px; line-height:40px; }
.mainbanners .mainbannercontent h2 br{ display:block}
.abouttextt .mainhd{ font-size:45px; line-height:55px; margin:0 0 20px 0; }
.abouttextt .mainhd span{ font-size:30px; line-height:40px;}

.mainbanners .mainbannercontent{ -ms-flex:0 0 90%;	flex:0 0 90%;	max-width:90%; }
.comanbutton{ padding:0 35px;  font-size:16px;}
.mainbanners .item{ height:100vh;}


	}

@media(min-width:992px){
.products{ margin:-160px  -90px 0 0 ;}
	.mainbanners .mainbannercontent h2{ font-size:30px; line-height:50px; }
.abouttextt .abouthd{ font-size:28px; line-height:38px; margin:0 0 0px 0;}


}
@media(min-width:1200px){
	.mainbanners .mainbannercontent h2{ font-size:30px; line-height:50px; }
.logoos{ width:150px;}

	
	}

@media(max-width:576px){


}



.sidewarper{z-index:999999;background-color:rgba(255,255,255,.95);position:fixed;height:100%;overflow:scroll;overflow-x:hidden;left:-1000px;top:0;bottom:0}
#slidesection{width:290px}
#slidesection .overscroll{padding:10px}
#slidesection .topclose{background-color:#aa812f;color:#fff;font-size:20px;text-transform:uppercase;padding:10px 30px;display:block}
#slidesection .topclose a{display:block;color:#fff !important; cursor:pointer}
#slidesection .topclose a i{ float:right;}
#slidesection .topclose a strong{ color:#fff}
#slidesection .overscroll #sidelinks{color:#fff; }
#slidesection .overscroll #sidelinks ul{ padding:0}
#slidesection .overscroll #sidelinks ul li{list-style:none;}
#slidesection .overscroll #sidelinks a{display:block;padding:12px 10px;color:#000;font-weight:400}
#slidesection .overscroll #sidelinks li+li{border-top:1px rgba(0,0,0,.2) dashed}
#slidesection .overscroll #sidelinks a{color:#000}
#slidesection .overscroll #sidelinks .subchild{background-color:#f5f5f5;margin-top:10px}
#slide{cursor:pointer}
.accordion-toggle{cursor:pointer;margin:0;display:block;position:relative}
.accordion-toggle span{position:absolute;right:5px;top:10px;background-color:#aa812f;text-align:center;line-height:20px;color:#fff;z-index:999;width:20px;height:20px}.accordion-toggle .disinb{display:inline-block!important}.accordion-content ul{background-color:#eee}.accordion-content ul li{border:0!important}.accordion-content ul a{padding:5px 10px!important}.accordion-content{display:none}











.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative;}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}

.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}