/* 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;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/**
 *  clearfixc For modern browsers
 */
.cf:before,
.cf:after {
    content:"";
    display:table;
}
.cf:after {
    clear:both;
}
/**
 * For IE 6/7 (trigger hasLayout)
 */
.cf {
    *zoom:1;
}
.first { margin-left: 0px !important; } 
.center-align { text-align: center; }
.bold-text { font-family: 'geo-b'; }
span.bold { font-weight: 700; }
.btn-wrapper { text-align: center; }
.clear { clear: both; }

/*** FONT FACE ***/

/* OLD FONTS: ga, ga_b, gi, gi_l */

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

@font-face {
	font-family: 'ns';
	src: url('neutrif-studio-regular.eot');
	src: url('neutrif-studio-regular.eot?#iefix') format('embedded-opentype'),
			 url('neutrif-studio-regular.woff2') format('woff2'),
	     url('neutrif-studio-regular.woff') format('woff'),
	     url('neutrif-studio-regular.ttf') format('truetype'),
	     url('neutrif-studio-regular.svg#youworkforthem') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'ns_sb';
	src: url('neutrif-studio-semi-bold.eot');
	src: url('neutrif-studio-semi-bold.eot?#iefix') format('embedded-opentype'),
             url('neutrif-studio-semi-bold.woff2') format('woff2'),
	     url('neutrif-studio-semi-bold.woff') format('woff'),
	     url('neutrif-studio-semi-bold.ttf') format('truetype'),
	     url('neutrif-studio-semi-bold.svg#youworkforthem') format('svg');
	font-weight: normal;
	font-style: normal;
}

html,body
{
	padding: 0;
	margin: 0;
}

body
{
	-webkit-font-smoothing: antialiased;
	font-family: 'HelveticaNeue', sans-serif;
	color: #262626;
	counter-reset: instruction_step;
}
/*
@media only screen and (max-width: 1280px){
	body{
		font-size: 100%;
	}
}
*/
@media only screen and (min-width: 1280px){
	html, body{
		font-size: 100%;
	}
}

@media only screen and (min-width: 640px) and (max-width: 1024px){
	html, body{
		font-size: 95%;
	}
}

@media only screen and (max-width: 640px){
	html, body{
		font-size: 85%;
	}
}


/*** STANDARDS ***/
div#content-wrapper
{
	display: flex;
	min-height: 100%;
	min-height: 100vh;
	align-items: stretch;
	flex-direction: row;
}

div#site-wrapper
{
	width: 100%;
}

div#site-wrapper.page-hem
{
	padding-bottom: 20px;
}


div.page-header-wrapper
{
	width: 100%;
	padding: 7rem 5%;
	box-sizing: border-box;
	background-size: cover;
	background-image: url('../img/header_standard.jpg');
	background-position: 50% 50%;
}

div.page-header
{
	width: 80%;
	margin: 0 auto;
	text-align: center;
	color: #FFFFFF;
}

div.page-header-title
{
	font-family: 'HelveticaNeue-Medium', sans-serif;
	font-size: 3rem;
	line-height: 105%;
}

div.page-header-text
{
	font-size: 1.375rem;
	line-height: 125%;
	width: 80%;
	max-width: 450px;
  margin: 0 auto;
}	

div#header-logos { margin-top: 1rem; }
div#header-logos #well-logo { margin-right: 2%; }
div#header-logos #brf-logo { margin-left: 2%; }

div.section-title-wrapper
{
	margin-top: 80px;
	margin-bottom: 40px;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
}

div.section-title-wrapper.no-bot-margin { margin-bottom: 0px; }

div.section-title-lines
{
	width: 100px;
	height: 1px;
	background-color: #2A1952;
	flex: 0 0 100px;
	margin-top: 20px;
}

div.section-title-text-wrapper
{
	flex: 1 1 auto;
}

div.section-title-text
{
	margin: 0 auto;
	width: 100%;
	max-width: 800px;
	font-family: 'ns_sb';
	font-size: 2.75em;
	letter-spacing: -0.6px;
	text-align: center;
	line-height: 110%;
}

div.section-sub-title-text
{
	margin: 25px auto 0px;
	width: 70%;
	max-width: 720px;
	font-family: 'ns_sb';
	font-size: 1.375em;
	letter-spacing: -0.16px;
	text-align: center;
	line-height: 127%;
}

iframe.horizontal-360
{
	width: 100%;
	height: 60VH;
}

.render-tag {
	position: relative;
}

.render-tag:after
{
	content: 'Arkitekt: ARKLAB';
	right: 0px;
	z-index: 250;
	position: absolute;

	color: #333333;
	text-decoration: none;
	background-color: #C6BFD8;
	font-family: 'ns_sb';
	font-size: 1rem;
	letter-spacing: -0.37px;
	line-height: 123%;
	padding: 12px;
}

.render-tag-top:after { top: 0px; }
.render-tag-bottom:after { bottom: 0px; }

@media only screen and (max-width: 1024px){

	div#site-wrapper
	{
		padding-bottom: 60px;
	}

	div#content-wrapper
	{
		min-height: auto;
		flex-direction: column;
	}

	div.page-header-wrapper { justify-content: center; }

	div.page-header
	{
		width: 70%;
		max-width: none;
		padding: 18px 32px 38px;
	}

	div.page-header-title { font-size: 2.75rem; }

	div.section-title-lines
	{
		width: 80px;
		flex-basis: 80px;
		margin-top: 20px;
	}

	div.section-title-text
	{
		width: calc(100% - 80px);
		font-size: 2.75em;

	}

	div.section-sub-title-text
	{
		width: calc(100% - 80px);
	}
}

@media only screen and (max-width: 640px){

	div#site-wrapper
	{
		padding-bottom: 40px;
	}

	
	div.page-header-wrapper
	{
		padding: 0px;
	}
	

	div.page-header
	{
		width: 94%;
    padding: 15% 3% 10%;
	}

	div.page-header-title { font-size: 2.675rem; }

	div.page-header-text
	{
		width: 100%;
	}	

	div.section-title-wrapper
	{
		margin-top: 60px;
		margin-bottom: 30px;
	}

	div.section-title-lines
	{
		width: 60px;
		flex-basis: 60px;
		margin-top: 20px;
	}

	div.section-title-text
	{
		width: calc(100% - 60px);
		font-size: 2.75em;
	}

	div.section-sub-title-text
	{
		width: calc(100% - 60px);
	}

}

@media only screen and (max-width: 480px){

	div.section-title-wrapper
	{
		margin-top: 50px;
		margin-bottom: 25px;
	}

	div.section-title-lines
	{
		width: 30px;
		flex-basis: 30px;
		margin-top: 20px;
	}

	div.section-title-text
	{
		width: calc(100% - 30px);
		font-size: 2.75em;
	}

	div.section-sub-title-text
	{
		width: calc(100% - 30px);
	}

}


