/* ===== Primary Styles ========================================================
   Author: Marcus Brose - marcusbrose.com
   ========================================================================== */

@font-face {
   font-family: Nino;
   src: url(/fonts/Nino_02.ttf);
}

html, body { min-height: 100%; background: #fff7ee; }
body { color: #333; font-family: 'Nino', Arial; font-weight: normal; font-size: 15px; text-align: center; letter-spacing: .1em; }
a:link, a:visited { color: #333; text-decoration: none; }
a:hover, a:active { color: #333; }
ul, ol { margin: 0; padding: 0; }

h3 { text-align: left; margin: .5em 0 2em 0; font-size: 1em; }

a, a:active, a:focus {
	outline: none;
}

.container { position: relative; width: 100%; max-width: 1200px; margin: 0 auto; overflow: hidden; }
.item { width: 29.16666667%; margin: 0 2.083333333%; float: left; }
.item img { width: 100%; overflow: hidden; }

header { margin: 2em 0 5em 0; z-index: 1000; }
header .home strong { display: block; font-size: 1.8em; text-transform: lowercase; }
header .home span { display: block; font-size: .8em; }

.home .contact { display: block; position: absolute; top: 0; bottom: 0; right: 2.083333333%; width: 200px; text-align: right; font-size: .8em; line-height: 1.5em; cursor: pointer; }
.home .contact .default { display: block; position: absolute; bottom: 0; right: 0; }
.home .contact:hover .default { display: none; }
.home .contact .hover { display: none; }
.home .contact:hover .hover { display: block; position: absolute; bottom: 0; right: 0; }
.home .contact_mobile { display: none; }

.full { position: absolute; top: 60px; bottom: 2%; left: 5%; right: 5%; }

#bxslider { width: 100%; height: 100%; }
#bxslider div { width: 100%; height: 100%; }
#bxslider img { height: 100%; max-width: 100%; }

.bx-wrapper, .bx-viewport { height: 100% !important; }

#next, #prev { display: block; top: 70px; bottom: 0; position: absolute; z-index: 100; }
#next { left: 50%; right: 0; text-align: right; }
#prev { left: 0; right: 50%; text-align: left; }
#next a, #prev a { display: block; width: 100%; height: 100%; cursor: pointer; }
#next a { background: url(/assets/img/next1.png) no-repeat 98% 50%; }
#prev a { background: url(/assets/img/prev1.png) no-repeat 2% 50%; }
#next a.disabled, #prev a.disabled { display: none; }

form dl dt { float: left; width: 100px; height: 38px; clear: both; }
form dl dd { float: left; margin-bottom: .5em; }

label { line-height: 38px; }
input, button { border: 1px solid #000; padding: 10px 5px; }
button { padding: 10px 15px; background: #fff; font-family: 'Nino'; }
button:hover { background: #000; color: #fff; }

/**
 * phone
 */
@media only screen and (max-width: 479px) {
	body.default header { position: absolute; right: 0; text-align: right; margin: .5em; }
	header a { z-index: 1000; }

	.full { position: absolute; top: 2%; bottom: 2%; left: 10%; right: 10%; }

	.item { width: 96%; margin: 0 2%; }

	.home #header { height: 100px; }
	.home .contact { display: none; }
	.home .contact_mobile { display: block; padding: 20px 0; }

	#next, #prev { top: 0; }
}


/**
 * tablet
 */
@media only screen and (min-width: 480px) and (max-width: 799px) {
	body.default header { position: absolute; right: 0; text-align: right; margin: .5em; }
	header a { z-index: 1000; }

	.full { position: absolute; top: 2%; bottom: 2%; left: 5%; right: 5%; }

	.item { width: 43.75%; margin: 0 3.125%; }
	
	.home #header { height: 100px; }
	.home .contact { display: none; }
	.home .contact_mobile { display: block; padding: 20px 0; }

	#next, #prev { top: 0; }
}