@charset "utf-8";
h5{
	font-size: 17px;
}
#preloader { position: fixed; left: 0; top: 0; z-index: 999; width: 100%; height: 100%; overflow: visible; background: #FFF url('../images/preloader.gif') no-repeat center center; }
p{
	font-family: 'Open sans', sans-serif;
}
/*MENUPAGE*/
#menupage {
	height:100vh;
	width:100%;
	background:#ffffff;
	position:fixed;
	top:0;
	display:none;
	z-index:1040;
}
#menupage .row {
	margin-left:-5px;
	margin-right:-5px;	
}
#menupage .col-sm-3 {
	padding-left:5px;
	padding-right:5px;	
}
.logo{
	width: 70%;
	padding-top: 1%;
}
.menuThumb {
	background-color:#f4f3f3;	
	display:block;
	text-align:left;
	color:#323232;
	padding:0;
	margin:5px 0;
	width:100%;
	height:75px;
	border-style:solid;
	border-width:4px;
	border-color:#f4f3f3;
	position:relative;
	overflow:hidden;
}
.menu-content-holder {
	padding:0 15px;
	width:100%;
	position: absolute; 
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);    
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);	
}

.menuThumb.active-menu {
	color:#FFFFFF;
	cursor:default;
	border-color:#fff;
}
.menuThumb img {
	margin:0 auto;
	max-width:40px;
	height:auto;
}
#menupage .menuThumb img, #menupage .menuThumb p.desc {
	display:none;
}
.menuThumb p.title {
	font-family:Montserrat;
	font-weight:700;
	font-size:18px;
	margin:10px 0 5px;
}
.menuThumb p.desc {
	font-size:12px;
}
#introMenuHolder .menuThumb {
	height:140px;	
	/*border:none;*/
	overflow:hidden;
}
#introMenuHolder .menu-content-holder {
	padding:0 10px;	
}

@media (min-width: 600px) {
	.menuThumb p.desc {
		font-size:12px;
		display:block;
	}
}
@media (min-width: 767px) {
	.menuThumb img {
		display:block;				
	}
	#menupage .menuThumb {
		height:25vh;
	}
	.menuThumb {
		text-align:center;		
	}
	#introMenuHolder .menuThumb {
		height:200px;
	}
	#menupage .menuThumb img, #menupage .menuThumb p.desc {
		display:block;
	}
}
@media (min-height: 800px) and (min-width: 1024px) {
	.menuThumb img {
		max-width:70px;
	}
}

@media screen and (max-width: 480px){
	#introMenuHolder .menu-content-holder {
		padding-top: 17px;
	}
	#menupage{
	  overflow: scroll;
	}
}

/* STARTPAGE*/
#start{
	height:95vh;
    background:#43C2E6;
    color:#fff;
	position:relative;
	z-index: 9999999;
}
.arrow-down {
	width: 0; 
	height: 0; 
	border-left: 25px solid transparent;
	border-right: 25px solid transparent;	
	border-top: 25px solid #43C2E6;
	margin:0 auto;
}

#startlogo {
	max-width:1120px;		
    position: absolute;
    top: 50%;
	left:0;
	right:0;   
	width: 100%;
	height: auto;
    margin: -17.5% auto 0 auto;
    text-align: center;
}
#startlogo img{
	width: 100%;
}
#startlogo .title{
	margin-top: -5%;
}
.start-nav {	
	position:absolute;
	text-align:center;
	bottom:10%;
	left:0;
	right:0; 
	margin: 0 auto;
}
.start-nav ul {
 	list-style:none; 
	display:inline-block;
	margin-left:0;
	padding-left:0;
}
.start-nav li {
  float:left;
  padding:0;
  position:relative;  
}
.start-nav li img {	
  padding-top:0;
  width:45px;
  height:auto;
}
@media (min-width: 768px) {
	.split-menu {
		margin-right:80px;	
	}
	.start-nav li {
	  padding:5px;
	}
}
@media (max-width: 480px) {
	#start .start-nav {
		display: none;
	}
}

/*MAIN CONTENT*/
#main {
	padding-top:110px;	
}

#main >.header>.row, 
#videoHolder >.row, 
#selfAssessHolder >.row, 
#introVideoHolder >.row,
#introMenuHolder >.row,
#helpMapHolder >.row,
#adhdTabHolder >.row {
	padding-left:0;
	padding-right:0;
	
}