div.pagesection
{
	width: 100%;
	padding-top: 2.5rem;
	padding-bottom: 2.5rem;
	background-size: cover;
	background-attachment: fixed;
	background-position: center center;
}
div.pagesection.sm-pad { padding-top: 1.5rem; padding-bottom: 1.5rem }
div.pagesection.mid-pad { padding-top: 3.75rem; padding-bottom: 3.75rem }
div.pagesection.big-pad { padding-top: 5.5rem; padding-bottom: 5.5rem; }
div.pagesection.no-bot-pad { padding-bottom: 0px; }
div.pagesection.no-pad { padding-top: 0px; padding-bottom: 0px; }

div.content
{
	width: 96%;
	max-width: 1170px;
	margin: 0 auto;
}

div.content.mid { max-width: 930px; }

div.content.sm { max-width: 760px; }

div.pagesection h1
{
	font-family: 'HelveticaNeue-Light';
	font-size: 2.25rem;
	color: #9D7B36;
	text-align: center;
	line-height: 120%;
}


div.pagesection h4
{
	font-family: 'HelveticaNeue-Light';
	font-size: 1.5rem;
	color: #9D7B36;
	text-align: center;
	line-height: 120%;
}

div.text-container
{
	width: 80%;
	font-size: 1.25rem;
	text-align: center;
	line-height: 150%;
	max-width: 800px;
	margin: 1.125rem auto;
}

div.text-container.lrg { max-width: 960px }

