/* Main CSS Document */
	@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,900');


/* wildcard styling */
	* {
	  transition: 0.5s;

	  box-sizing: border-box;
	  margin: 0;
	  padding: 0;

		border: 0;
	}


/* Site wide Element Defaults */
	body {
	  font-family: 'Roboto', Arial, sans-serif;
		color: #333333;
		font-size: 13.5px;
		line-height: 150%;
	}
	a {
	  border: none;

		color: #0769b2;
		text-decoration: none;
	}
		a:hover {
			color: #87ac4d;
	  	text-decoration:none;
		}
	h1, h2, h3, h4, h5, h6 {
		color: #0769b2;
		line-height: 100%;
		font-weight: normal;
		letter-spacing: -1px;

		padding-bottom: 5px;
	}
	ul, ol {
		margin-left: 30px;
	}
	button a {
		color: #FFFFFF;
	}
	iframe {
		width: 100%;
	}


/* Create Site wide reuseable Classes */
	.image {
		overflow: hidden;
	}
		.image img {
			width: 100%;
		}

	.overlay {
		position: fixed;
		z-index: 10000;
		top: 5%;
		left: 30%;

		width: 40%;
		text-align: center;
	}

	.spaced {
		margin-top: 50px;
	}
		.super-spaced {
			margin-top: 100px;
		}
		.bottom-spaced {
			margin-bottom: 30px;
		}
		.bottom-super-spaced {
			margin-bottom: 100px;
		}
		.left-spaced {
			margin-left: 30px;
		}
		.right-spaced {
			margin-right: 30px;
		}
		.mini-spaced {
			margin-top: 20px;
		}

	.padded {
		padding-left: 50px !important;
		padding-right: 50px !important;
	}
		.padded-full {
			padding: 50px !important;
		}
		.padded-vertical {
			padding-top: 50px !important;
			padding-bottom: 50px !important;
		}

		.mini-padded {
			padding-left: 20px !important;
			padding-right: 20px !important;			
		}
			.mini-padded-full {
				padding: 20px !important;
			}
			.mini-padded-vertical {
				padding-top: 20px !important;
				padding-bottom: 20px !important;
			}

		.text-padded {
			padding: 1px 5px;
		}

	.separate {
		margin: 30px !important;
	}

	.line {
		background: linear-gradient(to right, #FFFFFF, #000000, #FFFFFF);
		height: 5px;
	}

	.quote {
		color: #999999;

		background: url(../../pics/quote.png) no-repeat left center;
		background-size: 5%;

		padding-left: 10px;
	}
		.quote-backgroud-bottom {
			background: url(../../pics/quote.png) no-repeat bottom right;
			background-size: 15%;
		}

	.error {
		font-style: italic;
		font-family: Times;
		color: #F00;
		font-size: 10px;
	}
	
	.author {
		font-style: italic; 
		font-family: Times;
		color: #999;
		font-size: x-small;
		padding-bottom: 5px;
	}

	.maintext {
		font-family: 'Roboto', Arial;
		line-height: 100%;
		font-size: 30px;
		padding: 20px;
		color: #666666;
	}

	.small-title {
		font-weight: 900;
		text-transform: uppercase;
	}

	.rounded {
		border-radius: 5px;
	}

	.shadow {
		box-shadow: 0px 0px 5px #EEEEEE;
		padding: 15px !important;
	}

	.bg-corporate-primary {
		background: #0769b2;
	}
		.text-corporate-primary {
			color: #0769b2;
		}

	.bg-corporate-secondary {
		background: #87ac4d;
	}
		.text-corporate-secondary {
			color: #87ac4d;
		}

	.floating {
		position: absolute;
	}

	.relative {
		position: relative;
	}

	.scroll {
		overflow: auto;
	}


/* Website Content Styling Begins here */
	/* Overwriting some Bootstrap Defaults */
	//.container {max-width: 1000px;}


/* Style rules for Mobile specific browsing */	
	@media only screen and (max-width: 800px) {

		iframe {
			height: auto !important;
		}

		.logo img {
			height: 40px !important;
		}

		.nav-link {
			font-weight: normal !important;
			font-size: 15px !important;
		}

		.dropdown-menu {
			min-width: auto !important;
		}


		.maintext {
			font-size: 20px !important;
		}

		.image {
			height: auto !important;
		}


		#demo {
			width: 100%;
			overflow: hidden;
			margin-top: 90px;
		}
			.carousel-item img {
				width: 150% !important;
				margin-left: -25%;
			}
	    .carousel-caption {
				width: 60% !important;
				bottom: 10% !important;
				padding: 10px !important;

				font-size: 15px !important;
				color: #7f594e !important;
			}


		.intro-boxes-image {
			height: auto !important;
		}
			.intro-boxes-image img {
				height: auto !important;
				width: 100% !important;
			}


		.client .image {
			height: 300px !important;
		}
			.client img {
				margin-left: -100px;
			}
		.client span {
			font-size: inherit !important;
			width: 70% !important;
		}

		.updates .image {
			height: 200px !important;
		}
			.updates .text {
				background: RGBA(0, 0, 0, 0.8) !important;
			}

	}


