@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
 
 @import url('https://fonts.googleapis.com/css2?family=Righteous&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Monomaniac+One&display=swap');
 * {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
ul{list-style:none;
}
html {
	scroll-behavior: smooth;
}
.wssearch1 {
    float: right;
    padding: 16px 10px 0px 25px;
 
}
.wp-video {
    width: 100% !important;
}
 .logoname {
color: #fff;
    font-size: 39px;
    font-family: 'Monomaniac One', sans-serif;
    letter-spacing: 2px;
    font-weight: 500;
	 text-transform: uppercase;
}
p{
   font-family: 'Poppins', sans-serif;
    font-style: normal;
    letter-spacing: 0.1px;
    text-rendering: optimizeLegibility;
    font-size: 14px;
    letter-spacing: 0.3px;
    line-height: 28px;
    color: #bfbfbf;
    font-weight: 400;
}
.top-banner-section h2{text-transform:uppercase}
body{font-family: 'Poppins', sans-serif; }
a, a:active, a:focus{text-decoration:none;outline:none;font-family: 'Poppins', sans-serif;}
a:hover{text-decoration:none;}
button:focus{outline:none;}
textarea:focus, input:focus{outline:none;}
h1, h2, h3, h4, h5, h6{    font-family: 'Poppins', sans-serif; color:#ddd  }
ul{ margin:0px; padding:0px; list-style:none;}
.headding{font-weight: 700; font-size: 50px;  color:#fff }  
.subheadding {
    color: #000;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 600;
} 

header {
    z-index: 999;
    width: 100%;
    position: absolute;
}
/*home slider section css start*/
.overlay-slider {
    background: #1b1a1a26;
    position: absolute;
    top: 0px;
    left: 0;
    padding-top: 200px;
    width: 100%;
    height: 100%;
}
 
.home-slider h2 {
    font-size: 60px;
    color: #fff;
    font-weight: 800;
}
.home-slider p {
    color: #fff;
}
.home-slider .primary-btn1 {
    margin-top: 20px;
}
.primary-btn1 {
    color: #fff;
    padding: 15px 20px;
    background-color: #000;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 16px;
    border-radius: 5px;
    float: left;
}
.home-slider .primary-btn2 {
    margin-top: 20px;
}
.primary-btn2 {
    color: #fff;
    margin-left: 20px;
    padding: 15px 20px;
    background-color: #1C1A30;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 16px;
    border-radius: 5px;
    float: left;
}
.primary-btn1:hover {
    background-color: #1C1A30;
    color: #fff;
}
.primary-btn2:hover {
    background-color: #000;
    color: #fff;
}
.btn-lets {
       background-color: #000;
    color: #fff !important;
    padding: 14px 10px;
    font-size: 15px;
    border-radius: 4px;
    float: left;
}
.btn-lets:hover {
    background-color: #1C1A30;
    color: #fff;
}
.btn-lets i {
padding: 3px 2px;
	float:left;
	color:#fff;
}
.wsmainfull.clearfix.wsfixed .wssearch1 .btn-lets {
    padding: 10px 18px;
}
.downi{    float: right;
    margin-top: 17px;
    padding-left: 5px;}
	.wsmainfull.wsfixed .wsmenu>.wsmenu-list>li>a .downi{margin-top: 12px;}
	
.home-slider.owl-theme .owl-nav{ position: absolute;
    left: 0;
    top: 45%;
    width: 100%;
    z-index: 9999;display:block}	
.home-slider .owl-nav button.owl-next, .home-slider .owl-nav button.owl-prev{
	color:#fff;
	font-size:40px
}
.home-slider .owl-nav button.owl-prev {float:left}
.home-slider .owl-nav button.owl-next {float:right}
.owl-theme .owl-nav [class*=owl-]:hover{background-color:transparent}
.home-slider.owl-theme .owl-dots{display:none;}	
	.home-about-section{width:100%; float:left;  background-color: #EEE7DA;}
	.padding-section{padding:50px 0px}
	.home-about-section p{    text-align: center;
    padding: 0px 100px;
    font-size: 25px;
    line-height: 45px;
    font-weight: 200;}
	.home-about-section1{width:100%; float:left;}
	.leftbtn {
    padding: 13px 20px;
    text-align: left;
    margin-top: 10px;
}
.leftbtn span {
    padding-left: 20px;
}
.home-services-section1{width:100%; float:left;}
.paddingtext{padding:0px 120px;}
.imagebox {
    width: 100%;
    overflow: hidden;
}
.imagebox img {
    width: 100%;
    transition: all 0.5s ease;
}
.outerdiv:hover img {
    transform: scale(1.2);
}
.contentbox h3{
	font-weight: 600;
    font-size: 20px;
    padding-top: 20px;
    float: left;
    width: 100%;
}
.readlink{    color: #1C1A30;}
.readlink i{padding-left:10px}
.readlink:hover{color:#000}
.outerdiv:hover h3{color:#000}
.outerdiv:hover .readlink{color:#000}
.services-slider.owl-theme .owl-dots{display:none;}
.services-slider.owl-theme .owl-nav {
      font-size: 20px;
    line-height: 0px;
    position: absolute;
    top: 40%;
    width: 100%;
    z-index: 0;
}
.services-slider.owl-theme .owl-nav .owl-prev{border: 1px solid #1C1A30;
    width: 40px;
    height: 40px;
    border-radius: 50px;
	    float: left;
    margin-left: -50px;}
	.services-slider.owl-theme .owl-nav .owl-next{border: 1px solid #1C1A30;
    width: 40px;
    height: 40px;
    border-radius: 50px;
	    float: right;
    margin-right: -50px;}
	.services-slider.owl-theme .owl-nav [class*=owl-]:hover{background:#000;border:1px solid #000}
	.home-services-section2{    width: 100%;
    float: left;
    background-image: url(../images/bgimg.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;}
	.work-ul{width:100%; float:left;}
	.work-ul li{ width: 30%;
    float: left;
    padding: 35px 30px 25px 30px;
    background-color: #FFFFFF24;
    border-radius: 2px 2px 2px 2px;
    text-align: center;
     }
	 .work-ul li:nth-of-type(1){
		 margin-right: 20px;
	 }
	 .work-ul li:nth-of-type(2){
		 margin-right: 20px;
	 }
	 
	 
	.work-ul li h4{    color: #fff; font-size: 45px; font-weight: 800;}
	.work-ul li h6{color: #fff;}
	.home-services-section3{width:100%; float:left}
	.portfolio_section{width:100%; float:left;}
	
	/*our work css stat*/
 
.snip1361 {
     margin-top: 20px;
  position: relative;
  overflow: hidden;
 
 
  width: 100%;
  color: #141414;
  text-align: left;
  line-height: 1.4em;
  font-size: 16px;
}
.snip1361 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.snip1361 img {
  max-width: 100%;
  vertical-align: top;
}
.snip1361 figcaption {
  position: absolute;
  top: calc(77%);
  width: 100%;
 
  padding: 15px 25px 65px;
}
.snip1361 figcaption:before {
  position: absolute;
  content: '';
  z-index: 2;
  bottom: 100%;
  left: 0;
  width: 100%;
  height: 80px;
 
}
.snip1361 h3,
.snip1361 p {
  margin: 0 0 10px;
}
.snip1361 h3 {
font-weight: 500;
    font-size: 20px;
    line-height: 1.2em;
    text-transform: uppercase;
}
.snip1361 p {
  font-size: 0.9em;
  letter-spacing: 1px;
  opacity: 0.9;
}
.snip1361 a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
}
.snip1361:hover figcaption,
.snip1361.hover figcaption {
  top: 80px;
}
.snip1361 h3{color:#fff}
.snip1361 p{color:#fff}
.rightbtn1 {
    float: right;
    margin-top: 30px;
}
.rightbtn1 span {
    padding-left: 20px;
}

	footer {
    width: 100%;
    float: left;
    background: #000;
    padding: 50px 0px 0px;
}
footer h4 {
    text-transform: uppercase;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    padding-bottom: 30px;
}
.contactul-detail {
    width: 100%;
    float: left;
}
.contactul-detail li {
    line-height: 30px;
    float: left;
    margin-bottom: 13px;
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 22px;
}
.contactul-detail li a {
    color: #fff;
}
.contactul-detail li div:first-of-type {
    width: 30px;
    float: left;
    font-size: 20px;
}
.contactul-detail li div:nth-of-type(2) {
    float: left;
    width: 220px;
}
 
#menu-footer-menu {
    width: 100%;
    float: left;
}
#menu-footer-menu li {
    width: 100%;
    float: left;
    position: relative;
    margin-bottom: 8px;
}
#menu-footer-menu li a {
    color: #fff;
    font-size: 14px;
    padding-left: 20px;
    padding-top: 9px;
    text-transform: capitalize;
    float: left;
    font-weight: 400;
    transition: padding 0.2s;
}
#menu-footer-menu li a:before {
    content: '';
    display: block;
    width: 7px;
    height: 7px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    position: absolute;
    left: 0;
    top: 15px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    opacity: .8;
}
 /*social media css start*/
 /*social media css start*/
/* footer social icons */
ul.social-network {
	list-style: none;
	display: inline;
	margin-left:0 !important;
	padding: 0;
}
ul.social-network li {
	display: inline;
	margin: 0 5px;
}


/* footer social icons */
.social-network a.icoRss:hover {
	background-color: #F56505;
}
.social-network a.icoFacebook:hover {
	background-color:#3B5998;
}
.social-network a.icoTwitter:hover {
	background-color:#33ccff;
}
.social-network a.icoGoogle:hover {
	background-color:#BD3518;
}
.social-network a.icoVimeo:hover {
	background-color:#0590B8;
}
.social-network a.icoLinkedin:hover {
	background-color:#007bb7;
}
.social-network a.icoRss:hover i, .social-network a.icoFacebook:hover i, .social-network a.icoTwitter:hover i,
.social-network a.icoGoogle:hover i, .social-network a.icoVimeo:hover i, .social-network a.icoLinkedin:hover i {
	color:#fff;
}
a.socialIcon:hover, .socialHoverClass {
	color:#44BCDD;
}

.social-circle li a {
	display:inline-block;
	position:relative;
	margin:0 auto 0 auto;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	text-align:center;
	width: 50px;
	height: 50px;
	font-size:20px;
}
.social-circle li i {
	margin:0;
	line-height:50px;
	text-align: center;
}

.social-circle li a:hover i, .triggeredHover {
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-ms--transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}
.social-circle i {
    color: #fff;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-o-transition: all 0.8s;
	-ms-transition: all 0.8s;
	transition: all 0.8s;
}
.footer-last {
    margin: 70px 0px 0px;
    float: left;
    width: 100%;
    border-top: 1px solid #1a1a1a;
    padding: 6px 0px;
}.footer-last p {
    font-size: 13px;
}

.wsmenu>.wsmenu-list>li>ul.sub-menu>li{width:20%; float:left;}
.wsmenu>.wsmenu-list>li>ul.sub-menu>li span{    position: absolute;
    bottom: 30px;
    left: 30px;
    color: #fff;
    font-size: 16px;}
	.wsmenu>.wsmenu-list>li>ul.sub-menu>li img{
	 
		  filter: grayscale(1);
	}
	.wsmenu>.wsmenu-list>li>ul.sub-menu>li:hover img{
	 
		 filter: none;
      filter: grayscale(0);
	}
	
	.top-banner-section{
		width: 100%;
    float: left;
  
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
	
	}
	.overlay-banners {
    width: 100%;
    padding: 250px 0px 250px;
    height: 100%;
    background: #00000094;
    color: #fff;
    float: left;
}
.project-section{background-color:#000; float:left; width:100%;}
.projectimg_box1{
    width: 100%;
    overflow: hidden;
}
.projectimg_box1 img {
    width: 100%;
	 filter: grayscale(1);
    transition: all 0.5s ease;
}
.outer-div1:hover img {
    transform: scale(1.2);
		 filter: none;
      filter: grayscale(0);
}
.outer-div1 h3{
	position: absolute;
    bottom: 15px;
    left: 30px;
    color: #fff;
    font-size: 18px;
	}
	.outer-div1{width:100%; float:left; margin-top:30px;}
	.productdetail-ul{width:100%; float:left}
	.productdetail-ul li{width:100%; float:left;    padding: 5px;}
	.productdetail-ul li div{width:50%;    font-size: 15px; color:#bfbfbf; float:left}
	.productdetail-ul li div:nth-of-type(1){color:#fff;}
    .all-projects{background-color:#000; float:left; width:100%}
    .projects-div1 {
    width: 100%;
    overflow: hidden;
    position: relative;
    margin:15px 0px 15px;
}
.projects-div1 img { 
    transition: all 0.5s ease;
	    min-height: 200px;
}
.projects-div1:hover img {
    transform: scale(1.2);
}
 
 .projects-div1 h3{
    float: left;
    width: 100%;
    position: absolute;
    bottom: 15px;
    left: 15px;
    font-size: 18px;
}
.contact-section{width:100%; float:left;background-color:#000}
.input-contact{    background-color: transparent;
    border: none;
    border-radius: 2px;
    padding: 5px;
    border-bottom: 1px solid #bfbfbf;
    color: #bfbfbf;
    width: 100%;
        font-size: 15px;
    float: left;
    margin-bottom: 20px;}
label{
    color: #bfbfbf;
    float: left;
    width: 100%;
    font-size: 14px;
}
.inputbox{  background-color: transparent;
    border: none;
    border-radius: 2px;
    padding: 5px;
        font-size: 15px;
    border-bottom: 1px solid #bfbfbf;
    color: #bfbfbf;
    width: 100%;
    float: left;
    margin-bottom: 20px;}
    .submit-btn{
            border: 1px solid #bfbfbf;
    color: #bfbfbf;
    background-color: transparent;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 10px 40px;
    }
       .submit-btn:hover{
        background-color:#bfbfbf;
        color:#000;
       }
       .contact-detail{width:100%; float:left; margin:0px; padding:0px;}
       .contact-detail li{float:left; width:100%;    padding-bottom: 20px;}
       .contact-detail li  a{
   color: #bfbfbf;;
       }
       .contact-detail li div:nth-of-type(1){ 
          float: left;
    width: 50px;

       }
       .contact-detail li div:nth-of-type(2){
        float: left;
       }
       .map{width:100%; float:left;}
       .irotate{ transform: rotate(135deg);}
       .whatsapp {
    position: fixed;
    width: 55px;
    height: 55px;
    bottom: 40px;
    right: 40px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    z-index: 100;
}
.whatsapp i {
    text-align: center;
    padding-top: 11px;
}
    .whatsapp:hover i{color:#fff;}

    .sub-menu li:nth-of-type(1) a:before{
    content: '';
    width: 100%;
    float: left;
    background-image: url(../images/work1.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 300px;
    }

     .sub-menu li:nth-of-type(2) a:before{
    content: '';
    width: 100%;
    float: left;
    background-image: url(../images/work2.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 300px;
    }

     .sub-menu li:nth-of-type(3) a:before{
    content: '';
    width: 100%;
    float: left;
    background-image: url(../images/work3.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 300px;
    }

     .sub-menu li:nth-of-type(4) a:before{
    content: '';
    width: 100%;
    float: left;
    background-image: url(../images/work4.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 300px;
    }

     .sub-menu li:nth-of-type(5) a:before{
    content: '';
    width: 100%;
    float: left;
    background-image: url(../images/work5.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 300px;
    }
      .sub-menu li:nth-of-type(6){
        float:left; width:100%!important;
      }
     .sub-menu li:nth-of-type(6) a{
        text-transform: uppercase !important;
    border: 1px solid #ddd !important;
    text-align: center !important;
    margin-top: 50px !important;
    color: #fff !important;
    width: 200px;
    margin: 0px auto;
    padding: 12px !important;
    font-size: 17px !important;
    letter-spacing: 1px !important;
     }
    
    .menu-item-has-children a:after {
  content: '';
    display: block;
    width: 8px;
    height: 8px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    position: absolute;
    right: 0;
    top: 34px;
    transform: rotate(137deg);
    -webkit-transform: rotate(137deg);
    -moz-transform: rotate(137deg);
    -ms-transform: rotate(137deg);
    -o-transform: rotate(137deg);
}
.wsmainfull.wsfixed .wsmenu>.wsmenu-list>.menu-item-has-children a:after {
    top: 26px;
}
.sub-menu li a:after{display:none;}

/*cursor code start*/
 

 
 
/*
@media (hover: hover) and (pointer: fine) {
  #cursor {
    z-index: 99999;
    position: fixed;
    left: 0;
    top: 0;
    pointer-events: none;
    will-change: transform;
  }

  #cursor .cursor--inner {
    width: 5vw;
    height: 5vw;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    border: solid 1px #fff;
	z-index:999999
  }
}
*/

/* video styles */
 video {
     width: 100vw;
  
     object-fit: cover;
     position: relative;
     top: 0;
     left: 0;
}
 .video-sectionpart{
    width:100%;
     float:left;
     position: relative;
}
.video-detail{
  
    width: 100%; 
    position: absolute;
    top: 50%;
    left: 50%; 
    -webkit-transform: translate3d(-50%,-12%,0);
    -moz-transform: translate3d(-50%,-12%,0);
    -ms-transform: translate3d(-50%,-12%,0);
    -o-transform: translate3d(-50%,-12%,0);
    transform: translate3d(-50%,-12%,0);
}
 
 .video-detail h2{
     font-size: 55px;
     color: #fff; 
     font-weight: 700; 
     letter-spacing: 3px;
     font-family: 'Quando', serif;
}
.video-detail h6 a{
  font-size: 16px;
  color: #fff;
  text-decoration: underline;
  padding-top: 30px;
  float: left;
  width: 100%;
  font-family: 'Quando', serif;
}
.wsfixed .wssearch1 { 
	padding: 9px 10px 0px 25px;align-content}

 .social-mobile{    margin: 0px;
    padding: 0px;
    position: fixed;
    bottom: 30px;
    right: 10px;    z-index: 9;}
	 .social-mobile li{padding-top: 8px;}
	 .social-mobile li a img{    width: 55px;}
.contactul-detail li{width:100%}
.secondslider-section{display:none;}
/*responsive css start*/
@media only screen and (min-width : 280px) and (max-width : 400px){
	.wsmobileheader .smllogo{ margin-top: 0px !important;
    font-size: 30px !important; }
	.home-slider.owl-carousel .owl-item img {/*height:100vh;*/    object-fit: cover;}
	.contactul-detail li div:first-of-type{width: 20px; font-size: 15px;}
	.contactul-detail li div:nth-of-type(2){width: auto; padding-left: 20px;float:none}
	.secondslider-section{display:block;}
}
@media only screen and (min-width : 401px) and (max-width : 500px){
	.wsmobileheader .smllogo {
 margin-top: 0px !important;
    font-size: 30px !important;
}
	.home-slider.owl-carousel .owl-item img {     object-fit: cover;}
	.contactul-detail li div:first-of-type{width: 20px; font-size: 15px;}
	.contactul-detail li div:nth-of-type(2){width: auto; padding-left: 20px; float:none}
	.secondslider-section{display:block;}
}
 @media screen and (max-width:768px) {
	 .headding{font-size:30px}
	 .overlay-banners{padding: 70px 0px 70px !important;}
	 footer h4{padding-bottom: 20px; padding-top: 20px;}
	 .contactul-detail li{background: #068106; border-radius: 5px; padding: 8px 9px; width: 100%;background-image: linear-gradient(to right top, #068106, #309633, #4cac54, #66c273, #81d893);}
	 .contactul-detail li div:nth-of-type(2){width: auto; padding-left: 20px;float:none}
	 .contact-detail li div:nth-of-type(2) {float:none;    padding-left: 50px;}
}
 @media screen and (max-width:991px) {
	 .wsanimated-arrow span, .wsanimated-arrow span:before, .wsanimated-arrow span:after{
		     background: #fff;
	 }
	 .wsmobileheader{box-shadow:none !important}
	 
	 .home-slider.owl-theme .owl-nav{display:none !important;}
 
	  .overlay-banners{padding: 120px 0px 120px !important;}
	 .wssearch1{display:none;}
	 .wsmobileheader .smllogo{  text-transform: uppercase;   margin-top: 1px;
    font-family: 'Monomaniac One', sans-serif;color: #fff;
    font-size: 30px;}
	 .btn-lets{background-color:transparent;    padding: 9px 0px; color:#000 !important}
	 .btn-lets i{color:#fff !important;      font-size: 18px;  padding: 0px 0px;}
	 .wssearch {padding: 6px 15px 0px 15px !important}
	 .wsmenu>.wsmenu-list { background-color: #47914a !important}
	.mobileno-no {
    position: absolute;
    right: 15px;
    top: 8px;
    background: #068106;
    color: #fff;
    padding: 0px 9px;
    border-radius: 5px;
		    background-image: linear-gradient(to right top, #068106, #309633, #4cac54, #66c273, #81d893);
}
	 .btn-lets:hover{background-color:transparent}
	 .wsmobileheader { background-color: transparent;}
	 
}
@media only screen and (min-width : 992px) and (max-width : 1100px){
	.logoname{font-size: 30px;}
	.desktoplogo{    padding: 13px 0px 0px 0px;}
}