div.text-container a { color: #9D7B36; }

div.text-box
{
	width: 100%;
	padding: 20px 40px 50px;
	border: 1px solid #2A1952;
	box-sizing: border-box;
}

div.text-box .text a
{
	color: #2A1952;
}

div.text-box.filled
{
	padding: 30px;
}

div.text-box div.title,
form#application-form h2
{
	position: relative;
	padding-bottom: 22px;
	font-size: 12px;
	letter-spacing: 2px;
	text-align: center;
	text-transform: uppercase;
}

div.text-box div.title:after,
form#application-form h2:after
{
	content: '';
	background-color: #2A1952;
  width: 100px;
  height: 1px;
	position: absolute;
	left: 50%;
	margin-left: -50px;
	bottom: 0px;
}


div.text-box div.text
{
	margin-top: 30px;
	font-size: 1em;
	line-height: 1.5625;
}

div.text-box.filled div.text
{
	margin-top: 0px;
	padding: 20px;
	background-color: rgba(220, 243, 239, 0.63);
}

div#area-map
{
	width: 100%;
	height: 550px;
	border-top: 1px solid #28065E;
	border-bottom: 1px solid #28065E;	
}

div#area-map.sm
{
	height: 250px;
}

.stop-scrolling
{
  height: 100%;
  overflow: hidden;
}

div.link-wrapper-center { text-align: center; }
div.link-wrapper-center a { display: inline-block }

a.base-btn
{
	display: inline-block;
	box-sizing: border-box;
	background: #FFFFFF;
	border-radius: 4px;

	font-family: 'HelveticaNeue-Medium';
	font-size: 1.125rem;
	min-width: 220px;
	margin-top: 2rem;
	padding: 1rem;
	
	line-height: 100%;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;

	transition: all 0.25s ease-in;
  -moz-transition: all 0.25s ease-in;
	-webkit-transition: all 0.25s ease-in;
}

.form a.base-btn { margin-top: 4rem; }
a.base-btn.sm
{
	margin-top: 0px;
	font-size: 1rem;
	min-width: 110px;
	padding: 0.75rem 1rem;
}

a.base-btn.filled
{
	color: #FFFFFF;
	background: rgba(157,123,54,0.85);
}
a.base-btn.ghost
{
	color: #262626;
	background: #FFFFFF;
	border: 1px solid rgba(157,123,54,0.85);

}

a.ghost-button.pad
{
	padding: 14px 20px;
}

a.ghost-button.margin
{
	margin: 30px auto 60px;
}

a.base-btn.filled:hover { background: rgb(157,123,54); }
a.base-btn.ghost:hover { background: rgba(157,123,54,0.05); }

a.ghost-button.filled { border: none; }

a.ghost-button.filled:hover { background: #7F7597; }

.fw
{
	display: block;
	width: 100%;
}

@media only screen and (max-width: 1024px){
	
	/*div#site-wrapper { margin-top: 60px; }*/

	div.pagesection
	{
		width: 92%;
		padding: 6% 4%;
		background-attachment: scroll;
	}

	div.content { width: 100%; }

	div.text-container
	{
		width: 100%;
		margin: 1rem auto 0px auto;
	}

}

@media only screen and (max-width: 640px){

	/* div#site-wrapper { margin-top: 60px; } */ 

	div.pagesection
	{
		width: 90%;
		padding: 5%;
		background-attachment: scroll;
	}

	div.text-container
	{
		width: 100%;
	}

}


/*** SIDEBAR ***/

div#sidebar
{
	display: flex;
	flex-direction: column;
	position: fixed;
	width: 250px;
	height: 100%;
	height: 100VH;
}

div#sidebar-logo
{
	display: block;
	border-bottom: 1px solid #A99163;
	flex: 0 0 auto;
}

div#sidebar-logo img
{
	display: block;
	margin: 18px auto;
	width: 148px;
}

div#sidebar-title
{
	display: block;
	width: 100%;
	padding: 7px 0px;
	box-sizing: border-box;
	text-align: center;
	border-bottom: 1px solid #A99163;
	font-family: 'ns_sb';
	font-size: 1.25rem;
	line-height: 140%;
	text-transform: uppercase;
	color: #A99163;
}

div#sidebar-menu
{
	border-bottom: 1px solid #A99163;
	/*background-color: #F38181;*/
	padding: 50px 0px;
	/*height: 50VH;*/
	flex: 1 1 auto;

}

div#sidebar-menu ul
{
	padding-left: 60px;
}

div#sidebar-menu li
{
	margin-bottom: 36px;
}

div#sidebar-menu li a
{
	font-family: 'ns_sb';
	font-size: 1.375em;
	text-decoration: none;	
	color: #333333;
	position: relative;
}

div#sidebar-menu li.current a
{
	color: #A99163;
}

div#sidebar-menu li.current a:before
{
  content: '';
	background:url('../img/star.png');
	background-size: 14px 14px;
  width: 14px;
  height: 14px;
	position: absolute;
	left: -28px;
	top: 6px;
}

div#sidebar-contact
{
	/*background-color: #DAC39A;*/
	padding: 64px 0px 32px;
	flex: 0 0 auto;
	position: relative;
	color: #333333;
}

div#sidebar-contact-wrapper:before,
div#sidebar-contact-wrapper:after
{
	content: '';
	background-color: #A99163;
  width: 100px;
  height: 1px;
	position: absolute;
	left: 75px;
}

div#sidebar-contact-wrapper:before { top: 0px; }
div#sidebar-contact-wrapper:after { bottom: 0px; }

div#sidebar-contact-wrapper
{
	padding: 32px 0px;
	position: relative;
}

div#sidebar-contact-image
{
	width: 100px;
	margin: 0 auto;
}

div#sidebar-contact-image img
{
	border-radius: 50%;
}

div#sidebar-contact-info
{
	font-family: 'ns_sb';
	width: 230px;
	margin: 0px 10px;
	text-align: center;
}

div#sidebar-contact-name
{
	margin-top: 22px;
	font-size: 1em;
	text-transform: uppercase;
}

div#sidebar-contact-title
{
	font-family: 'ns';
	margin-top: 5px;
	font-size: 0.625em;
	text-transform: uppercase;
}

a#sidebar-contact-email,
a#sidebar-contact-phone
{
	margin-top: 21px;
	color: #333333;
	text-decoration: none;
	display: inline-block;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}

a#sidebar-contact-email:hover,
a#sidebar-contact-phone:hover
{
	color: #C6BFD8;
}

a#sidebar-contact-email
{
	margin-top: 21px;
}

a#sidebar-contact-phone
{
	margin-top: 6px;
}

a.company-link {
	display: block;
	font-family: 'ns_sb';
	font-size: 1rem;
	color: #A99163;
	text-align: center;
	margin-top: 25px;
}

@media only screen and (max-height: 1040px){

	div#sidebar-wrapper { flex-basis: 230px; }

	div#sidebar { width: 230px; }

	div#sidebar-logo img {
    margin: 20px auto;
		width: 130px;
	}

	div#sidebar-menu { padding: 40px 0px; }

	div#sidebar-menu li { margin-bottom: 24px; }


	div#sidebar-contact { padding: 0px; }

	div#sidebar-contact-wrapper:before,
	div#sidebar-contact-wrapper:after
	{
		content: '';
		width: 0px;
		height: 0px;
		left: 0px;
	}

	div#sidebar-contact-info { width: 210px; }
}


@media only screen and (max-width: 1024px){
	div#sidebar-wrapper { display: none; }
}


/*** Layout ***/


/*** Column-wrappers ***/

div.col-wrapper
{
	display: flex;
	/*justify-content: space-between;*/
	align-items: stretch;
	flex-direction: row;
	flex-wrap: wrap;
}

div.col-wrapper.just-center { justify-content: center; }


div.col
{
	flex-grow: 0;
	flex-shrink: 0;
	margin: 10px;
	box-sizing: border-box;
	position: relative;
}

div.col.margin-lg { margin: 20px 45px 10px; }

div.col:first-of-type { margin-left: 0px; }
div.col:last-of-type { margin-right: 0px; }

div.no-margin div.col { margin: 0px !important; }

div.col-1 { flex-basis: 100%; }
div.col-2 { flex-basis: calc((100% - 20px) / 2); }
div.col-2.margin-lg { flex-basis: calc((100% - 90px) / 2) }
div.col-3 { flex-basis: calc((100% - 40px) / 3); }
div.col-4 { flex-basis: calc((100% - 60px) / 4) }

div.col > .text-container
{
	max-width: none;
	margin: 10px 0px 0px;
}

div.col.image
{
	background-position: center center;
	background-size: cover;
	background-color: #FFFFFF;
}

div.col.image.col-square
{
	padding-top: 500px;
}


@media only screen and (min-width: 1024px){

	/*div.col-wrapper.reverse { flex-direction: row-reverse; }*/

}

@media only screen and (max-width: 1024px){

	/*
	div.wrap-2 { flex-direction: column-reverse; }
	div.wrap-2.flipped { flex-direction: column; }
	div.wrap-4.flipped { flex-direction: row; }
	*/

	div.col-2,
	div.col-4 { flex-basis: calc((100% - 20px) / 2); }

	div.col.margin-lg { flex-basis: calc((100% - 60px) / 2); }

	div.col.margin-lg:first-of-type { margin-right: 30px; }
	div.col.margin-lg:last-of-type { margin-left: 30px; }


	/*div.col-4 { margin-left: 0px; margin-right: 0px; }*/
	div.col-4:nth-child(odd) { margin-left: 0px; }
	div.col-4:nth-child(even) { margin-right: 0px; }
}

@media only screen and (max-width: 920px){
	div.col-3
	{ 
		flex-basis: 100%;
		margin-left: 0px;
		margin-right: 0px;
	}
}

@media only screen and (max-width: 720px){

	div.col-1,
	div.col-2,
	div.col.margin-lg,
	div.col-4
	{ 
		flex-basis: 100%;
		margin-left: 0px !important;
		margin-right: 0px !important;
	}

	div.col.image.vertical { padding-top: 120% }
	div.col.image.horizontal { padding-top: 70% }

	div.col-wrapper.reverse { flex-direction: column-reverse; }

}
@media only screen and (max-width: 640px){

	/*div.col { margin: 3% 0px; }*/


}
 
/** Data grid **/

div.data-grid
{
	margin-top: 10px;
	flex: 1 1 auto;
	/*background-color: #ff00ff;*/
	flex-direction: row;

	border-top: 1px solid #DCDCDC;
	border-bottom: 1px solid #DCDCDC;
}

div.data-el
{
	display: flex;
	flex: 0 0 50%;
	flex-direction: column;
	justify-content: center;
	/*background-color: #ffffff;*/
	/*border: 1px solid #2A1952;*/
	border-right: 1px solid #DCDCDC;
	border-bottom: 1px solid #DCDCDC;
	padding: 0px 15px;
	box-sizing: border-box;
}


div.data-el.filled {
	background-color: #2A1952;
}

div.data-el.filled div{
	color: #FFFFFF;
}


div.data-el:nth-child(even) { border-right: none; }

div.data-el:last-of-type,
div.data-el:nth-last-of-type(2) { border-bottom: none; }

div.data-label
{
	font-family: 'HelveticaNeue-Light';
	font-size: 12px;
	color: #9D7B36;
	/*line-height: 25px;*/
	letter-spacing: 2px;
	text-transform: uppercase;
}

div.data-value
{
	margin-top: 6px;
	font-family: 'ns';
	font-size: 1.125em;
	/*line-height: 150%;*/
	color: #262626;
	letter-spacing: 0;
}

div.data-value.line-through { text-decoration: line-through; }

div.data-grid.fixed-pad
{
	flex: 0 0 auto;
}

div.fixed-pad div.data-el
{
	padding-top: 8px;
	padding-bottom: 12px;
}

div.fixed-pad div.data-value
{
	margin-top: 10px;
}

@media only screen and (max-width: 1024px){

	div.data-grid
	{
		flex: 0 0 auto;
	}
	
	div.data-el
	{
		padding-top: 8px;
		padding-bottom: 12px;
	}
	
	div.data-value
	{
		margin-top: 10px;
	}
	


}


/*** Underlines **/
.underline{  
	position: relative;
	padding-bottom: 8px;
}

.underline:after {
  content : "";
  position: absolute;
  left    : 0;
  bottom  : 0;
  height  : 1px;
  width   : 80px;
  border-bottom:1px solid #DAC39A;
}

hr
{
	border-color: #DAC39A;
}

/*** Colors ***/
div.pagesection.white { background-color: #FFFFFF; }
div.pagesection.gray { background-color: #FAFAFA; }

.gray { color: #404040; }
.light { color: #FFFFFF !important; }

.light h1{ color: #FFFFFF !important; }


/*** TOP BAR ***/
div#topbar
{
	display: none;
	width: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 500;
	background-color: #fff;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	border-bottom: 1px solid #A99163;
	/*opacity: 0;*/

	/*
  	-webkit-box-shadow: rgba(100, 100, 100, 0.2) 0px 0px 4px 0px;
  	-moz-box-shadow: rgba(100, 100, 100, 0.2) 0px 0px 4px 0px;
  	box-shadow: rgba(100, 100, 100, 0.2) 0px 0px 4px 0px;
  	*/
}

div#header
{
	position: relative;
	width: 94%;
	max-width: 1280px;
	margin: 0 auto;
	padding: 30px 3%;
}

.button_container {
  display: none;
  position: fixed;
	top: 6px;
	right: 0px;
	padding: 10px 16px 16px;
  /*top: 16px;
  left: 16%3%;*/
  height: 27px;
	width: 35px;
  cursor: pointer;
  z-index: 1500;
  -webkit-transition: opacity .25s ease;
          transition: opacity .25s ease;
}
.button_container:hover {
  opacity: .7;
}
.button_container.active .top {
	-webkit-transform: translateY(7px) translateX(0) rotate(45deg);
			-ms-transform: translateY(7px) translateX(0) rotate(45deg);
					transform: translateY(7px) translateX(0) rotate(45deg);
  background: #444;
}
.button_container.active .middle {
  opacity: 0;
  background: #444;
}
.button_container.active .bottom {
  /*-webkit-transform: translateY(-11px) translateX(0) rotate(-45deg);*/
	-webkit-transform: translateY(-7px) translateX(0) rotate(-45deg);
			-ms-transform: translateY(-7px) translateX(0) rotate(-45deg);
					transform: translateY(-7px) translateX(0) rotate(-45deg);
  background: #444;
}
.button_container span {
  background: #444;
  border: none;
  height: 2px;
  width: 24px;
  position: absolute;
  top: 16px;
  margin-left: 3%;
  margin-right: 3%;
  -webkit-transition: all .35s ease;
          transition: all .35s ease;
  cursor: pointer;
}

.button_container span:nth-of-type(2) {
	/*top: 27px;*/
	top: 23px;
}
.button_container span:nth-of-type(3) {
	/*top: 38px;*/
	top: 30px;
}

.overlay {
  position: fixed;
	background: #fff;
  /*background: #DAC39A;*/
  top: 0;
  left: 0;
  width: 100%;
  height: 0%;
  opacity: 0;
  visibility: hidden;
  display: none;
  -webkit-transition: opacity .35s, visibility .35s, height .35s;
          transition: opacity .35s, visibility .35s, height .35s;
  overflow: hidden;
}
.overlay.open {
  opacity: 1.0;
  visibility: visible;
  height: 100%;
  z-index: 1000;
}
/*
.overlay.open li {
  -webkit-animation: fadeInLeft .5s ease forwards;
          animation: fadeInLeft .5s ease forwards;
  -webkit-animation-delay: .35s;
          animation-delay: .35s;
}
.overlay.open li:nth-of-type(2) {
  -webkit-animation-delay: .4s;
          animation-delay: .4s;
}
.overlay.open li:nth-of-type(3) {
  -webkit-animation-delay: .45s;
          animation-delay: .45s;
}
.overlay.open li:nth-of-type(4) {
  -webkit-animation-delay: .50s;
          animation-delay: .50s;
}
.overlay.open li:nth-of-type(5) {
  -webkit-animation-delay: .55s;
          animation-delay: .55s;
}
.overlay.open li:nth-of-type(6) {
  -webkit-animation-delay: .60s;
          animation-delay: .60s;
}

.overlay nav {
  position: relative;
  height: 80%;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 30px;
  text-align: center;
}
.overlay ul {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  display: inline-block;
  position: relative;
  height: 100%;
}
.overlay ul li {
  display: block;
  height: 16%;
  height: calc(100% / 7);
  min-height: 40px;
  position: relative;
  opacity: 0;
}
.overlay ul li a {
  display: block;
  position: relative;
	color: #767676;
  text-decoration: none;
  font-family: 'ga';
}
.overlay ul li.current a { color: #DAC39A; }


.overlay ul li a:hover:after, .overlay ul li a:focus:after, .overlay ul li a:active:after {
  width: 100%;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    right: 20%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    right: 20%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}*/


.overlay.open li {
  -webkit-animation: fadeInRight .5s ease forwards;
          animation: fadeInRight .5s ease forwards;
  -webkit-animation-delay: .35s;
          animation-delay: .35s;
}
.overlay.open li:nth-of-type(2) {
  -webkit-animation-delay: .4s;
          animation-delay: .4s;
}
.overlay.open li:nth-of-type(3) {
  -webkit-animation-delay: .45s;
          animation-delay: .45s;
}
.overlay.open li:nth-of-type(4) {
  -webkit-animation-delay: .50s;
          animation-delay: .50s;
}
.overlay.open li:nth-of-type(5) {
  -webkit-animation-delay: .55s;
          animation-delay: .55s;
}
.overlay.open li:nth-of-type(6) {
  -webkit-animation-delay: .60s;
          animation-delay: .60s;
}

.overlay nav {
  position: relative;
  height: 80%;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 24px;
  text-align: left;
}
.overlay ul {
  list-style: none;
  padding: 0;
  margin: 50px auto 0px;
  display: inline-block;
  position: relative;
	height: 100%;
	margin-left: 25%;
}
.overlay ul li {
  display: block;
  height: 10%;
  height: calc(100% / 8);
  min-height: 40px;
  /*text-transform: uppercase;*/
  position: relative;
  opacity: 0;
}
.overlay ul li a {
  display: block;
  position: relative;
  color: #444;
  text-decoration: none;
	font-family: 'ns_sb';
	font-size: 32px;
  /*overflow: hidden;*/
}

.overlay ul li.current a {
  color: #A99163;
}
.overlay ul li a:hover:after, .overlay ul li a:focus:after, .overlay ul li a:active:after {
  width: 100%;
}
/*
.overlay ul li a:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  height: 3px;
  background: #FFF;
  -webkit-transition: .35s;
          transition: .35s;
}*/

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    left: 40%;
  }
  100% {
    opacity: 1;
    right: 0;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    left: 40%;
  }
  100% {
    opacity: 1;
    right: 0;
  }
}

div#logo-container
{
	width: 54px;
	height: 30px;
	position: relative;
	float: left;
}

div#logo-container img
{
	width: 100%;
	display: block;
}
 /*
ul#menu
{
	float: right;
	margin-top: 13px;
}

ul#menu li
{
	display: inline;
	list-style-type: none;
	margin-right: 8px; 
	color: #fff;
}

ul#menu li a
{
	font-family: 'gi_l';
	color: #767676;
	font-size: 16px;
	letter-spacing: 0.5px;
	text-decoration: none;
	padding: 7px 9px;
}

ul#menu li.current a
{
	color: #292929;
}
*/

@media only screen and (max-width: 1024px){

	div#topbar
	{
		display: block;
	}
	 
	div#header
	{
		height: 40px !important;
		padding: 10px 3% !important;
	}

	.button_container { display: block; }

	div#overlay { display: block;}

	div#logo-container
	{
    width: 70px;
    /* height: 30px; */
    position: absolute;
    left: 16px;
    top: 10px;
	}
}

/*** Home ***/
div.page-hem div.page-header-wrapper
{
	background-image: url('../img/header_hem.jpg');
	background-position: 50% 70%;
}

div#instruction-wrapper
{
	margin-top: 2.5rem;
}
div.instruction {
	text-align: center;
}

div.instruction img {
	margin: 0 auto;
	max-width: 180px;
}

div.instruction .title {
	font-size: 1.25rem;
	margin: 1.25rem auto 0px;
	font-family: 'HelveticaNeue-Bold', sans-serif;
	line-height: 120%;
	max-width: 240px;
}

div.instruction .text {
	font-size: 1.125rem;
	margin: 0.5rem auto 0px;
	line-height: 160%;
	max-width: 240px;
}


@media only screen and (min-width: 720px) and (max-width: 1024px){
	
	div.instruction .title:before
	{
		counter-increment: instruction_step;
		content: counter(instruction_step) ". ";  
	}
}

@media only screen and (max-width: 720px){
	div.instruction img {
		width: 40%;
		max-width: 180px;
	}
	div.instruction .text {
		margin: 5px auto 0px;
		line-height: 160%;
		max-width: 240px;
	}
}


div.contact-section
{
	background-image: url('../img/contact_bg.jpg');
}

div.contact-box {
	margin: 2rem auto 0;
	width: 90%;
	max-width: 418px;
	align-items: center;
}

div.contact-box .img { flex-basis: 150px; }

div.contact-box .img img { display: block; border-radius: 50%; }


div.contact-box .contact-info
{
	flex: 1;
	margin-top: -0.5rem;
}


div.contact-info #name
{
	font-family: 'HelveticaNeue-Medium', sans-serif;
	font-size: 1.125rem;
	line-height: 120%;
}

div.contact-info #title
{
	font-size: 12px;
	line-height: 150%;
	text-transform: uppercase;
}

div.contact-info a{
	display: inline-block;
	color: #262626;
	margin-top: 0.375rem;
}

div.contact-info a:first-of-type { margin-top: 1rem; }


@media only screen and (max-width: 640px){
	div.contact-box { flex-direction: column; }
	
	div.contact-box .img img { width: 80%; margin: 0 auto; }

	div.contact-box .col { margin-left: 0px; margin-right: 0px; }
	div.contact-box .contact-info {
		margin-top: 0.5rem;
		text-align: center;
	}

	div.contact-info #name { font-size: 1.5rem; }


	div.contact-info #title { font-size: 1.125rem }


	div.contact-info a {
		font-size: 1.25rem;
		margin-top: 0.5rem;
	}
}

/*** Table ***/

table#objects_table { margin-top: 3rem; }

/*.footable.table thead { background-color: #EAE2D4 }*/

/*.footable.table thead th { font-weight: bold; }*/

/* Main table */
.footable.table>thead>tr>td, .footable.table>thead>tr>th
{
	font-family: 'HelveticaNeue-Medium';
	font-size: 1.25rem;
	/*padding: 1rem 1.125rem !important; */
	padding: 1rem 1.75rem 1rem 1.125rem !important;
	line-height: 167% !important; 
	color: #262626;
	background-color: #EAE2D4;
	border-bottom: none !important; 
}

.footable.table>tbody>tr>td, .footable.table>tbody>tr>th, .footable.table>tfoot>tr>td, .footable.table>tfoot>tr>th {
	font-size: 1.125rem;
	padding: 1.125rem !important; 
	line-height: 167% !important; 
	color: #262626;
	background-color: #FCF9F7;
	background-color: rgba(157,123,54,0.05);
	border-top: none !important; 
	border-bottom: 1px solid #F0E9DE;
}

/* Sub table */
tr.footable-detail-row > td { background-color: rgba(157,123,54,0.02) !important; }

.footable-details.table>thead>tr>td
{
	border-top: none !important; 
}

.footable-details.table>tbody>tr>td, .footable-details.table>tbody>tr>th, .footable-details.table>tfoot>tr>td, .footable-details.table>tfoot>tr>th, .footable-details.table>thead>tr>th
{
	border-top: none !important;
}

/* Element */
table#objects_table .base-btn + .base-btn { margin-left: 1rem; }
span.object-area:before { content: " ("; }
span.object-area:after { content: ")"; }

@media only screen and (max-width: 1200px){
	/** Main table **/
	.footable.table>thead>tr>td, .footable.table>thead>tr>th
	{
		font-size: 1.125rem;
		padding: 0.875rem 1.5rem .875rem .875rem !important;
		line-height: 150% !important; 
	}

	.footable.table>tbody>tr>td, .footable.table>tbody>tr>th, .footable.table>tfoot>tr>td, .footable.table>tfoot>tr>th {
		font-size: 1rem;
		padding: .875rem !important; 
		line-height: 150% !important; 
	}
}


@media only screen and (max-width: 1024px){
	span.object-area {display: block; opacity: 0.7; }
	span.object-area:before { content: ""; }
	span.object-area:after { content: ""; }
}


@media only screen and (max-width: 640px){
	.footable-details.table>thead>tr>td
	{
		font-size: 1.125rem;
		padding: 0.875rem 1.5rem .875rem .875rem !important;
		line-height: 120% !important; 
	}
	
	.footable-details.table>tbody>tr>td, .footable-details.table>tbody>tr>th, .footable-details.table>tfoot>tr>td, .footable-details.table>tfoot>tr>th, .footable-details.table>thead>tr>th
	{
		font-size: 1rem;
		padding: 0.5rem !important; 
		line-height: 120% !important; 
	}

	table#objects_table .base-btn { display: block;}
	table#objects_table .base-btn + .base-btn { margin-top: 0.5rem; margin-left: 0rem; }
}


/*Toggle*/
span.footable-toggle.fooicon
{
	color: #9D7B36;
	opacity: 0.7;
}

td.footable-sortable>span.fooicon, th.footable-sortable>span.fooicon { opacity: 0.7; }
span.fooicon.fooicon-sort,
span.fooicon.fooicon-sort-asc,
span.fooicon.fooicon-sort-desc
{
	color: #9D7B36;
}

/***  Urban park ***/

div.page-urbanpark div.page-header-wrapper
{
	background-image: url('../img/int_01_lg.jpg');
	/*background-position: 50% 40%;*/
	background-position: 50% 70%;
}

div.col-wrapper.urban-park-title-wrapper
{
	margin: 70px 0px 30px;
}

div.no-margin div.col.urban-park-title-column
{
	display: flex;
	margin-top: 10px !important;
	border: 1px solid #2A1952;
	border-left: none;

	justify-content: center;
	align-items: center;
}

div.urban-park-title
{
	font-family: 'ns_sb';
	font-size: 2.75em;
	color: #2A1952;
	letter-spacing: -0.6px;
	text-align: center;
	line-height: 110%;
}

@media only screen and (max-width: 920px){
	div.col-wrapper.urban-park-title-wrapper
	{
		flex-direction: column;
	}

	div.no-margin div.col.urban-park-title-column
	{
		margin-top: 10px !important;
		border-right: none;
	}

	div.urban-park-title
	{
		padding: 20px;
		color: #2A1952;
		letter-spacing: -0.6px;
		text-align: center;
		line-height: 110%;
	}

	div.col-wrapper.urban-park-title-wrapper div.data-grid
	{
		margin-top: 0px;	
		border-top: none;
	}
}


/*** Lagenheter ***/


a.object-filter-button
{
	display: block;
	border: 1px solid #2A1952;
	box-sizing: border-box;
	font-family: 'ns_sb';
	font-size: 1.125em;
	line-height: 250%;
	color: #2A1952;
	letter-spacing: 1.8px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;

	transition: all 0.25s ease-in;
  -moz-transition: all 0.25s ease-in;
	-webkit-transition: all 0.25s ease-in;
}

a.object-filter-button.active
{
	background-color: #2A1952;	
	color: #FFFFFF;
}
div.object-section { margin-top: 40px; display: none; }
div.object-section.active { display: block; }
div.object
{
	margin-top: 55px;
	display: none;
	justify-content: space-between;
	width: 100%;
	position: relative;

	transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
	-webkit-transition: opacity 0.5s ease-in-out;
}

div.object.booked:after,
div.object-plan-single.booked:after
{
	content: '';
	background: rgba(83,170,171,0.30);
	top: -5px;
	right: -5px;
	bottom: -5px;
	left: -5px;
	z-index: 250;
	position: absolute;
}

div.object.active
{
	display: flex;
}

div.object div.booked-stamp,
div.object-plan-single div.booked-stamp
{
	position: absolute;
	width: 158px;
	top: 50%;
	margin-top: -79px;
	left: 50%;
	margin-left: -79px;
	z-index: 300;
}

div.object-plan
{
	flex: 0 0 325px;
}

div.object-plan img
{
	border: 1px solid #2A1952;
	box-sizing: border-box;
}

div.object-info
{
	flex: 0 0 550px;
	/*background-color: #F38181;*/
	flex-direction: column;
}

div.object-title
{
	flex: 0 0 0;
	font-family: 'ns_sb';
	font-size: 1.75em;
	letter-spacing: -0.2px;
	line-height: 115%;
}

div.object-title a
{
	text-decoration: none;
	color: #333333;
}

div.object-title a:hover
{
	color: #2A1952
}



@media only screen and (max-width: 1024px){

	div.object
	{
		margin-top: 55px;
		flex-direction: column;
	}
	
	div.object-plan,
	div.object-info { flex-basis: 100%; }

	div.object-title
	{
		margin: 20px 0px 10px;
	}

}

/*** Lagenheter - Single ***/

div#object-single
{
	margin-top: 12px;
	align-items: flex-end;
}

div#object-single .object-image
{
	flex-basis: 375px;
}

div#object-single .object-info
{
	flex: 1;
}

img.object-plan-single-image
{
	border: 1px solid #DCDCDC;
	box-sizing: border-box;
}

@media only screen and (max-width: 800px){

	div#object-single .object-image,
	div#object-single .object-info
	{
		flex-basis: 100%;
		margin-left: 0px;
		margin-right: 0px;
	}
}





/*** Ansökan ***/
/* div#application-steps
{
	margin-top: 10px;
}
*/

div.application-step div
{
	display: block;
	box-sizing: border-box;
	padding: 14px 0px 17px;
	font-size: 1rem;
	line-height: 120%;
	color: rgba(157,123,54,0.60);
	letter-spacing: 1.6px;
	text-align: center;
	text-transform: uppercase;
}

div.application-step div.active
{
	border: 1px solid rgba(157,123,54,0.40);
	color: #9D7B36;
}


@media only screen and (max-width: 720px){
	/*
	div#application-steps
	{
		margin-top: 20px;
	}
	*/

	div.application-step div
	{
		margin-top: 0px;
		padding: 0px;
		font-size: 1em;
		line-height: 100%;
		text-align: left;
	}
	
	div.application-step div.active
	{
		border: none;
		color: #9D7B36;
	}

	div.pagesection.application-steps-wrapper{
		padding-top: 4%;
		padding-bottom: 2%;
	}

	div.application-step:nth-of-type(1) div:before { content:"1. "; }
	div.application-step:nth-of-type(2) div:before { content:"2. "; }
	div.application-step:nth-of-type(3) div:before { content:"3. "; }
	div.application-step:nth-of-type(4) div:before { content:"4. "; }
}





/*** Ansökan - payment ***/
div#payment-container { margin-top: 40px; }
div#payment-container div#klarna-checkout-container { overflow-y: hidden; }

/*** Form ***/

form#application-form h2
{
	margin-top: 70px;
	margin-bottom: 20px;
}


div#thankyou-text
{
	display: none;
	/*max-width: 600px;
	margin: 20px auto 40px;
	font-size: 1.25em;
	text-align: center;
	line-height: 1.3;*/
}

div.form label
{
	display: block;
	box-sizing: border-box;
	margin-top: 10px;
	padding-left: 12px;
	font-size: 16px;
	color: #333333;
	font-family: 'ns';
	line-height: 130%;
}

div.form label.invalid
{
	margin-top: 6px;
	padding-left: 0px;
	font-size: 14px;
	color: #e74c3c;
}

/*div.form label span { color: #B0B1B4; }*/

input.text-input, textarea.text-input {
	width: 100%;
	margin-top: 10px;
	padding: 12px;
	box-sizing: border-box;
	font-size: 1em;
	background-color: transparent;
	color: #9D7B36;
	border: 1px solid #D0D0D0;
	border-radius: 2px;

	/* Remove ios-styling */
	-webkit-appearance: none;
}


input.text-input.invalid, textarea.text-input.invalid
{
	border-color: #e74c3c;
}

input.text-input { padding: 12px; }
textarea.text-input { padding: 15px 20px; }

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: rgba(20, 20, 20, 0.3);
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: rgba(20, 20, 20, 0.3);
}

::-ms-input-placeholder { /* Microsoft Edge */
	color: rgba(20, 20, 20, 0.3);
}

textarea.text-input { height: 200px; }

input:focus,
textarea:focus{ 
  outline: none !important;
	/*border-color: rgba(157, 123, 54, 0.516);*/
	border-color: #9D7B36;
}

div.cb-wrapper
{
	margin-top: 10px;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}

input.cb,
label.cb-text
{
	display: block;
}

/*input.cb { width: 16px; }*/

div.form label.cb-text
{ 
	margin-left: 10px;
	margin-top: 0px;
	padding-left: 0px;
	line-height: 1.3;
}


div#error-msg
{
	display: none;
	margin-top: 40px;
	margin-bottom: 15px;
	color: #e74c3c;
	text-align: center;
	font-size: 16px;
	line-height: 155%;
}

.button-wrapper { text-align: center; }
/*
a#submit-btn
{
	display: inline-block;
	padding: 16px 20px;
	margin: 30px auto 60px;
	border-radius: 0px;

	font-family: 'ns_sb';
	font-size: 1.25em;
	letter-spacing: 1px;
	text-decoration: none;
	text-transform: uppercase;
	color: #fff;
	background: #2A1952;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}

a#submit-btn:hover { background: #7F7597; }
*/

div#submit-loading {
	display: none;
	margin: 55px auto 0px;
}

.spinner {
	margin: 30px auto;
	width: 150px;
	text-align: center;
	display: inline-block;
  }
  
  .spinner > div {
	width: 18px;
	height: 18px;
  
	border-radius: 100%;
	display: inline-block;
	-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
	animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  }
  
  .spinner.white > div {
  	background-color: #fff;
  }
  
  .spinner .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
    background-color: #2A1952;
    background: rgba(157,123,54,0.85);
  }
  
  .spinner .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
    background-color: #2A1952;
    background: rgba(157,123,54,0.85);
  }
  
  .spinner .bounce3 {
    background-color: #2A1952;
    background: rgba(157,123,54,0.85);
  }
  
  @-webkit-keyframes sk-bouncedelay {
	0%,
	80%,
	100% {
	  -webkit-transform: scale(0);
	}
	40% {
	  -webkit-transform: scale(1);
	}
  }
  
  @keyframes sk-bouncedelay {
	0%,
	80%,
	100% {
	  -webkit-transform: scale(0);
	  transform: scale(0);
	}
	40% {
	  -webkit-transform: scale(1);
	  transform: scale(1);
	}
  }

