/* ----------------------------------
#. Global
---------------------------------- */

/*@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700);*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700);

* {
	-webkit-font-smoothing: antialiased;
}

/* ----------------------------------
#. HTML/Body
---------------------------------- */

html, body {
	margin: 0;
	padding: 0;
}

body {
	color: #616161;
	background: url('../img/bg-2.jpg') repeat;
	font: 13px 'Open Sans', Helvetica, Arial, sans-serif;
}

/* ----------------------------------
#. General
---------------------------------- */

.clear {
	clear: both;
}

.list {
	margin: 0;
	padding: 0;
}

	.list li {
		list-style: none;
		padding: 3px 0 3px 20px;
		background: url('../img/li.png') left center no-repeat;
	}

/* ----------------------------------
#. Form
---------------------------------- */

form {

}

	form label {
		display: block;
		margin: 15px 0 5px;
	}

	form input[type='text'],
	form input[type='email'],
	form input[type='password'] {
		width: 180px;
		padding: 7px 10px;
	}

	form textarea {
		width: 380px;
		height: 100px;
		min-height: 100px;
		padding: 7px 10px;
		resize: vertical;
	}

	form input[type='submit'] {
		padding: 10px 15px;
		margin-top: 15px;
		cursor: pointer;

		background-color: #CA6666; /* Top */
		background-image: linear-gradient(bottom, #b25252 0%, #CA6666 100%);
		background-image: -o-linear-gradient(bottom, #b25252 0%, #CA6666 100%);
		background-image: -moz-linear-gradient(bottom, #b25252 0%, #CA6666 100%);
		background-image: -webkit-linear-gradient(bottom, #b25252 0%, #CA6666 100%);
		background-image: -ms-linear-gradient(bottom, #b25252 0%, #CA6666 100%);

		border: 1px solid #8c4141;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;

		color: #fff;
		text-shadow: 0 1px 1px #8c4141;

		box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.2);
	}

/* ----------------------------------
#. Messages
---------------------------------- */

.message {
	color: #fff;
	box-shadow: inset 0 1px 1px rgba(255, 255,255, 0.2);

	font-size: 13px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;

	margin: 25px 0;

	padding: 15px 25px;
}

	.message.errors {
		text-shadow: 0 1px 1px #922525;

		background-color: #c54848; /* Top Colour */
		background-image: linear-gradient(bottom, #ad3636 0%, #c54848 100%);
		background-image: -o-linear-gradient(bottom, #ad3636 0%, #c54848 100%);
		background-image: -moz-linear-gradient(bottom, #ad3636 0%, #c54848 100%);
		background-image: -webkit-linear-gradient(bottom, #ad3636 0%, #c54848 100%);
		background-image: -ms-linear-gradient(bottom, #ad3636 0%, #c54848 100%);

		border: 1px solid #922525;
	}

		.message.errors ul {
			margin: 0;
			padding: 0 0 0 18px;
		}

		.message.errors ul li {
			float: none;
			list-style: disc;
		}

	.message.success {
		text-shadow: 0 1px 1px #517f2c;

		background-color: #8fcc5d; /* Top Colour */
		background-image: linear-gradient(bottom, #6ea740 0%, #8fcc5d 100%);
		background-image: -o-linear-gradient(bottom, #6ea740 0%, #8fcc5d 100%);
		background-image: -moz-linear-gradient(bottom, #6ea740 0%, #8fcc5d 100%);
		background-image: -webkit-linear-gradient(bottom, #6ea740 0%, #8fcc5d 100%);
		background-image: -ms-linear-gradient(bottom, #6ea740 0%, #8fcc5d 100%);

		border: 1px solid #517f2c;
	}

		.message.success p {
			margin: 0;
		}

/* ----------------------------------
#. Typo
---------------------------------- */

a {
	color: #C1D9EA;
	text-decoration: none;

	transition: color 0.5s ease;
	-moz-transition: color 0.5s ease;
	-webkit-transition: color 0.5s ease;
}

p {
	line-height: 22px;
}

h1, h2, h3, h4, h5, h6 {
	color: #28343c;
}

/* ----------------------------------
#. Container
---------------------------------- */

.container {
	max-width: 1050px;
	padding: 0;
	margin: 0 auto;
}

/* ----------------------------------
#. Top
---------------------------------- */

.top-header {
	padding: 15px 0;
	text-align: center;
	
	color: #d1d1d1;
	background: url('../img/bg.jpg') repeat;
}

	.top-header p {
	margin: 0;
	}
	
	.top-header p#number{
		margin: 0;
		font-size: 18px;
	}

	.top-header i {
		display: inline-block;
		margin-right: 10px;
		margin-left: 15px;
		font-size: 11px;
	}

		.top-header i.first {
			margin-left: 0;
		}

	.top-header a:hover {
		color: #fff;
	}

	.top-header .contact {
		
	}

	.top-header .social {
		display: none;
	}

/* ----------------------------------
#. Header
---------------------------------- */

.header {
	padding: 30px 20px 100px;
	margin-bottom: -70px;
	background: #28343c;
	text-align: center;
}
	
	.header .logo img {
		max-width: 100%;
	}
		
	.header .mobile-navigation {
		margin-top: 25px;
	}
	
	.header .mobile-navigation select {
		width: 100%;
	}

	.header .navigation {
		display: none;
	
		float: right;

		background-color: #2f3d46; /* Top Colour */
		background-image: linear-gradient(bottom, #1b242a 0%, #2f3d46 100%);
		background-image: -o-linear-gradient(bottom, #1b242a 0%, #2f3d46 100%);
		background-image: -moz-linear-gradient(bottom, #1b242a 0%, #2f3d46 100%);
		background-image: -webkit-linear-gradient(bottom, #1b242a 0%, #2f3d46 100%);
		background-image: -ms-linear-gradient(bottom, #1b242a 0%, #2f3d46 100%);
		
		border: 1px solid #12171a;

		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;

		box-shadow: inset 0 0 2px rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3);
		-moz-box-shadow: inset 0 0 2px rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3);
		-webkit-box-shadow: inset 0 0 2px rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3);
	}

		.header .navigation ul {
			margin: 0;
			padding: 0;
		}

		.header .navigation ul li {
			list-style: none;

			float: left;
		}

			.header .navigation ul li.last {
				margin-right: 0;
			}

			.header .navigation ul li.parent {
				position: relative;
			}

				.header .navigation ul li.parent .dropdown {
					display: none;

					position: absolute;
					top: 45px;
					left: 0;
					width: 200px;
					z-index: 9999;

					background: #fff;

					box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);

					border-radius: 5px;
					-moz-border-radius: 5px;
					-webkit-border-radius: 5px;

					overflow: hidden;
				}

				.header .navigation ul li.parent .dropdown li {
					float: none;
					margin: 0;
					padding: 0;
				}

				.header .navigation ul li.parent .dropdown li a {
					color: #28343c;
					padding: 10px 15px;
					border-radius: 0;
					-moz-border-radius: 0;
					-webkit-border-radius: 0;
					border-bottom: 1px solid #f0f0f0;
				}

					.header .navigation ul li.parent .dropdown li.current a,
					.header .navigation ul li.parent .dropdown li a:hover {
						color: #ca6666;
					}

					.header .navigation ul li.parent .dropdown li.last a {
						border-bottom: none;
					}

		.header .navigation ul li a {
			color: #a3aeb5;
			font-size: 12px;

			display: block;
			padding: 15px 20px;
		}

			.header .navigation ul li.current a,
			.header .navigation ul li.hovered a,
			.header .navigation ul li a:hover {
				color: #C1D9EA;
			}

/* ----------------------------------
#. Slider
---------------------------------- */

#slider {

}

	#slider .nivo-caption {
		position: absolute;
		bottom: 20px;
		left: 20px;
		padding: 15px 20px;
		width: auto;

		background: rgba(40, 52, 60, 0.9);

		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;

		font-weight: 600;
	}

/* ----------------------------------
#. Content
---------------------------------- */

.content {
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-top: none;
	border-bottom: none;
	background: #fff;
}

/* ----------------------------------
#. Title
---------------------------------- */

.title {
	font-size: 18px;
	text-align: center;
	padding: 30px 50px;
	background: #f9f9f9;
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

	.title#about {
		background: url('../img/image.jpg') no-repeat;
	}
	
	.title#services {
		background: url('../img/image2.jpg') no-repeat;
	}
	
	.title#contact {
		background: url('../img/image.jpg') no-repeat;
	}

	.title h1 {
		font-weight: 600;
	}

/* ----------------------------------
#. Inner
---------------------------------- */

.content-inner {
	font-size: 14px;
	line-height: 22px;
	padding: 15px 20px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

/* ----------------------------------
#. Services
---------------------------------- */

.services {
	padding: 20px;
	background: #f9f9f9;
}

	.services ul {
		margin: 0;
		padding: 0;
	}

	.services ul li {
		list-style: none;
		overflow: hidden;
		margin-bottom: 20px;
		
		background: #fff;

		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);

		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
	}

		.services ul li.last {
			margin-right: 0;
		}

	.services ul li .featured-image {
		height: 200px;
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		
		-webkit-border-top-left-radius: 3px;
		-webkit-border-top-right-radius: 3px;
		-moz-border-radius-topleft: 3px;
		-moz-border-radius-topright: 3px;
		border-top-left-radius: 3px;
		border-top-right-radius: 3px;
		overflow: hidden;
	}

		.services ul li .featured-image .overlay {
			opacity: 0;
			visibility: hidden;

			width: 100%;
			height: 100%;
			background: url('../img/services/overlay.png') center no-repeat;

			transition: opacity 0.5s ease, visibility 0.5s ease;
			-webkit-transition: opacity 0.5s ease, visibility 0.5s ease;
			-moz-transition: opacity 0.5s ease, visibility 0.5s ease;

			-webkit-border-top-left-radius: 3px;
			-webkit-border-top-right-radius: 3px;
			-moz-border-radius-topleft: 3px;
			-moz-border-radius-topright: 3px;
			border-top-left-radius: 3px;
			border-top-right-radius: 3px;
		}

			.services ul li .featured-image:hover .overlay {
				opacity: 1;
				visibility: visible;
			}

		.services ul li .featured-image .overlay a {
			display: block;
			width: 100%;
			height: 100%;
		}

	.services ul li .inner {
		padding: 30px;
	}

		.services ul li .inner h3 {
			margin-top: 0;
		}

			.services ul li .inner h3 a {
				color: #333;
			}

				.services ul li .inner h3 a:hover {
					color: #ca6666;
				}

		.services ul li .inner p:last-child {
			margin-bottom: 0;
		}

/* ----------------------------------
#. Testimonials
---------------------------------- */

.testimonials {
	padding: 50px;
	background: #f9f9f9;
}

	.testimonials ul {
		margin: 0;
		padding: 0;
	}

	.testimonials ul li {
		list-style: none;

		float: left;
		width: 233px;
		margin-right: 50px;
		padding: 25px;

		background: #fff;

		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);

		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
	}

		.testimonials ul li.last {
			margin-right: 0;
		}

	.testimonials ul li h3 {
		margin-top: 0;
	}

	.testimonials ul li p:last-child {
		margin-bottom: 0;
	}

/* ----------------------------------
#. Gallery
---------------------------------- */

.gallery {
	margin-top: 30px;
}

	.gallery ul {
		margin: 0;
		padding: 0;
	}

	.gallery ul li {
		float: left;
		width: 174px;
		height: 120px;
		margin-right: 20px;
		margin-bottom: 20px;
		overflow: hidden;
	}

		.gallery ul li.last {
			margin-right: 0;
		}
		
		.gallery ul li img {
		max-width: 100%;
		min-height: 100%;
	}

/* ----------------------------------
#. Coverage
---------------------------------- */

.coverage {
	margin-top: 30px;
	padding: 10px 10px 5px;

	background: #eaeaea;

	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05);

	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

	.coverage iframe {
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		overflow: hidden;
	}

/* ----------------------------------
#. Contact Columns
---------------------------------- */

.contact-columns {

}

	.contact-columns ul {
		margin: 0;
		padding: 0;
	}

	.contact-columns ul li {
		list-style: none;

		float: left;
		width: 450px;
		margin-right: 50px;
	}

		.contact-columns ul li.last {
			margin-right: 0;
		}

	.contact-columns ul li .coverage {
		margin: 0 0 30px;
	}

/* ----------------------------------
#. Footer
---------------------------------- */

.footer {
	font-size: 13px;
	color: #d1d1d1;
	background: #28343c;
}

	.footer i {
		color: #C1D9EA;
		margin-right: 10px;
		display: inline-block;
		width: 1em;
		text-align: center;
	}

	.footer a {
		color: #d1d1d1;
	}

		.footer a:hover {
			color: #ca6666;
		}

	.footer .inner {
		padding: 20px;
	}

	.footer .top ul {
		margin: 0;
		padding: 0;
	}

	.footer .top ul li {
		list-style: none;
		margin-bottom: 20px;
	}

		.footer .top ul li.last {
			margin-right: 0;
		}

	.footer .top ul li h3 {
		color: #fff;
		font-weight: 600;
		text-transform: uppercase;
	}

	.footer .top ul li .col-nav {
		
	}

		.footer .top ul li .col-nav li {
			border-top: 1px solid #404c55;
			margin-bottom: 0;
		}

			.footer .top ul li .col-nav li.parent {
				display: none;
			}

		.footer .top ul li .col-nav li a {
			display: block;
			padding: 10px 0;
		}

			.footer .top ul li .col-nav li.current a,
			.footer .top ul li .col-nav li a:hover {
				color: #fff;
			}

			.footer .top ul li .col-nav li.current a {
				font-weight: 600;
			}

	.footer #toggle {
		cursor: pointer;
	}

	.footer .extra {
		background: #151c21;
		padding: 50px;

		display: none;
	}

		.footer .extra ul {
			margin: 0;
			padding: 0;
			text-align: center;
		}

		.footer .extra ul li {
			display: inline-block;
			padding: 5px 10px;    width: 25%;
    margin: 0 25px;
		}

	.footer .lower {
		padding: 25px 50px;
		background: #253038;
	}

		.footer .lower .copyright p,
		.footer .lower .credit p {
			margin: 0;
		}

		.footer .lower .copyright {
			float: left;
		}

		.footer .lower .credit {
			float: right;
		}