/*-- Imports --*/

	@import url('https://fonts.googleapis.com/css?family=Muli');

/*-- Reset --*/

	* {
		border: 0;
		box-sizing: border-box;
		margin: 0;
		outline: none;
		padding: 0;
	}

	a {
		color: currentColor;
		text-decoration: none;
	}

	img {
		display: block;
		pointer-events: none;
	}

	p {	margin: 0;	}

/*-- Fonts --*/

	/* @font-face {
		font-family: 'GeBody';
		src: url('../fonts/GeBody.eot?#iefix') format('embedded-opentype'),  url('../fonts/GeBody.woff') format('woff'), url('../fonts/GeBody.ttf')  format('truetype'), url('../fonts/GeBody.svg#GeBody') format('svg');
		font-style: normal;
		font-weight: normal;
	} */

/*-- HTML --*/

	body {
		background: #F7F7F7;
		color: #555555;
		font-family: 'Century Gothic', 'Muli', sans-serif;
		font-size: 16px;
		overflow-y: hidden;
	}

	h2 { font-size: 2em; }
	h3 { font-size: 1.75em; }
	h4 { font-size: 1.5em; }

	hr {
		height: 3px;
		margin: 5px 0;
		width: 80%;
	}

	input, textarea {
		border: none;
		border-bottom: 1px solid #DDD;
		color: #858585;
		flex-grow: 1;
		padding: 2px 5px;
	}

	input:focus, textarea:focus {
		border-color: #49374D;
		outline: none;
	}

	input:focus + .label, textarea:focus + .label {
		border-color: #49374D;
		color: #49374D;
	}

	label {
		border-bottom: 1px solid #DDD;
		padding: 2px 0;
	}

	textarea {
	    height: 70px;
	    	resize: none;
	}

/*-- ID's --*/

	#about-us {
		padding: 80px 0 40px;
	}

	#cnt-form {
		background: #FFF;
		color: #999;
		padding: 25px;
	}

	#cnt-preloader {
		align-items: center;
		background: #49374D;
		display: inline-flex;
		height: 100vh;
		justify-content: center;
		left: 0;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 9999;
	}

	#contact {
		background: #F1B96F url(../img/img_contact.jpg) no-repeat;
		color: #FFF;
		padding: 80px;
	}

	#copy {
		background: #222222;
		color: #FFF;
		padding: 15px 0;
	}

	#details {
		background: #49374D;
		color: #FFF;
		padding: 80px 0;
	}

	#docs {
		padding: 80px 0;
	}

	#footer {
		background: #191919;
		color: #FFF;
	    padding: 50px 0;
	}

	#gallery {
		padding: 40px 0 80px;
	}

	#header { padding: 20px; }

	#hero-image {
		align-content: center;
		align-items: center;
		background: url(../img/img_hero-image.jpg) no-repeat;
		background-size: cover;
		color: #FFF;
		display: flex;
		height: 70vh;
		padding: 40px 0;
		text-align: center;
	}

	#navegation {
		background: #F1B96F;
		color: #FFF;
		padding: 20px;
		text-transform: uppercase;
	}

	#navegation span > a { font-weight: bold; }
	#navegation span > a:hover { opacity: .75; }

	#request {
		background: #49374D;
		padding: 50px 0;
	}

	#title {
		align-content: center;
		align-items: center;
		background: url(../img/img_hero-image.jpg) no-repeat;
		background-size: cover;
		color: #FFF;
		display: flex;
		height: 180px;
		padding: 40px 0;
		text-align: center;
	}

	#topbar {
		background: #EEE;
		color: #444;
		padding: 10px;
	}