@media only screen and (max-width: 1024px){

}

@media only screen and (max-width: 640px){

	form#application-form h2
	{
		margin-top: 50px;
		margin-bottom: 15px;
	}

	div.form .col { margin: 5% 0px 2%; }
	div.form label span { display: block; }


	a#submit-btn { margin: 18px auto 40px; }
}

@media only screen and (max-width: 480px){

	form#application-form h2
	{
		margin-top: 25px;
		margin-bottom: 10px;
	}
}

.summer-message {
	padding: 15px 20px;
	box-sizing: border-box;
	background-color: #C6BFD8;
	font-size: 110%;
	color: #333333;
}

@media only screen and (max-width: 480px){
	.summer-message {
		padding: 10px 14px;
		font-size: 120%;
	}
}

/*** Area ***/

div.page-barkarbystaden div.page-header-wrapper
{
	background-image: url('../img/ext_barkarbystaden_lg.jpg');
	background-position: 50% 80%;
}

a#area-link
{
	display: inline-block;
	margin: 30px auto 60px;
	/*
	width: 100%;
	max-width: 360px;
	*/
}

/***  BRF 2.0 ***/

div.page-brf-2-0 div.page-header-wrapper
{
	background-image: url('../img/int_03_lg.jpg');
	background-position: 0% 65%;
}

