body{
	font-family:karla,"Helvetica Neue", Helvetica, sans-serif;
}
#header.sticky-header #header-wrap {
	background-color: #fff;
}

#primary-menu ul li>a {
	color: white;
}
.small_para {
	display: none;
}


	#header.dark.transparent-header,
	#header.dark.semi-transparent:not(.mobile_header) {
		background-color: #fff;
	}
.logo_text{
	padding-top: 3rem;
	padding-left: 3rem;
	float: left;
}
#logo img {
	display: inline;
	height: 50px;
}
#logo{
	padding-left: 121px;
	padding-top:4rem;
}
#logo a{
	font-size: 28px;
	font-weight: 400;
	letter-spacing: -0.035em;
    color: #fbf9f7;
	font-family: Karla;
	
}
#logo a.standard-logo{
	display: inline;
}
#primary-menu ul li > a {
	line-height: 28px;
	padding: 0;
	letter-spacing: -0.035em;
	padding-bottom: 0.2rem;
    font-weight: 200;
	font-size: 28px;
	text-transform: capitalize;
	font-family: karla;
}
#primary-menu {
	margin-top: 4rem;
	margin-right: 8rem;
}
#primary-menu ul > li {
	margin-left: 3rem;
}
#primary-menu ul li:hover > a, #primary-menu ul li.current > a{
	border-bottom: 2px solid white;
	color: #fbf9f7;
}
.padding-header{
	padding-top:4rem;
}
#header.transparent-header.full-header #primary-menu > ul {
	border: 0;
}
.grid-wrapper{
	display:grid;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr;
	place-items: center center;
	min-height:100vh;
	margin:0;
}
.slider_heading{
	color:#fff;	
	
	}
	.slider_heading i{
		color:#afafaf;
		font-size:42px;
		margin-left:-34px
	}
	.slider_heading h1{
		max-width:1000px;
		font-size:42px;
		line-height:1.5;
		text-align: center;
		letter-spacing: -0.035em;
		color:#eaeaea;
		margin-top:0;
		font-family: Karla;
	}
	.slider_heading p{
		text-align: right;
		font-size:22px;
		font-family: Karla;
	}
	.transparent-header.full-header.sticky-header #logo{
		padding-left:63px;
		margin-top: -2.8rem;
	}
	.transparent-header.full-header.sticky-header #logo a{
		color: #595959;
	}
	.transparent-header.full-header.sticky-header #logo img{
		height:50px;
	}
	
	.full-header.sticky-header #logo{
		padding-left:63px;
		margin-top: -2.8rem;
	}
	.full-header.sticky-header #logo a{
		color: #595959;
	}
	.full-header.sticky-header #logo img{
		height:50px;
	}
	.carousel-indicators .active{
		background-color:#708e82;
	}
	.slider-wrapper {
	    display:grid;
	    grid-template-columns:1fr;
	    place-items:center center;
	    min-height:100vh;
	    margin:0;
	}
	.slider-wrapper h2{
	   max-width:1000px;
		font-size:42px;
		line-height:1.5;
		text-align: center;
		letter-spacing: -0.035em;
		color:white;
		z-index:2;
		margin-top:0;
		font-family: Karla;
	}
	.transparent-header.full-header.sticky-header #primary-menu {
		margin-top:0.3rem;
	}
	.transparent-header.full-header.sticky-header #primary-menu ul li:hover > a, #primary-menu ul li.current > a{
		color: #595959;
		border-bottom: 2px solid  #708e82;
	}
	.transparent-header.full-header.sticky-header #primary-menu ul li>a {
		color: #a09e99;;
		padding-bottom: 0.3rem;
	}
	
	
	.full-header.sticky-header #primary-menu {
		margin-top:0.3rem;
	}
	.full-header.sticky-header #primary-menu ul li:hover > a, #primary-menu ul li.current > a{
		color: #595959;
		border-bottom: 2px solid  #708e82;
	}
	.full-header.sticky-header #primary-menu ul li>a {
		color: #a09e99;;
		padding-bottom: 0.3rem;
	}
	
	#header.sticky-header:not(.static-sticky), #header.sticky-header:not(.static-sticky) #header-wrap, #header.sticky-header:not(.static-sticky):not(.sticky-style-2):not(.sticky-style-3) #logo img{
		height: 79px;
	}
	#header.transparent-header.full-header #header-wrap {
		border: 0;
	}
	#header.full-header #logo {
		border: 0;
	}
	#header.sticky-header:not(.static-sticky) #primary-menu > ul > li > a{
		padding-bottom: 0.3rem;
	}
	.slider-caption:not(.dark), .slider-caption:not(.dark) h2 {
		top:45vh;
	}
	.bg-img {
		position: relative;
		width: 100%;
		height: 100%;
		background-size: cover;
		
	  }
	  .bg-img:before {
		content: '';
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background-image: linear-gradient(to right, #090909, #403f3e);
    	opacity: .5;
	  }
	  .footer-img {
		position: relative;
		width: 100%;
		height: 100%;
		background-size: cover;
		
	  }
	  .footer-img:before {
		content: '';
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background-image: linear-gradient(to right, #090909, #403f3e);
    	opacity: .3;
	  }
	  	/*============================================================================================
					footer
	================================================================= */
	  .footer-wrapper{
		  display: grid;
		  height: 700px;	  
		  grid-template-rows: 80% 20%;
	  }
	  .upper-grid {
		display: grid;
		margin: 0;
		grid-template-columns: repeat(auto-fit,minmax(315px,1fr));
		place-items:end center;
		padding-top: 210px;
		z-index:2;
	  }
	  .contact-info{
    padding-bottom: 9%;
    padding-right: 28%;
	  }
	  	 .contact-info a{
            padding-left:25px;
	  }
	  .scoal-icon-div{
        padding-left:22%;
	  }
	  .copyright-text{
		display: grid;
		place-self: end center;
		padding-left: 3%;
		
	}
	 #phi .fotter-text {
	     color:white;
	     font-size:14px;
	     font-family:karla;
	 }
	  .footer-wrapper h2{
		font-family:karla;
		font-size:42px;
		color: #fff;
		margin: 0;
		text-transform:none;
		letter-spacing: -0.035em;
	}
	.footer-wrapper a {
		color: white
	}
	.footer-wrapper a>span{
		font-family:karla;
		font-size: 22px;
	}
	  .mobile_header {
		  background-color: #333 !important;
	  }
	  .mobile_logo {
		color: #fff !important ;
	  }
	  .heading-block:after {
		  border: 0;
	  }
	 /* For Mobile Css*/
	  @media screen and (max-width: 992px){
		.small_para {
			display: block;
		}
		.slider_heading{
			padding-top: 27%;
			
		}
		.slider-caption h2{
			font-size: 28px;
		}
		.slider-wrapper h2{
		    font-size:28px;
		}
		#logo a {
			color: #333;
		}
		#logo a{
			padding-top:2rem;
		}
		#header.transparent-header, #header.semi-transparent {
			border: 0;
		}
		#primary-menu {
			margin:0;
			text-align: center
		}
		#primary-menu ul li > a{
		    font-size:20px;
			text-align: left
		}
		.slider_heading h1{
			font-size:28px;
		}
		.contact-info{
		    padding-right:0;
		}
		.scoal-icon-div{
		    padding-left:0;
		}
	
	}
	.active{
	   border-bottom: 2px solid #595959;
	}
    .quote:before {
    top: -17px;
    left: -24px;
    font-size: 36px;
    }
    .quote.blockquote-reverse:before {
        left: -6px;
    }


	/*============================================================================================
					philosopy & team page
	================================================================= */

	/*
	 for mobile version
	*/
	.phi-wrapper {
		display: grid;
		grid-template-columns:1fr;
	}
	.phi-content{
		padding-left: 30px;
		padding-right: 40px;
	}
	.phi-icon{

	}

	.team-wrapper{
		display: grid;
		grid-template-columns:1fr;
	}



	/* ===========================================
		for desktop version
	*/
	@media (min-width: 992.8px){

		.phi-wrapper {
			display: grid;
			grid-template-columns: 60% 40%;
		}
		.team-wrapper {
			display: grid;
			grid-template-columns: 70% 30%;
		}
		.team-content {
			padding-left: 10.5%;
		    max-width: 1187px;
			
		}
		.team-name {
			justify-self: center;
			padding-right: 14%;
		}
		.phi-content{
			padding-left: 10.5%;
			max-width: 1000px;
		}
		.phi-icon {
			padding-right: 10%;
			display: grid;
			grid-template-columns: 50% 50%;
			grid-template-rows:repeat(5,210px);
		}
		.feature-box.fbox-center.icon-padd-left {
			padding-left: 48%
		}

	}
	.feature-box.fbox-center.fbox-effect.icon-padd-left p{
		font-family: karla;
	}
	#phi h1{
		background: linear-gradient(to bottom right,#708e82,#febc77);
		-webkit-text-fill-color: transparent;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		font-family: 'Karla', sans-serif;
		line-height: 1.5;
		font-size: 42px;
		letter-spacing: -0.035em;
	}
	#phi p,ul {
		font-size: 22px;
		color:#a09e99;
		line-height: 1.5;	
		letter-spacing: -0.035em;
	}
	#phi .copyright p {
	font-size:14px;
	color:white
	    
	}
	#ner ul{
		list-style: circle;
	}
	.iconlist {
	  list-style-type: circle;
	    
	}
	#phi .padd {
	    
		padding-top:70px;
	}
	#phi .padd1 {
		padding-top: 63px;
	}

	#phi #primary-menu ul li>a {
		color:#a09e99;
	}
	#phi #logo a{
		color: #595959;
	}
	#phi #primary-menu ul li:hover > a, #primary-menu ul li.current > a{
		border-bottom: 2px solid #595959;
		color: #595959;
	}
	#phi #primary-menu ul li:active{
		border-bottom: 2px solid #595959;
		color: #595959;
	}
	.feature-box.fbox-center .fbox-icon {
		width: 127px;
		height: 127px;
	}

	.feature-box.fbox-center .fbox-icon i {
		font-size: 69px;
		line-height: 1.8;
	}
	#phi h3{
		border: 0;
		text-transform: none;
		font-family: karla;
		color: #a09e99;
		font-size: 22px;
		letter-spacing: -0.035;
		font-weight: 400
	}
	#phi .icon-top-padding{
		padding-top: 30px;
	}
	.feature-box.fbox-center:not(.fbox-bg) h3:after{
		border: 0;
	}
	.contact-info:{
	 padding-bottom: 9%;
    padding-right: 28%;
	}
	#footer h2{
		font-family:karla;
		font-size:42px;
		color: #fff;
		text-transform:none;
		letter-spacing: -0.035em;
	}
	#footer a {
		color: white
	}
	#footer a>span{
		font-family:karla;
		font-size: 26px;
	}
	#footer .padd{
		padding-top:30%;
		position:relative;
		bottom:0px;
	} 
	#footer{
		border: 0;
	}
	#footer .section {
		margin: 0px;
	}
	#footer .padd_icon{
		padding-left:15%;
	}
	.copyright {
			padding-top:12%;
			text-align: right;
			padding-right:1%;
			display: block
		
		}
		.min_height {
			min-height: 900px;
		}
	@media (min-width: 1200px){
		.padd-container {
			max-width: 1170px;
		}
		.section_padd {
		    padding-top: 164px;
		}
		.icon_padding {
			padding-left:  148px;
		}

    .quote:before{
        left:7px;
    }
    
}


@media (max-width: 992px){
		#phi h1{
		    font-size:28px;
		}
		.quote.blockquote-reverse:before {
			left:-21px;
		}
		#phi p,ul{
		    font-size:18px;
		}
		.copyright{
			padding-top:20%;
			padding-left: 5%;
			text-align: left;
		}
		#footer .padd_icon{
			padding-left:23%
		}
		.min_height {
			min-height: 400px;
		}
		.standard-logo{
			padding-left: 10px;
		}
		#logo a{
			font-size: 25px;
		}
	  	.quote:before {
		    font-size:25px;
		    left:8px;
		}
	}
	@media (max-width: 700px){
	    .slider_heading h1{
	        max-width:210px;
	    }
	}