*{
	box-sizing: border-box;

}

html{
	scroll-behavior: smooth;
}


body{
	
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	
	overflow-x: hidden;
    
}



.nav-scroll-color{
	background-color: #fff;
	transition: all .5s ease-in-out;
	box-shadow: rgba(17, 17, 26, 0.1) 0px 1px 0px;
}




.navbar{
	padding: 0;
	z-index: 10;	
	
}

.navbar-brand img{
	width: 250px;
}



.nav-social i{
	color: #000;
	font-size: 17px;
	border: 1px solid #000;
	padding: 8px;
	border-radius: 50%;
	margin-right: 5px;
}


.nav-social i:hover{
   background-color: #ff6161;
   border: 1px solid #ff6161;
   color:#fff;
   transition: 1s ease;
}

.navbar-nav{
 margin-right: 20px;
}

.navbar-nav .active{
	background-color: #ff6161;
	color: #fff;
}

.navbar-nav .active .nav-link{
	color: #fff !important;
}

.navbar-nav .nav-item{
	padding: 3px 20px;
	margin-left: 2px;
}

.navbar-nav .nav-item:hover{
	background-color: #ff6161;
	transition: 1s ease;
	
}


.navbar-nav .nav-link{
	font-size: 16px;
	font-weight: 600;
	color: #000 !important;
}

.navbar-nav .nav-link:hover{
	color: #fff !important;
	transition: 1s ease;
}




.navbar-toggler{
	
	outline: 0px !important;
	border-radius: 0px;
	border-color: transparent !important;

}

.navbar-toggler .fa-bars{
	color: #000;
}


.slider{
	margin-top: -140px;
	z-index: -1;
}

.mob-slider{
	display: none;
}

	
	.carousel-caption{
		position: absolute;
		
		left: 9%;
		text-align: left;
		top: 40%;
	
	}

	.carousel-caption h5 {
		color: #fff;
		font-size: 22px;
		font-weight: 300;
	}
	.carousel-caption h1 {
		color:#fff;
		font-size:60px;
		font-weight:300;
	}
	
	.carousel-caption p {
		color:#fff;
		font-size: 16px;
		font-weight: 400;
		margin-bottom: 30px;
	}

	.carousel-item img{
		filter:brightness(.6);
		
	}


	.slider-btn1{
		padding: 10px 30px;
		border: 1px solid #fff;
		color:#000;
		font-weight: 400;
		font-size: 18px;
		margin-bottom: 50px;
		display: inline-block;
		background-color: #fff;
	}


	.slider-btn1:hover{
		background-color:transparent;
		text-decoration: none;
		color: #fff;
		transition: 1s ease;
	}
	

	.slider-btn2{
		padding: 10px 30px;
		border: 1px solid #fff;
		color:#fff;
		font-weight: 400;
		font-size: 18px;
		margin-bottom: 50px;
		display: inline-block;
		background-color: transparent;
		margin-left: 20px;
		transition: 1s ease;
	}

	.slider-btn2:hover{
		background-color:#fff;
		text-decoration: none;
		color: #000;
	}


	.home-section1{
		padding: 100px 0px;
		background-color: #fff;
		padding-bottom: 200px;
	}


    .home-sec1-part1{
		position: relative;
	}

    .home-sec1-img1{
		position: absolute;
		z-index: 99;
		max-width: 70%;
		left: 0;
		top: 300px;
		border: 5px solid #fff;
	}

	.home-sec1-img2{
		position: absolute;
		z-index: 98;
		max-width: 60%;
		right: 0;
		border: 5px solid rgb(215, 215, 215, 0.17);;
	}

	.head-underline1{
		width: 50px;
		height: 4px;
		background-color: #ff6161;
	}
	

	.home-sec1-part2 h5{
		color: #ff6161;
		font-size: 16px;
		font-weight: 400;
	}

	.home-sec1-part2 h2{
		color:  #191919;
		font-size: 35px;
		font-weight:700;
	}

	.home-sec1-part2 p{
		color:  #888888;
		font-size: 17px;
		font-weight: 300;
		margin-top: 10px;
		margin-bottom: 30px;
	}

	.home-sec1-part2 h4{
		color:  #191919;
		font-size: 15px;
		font-weight: 700;
		margin-bottom: 10px;
		
	}

	.home-sec1-part2 i{
		color: #ff6161;
		padding: 5px;
		border-radius: 50%;
		border: 1px solid #ff6161;
		margin-right: 10px;
	}


	.home-extra-section{
		padding: 100px 0px;
		background-color: #ff6161;
	  }
  
	  .home-extra-section h2{
		  color: #fff;
		  font-size: 35px;
		  
		  font-weight: 700;
		  
	  }
  
	  .home-extra-section h3{
		  color: #fff;
		  font-size: 25px;
		  
		  font-weight: 300;
		  
	  }
  
  
	  .home-extra-section p{
		  color: #fff;
		  font-size: 15px;	
		  font-weight: 400;
	  }
  
  
	  .home-extra-section video{
		 filter: brightness(1);
		 border-radius: 3px;
	  }
  
	  .home-extra-section-btn{
		  padding: 10px 20px;
		  color: #ffff;
		  background-color: transparent;
		  border: 1px solid #fff;
		  display: inline-block;
		  margin-top: 10px;
	  }
  
	  .home-extra-section-btn:hover{
		  transition: 1s ease;
		  background-color: #fff;
		  color: #ff6161;
		  text-decoration: none;
	  }
  




	.home-section2{
		padding: 100px 0px;
		background-color: rgb(215, 215, 215, 0.17);
		padding-bottom: 70px;
	}

	.home-section2 h2{
		text-align: center;
		color:  #191919;
		font-size: 35px;
		font-weight:700;
	}

	 .head-underline{
		margin: 0 auto;
		margin-bottom: 60px;
		width: 50px;
		height: 4px;
		background-color: #ff6161;
	}


	.home-sec2-card-wrap{
        background-color: #fff;
		padding: 40px 30px;
		margin-bottom: 30px;
		box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, .075);
	}

	.home-sec2-card-wrap:hover{
		transform: translateY(-10px);
		transition: 1s ease;
	}

	.home-sec2-card-icon {
        font-size: 30px !important;
		color: #191919;
		margin-bottom: 30px;
		
	} 

	.home-sec2-card-wrap h3{
      font-size: 20px;
	  color: #191919;
	  font-weight: 300;
	  margin-bottom: 20px;
	}

	.home-sec2-card-wrap p{
		font-size: 16px;
		color: #888888;
		font-weight: 300;
	  }
  

  .home-section3{
	padding: 0px 0px;
	 
    position: relative;
	
}

