/* v.1.1 -non compressed-
be aware of "test"

Reds (hue:3):
Main red	— #c32a22
Light red	— #f4c1be

Coffee creams (hue:26):
Light cream	— #e0d8d2
Medium cream	— #aba197
Dark cream	— #64554a
*/

/*Global reset*/
*{ border:none; margin:0; padding:0; }

/*HTML5 fix*/
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary { display:block; }

/*General*/
@font-face {
    font-family: 'Spartan';
    src:url('stylesheets/leaguespartan-bold-webfont.eot'); /* IE9 Compat Modes */
    src:url('stylesheets/leaguespartan-bold-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('stylesheets/leaguespartan-bold-webfont.woff2') format('woff2'), /* Modern Browsers */
		url('stylesheets/leaguespartan-bold-webfont.woff') format('woff'), /* Modern Browsers */
		url('stylesheets/leaguespartan-bold-webfont.ttf') format('truetype'), /* Safari, Android, iOS */
		url('stylesheets/leaguespartan-bold-webfont.svg#league_spartanregular') format('svg'); /* Legacy iOS */
    font-weight:700;
    font-style:normal;
}

html,body {
	height:100%;
	width:100%;
}

body {
	font-size:100%; /*1em, 16px */
	background:#ab9f96;/* fullscreen average creamy backdrop */
	color:#303030;
	font-family:"Tahoma","Verdana","Helvetica","Helvetica Neue","Arial", "Sans-Serif";
	-moz-osx-font-smoothing: grayscale;
	line-height:1.85em;
	min-height:100%;
	min-width:530px; /*480+25+25*/
	text-align:left;
	text-rendering:optimizeLegibility; /*Enable font OT features (kerning, ligature pairs, etc.)*/
	text-shadow:0 1px 0 #fff;
}

::-moz-selection {
	background-color:#c32a22;
	color:#fff;
	text-shadow:none !important;
}

::selection {
	background-color:#c32a22;
	color:#fff;
	text-shadow:none !important;
}

.lt-ie9 .mobile { display:none; } /* fallback for media queries non-support */
.onred::-moz-selection { background-color:#000; }
.onred::selection { background-color:#000; }

a {
	color:#c32a22;
	-ms-transition:color 0.5s ease, border-color 0.5s ease;
	-o-transition:color 0.5s ease, border-color 0.5s ease;
	-webkit-transition:color 0.5s ease, border-color 0.5s ease;
	transition:color 0.5s ease, border-color 0.5s ease;
}
a.underlined {
	border-bottom:2px solid #f4c1be;
	text-decoration:none !important;
}

a.pseudo {
	border-bottom:2px dotted #f4c1be;
	text-decoration:none !important;
}

a.pseudo:hover, a.underlined:hover {
	color:#000;
	border-color:#000;
}

a.pseudo:visited, a.underlined:visited {
	color:#c32a22;
	border-color:#f4c1be;
}

a.pseudo:visited:hover, a.underlined:visited:hover {
	color:#000;
	border-color:#000;
}

h1, h2, h3 {
	font-family:"Spartan", "Futura Heavy", "Tahoma", "sans-serif";
}

h1 {
	font-size:5em;
	line-height:.5em;
	text-shadow:0 2px 0 #fff;
}

h2 {
	border:4px solid #c32a22;
	-moz-box-shadow:0 1px 0 1px #fff;
	-webkit-box-shadow:0 1px 0 1px #fff;
	box-shadow:0 1px 0 1px #fff;
	color:#c32a22;
	display:table;
	font-size:2em;
	line-height:1.2em;
	margin:0 auto;
	margin-bottom:55px;
	padding: 0.2em 0.3em;
	text-align:center;
	text-shadow:0 2px 0 #fff;
}

h3 {
	font-size:1.4em;
	margin-bottom:1em;
}

img {
	display:block;
	margin-bottom:1em;
	-ms-interpolation-mode:bicubic;
}

img + p { margin-top:1em; }

input, select, textarea {
	background-color:#fbfaf8;
	font-family:Tahoma, Sans-Serif;
	font-size:100%; /*16*/
	line-height:1.4em;
	font-size:100%;
	padding:.8em;
	margin:.5em 0 1.5em;
	outline:3px solid #e8e6e3;
	width:100%;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box; /*fixes the excess width issue due to padding*/
	-ms-transition:outline-color 0.5s ease, background-color 0.5s ease;
	-o-transition:outline-color 0.5s ease, background-color 0.5s ease;
	-webkit-transition:outline-color 0.5s ease, background-color 0.5s ease;
	transition:outline-color 0.5s ease, background-color 0.5s ease;
}

input:hover, select:hover, textarea:hover {
    outline-color:#d1cdc7;
}
input:focus, select:focus, textarea:focus {
	-moz-box-shadow:0 1px 0 1px #fff;
	-webkit-box-shadow:0 1px 0 1px #fff;
	box-shadow: 0 1px 0 1px #fff;
    outline-color:#c32a22;
}

table { border-spacing:0; }

textarea { height:13em; }

p {
	font-size:1.375em;
	margin-bottom:1em;
}

ul {
	font-size:1.375em;
	list-style-type:square;
	list-style-position:inside;
	margin-bottom:1em;
	white-space:nowrap;
}

/*Animation*/
.animated {
	-moz-animation-duration:1s;
	-o-animation-duration:1s;
	-webkit-animation-duration:1s;
	animation-duration:1s;
	-moz-animation-fill-mode:both;
	-o-animation-fill-mode:both;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}

@-moz-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}

@-o-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}

@-webkit-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}

@keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}

.fadeIn {
	-moz-animation-name:fadeIn;
	-o-animation-name:fadeIn;
	-webkit-animation-name:fadeIn;
	animation-name:fadeIn;
}

@-moz-keyframes fadeInDown {
  0% {
	opacity:0;
	-moz-transform:translate3d(0, -100%, 0);
	transform:translate3d(0, -100%, 0);
  }

  100% {
	opacity:1;
	-webkit-transform:none;
	transform:none;
  }

}

@-o-keyframes fadeInDown {
  0% {
	opacity:0;
	-o-transform:translate3d(0, -100%, 0);
	transform:translate3d(0, -100%, 0);
  }

  100% {
	opacity:1;
	-o-transform:none;
	transform:none;
  }

}

@-webkit-keyframes fadeInDown {
  0% {
	opacity:0;
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0);
  }

  100% {
	opacity:1;
	-webkit-transform:none;
	transform:none;
  }
}

@keyframes fadeInDown {
  0% {
    opacity:0;
	transform:translate3d(0, -100%, 0);
  }

  100% {
	opacity:1;
	transform:none;
  }
}

.fadeInDown {
	-moz-animation-name:fadeInDown;
	-o-animation-name:fadeInDown;
	-webkit-animation-name:fadeInDown;
	animation-name:fadeInDown;
}

