/* Services CSS Document */


	/* Service Detail */
	
		/* Services Before & After */
		.beforeafter-holder.service {
		float:none;
		padding-top:28px;
		padding-bottom:60px;
		}
		
			.beforeafter-holder.service .beforeafter-item {
			width:100%;
			margin-right:0;	
			margin-bottom:10%;
			}
			
				.beforeafter-holder .beforeafter-item a {
				position:relative;
				float:left;
				width:45%;
				margin-right:10%;	
				}
					.beforeafter-holder .beforeafter-item a:last-child {margin-right:0;}
				
					.beforeafter-holder .beforeafter-item .before-image:before {
					font-family:'elite_finish';
					content:"\e904";
					font-size:30px;
					color:#000;
					top:55px;
					right:-32px;
					position:absolute;
					}
				
					.beforeafter-holder .beforeafter-item .before-image img {
					float:left;
					max-width:100%;	
					vertical-align:middle;
					-webkit-transition: all 600ms cubic-bezier(0.19, 1, 0.22, 1);
					transition:         all 600ms cubic-bezier(0.19, 1, 0.22, 1);
					}
				
					.beforeafter-holder .beforeafter-item .after-image img {
					float:right;
					max-width:100%;		
					position:relative;
					top:auto;
					right:auto;
					vertical-align:middle;
					-webkit-transition: all 600ms cubic-bezier(0.19, 1, 0.22, 1);
					transition:         all 600ms cubic-bezier(0.19, 1, 0.22, 1);
					}
					
						.beforeafter-holder .beforeafter-item .before-image img:hover,
						.beforeafter-holder .beforeafter-item .after-image img:hover {
						box-shadow:rgba(0,0,0,0.4) 0 0 10px;	
						}
	
	/* Service Summary */
	.services {
	display:block;
	}
		/* List of image next to text */
		.services .service-item {
		display:block;
		margin-bottom:20px;
		}
			.services .service-item .service-item-text {
			float:right;
			width:80%;
			}
			
			.services .service-item .service-item-image {
			float:left;
			width:18%;
			}
		
		
		/* Grid of image next to text */
		.services.grid-text-side .service-item {
		float:left;
		display:inline-block;
		width:32%;
		margin-right:2%;
		margin-bottom:20px;
		position:relative;	
		}
			.services.grid-text-side .service-item .service-item-text {width:60%;}
			.services.grid-text-side .service-item .service-item-image {width:35%;}
			
			.services.grid-text-side .service-item:nth-child(3n+3) {margin-right:0%;}
			.services.grid-text-side .service-item:nth-child(3n+4) {clear:both;}
		
			.main-content .services.grid-text-side .service-item {
			width:48%;
			margin-right:4%;
			margin-bottom:40px;
			}
				.main-content .services.grid-text-side .service-item:nth-child(2n+2) {margin-right:0%;}
				.main-content .services.grid-text-side .service-item:nth-child(3n+3) {clear:both;}
				
			.full-left .services.grid-text-side .service-item,
			.full-right .services.grid-text-side .service-item,
			.main-third .services.grid-text-side .service-item,
			.main-right .services.grid-text-side .service-item,
			.main-left .services.grid-text-side .service-item {
			width:100% !important;
			margin-right:0% !important;
			margin-bottom:40px;
			}
			
			
			
		/* Grid of image with text under */
		.services.grid-text-under .service-item {
		float:left;
		display:inline-block;
		width:22%;
		margin-right:4%;
		margin-bottom:30px;
		position:relative;	
		}
			.services.grid-text-under .service-item .service-item-image {
			float:none;
			width:100%;
			}
			
			.services.grid-text-under .service-item .service-item-text {
			float:none;
			width:100%;
			display:block;
			padding-top:10px;
			}
			
			.services.grid-text-under .service-item:nth-child(4n+4) {margin-right:0%;}
			.services.grid-text-under .service-item:nth-child(4n+5) {clear:both;}
			
			.main-content .services.grid-text-under .service-item {
			width:32%;
			margin-right:2%;
			margin-bottom:20px;
			}
				.main-content .services.grid-text-under .service-item:nth-child(3n+3) {margin-right:0%;}
				.main-content .services.grid-text-under .service-item:nth-child(3n+4) {clear:both;}
				
			.full-left .services.grid-text-under .service-item,
			.full-right .services.grid-text-under .service-item {
			width:48%;
			margin-right:4%;
			margin-bottom:40px;	
			}
				.full-left .services.grid-text-under .service-item:nth-child(2n+2),
				.full-right .services.grid-text-under .service-item:nth-child(2n+2) {margin-right:0%;}
				.full-left .services.grid-text-under .service-item:nth-child(2n+3),
				.full-right .services.grid-text-under .service-item:nth-child(2n+3) {clear:both;}
			
			.main-third .services.grid-text-under .service-item,
			.main-right .services.grid-text-under .service-item,
			.main-left .services.grid-text-under .service-item {
			width:100% !important;
			margin-right:0% !important;
			margin-bottom:40px;
			}
			
			
			
		/* Grid of image with text over */
		.services.grid-text-over .service-item {
		float:left;
		display:inline-block;
		width:22%;
		margin-right:4%;
		margin-bottom:30px;
		overflow:hidden;
		position:relative;	
		}
			.services.grid-text-over .service-item .service-item-image {
			float:none;
			width:100%;
			}
			
			.services.grid-text-over .service-item .service-item-text {
			float:none;
			width:auto;
			position:absolute;
			top:0px;
			left:0px;
			right:0px;
			bottom:0px;
			display:block;
			padding:10px;
			-webkit-box-sizing:border-box;
			-moz-box-sizing:border-box;
			-ms-box-sizing:border-box;
			box-sizing:border-box;
			z-index:500;
			}
				.services.grid-text-over .service-item .service-item-text,
				.services.grid-text-over .service-item .service-item-text .silent {color:#ffffff;}
			
			.services.grid-text-over .service-item:nth-child(4n+4) {margin-right:0%;}
			.services.grid-text-over .service-item:nth-child(4n+5) {clear:both;}
			
			.main-content .services.grid-text-over .service-item {
			width:32%;
			margin-right:2%;
			margin-bottom:20px;
			}
				.main-content .services.grid-text-over .service-item:nth-child(3n+3) {margin-right:0%;}
				.main-content .services.grid-text-over .service-item:nth-child(3n+4) {clear:both;}
				
			.full-left .services.grid-text-over .service-item,
			.full-right .services.grid-text-over .service-item {
			width:48%;
			margin-right:4%;
			margin-bottom:40px;	
			}
				.full-left .services.grid-text-over .service-item:nth-child(2n+2),
				.full-right .services.grid-text-over .service-item:nth-child(2n+2) {margin-right:0%;}
				.full-left .services.grid-text-over .service-item:nth-child(2n+3),
				.full-right .services.grid-text-over .service-item:nth-child(2n+3) {clear:both;}
			
			.main-third .services.grid-text-over .service-item,
			.main-right .services.grid-text-over .service-item,
			.main-left .services.grid-text-over .service-item {
			width:100% !important;
			margin-right:0% !important;
			margin-bottom:40px;
			}
			
			
			
		/* Summary list of image next to text */
		.services.list-summary .service-item {
		display:block;
		margin-bottom:8px;
		}
			.services.list-summary .service-item .service-item-text {
			width:78%;
			padding-top:4px;
			}
				.services.list-summary .service-item .service-item-text .service-item-details {display:none;}
			
			.services.list-summary .service-item .service-item-image {
			width:18%;
			}
			
			
			
			/* Service images */
			.services .service-item a.service-item-image {
			display:block;
			}
			
				.services .service-item:hover a.service-item-image {
				opacity:0.7;
				}
			
			.services .service-item a.service-item-image {
			display:block;
			-webkit-backface-visibility:hidden;
			-moz-transition:all .3s ease-out;
			-webkit-transition:all .3s ease-out;
			transition:all .3s ease-out;
			}
		
				.services .service-item a.service-item-image img {
				vertical-align:middle;
				}
				
				
				
				
/* Tablets */
@media screen and (max-width: 850px) {
	
	.services {}		
	
		/* Grid side text - 2 Column */
		.services.grid-text-side .service-item {
		width:48%;
		margin-right:4%;
		margin-bottom:40px;
		}
			.services.grid-text-side .service-item:nth-child(3n+3) {margin-right:4%;}
			.services.grid-text-side .service-item:nth-child(3n+4) {clear:none;}
			
			.services.grid-text-side .service-item:nth-child(2n+2) {margin-right:0%;}
			.services.grid-text-side .service-item:nth-child(2n+3) {clear:both;}
		
			
		/* Grid - 3 Column */
		.services.grid-text-under .service-item,
		.services.grid-text-over .service-item {
		width:32%;
		margin-right:2%;
		margin-bottom:20px;
		}
			
			.services.grid-text-under .service-item:nth-child(4n+4),
			.services.grid-text-over .service-item:nth-child(4n+4) {margin-right:2%;}
			.services.grid-text-under .service-item:nth-child(4n+5),
			.services.grid-text-over .service-item:nth-child(4n+5) {clear:none;}
			
			.services.grid-text-under .service-item:nth-child(3n+3),
			.services.grid-text-over .service-item:nth-child(3n+3) {margin-right:0%;}
			.services.grid-text-under .service-item:nth-child(3n+4),
			.services.grid-text-over .service-item:nth-child(3n+4) {clear:both;}
			
			.main-content .services.grid-text-under .service-item,
			.main-content .services.grid-text-over .service-item {
			width:48%;
			margin-right:4%;
			margin-bottom:40px;
			}
				.main-content .services.grid-text-under .service-item:nth-child(3n+3),
				.main-content .services.grid-text-over .service-item:nth-child(3n+3) {margin-right:4%;}
				.main-content .services.grid-text-under .service-item:nth-child(3n+4)
				.main-content .services.grid-text-over .service-item:nth-child(3n+4) {clear:none;}
				
				.main-content .services.grid-text-under .service-item:nth-child(2n+2),
				.main-content .services.grid-text-over .service-item:nth-child(2n+2) {margin-right:0%;}
				.main-content .services.grid-text-under .service-item:nth-child(2n+3),
				.main-content .services.grid-text-over .service-item:nth-child(2n+3) {clear:both;}

			
}



/* Small Tablets */
@media screen and (max-width: 650px) {
	
	.services {}		
	
		/* Grid side text - 1 Column */
		.services.grid-text-side .service-item {
		width:100% !important;
		margin-right:0% !important;
		margin-bottom:30px;
		}
			
		/* Grid - 2 Column */
		.services.grid-text-under .service-item,
		.services.grid-text-over .service-item {
		width:48%;
		margin-right:4%;
		margin-bottom:40px;
		}
			
			.services.grid-text-under .service-item:nth-child(4n+4),
			.services.grid-text-over .service-item:nth-child(4n+4),
			.services.grid-text-under .service-item:nth-child(3n+3),
			.services.grid-text-over .service-item:nth-child(3n+3) {margin-right:2%;}
			.services.grid-text-under .service-item:nth-child(4n+5),
			.services.grid-text-over .service-item:nth-child(4n+5),
			.services.grid-text-under .service-item:nth-child(3n+4),
			.services.grid-text-over .service-item:nth-child(3n+4) {clear:none;}
			
			.services.grid-text-under .service-item:nth-child(2n+2),
			.services.grid-text-over .service-item:nth-child(2n+2) {margin-right:0%;}
			.services.grid-text-under .service-item:nth-child(2n+3),
			.services.grid-text-over .service-item:nth-child(2n+3) {clear:both;}
			
			.full-left .services.grid-text-under .service-item,
			.full-right .services.grid-text-under .service-item,
			.full-left .services.grid-text-over .service-item,
			.full-right .services.grid-text-over .service-item {
			width:100% !important;
			margin-right:0% !important;
			margin-bottom:30px;
			}
			
			.main-third .services.grid-text-under .service-item,
			.main-right .services.grid-text-under .service-item,
			.main-left .services.grid-text-under .service-item,
			.main-third .services.grid-text-over .service-item,
			.main-right .services.grid-text-over .service-item,
			.main-left .services.grid-text-over .service-item {
			width:48% !important;
			margin-right:4% !important;
			margin-bottom:40px;
			}
				.main-third .services.grid-text-under .service-item:nth-child(2n+2),
				.main-right .services.grid-text-under .service-item:nth-child(2n+2),
				.main-left .services.grid-text-under .service-item:nth-child(2n+2),
				.main-third .services.grid-text-over .service-item:nth-child(2n+2),
				.main-right .services.grid-text-over .service-item:nth-child(2n+2),
				.main-left .services.grid-text-over .service-item:nth-child(2n+2) {margin-right:0% !important;}
				
				.main-third .services.grid-text-under .service-item:nth-child(2n+3),
				.main-right .services.grid-text-under .service-item:nth-child(2n+3),
				.main-left .services.grid-text-under .service-item:nth-child(2n+3),
				.main-third .services.grid-text-over .service-item:nth-child(2n+3),
				.main-right .services.grid-text-over .service-item:nth-child(2n+3),
				.main-left .services.grid-text-over .service-item:nth-child(2n+3) {clear:both !important;}
}



/* Phones */
@media screen and (max-width: 480px) {

	/* Services */
	.services {
	display:block;
	}		
			
		/* Grid - 1 column */
		.services .service-item,
		.main-third .services.grid-text-under .service-item,
		.main-right .services.grid-text-under .service-item,
		.main-left .services.grid-text-under .service-item,
		.main-third .services.grid-text-over .service-item,
		.main-right .services.grid-text-over .service-item,
		.main-left .services.grid-text-over .service-item {
		width:100% !important;
		margin-right:0% !important;
		margin-bottom:30px;
		}
		
			.services .service-item .service-item-image {
			float:none;
			width:100% !important;
			}
			
			.services .service-item .service-item-text {
			float:none;
			width:100% !important;
			display:block;
			padding-top:10px;
			}
}