/*
Theme Name: Easyflow
Theme URI: http://themeurl.com
Author: Peng London
Author URI: http://penglondon.co.uk
*/

/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
	font-family: "open-sans", Helvetica, Arial;
}

html {
	font-size: 100%;
	overflow-y: scroll; /* -- Scrollbar always activated to prevent jumping of content if scrollbar is activated -- */
	-webkit-font-smoothing: antialiased; /* -- Helps to render fonts correctly on all browsers and computers, stops differences you often see between Macs and PC's -- */
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	box-sizing: border-box;
	position: relative;
	min-height: 100%;
}

body {
    font-style: normal;
	font-family: "open-sans", Helvetica, Arial;
    line-height: 1.3;
	box-sizing: border-box;
	height: 100%;
	font-size: 15px;
	margin-bottom: 95px;
}

@media (min-width: 768px) {
	
	body {
		margin-bottom: 40px;
	}
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

::-webkit-input-placeholder {
   color: #fff;
}

:-moz-placeholder { /* Firefox 18- */
   color: #fff;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #fff;  
}

:-ms-input-placeholder {  
   color: #fff;  
}

strong, b {
	font-weight: 600;
}

a {
    text-decoration: none;
    transition: all 0.2s ease-in;
    color: #00b3be;
}

a:hover {
	
}

p {
}

h1, h2, h3, h4, h5, h6 {
	font-weight: 600;
	margin-top: 0;
	margin-bottom: 20px;
}

h1 {
}

h2 {
}

h3 {
}

h4 {
}

.main-content p {
	line-height: 20px;
}

/* HEADER */

header {
	padding: 5px 0;
}

	header .container {
		position: relative;
	}

	header #site-logo {
		max-width: 200px;
		vertical-align: top;
	}
	
		header .navbar {
			position: absolute;
			top: 26px;
			left: 0;
			margin-bottom: 0;
			border: 0;
			width: 100%;
		}
		
		header .contact-header {
			position: absolute;
			right: 15px;
			top: 10px;
			z-index: 10;
		}
		
			header .navbar .navbar-header {
				
			}
			
				header .navbar .navbar-header .navbar-toggle {
					margin-bottom: 4px;
					margin-top: 10px;
					font-size: 16px;
					font-weight: 600;
				}
				
			header .navbar .navbar-collapse {
				background: white;
				position: relative;
				z-index: 10;
			}
			
			header .navbar .top-menu {
				margin: 0;
				width: 100%;
			}
			
				header .navbar .top-menu li {
					
				}
				
					header .navbar .top-menu li a {
						font-size: 15px;
						font-weight: 600;
						color: #181818;
						text-transform: uppercase;
					}
					
					header .navbar .top-menu > li.current-menu-item > a {
						color: #0567c0;
					}
					
					header .navbar .top-menu > li.current-page-parent > a {
						color: #0567c0;
					}
					
					header .navbar .top-menu li a:hover, header .navbar .top-menu li a:active, header .navbar .top-menu li a:visited, header .navbar .top-menu li a:focus {
						background: none;
					}
					
							header .navbar .top-menu li .dropdown-menu li {
							}
					
							header .navbar .top-menu li .dropdown-menu li.active a {
								background: none;
							}
							
							header .navbar .top-menu li .dropdown-menu li.current-menu-item a {
								color: #0567c0;
							}
							
							header .navbar .top-menu li .dropdown-menu li a {
								padding-top: 8px;
								padding-bottom: 8px;
							}
							
							header .navbar .top-menu li .dropdown-menu li.active a:hover {
								background: none;
								color: #181818;
							}
			
@media (min-width: 768px) {
	
	header #site-logo {
		max-width: 100%;
	}
	
		header .navbar {
			float: right;
			display: inline-block;
			position: relative;
			top: 0;
			margin-top: 7px;
			width: auto;
			min-height: 45px;
			margin-top: 29px;
		}
		
			header .navbar .navbar-collapse {
				padding: 0;
			}
	
			header .navbar .top-menu {
				text-align: right;
			}
			
				header .navbar .top-menu li {
					display: inline-block;
					float: none;
					margin: 0 10px;
				}
				
				header .navbar .top-menu li:last-child {
					margin-right: 0;
				}
				
					header .navbar .top-menu li a {
						padding: 15px 0px;
						padding-bottom: 8px;
						font-size: 13px;
					}
					
					header .navbar .top-menu > li.current-menu-item > a {
						border-bottom: 2px solid #0567c0;
						color: #181818;
					}
					
					header .navbar .top-menu > li.current-page-parent > a {
						border-bottom: 2px solid #0567c0;
						color: #181818;
					}
					
						
	
}

@media (min-width: 991px) {
	
				header .navbar .top-menu li {
					margin: 0 15px;
				}
}

/* PAGE HEADER */