@media (min-width: 768px) {
	#main >.header>.row, 
	#videoHolder >.row, 
	#introVideoHolder >.row,
	#selfAssessHolder >.row, 
	#helpMapHolder >.row,
	#adhdTabHolder >.row {
		padding-left:40px;
		padding-right:40px;
	
	}
}
.header-shortline {
	background-color:#323232;
	height:7px;
	width:70px;	
	margin-bottom: 20px;
}
#selfassessSlider .header-shortline,
#helpMapHolder .header-shortline,
#introVideoHolder .header-shortline,
#introMenuHolder .header-shortline,
#adhdTabHolder .header-shortline {
	margin-left:auto;
	margin-right:auto;	
}
.header-line {
	width:100%;
	height:3px;
	margin-top:20px;
}
.header {
	padding-top:0;
	color:#323232;	
}
.header img {
	max-width:50px;	
}
@media (min-width: 768px) and (max-width: 900px) {
	.header .row .col-sm-8{
		width: 100%;
	}
}

.titleline {
	margin-top:5px;
	margin-bottom:5px;
	display:table;	
}
.titleline > * {
	display:table-cell;
    vertical-align: middle;
	float:left;
}

.titleline img {
	margin-right:20px;
}
@media (min-width: 768px) {
	.v-parent {
		display:table !important;
	}
	.v-child {
		display:table-cell;
		vertical-align: middle;
	}
	.header img {
		max-width:108px;	
	}
}
/*INTRO VIDEO*/
#introVideoHolder,
#introMenuHolder,
#adhdTabHolder {
	margin: 40px 0 40px; 
	background: #f4f3f3; 
	position: relative;
	padding:20px 20px;
	background-size:cover;
	position:relative;
	overflow:hidden;
}
#introVideoHolder p {
	width:400px;
	margin: 30px auto;
	display: inline;
}

#introMenuHolder .row {
	margin-left:-5px;
	margin-right:-5px;	
}
#introMenuHolder .col-sm-3 {
	padding-left:5px;
	padding-right:5px;	
}

/*VIDEOHOLDER*/
h3.grey-color {
	margin-top: 15px;
	color:#666666;	
}

#videoSlider {	
	padding:60px 20px 20px 20px;
	margin-bottom:0;
}
#videoSlider p {
	margin-top: 30px;
}
.video-nav {
	position:absolute;
	bottom:60px;  
	left:66.6%;
	margin-left:10px;
	z-index:999;
}
.video-nav div {
	float:left;	
	border-radius: 50%;
    behavior: url(PIE.htc);
	width: 30px;
    height: 30px; 
	margin-right:20px; 	
	line-height:27px;
	text-align:center;
	cursor:pointer;	
}
.remove-on-click{
  position: absolute;
  z-index: 999;
  width: 96% !important;
  cursor: pointer;
}
#introVideoHolder .remove-on-click{
	width: 97% !important;
	left: 15px;
}
@media screen and (max-width: 480px){
	#introVideoHolder .remove-on-click, .remove-on-click{
		width: 91% !important;
	}	
}
.nav-left, .nav-right {
	border-width:2px;
	border-style:solid;
}

#slider-thumbails {
	background-color:#f4f3f3;
	width:100%;
	height:auto;
	margin:0;
	padding:0 35px 20px 35px;
}
#slider-thumbails .thumb-holder {
	margin: 0;
	padding: 0;
	white-space:nowrap;
}
#slider-thumbails .thumb-holder .thumb {
	margin:0 0.5% 0 0;
	padding:0;	
	display:inline-block;
	width: 12%;	
	font-family: Montserrat;
    font-size: 13px;
}
#slider-thumbails .thumb-holder .thumb img {
	width:100%;	
	display:block; 
	opacity: .5; 
	cursor: pointer;
}
#slider-thumbails .thumb-holder .thumb img:hover {
	opacity: 1;
}
#slider-thumbails .thumb-holder .thumb.active-slide img {
	opacity: 1; 
	cursor: default;
}


#thumbnails {
	padding:0 35px;	
}
#thumbnails li {
	margin: 0 5px 0 0; 
	padding:0; 
}
#thumbnails img {display:block; opacity: .5; cursor: pointer;}
#thumbnails img:hover {opacity: 1;}
#thumbnails .flex-active-slide img {opacity: 1; cursor: default;}
#thumbnails .thumb-title {
	font-family: Montserrat;
    font-size: 13px;
}
@media screen and (min-width: 768px) and (max-width: 900px){
	.video-nav{	
		bottom: 17px;
	}
	#slider-thumbails .thumb-holder .thumb{
		width: 22%;
		float: left;
	}
	.thumb-holder:after {
		content: "";
		visibility: hidden;
		display: block;
		height: 0;
		clear: both;
	}
}

