@charset "utf-8";
/*--------------------------------------------------------------------------------------------------
CSS Styles for <Goldener>.
version:   1.0
--------------------------------------------------------------------------------------------------*/
/* =CSS Reset
-------------------------------------------------------------------------------------------------*/
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.nobreakp{
	white-space:nowrap;
}
/* End CSS Reset
--------------------------------------------------------------------------------------------------*/
/* =Toolkit
--------------------------------------------------------------------------------------------------*/
/* Micro Clearfix Hack by Nicholas Gallagher (http://nicolasgallagher.com/micro-clearfix-hack/) */
/* For modern browsers */
.cf:before, .cf:after { content:""; display:table; }
.cf:after { clear:both; }
/* For IE 6/7 (trigger hasLayout) */
.cf { zoom:1; }
/* general purpose classes */
.nodisplay { display:none; }
.nodisplay_strict { display:none !important; }
.alignleft { float:left; }
.alignright { float:right; }
/* End Toolkit
--------------------------------------------------------------------------------------------------*/
/* =Normalization - mostly derived from normalize.css (https://github.com/necolas/normalize.css/) but without comments and compressed to keep the file small
--------------------------------------------------------------------------------------------------*/
hr { display:block; height:1px; border:0; margin:1em 0; padding:0;
	border-top:1px solid #cccccc; /* change border colour to suit your needs */
}
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
html { overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body, button, input, select, textarea { font-family: sans-serif; }
a:hover, a:active,a:focus  { outline: 0; }
h1 { font-size: 2em; font-weight: 100; }
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul { margin: 2em 0;}
del { text-decoration: line-through; }
abbr[title] { border-bottom: 1px dotted; cursor:help; }
b, strong { font-weight: bold; }
dfn { font-style: italic; }
mark { background: #ff0; color: #000; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
small { font-size: 75%; }
sub,sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border: 0; -ms-interpolation-mode: bicubic; }
svg:not(:root) { overflow: hidden; }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; *margin-left: -7px; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
input, select { vertical-align:middle; }
input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; }
i{font-style: italic;}
p{line-height: 1.4;}
.main-wrapper img{max-width: 100% !important; height: auto !important;}
/* End Normalization
--------------------------------------------------------------------------------------------------*/
/* =Typography
--------------------------------------------------------------------------------------------------*/
/* Setting up the fonts */
body,html{
	font: 15px/24px 'Roboto', sans-serif;
	background: #fff;
	color: #333333;
}
a{color: #b7a572}
/* End Typography
--------------------------------------------------------------------------------------------------*/
/* =Header
--------------------------------------------------------------------------------------------------*/
#header{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	background: #fff;
	z-index: 100;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.header-inner{
	max-width: 887px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	padding: 0 0 10px;
}
#header .logo{
 	display: inline-block;
  float: left;
  margin: 27px 0 0;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
#header .logo a{
	display: block;
  height: 100%;
}
#header .logo img{
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
  width: 174px;
}
/* Header Shrink */
#header.shrink{
	background: #f2f2f2;
}
#header.shrink .logo{
	margin-top: 25px;
}
#header.shrink .logo img{
	width: 130px;
}
#header.shrink .main-nav{
	margin-top: 20px;
}
/* End Header
--------------------------------------------------------------------------------------------------*/
/* =Main-Nav
--------------------------------------------------------------------------------------------------*/
.main-nav{
	float: right;
	min-height: 32px;
	margin: 52px 0 0;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.main-nav ul{
	border-top: 11px solid #e1e1e1;
	margin: 6px 0 0;
	list-style: none;
}
.main-nav ul li{
	float: left;
	margin: -7px 0 0 16px;
	padding: 12px 0 0 0;
	height: 25px;
	line-height: 16px;
}
.main-nav ul li:first-child{
	margin-left: 0;
}
.main-nav ul li.fw-nav-selected{
	background: url(/demandit/files/M_0A8A1CC4DCE109ABC93/dms/Image/nav-selector.png) no-repeat top center;
}
.main-nav ul li a{
	color: #333333;
	display: inline-block;
	font-size: 16px;
	line-height: 16px;
	text-decoration: none;
	text-transform: uppercase;
}
.main-nav ul li.fw-nav-selected a{
	color: #b70e0c;
}
/* End Main-Nav
--------------------------------------------------------------------------------------------------*/
/* =General Content
--------------------------------------------------------------------------------------------------*/
.main-wrapper{
	padding-top: 126px;
}
.content h2{
	font: 21px/24px 'Kaushan Script', cursive;
	color: #b70e0c;
	margin: 0 0 30px;
}
.content p{
	line-height: 24px;
}
.content .btn{
	display: inline-block;
	background: #b70e0c;
	color: #fff;
	text-decoration: none;
	padding: 0 23px;
	line-height: 32px;
}
.content .img-holder{
	background: #ecedef;
	padding: 24px;
	display: inline-block;
	position: relative;
	-webkit-transform: rotate(-6deg);
	-moz-transform: rotate(-6deg);
	transform: rotate(-6deg);
	-webkit-box-shadow: 5px 5px 5px 0px rgba(50, 50, 50, 0.35);
	-moz-box-shadow:    5px 5px 5px 0px rgba(50, 50, 50, 0.35);
	box-shadow:         5px 5px 5px 0px rgba(50, 50, 50, 0.35);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
}
.content .img-holder img{
	display: block;
	max-width: 100%;
	height: auto;
}
.mobile-img{
	display: none;
}
/* End General Content
--------------------------------------------------------------------------------------------------*/
/* =Content 1
--------------------------------------------------------------------------------------------------*/
.teaser{
	background: #c4c4c4;
	text-align: center;
}
.teaser a{
	color: #fff;
	text-decoration: none;
	font-size: 16px;
	line-height: 30px;
}
.content1{
	padding: 0 20px;
	margin: 135px 0 0;
}
.content1-inner{
	max-width: 887px;
	background: url(/demandit/files/M_71BA1CC4DCEC1E6C7EF/dms/Image/towel-bg.jpg) no-repeat right bottom;
	padding: 0 0 20px;
	margin: 0 auto;
}
.content1-inner:after{
	clear: both;
	display: block;
	content: "";
}
.content1 .left-col{
	width: 50%;
	float: left;
	max-width: 428px;
}
.content1 .right-col{
	width: 50%;
	float: right;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 40px;
}
.content1 .img-arrow-left{
	position: absolute;
	left: 0;
	top: 0;
}
.content1 .img-arrow-right{
	position: absolute;
	right: 0;
	bottom: 0;
}
/* End Content 1
--------------------------------------------------------------------------------------------------*/
/* =Content 2
--------------------------------------------------------------------------------------------------*/
.content2{
	background: #f2f2f2 url(/demandit/files/M_29EC1CC4DCE838EA46E/dms/Image/bride-bg.jpg) no-repeat right center;
	-webkit-transform: skew(0deg, -7.5deg);
	-moz-transform: skew(0deg, -7.5deg);
	transform: skew(0deg, -7.5deg);
	margin: 100px 0 0 0;
	overflow: hidden;
}
.content2-inner{
	max-width: 887px;
	margin: 0 auto;
	overflow: hidden;
}
.content2 .left-col{
	float: left;
	width: 50%;
	background: #f2f2f2;
	text-align: center;
}
.content2 .left-col-inner{
	padding: 60px 40px;
	-webkit-transform: skew(0deg, 7.5deg);
	-moz-transform: skew(0deg, 7.5deg);
	transform: skew(0deg, 7.5deg);
}
/* End Content 2
--------------------------------------------------------------------------------------------------*/
/* =Content 3
--------------------------------------------------------------------------------------------------*/
.content3{
	padding: 0 20px;
}
.content3-inner{
	max-width: 887px;
	margin: 135px auto 0;
	padding: 0 0 50px;
}
.content3-inner:after{
	clear: both;
	display: block;
	content: "";
}
.content3 .left-col{
	width: 50%;
	float: left;
	max-width: 428px;
}
.content3 .right-col{
	width: 50%;
	float: right;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 40px;
}
/* End Content 3
--------------------------------------------------------------------------------------------------*/
/* =Content 4
--------------------------------------------------------------------------------------------------*/
.content4{
	background: #f2f2f2;
	-webkit-transform: skew(0deg, -7.5deg);
	-moz-transform: skew(0deg, -7.5deg);
	transform: skew(0deg, -7.5deg);
	margin: 100px 0 0 0;
	overflow: hidden;
}
.content4-inner{
	max-width: 887px;
	margin: 0 auto;
	overflow: hidden;
	-webkit-transform: skew(0deg, 7.5deg);
	-moz-transform: skew(0deg, 7.5deg);
	transform: skew(0deg, 7.5deg);
	text-align: center;
	padding: 40px 20px;
}
.team-list{
	text-align: center;
	max-width: 760px;
	margin: 0 auto;
}
.team-list li{
	display: inline-block;
	vertical-align: top;
	margin: 0 7px 10px;
	width: 99px;
}
.team-list li .img-wrapper{
	padding: 8px;
	border-radius: 3px;
	background: #f5f4f4; /* Old browsers */
	background: -moz-linear-gradient(top,  #f5f4f4 0%, #e8e7e6 100%); /* FF3.6+ */
	background: -webkit-linear-gradient(top,  #f5f4f4 0%,#e8e7e6 100%); /* Chrome10+,Safari5.1+ */
	background: linear-gradient(to bottom,  #f5f4f4 0%,#e8e7e6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f4f4', endColorstr='#e8e7e6',GradientType=0 ); /* IE6-9 */
}
.team-list li .img-wrapper img{
	border: 1px solid #727373;
	display: block;
}
.team-list li a{
	font-size: 12px;
	color: #464646;
	text-decoration: none;
}
/* End Content 4
--------------------------------------------------------------------------------------------------*/
/* =Content 5
--------------------------------------------------------------------------------------------------*/
.content5{
	padding: 0 20px;
	margin: 135px 0 0;
}
.content5-inner{
	max-width: 887px;
	margin: 0 auto;
	padding: 0 0 50px;
	overflow: hidden;
	text-align: center;
}
.content5 .left-col{
	float: left;
	width: 50%;
}
.content5 .right-col{
	float: right;
	width: 50%;
}
.content5 .left-col-inner,
.content5 .right-col-inner{
	max-width: 235px;
	margin: 0 auto;
}
/* End Content 5
--------------------------------------------------------------------------------------------------*/
/* =Footer-Logos
--------------------------------------------------------------------------------------------------*/
.footer-logos{
	background: #f6f6f6;
}
.footer-logos-inner{
	max-width: 887px;
	padding: 68px 20px 75px;
	overflow: hidden;
	margin: 0 auto;
}
.footer-logos-list{
	list-style: none;
	margin: 0;
}
.footer-logos-list li{
	display: inline-block;
	margin: 0 0 10px -4px;
	width: 20%;
	vertical-align: middle;
	text-align: center;
}
/* End Footer-Logos
--------------------------------------------------------------------------------------------------*/
/* =Footer
--------------------------------------------------------------------------------------------------*/
#footer{
	background: #e82100;
	font-size: 14px;
	color: #fff;
}
.footer-inner{
	max-width: 887px;
	overflow: hidden;
	margin: 0 auto;
	text-align: center;
	line-height: 24px;
	padding: 5px 20px;
}
.footer-inner a {
    color: #fff;
}
.footer-inner ul{
	list-style: none;
	margin: 5px 0 0;
	display: inline;
}
.footer-inner ul li{
	display: inline-block;
}
.footer-inner .newsletter-link{
	display: block;
}
/* End Footer
--------------------------------------------------------------------------------------------------*/
/* =Media-Queries
--------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 764px) {
	#header{
		padding: 20px 0 15px;
		position: relative;
	}
	#header .logo{
		margin: 0 16px;
	}
	.main-nav{
		width: 100%;
		margin: 0;
	}
	.main-nav ul li:first-child{
		margin: -7px 0 0 16px;
	}
	.main-wrapper{
		padding-top: 0;
	}
}

@media screen and (max-width: 664px) {
	.content1{
		margin: 60px 0 0;
	}
	.content1 .left-col{
		float: none;
		margin: 0 auto 40px;
		width: auto;
	}
	.content1 .right-col{
		float: none;
		width: auto;
		padding: 0;
	}
	.content2{
		margin: 60px 0 0;
	}
	.content2 .mobile-img{
		display: block;
	}
	.content2 .left-col{
		width: auto;
	}
	.content2 .left-col-inner{
		padding: 60px 20px;
	}
	.content3{
		margin: -60px 0 0;
	}
	.content3 .left-col{
		float: none;
		margin: 0 auto 40px;
		width: auto;
	}
	.content3 .right-col{
		float: none;
		width: auto;
		padding: 0;
	}
	.content4{
		margin: 60px 0 0;
	}
	.footer-logos-list li{
		width: 	50%;
	}
}

@media screen and (max-width: 555px) {
	#header .logo{
		height: 60px;
    	width: 100%;
	}
	#header .logo img{
		width: 204px;
	}
	.content5{
		margin: 60px 0 0;
	}
	.content5 .left-col{
		float: none;
		width: auto;
	}
	.content5 .right-col{
		float: none;
		width: auto;
	}
}
@media screen and (max-width: 455px) {
	.footer-logos-list li{
		width: 	100%;
	}
}