/*-- Classes --*/

	.btn {
		background: none;
		border: none;
		color: #FFF;
		cursor: pointer;
	}

	.btn-s-fb { background: #3A6BB1; }
	.btn-s-in { background: #0094D3; }
	.btn-s-tw { background: #0EC8F5; }

	.btn-rct {
		align-content: center;
		align-items: center;
		border-radius: 5px;
		display: inline-flex;
		height: 35px;
		justify-content: center;
		width: 35px;
	}

	.btn-rct:hover { background: #F1B96F; }

	.btn-rnd {
		background: white;
		border-radius: 28px;
		padding: 7px 20px 7px 20px;
	}
	
	.btn-rnd:hover { background: #322534; }

	.crop {
		height: 650px;
		overflow: hidden;
	}

	.crop img { height: auto;	}
	.link:hover { color: #F1B96F; }

	.loader, .loader:after, .loader:before {
		-webkit-animation: load 1s infinite ease-in-out;
		animation: load 1s infinite ease-in-out;
		background: #FFF;
		height: 4em;
		width: 1em;
	}

	.loader {
		-webkit-animation-delay: -0.16s;
		animation-delay: -0.16s;
		color: #FFF;
		font-size: 11px;
		margin: 88px auto;
		position: relative;
		text-indent: -9999em;
		-ms-transform: translateZ(0);
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}

	.loader:after, .loader:before {
		content: '';
		position: absolute;
		top: 0;
	}

	.loader:after { left: 1.5em; }

	.loader:before {
		-webkit-animation-delay: -0.32s;
		animation-delay: -0.32s;
		left: -1.5em;
	}

	.logo { max-width: 270px; }

	.tbl-hdr {
		background: #49374D;
		color: #FFF;
		padding: 10px 20px;
   }
   
   .tbl-sub {
		background: #F1B96F;
		border: 1px solid #49374D;
		color: #FFF;
		padding: 10px 20px;
	}

	.tbl-row div {
		border: 1px solid #49374D;
		border-top: 0;
		padding: 10px 15px;
		height: 80px;
	}

	.tbl-row div:nth-child(2) {
		border-left: 0;
		border-right: 0;
	}

/*-- Classes (Colors) --*/

	.purple-b { background: #49374D; }
	.purple-c { color: #49374D; }
	.gold-b { background: #F1B96F; }
	.gold-c { color: #F1B96F; }
	.white-b { background: #FFF; }
	.white-c { color: #FFF; }

/*-- Classes (My APIs) --*/

	.animate-ease { transition: all 0.5s ease; }
	.border { border: 1px solid #EEE; }
	.center { text-align: center; }
	.d-block {	display: block; }
	.f-1_25x { font-size: 1.25em; }
	.f-1_5x { font-size: 1.5em; }	
	.f-1_75x {	font-size: 1.75em; }
	.f-2x {	font-size: 2em; }
	.f-2_5x { font-size: 2.5em; }
	.f-3x {	font-size: 3em; }
	.f-5x { font-size: 5em; }

	.flx {
		align-items: center;
		align-content: center;
		display: flex;
	}

	.flx-1 { flex: 1; }
	.flx-2 { flex: 2; }
	.flx-ai-flxstr { align-items: flex-start; }
	.flx-as-flxstr { align-self: flex-start; }
	.flx-fb-0 { flex-basis: 0; }
	.flx-fb-1 { flex-basis: 1; }
	.flx-dr-clm { flex-direction: column; }
	.flx-ds-inlflx { display: inline-flex; }
	.flx-fg-1 { flex-grow: 1; }
	.flx-jc-cnt { justify-content: center; }
	.flx-jc-flxstr { justify-content: flex-start; }
	.flx-jc-spcarn { justify-content: space-around; }
	.flx-jc-spcbtw { justify-content: space-between; }

	.horizontal-line {
		background: #EEE !important;
		height: 1px;
		width: 100%;
	}

	.justify { text-align: justify; }
	.left { text-align: left; }
	.left-space-lg { margin-left: 45px !important; }
	.left-space-md { margin-left: 30px !important; 	}
	.left-space-sm { margin-left: 15px !important; }
	.left-space-xsm { 	margin-left: 7.5px !important; }
	.m-auto { margin: 0 auto; }
	.p-15x { padding: 15px; }
	.p-30x { padding: 30px; }
	.pos-rel { position: relative; }
	.right { text-align: right; }
	.right-space-md { margin-right: 30px !important; }
	.right-space-sm { margin-right: 15px !important; }
	.right-space-xsm { margin-right: 7.5px !important; }

	.site-title {
		cursor: default;
		left: 0;
		opacity: 0;
		position: absolute;
		top: 0;
		z-index: -9999;
	}

	.top-space-lg { margin-top: 45px; }
	.top-space-md { margin-top: 30px; }
	.top-space-sm { margin-top: 15px; }
	.top-space-xlg { margin-top: 60px; }
	.top-space-xsm { margin-top: 7.5px; }
	.uppercase { text-transform: uppercase; }
	.vertical-align { vertical-align: middle; }

	.vertical-line {
		background: #EEE !important;
		height: 50px;
		margin: 0 15px;
		width: 1px;
	}

	.w-10 { width: 10%; }
	.w-20 { width: 20%; }
	.w-30 { width: 30%; }
	.w-40 { width: 40%; }
	.w-45 { width: 45%; }
	.w-50 { width: 50%; }
	.w-60 { width: 60%; }
	.w-70 { width: 70%; }
	.w-80 { width: 80%; }
	.w-90 { width: 90%; }
	.w-100 { width: 100%; }
	.z-2 { z-index: 99; }

/*-- CSS3 --*/
	
	@-webkit-keyframes load {
		0%, 80%, 100% {
			box-shadow: 0 0;
			height: 4em;
		}

		40% {
			box-shadow: 0 -2em;
			height: 5em;
		}
	}

	@keyframes load {
		0%, 80%, 100% {
			box-shadow: 0 0;
			height: 4em;
		}	

		40% {
			box-shadow: 0 -2em;
			height: 5em;
		}
	}