.home-video-text{
		position: absolute;
		text-align: center;
		
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		z-index: 3;
}

video{
	filter: brightness(.5);	
}


.home-section3 h2{
	color: #fff;
	font-size: 65px;
	text-align: center;
	font-weight: 700;
}

.home-section3 p{
	color: #fff;
	font-size: 19px;
	text-align: center;
	font-weight: 300;
	margin-top: 30px;
}

.home-video-btn{
  padding: 10px 30px;
  border: 1px solid #fff;
  color: #fff;
  display: inline-block;
  margin-top: 40px;
  border: 1px solid #fff;
}

.home-video-btn:hover{
    background-color: #fff;
	transition: 1s ease;
	color: #000;
	text-decoration: none;
}


.home-section4{
	padding: 90px 0px;
	background-color: #fff;
	text-align: center;
}

.home-section4 h2{
	text-align: center;
  color: #191919;
  font-size: 35px;
  font-weight: 700
}

.home-sec4-btn{
	padding: 8px 30px;
	background-color: #ff6161;
	color: #fff;
	display: inline-block;
	font-size: 17px;
	margin-top: 30px;
	border: 1px solid #ff6161;
}


.home-sec4-btn:hover{
	text-decoration: none;
    background-color: transparent;
	color: #ff6161;
	transition: 1s ease;
}

.home-section4 img{
   
	
	-webkit-transition: -webkit-transform .5s ease;
	transition: -webkit-transform .5s ease;
	-o-transition: transform .5s ease;
	transition: transform .5s ease;
	transition: transform .5s ease, -webkit-transform .5s ease;
}


.home-section4 img:hover{
	-webkit-transform: scale(1.5);
	    -ms-transform: scale(1.5);
	        transform: scale(1.5);
}

.gal-img{
	overflow: hidden;
     margin-bottom: 20px;
}

  
.home-section5{
	padding: 100px 0px;
	background: linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7)),url(images/home-sec5-bg.jpg);
   background-size: cover;
   background-position: center;
   background-attachment: fixed;
}  

.home-section5 h2{
  color: #fff;
  font-size: 60px;
  text-align: center;
  font-weight: 700;
  
}


.home-section5 p{
	color: #fff;
	font-size: 19px;
	text-align: center;
	font-weight: 300;
	margin-top: 20px;
	margin-bottom: 50px;
}