/* If there's a small section above the header */
	.top {
		padding: 10px auto;

		color: #CCCCCC;
	}
		.top a {
			color:  #FFFFFF;
		}


/* Website Header */
	header {
		padding-top: 15px; 
		padding-bottom: 15px;

		background: linear-gradient(to bottom, #EEEEEE, #FFFFFF);
	}
		header:hover {}
		.logo {}
			.logo img {
				height: 100px;
			}
		.site-title {}


/* Website Menu Bar */
	.sub-nav {
		padding-left: 30px;
		margin-bottom: -10px;
	}
		.sub-nav .link {
			padding-right: 5px;
			padding-left: 5px;
		}

	nav {}
		nav a {}
		nav ul {
			margin-left: 0;
		}
			.nav-item {}
				.nav-link {
					color: #0769b2 !important;
					font-weight: 900;
					font-size: 20px;
					text-transform: capitalize;
				}
					.nav-link:hover {
						color: #87ac4d !important;
					}

			.dropdown-menu {
				border-radius: 0;
				border: none;
				background: #EEEEEE;

				padding: 15px 20px;
				min-width: 15rem;

				right: 0;
				left: auto;
			}
				.dropdown-menu .nav-item {
					padding: 0em 0em;
					margin-bottom: 0;

					border-top: solid 1px #ddd;
				}
					.dropdown-menu .nav-link {
						text-align: right;

						font-weight: normal;
						font-size: inherit;
						color: #666666 !important;
						text-transform: none;
					}


/* Call to Action */
	.call-to-action {}
		.call-to-action:hover {}


/* Homepage Banner */
	#demo {
		box-shadow: 0px 0px 10px #87ac4d;
	}
		.carousel-item img {
			width: 100%;
		}
		.carousel-caption {
			width: 30%;
			padding: 25px 15px;

			bottom: 15%;

			font-size: 50px;
			font-family: 'Roboto', Arial;
			font-weight: 900;
			text-align: right;
			text-shadow: 0px 0px 10px #000000;
			color: #FFFFFF !important;
			line-height: 90%;
			letter-spacing: -1px;
		}


/* preview for team members */
	.team {
		position: relative;

		background: #EEEEEE;

		margin-bottom: 10px;
	}
		.team a {
			color: #0099FF;
		}
		.team .text {
			background: #EEE;

			line-height: normal;

			padding: 15px;
		}
		.team .image {
			height: 250px;
			overflow: hidden;
		}
			.team .image img {
				width: 100%;
			}


/* Blog Display on Homepage */
	.blog-category {}
		.blog-category a {}

	.blog-card {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    background-color: #FFFFFF;
    box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);

    padding: 0;

	}
		.blog-card:hover {
	    box-shadow: 0 16px 24px 2px rgba(0,0,0,0.14), 0 6px 30px 5px rgba(0,0,0,0.12), 0 8px 10px -5px rgba(0,0,0,0.3);
		}
		.blog-card .image {
			height: 100px;
		}
			.blog-card img {
		    width: 100%;
		    border-top-left-radius: 4px;
		    border-top-right-radius: 4px;
			}
		.blog-card h4 {
		  margin: 20px;
		  color: #000000;
		  font-size: 18px !important;
		  letter-spacing: normal !important;
		}
			.blog-card h4 small {
				color: #999999;
			}
		.blog-card p {
	    margin: 20px;
	    padding-bottom: 20px;
	    opacity: 0.65;
		}

	/* Blogs with full Image and text on top */
	.featured {
		height: 300px;
		position: relative;
		margin-bottom: 10px;
	}
		.featured .frame {
			background: rgba(0, 0, 0, 0.2);
			height: 100%;
			width: 100%;
			position: absolute;
		}
			.featured .frame:hover {
				background: rgba(0, 0, 0, 0.8);
			}
			.featured .image {
				height: 100%;
			}
				.featured img {
					width: auto;
					height: 100%;
				}
			.featured>h4 {
				position: absolute;
				bottom: 20px;
	    	color: #FFFFFF;					
			}
			.featured p {
				visibility: hidden;
				position: absolute;
			}


	.intro-boxes {
		margin-bottom: 10px;
	}
		.intro-boxes-image {
			height: 250px;
		}
			.intro-boxes-image img {
				height: 100%;
				width: auto;
			}


