@import url(https://fonts.googleapis.com/css?family=Roboto:400,100italic,100,300,300italic,400italic,500,500italic,700,700italic,900,900italic);
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:100,300,400,700);
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css);
@import url(https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css);

:root
{
	--default-color: #5b5b58;
}

/* Slick.js */

.slick-list,.slick-slider,.slick-track{position:relative;display:block}.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{top:0;left:0}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}

html, body
{
	width: 100%;
	height: 100%;
	font-family: 'Roboto Slab', serif;
	font-size: 16px;
}

body
{
	background-color: #ffffff;
}

/* Base tags */

a
{
	color: var(--default-color)
}

/* Form elements */

.button
{
	display: inline-block;
	background: none;
	border: none;
	background-color: var(--default-color);
	color: white;
	font-family: 'Roboto Slab', serif;
	font-size: 16px;
	line-height: 18px;
	font-weight: 400;
	padding: 10px 16px;
	margin-right: 10px;
	-webkit-transition: All 0.5s;
	-o-transition: All 0.5s;
	transition: All 0.5s;
}

	.button:hover
	{
		text-decoration: none;
		background-color: black;
	}

.button.button-light
{
	background-color: #cccccc;
	color: var(--default-color);
}

	.button.button-light:hover
	{
		background-color: #b00000;
		color: white;
	}

label > .field
{
	margin-top: 4px;
}


input.field,
textarea.field,
select.field
{
	position: relative;
	border: none;
	background: none;
	background: #ffffff;
	border: 2px solid transparent;
	padding: 8px 10px;
	font-family: 'Roboto Slab', serif;
	font-size: 18px;
	line-height: 24px;
	font-weight: 400;
	color: var(--default-color);
	width: 100%;
	outline: none;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	border-bottom: 2px solid rgba(0,0,0,0.2);
}

	input.field:focus,
	textarea.field:focus,
	select.field:focus
	{
		border-color: var(--default-color);
		color: var(--default-color)
	}

.table
{
	border: 1px solid #999;
}

	.table thead td
	{
		color: #999;
	}

	.table td
	{
		border-collapse: collapse;
		border: 1px solid #999;
		background-color: #fff;
	}

/* Main content */

.top,
.content,
.bottom
{
	position: relative;
	width: 100%;
}

.top
{
	height: 160px;
	background-color: #ffffff;
	border-top: 10px solid var(--default-color);
}	
	
	.top
	{
		box-shadow: rgba(0,0,0,0.05) 0 4px 4px;
		z-index: 999;
	}

	.top .logo
	{
		display: inline-block;
		width: 230px;
		height: 80px;
		margin-top: 30px;
		margin-left: -10px;
	}

		.top .logo a
		{
			display: inline-block;
			width: 230px;
			height: 80px;
			text-indent: -9999px;
			overflow: hidden;
			-webkit-background-size: 100% 100%;
			background-size: 100% 100%;
			background-image: url(../images/logo.png);
		}

	.top .certifications-logo
	{
		position: absolute;
		left: 250px;
		top: 30px;
	}

	.top nav
	{
		font-family: 'Roboto Slab', serif;
		font-size: 22px;
		font-weight: 400;
		float: right;
		margin-top: 36px;
	}

		.top nav a
		{
			float: left;
			padding: 14px;
			margin-left: 20px;
			-webkit-transition: All 0.1s;
			-o-transition: All 0.1s;
			transition: All 0.1s;
		}

			.top nav a:hover,
			.top nav a.selected
			{
				text-decoration: none;
				background-color: var(--default-color);
				color: white;
			}

	.top .mobile-menu-switcher
	{
		position: absolute;
		display: none;
		right: 24px;
		top: 20px;
		font-size: 32px;
		line-height: 32px;
	}