.page-header {
	background: #0567c0;
	padding: 15px 0;
	margin: 0;
	margin-bottom: 20px;
}

	.page-header h1 {
		margin: 0;
		font-size: 22px;
		color: white;
	}
		
@media (min-width: 768px) {
	
	.page-header {
		padding: 25px 0;
		margin-bottom: 35px;
	}
	
		.page-header h1 {
			margin: 0;
			font-size: 30px;
			font-weight: 600;
		}
	
}


/* SIDEBAR */

.sidebar {
	
}

	.sidebar .box {
		padding: 15px;
	}
	
	.sidebar .box + .box {
		margin-top: 40px;
	}

	.contact-cta {
		border: 1px solid #f06c14;
		color: #f06c14;
		font-weight: 700;
		font-size: 18px;
		margin-bottom: 30px;
	}
	
		.contact-cta span {
			display: block;
		}
		
		.contact-cta span.title {
			font-size: 24px;
			margin-bottom: 20px;
			line-height: 26px;
		}
		
		.contact-cta a {
			color: #f06c14;
			text-decoration: underline;
		}
		
/* FOOTER */

footer {
	background: #404e5c;
	padding: 20px 0;
	font-size: 12px;
	color: #eee;
	line-height: 20px;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 95px;
}

	footer .social-icons {
		height: 35px;
		padding-bottom: 15px;
		text-align: center;
	}
	
	footer .copyright {
		text-align: center;
	}
	
		footer .social-icons li {
			display: inline-block;
		}
		
		footer .social-icons ul {
			margin: 0;
			padding-left: 0
		}
		
			footer .social-icons li a {
				height: 20px;
				width: 20px;
				display: block;
				margin: 5px;
			}
			
			footer .social-icons li a#facebook {
				background: url(media/images/facebook.png) no-repeat;
			}
			
			footer .social-icons li a#twitter {
				background: url(media/images/twitter.png) no-repeat;
			}
			
			footer .social-icons li a#linkedin {
				background: url(media/images/linkedin.png) no-repeat;
			}

@media (min-width: 768px) {
	
	footer {
		height: 40px;
		padding: 10px 0;
	}
	
		footer .copyright {
			text-align: left;
		}
	
		footer .container {
			position: relative;
		}
		
			footer .social-icons {
				position: absolute;
				top: 0px;
				right: 15px;
				padding-bottom: 0;
				height: 20px;
				text-align: right;
			}
					
					footer .social-icons li a {
						margin: 0px;
						margin-left: 10px;
					}
}

/* WPCF7 SECTION */

.wpcf7-not-valid-tip {
	display: none !important;
}

div.wpcf7-response-output {
	margin: 0 !important;
	margin-top: 10px !important;
}

input.wpcf7-not-valid, textarea.wpcf7-not-valid {
	border: 1px solid red !important;
}

/* CONTENT SECTIONS */