@media screen and (max-width: 480px){
	#videoSlider {
		padding: 60px 20px 60px 20px;
	}
	.video-nav{
		bottom: 10px;
		left: 30%;
	}
	.thumb-holder:after {
		content: "";
		visibility: hidden;
		display: block;
		height: 0;
		clear: both;
	}
	#slider-thumbails .thumb-holder .thumb{
		width: 42%;
		float: left;
		height: 100px;
		white-space: normal;
		margin-right: 8%;
	}
}
/*SELFASSESSMENT SLIDER*/
#selfassessSlider {	
	padding:30px 20px 80px 20px;
	position:relative;
}
.flexslider .slides > li {
	overflow: hidden;
}
#selfassessSlider p {
	width:100%;
	margin: 30px auto;
}
#selfassessSlider #next-step .textareacontainer{
	margin-bottom: 5%;
}
#selfassessSlider #next-step .textareacontainer textarea{
	display: block;
	margin: 0 auto;
	width: 70%;
	height: 155px;
	border:2px dashed;
	outline:none;
	padding: 10px;
}
.select-button, .select-input {
	display:inline-block;
	text-align:center;
	margin:8px 0;
	color:#323232;
	background-color:#FFF;
	border:2px solid;
	font-family: Montserrat;
	font-size:14px;
	line-height:15px;
	padding:5px 0;
	cursor:pointer;
	min-height:70px;
	padding: 10px;
}
.problems .select-button, .problems .select-input {
	width:100%;
}
#selfassessSlider button {
	vertical-align:top;	
}
.select-input {	
	height:auto;
	min-height:28px;	
	border:2px dashed;
}
	
#custom-problem-inputs {
	  resize: none;
	  overflow: hidden;
	  font-family: Montserrat;
	  padding:0;
	  text-align:center;
	  border:2px dashed;
	  margin-left: 17px;
}
#problems #custom-problem-inputs {
	float: left;
}
#custom-problem-inputs.selected  {
	color:#FFF;
}

.drag-item, .drop-bin, #solution-holder .solution {
	width:100%;
	display:inline-block;
	text-align:center;
	margin:5px 0;
	font-family: Montserrat;
	font-size:14px;
	line-height:15px;
}

.problem {
	background-color:#e5e5e5;
	padding:15px;
	/*min-height:40px;*/
	float: left;
	width: 40%;
	margin-top: 10px;
}
.solutions-slider span.problems{
	float: left;
	margin-left: 15%;
	text-transform: uppercase;
}
.solutions-slider span.solutions{
	float: right;
	text-transform: uppercase;
	margin-right: 15%;
}
#solutions{
	margin-top: 20px;
}
.solution {
	color:#FFF;
	padding:15px;
	/*min-height:40px;*/
	float: right;
	width: 40%;
	border-width: 2px;
	border-style: solid;
	background-color: #fff;
	color: #282828;
	margin-right: 1%;
	cursor: pointer;
	margin-top: 10px;
}
.solution.custom-input, #custom-tips-input {
	border-style: dashed;
}
#solution-holder .solution{
	cursor: default;
}
.custom-input{
	cursor: text !important;
}
#solution {
	border-style: dashed;
	text-align: center;
}
.drop-bin {
	border:3px solid #cccccc;
	min-height:86px;	
}
.drop-bin span {
	line-height:72px;
	font-size:24px;	
}
img.drag-instr-right {		
	float:right;
}
img.drag-instr-left {
		float:left;
}
img.drag-instr-right, img.drag-instr-left {
	width:25px !important;
	height:auto;
	display:inline-block;
}
#drag-holder {
	min-height:100px;	
}
#solution-holder {
	margin-bottom:50px;	
}
#solution-holder .solution:after {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-width: 10px;
	margin-left: 0;	
	margin-top: -10px;
}
.whocanhelp, .whocanhelp-labels {
	width:100%;
	display: block; 
	margin:10px 0 20px;
}
.whocanhelp li, .whocanhelp-labels li {
	display: inline-block; 
	width: 23%; 
	height: 40px; 
	text-align: center; 
	cursor: pointer; 
	padding:0 10px;
	vertical-align:top;
	margin-top:-5px;
}
.whocanhelp li img {
	max-width:60px;	
	width:100%;
	margin:0 auto;
}