/* Section to showcase our Clients */
	.client {
		position: relative;
	}
		.client .frame {
			position: absolute;
			bottom: 0;
			z-index: 1;

			display: inline-block;

			width: 100%;
			height: 100%;
		}
			.client .frame:hover {
				background: rgba(11, 148, 70, 0.5);
			}
			.frame span {
				position: absolute;
				bottom: 10%;
				right: 10%;

				background: #0769b2;
				border-radius: 10px;

				width: 50%;
				padding: 0px 20px;

				color: #FFFFFF;
				line-height: normal;
				font-family: 'Roboto', Arial;
				font-size: 20px;
			}
		.client .image {
			height: 400px;
		}
			.client img {
				height: 100%;
				width: auto;
			}
		.client a {
			color: #DDDDDD;
		}

	.clients {}
		.clients img {
			height: 70px;
			margin: 5px;

			opacity: 0.5;
		}
			.clients img:hover {
				opacity: 0.8;
			}


/* Default Page View */
	.page-content {}
	.page-block {
	}
		.page-banner {
			position: relative;
		}
			.page-banner .image {
				border-top-left-radius: 10px;
				border-top-right-radius: 10px;
			}
			.page-banner .page-title {
				background: #87ac4d;

				font-size: 30px;
				color: #FFFFFF;
				text-transform: capitalize;

				padding: 20px 30px;
			}


/* Styling for News Updates */
	.updates {
		width: 100%;
		margin-bottom: 25px;

		position: relative;
	}
		.updates a {
			color: #FFF; 

			display: block;
		}
			.updates a:hover {
				color: #FFFFFF;
			}
		.updates .image {
			height: 250px;
		}
			.updates img {
				height: 100%;
				width: auto !important;
				min-width: 100%;
			}
		.updates .text {
			position: absolute; 
			bottom: 0;
			left: 0;

			width: 100%; 
			height: 100%;

			background: RGBA(0, 0, 0, 0.2);

			font-size: 18px;
		}				
			.updates .text:hover {
				background: RGBA(0, 0, 0, 0.8);
			}
			.updates .text span {
				padding: 10%;
				width: 100%;

				position: absolute;
				bottom: 0px;
				left: 0;
			}


/* Partner logos */
	.partner-img {
		height: 100px;
		margin: 15px;
	}


/* Styling for Albums */
	.albums {
		width: 100%;

		background: #EEEEEE;
		border-radius: 10px;
	}
		.albums h3 {
			padding: 15px;
			margin: 0;
			height: 100px;

			overflow: hidden;

			color: #FFFFFF;
		}
		.albums a {}
		.albums .image {
			height: 230px;
		}
			.albums img {
				height: 230px;
				min-width: 100%;
			}

			/* Gallery Images */
			.galleryimages {
				width: 100%;
			}
				.galleryimages:hover {
					transform: scale(1.5);
				}


/* Showcasing Portfolio Details */
	.portfolio-banner {}
		.portfolio-banner .image {
			height: 450px;

			overflow: auto;
		}
			.portfolio-banner img {
				width: 100%;
				height: auto;
			}
		.portfolio-banner .page-content {
			font-size: big;
		}
		.portfolio-banner .btn-primary {
			background: #bd0006;
		}


/* Website footer */
	footer {
		padding-top: 10px;
		padding-bottom: 10px;

		box-shadow: 0px 0px 10px #87ac4d;

		font-size:;
		line-height: normal;
	}
		footer a {
			color: #EEEEEE;
		}
		footer h1,h2,h3,h4,h4 {}
		footer ul, footer ol {
			margin-left: 0;
			padding-left: 0;

			list-style: none;
		}