div.video-wrapper
{
	margin: 80px 0px;
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
}

div.video-wrapper iframe
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

div.pyramid-text
{
	width: 92%;
	margin-top: 20px;
	margin-left: 8%;
	font-size: 1em;
	line-height: 156%;
}

div.leverage-wrapper
{
	margin-top: 20px;
	text-align: center;
}

div.leverage
{
	display: inline-block;
	padding: 6px 18px;
	border: 1px solid #2A1952;
}

@media only screen and (max-width: 1024px){
	div.video-wrapper { margin: 40px 0px; }

	div#compare-pyramids div.margin-lg:last-of-type
	{
		margin-top: 60px;
	}
}


@media only screen and (max-width: 720px){
	div.video-wrapper { margin: 30px 0px; }

	div#compare-pyramids div.margin-lg:last-of-type
	{
		margin-top: 60px;
	}
}

@media only screen and (max-width: 640px){

	div.video-wrapper { margin: 25px 0px; }

	div#compare-pyramids div.margin-lg:last-of-type { margin-top: 50px; }

	div.pyramid-text { margin-top: 15px; }
	
	div.leverage-wrapper { margin-top: 15px; }
}

@media only screen and (max-width: 480px){
	
	div.video-wrapper { margin: 20px 0px; }

	div#compare-pyramids div.margin-lg:last-of-type
	{
		margin-top: 40px;
	}
}

