/*-----------------------*/
/* Home page */

#home {
    background-image: url("../images/landing-image-clean.jpg");
    background-size: cover;
    background-repeat: no-repeat;
	height: 100vh;
    /*filter: grayscale(20%);
    -moz-filter: grayscale(20%);
    -ms-filter: grayscale(20%);
    -o-filter: grayscale(20%);
    filter: gray;
    -webkit-filter: grayscale(20%);*/
}

.tagline {
	color: white; 
	font-size: 4.4rem; 
	margin-bottom:2.5rem; 
	margin-top: 28vh;
	line-height: 5rem;
}

.subtagline {
 font-size: 1.8rem; 
 font-weight: 200; 
 margin-bottom: 3rem; 
 line-height: 2.9rem; 
 color: #f6f6f6;
}

@media only screen and (max-width: 1200px) {
  .tagline {
    font-size: 2.7rem;
	line-height: 3rem;
  }
  .subtagline {
	font-size: 1.2rem;
	line-height: 2rem;
  }
}

@media only screen and (max-width: 768px) {
  .tagline {
    font-size: 2rem;
	line-height: 2.5rem;
  }
  .subtagline {
	font-size: 1rem;
	line-height: 1.5rem;
  }
}

.client-img {
	height: 70px;
	margin-bottom: 2rem;
}


#contact-us .form-control{
	border-radius: 2rem;
	font-weight: 300;
}

.contact-btn{
	border: 2px solid #fff;
	color: #fff;
	margin-left: 10px;
}

.contact-btn:hover {
	color: white;
	font-size:1.4rem;
}

#contact-text{
	padding: 1.5rem;
}

.contact-img {
	border-radius: 200px;
	border: 5px solid #eee;
}

/* Carousel */

#quote-carousel {
    padding: 0 10px 30px 10px;
    margin-top: 30px;
    /* Control buttons  */
    /* Previous button  */
    /* Next button  */
    /* Changes the position of the indicators */
    /* Changes the color of the indicators */
}

#quote-carousel .carousel-item img{
	width: 200px;
	height: 200px;
	border-radius: 200px;
	border: 5px solid #eee;
}

#quote-carousel .carousel-control {
    background: none;
    color: #CACACA;
    font-size: 2.3em;
    text-shadow: none;
    margin-top: 30px;
}

#quote-carousel .carousel-inner {
    min-height: 350px;
}

#quote-carousel .carousel-control.left {
    left: -60px;
}
#quote-carousel .carousel-control.right {
    right: -60px;
}

#quote-carousel .carousel-indicators li, .carousel-indicators li.active{
	border-radius: 50%;         
}





/*-----------------------*/
/* About page CSS */

.page-banner {
    padding-top: 150px;
    padding-bottom: 30px;
}

#about-banner{
	
     background-color: #2b1f45;
}

#our-team img{
	width: 200px;
	height: 200px;
	border-radius: 200px;
	border: 5px solid #eee;
}

/*-----------------------*/
/* Solutions page CSS */

#solutions-banner{
	
     background-color: #2b1f45;
}

/*-----------------------*/
/* Utilities */



.container{
	max-width: 1400px !important;
}

.btn-gradient{
 border:1px solid #ffad41; 
 font-size: 1.2rem;
 color: black;
 background-color: #ea6ac9 background-image: -webkit-gradient(linear, left top, left bottom, from(#ea6ac9), to(#fec55e));
 background-image: -webkit-linear-gradient(right, #ea6ac9, #fec55e);
 background-image: -moz-linear-gradient(right, #ea6ac9, #fec55e);
 background-image: -ms-linear-gradient(right, #ea6ac9, #fec55e);
 background-image: -o-linear-gradient(right, #ea6ac9, #fec55e);
 background-image: linear-gradient(to left, #ea6ac9, #fec55e);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ea6ac9, endColorstr=#fec55e);
}


.btn-gradient:hover{
 border:1px solid #ff9913;
 font-size: 1.4rem;
 background-color: #ffaf46; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffaf46), to(#e78404));
 background-image: -webkit-linear-gradient(top, #ffaf46, #e78404);
 background-image: -moz-linear-gradient(top, #ffaf46, #e78404);
 background-image: -ms-linear-gradient(top, #ffaf46, #e78404);
 background-image: -o-linear-gradient(top, #ffaf46, #e78404);
 background-image: linear-gradient(to bottom, #ffaf46, #e78404);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffaf46, endColorstr=#e78404);
}

.bg-gradient-yellow-pink{
	background-color: #ea6ac9 background-image: -webkit-gradient(linear, left top, left bottom, from(#ea6ac9), to(#fec55e));
 background-image: -webkit-linear-gradient(right, #ea6ac9, #fec55e);
 background-image: -moz-linear-gradient(right, #ea6ac9, #fec55e);
 background-image: -ms-linear-gradient(right, #ea6ac9, #fec55e);
 background-image: -o-linear-gradient(right, #ea6ac9, #fec55e);
 background-image: linear-gradient(to left, #ea6ac9, #fec55e);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ea6ac9, endColorstr=#fec55e);

}

.btn-pink{
	color: white;
	font-size: 1.2rem;
	background-color: #ea6ac9;
}

.btn-pink:hover{
	color: white;
	font-size: 1.4rem;
	background-color: #e64dbf;
}

.btn-purple{
	color: white;
	font-size: 1rem;
	background-color:#2b1f45;
}

.navbar-inverse.transparent-nav {
    padding: 1rem 0;
}

.navbar-inverse.transparent-nav.bg-inverse.shrink {
    background-color: #2b1f45 !important;
    padding: 1rem 0;
}

.text-pink {
	color: #ea6ac9;
}

.text-purple {
	color: #2b1f45;
}
.text-white {
	color: white;
}

.bg-purple{
	background-color: #2b1f45 !important;
}

.bg-light-purple {
	background-color: #f0edf7 !important;
}

.bg-pink{
	background-color: #ea6ac9 !important;
}

.bg-yellow {
	background-color: #fec55e !important;
}

.bg-light-gray {
	background-color: #e9e9e9;
}

hr{
	border-top: 4px solid #fec55e;
}





#persee-navbar .navbar-nav .nav-link {
    font-weight: 400;
    font-size: 1.2rem;
    text-transform: capitalize;
}

.persee-btn {
	font-size: 1.2rem;
}