.home-section6{
	padding: 90px 0px;
	background-color: rgb(215, 215, 215, 0.17);
	
}

.home-section6 img{
	border-radius: 3px;
}

.home-section6 h2{
	text-align: center;
	font-size: 35px;
	color: #191919;
	font-weight: 700;
}



.home-sec6-news-content{
	box-shadow: 0 3px 15px -5px rgba(68, 107, 138, 0.3);
	padding: 20px;
	margin-bottom: 30px;
}

.home-sec6-news-category{
	border-right: 1px solid #000;
	color: #ff6161;
	font-size: 15px;
	font-weight: 600;
	padding-right: 10px;
}

.home-sec6-news-date{
	color: #666;
	font-size: 15px;
	font-weight: 600;
	padding-left: 5px;
}

.home-sec6-news-content h3{
	color: #191919;
	font-size: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.home-sec6-news-content h3:hover{
	color: #666;
}

.home-sec6-news-content a:hover{
	text-decoration: none;
}

.home-sec6-news-content p{
	color: #888888;
	font-size: 16px;
}

.home-sec6-news-btn{
	font-weight: 600;
	
}


footer{
	background-color: #282832;
	padding: 80px 0px;
	padding-bottom: 20px;
}

footer h3{
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 23px;
}

footer p{
	color: #aaa;
	margin-top: 20px;
	margin-bottom: 20px;
}

footer i{
	color: #fff;
	font-size: 30px;
	margin-right: 10px;
}

footer i:hover{
	color: #888888;
}

footer h4{
	color: #fff;
	margin-bottom: 20px;
	font-weight: 600;
	font-size: 18px;
}

footer a{
	color: #aaa;
	font-size: 16px;
	font-weight: 600;
	
}

footer a:hover{
	color: #fff;
}


footer h6{
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	margin-top: 30px;
}

.footer-contact-wrap p{
	margin-top: 0px;
	font-size: 15px;
}

.footer-bottom{
	text-align: center;
	border-top:1px solid #fff;
	margin-top: 50px;
}


 /*.............aboutus page starts......*/

.banner{
	height: 40vh;
	background-color: #ff6161;
    z-index: -1;

	display: flex;
	text-align: center;
	align-items: center;

	background: linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)),url(images/home-slider3.jpg);
   background-size: cover;
   background-position: center;
   
}

.banner h3{
	color: #fff;
	font-size: 18px;
	font-weight: 300;
}


.aboutus-section1{
	padding: 100px 0px;
	background-color: #fff;
}


.aboutus-section1 h2{
	color:  #191919;
		font-size: 35px;
		font-weight:700;
}


.aboutus-section1 p{
	color: #888888;
  font-size: 17px;
  font-weight: 300;
  margin-top: 20px;
}


.aboutus-section1 h4{
	color: #191919;
  font-size: 16px;
  font-weight: 400;
  margin-top: 18px;
}

.aboutus-section1 i{
	background-color: #888888;
	padding: 5px;
	border-radius: 50%;
	color: #fff;
	font-size: 10px;
	margin-right: 10px;
}

.aboutus-sec1-btn {
	color: #191919;
	padding: 10px 25px;
	border: 2px solid #191919;
	border-radius: 20px;
	display: inline-block;
	margin-top: 20px;
	font-size: 15px;
}

.aboutus-sec1-btn:hover{
	background-color: #191919;
	color: #fff;
	transition: 1s ease;
	text-decoration: none;
}


.aboutus-section1 img{
	border-radius: 3px;
}



.aboutus-section2{
	padding: 100px 0px;
	text-align: center;
	background: linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7)),url(images/home-news-img1.jpg);
   background-size: cover;
   background-position: center;
   background-attachment: fixed;
}

.aboutus-section2 h3{
	color: #fff;
	font-size: 50px;
	font-weight: 700;
}

.aboutus-section2 h4{
	color: #fff;
	font-size: 20px;
	font-weight: 600;
}

/*.............portfolio page......*/

.portfolio-banner{
	height: 40vh;
	background-color: #ff6161;
    z-index: -1;

	display: flex;
	text-align: center;
	align-items: center;

	background: linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7)),url(images/portfolio-banner.jpg);
   background-size: cover;
   background-position: center;
   
}

 .portfolio-banner h3{
	color: #fff;
	font-size: 18px;
	font-weight: 300;
}

.portfolio-section1{
	padding: 100px 0px;
	background-color: #fff;
}