.whocanhelp-labels li {
	font-family: Montserrat;
	font-size:12px;
	line-height:13px;
	vertical-align:bottom;
	padding:0;
}
#solution-holder .solution:after { border-left-color:#E5E5E5; }
#solution-holder .solution{
	border:2px solid #E5E5E5;
}
#tips {
	position:relative;	
}
#tips p {
	font-family: Montserrat;
	font-size:12px;
	line-height:13px;
	text-align:center;
	margin:5px 5px 0 5px;
	width:100%;
}
#tips p:first-child {
	margin-top:20px;
}
/*#tips .select-button {
	width:100%;	
}*/
#tips-holder, #tips-select, #tips-select-one {
	margin-top:40px;
	position:relative;	
}
#tips-select, #tips-select-one {
	width:100%;
	min-height:100px;

}
.custom-tips{
	cursor: text;
}
#tips-holder .select-button{
	min-height: 70px;
	cursor: default;
	border: 2px solid #E5E5E5;
}
#tips-holder .select-button:focus{
	outline: none;
}
#tips-holder .select-button:nth-child(3n+4) {
  clear: left;
}
#tips-holder input {
  float: left;
}
button.go-next, #save-btn {
	display:block;
	font-family: Montserrat;
	font-size:14px;
	color:#FFF;
	line-height:30px;	
	position:absolute;
	top:0;	
	text-align:center;
	border:none;
}
button.go-next {
	left:10%;
	height:30px;
	width:80%;
	margin-top:15px;
}
#tips .tips-instr {
	display:none;	
	margin-bottom:-17px;	
}

.bracket {
	display:none;
	position:absolute;
	bottom:0;
	left:65%;
	height:100%;
	width:10px;	
	border-top: 3px solid #E5E5E5;
	border-right: 3px solid #E5E5E5;
	border-bottom: 3px solid #E5E5E5;
}
#bracket-1 {
	left:30%;
}
.bracket:after, .bracket:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.bracket:after {
	border-color: transparent;
	border-left-color: #f4f3f3;
	border-width: 10px;
	margin-top: -10px;
}
.bracket:before {
	border-color: transparent;
	border-left-color: #E5E5E5;
	border-width: 14px;
	margin-top: -14px;
}
#bracket-color {
	left:30%;	
}

#mail {
	margin:20px 0 20px 0;	
}
#save-btn, #save-email, #email, #submit, #share-more {
	margin:10px 0 0 0;
	height:40px;
	line-height:40px;
	width:100%;
	text-align:center;
	border-style:none;
}
#save-email, #email {
	border:2px solid;
}

#save-msg {
	margin-bottom:30px;	
}
.results{
	width: 100%;
	margin: 0 auto;
}
.results__container{
	width: 25%;
	float: left;
	padding: 1%;
}
.results__container span{
	text-align: center;
  display: inline-block;
  width: 100%;
}
.results__container ul{
	/*list-style: none;*/
}
.results__container ul li{
	font-size: 0.9em;
}
.results__container_inner {
  border: 3px solid rgba(128, 128, 128, 0.1);
  min-height: 130px;
  padding: 10px;
  
}
.results__container_inner ul{
	font-family: Playfair Display;
	padding-left: 20px;
}
.results__container_inner p{
	margin:0px!important;
	color: #323232;
	font-size: 0.9em;
	text-align: center;
	font-family: Playfair Display;
}
.results__container_inner textarea{
	width: 100%;
	border: none;
	margin-top: 0px;
	margin-bottom: 0px;
	height: 98px;
	background: transparent;
	resize:none;
}
.results__container_inner textarea:focus{
	outline: none;
}
.results__container_inner input{
	background: transparent;
	border:none;
}
.hidden{
	display: none;
}
#help-7-content ul{
	font-family: 'Open sans', sans-serif;
}
@media screen and (max-width: 480px){
	.select-button, .select-input{
		width: 100%;
	}
	.solutions-slider span.solutions, .solutions-slider span.problems{
		display: none;
	}
	#solution-holder .solution{
		position: absolute;
  		top: -140px;
	}
	.whocanhelp-labels{
		margin-top: 70px;
	}
	#custom-problem-inputs{
		margin-left: 0;
	}
	.problem{
		float: none;
		width: 100%;
	}
	.solution{
		float: none;
		width: 100%;
		margin-top: 0;
	}
	.results__container {
		width: 100%;
	}
}
@media (min-width: 768px) {
	#selfassessSlider p {
		max-width:450px;
	}
	.select-button, .select-input {
		width:32%;
		margin:8px 3px;
	}
	.drag-item {
		width:100%;
		margin:0 1%;
		background: url(../images/solutions-divider.svg);
		background-repeat: no-repeat;
		background-position: 50%;
	}
	#solution-holder .solution {
		width:30%;
		position:relative;
		margin-bottom:10px;	
		display: inline-block; 
		float: left;
	}
	.whocanhelp, .whocanhelp-labels {
		width:68%;
		display: inline-block; 
		margin:0;
	}
	.whocanhelp{
		margin-top: 14px;
		padding-left: 60px;
	}
	.whocanhelp-labels {
		margin-left:32%;	
	}
	button.go-next {
		margin-top:-15px;
		top:50%;
	}
	#tips-select, #tips-select-one {
		border:	2px solid #e5e5e5;
		width:95%;
	}