/*Specifics*/
.onred {
	color:#f5f5f5;
	text-shadow:0 2px 0 #000;
}
.red { color:#c32a22; }
.text-centred { text-align:center; }

span.invisible { display:none !important; }
span.nobr { white-space:nowrap; }
span.space { margin:0 .25em; }

ul.half li { width:50%; float:left; }

tr.einz:hover, tr.zwei:hover, tr.drei:hover, tr.fier:hover { background-color:#eae2dc; }
tr.einz, tr.zwei, tr.drei, tr.fier {
	-moz-transition:background-color 0.25s ease-in-out;
	-o-transition:background-color 0.25s ease-in-out;
	-webkit-transition:background-color 0.25s ease-in-out;
	transition:background-color 0.25s ease-in-out;
}

input.button {
	background-color:#c32a22;
	color:#fff;
	cursor:pointer;
	float:right;
	width:160px;
	-moz-transition:background-color 0.5s ease, color 0.5s ease, outline 0.5s ease;
	-o-transition:background-color 0.5s ease, color 0.5s ease, outline 0.5s ease;
	-webkit-transition:background-color 0.5s ease, color 0.5s ease, outline 0.5s ease;
	transition:background-color 0.5s ease, color 0.5s ease, outline 0.5s ease;
}

input.button:active {
	font-size: 96%;
	padding:.9em;
	outline-color:#c32a22;
}

input.button:focus { outline-color:#c0c0c0; }

input.button:hover {
	background-color:#fff;
	color:#c32a22;
	outline-color:#c32a22;
}

.section {
	clear:both;
	float:left;
	width:100%;
	border-top:1px solid #fff;
	padding-bottom:55px;
	padding-top:55px;
}

.section-red {
	clear:both;
	float:left;
	width:100%;
	border-top:1px solid #fff;
	padding:80px 0;
	background-color:#b11910;
	-moz-box-shadow:0 10px 20px 0 #410e0b inset;
	-moz-box-shadow:0 10px 20px 0 rgba(0,0,0,0.40) inset;
	-webkit-box-shadow:0 10px 20px 0 #410e0b inset;
	-webkit-box-shadow:0 10px 20px 0 rgba(0,0,0,0.40) inset;
	box-shadow:0 10px 20px 0 #410e0b inset;
	box-shadow:0 10px 20px 0 rgba(0,0,0,0.40) inset;
}

.section-red p { margin-bottom:0; }

.section-red.one {
	background:url('images/red_section_one.jpg') #56120f center bottom no-repeat;
	background-size:cover;
}

.section-red.two {
	background:url('images/red_section_two.jpg') #4d100d center bottom no-repeat;
	background-size:cover;
}

.section-red-triangle-place {
	clear:both;
	float:left;
	position:relative; /* overlapping top border fix*/
	top:-2px;
	width:100%;
}

.section-red-triangle {
	width:47px;
	height:28px;
	margin:0 auto; 
}

.content {
	min-width:480px;
	max-width:1200px;
	margin:0 auto;
	padding:0 25px;
	overflow:hidden;/*prevent 0 height due to floats*/
}

.bg-dark { background-color:#eee7e2; }
.bg-light-left { background:#f4efeb url('data:image/gif;base64,R0lGODlhCAAIAJEAAOfi3+fi3vLt6fTv6yH5BAAAAAAALAAAAAAIAAgAAAIR1H4CmGCoXpNDBGrxZWMzUQAAOw==') repeat; }
.bg-light-right { background:#f4efeb url('data:image/gif;base64,R0lGODlhCAAIAJEAAOfi3+fi3vLt6fTv6yH5BAAAAAAALAAAAAAIAAgAAAIRhIYoYpl83IByhujErXpJXQAAOw==') repeat; }
.bg-dark-right { background:#ece7e2 url('data:image/gif;base64,R0lGODlhCAAIAJEAAODb1t/a1url4Ozn4iH5BAAAAAAALAAAAAAIAAgAAAIRhIYoYpl83IByhujErXpJVgAAOw==') repeat; }
.bg-darker-left { background:#d7d3cf url('data:image/gif;base64,R0lGODlhCAAIAJEAAMvIxMzIxNXRzdfTzyH5BAAAAAAALAAAAAAIAAgAAAIR1H4CmGCoXpNDBGrxZWMzUQAAOw==') repeat; }


/*Page order*/
#fullscreen {
	-moz-animation-duration:2s;
	-o-animation-duration:2s;
	-webkit-animation-duration:2s;
	animation-duration:2s;
	background-color:#ab9f96; /*average creamy */
	background: -moz-radial-gradient(center, ellipse cover,  #e0d8d2 12%, #7e7065 70%, #64554a 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(12%,#e0d8d2), color-stop(70%,#7e7065), color-stop(100%,#64554a));
	background: -webkit-radial-gradient(center, ellipse cover,  #e0d8d2 12%,#7e7065 70%,#64554a 100%);
	background: -o-radial-gradient(center, ellipse cover,  #e0d8d2 12%,#7e7065 70%,#64554a 100%);
	background: -ms-radial-gradient(center, ellipse cover,  #e0d8d2 12%,#7e7065 70%,#64554a 100%);
	background: radial-gradient(ellipse at center,  #e0d8d2 12%,#7e7065 70%,#64554a 100%);
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0d8d2', endColorstr='#64554a',GradientType=1 ); blocks image in  lte-ie7 */
	background:#aba197 url('images/hero_BG.jpg') 50% 75% no-repeat;
	background-size:cover;
	min-height:333px;
}

#hero-logo { margin:0 auto 70px; }

#hero-logo, #hero-text {
	-moz-animation-delay:.5s;
	-o-animation-delay:.5s;
	-webkit-animation-delay:.5s;
	animation-delay:.5s;
	-moz-animation-duration:2.75s;
	-o-animation-duration:2.75s;
	-webkit-animation-duration:2.75s;
	animation-duration:2.75s;
	-webkit-font-smoothing:antialiased;
}

/*
#navigation-wrapper {
	-moz-animation-delay:.5s;
	-o-animation-delay:.5s;
	-webkit-animation-delay:.5s;
	animation-delay:.5s;
	-moz-animation-duration:2.5s;
	-o-animation-duration:2.5s;
	-webkit-animation-duration:2.5s;
	animation-duration:2.5s;
}
*/

#navigation { /* animation in test mode */
	-moz-animation-delay:.5s;
	-o-animation-delay:.5s;
	-webkit-animation-delay:.5s;
	animation-delay:.5s;
	-moz-animation-duration:2.5s;
	-o-animation-duration:2.5s;
	-webkit-animation-duration:2.5s;
	animation-duration:2.5s;
	background-color:#c32a22;
	-moz-box-shadow:0 5px 7px 0 #ba9896;
	-moz-box-shadow:0 5px 7px 0 rgba(84, 21, 18, 0.4);
	-webkit-box-shadow:0 5px 7px 0 #ba9896;
	-webkit-box-shadow:0 5px 7px 0 rgba(84, 21, 18, 0.4);
	box-shadow:0 5px 7px 0 #ba9896;
	box-shadow:0 5px 7px 0 rgba(84, 21, 18, 0.4);
	text-shadow:0 1px 0 #000;
	padding:5px 0;
	top:0px;
	width:100% !important;
}

#navigation a {
	color:#f6f2ef;
	text-decoration:none !important;
}

#navigation ul { list-style-type:none !important; }

.trex:active {
	color:#e9827c !important;
	-moz-transition:all 0.25s ease !important;
	-o-transition:all 0.25s ease !important;
	-webkit-transition:all 0.25s ease !important;
	transition:all 0.25s ease !important;
}

.trex:hover {
	padding:5px 10px;
	border:3px solid;
	-moz-box-shadow:0 1px 0px 0px #000;
	-webkit-box-shadow:0 1px 0px 0px #000;
	box-shadow:0 1px 0px 0px #000;
	-moz-transition:all 0.25s ease;
	-o-transition:all 0.25s ease;
	-webkit-transition:all 0.25s ease;
	transition:all 0.25s ease;
}

.trex-active {
	padding:5px 10px;
	border:3px solid;
	-moz-box-shadow:0 1px 0px 0px #000;
	-webkit-box-shadow:0 1px 0px 0px #000;
	box-shadow:0 1px 0px 0px #000;
}

.trex .trex-active { /*prevent repeated transitions from scrolling*/
	-moz-transition:none;
	-o-transition:none;
	-webkit-transition:none;
	transition:none;
}

.side-image img {
	margin-left:auto;
	margin-right:auto;
	width:90%;
	height:90%;
}

#section-gallery {
	border-top:0 none;
	-moz-box-shadow:0 6px 10px 0 #b0b0b0 inset;
	-moz-box-shadow:0 6px 10px 0 rgba(0,0,0,0.23) inset;
	-webkit-box-shadow:0 6px 10px 0 #b0b0b0 inset;
	-webkit-box-shadow:0 6px 10px 0 rgba(0,0,0,0.23) inset;
	box-shadow:0 6px 10px 0 #b0b0b0 inset;
	box-shadow:0 6px 10px 0 rgba(0,0,0,0.23) inset;
	padding-top:24px;
}

.gallery-image {
	-moz-box-shadow:0 3px 10px 0 #717171;
	-webkit-box-shadow:0 3px 10px 0 #717171;
	box-shadow:0 3px 10px 0 #717171;
	float:left;
	margin-right:13px;
}

#contact-info, #contact-form-holder {
	float:left;
	width:50%;
}

#contact-form-margins { margin:0 25px; }

#contact-form-holder h2 { display:none; } /* hide Contact form heading for desktop */

#contact-form p { margin-bottom:0; }

#contact-results .error { color:#c32a22; }

#contact-results .success, #contact-results .error { margin-top:80px; text-align:center; } /*margin for JS auto-scroll to work correctly */

footer {
	background-color:#ad261f;
	color:#cd8e8e !important;
	padding:8px 0 !important;
	text-shadow:0 1px 0 #57130f !important;
	-moz-box-shadow:0 20px 40px -10px #5f1511 inset;
	-moz-box-shadow:0 20px 40px -10px rgba(0,0,0,0.45) inset;
	-webkit-box-shadow:0 20px 40px -10px #5f1511 inset;
	-webkit-box-shadow:0 20px 40px -10px rgba(0,0,0,0.45) inset;
	box-shadow:0 20px 40px -10px #5f1511 inset;
	box-shadow:0 20px 40px -10px rgba(0,0,0,0.45) inset;
}

footer a {
	color:#cd8e8e !important;
	border-bottom: 1px solid #b65a5a !important;
}

footer a:hover {
	color:#fff !important;
	border-color:#fff !important;
}

footer a:visited {
	color:#cd8e8e !important;
	border-color:#b65a5a !important;
}

footer a:visited:hover {
	color:#fff !important;
	border-color:#fff !important;
}

@media all and (min-width:1025px) { /* Desktop look 1024–infinite */
	.mobile { display:none !important; }
}

@media all and (max-width:839px) and (min-width:725px){ /* Mobile 725-839 */
	#contact-form-margins { margin:0 55px; }
}

@media all and (max-width:1024px) and (min-width:840px){ /* Mobile 840-1024 */
	#contact-form-margins { margin:0 100px; }
}

@media all and (max-width:1024px) { /* Mobile look 0-1024 */

	.desktop { display:none !important; }

	.mobile { display:box !important; }
	
	.side-image {
		clear:both;
		width:100% !important;
	}
	
	.side-text {
		clear:both;
		width:100% !important;
	}

	#hero-logo { margin:0 auto 50px !important; }

	#contacts-wrapper { padding-bottom:0 !important; }

	#contact-info {
		float:none !important;
		/*clear:both; display:table; margin:0 auto;*/ 
		margin-bottom:55px;
		width:auto !important;
	}

	#contact-form-holder {
		background: #ece7e2 url('data:image/gif;base64,R0lGODlhCAAIAJEAAODb1t/a1url4Ozn4iH5BAAAAAAALAAAAAAIAAgAAAIRhIYoYpl83IByhujErXpJVgAAOw==') repeat; /*dark right*/
		border-top:1px solid #fff;
		clear:both;
		padding-top:55px;
		padding-bottom:55px;
		width:100%;
	}
	#contact-form-holder h2 { display:table; }/* show Contact form heading*/
	
	input.button { width:100%; }
}