.content
{
	background-image: url(../images/body.png);
}

	.content .container
	{
		padding: 40px 0;
	}

	.content p,
	.content ul.list,
	.content hr,
	.content h1,
	.content h2,
	.content h3,
	.content h4,
	.content h5,
	.content h6,
	.bottom p,
	.bottom ul.list,
	.bottom hr,
	.bottom h1,
	.bottom h2,
	.bottom h3,
	.bottom h4,
	.bottom h5,
	.bottom h6
	{
		font-family: 'Roboto Slab', serif;
		margin-bottom: 20px;
	}

	.bottom p,
	.content p,
	.content ul.list li
	{
		font-size: 16px;
		line-height: 24px;
		font-weight: 300;
	}

	.content hr
	{
		height: 0;
		border: none;
		background: none;
		border-bottom: 1px solid #ddd;
		margin: 40px 0;
	}

	.content h1,
	.bottom h1
	{
		font-size: 48px;
		line-height: 48px;
		font-weight: 300;
		color: var(--default-color);
	}

	.content h2,
	.bottom h2
	{
		font-size: 42px;
		line-height: 42px;
		font-weight: 400;
		color: #333333;
	}

	.content h3,
	.bottom h3
	{
		font-size: 36px;
		line-height: 36px;
		font-weight: 400;
		color: #666666;
	}

	.content h4,
	.bottom h4
	{
		font-size: 32px;
		line-height: 32px;
		font-weight: 300;
		color: #999999;
	}

	.content h5,
	.bottom h5
	{
		font-size: 24px;
		line-height: 24px;
		font-weight: 400;
		color: #000 !important;
	}

	.content h5.with-border,
	.bottom h5.with-border
	{
		border-left: 10px solid var(--default-color);
		padding-left: 10px;
	}

	.content h6,
	.bottom h6
	{
		font-size: 20px;
		line-height: 24px;
		font-weight: 600;
		color: #333333;
	}

	.content.content-slideshow
	{
		position: relative;
		height: 400px;
		background-color: #ddd;
		background-image: none;
		overflow: hidden;
	}

	.content .slide
	{
		width: 100%;
		height: 400px;
		background-repeat: no-repeat;
		background-attachment: fixed;
	}

		.content .slide a
		{

		}

		.content .slide a:hover
		{
			text-decoration: none;
			opacity: 0.8;
		}

		.content .slide.slide-01 {background-image: url(../images/slide-01.jpg);}
		.content .slide.slide-02 {background-image: url(../images/slide-02.jpg);}
		.content .slide.slide-03 {background-image: url(../images/slide-03.jpg);}

		.content .slide h1
		{
			display: inline-block;
			font-size: 42px;
			line-height: 42px;
			font-weight: 300;
			background-color: var(--default-color);
			color: white;
			padding: 12px 20px;
			margin-top: 90px;
			margin-bottom: 0;
		}

		.content .slide h2
		{
			display: inline-block;
			font-size: 22px;
			line-height: 22px;
			font-weight: 400;
			background-color: #fff;
			color: var(--default-color);
			padding: 12px 20px;
		}

		.content #slideshow-slider-prev,
		.content #slideshow-slider-next
		{
			position: absolute;
			font-size: 48px;
			line-height: 48px;
			color: rgba(0,0,0,0.2);
			top: 170px;
			z-index: 9999;
		}

			.content #slideshow-slider-prev:hover,
			.content #slideshow-slider-next:hover
			{
				color: var(--default-color);
			}

		.content #slideshow-slider-prev
		{
			left: 20px;
		}

		.content #slideshow-slider-next
		{
			right: 20px;
		}

	.content.content-customers
	{
		position: relative;
		width: 100%;
		height: 240px;
		background-color: #dddddd;
		background-image: none;
		overflow: hidden;
	}

		.content.content-customers h5
		{
			border-left: 10px solid #ccc;
			padding-left: 10px;
			color: var(--default-color);
			margin-bottom: 0;
		}	

		.content.content-customers img
		{
			filter: grayscale(1);
			-webkit-filter: grayscale(1);
			opacity: 0.5;
			margin-right: 10px;
			float: left;
			-webkit-transition: All 0.5s;
			-o-transition: All 0.5s;
			transition: All 0.5s;
		}

		.content.content-customers img:hover
		{
			filter: none;
			-webkit-filter: none;
			opacity: 1;
		}

	.content.content-news
	{
		position: relative;
		width: 100%;
	}

		.content.content-news h5
		{
			border-left: 10px solid var(--default-color);
			padding-left: 10px;
		}	

		.content.content-news .news-date
		{
			color: rgba(0,0,0,0.5);
		}

		.content.content-news .fa
		{
			opacity: 0.5;
		}

		.content.content-news p
		{
			margin-bottom: 5px;
		}

	.content.content-photo-header
	{
		height: 200px;
		background-attachment: fixed;
		-webkit-transition: all 0.2s;
		-o-transition: all 0.2s;
		transition: all 0.2s;
		border-bottom: 1px solid #ddd;
	}	

		.content.content-photo-header h2
		{
			display: inline-block;
			color: white;
			font-size: 64px;
			line-height: 64px;
			background-color: var(--default-color);
			padding: 10px 20px;
			margin-top: 20px;
		}

		.content.content-photo-header.content-photo-header-nr-12
		{
			background-image: url(../images/photo-header-nr-12.jpg);
		}

	.content .latest-jobs
	{
		position: relative;
		background-color: #ddd;
	}

		.content .latest-jobs #latest-jobs-slider-prev,
		.content .latest-jobs #latest-jobs-slider-next
		{
			position: absolute;
			font-size: 24px;
			line-height: 24px;
			color: white;
			z-index: 9999;
			background-color: var(--default-color);
			color: white;
			padding: 6px 10px;
			top: 20px;
			-webkit-transition: all 0.2s;
			-o-transition: all 0.2s;
			transition: all 0.2s;
		}

			.content .latest-jobs #latest-jobs-slider-prev:hover,
			.content .latest-jobs #latest-jobs-slider-next:hover
			{
				background-color: #000;
			}
		
		.content .latest-jobs #latest-jobs-slider-prev
		{
			left: 20px;
		}

		.content .latest-jobs #latest-jobs-slider-next
		{
			right: 20px;
		}

	.content .box
	{

	}

		.content .box h4
		{
			border-left: 10px solid var(--default-color);
			padding-left: 10px;
		}
		
		.content .box img
		{
			width: 100%;
			margin-bottom: 10px;
		}

	.content .services-photo
	{
		width: 100%;
		min-height: 300px;
		opacity: 0.8;
		background-position: 50% 50%;
		-webkit-filter: grayscale(0.9);
		-o-filter: grayscale(0.9);
		filter: grayscale(0.9);
		-webkit-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;
		-webkit-background-size: 100%;
		background-size: 100%;
	}	

		.content .service-panel:hover .services-photo
		{
			opacity: 1;
			-webkit-filter: grayscale(0);
			-o-filter: grayscale(0);
			filter: grayscale(0);
			-webkit-background-size: 110%;
			background-size: 110%;
		}

	.content .customer-logo
	{
		width: 140px;
		height: auto;
		background: white;
		margin-right: 20px;
		margin-bottom: 20px;
		opacity: 0;
	}

	.content .contact-form
	{
		max-width: 800px;
	}

	.content #map
	{
		width: 100%;
		height: 240px;
		border-bottom: 1px solid #ddd;
		background-color: #ddd;
	}