/*	#tips .select-button {
		width:30%;	
	}*/
	.bracket {display:block;}
}
@media (min-width: 880px) {
/*	.drag-item, .drop-bin {
		margin:0 1.5%;
	}*/
}
/*.drag-container {
	width:450px;
	height:3px;
	background-color:#000;
	margin: 30px auto;
	position:relative;
}
.drag-elem {
	position: absolute;
	top:-26px;
}
.slider-minus {
	position: absolute;
	top:-8px;
	left:-18px;
	font-size:20px;
}
.slider-plus {
	position: absolute;
	top:-8px;
	right:-18px;
	font-size:20px;
}*/

.no-selection {
	 -webkit-touch-callout: none;
	-webkit-user-select: none; /* Webkit */
	-moz-user-select: none;    /* Firefox */
	-ms-user-select: none;     /* IE 10  */
	
	/* Currently not supported in Opera but will be soon */
	-o-user-select: none;
	user-select: none;
}


.map {
	margin: 0 0 60px; 
	background: #f4f3f3; 
	position: relative;
	padding:20px 20px;
	height:550px;	
	background-size:cover;
	position:relative;
	overflow:hidden;
}
.map-item {
	text-align:center;	
	width:150px;
	position:absolute;
	bottom:0;
	margin-left:-75px;
	font-family: Montserrat;
	font-size:14px;
	line-height:15px;
	cursor:pointer;
}
.map-item span {
	margin-top:2px;
	font-size:85%;	
	font-style:italic;
	display:block;
}
.map-item img {
	display:block;	
	margin:0 auto;
}
.map-line {
	width:1px;	
	height:100%;	
	display:block;	
	margin:10px auto;
}

#map-fritid {	background:url(../images/map_fritid.png) no-repeat center bottom;}
#map-adhd {	background:url(../images/map_adhd.png) no-repeat center bottom;}
#map-bakgrund {	background:url(../images/map_bakgrund.png) no-repeat center bottom;}
#map-bostad {	background:url(../images/map_bostad.png) no-repeat center bottom;}
#map-ekonomi {	background:url(../images/map_ekonomi.png) no-repeat center bottom;}
#map-hallut {	background:url(../images/map_hallut.png) no-repeat center bottom;}
#map-halsa {	background:url(../images/map_halsa.png) no-repeat center bottom;}
#map-kriminalitet {	background:url(../images/map_kriminalitet.png) no-repeat center bottom;}
#map-missbruk {	background:url(../images/map_missbruk.png) no-repeat center bottom;}
#map-relationer {	background:url(../images/map_relationer.png) no-repeat center bottom;}
#map-sysselsattning {	background:url(../images/map_sysselsattning.png) no-repeat center bottom;}

