*
{
	margin: 0;
	padding: 0;
}

#nav-bar
{
	position: sticky;
	top: 0;
	z-index: 10;
}
.navbar-brand img
{
	height: 60px;
	padding-left: 50px;

}
.navbar-nav li
{
	padding: 0 10px;

}
.navbar-nav li a 
{
	float: right;
	text-align: left;
}
#nav-bar ul li a:hover{
	color: #ff4dd2!important;

}
.navbar
{
	background: #fff;
}
.navbar-toggler
{
	border: none!important;

}
.nav-link
{
	color: black!important;
	font-weight: 600;
	font-size: 16px;
}
/*--Slider---*/
#slider
{
	width: 100%;

}
.carousel-caption
{
	top: 50%;
	transform: translateY(-50%);
	bottom: initial!important;
}
.carousel-caption h5
{
	color:#fff;
	font-size: 80px;
}

/*-----About-----*/

#about
{
	padding-top: 0px;
	padding-bottom: 50px;
	color:black;
	font-size: 18px;
}
#about h1 
{
text-align: center;
color:black !important;
padding-bottom: 10px;
}
#services h1::after
{
	content: '';
	background: #efefef;
	display: block;
	height: 3px;
	width: 170px;
	margin: 20px auto 5px;
}
#about h2 
{
text-align: center;
color:black !important;
font-size: 40px;
padding-bottom: 10px;
}
#about h3 
{
text-align: center;
color:#ff3399 !important;
font-size: 36px;
padding-top: 10px;
padding-bottom: 10px;
}

.about-content
{
	padding-top: 20px;
}


/*------------Services-----*/

#services

{
	background-image: linear-gradient(rgba(0,0,0,0.8), rgba(0,0,0,0.8)), url("images/services.jpeg");
	background-size: cover;
	background-position: center;
	color: #efefef !important;
	background-attachment: fixed;
	padding-top: 50px;
	padding-bottom: 50px;

}

#services h1 
{
text-align: center;
color:#efefef !important;
font-size: 40px;
padding-bottom: 10px;

}
#services h1::after
{
	content: '';
	background: #efefef;
	display: block;
	height: 3px;
	width: 170px;
	margin: 20px auto 5px;
}
.services
{
	margin-top: 40px;


}
.icon
{
	font-size: 40px;
	margin: 20px auto;
	padding: 20px;
	height: 80px;
	width: 80px;
	border: 1px solid #fff;
	border-radius: 50%;

}
#services p
{
	font-size: 18px;
	margin-top: 20px;
	color: #ccc;

}
.services .col-md-3:hover{
	background: #007bff;
	cursor: pointer;
	transition: 0.7s;
}

/*------- Our Team--------*/
#team 
{
	padding-top: 50px;
	padding-bottom: 50px;
	color: #555;

}

h1 
{

 text-align: center;
 color:#555!important;
 padding-bottom: 10px;

}

h1::after
{
	content: '';
	background: #007bff;
	display: block;
	height: 3px;
	width: 170px;
	margin: 20px auto 5px;
}
.profile.pic
{
	margin:25px;
	width: 100px;
}
.profile-pic .img-box
{
	opacity:1;
	display: block;
	position:relative;

}
.profile-pic .img-box img
{
	filter: grayscale(1);
}
.profile-pic .img-box img:hover
{
	filter:grayscale(0);
	cursor: pointer;
}
.profile-pic h2
{
	font-size: 15px;
	font-weight: bold;
	margin-top: 15px;
	color: #007bff !important;
}
.profile-pic h3
{
	font-size: 15px;
	font-weight: bold;
	margin-top: 15px;
}
#team .fa
{
	height: 25px;
	width:25px;
	color: #007bff !important;
	background: #fff;
	padding: 4px;
	border-radius: 50%;
}
.img-box ul
{
	padding: 15px 0;
	position: absolute;
	z-index: 2;
	bottom:0;
	left: 50%;
	transform: translateX(-50%);
	opacity:0;
}
.img-box ul li
{
	padding: 5px;
	display: inline-block;

}
.img-box:hover ul
{
	opacity:1;
}
.img-box ul, .img-box ul li
{
	transition: 0.5s;
}

/*------Promo------*/
#promo
{
	background-image: linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7)), url("images/background.jpeg");
	background-size: cover;
	background-position: center;
	color: #fff;
	background-attachment: fixed;
	text-align: center;
	padding: 100px;
	font-family: sans-serif;
	font-size: 38px;
}
/*----price plan------*/

#price
{
	padding: 40px 0;
	background: #efefef;
}
.single-price
{
	margin: 10px auto;
	display: inline;
	float:left;
	width: 100%;
	background-color: #fff;
	transition:0.5s;
}
.single-price:hover
{
	box-shadow: 0 2px 20px #333;
}
.price-head
{
	background-color:#ff4dd2;
	display: inline;
	float:left;
	padding:10px 5px;
	text-align: center;
	width: 100%;
}
.price-head h2
{
	color: #fff;
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 5px;
	padding: 5px;
	text-transform: uppercase;
}
.price-head p
{
 font-size: 25px;
 color:#ccc;
 font-weight: bold;
 line-height: 30px;
}
#price span
{
	font-size: 15px;
}
.price-content
{
	display: inline;
	float: left;
	width: 100%;
	padding: 0 15px;

}

.price-content ul li
{
	border-bottom: 1px solid #efefef;
	padding: 15px 10px;
	list-style: none;
}
.fa-check-circle
{
	color: green;
	margin-right: 10px
	font-size:20px;
}
a
{
	text-decoration: none!important
	color:#fff!important;
}

/*-----------------*/

#gallery
{
	background-image: linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7)), url("images/services.jpeg");
	background-size: cover;
	background-position: center;
	color: #fff;
	background-attachment: fixed;
	text-align: center;
	padding: 100px;
	font-family: sans-serif;
	font-size: 38px
}
/*-------------*/
#contact
{
	background: #efefef;
	padding-top: 40px;
	padding-bottom:40px;
	color: #777;
}

.contact-form
{
	padding: 15px;
}
.form-control
{
	border-radius: 0 !important;
	border:none!important;
}
::placeholder
{
color: #999 !important;
}
.follow
{
	background: #fff;
	padding: 10px;
	margin: 15px;
}
.contact-info .fa{
	margin: 10px;
	color: #007bff;
	font-weight: bold;
}
.google-maps
{
	padding: 15px;
}

.facebook-feed
{
	padding: 15px;
}
#footer
{
background: #333;
color: #fff;
padding:12px;
}
.fa-heart-o
{
	margin: 3px;
	color: red;
	
}


/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {
  
  //CSS
  
}

/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {
  
  //CSS
  
}

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {
  
  //CSS
  
}

/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  
  //CSS
  
}

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {
  
  //CSS
  
}

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {
  
  //CSS
  
}