.portfolio-section1 h2{
	text-align: center;
	color:  #191919;
		font-size: 35px;
		font-weight:700;
		margin-bottom: 50px;
}

.portfolio-content-wrap .nav-link{
	background-color:transparent;
	border: 0px;
	font-size: 15px;
	color: #191919;
	font-weight: 400;
	padding: 5px 15px;
	cursor: pointer;
	margin-bottom: 20px;
}

.portfolio-content-wrap .nav-link:hover{
	color: #000;
}

.nav-pills .nav-link.active{
	background-color: #ff6161;
	border-radius: 40px;
}

.portfolio-content-wrap img{
	margin-bottom: 30px;
}


.tab-content{
	margin-top: 40px;
}

.portfolio-videos-wrap iframe{
	margin-bottom: 30px;
}

.portfolio-product-wrap iframe{
	margin-bottom: 30px;
}

.portfolio-event-wrap iframe{
	margin-bottom: 30px;
}

.portfolio-interviews-wrap iframe{
	margin-bottom: 30px;
}


 .portfolio-section1 h5{
	   text-align: center !important;
	   color: #191919;
		font-size: 35px;
		font-weight:700;
		
		margin-top: 70px;
}


/*.............news page......*/
.news-banner{
	height: 40vh;
	background-color: #ff6161;
    z-index: -1;

	display: flex;
	text-align: center;
	align-items: center;

	background: linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7)),url(images/news-banner.jpg);
   background-size: cover;
   background-position: center;
   
}

.news-banner h3{
	color: #fff;
	font-size: 18px;
	font-weight: 300;
}


.news-section1{
	padding: 100px 0px;
	background-color: #fff;
}


.news-section-part1 img{
    border-radius: 3px;
}

.news-category{
	color: #ff6161;
	font-size: 18px;
	border-right: 1px solid #191919;
	padding-right: 20px;
	
}

.news-date{
	color: #888888;
	font-size: 17px;
}

.news-section-part1 h4{
	margin-top: 20px;
}

.news-section-part1 h3{
	color: #000;
	font-size: 25px;
	font-weight: 700;
	margin-top: 20px;
	margin-bottom: 20px;
}

.news-section-part2 h5{
	font-size: 20px;
	color: #000;
	font-weight: 600;
	margin-bottom: 10px;
}

.news-section-part2-content{
	margin-top: 30px;
}

.news-section-part2-content h3{
    font-size: 18px;
	font-weight: 600;
	color: #282832;
	margin: 0;
	padding: 0;
	margin-left: 10px;
}

.news-section-part2-content h4{
	font-size: 17px;
	font-weight: 400;
	color: #888888;
	margin-left: 10px;
	
}

.news-section-part2-content img{
	margin-bottom: 30px;
	border-radius: 3px;
}




/*.............contactus page......*/

.contactus-banner{
	height: 40vh;
	background-color: #ff6161;
    z-index: -1;

	display: flex;
	text-align: center;
	align-items: center;

	background: linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7)),url(images/contactus-banner.jpg);
   background-size: cover;
   background-position: center;
   
}

.contactus-banner h3{
	color: #fff;
	font-size: 18px;
	font-weight: 300;
}
.contactus-section{
    padding: 100px 0px;
}



.contactus-sec1 h2{
    color:#000;
    font-weight: 600;
    font-size: 35px;  
}


.contactus-sec1-ul{
    height: 2px;
    width: 90px;
    background: #ff6161;
    margin-top: 20px;
    margin-bottom: 20px;
    
}


.contactus-sec1 h3{
    margin-top: 20px;
    color: #888888;
    font-weight: 400;
    font-size: 15px; 
}

.contactus-sec1 h4{
   margin-top: 60px;
   font-size: 20px;
   font-weight: 600;
   
}

.contactus-sec1 h6{
    font-size: 16px;
    color: #888888;
    margin-top: 10px;
    font-weight: 400;
}

.contactus-sec1 h6 i{
    margin-right: 10px;
    background: #ff6161;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 19px;
}


.contactus-sec2 h3{
    font-size: 20px;
    font-weight: 600;
}


.contactus-tb{
    width: 100%;
    border: 1px solid #ddd;
    height: 50px;
    margin-top: 20px;
    padding-left: 20px;
}

.contactus-ta{
    width: 100%;
    border: 1px solid #ddd;
    height: 150px;
    margin-top: 20px;
    padding-left: 20px;
    padding-top: 20px;
    margin-bottom: 40px;
}