div#compare-to-brf { background-color: #DFDDE5; margin-top: 70px; }
div#compare-to-rent { background-color: #F2F3F4; margin-top: 20px; }

div.compare-section
{
	padding: 75px 10% 100px;
}

div.compare-section .section-title-text,
div.compare-section .section-sub-title-text
{
	width: 100%;
	max-width: none;
}

/*** FIX ***/
div.compare-section .section-sub-title-text.sm
{
	font-family: 'ns';
	font-size: 1.125em;
	line-height: 156%;
}

div.compare-wrapper-title
{
	background: #2A1952;
	margin-top: 30px;
	margin-bottom: 0px;
	padding: 15px 0px 13px;
	font-family: 'ns_sb';
	font-size: 1.375em;
	color: #FFFFFF;
	letter-spacing: -0.16px;
	text-align: center;
	line-height: 127%;
}

div.compare-item
{
	border: 1px solid #2A1952;
	box-sizing: border-box;
}

div.compare-item:last-of-type { background: rgba(255,255,255,0.70); }

div.compare-item-title
{
	padding: 15px 0px 4px;
	font-family: 'ns_sb';
	font-size: 1.375em;
	color: #333333;
	letter-spacing: -0.16px;
	text-align: center;
	line-height: 127%;
}

div.compare-item div.data-grid
{
	border-bottom: none;
	border-top: none;
	justify-content: center;
}

