/* CSS Document */
*[hidden] {
    display: none;
}

.hero {
	/*background-image: url('https://explorecivil.net/wp-content/uploads/2015/01/Mtech-Courses-for-Civil-Engineering.jpg');*/
	/*background-image: url('http://media.istockphoto.com/photos/manual-workers-working-picture-id595329266');*/
	background-image: url('/img/female-engineer-bg.jpg');
	/*background-image: url('/img/header-bg.jpg');*/
	background-blend-mode: multiply;
    background-color: steelblue;
	
}

@media all and (max-width: 992px) and (min-width: 465px) {
	.hero {
		background-position: 90% 0%;	
	}
}

@media (max-width: 465px) {
	.hero {
		background-position: 85% 0%;
	}	
}

.company-logo {
	height:50px;
}

@media (min-width: 992px) {
	.features-list div.row {
		margin-bottom:20px;
	}
}

.features-bg .fa {
	color:white;
}

.features-bg {
	/*background-image: url('http://www.engineeringace.co.za/newsite/wp-content/uploads/2013/08/engineering-project-insurance-cover-03.jpg');*/
	/*background-image: url('/img/feature-bg.jpg');*/
	background-image: url('/img/header-bg.jpg');
	background-blend-mode: multiply;
    background-color: steelblue;
	
}

.showcase {
	/*background-image: url('http://www.engineeringace.co.za/newsite/wp-content/uploads/2013/08/engineering-project-insurance-cover-03.jpg');*/
	background-image: url('/img/showcase-bg-steel.jpg');
	background-blend-mode: multiply;
    background-color: steelblue;
	
}

@media (max-width: 1200px) {
	.device {
		left:5% !important;
	}
}

.showcase h1 {
	margin-bottom:5px;
	font-size: 18px;
	font-weight:bold;
}

.showcase .feature {
	margin-bottom:17px;
	
}
.showcase .feature-icon {
	width:40px;
	height:40px;
	line-height:40px;
	border-color:white;
	margin-right:20px;
}

@media (max-width: 465px) {
	.showcase .feature-icon {
		margin-right:auto;
	}	
}
.showcase .feature-icon i {
	color:white;
}

.showcase .read-more-btn {
	color:#73d0da !important;
	font-size:12px;
}

.showcase .feature-content-hidden div.feature-image {
	margin-bottom:15px;
}

.avatar .img-circle {
	
	border: 7px solid #fff;
}

.team-quote .fa {
	margin-left:5px;
}

@media all and (max-width: 992px) and (min-width: 465px) {
	.showcase .feature-content {
		width:80% !important;
	}
}


@media (max-width: 465px) {
	.showcase .feature-image {
		width:auto;
		margin-left:15px;
		margin-right:15px;
		
	}
	
}

.screenshots-intro blockquote small:before {
	content:none;
}

.modal-content ul {
	margin-left:20px;
}

h4.modal-title {
	font-size: 1.3em;
}

.modal-header small {
	font-style: italic;
	color:#575353;
	font-size:80%;
}

.footer-logo img {
	height:42px;
}




.delay-15s {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
}

.delay-20s {
    -webkit-animation-delay: 2.0s;
    animation-delay: 2.0s;
}

.delay-25s {
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s;
}

.delay-30s {
    -webkit-animation-delay: 3.0s;
    animation-delay: 3.0s;
}

.modal-content {
	box-shadow: 0px 0px 16px 6px #575353;
	
}

.modal {
	top:10%;
}