section.content-section {
	padding: 40px 0;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

section.white {
	background: white;
}

section.grey {
	background: #eee;
}

/* HOME */

section.home-header {
	text-align: center;
}

	section.home-header h1 {
		color: #fff;
		font-size: 40px;
	}
	
	section.home-header h2 {
		color: #eee;
		font-size: 25px;
	}
	
	section.home-header p {
		font-size: 16px;
		color: #eee;
	}
	

@media (min-width: 768px) {
	
	section.home-header {
		background-size: cover;
		text-align: left;
	}
	
}

section.benefits {
	
}

	section.benefits h2 {
		color: #0567c0;
		font-size: 35px;
		text-align: center;
	}
	
	section.benefits h3 {
		font-size: 20px;
		color: #f06c14;
		text-align: center;
	}
	
	section.benefits .benefits-container {
		padding-top: 20px;
	}
	
		section.benefits .benefit {
			margin-bottom: 15px;
			display: block;
		}
		
		.benefits-container .benefit:nth-of-type(n+5){
		    display:none;
		}
		
			section.benefits .benefit img {
				width: 25%;
				padding-right: 15px;
				float: left;
				box-sizing: border-box;
			}
			
			section.benefits .benefit .benefit-content {
				float: left;
				width: 75%;
			}
			
				section.benefits .benefit .benefit-title {
					font-size: 20px;
					font-weight: 600;
					color: #0567c0;
					display: block;
					margin-bottom: 10px;
				}
				
				section.benefits .benefit p {
					
				}

@media (min-width: 768px) {
	
		section.benefits .benefit {
			display: block !important;
		}
	
}

section.about {
	text-align: center;
}

	section.about p {
		font-size: 15px;
		line-height: 22px;
	}
	
section.testimonials {
	background: #f06c14;
	color: #fff;
}

	section.testimonials .cycle-slideshow {
		width: 100%;
	}
	
		section.testimonials .testimonial {
			padding: 25px 60px;
		}
		
			section.testimonials .testimonial p {
				font-size: 20px;
				line-height: 30px;
				font-weight: 600;
				font-style: italic;
			}
			
			section.testimonials .testimonial span {
				
			}
		
		section.testimonials .quote-left {
			position: absolute;
			top: 10px;
			height: 21px;
			width: 41px;
			left: 0;
			background: url(media/images/quote-left.png) no-repeat;
		}
		
		section.testimonials .quote-right {
			position: absolute;
			bottom: 10px;
			width: 41px;
			height: 21px;
			right: 0;
			background: url(media/images/quote-right.png) no-repeat;
		}
		
		
section.accreditations {
	font-size: 16px;
	font-weight: 600;
	color: #0567c0;
}
	
	section.accreditations img {
		margin-top: 20px;
		max-width: 28%;
	}
	
	section.accreditations img + img {
		margin-left: 20px;
	}
    
    @media (min-width: 768px) {
    	
        section.accreditations img {
            margin-top: 20px;
            max-width: 45%;
        }
    	
    }
	
section.get-a-quote {
	color: #fff;
}

	section.get-a-quote h2 {
		color: #fff;
		text-align: center;
		margin-bottom: 40px;
	}

	section.get-a-quote input {
		background: none;
		border-radius: 0;
		width: 100%;
		padding: 6px 12px;
		line-height: 24px;
		margin-bottom: 25px;
		height: 40px;
		border: 1px solid #eee;
		color: #fff;
	}
	
	section.get-a-quote textarea {
		background: none;
		border-radius: 0;
		width: 100%;
		padding: 6px 12px;
		line-height: 20px;
		margin-bottom: 10px;
		height: 90px;
		border: 1px solid #eee;
		color: #fff;
	}
	
	.button-container {
		text-align: center;
	}
	
		.button-container button {
			display: inline-block;
			padding: 10px 30px;
			background: #fff;
			outline: none;
			text-transform: uppercase;
			border: 0;
			color: #3b89d5;
			font-weight: 600;
			font-size: 20px;
			line-height: 20px;
			height: 40px;
		}

/* STANDARD PAGE */


/* TESTIMONIALS */

.container.testimonials {
}
	
		.container.testimonials .testimonial {
			padding: 60px 60px;
			position: relative;
		}
		
		.container.testimonials .testimonial + .testimonial {
			border-top: 1px dashed #ccc;
		}
		
			.container.testimonials .testimonial p {
				font-size: 18px;
				line-height: 28px;
				font-weight: 600;
				font-style: italic;
			}
			
			.container.testimonials .testimonial span {
				
			}
		
		.container.testimonials .quote-left {
			position: absolute;
			top: 25px;
			height: 21px;
			width: 41px;
			left: 15px;
			background: url(media/images/quote-left-invert.png) no-repeat;
		}
		
		.container.testimonials .quote-right {
			position: absolute;
			bottom: 30px;
			width: 41px;
			height: 21px;
			right: 15px;
			background: url(media/images/quote-left-invert.png) no-repeat;
		}
		
		
		.leave-testimonial {
			margin-bottom: 40px;
		}
		
	.fancybox-skin {
		background: #fff;
	}
	
	a.leave-test-btn {
		display: inline-block;
		padding: 6px 25px;
		background: #3b89d5;
		outline: none;
		border: 0;
		color: #fff;
		font-weight: 600;
		font-size: 18px;
		line-height: 18px;
		text-decoration: none;
		height: 30px;
		margin-bottom: 10px;
	}
		
	#testimonial-form {
		width: 250px;
		padding: 20px;
	}
	
		#testimonial-form form {
			width: 100%;
		}
		
			#testimonial-form form textarea {
				margin-top: 3px;
				height: 100px;
				border-radius: 0;
			}
			
			#testimonial-form form input {
				margin-top: 3px;
				border-radius: 0;
			}
			
			#testimonial-form form button {
				display: inline-block;
				padding: 6px 25px;
				background: #3b89d5;
				outline: none;
				border: 0;
				color: #fff;
				font-weight: 600;
				font-size: 18px;
				line-height: 18px;
				text-decoration: none;
				height: 30px;
				margin-bottom: 10px;
			}

@media (min-width: 768px) {
	
	#testimonial-form {
		width: 500px;
		padding: 30px;
	}
	
}
	
/* THE TEAM */

.the-team {
	margin-bottom: 40px;
}

	.team-member {
		margin-top: 40px;
	}
	
	.team-member:first-of-type {
		margin-top: 20px;
	}
	
	.team-member:last-of-type {
		border-right: none !important;
	}

	
		.team-member img {
			width: 100%;
			margin-top: 20px;
			margin-bottom: 20px;
		}