div.compare-item div.data-wrapper {
	flex-basis: 100%;
	display: flex;
	justify-content: center;
	margin-top: 6px;
	border-bottom: 1px solid #2A1952;
}

div.compare-item div.data-wrapper:last-of-type { border: none; } 

div.compare-item div.data-el
{
	border-right: none;
	padding-left: 15%;	
}

div.data-wrapper div.data-el:first-of-type
{
	flex-basis: 55%;
	padding-left: 14%;

}
div.data-wrapper div.data-el:last-of-type
{
	flex-basis: 45%;
	padding-left: 0px;
	padding-right: 14%;
}

div.data-wrapper div.data-value
{
	text-align: right;
}

div.compare-item:not(.rent) div.data-value
{
	margin-top: 0px;
}

@media only screen and (max-width: 1200px){
	div.data-wrapper div.data-el:first-of-type { padding-left: 12%; }
	div.data-wrapper div.data-el:last-of-type { padding-right: 12%; }
}

@media only screen and (max-width: 880px){
	/*div.compare-item:not(.rent) div.data-el { padding-left: 8%; }*/
}

@media only screen and (max-width: 720px){
	div.compare-section { padding: 60px 8% 80px; }
	div.data-wrapper div.data-el:first-of-type { flex-basis: 50%; }
	div.data-wrapper div.data-el:last-of-type { flex-basis: 50%; }
}

@media only screen and (max-width: 640px){
	div.compare-section { padding: 50px 6% 70px; }
	/*
	div.data-wrapper div.data-el:first-of-type { padding-left: 16%; }
	div.data-wrapper div.data-el:last-of-type { padding-right: 16%; }
	*/
}