.contactus-btn{
    padding: 15px 20px;
    background-color: #ff6161;
    color: #fff;
    border: 1px solid #ff6161;
    
}

.contactus-btn:hover{
    text-decoration: none;
    background-color: #fff;
   
    color: #ff6161;
    transition: 1s ease;
}






/*.............meadia queries......*/

@media screen and (max-width: 1200px) {
	.home-section1{
		padding-bottom: 150px;
	}
}




@media screen and (max-width: 992px) {
  

	.nav-social{
      display: none;
	}


	.navbar-nav{
		position: static;
		left:none;
		transform:none;
	}

	.slider{
		margin-top: 0px;
	}	

	.home-section1{
		padding: 50px 0px;
	}

	.home-sec1-img1{
		position: static;
	
		max-width: 100%;
		
		border: 0;
	}

	.home-sec1-img2{
		position: absolute;
		display: none;
	}
	

	
}

@media screen and (max-width: 900px) {

.carousel-caption {
	top:30%;
	
}

.carousel-caption h1 {
	font-size: 40px;
}



}



@media screen and (max-width: 768px) {


     .main-slider{
		display: none;
	 }

	 .mob-slider{
		display: block;
	 }

	.carousel-caption {
		position: absolute;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

    .carousel-caption h1 {
		font-size: 30px;
		text-align: center;
		display: none;
	}

	.carousel-caption p {
		text-align: center;
		font-size: 15px;
		font-weight: 300;
	}

	.carousel-caption h5{
		font-size: 42px;
		font-weight: 300;
		text-align: center;
		text-transform: uppercase;
		
	}

	.slider-btn2{
		margin: 0 auto;
		font-size: 14px;
		padding:10px 20px;
		display: inline-block;
	}

	.slider-btn1{
		display: none;
		
	}
	
	

	.home-section1{
		padding: 50px 0px;
	}

	.home-section1-colum-set{
		display: flex;
		flex-direction: column-reverse;
	}

	.home-sec1-part2 h2{
		font-size: 25px;
	}

	.home-sec1-part2 p{
		margin-bottom: 20px;
		margin-top: 20px;
	}


	.home-sec1-img1{
		margin-top: 30px;
		border-radius: 3px;
	}


	.home-extra-section{
		padding: 50px 0px;
	}

	.home-extra-section-btn{
		margin-bottom: 30px;
	}

	.home-extra-section h2{
		font-size: 25px;
	}


	.home-section2{
		padding: 50px 0px;
		
	}

	.home-section2 h2{
		font-size: 25px;
	}

	

	.home-section3 p{
		display: none;
	}

	.home-section3 h2{
		font-size: 25px;
	}

    .home-video-btn{
		margin-top: 20px;
	}

	.home-section4{
		padding: 50px 0px;
		
	}

	.home-section4 h2{
		font-size: 25px;
	}

	.home-section5{
		padding: 50px 0px;
		
	}

	.home-section5 h2{
		font-size: 40px;
	}

	.home-section6{
		padding: 50px 0px;
		
	}

	.home-section6 h2{
		font-size: 25px;
	}

	footer{
		padding-top: 50px;
		text-align: center;
		padding-bottom: 10px;
	}
	

	footer h4{
		margin-top: 40px;
	}

	footer i{
		margin-top: 20px;
	}

	

	.aboutus-section1{
		padding: 50px 0px;
	}	

	.aboutus-section1 h2{
		font-size: 25px;
	}

    .aboutus-sec1-btn {
       margin-bottom: 30px;
	}

	.aboutus-section2{
		padding: 60px 0px;
	}

	.aboutus-section2 h4{
		margin-bottom: 50px;
		font-size: 18px;
	}

	.portfolio-section1{
		padding: 50px 0px;
		
	}

	.portfolio-section1 h5{
		
		 font-size: 25px;
		 font-weight:700;
		 margin-top: 30px;
 }

	.contactus-section{
		padding: 50px 0px;
		padding-bottom: 70px;
	}

	.contactus-sec2 h3{
		margin-top: 40px;
	}

	.contactus-sec1 h4{
		margin-top: 40px;
	}

	.news-section1{
		padding: 70px 0px;
		padding-bottom: 30px;
	}

	.news-section-part2 h5{
		margin-top: 30px;
	}

	.news-section-part2-content img{
		margin-bottom: 10px;
	}
	
    .news-section-part2-content h4{
		margin-bottom: 30px;
	}

}

@media screen and (max-width: 450px) {
	
.navbar-brand img{
	width: 200px;
}



	
}