@media (min-width: 768px) {
	
	.team-member:first-of-type {
		margin-top: 40px;
	}
	
		.team-member img {
			margin-top: 0px;
			margin-bottom: 0px;
		}
		
		.center-img {
			text-align: center;
		}
		
		.team-member:nth-of-type(3n-5) {
			border-right: 1px dashed #ccc;
		}

}
	
/* PRICING */

.container.pricing {
	
}

	.pricing-blocks {
		margin-top: 30px;
	}
	
		.pricing-blocks .pricing-block {
			background: #404e5c;
			text-align: center;
			color: #fff;
			font-size: 18px;
			margin-bottom: 40px;
			font-weight: 600;
		}
			
			.pricing-blocks .pricing-block .pb-header {
				padding: 10px 0;
				background: #707f8d;
				font-size: 22px;
				color: #fff;
			}
			
			.pricing-blocks .pricing-block .pb-content {
				padding: 25px 50px;;
			}
			
				.pricing-blocks .pricing-block .pb-content span.pound {
					font-size: 20px;
					vertical-align: top;
				}
				
				.pricing-blocks .pricing-block .pb-content span.price {
					font-size: 55px;
				}
				
				.pricing-blocks .pricing-block .pb-content span.per-hour {
					font-size: 20px;
				}
				
				.pricing-blocks .pricing-block .pb-content .pb-divider {
					border-bottom: 1px dashed #eee;
					padding-top: 20px;
				}
				
				.pricing-blocks .pricing-block .pb-content .pb-divider + p {
					padding-top: 30px;
				}

/* SERVICES */

	p.intro {
		color: #0567c0;
		font-size: 22px;
		font-weight: 600;
	}
	
	.table-responsive {
		border: 0;
	}
	
	.row.table-row {
		margin-top: 30px;
	}
	
	.table-responsive.first {
		border: 0;
		margin-bottom: 0;
	}
	
	table.services-table {
	}
	
		table.services-table tbody td {
			padding-left: 38px;
			font-weight: 600;
			color: #444;
		}
		
		table.services-table tbody tr {
			background: url(media/images/tick-blue.png) top 8px left 5px no-repeat;
			
		}
		
/* CONTACT PAGE */

body.page-template-contact .page-header {
	margin-bottom: 0;
}

	body.page-template-contact .main-content {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	
	body.page-template-contact input {
		margin-bottom: 20px;
		border-radius: 0;
		height: 35px;
	}
	
	body.page-template-contact textarea {
		border-radius: 0;
		height: 120px;
	}
	
	h3.enquiry {
		margin-top: 30px;
	}
	
	.contact-left {
		margin-bottom: 40px;
	}
	
	header a.phone-us {
		background: url(media/images/phone-icon-header2.png) top left no-repeat;
		height: 20px;
		padding-left: 20px;
		line-height: 20px;
		color: #999;
		display: inline-block;
	}
	
	header a.facebook-icon {
		background: url(media/images/facebook-header.png) no-repeat;
		height: 20px;
		width: 20px;
		padding-right: 20px;
		display: inline-block;
		margin-right: 10px;
	}
	
		header a.phone-us span {
			display: none;
		}

	a.email-us {
		display: block;
		margin-bottom: 15px;
		padding-left: 40px;
		height: 25px;
		line-height: 25px;
		font-weight: 600;
		word-wrap: break-word;
		font-size: 16px;
		background: url(media/images/mail-icon.png) top 3px left no-repeat;
	}
	
		a.phone-us {
			color: #f06c14;
		}
	
		a.email-us {
			color: #f06c14;
		}
	
	a.phone-us {
		display: block;
		word-wrap: break-word;
		padding-left: 40px;
		font-weight: 600;
		line-height: 25px;
		height: 25px;
		font-size: 16px;
		color: #f06c14;
		background: url(media/images/phone-icon-header.png) top left no-repeat;
	}
	
	button.contact-submit {
		display: inline-block;
		padding: 8px 30px;
		background: #3b89d5;
		outline: none;
		text-transform: uppercase;
		border: 0;
		color: #fff;
		font-weight: 600;
		font-size: 20px;
		line-height: 20px;
		height: 35px;
		margin-bottom: 10px;
	}
	
@media (min-width: 768px) {
	
	section.accreditations {
		font-size: 24px;
	}
	
	section.accreditations img + img {
		margin-left: 40px;
	}
	
	.contact-left {
		margin-bottom: 0px;
	}
	
	a.email-us {
		line-height: 17px;
		margin-bottom: 25px;
	}
	
	header a.phone-us {
		padding-left: 30px;
	}

	header a.facebook-icon {
		vertical-align:bottom;
	}
	
		header a.phone-us span {
			display: inline-block;
		}
}

@media (min-width: 991px) {
	
	a.email-us {
		line-height: 25px;
		margin-bottom: 15px;
	}
	
	
}