@media only screen and (max-width: 480px){
	div.compare-section { padding: 40px 4% 55px; }
	
	div.data-wrapper div.data-el:first-of-type { flex-basis: 60%; }
	div.data-wrapper div.data-el:last-of-type { flex-basis: 40%; }

	div.data-wrapper div.data-el:first-of-type { padding-left: 10%; }
	div.data-wrapper div.data-el:last-of-type { padding-right: 10%; }

}

@media only screen and (max-width: 360px){
	div.data-wrapper div.data-label { font-size: 11px; letter-spacing: 1px; }
	div.data-wrapper div.data-el:first-of-type { padding-left: 6%; }
	div.data-wrapper div.data-el:last-of-type { padding-right: 6%; }

}


/*** FAQ ***/

div#faq-title .section-sub-title-text
{
	max-width: 800px;
}

div#faq-title .section-sub-title-text a
{
	color: #2A1952;	
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}

div#faq-title .section-sub-title-text a:hover
{
	color: #7F7597;
}

div.faq-item
{
	position: relative;
	flex-wrap: nowrap;
	/*align-items: center;*/
	padding: 10px 8px;
	box-sizing: border-box;
	background-color: #fff;
	border-top: 1px solid #A5A29F;
	cursor: pointer;
}

div.faq-item:last-of-type { border-bottom: 1px solid #A5A29F; }

div.faq-nr
{
	flex: 0 0 auto;
	padding-right: 10px;
	line-height: 156%;
}

div.faq-content-wrappper
{
	flex: 1 1 auto;
	padding-right: 10px;
}

div.faq-question,
div.faq-answer
{
	line-height: 156%;
}

div.faq-question
{
	font-size: 16px;
}

div.faq-answer
{
	margin-top: 8px;
	margin-bottom: 8px;
	font-size: 14px;
}

div.faq-answer
{
	display: none;
	
	-webkit-transform: translate3d(0, 0, 0);
/*
  transition: all 1s ease-out;
  -moz-transition: all 1s ease-out;
	-webkit-transition: all 1s ease-out;
	*/
}

/*
div.faq-item.open div.faq-answer
{
	max-height: 1000px;

  transition: all 1s ease-out;
  -moz-transition: all 1s ease-out;
	-webkit-transition: all 1s ease-out;
}
*/

div.faq-item:hover div.faq-nr,
div.faq-item:hover div.faq-question,
div.faq-item.open div.faq-nr,
div.faq-item.open div.faq-question { color: #7F7597 }


.toggle-faq {
	flex: 0 0 20px;
  position: relative;
  width: 20px;
	height: 20px;

}
.toggle-faq:before, .toggle-faq:after {
  content: "";
  position: absolute;
  background-color: #2A1952;
  transition: transform 0.25s ease-out;
}
.toggle-faq:before {
  top: 0;
  left: 50%;
  width: 2px;
  height: 100%;
  margin-left: -1px;
}
.toggle-faq:after {
  top: 50%;
  left: 0;
  width: 100%;
  height: 2px;
  margin-top: -1px;
}
.toggle-faq:hover {
  cursor: pointer;
}
div.faq-item:hover .toggle-faq:before {
  background-color: #2A1952;
}
div.faq-item:hover .toggle-faq:after {
  background-color: #2A1952;
}

.open .toggle-faq:before {
  transform: rotate(90deg);
}
.open .toggle-faq:after {
  transform: rotate(180deg);
}

/*
div.faq-item-wrapper img
{
	display: block;
	position: absolute;
	top: 25px;
	right: 30px;
	width: 30px;

  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
}

div.faq-item-wrapper.open img 
{
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);

	top: 22px;
}

*/



/*** Footer ***/

div#footer { display: none; } 

div.logos.col-wrapper
{
	justify-content: center;
	align-items: center;
	flex-basis: 40%;
}

div.logos #well-logo
{
	max-width: 150px;
	margin-right: 8%;
}

div.logos #brf-logo
{
	max-width: 90px;
}

@media only screen and (max-width: 1024px){
	div#footer
	{
		display: block;
		border-top: 1px solid #A99163;
		margin-top: 40px;
	} 


	div#profile-info.col-wrapper
	{
		align-items: center;
		justify-content: flex-start;
		flex-basis: 60%;
	}
	
	div#profile-image
	{
		width: 50%;
		max-width: 120px;
	}
	
	div#profile-image img
	{
		border-radius: 50%;
	}
	
	div#profile-contact
	{
		margin-left: 5%;
		font-family: 'ns_sb';
		color: #333333;
	}
	
	div#profile-contact #profile-name
	{
		margin-top: 22px;
    font-size: 16px;
    text-transform: uppercase;
	}
	
	div#profile-contact #profile-title
	{
		font-size: 11px;
		margin-top: 5px;
		font-family: 'ns';
    text-transform: uppercase;
		line-height: 1.25;
	}
	
	div#profile-contact .link-wrapper { display: block; }
	
	div#profile-contact .link-wrapper a
	{

		display: inline-block;
		font-size: 1.125em;
		color: #333333;
		text-decoration: none;
	}
	
	div#profile-contact a#profile-email
	{
		margin-top: 21px;
	}
	
	div#profile-contact a#profile-tel
	{
		margin-top: 6px;
		text-decoration: none;
	}
}
/*
@media only screen and (max-width: 1024px){

	div#profile-info.col-wrapper,
	div#footer-logos.col-wrapper
	{
		flex-basis: 100%;
		justify-content: center;
	}

	div#profile-contact .link-wrapper a { font-size: 1.1875em; }
	div#profile-contact a#profile-email { margin-top: 15px; }
	div#profile-contact a#profile-tel { margin-top: 8px; }


	div#footer-logos.col-wrapper { margin-top: 10px; }

	div#footer-logos #well-logo
	{
		max-width: 120px;
		margin-right: 5% !important;
	}
	
	div#footer-logos #brf-logo
	{
		max-width: 72px;
		margin-left: 5% !important;
	}
	
}
*/


@media only screen and (max-width: 1024px){

	div#profile-info.col-wrapper,
	div.logos.col-wrapper
	{
		flex-basis: 100%;
		justify-content: center;
	}

	div.logos.col-wrapper { margin-top: 10px; }

	div#profile-info.col-wrapper{ flex-direction: column; }

	div#profile-contact
	{
		margin-top: 20px;
		margin-left: 0px;
		text-align: center;
	}

	div#profile-contact #profile-name
	{
		margin-top: 0px;
	}

	div#profile-contact .link-wrapper a { font-size: 1.1875em; }

	div#profile-contact a#profile-email { margin-top: 15px; }
	div#profile-contact a#profile-tel { margin-top: 8px; }

	div.logos.col-wrapper
	{
		margin-top: 20px;
	}
	
	div.logos #well-logo
	{
		max-width: 120px;
		margin-right: 4% !important;
	}
	
	div.logos #brf-logo
	{
		max-width: 72px;
		margin-left: 4% !important;
	}
	
}