@import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i');

body{
	font-family: 'Lato', sans-serif;
}


[data-aos="fade-right"].aos-animate {
  opacity: 1;
}


.logo {
  width:261px;
}

.cscs {
	font-size: 3.2rem !important;
}

.spc {
	font-size: 3.5rem;
}

h4.card-title {
	font-size: 1.9rem;
}

.we {
	font-size: 3rem;
}


.card-body  p{
	font-size: 1rem;
}


.card{
	transition: box-shadow, .3s;
	border-radius: 0px;
	border: none;
}
.card-body {
	background-color: #f8f8f8;
}

.card:hover {
	-webkit-box-shadow: 2px 8px 17px -8px rgba(0,0,0,0.75);
	-moz-box-shadow: 2px 8px 17px -8px rgba(0,0,0,0.75);
	box-shadow: 2px 8px 17px -8px rgba(0,0,0,0.75);
	cursor: pointer;
}

.card-body {
	min-height: 208px;
}

.card-img-1 {
	max-height: 228.14px;
}

img {
	border: none;
	outline: initial !important;
}

.key-c {
	border-bottom: 5px solid black;
}

.ion-text {
	font-size: 12px;
}

.bg {
  background-image:url(../../assets/img/supp_1.jpg);
  background-size:cover;
  background-position:center center;
}

.highlight-clean {
  background-color:rgba(0,0,0,0.5);
}

.highlight-blue {
	background-color: #002f99b8;
}

 @keyframes fadeIn {
	0% {opacity: 0;}
	100% {opacity: 1;}
 }

.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
 }
 
 @keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.rls {
	font-size: 4em;
}

.iw-serve {
	font-size: 68px;
	letter-spacing: -2px;
	text-transform: uppercase;
	line-height: 55px;
}

.iw-serve-p {
	color: #666;
	margin-top: 15px;
}

.intro-p {
	border-left: 2px solid #c7c7c7
}


.industries {
	width: 100%;
    padding: 10px;
    margin: 20px auto;
}

.ind-icon {
	
}

.feature span {
	margin-top: 0px;
	line-height: 15px;
}

blockquote {
	color: white;
}

@media screen and (max-width: 768px){
	.iw-serve {
		font-size: 3.2rem;
	}
}