#pos-1 {left:10%; height:80%;}
#pos-2 {left:20%; height:60%;}
#pos-3 {left:30%; height:80%;}
#pos-4 {left:40%; height:60%;}
#pos-5 {left:50%; height:80%;}
#pos-6 {left:60%; height:60%;}
#pos-7 {left:70%; height:80%;}
#pos-8 {left:80%; height:60%;}
#pos-9 {left:90%; height:80%;}
#pos-20{
	position: absolute;
	right: 10px; 
	bottom:5%;
	width: 200px;
}
.not-satisfied button{
	background-color: rgb(246, 245, 246);
}
#help-9-content{
	padding-top: 1px;
	margin: 0;
	width: 100%;
}
#help-9-content div::after{
	clear: both;
	display: block;
	content: "";
	visibility: hidden;
	height: 0;
}
@media screen and (max-width: 480px){
#map-fritid, #map-adhd, #map-bakgrund, #map-bostad, #map-ekonomi, #map-hallut, #map-halsa, #map-kriminalitet, #map-missbruk, #map-relationer, #map-sysselsattning{
		background-size: cover;
		background-color: rgb(246, 245, 246);
		/*height: 870px;*/
	}
	.map-line{
		display: none;
	}
	.map-item{
		width: 45%;
		word-break: break-word;
	}
	.map-item:nth-child(1) {left:26% !important; height:98% !important;}
	.map-item:nth-child(2) {left:75% !important; height:98% !important;}
	.map-item:nth-child(3) {left:26% !important; height:78% !important;}
	.map-item:nth-child(4) {left:75% !important; height:78% !important;}
	.map-item:nth-child(5) {left:26% !important; height:58% !important;}
	.map-item:nth-child(6) {left:75% !important; height:58% !important;}
	.map-item:nth-child(7) {left:26% !important; height:38% !important;}
	.map-item:nth-child(8) {left:75% !important; height:38% !important;}
	.map-item:nth-child(9) {left:26% !important; height:20% !important;}
	#pos-20{
		position: absolute;
		left: 15%; 
		bottom:0%;
		width: 200px;
	}
	.map-item > p{
		font-family: Montserrat;
		white-space: normal;
		font-size: 80%;
	}
	.map span{
		line-height: 120%;
	}
}
.not-satisfied button{
	width: 100%;
	min-height: 40px;
}
#help-holder {
	position:absolute;
	top:0;
	left:0;
	background-color:#f4f3f3;
	overflow:scroll;
	height:0;
	width:100%;
}
#help-holder h4.slidetitle span {
	font-style:italic;
	font-size:80%;
}
#help-holder .close-help-button {
	position:absolute;
	top:3px;
	right:3px;	
}
#definition {
	margin-top:20px;	
}

#help-button-group, #help-button-group-unhappy {
	margin:20px auto;	
}
.help-button {
	width:90%;
	display:inline-block;
	text-align:center;
	margin:5px;
	color:#323232;
	background-color:#FFF;
	border:2px solid;
	font-family: Montserrat;
	padding:15px 0;
	cursor:pointer;
}
#help-content-holder {
	position:relative;	
}
.help-content {
	padding:0 25px;	
	overflow:hidden;
	height:0;
	position:absolute;
	top:0;
}
#adhdTabHolder .help-content {
	position:relative;
}
.help-content ul li {
	margin-top:8px;	
}
.help-button.active { color:#FFF;}


@media (min-width: 768px) {
	.help-button {
		width:45%;
		margin:0 1px;
	}
	#help-button-group-unhappy .help-button {
		width:30%;
		margin:0 1px;
		margin-top: 2%;
	}
	#adhdTabHolder .help-button {
		width:24%;
		margin:0 1px;
	}
}

.m-r-80 {
	margin-right:80px;	
}
.m-b-50 {
	margin-bottom:50px;
}
.m-b-25 {
	margin-bottom:25px;
  	margin-top: 30px;
}
.m-t-20 {
	margin-top:20px;	
}

.next-prev-button {
	height:	65px;
	width:100%;
	cursor:pointer;
}
.next img {
	float:right;
	padding: 0 10px;
}
.prev img {
	float:left;
	padding: 0 10px;
}
.next {
	border-left:2px solid #ffffff;
	text-align:right;	
	padding:10px 30px 10px 0;
}
.prev {
	border-right:2px solid #ffffff;
	text-align:left;
	padding:10px 0 10px 30px;	
}
a .next-prev-button {
	color:#FFF;
	font-family: Montserrat;
	font-size:16px;
	line-height:45px;
	width:100%;
}
.next-prev-nav {
	margin-bottom:20px;		
}
.next-prev-nav a {
	padding-left:0;
	padding-right:0;	
}
.next-prev-nav a:hover {
	text-decoration:none;
}



/*NAVIGATION*/
.topbar, .topbar-start {
	height:100px;
	font-family:Montserrat;
	font-weight:400;
	font-size:20px;
	line-height:100px;
	padding:0;
}
.topbar a, .topbar-start a {
	float:right;	
}
#fixed-menu, #main-menu {
	background-color:#FFF;	
	position:fixed;
	top:0;
	left:0;
	z-index: 999999;
	white-space: nowrap;
}