.bottom
{
	background-color: #fff;
	height: 300px;
}

	.bottom address
	{
		font-family: 'Roboto Slab', serif;
		font-size: 16px;
		line-height: 22px;
		color: #999;
		margin-top: 40px;
		margin-bottom: 20px;
	}

	.bottom nav
	{
		font-family: 'Roboto Slab', serif;
		font-size: 16px;
		line-height: 22px;
	}

		.bottom nav a
		{
			display: inline-block;
			width: 100%;
		}

	.bottom h5
	{
		font-weight: 200;
	}

	.bottom .social
	{
		font-size: 24px;
	}

		.bottom .social a
		{
			color: #999;
		}

			.bottom .social a:hover
			{
				color: var(--default-color);
				text-decoration: none;
			}

	.bottom .phone
	{
		font-family: 'Roboto', serif;
		font-size: 32px;
		line-height: 38px;
		font-weight: 300;
		color: rgba(0,0,0,0.5);
		margin-top: 40px;
		text-align: right;
	}

	.bottom .guimadaleno
	{
		display: inline-block;
		width: 80px;
		height: 22px;
		text-indent: -9999px;
		background-image: url(../images/guimadaleno.svg);
	}

	.bottom .copyright
	{
		font-family: 'Roboto', serif;
		font-size: 12px;
		line-height: 14px;
		color: rgba(0,0,0,0.5);
	}

/* Media query: Phones */

@media (max-width: 640px) 
{
	
	.top
	{
		height: 90px;
	}	

		.top .logo
		{
			width: 120px;
			height: 42px;
			margin-top: 16px;
			margin-left: 0px;
		}

			.top .logo a
			{
				width: 120px;
				height: 42px;
			}

		.top .mobile-menu-switcher
		{
			display: block;
		}
		
		.top nav
		{
			position: absolute;
			width: 160px;
			right: -10px;
			top: -40px;
			font-size: 24px;
			line-height: 24px;
			background-color: #ffffff;
			text-align: right;
			padding: 8px 10px;
			box-shadow: rgba(0,0,0,0.2) 0 -3px 30px;
			display: none;
		}

			.top nav:after,
			.top nav:before {
				bottom: 100%;
				left: 50%;
				border: solid transparent;
				content: " ";
				height: 0;
				width: 0;
				position: absolute;
				pointer-events: none;
			}

			.top nav:before {
				border-bottom-color: #ffffff;
				border-width: 16px;
				margin-left: 36px;
			}

			.top nav a
			{
				width: 100%;
				padding: 14px;
				margin: 0;
			}

	.content .container
	{
		margin: 0 20px 0 20px;
	}

	.content.content-slideshow .container
	{
		margin: 0;
	}

	.content #slideshow-slider-prev,
	.content #slideshow-slider-next
	{
		display: none;
	}
	
	.content.content-slideshow,
	.content .slide
	{
		height: 190px;
		background: none !important;
		background-image: none !important;
		background-color: #f0f0f0 !important;
		border-bottom: 1px solid #ddd;
	}

		.content .slide h1
		{
			margin-top: 0px;
			font-size: 24px;
			line-height: 24px;
		}

		.content .slide h2
		{
			font-size: 18px;
			line-height: 18px;
		}

	.content .box h4
	{
		font-size: 20px;
		line-height: 20px;
	}

	.content.content-customers img
	{

	}

	.content.content-news
	{

	}

}