body {
 
font-family: 'Roboto', sans-serif;
}
span{
	color:#3f2a7b;
}
h1{
	font-weight:600;
	font-size:22px;
}
h2{
	font-weight:900;
}
h5, h4{
	font-weight:600;
}
.top-bar{
	background:#8bd3be;
	padding:5px 0;
}
.top-bar p{
	text-transform:uppercase;
	font-weight:700;
	font-size:18px;
}
.navbar{
	background:#fff;
}

.navbar-brand{
	max-width:300px;
	margin:0px;
	padding:0px;
}

.nav-link{
	font-weight:600;
	color:#333 ;
	text-transform:uppercase;
	font-size:18px;
	
}
.nav-item{
	padding:6px 10px;
	color:#333 ;
}

.navbar-dark .navbar-nav .nav-link{
	color:#333;
}
.navbar-dark .navbar-nav .nav-link:hover{
	color:#54387b;
}
.active{
	background: rgb(68,46,116);
    background: linear-gradient(90deg, rgba(68,46,116,1) 0%, rgba(211,115,126,1) 35%, rgba(224,55,107,1) 100%);
	color:#fff !important;
}
.active:hover{
	color:#fff !important;
}

.featured-heading{
	 background: -webkit-linear-gradient(#472f79, #f86376);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight:100;
}

.carousel-item {
  height: 65vh;
  min-height: 130px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.portfolio-item {
  margin-bottom: 30px;
}




.white-intro-box{

	background:#fff;
	z-index:9999999999999;
	box-shadow:0 10px 39px -2px rgba(204,204,204,.6);
	
}
.table .thead-dark th{
	background:#8bd3be;
}
.btn-primary{
	background: rgb(68,46,116);
    background: linear-gradient(90deg, rgba(68,46,116,1) 0%, rgba(211,115,126,1) 35%, rgba(224,55,107,1) 100%);
	color:#fff !important;
	border-radius:0px;
	padding:10px 15px;
}

.white-box{
	background:#fff;
	border-radius:8px;
	box-shadow:0 10px 39px -2px rgba(204,204,204,.6);
	padding-bottom:5px;
}

.white-box h3{
	font-weight:600;
	font-size:18px;
	margin-top:5px;
	text-align:center;
	
}

.soical-links i{
	
	font-size:28px;
	margin-right:10px;	
	color:#ed1c22;
	
}

.nav-footer a{
	color:#000;
}

.nav-footer i{
	color:#8bd3be;
}
.usp-icon{
	padding:100px 20px;
}
.usp-icon i{
	font-size:62px;
	color:#fff;
}

.vertical-align{
	margin-top:150px;
	margin-left:20px;
	margin-right:20px;
	

}

.navbar-dark .navbar-toggler{
	color:#333;
}

.carousel-indicators{
	display:none;
}

.card{
  
    border-radius:0px;
}
.card-body{
	padding:0px;
}
.fservice-name{
	background:#f86376;

	padding:5px 12px;
	color:#fff;
	font-weight:400;
	margin:0px;
}
.big-text{
	color:#333; font-size:68px; line-height:52px;
}

.special-service{
	color:#000;
}

.special-service:hover{
		 background: -webkit-linear-gradient(#472f79, #f86376);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.special-service:hover span{
	color:#f86376;
}

.special-service a{
	color:#f86376;
	
}

.special-service a:hover{
		color:#8bd3be;
}

.green-bg{
	background:#8bd3be;
}

footer{
	
	background:#141417;
	color:#fff;
	
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.navbar-brand{
		width:200px;
	}
	
	.carousel-item{
		height:100px !important;
	}
	
	.vertical-align{
		margin-top:10px;
	}
	.big-text{
		font-size:48px;
		line-height:48px;
	}
	/* -------------------------------------------- */
	/* ------------------Header-------------------- */
	
	/* -------------------------------------------- */
	/* ------------------Content------------------- */
	
	/* -------------------------------------------- */
	/* ------------------Footer-------------------- */
	
	/* -------------------------------------------- */
	/* ------------------Other----------------*---- */
	
}

@media only screen and (max-width: 767px) {
	.navbar-brand{
		width:200px;
	}
	.carousel-item{
		height:100px !important;
	}
	.vertical-align{
		margin-top:10px;
	}
	.big-text{
		font-size:48px;
		line-height:48px;
	}
	/* -------------------------------------------- */
	/* ------------------Header-------------------- */
	
	
	/* -------------------------------------------- */
	/* ------------------Content------------------- */
	
	/* -------------------------------------------- */
	/* ------------------Footer-------------------- */
	
	/* -------------------------------------------- */
	/* ------------------Other----------------*---- */
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	.navbar-brand{
		width:200px;
	}
	.carousel-item{
		height:100px !important;
	}
	.vertical-align{
		margin-top:10px;
	}
	.big-text{
		font-size:48px;
		line-height:48px;
	}
	/* -------------------------------------------- */
	/* ------------------Header-------------------- */

	/* -------------------------------------------- */
	/* ------------------Content------------------- */
	
	/* -------------------------------------------- */
	/* ------------------Footer-------------------- */
	
	/* -------------------------------------------- */
	/* ------------------Other----------------*---- */
}

@media only screen and (max-width: 479px) {
	.navbar-brand{
		width:200px;
	}
	.carousel-item{
		height:100px !important;
	}
	.vertical-align{
		margin-top:10px;
	}
	.big-text{
		font-size:48px;
		line-height:48px;
	}

}

@media only screen and (max-width: 300px){
	.navbar-brand{
		width:200px;
	}
	.carousel-item{
		height:100px !important;
	}
	.vertical-align{
		margin-top:10px;
	}
	
	.big-text{
		font-size:48px;
		line-height:48px;
	}

}

.btn-time {
    border: 1px solid #ccc;
    border-radius: 12px;
    margin: 5px;
}
.table-condensed > tbody > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > thead > tr > th {
    padding: 6px 12px;
}

legend {
    padding: 0 0 6px 0;
    font-size: 16px;
    line-height: inherit;
    border: 0;
    border-bottom: 1px solid #e0e0e0;
}
.datetimepicker table tr td span{
	font-size: 14px;
}

#categories .current, .checkout{
	background-color: #eb2a7b;
    color: #fff;
    border-color: #eb2a7b;	
}

.checkout:hover{
	color: #fff;
}