.nav-holder {
	position:relative;	
	height: 100%;
}
ul#nav {
	list-style:none;
	margin:0;
	padding:0;
	position:absolute;
	right:0;
	top:0;		
}
ul#nav li {
	display:none;
	height:100px;
	width:50%;
	max-width:50px;
	margin:0 -3px;	
}
ul#nav li:last-child {
	display:inline-block;
}
ul#nav li img {
	width:100px;
	height:auto;
	max-width:50px;	
	margin:auto;
}
ul#nav li a {
	float:none;	
}
.mobile-hide {
	display:none !important;	
}
#nav .hover-text{
  position: relative;
  bottom: -28px;
  font-size: 0.3em;
}
#menu-bakgrund .hover-text			{left: -65px;}
#menu-bostad .hover-text			{left: -59px;}
#menu-sysselsattning .hover-text	{left: -77px;}
#menu-ekonomi .hover-text			{left: -61px;}
#menu-relationer .hover-text		{left: -64px;}
#menu-halsa .hover-text				{left: -51px;}
#menu-adhd .hover-text				{left: -54px;}
#menu-fritid .hover-text			{left: -51px;}
#menu-missbruk .hover-text			{left: -61px;}
#menu-kriminalitet .hover-text		{left: -65px;}
#menu-hallut .hover-text			{left: -52px;}
@media (min-width: 480px) {
	.topbar, .topbar-start {
		font-size:40px;
	}
	ul#nav li {
		margin:0 -2px;	
	}
	ul#nav li:last-child {
		margin-left:20px;
		width:40px;	
	}
}
@media (min-width: 768px) {
	.topbar, .topbar-start {
		padding-left:0;	
	}
	ul#nav {
		right:0;
		left:auto;
		top:0;		
	}
	ul#nav li {
		width:45px;
		margin:0 -5px;
	}
	.nav-title  {
		display:inline-block;	
	}
}
@media (min-width: 850px) {
	.topbar, .topbar-start {
		font-size:40px;	
	}
	ul#nav li {
		display:inline-block;
	}
	.mobile-hide {
		display:inline-block;	
	}
}
@media (min-width: 992px) {
	ul#nav li {
		margin:0;
	}
}

#start-bar {
	overflow:hidden;
	height:103px;	
	background-color:#43C2E6;
	position:fixed;
	top:0;
	left:0;
	z-index:1031;
}
#start-bar .topbar-start {
	height:100px;
	display:block;
}

/*WHITE*/
.color-white-border {
	border-color: #fff;
}
.color-white-text {
	color:#fff;
}
.color-white-bg {
	background-color:#fff;
}

/*FOOTER*/
footer {
	margin-top:40px;	
	margin-bottom:30px;
}
footer .header-line {
	margin-bottom:10px;	
}
footer p {
	margin:2px 0;	
	font-family: Montserrat;
	font-size:13px;
}
footer .share p {
	font-size:14px;
	font-family:Playfair Display;	
}
footer .share p.title {
	font-family: Montserrat;
	font-weight:700;
	font-size:20px;
}
footer img {
	margin-left: 10px;	
	margin-top:-10px;
	float:right;
}
footer .row {
	/*margin-top:15px;*/	
}
footer .text-right {
	text-align:left;
}
footer .col-sm-6:last-child {
	margin-top:20px;	
}
footer .share {
	margin-bottom:40px;
	background: #f4f3f3; 
	position: relative;
	padding:20px;
	position:relative;
}
.footer-logo{
	float: left;
	margin-top: 3%;
	padding-left: 0;
}
.footer-floater{
  float: left;
}
#success {
	display:none;	
}
@media screen and (max-width: 480px){
	footer .logo-container:after{
		content: "";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	footer .footer-logo{
		margin-left: 0;
		width: 50%;
	}
}
@media (min-width: 768px) {
	footer .text-right {
		text-align:right;
	}
	footer .col-sm-6:last-child {
		margin-top:0;	
	}
}
#bakgrund #videoHolder{
	margin-bottom:5%;
}
/*.flexslider .slides img{
	display: none !important;
}*/

.start__arrow-down{
	position: absolute;
	left: 49%;
	bottom: 2%;
	cursor: pointer;
}