@import url('//fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');
@import url('//fonts.googleapis.com/css?family=Raleway:200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
@import url('//fonts.googleapis.com/css?family=Droid+Serif:400,400i,700,700i');



/*
=======================================================================
	UU
=======================================================================
*/

#tilinnhold, #tilnavigasjon {
  position: absolute;
  overflow: hidden;
	z-index:99999;
	text-align:center;
	width:100%;
	color:#fff;
	top:-35px;
	font-size:18px;
	-webkit-transition: all 0.3s ease;                  
  -moz-transition: all 0.3s ease;                 
  -o-transition: all 0.3s ease;   
  -ms-transition: all 0.3s ease;          
  transition: all 0.3s ease;
	}

#tilinnhold:focus, #tilnavigasjon:focus {
	height:40px;
	line-height:40px;
	text-align:center;
	width:100%;
	top:0;
	background: #000;
	}
	

/*
=======================================================================
	General misc.
=======================================================================
*/

body {
	font-family: 'Droid Serif', serif;
	}

/*
main a {
	-webkit-transition: all 0.3s ease;                  
	-moz-transition: all 0.3s ease;                 
	-o-transition: all 0.3s ease;   
	-ms-transition: all 0.3s ease;          
	transition: all 0.3s ease;
	}
*/

::selection {background: #a2d5ff;color:#fff;}

main:focus {outline:none;}

main > .container {background: #fff;position:relative;}
main > .row {margin-left:0;margin-right:0;}
main > .row > div[class^="col-"] {padding-left:0;padding-right:0;}
main > .row > div[class^="col-"] > .row {margin-left:0;margin-right:0;}

main > * {padding-top:3rem;}
/*main > :first-child {padding-top:0!important;}*/
main {padding-bottom:3rem;}


.element-breadcrumb {margin-top:1.5rem;/*margin-bottom:1.5rem;*/}
.element-breadcrumb a {text-decoration:underline;}
[data-id="ef90cef933814e9ba83ad84a2373f0b3"] .element-breadcrumb,
.hide-breadcrumb .element-breadcrumb{display:none;}

figcaption {
	background: #dfdfdf;
	padding:0.5rem 1rem;
	}

@media only screen and (min-width:768px) {
	main > * {padding-top:3rem;}
    main {padding-bottom:3.5rem;}
	.element-breadcrumb {margin-top:1.5rem;/*margin-bottom:1.5rem;*/}
	}

@media only screen and (min-width:991px) {
    main > * {padding-top:4rem;}
    main {padding-bottom:4rem;}
	.element-breadcrumb {margin-top:2rem;/*margin-bottom:2rem;*/}
	}

@media only screen and (min-width:1200px) {
    main > * {padding-top:5rem;}
    main {padding-bottom:5rem;}
	.element-breadcrumb {margin-top:3rem;/*margin-bottom:3rem;*/}
	}

/*main > :first-child {padding-top:0;}*/
[data-id="ef90cef933814e9ba83ad84a2373f0b3"] main > :first-child {padding-top:0;}
	
/*
=======================================================================
	General text
=======================================================================
*/
	
h1, h2, h3, h4, h5, h6 {
	font-family: 'Raleway', sans-serif;
    color:#004F8B;
	}
	
article h1, 
article h2, 
article h3, 
article h4, 
article h5, 
article h6 {
	color:#004F8B;
	font-weight:800;
    margin-top:0;
	}

*[class*='page-article'] .teaser {
	color:#808080;
	color:#004F8B;
	}

a {color:#004F8B;}
a:hover {color:#004F8B;}

blockquote {
	color:#004F8B;
	font-weight:900;
	font-size: 1.4em;
	border-left : 5px solid #a2d5ff;
	padding-top:0;
	padding-bottom:0;
	}

blockquote:before {content:"«";}
blockquote:after {content:"»";}

.text ul {padding:0;list-style:none;}
.text ul li {margin:0 0 15px 0;padding:0 0 0 1.6rem;}
.text ul.big-list li {margin-bottom:2rem;font-size:1.1em;}
.text ul.big-list li:last-child {margin-bottom:0;}
.text ul li:before {
	font-family: FontAwesome;
	content: "\f105";
	margin-left:-1.6rem;
	width:1.6rem;
	display:inline-block;
	color:#004F8B;
	}

 figure a {vertical-align:middle;}
.image-with-video {position:relative;}
.image-with-video:after {position:absolute;
	content: "";
	display:block;
	width:100px;
	height:100px;
	background: red;
	top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
	background: url(/images/icon-play.png);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	pointer-events: none;
	-webkit-transition: all 0.3s ease;                  
	-moz-transition: all 0.3s ease;                 
	-o-transition: all 0.3s ease;   
	-ms-transition: all 0.3s ease;          
	transition: all 0.3s ease;
	}
	
/*.article-image-with-video:hover img {opacity:0.8;}*/
.image-with-video:hover:after {
	top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1.15);
	}



@media only screen and (min-width:768px) {
	.text ul.big-list li {font-size:1.1em;}
	/*.text ul li:before {margin-left:-2rem;width:2rem;}*/
	}

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

@media only screen and (min-width:1200px) {
	.col-md-12 blockquote,
    .col-lg-12 blockquote {width:66%;}
	}


/*
=======================================================================
	Pre-header
=======================================================================
*/

.pre-header {border-bottom: 1px solid rgba(0,0,0,0.1)}
.pre-header-wrapper {padding:0.5rem 0;max-width:1920px;margin: 0 auto;}

.pre-header-elements {text-align:right;}
.pre-header-element {margin: 0 2rem;display:inline-block;}
.pre-header-element:last-child {margin: 0;}

.pre-header a {color:#2d4768;text-decoration:none;font-size: 1.4rem;}
.pre-header a:hover {text-decoration:underline;}

.pre-header-element-language ul {margin:0;padding:0;list-style:none;}
.pre-header-element-language ul li {margin:0;padding:0;}
.pre-header-element-language ul li ul{display:none;position:absolute;z-index:999;}
.pre-header-element-language ul li:hover ul {display:block;background:#fff;box-shadow: 2px 2px 6px rgba(0,0,0,.2);}
.pre-header-element-language ul li:hover ul li {position:relative;top:100%;left:0;text-align:left;}
.pre-header-element-language ul li:hover ul li a {padding:.75rem;min-width:150px;display:block;padding-left:40px;border-bottoom:1px solid #CCC;}
.pre-header-element-language ul li:hover ul li:last-child a {border:0;}
.pre-header-element-language ul li:hover ul li:hover {background: #004f8b;}
.pre-header-element-language ul li:hover ul li a:hover {color:#fff;text-decoration:none;}
.pre-header-element-language ul li:hover ul li.active a:before {
	position:absolute;top:10px;
	left:15px;
	font-family: FontAwesome;
	content: "\f00c";
	margin-right:10px;	
	display:inline-block;
	}

.pre-header .bttn-language-simple {text-transform:capitalize;}
.pre-header .bttn-language-simple span {display:none;}
.pre-header .bttn-language-simple:before {
	font-family: FontAwesome;
	content: "\f0ac";
	margin-right:10px;	
	display:inline-block;
	}

.pre-header .bttn-language:before {
	font-family: FontAwesome;
	content: "\f0ac";
	margin-right:10px;	
	display:inline-block;
	}

.pre-header .bttn-login:before {
	font-family: FontAwesome;
	content: "\f13e";
	margin-right:10px;
	display:inline-block;
	}
	
@media only screen and (min-width:768px) {
    .pre-header .bttn-language-simple {text-transform:inherit;}
    .pre-header .bttn-language-simple span {display:inline;}
	}

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

@media only screen and (min-width:1200px) {
	.pre-header .container {width:100%;}
	}
	

/*
=======================================================================
	Header misc
=======================================================================
*/

header .site-header {
	border-bottom: 1px solid #e5e5e5;
	}

header .site-header-wrapper {
	background: #fff;
	padding-top:30px;
	padding-bottom:30px;
    max-width:1920px;
    margin: 0 auto;
	}

.header-elements {display:table;width:100%;}
.header-elements .header-element {display:table-cell;vertical-align:middle;text-align:center;padding-left: 1rem;}
.header-elements > :first-child {padding-left:0;}

.site-logo {margin-right:60px;}

.site-logo {width:100px}
.site-logo img {width:100%;max-width:100%;}

.header-cta {
	font-family: 'Raleway', sans-serif;
	padding:1.2rem 0.75rem;
	display:block;
	text-align:center;
	font-weight:800;
	text-transform:uppercase;
	}

.header-cta-sign-up {
	background: #608025;
	color:#fff;
	}

.header-cta-sign-up:hover {
	background: #435817;
	color:#fff;
	text-decoration:none;
	}

.header-cta-gift {
	background: #a2d5ff;
	color:#004F8B;
	}

.header-cta-gift:hover {
	background: #39b2e5;
	color:#004F8B;
	text-decoration:none;
	}

@media only screen and (min-width:768px) {
	.site-logo {width:9%;}
	.header-cta {font-size: 1rem;}
	}

@media only screen and (min-width:991px) {
	.site-logo {width:11%;}
	.header-cta {font-size: 1.4rem;}
	}

@media only screen and (min-width:1200px) {
	.site-logo {width:7%;}
	.header-cta {font-size: 1.8rem;}
	.site-header .container {width:100%;}
	}

/*
=======================================================================
	Header main menu
=======================================================================
*/

.main-nav {margin-left:30px;font-family: 'Raleway', sans-serif;}
.main-nav ul {margin:0;padding:0;list-style:none;}
.main-nav ul li {margin:0;padding:0;float:left;display:block;}
.main-nav ul li a {font-size: 1rem;padding:1.2rem;text-transform:uppercase;font-weight:700;}

/* LVL 1 */
.main-nav ul li.sfHover,
.main-nav ul li:hover {background: #004f8b;}

.main-nav ul li.sfHover a,
.main-nav ul li:hover a {color:#fff;}

.main-nav > ul > li:nth-child(4),
.main-nav > ul > li:nth-child(5) {
    display: none;
}

/* LVL 2 */
.main-nav ul li li a {color:#fff;}
.main-nav ul li.sfHover li,
.main-nav ul li:hover li {background: #004f8b;}

.main-nav ul li.sfHover li:hover,
.main-nav ul li:hover li:hover {background: #40c7ff;}

.main-nav ul li.sfHover li a,
.main-nav ul li:hover li a {color: #fff;}

.main-nav ul li.sfHover li:hover a,
.main-nav ul li:hover li:hover a {color: #fff;}

.main-nav ul ul li {width:100%;text-align:left;}

.main-nav ul li.sfHover a {color:#fff;}

@media only screen and (min-width:768px) {
	.main-nav ul li a {font-size: 1rem;padding:1rem;}
	}

@media only screen and (min-width:991px) {
	.main-nav ul li a {font-size: 1.4rem;padding:1.6rem;}
    .main-nav ul li li a {font-size: 1.2rem;padding:1.4rem;}
	}

@media only screen and (min-width:1200px) {
	.main-nav ul li a {font-size: 1.7rem;}
    .main-nav ul li li a {/* font-size: 1.4rem; */}
	}


/*
=======================================================================
	Header mobile menu
=======================================================================
*/



.mm-panels>.mm-panel {
    background: #004f8b;
    }

.mm-menu .mm-navbar a, 
.mm-menu .mm-navbar>* {
    color: #fff;
    }

.mm-menu .mm-navbar,
.mm-menu .mm-listview > li {border-color:rgba(255, 255, 255, 0.2);}
.mm-menu .mm-listview>li a {
    color:#fff;
    }

.mm-menu .mm-listview>li .mm-next:after {
    border-color: #fff;
    }

.mm-menu .mm-btn:after, .mm-menu .mm-btn:before {
    border-color: #fff;
}


/*
=======================================================================
	Site search / Header search
=======================================================================
*/

.site-search {display:table;background: #fff;}
.site-search div {width:100%;display:table-cell;}
.site-search input {width:100%;}

.header-element .site-search {width:125px;float:right;border: 3px solid #40c7ff;}

.site-search input[type=text]{
	height:47px;
	padding:0 10px;
	margin:0;
	border:0;
	color: #000;
	float:left;
	line-height:normal;
	}

.header-element .site-search input[type=text]:focus {
	outline:none;
	border:0;
	}

.site-search input[type="submit"] {
	float:right;
	border:0;
	color:#585858;
	background: url(/images/icon-search.png) no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	cursor: pointer;
	width:47px;
	height:47px;
	text-indent:-99999px;
	}


[data-id=8b02d7a29bb94433916f45a57ecf81fe] #itemList.list.search-results
{
    padding-top: 1rem;
} 
@media only screen and (min-width:768px) {
	.header-element .site-search {width:150px;}
	.site-search input[type=text]{height:35px;}
	.site-search input[type=submit] {width:35px;height:35px;}
	}

@media only screen and (min-width:991px) {
	.header-element .site-search {width:175px;}
	.site-search input[type=text]{height:40px;}
	.site-search input[type=submit] {width:40px;height:40px;}
	}

@media only screen and (min-width:1200px) {
	.header-element .site-search {width:200px;}
	.site-search input[type=text]{height:47px;}
	.site-search input[type=submit] {width:47px;height:47px;}
	}

@media only screen and (min-width:1500px) {
	.header-element .site-search {width:350px;}
	}


/*
=======================================================================
	Search Result
=======================================================================
*/

.facets-list li:hover input[type="checkbox"] ~ label:before,
.facets-list li.active input[type="checkbox"] ~ label:before {
    color:#004F8B;
    }

.timeelapsed,
.numberofhits,
.hitstext {display:none;}

[data-tid="713dcd7a6cbe47efb843d10d3e69bdf9"] .element-simple-link {margin-top:2rem;background: #f3f3f3;padding: 1.5rem;font-size: 1.4rem;}


[data-tid="713dcd7a6cbe47efb843d10d3e69bdf9"] .element-simple-link .bttn:after {
    font-family: FontAwesome;
    content: "\f187";
    margin-left: 10px;
    display: inline-block;
    }

[data-tid="713dcd7a6cbe47efb843d10d3e69bdf9"] .element-simple-link .bttn {
    background: none;
    color: #004F8B;
    padding: 1rem 1.5rem;
    border: 2px solid #004F8B;
    font-size: 1.4rem;
    font-weight:400;
    text-transform:inherit;
    }


[data-tid="713dcd7a6cbe47efb843d10d3e69bdf9"] .element-simple-link .bttn:hover {
    background: #004F8B;
    color: #fff;
    text-decoration: none;
    border: 2px solid #004F8B;
    }


/*
=======================================================================
    Custom List Element Search Result
=======================================================================
*/

.listelement-search-result .content > * {margin-bottom:1rem;}
.listelement-search-result .content > :last-child {margin-bottom:0;}

.listelement-search-result .col-lg-2,
.listelement-search-result .col-md-3 {
    padding-right: 0;
    }

.listelement-search-result .element-date {
	font-family: 'Raleway', sans-serif;
	color:#666;font-size:0.9em;
	font-weight:600;
	}

.listelement-search-result p {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.page-article .element-tags{ margin: 30px auto;}
.listelement-search-result .element-tags {font-family: 'Raleway', sans-serif;}
.page-article .element-tags ul,
.listelement-search-result .element-tags ul {margin:0;padding:0;list-style:none;}
.page-article .element-tags ul li,
.listelement-search-result .element-tags ul li {margin:0 1rem 1rem 0;padding:0;background: #004F8B;color:#fff;float:left;letter-spacing:1px;font-size:0.9em;}
.page-article .element-tags ul li a ,
.listelement-search-result .element-tags ul li a {color:#fff;padding:.5rem .8rem;display:inline-block;}
.page-article .element-tags ul li a:after,
.listelement-search-result .element-tags ul li a:after {font-family: FontAwesome;content: "\f02b";margin-left:10px;display:inline-block;}

.list .element-position {color:#3d6788;margin-top:-1rem;margin-bottom:1.5rem!important;}

.list .element-phone,
.list .element-email {display:inline-block;font-family: 'Raleway', sans-serif;}

.list .element-phone a,
.list .element-email a {margin:0 1rem 0 0;padding:0;background: #004F8B;color:#fff;padding:.5rem .8rem;float:left;letter-spacing:1px;font-size:0.9em;}

.list .element-phone a:before {
	font-family: FontAwesome;
	content: "\f095";
	margin-right: 10px;
	display: inline-block;
	}

.list .element-email a:before {
	font-family: FontAwesome;
	content: "\f003";
	margin-right: 10px;
	display: inline-block;
	}

.list div[class*="element-"] a:hover {
	background: #a2d5ff;
	color: #004F8B;
	text-decoration: none;
	}

.list div[class*="element-"] strong {
	color: #004F8B;
	}


@media only screen and (min-width:991px) {
	.page-article .element-tags
	.listelement-search-result .element-tags {display:block;}
	}


/*
=======================================================================
	Element General
=======================================================================
*/

/*
.element {margin-bottom:2rem;}
.element:last-child {margin-bottom:0;}

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

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

@media only screen and (min-width:1200px) {
    .element {margin-bottom:3rem;}	
    }
*/



/*
=======================================================================
	Article Misc.
=======================================================================
*/

body.item-is-archived .page-article,
article.item-is-archived {position:relative;}

body.item-is-archived .page-article:after,
article.item-is-archived:after {
    content:"";
    position:absolute;
    top:0;
    right:0;
    width:60px;
    height:60px;
    background: url(/images/page-article-news-archive.png);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    }


.byline {font-family: 'Raleway', sans-serif;font-weight:bold;}
* ~ .byline {margin-top:2rem;}

.byline-text {color:#004F8B;}

.byline-share a {background:#40c7ff;color:#fff;margin-top:2rem;}
.byline-share a:hover {color:#fff;background:#004F8B;}
.byline-share a:before {
	font-family: FontAwesome;
	content: "\f1e0";
	margin-right:10px;
	display:inline-block;
	}


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

@media only screen and (min-width:991px) {
    * ~ .byline {margin-top:4rem;}

    .byline {display:table;width:100%;font-weight:bold;}
    .byline > div {display:table-cell;vertical-align:middle;}

    body.item-is-archived .page-article:after,
    article.item-is-archived:after {
        width:119px;
        height:119px;
        }
	}

@media only screen and (min-width:1200px) {
    * ~ .byline {margin-top:5rem;}
    }



/*
=======================================================================
	Custom Share Buttons
=======================================================================
*/

.byline-share-icons {width:100%;margin-top:15px;height:48px;}
.byline-share-icons > div {
    color:#fff;
    padding:1rem 2rem;
    text-align:center;
    float:left;
    margin-left:1rem;
    -webkit-transition: all 0.3s ease;                  
    -moz-transition: all 0.3s ease;                 
    -o-transition: all 0.3s ease;   
    -ms-transition: all 0.3s ease;          
    transition: all 0.3s ease;
    }

.byline-share-icons > div:first-child {margin-left:0;}

.byline-share-icons > div:hover {
    cursor:pointer;
    opacity:0.8;
    margin-top:-5px;
    }

.byline-share-icons [data-network="twitter"] {
    background:#1da1f2;
    }

.byline-share-icons [data-network="twitter"]:before {
    font-family: FontAwesome;
	content: "\f099";
	margin-right:10px;
	display:inline-block;
    }

.byline-share-icons [data-network="facebook"] {
    background:#3b5998;
    }

.byline-share-icons [data-network="facebook"]:before {
    font-family: FontAwesome;
	content: "\f09a";
	margin-right:10px;
	display:inline-block;
    }


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

@media only screen and (min-width:991px) {
    .byline-share-icons {float:right;width:auto;margin-top:0;}    	
    }

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


/*
=======================================================================
	Listelement / Element (Greybox / Høyreboks = .hb)
=======================================================================
*/

.mod-border-bottom {border-bottom:4px solid #004F8B;}

.hb .content  {
	padding:2rem;
	margin-top:0;
	background: #eeeeeb;
	border-bottom:4px solid #004F8B;
	}

.hb .text {}

.hb figure {margin:0;}

.hb h2 {
	color:#004F8B;
	}


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

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

@media only screen and (min-width:1200px) {
	.hb .content  {padding:2rem;}
	}



/*
=======================================================================
	Custom Element
=======================================================================
*/

.element {}
.element.focus {position:relative;}
.element.focus figure {margin:0;}
.element.focus .content {
	padding:2rem;
	color:#333;
	background: #F5F4F4;
	}

.element.focus .content h2 {
	color:#004F8B;
	}

.element.focus:after {
	position:absolute;top:0;right:0;
	display:block;
	padding:1rem 2rem;
	font-family: 'Raleway', sans-serif;
	font-weight:900;
	font-size:1.6rem;
	color:#fff;
	}


/* Focus 1 */

.element.focus1:after {
	content:"TEMA";
	background: #40C7FF;
	}

.element.focus1 .content {
	background: #a2d5ff;
	color:#fff;
	}

.element.focus1 .content h2 {
	color:#fff;
	}


/* Focus 2 */

.element.focus2:after {
	content:"TEMA";
	background: #004F8B;
	}

.element.focus2 .content {
	background: #004F8B;
	color:#fff;
	}

.element.focus2 .content h2 {
	color:#fff;
	}


/* Focus 3 */

.element.focus3:after {
	content:"TEMA";
	background: #1D335D;
	}

.element.focus3 .content {
	background: #1D335D;
	color:#fff;
	}

.element.focus3 .content h2 {
	color:#fff;
	}


/* Focus 4 */

.element.focus4:after {
	content:"TEMA";
	background: #87B52D;
	}

.element.focus4 .content {
	background: #87B52D;
	color:#fff;
	}

.element.focus4 .content h2 {
	color:#fff;
	}


/* Focus 5 */

.element.focus5:after {
	content:"TEMA";
	background: #E8685D;
	}

.element.focus5 .content {
	background: #E8685D;
	color:#fff;
	}

.element.focus5 .content h2 {
	color:#fff;
	}






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

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

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


	
/*
=======================================================================
	Custom Element Issue
=======================================================================
*/
	
.element-issue a {font-size: 1.7rem;padding:2rem;display:block;font-weight: 600;}
.element-issue a:before {
	font-family: FontAwesome;
	content: "\f105";
	margin-right:5px;
   
	}

.element-issue .teaser {display:none;}

.element-issue {position:relative;}
.element-issue figure {margin:0;}
.element-issue .content {
	color:#333;
	background: #e4e4e4;
	}

	
/* Issue in focus */

/*
.element-issue.focus:after {
	content:"TEMA";
	background: #004F8B;
	}
*/

.element-issue.focus .content {
	background: #a2d5ff;
	color:#fff;
	}

.element-issue.focus .content h2,
.element-issue.focus .content h2 a {
	color:#004F8B;
	}
	
	
	
	
@media only screen and (min-width:768px) {
	.element-issue h2 {font-size: 1.6rem;}
	}

@media only screen and (min-width:991px) {
	.element-issue h2 {font-size: 1.7rem;}
	}

@media only screen and (min-width:1200px) {
	.element-issue h2 {font-size: 1.8rem;}
	}
	
	
/*
=======================================================================
	Custom Element Peoplestory
=======================================================================
*/

.element-peoplestory {
	background: #e4e4e4;
	padding: 2rem;
	}


*[class*='page-article'] .element-peoplestory a {text-decoration:none;}
*[class*='page-article'] .element-peoplestory a:hover {text-decoration:underline;}

	

/*
=======================================================================
	Custom Listelement iconbox
=======================================================================
*/


.element-iconbox {
	background: #eeeeeb;padding:2rem;display:block;
	margin-bottom:0!important;
	}
	
.element-iconbox:hover {background: #a2d5ff;text-decoration:none;}

.iconbox-img img {
    margin: 0 auto 2rem auto;
    max-width:90px;
    }

.iconbox-text {text-align:center;}
.iconbox-text h3 {color:#004F8B;font-weight:800;text-transform:uppercase;margin:0;}

.element-iconbox {margin-bottom:2rem;}

.col-xs-4 > .element-iconbox h3 {font-size: 0.8em!important;}	
.col-xs-6 > .element-iconbox h3 {font-size: 1em!important;}	

@media only screen and (max-width:767px) {
	.iconbox-img img {
        margin: 1rem auto 2rem auto;
        width: 100%;
        max-width:50px !important;
        } 
    }

@media only screen and (min-width:768px) and (max-width:990px) {
	.col-sm-2 > .element-iconbox h3 {font-size: 1em!important;}
	.col-sm-3 > .element-iconbox h3 {font-size: 1.1em!important;}
	.col-sm-4 > .element-iconbox h3 {font-size: 1.3em!important;}	
	.col-sm-6 > .element-iconbox h3 {font-size: 1.5em!important;}	
	}

@media only screen and (min-width:991px) and (max-width:1199px) {
	.col-md-2 > .element-iconbox h3 {font-size: 1em!important;}
	.col-md-3 > .element-iconbox h3 {font-size: 1.2em!important;}
	.col-md-4 > .element-iconbox h3 {font-size: 1.5em!important;}	
	}

@media only screen and (min-width:1200px) {
	.col-lg-2 > .element-iconbox h3 {font-size: 1em!important;}
	.col-lg-3 > .element-iconbox h3 {font-size: 1.2em!important;}
	.col-lg-4 > .element-iconbox h3 {font-size: 1.5em!important;}	
	}


/*
=======================================================================
	Custom Listelement Promotion Box
=======================================================================
*/

.element-iconbox.promotion-box {background: #004F8B;border:0;}
.element-iconbox.promotion-box h3 {color:#fff;}

.element-iconbox.promotion-box:hover,
.element-iconbox.promotion-box:focus {background: #a2d5ff;}

.element-iconbox.promotion-box:hover h3,
.element-iconbox.promotion-box:focus h3 {color: #004F8B;}

.promotion-banner h2 {font-size:3rem;}

.promotion-banner.promotion-banner-alternate .list
{
    margin-top:2rem;
    margin-bottom:3rem;
}

@media only screen and (min-width:768px) {
    .promotion-banner h2 {font-size: 3.5rem;}
	}

@media only screen and (min-width:991px) {
    .promotion-banner h2 {font-size: 4.5rem;}
	}

@media only screen and (min-width:1200px) {
    .promotion-banner h2 {font-size: 6.5rem;}
	}

/*
=======================================================================
	Listelement media
=======================================================================
*/

.listelement-media-head {display:table;width:100%;}
.listelement-media-head > div {display:table-cell;vertical-align:middle;}
.listelement-media-head-icon {padding-right:10px;font-size: 3rem;}
.listelement-media-head-date {font-size: .8em;}


/*
=======================================================================
	Element Main Banner Large Image
=======================================================================
*/

.element-main-banner img {
	width:100%;
	}


/*
=======================================================================
	Element Banner - General
=======================================================================
*/

/*
div[class*="element-banner"] {}

div[class*="element-banner"] .col-xs-12 {margin-bottom:1rem;}

.element-banner > * {margin-bottom:0;}
.element-banner .banner-img {
	height:100%;
    background-repeat: no-repeat;
    background-position:center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	}

.banner-caption {
	color:#004F8B;
	}

.banner-caption h1 {
	margin:0 0 1.5rem 0;
	font-size: 2rem;
	font-weight:700;
	}

.banner-caption-blue {
	background: #004f8b;
	color:#a2d5ff;
	}
	
.banner-caption-wrapper {padding:1rem;}
.banner-caption-wrapper .bttn {
	clear:both;
	margin-bottom:1rem;
	border:0;
	}

.banner-caption-wrapper > :last-child {
	margin-bottom:0;
	}	


@media only screen and (min-width:768px) {
	.element-banner .banner-img img {display:none;}
	.banner-caption-wrapper {padding:3rem;}
	.banner-caption h1 {font-size: 3rem;}
	}

@media only screen and (min-width:991px) {
	.col-md-4 > .element-banner .banner-caption-wrapper{padding:1rem;}
	.col-md-6 > .element-banner .banner-caption-wrapper{padding:1.5rem;}
	.col-md-12 > .element-banner .banner-caption-wrapper{padding:2rem;}

	.col-md-4 > .element-banner .banner-caption h1 {font-size: 2rem;}
	.col-md-6 > .element-banner .banner-caption h1 {font-size: 3rem;}
	.col-md-12 > .element-banner .banner-caption h1 {font-size: 4rem;}

	.col-md-4 > .element-banner .bttn {padding: 1rem 1rem;font-size: 1rem;}
	.col-md-6 > .element-banner .bttn {padding: 1rem 1.5rem;font-size: 1.3rem;}
	.col-md-12 > .element-banner .bttn {padding: 1.5rem 2rem;font-size: 1.5rem;}
	}

@media only screen and (min-width:1200px) {
	.col-lg-4 > .element-banner .banner-caption-wrapper{padding:2.5rem;}
	.col-lg-6 > .element-banner .banner-caption-wrapper{padding:4rem;}
	.col-lg-12 > .element-banner .banner-caption-wrapper{padding:5rem;}

	.col-lg-4 > .element-banner .banner-caption h1 {font-size: 2rem;}
	.col-lg-6 > .element-banner .banner-caption h1 {font-size: 3rem;}
	.col-lg-12 > .element-banner .banner-caption h1 {font-size: 6rem;}

	.col-lg-4 > .element-banner .bttn {padding: 1rem 1rem;font-size: 1.5rem;}
	.col-lg-6 > .element-banner .bttn {padding: 1rem 1.5rem;font-size: 2rem;}
	.col-lg-12 > .element-banner .bttn {padding: 1.5rem 2rem;font-size: 2.5rem;}

	}
*/


/*
=======================================================================
	Element Banner - Image and Text Banner
=======================================================================
*/

/*
.image-and-text {}
.image-and-text-text {background: #004F8B;padding:4rem;}
	
	
@media only screen and (min-width:768px) {
	}

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

@media only screen and (min-width:1200px) {
	}
*/	


/*
=======================================================================
	Element - Banner - Full width image with text on top
=======================================================================
*/

/*
.element-banner-fullwidth {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	}


.element-banner-fullwidth.left .banner-caption {float:left;text-align:left;}
.element-banner-fullwidth.left .banner-caption .bttn {float:left;}
.element-banner-fullwidth.right .banner-caption {float:right;text-align:right;}
.element-banner-fullwidth.right .banner-caption .bttn {float:right;}


.col-xs-4 > .element-banner-fullwidth .banner-caption {width:100%;}
.col-xs-6 > .element-banner-fullwidth .banner-caption {width:100%;}
.col-xs-12 > .element-banner-fullwidth .banner-caption {width:100%;}

@media only screen and (min-width:768px) {
	.col-sm-4 > .element-banner-fullwidth .banner-caption {width:100%;}
	.col-sm-6 > .element-banner-fullwidth .banner-caption {width:100%;}
	.col-sm-12 > .element-banner-fullwidth .banner-caption {width:75%;}
	}

@media only screen and (min-width:991px) {
	.col-md-4 > .element-banner-fullwidth .banner-caption {width:75%;}
	.col-md-6 > .element-banner-fullwidth .banner-caption {width:66%;}
	.col-md-12 > .element-banner-fullwidth .banner-caption {width:50%;}
	}

@media only screen and (min-width:1200px) {
	.col-lg-4 > .element-banner-fullwidth .banner-caption {width:75%;}
	.col-lg-6 > .element-banner-fullwidth .banner-caption {width:66%;}
	.col-lg-12 > .element-banner-fullwidth .banner-caption {width:50%;}
	}
*/

/*
=======================================================================
	Element - Media Banner
=======================================================================
*/

/*
.element-banner-media {display:table;}
.element-banner-media > div {display:table-cell;}
.element-banner-media .banner-img {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width:50%;
	}

.element-banner-media .banner-caption {
	background: #eeeeee;
	width:50%;
	}

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

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

@media only screen and (min-width:1200px) {
	}
*/





/*
=======================================================================
	Custom Big Select test
=======================================================================
*/

.big-select .row {margin-bottom:2rem;}

.element-big-select {
	display:block;
	width:100%;
	float:left;
	clear:both;
	}

.element-big-select {
	width:auto;
	display:block;
	}

.element-big-select * {
	width:100%;
	}
	
.element-big-select label {
	display:block;
	}

.input-big-select {
	border: 3px solid #a2d5ff;
	display:inline-block;
	position:relative;
	}

.input-big-select select {
	padding: 15px 70px 15px 15px;
	margin: 0;
	background: none;
	font-size: 1em;
	color: #000;
	border: 0;
	outline: none;
	display: inline-block;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
	position: relative;
	z-index: 1;
	}

.input-big-select:before {
	content: "";
	background: url(/images/vinkel-ned.png);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width: 18px;
	height: 10px;
	position: absolute;
	top: 25px;
	right: 25px;
	z-index: 1;
	}



/*
=======================================================================
	Custom List Profile / Listelement profile
=======================================================================
*/

.dropdown.personlistfraction-selector ul,
.dropdown.personlist-selector ul {margin:0;padding:0;list-style:none;}
.dropdown.personlistfraction-selector button,
.dropdown.personlist-selector button {
	border: 3px solid #a2d5ff;
	padding: 15px;
    margin: 10px 0 0 0;
    background: none;
    font-size: 1em;
    color: #000;
    outline: none;
    display: inline-block;
    cursor: pointer;
   
	}

	.dropdown.personlistfraction-selector button:after,
	.dropdown.personlist-selector button:after {
    font-family: FontAwesome;
	content: "\f107";
	margin-right:10px;
	display:inline-block;
	}

.employees h2 {color:#004F8B;margin-bottom:2rem;}

.personlistfraction-menu button,
.personlist-menu button {
    font-family: 'Droid Serif', serif;
    font-weight:normal;
    text-transform:inherit;
    }


.listelement-profile h1 {margin-top:2rem;font-size:1.75rem;text-align:center;}

.listelement-profile .profile-info {margin-top:1.5rem;}
.listelement-profile .profile-info > * {margin:0;padding:0;text-align:center;font-family: 'Raleway', sans-serif;font-size:1.4rem;}
.listelement-profile .profile-info a {padding:1.25rem 1rem;display:block;font-family:Helvetica, Arial, sans-serif;}
.listelement-profile .profile-info a.profile-phone {}
.listelement-profile .profile-info > * {margin-top:1.5rem;}


.listelement-profile .bttn-default {
	background: none;
    border: 2px solid #a2d5ff;
	color:#004F8B;
	font-size:1.4rem;
	font-weight:600;
	}

.listelement-profile .bttn-default:hover {
	background: #a2d5ff;
    color:#004F8B;
	}


.listelement-profile .profile-phone:before {
	font-family: FontAwesome;
	content: "\f095";
	margin-right:10px;
	display:inline-block;
	}


.listelement-profile .profile-email-print {display:none;}
.listelement-profile .profile-email:before,
.listelement-profile .profile-email-print:before {
	font-family: FontAwesome;
	content: "\f003";
	margin-right:10px;
	display:inline-block;
	}



.listelement-profile .bttn-group {
	background: none;
    border: 2px solid #a2d5ff;
	color:#004F8B;
	font-size:1.4rem;
	font-weight:600;
    display:table;
    width:100%;
    }

.listelement-profile .bttn-group > *{
    display:table-cell!important;
    }

.listelement-profile .bttn-group a {
    border:0;
    border-right:2px solid #a2d5ff;
    margin:0;
    padding:1.25rem;
    }

.listelement-profile .bttn-group a:last-child {border:0;}


.listelement-profile .bttn-group {position:relative;}

.listelement-profile .bttn-group.click:before {
    position:absolute;top:-36px;right:-2px;
    content:"E-postadresse kopiert!";
    font-size:.8em;
    background:#004F8B;
    color:#fff;
    padding:3px 10px;
    }

.listelement-profile .bttn-group.click:after {
    position:absolute;top:-13px;right:15px;
    content:"";
    width: 0; 
    height: 0; 
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #004F8B;
    }

.listelement-profile .bttn-group .profile-copy-email:after {
    font-family: FontAwesome;
	content: "\f24d";
    display:inline-block; 
    }

.listelement-profile .bttn-group a:hover,
.listelement-profile .bttn-group a:focus {
    }

.col-xs-6 > .listelement-profile {max-width:190px;}

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

@media only screen and (min-width:991px) {
    .col-md-3 > .listelement-profile {max-width:190px;margin-bottom: 7rem!important;}
	}

@media only screen and (min-width:1200px) {
    .col-lg-3 > .listelement-profile {max-width:190px;margin-bottom: 7rem!important;}
	}
	
/*
=======================================================================
	Custom Listelement linklist
=======================================================================
*/


.listelement-linklist h3 {
	border-bottom:1px solid #004F8B;
	padding-bottom:1rem;
	font-size:1.4rem;
	}
.listelement-linklist ul.linklist {
	margin:0;
	padding:0;
	list-style:none;
	}
	
	
@media only screen and (min-width:768px) {
	.listelement-linklist h3 {
		font-size:1.4rem;
		}
	}

@media only screen and (min-width:991px) {
	.listelement-linklist h3 {
		font-size:1.4rem;
		}
	}

@media only screen and (min-width:1200px) {
	.listelement-linklist h3 {
		font-size:1.6rem;
		}
	}

/*
=======================================================================
	White text
=======================================================================
*/

.white h1,
.white h2,
.white h3,
.white h4,
.white h5,
.white h6 {color:#fff;}



/*
=======================================================================
	Article Section / Section Header
=======================================================================
*/

section {margin-bottom: 3rem;}

/* Section Header */
.section-header {text-align:center;margin-bottom:3rem;}
.section-header h2 {color:#004F8B;font-weight:800;margin-bottom:1em;}

/* With horizontal line */
.section-header.section-header-line {text-align:center;}
.section-header.section-header-line h2 {
	font-size: 1.6rem;
	position:relative;
	text-align:center;
	margin: 0 auto;
	background: #fff;
	text-transform:uppercase;
	color:#004f8b;
	font-weight:800;
	}

.section-header.section-header-line h2:after  {
	content: "";
	display: block;
	border-top: solid 2px #004f8b;
	width: 100%;
	height: 1px;
	position: absolute;
	top: 50%;
	z-index: 1;
	}

.section-header.section-header-line h2 span {
    background: #fff;
    padding: 0 20px;
    position: relative;
    z-index: 5;
  }



@media only screen and (min-width:768px) {
	section {margin-bottom: 4rem;}
	.section-header {margin-bottom:4rem;}
    .section-header.section-header-line h2 {font-size: 1.7rem;letter-spacing:0.1rem;}
	}

@media only screen and (min-width:991px) {
	section {margin-bottom: 5rem;}
    .section-header {margin-bottom:4.5rem;}
	.section-header.section-header-line h2 {font-size: 1.8rem;	letter-spacing:0.3rem;}
	}

@media only screen and (min-width:1200px) {
	section {margin-bottom: 8rem;}
	.section-header {margin-bottom:5rem;}
    .section-header.section-header-line h2 {font-size: 2rem;letter-spacing:0.5rem;}
	}


/*
=======================================================================
	Button default
=======================================================================
*/

.btn,
.bttn {
	font-family: 'Raleway', sans-serif;
	background: none;
	-webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    border:0;
	-webkit-transition: all 0.3s ease;                  
	-moz-transition: all 0.3s ease;                 
	-o-transition: all 0.3s ease;   
	-ms-transition: all 0.3s ease;          
	transition: all 0.3s ease;
	}
	
.btn-default,
.bttn-default {
	text-transform:uppercase;
	background: #004F8B;
	color:#ffffff;
	text-decoration:none;
	padding:1rem;
	display:inline-block;
	font-weight:800;
	}

.btn:focus,
.btn:hover,
.bttn:focus,
.bttn:hover {
	background: #a2d5ff;
	color:#004F8B;
	text-decoration:none;
	}
	
.btn:active,
.bttn:active {
	background: #3fc7fe;
	color:#004F8B;
	}

.btn-back:before,
.bttn-back:before {
	font-family: FontAwesome;
	content: "\f177";
	margin-right:10px;
	display:inline-block;
    }


.button.largeactionbutton {
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 2rem;
    padding:2rem;
    display: inline-block;
    background: #94C01E;
    text-decoration:none!important;
    }

.button.largeactionbutton:after {
    font-family: FontAwesome;
    content: "\f061";
    margin-left: 10px;
    }

.button.largeactionbutton:hover, .button.largeactionbutton:focus {
    text-decoration: none;
    color: #fff;
    background: #75C8DA;
    }
	

@media only screen and (min-width:768px) {
	.btn,.bttn {padding:1rem;}
	}

@media only screen and (min-width:991px) {
	.btn,.bttn {padding:1rem;}
	}

@media only screen and (min-width:1200px) {
	.btn,.bttn {font-size: 2rem;padding:1.5rem 2rem;}
	}



/*
=======================================================================
	Sidebar
=======================================================================
*/


.sidebar-header h2 {
	font-size: 2rem;
	color:#004F8B;
	background: #eeeeeb;
	padding:1rem;
	text-transform:uppercase;
	font-weight:800;
	}



/*
=======================================================================
	Social sidebiar
=======================================================================
*/

.aside {display:none;}

@media only screen and (min-width:1650px) {
	.aside {
		display:block;
		position:absolute;top:30px;left:100%;
		color:red;
		margin-left:30px;
		width:200px;
		}
	
		.aside ul {margin:0;padding:0;list-style:none;}
		.aside ul li {margin:0 0 1rem 0;padding:0;}
		.aside ul li:last-child {margin:0;}		
		.aside ul li a {padding:1.5rem 2rem;text-transform:uppercase;background:#eeeeeb;display:block;font-weight:bold;position:relative;}
		.aside ul li a:hover {text-decoration:none;background: #a2d5ff;color:#fff;}
		
		.aside ul li a i {position:absolute;top:50%;transform: translatey(-50%);right:2rem;}
			
		
	}


/*
=======================================================================
	Page Article Subject / Tema
=======================================================================
*/

.page-article-subject header {
	text-align:center;
	}

*[class*='col-'] .page-article-subject .article-header h1 {font-size: 1.5rem!important;font-weight:300;}
*[class*='col-'] .page-article-subject .article-header h2 {font-size: 3rem!important;}

.listelement-otherissues .linklist {background: #F5F4F4;padding:2rem;}
.listelement-otherissues .sub-list {width:100%;float: left;margin:0 0 1rem 0;padding:0 0 0 2rem;list-style:none;}
.listelement-otherissues .sub-list li {margin:0 0 1rem 0;padding:0;}
.listelement-otherissues .sub-list li:last-child {margin:0;}


@media only screen and (max-width:767px) {
	.listelement-otherissues .sub-list:last-child {margin-bottom:0;}
	}

@media only screen and (min-width:768px) {
	.page-article-subject .sub-list {margin:0 0 1rem 0;}
	*[class*='col-'] .page-article-subject .article-header h1 {font-size: 2rem!important;}
	*[class*='col-'] .page-article-subject .article-header h2 {font-size: 4rem!important;}
	}

@media only screen and (min-width:991px) {
	*[class*='col-'] .page-article-subject .article-header h1 {font-size: 2.5rem!important;}
	*[class*='col-'] .page-article-subject .article-header h2 {font-size: 5rem!important;}
	.listelement-otherissues .sub-list {width:50%;}
	}

@media only screen and (min-width:1200px) {
	*[class*='col-'] .page-article-subject .article-header h1 {font-size: 3rem!important;}
	*[class*='col-'] .page-article-subject .article-header h2 {font-size: 5rem!important;}
	.listelement-otherissues .sub-list {width:33.3%;}
	}

/*
=======================================================================
	Page Article News 
=======================================================================
*/
.page-article-news figure{
	margin-bottom: 3rem;
    }

.page-article-news figure img {
	width:100%;
    }

/*
=======================================================================
	Custom Listelement Subject
=======================================================================
*/

.listelement-subject .listtext h2 {
	font-size: 2em!important;
	color:#fff;
	-moz-border-radius: 100px 100px 100px 100px;
	-webkit-border-radius: 100px 100px 100px 100px;
	border-radius: 100px 100px 100px 100px;
	background: #004F8B;
	display:inline-block;
	text-align:center;
	width:40px;
	height:40px;
	line-height:1.5;
	}


@media only screen and (min-width:768px) {
	.listelement-subject .listtext h2 {
		font-size: 2em!important;
		width:50px;
		height:50px;
		}
	}

@media only screen and (min-width:991px) {
	.listelement-subject .listtext h2 {
		font-size: 2em!important;
		width:60px;
		height:60px;
		}
	}

@media only screen and (min-width:1200px) {
	.listelement-subject .listtext h2 {
		font-size: 2.5em!important;
		width:75px;
		height:75px;
		}
	}






/*
=======================================================================
	Page Article Profile Page / CV
=======================================================================
*/

.page-article-profile-page {}

.page-article-profile-page .profile-details-image {margin-bottom:2rem;}
.page-article-profile-page .profile-details-image img {width:100%;}

.page-article-profile-page .profile-details-image figure {position:relative;}
.page-article-profile-page .profile-details-image figure .figure-label span {
    position:absolute;
    bottom:0;
    right:0;
    display:inline-block;
    padding:10px 15px;
    background: rgba(0, 79, 139,0.5);
    color:#fff;
    font-size:0.6em;
    -webkit-transition: all 0.3s ease;                  
    -moz-transition: all 0.3s ease;                 
    -o-transition: all 0.3s ease;   
    -ms-transition: all 0.3s ease;          
    transition: all 0.3s ease;
    }

.page-article-profile-page .profile-details-image figure:hover span {
    background: rgb(0, 79, 139);
    }

.page-article-profile-page .profile-details-image figure .figure-label span:before {
    font-family: FontAwesome;
    content: "\f002";
    display:inline-block;
    margin-right: 10px;    
    }

.page-article-profile-page .profile-details-press-photos {margin-top: 1rem;}
.page-article-profile-page .profile-details-press-photos a {
    color: #fff;
    padding: 1rem;
    display: block;
    background-color:#004f8b;
    font-size:0.6em;
    }

.page-article-profile-page .profile-details-press-photos a:hover,
.page-article-profile-page .profile-details-press-photos a:focus,
.page-article-profile-page .profile-details-press-photos a:active {
    color:#004F8B;
    text-decoration:none;
    background: #a2d5ff;
    }

.page-article-profile-page .profile-details-press-photos a:before {
    font-family: FontAwesome;
    content: "\f14c";
    display:inline-block;
    margin-right:10px;
    }





.page-article-profile-page .profile-info {margin-bottom:2rem;}
.page-article-profile-page .profile-info h1 {margin-bottom:0;padding-bottom:0;}
.page-article-profile-page .profile-title {font-size: 2.5rem;color:#a2d5ff;margin-bottom:3rem;line-height:normal;}


.page-article-profile-page .page-section-contact-data > * {float:left;margin-right:15px;margin-bottom:15px;}

.page-article-profile-page .profile-info .bttn  {font-size: 2rem;display:inline-block;font-family:Helvetica, Arial, sans-serif;}
.page-article-profile-page .profile-phone {letter-spacing: 1px;}
.page-article-profile-page .profile-phone:before {
	font-family: FontAwesome;
	content: "\f095";
	margin-right:10px;
	display:inline-block;
	}
.page-article-profile-page .profile-email {font-size: 2rem;}
.page-article-profile-page .profile-info .profile-email span {display:none;}
.page-article-profile-page .profile-email:before {
	font-family: FontAwesome;
	content: "\f003";
	margin-right:10px;
	display:inline-block;
	}

.bttn-group:empty {display:none;}

.page-article-profile-page .profile-info .bttn-group {
    padding:0;margin:0;
    display:table;
    position:relative;
    }

.page-article-profile-page .profile-info .bttn-group > * {
    display:table-cell;
    }

.page-article-profile-page .profile-info .bttn-group .bttn {
    margin:0;
    }

.page-article-profile-page .profile-info .profile-copy-email {border-left:2px solid #fff;}
.page-article-profile-page .profile-info .profile-copy-email:before {
    font-family: FontAwesome;
	content: "\f24d";
    display:inline-block; 
    }

.page-article-profile-page .profile-info .bttn-group.click:before {
    position:absolute;top:-43px;right:0;
    content:"E-postadresse kopiert!";
    font-size:.8em;
    background:#a2d5ff;
    color:#004F8B;
    padding:3px 10px;
    }

.page-article-profile-page .profile-info .bttn-group.click:after {
    position:absolute;top:-13px;right:15px;
    content:"";
    width: 0; 
    height: 0; 
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #a2d5ff;
    }



.page-article-profile-page .some {margin:0;padding:0;list-style:none;}
.page-article-profile-page .some li {margin:0 0 1rem 0;padding:0 1.5rem 0 0 ;display:inline-block;}
.page-article-profile-page .some li:last-child {padding:0;}

.page-article-profile-page .some li:before {content:"";display:none;}

.page-article-profile-page .some li a {
	background: #004F8B;
	color:#fff;
	display:block;
	padding:1rem 2rem;
    text-decoration:none;
	}
	
.page-article-profile-page .some li a:hover {
	background: #a2d5ff;
	color:#004F8B;
	}

.page-article-profile-page .some .some-facebook a:before {
	margin-right:10px;
	font-family: FontAwesome;
	content: "\f230";
	display:inline-block;
	}

.page-article-profile-page .some .some-twitter a:before {
	margin-right:10px;
	font-family: FontAwesome;
	content: "\f099";
	display:inline-block;
	}

.page-article-profile-page .some .some-linkedin a:before {
	margin-right:10px;
	font-family: FontAwesome;
	content: "\f0e1";
	display:inline-block;
	}

.page-article-profile-page .some .some-blog a:before {
	margin-right:10px;
	font-family: FontAwesome;
	content: "\f075";
	display:inline-block;
	}


.page-article-profile-page .last-issues li {margin:0;padding:0;}
.page-article-profile-page .last-issues a {
	display: inline-block;
	width:100%;
	background: #004F8B;
	color: #fff!important;
	position: relative;
	padding: 0.75rem 2rem 0.75rem 1rem;
	}
.page-article-profile-page a:hover {
	text-decoration: none;
	background: #a2d5ff;
	}

.page-article-profile-page .last-issues a h3 {color:#fff;margin:0;}
.page-article-profile-page .last-issues p:last-of-type {margin:0;}
.page-article-profile-page .last-issues {margin:0;padding:0;list-style:none;}
.page-article-profile-page .last-issues li {margin-bottom: 1rem;padding:0;}
.page-article-profile-page .last-issues li:before {content:"";}

.profile-content .last-issues a:after {
	content: "";
	font-size: 2rem;
	line-height: normal;
	font-family: FontAwesome;
	content: "\f105";
	position: absolute;
	top: 50%;
	margin-top: -16px;
	right: 20px;
	}


@media only screen and (max-width:450px) {
	.profile-info .bttn {width:100%;}
	.profile-info .profile-phone.bttn {margin-bottom:1rem;}
    }
	
	
@media only screen and (min-width:451px) {
	.page-article-profile-page .profile-info .bttn  {margin-right:2rem;}
    .page-article-profile-page .profile-info .profile-email span {display:inline;}
	}

@media only screen and (min-width:768px) {
	.page-article-profile-page .profile-details-image {margin-bottom:0;}
    .page-article-profile-page .profile-details-image figure .figure-label span {
        bottom: 15px;
        right: 15px;
        font-size:0.8em;
        }

    .page-article-profile-page .profile-details-press-photos a {font-size:0.8em;}

	}

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

@media only screen and (min-width:1200px) {
	.page-article-profile-page .last-issues li {margin-bottom: 2rem;}
	}





/*
=======================================================================
	Custom Accordion
=======================================================================
*/
.panel-group {width:100%;}
.panel-group .panel-heading {padding:0;background: #fff;}

/*.panel-group .panel-heading a:focus,*/
.panel-group .panel-heading a:active {text-decoration:none;background: #004F8B;color:#fff;}
    .panel-group .panel-heading a:hover {
        background: #a2d5ff;
        text-decoration: none;
        /*color: #fff;*/
    }
.panel-group .panel-heading a.active:hover {background: #004F8B;}

.panel-group .panel-heading a {display:block;padding: 10px 15px;color:#004F8B;position:relative;}
.panel-group.panel-verv .panel-heading a.active:before {
	font-family: FontAwesome;
	content: "\f111";
	margin-right: 10px;
	display: inline-block;
	color: green;
	}

.panel-group .panel-heading [aria-expanded|=true] {background: #004F8B;color:#fff;}
.panel-group .panel-heading a {text-decoration:none;}
.panel-group.panel-verv .panel-heading a.inactive:before {
	font-family: FontAwesome;
	content: "\f111";
	margin-right: 10px;
	display: inline-block;
	color: red;
	}
	

.panel-group .panel-heading a:after {
	font-family: FontAwesome;
	content: '\f055';
	position: absolute;
	top: 50%;
  transform: translateY(-50%);
	right:2rem;
	margin-top:0;
	font-weight:normal;
	font-size: 2rem;
	}


.panel-group .panel-heading [aria-expanded|=true]:after {
	content: '\f056';
	}

.panel-group .panel-body table {width:100%;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	}
.panel-group .panel-body table th {font-family: 'Raleway', sans-serif;}

.panel-group .panel-body ul {list-style:none!important;}

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

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

@media only screen and (min-width:1200px) {
	.panel-group .panel-heading a {padding: 1.5rem 2rem;font-size: 2rem;}
	}


/*
=======================================================================
	Custom Accordion Page Editor
=======================================================================
*/

.page-edit .collapse {display:block;}
.page-edit a[data-toggle="collapse"] {pointer-events:none;}
.page-edit .panel-group .panel-heading a {
	background: #004F8B;
	color: #fff;
	}
.page-edit .panel-group .panel-heading a:after {content: '\f056'!important;}


/*
=======================================================================
	Custom Restructure Restrukturering
=======================================================================
*/

.restructering-box {
    background: #e7eff6;
    padding: 30px;
    margin-bottom:3rem;
    }

.restructering-lbl-newUrl {
    border: 1px solid #b8d3eb;
    padding: 1em;
    margin-bottom: 10px;
    display: inline-block;
    background: #fff;
    }

.restructering-lbl-newUrl:before {
    font-family: FontAwesome;
    content: "\f0c1";
    margin-right: 10px;
    display: inline-block;
    }


/*
=======================================================================
	Footer General
=======================================================================
*/

footer {
	background: #004F8B;
	padding-top:40px;
	padding-bottom:40px;
	color:#fff;
	font-weight:800;
	}

footer > div {
    max-width:1920px;
    margin: 0 auto;
    }

footer .container {width:100%;}

footer a {
	color:#fff;
	text-decoration:underline;
	}

footer .footer-section {margin-bottom:4rem;}
footer .footer-section-element {margin-bottom:2rem;}
footer .footer-section-element:last-child {margin-bottom:0;}

footer .container .row-content {margin-bottom: 0;}

footer div[class*="col-"]:last-child .footer-section {margin-bottom:0;}

footer h2 {
	margin:0;padding:0;
	color:#fff;
	font-size: 2rem;
	font-weight:800;
	}

footer h2 ~ h3 {
	color:#a2d5ff;
	margin-top:1rem;
	}

footer a {text-decoration:none;}
footer a:hover {text-decoration:underline;}

.bttn-footer {
	background: #a2d5ff;
	color:#004f8b;
	padding:0.75rem 1.25rem;
	border:0;
	}

.bttn-footer:hover,
.bttn-footer:focus {
	background: #6dd4ff;
	}

.bttn-footer-mitthoyre:before {
	font-family: FontAwesome;
	content: "\f023";
	margin-right:10px;
	display:inline-block;
	}
	
footer .footer-section ul {margin:0;padding:0;list-style:none;}
footer .footer-section ul li {margin:0;padding:0;}
footer .footer-section ul li a {color:#fff;font-weight:800;}
	
/*
@media only screen and (max-width:767px) {
	footer [class*="col-"]:nth-child(3), footer [class*="col-"]:nth-child(4),
	}
	
	*/
	

@media only screen and (min-width:768px) and (max-width:991px) {
	footer [class*="col-"]:nth-child(3),  .footer-section footer [class*="col-"]:nth-child(4) .footer-section {margin-bottom:0;}
	}
	
	
@media only screen and (min-width:768px) {
	}

@media only screen and (min-width:991px) {
	footer .footer-section {margin-bottom:0;}
	}

@media only screen and (min-width:1200px) {
	footer {font-size: 2rem;}

    /*footer .footer-section {padding-right:25%;}*/

	footer h2 {font-size: 2.5rem;}
	footer h3 {font-size: 2rem;}
	}



/*
=======================================================================
	Footer section Contact info
=======================================================================
*/

.footer-section-contact .footer-logo {max-width:100px;}
.footer-section-element-contact-info a:before {
	font-family: FontAwesome;
	content: "\f105";
	margin-right:10px;
	display:inline-block;
	}



/*
=======================================================================
	Footer section Explore / Utforsk Høyre
=======================================================================
*/

.footer-section-explore .site-search {}
.footer-section-explore ul li a:before {
	font-family: FontAwesome;
	content: "\f105";
	margin-right:10px;
	display:inline-block;
	}


/*
=======================================================================
	Footer section Newsletter
=======================================================================
*/
	
footer .footer-newsletter input {width:100%;border:0;height: 47px;padding-left:1rem;padding-right:1rem;color:#004f8b;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    }

footer .footer-newsletter .form-group {margin-bottom:1rem;}
footer .footer-newsletter .form-group:last-of-type {margin-bottom:0;}

footer .footer-newsletter .has-error .form-control {
    background: rgb(241, 183, 182);
    }

/*
footer .footer-newsletter .form-group.has-error {position:relative;}
footer .footer-newsletter .form-group.has-error:after {
    content:"Feil";
    position:absolute;
    top:-10px;
    right:0;
    padding:1rem;
    color:#fff;
    background: red;
    }
*/

/*
=======================================================================
	Footer section social
=======================================================================
*/

footer .list-social li {width:150px;position:relative;}
footer .list-social li i,
footer .list-social li em {
    position: absolute;
    top: 50%;
		right:0;
    transform: translatey(-50%);
		}


/*
=======================================================================
	Sub Footer
=======================================================================
*/

.sub-footer:empty {display:none;}


/*
=======================================================================
	Magnific Popup - Simple fade transition
=======================================================================
*/

.mfp-fade.mfp-bg {
	opacity: 0;
	-webkit-transition: all 0.15s ease-out; 
	-moz-transition: all 0.15s ease-out; 
	transition: all 0.15s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {
	opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
	opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
	opacity: 0;
	-webkit-transition: all 0.15s ease-out; 
	-moz-transition: all 0.15s ease-out; 
	transition: all 0.15s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
	opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
	opacity: 0;
}



/*
=======================================================================
	Custom Form Header / Progress Navigation
=======================================================================
*/

.page-section-progress-intro {
	padding-top:4rem;
	padding-bottom:2rem;
	background: #f1f1f3;
	}

.page-section-progress-intro h1 {
    color:#085E91;
    padding-top:3rem;
    }

.page-section-progress-navigation {
	padding-top:4rem!important;
	padding-bottom:4rem;
	background: #f1f1f3;
    }

.page-section-progress-intro + .page-section-progress-navigation {
    padding-top:2rem;    
    }

ol.progress-navigation {
	margin:0;
	padding:0;
	list-style:none;
	}

ol.progress-navigation li {display:block;position:relative;}
ol.progress-navigation li a {display:block;padding:10px;background:#a2d5ff;}
ol.progress-navigation li.complete a {background: #B6D5ED;color:#085E91;opacity:0.7;}
ol.progress-navigation li.active a {background: #085E91;color:#fff;}
ol.progress-navigation li span {font-weight:100;margin-right:10px;}

/*ol.progress-navigation li a:hover {background:#085E91;text-decoration:none;color:#fff;}*/
ol.progress-navigation li.active a:hover {background:#085E91;}




@media only screen and (max-width:767px) {
	ol.progress-navigation li a {padding:10px;border-bottom:1px solid rgba(255,255,255,0.25);}
	ol.progress-navigation li.active a {border-bottom:0;}
	ol.progress-navigation li span {margin-right:10px;}
	ol.progress-navigation li.active + li:before {
		content:"";
		position:absolute;
		top:0;
		left:20px;
		width: 0; 
		height: 0; 
		border-left: 8px solid transparent;
		border-right: 8px solid transparent;		
		border-top: 8px solid #085E91;
		z-index:999;
		}
	}

@media only screen and (min-width:768px) {
	.progress-header {
		padding-top:2rem;
		padding-bottom:2rem;
		}

	ol.progress-navigation li {margin: 0 4rem 0 0;padding:0;float:left;}
	ol.progress-navigation li a {display:block;background:none;border: 5px solid #a2d5ff;font-family: 'Raleway', sans-serif;font-weight:bold;}
	ol.progress-navigation li a span {display:block;font-weight:normal;font-family: 'Droid Serif', serif;}
	ol.progress-navigation li.active a {background: #085E91;border: 5px solid #085E91;color:#fff;}
	ol.progress-navigation li a:hover {color: #004F8B;background:none;text-decoration:none;}
	ol.progress-navigation li.active a:hover {color:#fff;}
	ol.progress-navigation li.complete a {background: #a2d5ff;color:#085E91;}
	ol.progress-navigation li:not(:last-child):after {
		position:absolute;
		top:50%;right:-3rem;
		margin-top:-13px;
		font-family: FontAwesome;
		content: "\f061";
		}
	}

@media only screen and (min-width:991px) {
	.progress-header {
		padding-top:2.5rem;
		padding-bottom:2.5rem;
		}

	ol.progress-navigation li {font-size:1.8rem;}
	ol.progress-navigation li span {font-size:1.5rem;}
	ol.progress-navigation li a {padding:20px 30px;}
	}

@media only screen and (min-width:1200px) {
    .page-section-progress-intro h1 {padding-top:4rem;}
	.progress-header {
		padding-top:3rem;
		padding-bottom:3rem;
		}
	ol.progress-navigation li {font-size:2.2rem;}
	ol.progress-navigation li span {font-size:1.6rem;}
	}




.page-article-membership {}

.page-article-membership-header {background: #f1f1f3;}



/*
=======================================================================
	Custom Form Validation
=======================================================================
*/

.has-error .validation-error[style*="inline"] {background: #EF303B;padding:1rem;color:#fff;display:inline-block!important;}



/*
=======================================================================
	Custom Form Member / Donation
=======================================================================
*/

.custom-form {
    padding-top:3.5rem;
    padding-bottom:3.5rem;
    }

.custom-form h1,
.custom-form h2,
.custom-form h3,
.custom-form h4,
.custom-form h5,
.custom-form h6 {color:#085E91;}

.custom-form .hidden {display:none;}

.custom-form fieldset .row {margin-bottom:1rem;}

.custom-form fieldset legend {margin-bottom:1rem;color:#085E91;background:none;}
.custom-form fieldset fieldset legend {}
.custom-form fieldset fieldset fieldset legend {}
	
.custom-form fieldset fieldset {margin-bottom:3rem;}
.custom-form fieldset:last-of-type {margin-bottom:0;}

.custom-form fieldset h2 {}
.custom-form fieldset h2 span {font-weight:bold;}
.custom-form fieldset fieldset p:last-of-type {margin-bottom:0;}

.custom-form fieldset legend {margin-bottom:2rem;color:#085E91;background:none;border:0;}
.custom-form fieldset fieldset legend {font-size: 2rem;}
.custom-form fieldset fieldset fieldset legend {font-size:1.8rem;}

.custom-form label {}
.custom-form label .required {color: red;}

.custom-form .form-group input {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	padding: 20px 18px 20px 18px;
	height: 70px;
	}

.custom-form h2 {margin-bottom:0;font-weight:600;}
.custom-form p {margin-bottom:1.6rem;}
	
.custom-form select {
	padding: 20px 35px 20px 18px;
	height:inherit;
    width:100%;
	}

.custom-form .radio,
.custom-form .radio label {line-height:normal;}


.custom-form .link-norway-address:hover {
    cursor:pointer;
    }


.custom-form .alert-box {
    background: #ffe9e7;
    border: 2px solid #ffb9b2;
    padding:2rem;
    }


@media only screen and (min-width:768px) {
	.custom-form fieldset .row {margin-bottom:1rem;}
	.custom-form fieldset .row:last-child {margin-bottom:0;}
	}

@media only screen and (min-width:991px) {
	.custom-form fieldset .row {margin-bottom:2rem;}
	.custom-form fieldset legend {font-size: 2.5rem;}
	}

@media only screen and (min-width:1200px) {
    .custom-form fieldset legend {font-size: 3rem;}
	}



/*
=======================================================================
	Custom Form Navigation
=======================================================================
*/

.custom-form-nav {margin-top:3rem;}

.custom-form-nav a {
    padding: 1.5rem 2rem;
    background: #608025;
    color: #fff;
    font-size: 1.2rem;
	}

.custom-form-nav a:hover,
.custom-form-nav a:focus {
	background:#435817;
	text-decoration:none;
	}

.custom-form-next:after {
	font-family: FontAwesome;
	content: "\f061";
	margin-left:10px;
	}

.custom-form-prev:before {
	font-family: FontAwesome;
	content: "\f060";
	margin-right:10px;
	}

.custom-form-nav a.custom-form-next {
    float: right;
	}

.custom-form-nav a.custom-form-prev {
    float: left;
	background: grey;
	}

.custom-form-nav a.custom-form-prev:hover {
	background: #5f5f5f;
	text-decoration:none;	
	}

.custom-form fieldset legend {font-family: 'Raleway', sans-serif;font-weight:bold;}


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

@media only screen and (min-width:991px) {
    .custom-form-nav a {font-size: 1.4rem;}
	}

@media only screen and (min-width:1200px) {
    .custom-form-nav a {font-size: 1.6rem;}	
    }


/*
=======================================================================
	Custom Form / Custom Checkbox and Radio
=======================================================================
*/

.custom-form input[type="radio"] + label,
.custom-form input[type="checkbox"] + label {margin-left: 0;}

.custom-form .radio,
.custom-form .checkbox {margin-top:0;padding-left:0;}

.custom-form .radio label,
.custom-form .checkbox label {position:relative;margin-right:1rem;}

.radio .field label,
.checkbox .field label {padding-left:0;}

.radio, .checkbox {margin-bottom:0.5rem;}
.radio:last-of-type, .checkbox:last-of-type {margin-bottom:0;}

/* Checkbox */
.checkbox input[type=checkbox] { display:none; } /* to hide the checkbox itself */
.checkbox input[type=checkbox] + label:before {
  font-family: FontAwesome;
  display: inline-block;
	content: "\f096";
	margin-right:10px;
	}

.checkbox input[type=checkbox]:checked + label:before { content: "\f046"; } /* checked icon */


/* Radio */
.radio input[type=radio] { display:none; } /* to hide the checkbox itself */
.radio input[type=radio] + label:before {
  font-family: FontAwesome;
  display: inline-block;
	content: "\f10c";
	margin-right:10px;
	}

.radio input[type=radio]:checked + label:before { content: "\f192"; } /* checked icon */


/*
=======================================================================
	Custom form - Buttons
=======================================================================
*/

.custom-form-btn + .custom-form h2 {margin-top:2rem;}

.custom-form-btn {
	padding:10px;
	border: 3px solid #085E91;
	background: #085E91;
	color:#fff;
	display:inline-block;
	position:relative;
	}

.custom-form-btn-outline {
	border: 3px solid #085E91;
	color:#085E91;
	padding:10px;
	background:none;
	}

.custom-form-btn + .custom-form-btn {margin-left:10px;}

.custom-form-btn.hidden {display:none;}

.custom-form-btn:hover,
.custom-form-btn:focus {
	background: #0A73B0;
	border: 3px solid #0A73B0;
	color:#fff;
	text-decoration:none;
	}
	
.custom-form-btn.custom-form-btn-sendagain:before {
	font-family: FontAwesome;
	content: "\f01e";
	margin-right:10px;
	}

.custom-form-btn.custom-form-btn-sendagain:after {
	content:"";
	position:absolute;top:-10px;
	left:50%;
	margin-left:-10px;
	width: 0; 
	height: 0; 
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;  
	border-bottom: 10px solid #085E91;
	}
	

.custom-form-btn.custom-form-btn-change:before {
	font-family: FontAwesome;
	content: "\f040 ";
	margin-right:10px;
	}

.custom-form-btn.custom-form-btn-change:after {
	content:"";
	position:absolute;top:-10px;
	left:50%;
	margin-left:-10px;
	width: 0; 
	height: 0; 
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;  
	border-bottom: 10px solid #085E91;
	}

.custom-form-btn.custom-form-btn-save {background: #94C01E;}
.custom-form-btn.custom-form-btn-save:hover,
.custom-form-btn.custom-form-btn-save:focus {background: #80A224;}
.custom-form-btn.custom-form-btn-save:before {
	font-family: FontAwesome;
	content: "\f0c7";
	margin-right:10px;
	}

.custom-form-btn.custom-form-btn-hoyreno:before {
	font-family: FontAwesome;
	content: "\f104";
	margin-right:10px;
	}

.custom-form-btn.custom-form-btn-newfriend {
	background: #0f782c;
	border: 3px solid #0f782c;
	}
.custom-form-btn.custom-form-btn-newfriend:before {
	font-family: FontAwesome;
	content: "\f234";
	margin-right:10px;
	}


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

@media only screen and (min-width:991px) {
	.custom-form-btn {padding:15px;}
	}

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


/*
=======================================================================
	Custom Donation Confirmation
=======================================================================
*/
 
[data-tid="912de3499dec46bc80aa7cd8e9da9576"] .custom-form-cf {padding-top: 8rem;}
[data-tid="912de3499dec46bc80aa7cd8e9da9576"] .custom-form-cf .form-group {position:relative;}
[data-tid="912de3499dec46bc80aa7cd8e9da9576"] .custom-form-cf .form-group label {position:absolute;top:-40px;}
[data-tid="912de3499dec46bc80aa7cd8e9da9576"] .custom-form-cf .form-group input {width:100%;}

[data-tid="912de3499dec46bc80aa7cd8e9da9576"] .element-donateto ~ article .text {
    background-color: #fcf8e3;
    border: 1px solid #faebcc;
    padding: 15px;
}

@media only screen and (min-width:991px) {
    [data-tid="912de3499dec46bc80aa7cd8e9da9576"] .page-section.page-section-progress-intro  {
        padding-top: 4rem!important;
        padding-bottom: 4rem!important;
        }	
	}

@media only screen and (min-width:1200px) {
    [data-tid="912de3499dec46bc80aa7cd8e9da9576"] .page-section.page-section-progress-intro  {
        padding-top: 6rem!important;
        padding-bottom: 6rem!important;
        }
	}

/*
=======================================================================
	Signup form - Membership
=======================================================================
*/

.choose-membership {border: 3px solid #085E91;}
.choose-membership .membership-type {background: #085E91;color:#fff;padding:1rem;font-size:1.6rem;}
.choose-membership .membership-due {padding:1rem;}
.membership-selection-status {border: 3px solid #085E91;border-top:0;padding:1rem;}
.membership-selection-status [class*="medium-"]:last-of-type strong {padding-top:1rem;clear:both;display:block;}

.seniorhoyre-selection-status {
    border-bottom: 3px solid #085E91;
    border-top: 0;
    padding: 1rem;
	}

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

@media only screen and (min-width:991px) {
	.choose-membership .membership-due .radio {float:left;}
	.membership-selection-status [class*="medium-"]:last-of-type {text-align:right;padding-top:0;}
	.membership-selection-status [class*="medium-"]:last-of-type strong {padding-top:0;}
	}

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


/*
=======================================================================
	Signup form - Payment options
=======================================================================
*/

.payment-options {}
.payment-option {
	display:table;
	width:100%;
	height:100%;
	position:relative;
	padding:10px;
	border: 5px solid #085E91;
	text-align:center;
	}

.payment-option-inner {
	display:table-cell;
	vertical-align:middle;
	}

.payment-option:hover {
	cursor: pointer;
	}

.payment-option.active {
	border: 5px solid #085E91;
	background: #085E91;
	color:#fff;
	}

.payment-option-icon {display:block;margin:0 auto;font-size: 3rem;margin-bottom:1rem;color:#085E91;}
.payment-option.active .payment-option-icon {color:#fff;}

.payment-option-status {display:block;
text-align:center;}

.payment-option-status:after {
	font-family: FontAwesome;
	content: "\f096";
	font-size: 2rem;
	}

.payment-option.active .payment-option-status:after {
	font-family: FontAwesome;
	content: "\f14a";
	color:#fff;
	}
	
.payment-option label {position:absolute;top:0;right:0;opacity:0;}


@media only screen and (min-width:768px) {
    .payment-option {padding:20px;}	
	.payment-option-icon {font-size: 4rem;}
	}

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

@media only screen and (min-width:1200px) {
    .payment-option-icon {font-size: 5rem;}	
    }


/*
=======================================================================
	Element Banner - General
=======================================================================
*/

div[class*="element-banner"] {}
.element-banner {max-width:1920px;margin: 0 auto;}

div[class*="element-banner"] .col-xs-12 {margin-bottom:1rem;}

.element-banner > * {margin-bottom:0;margin-top:0;}
.element-banner .banner-img {
	height:100%;
    background-repeat:no-repeat;
    background-position:center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	}

.element-banner.banner-caption-left .banner-caption {float:left;text-align:left;}
.element-banner.banner-caption-right .banner-caption {float:right;text-align:right;}

.banner-caption {color:#004F8B;width:100%;}
.banner-caption h1 {
	margin:0;
	font-size: 2rem;
	font-weight:800;
	color:#fff;
	}
	
.banner-caption-wrapper {padding:1.5rem;}
.banner-caption-wrapper > * {margin-top:1.5rem;}
.banner-caption-wrapper > *:first-child {margin-top:0;}
.banner-caption-wrapper > *:blank {display:none;}

.banner-caption-wrapper .bttn {
	clear:both;
	border:0;
	}

.element-banner .banner-caption-wrapper{padding:2rem;width:100%;}
.element-banner .banner-caption h1 {font-size: 3rem;}
.element-banner .bttn {padding: 1.5rem 2rem;font-size: 1.5rem;}


@media only screen and (min-width:768px) {
	.element-banner .banner-img img {display:none;}
	.banner-caption-wrapper {padding:3rem;}
	.banner-caption h1 {font-size: 3rem;}

	.col-sm-4 > .element-banner .banner-caption {padding:2.5rem;}
	.col-sm-6 > .element-banner .banner-caption {padding:2.5rem;}
	.col-sm-12 > .element-banner .banner-caption {padding:3rem;}

	.col-sm-4 > .element-banner .banner-caption h1 {font-size: 2rem;}
	.col-sm-6 > .element-banner .banner-caption h1 {font-size: 3rem;}
	.col-sm-12 > .element-banner .banner-caption h1 {font-size: 4rem;}

	.col-sm-4 > .element-banner .bttn {padding: 1rem 1rem;font-size: 1rem;}
	.col-sm-6 > .element-banner .bttn {padding: 1rem 1.5rem;font-size: 1.3rem;}
	.col-sm-12 > .element-banner .bttn {padding: 1.5rem 2rem;font-size: 2rem;}

	
    }

@media only screen and (min-width:991px) and (max-width:1199px) {
	.element-banner .banner-caption-wrapper{padding:2rem;}
	.element-banner .banner-caption h1 {font-size: 4rem;}
	.element-banner .bttn {padding: 1.5rem 2rem;font-size: 2rem;}

	.col-md-4 > .element-banner .banner-caption {padding:2.5rem;}
	.col-md-6 > .element-banner .banner-caption {padding:4rem;}
	.col-md-12 > .element-banner .banner-caption {padding:5rem;}

	.col-md-4 > .element-banner .banner-caption-wrapper{padding:1rem;}
	.col-md-6 > .element-banner .banner-caption-wrapper{padding:1.5rem;}
	.col-md-12 > .element-banner .banner-caption-wrapper{padding:2rem;}

	.col-md-4 > .element-banner .banner-caption h1 {font-size: 2rem;}
	.col-md-6 > .element-banner .banner-caption h1 {font-size: 3rem;}
	.col-md-12 > .element-banner .banner-caption h1 {font-size: 4rem;}

	.col-md-4 > .element-banner .bttn {padding: 1rem 1rem;font-size: 1rem;}
	.col-md-6 > .element-banner .bttn {padding: 1rem 1.5rem;font-size: 1.3rem;}
	.col-md-12 > .element-banner .bttn {padding: 1.5rem 2rem;font-size: 2rem;}
	}

@media only screen and (min-width:1200px) {
	.element-banner .banner-caption-wrapper{padding:5rem;}
	.element-banner .banner-caption h1 {font-size: 6rem;}
	.element-banner .bttn {padding: 1.5rem 2rem;font-size: 2.5rem;}

	.col-lg-4 > .element-banner .banner-caption {padding:2.5rem;}
	.col-lg-6 > .element-banner .banner-caption {padding:4rem;}
	.col-lg-12 > .element-banner .banner-caption {padding:5rem;}

	.col-lg-4 > .element-banner .banner-caption-wrapper{padding:2.5rem;}
	.col-lg-6 > .element-banner .banner-caption-wrapper{padding:4rem;}
	.col-lg-12 > .element-banner .banner-caption-wrapper{padding:5rem;}

	.col-lg-4 > .element-banner .banner-caption h1 {font-size: 2rem;line-height:normal;}
	.col-lg-6 > .element-banner .banner-caption h1 {font-size: 3rem;line-height:normal;}
	.col-lg-12 > .element-banner .banner-caption h1 {font-size: 6rem;}

	.col-lg-4 > .element-banner .bttn {padding: 1rem 1rem;font-size: 1.5rem;}
	.col-lg-6 > .element-banner .bttn {padding: 1rem 1.5rem;font-size: 2rem;}
	.col-lg-12 > .element-banner .bttn {padding: 1.5rem 2rem;font-size: 2.5rem;}
	}

.page-edit .element-banner .banner-img {background-image:none!important;}
.page-edit .element-banner .banner-img img {display:inline-block!important;}


/*
=======================================================================
	Element Banner - Banner 1
=======================================================================
*/

	
.element-banner.element-banner1 .banner-img {
	width:100%;
	background-position:center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	border-bottom:10px solid #fff;
	}
	
.element-banner.element-banner1 .banner-caption {
	width:100%;
	background: #004F8B;
	color:#a2d5ff;
	}
	
.element-banner.element-banner1 .banner-caption h1 {color:#a2d5ff;text-transform:uppercase;line-height:normal;}
.element-banner.element-banner1 .banner-caption br {display:none;}
	
	
@media only screen and (min-width:768px) {
	.element-banner.element-banner1 {display:table;width:100%;}
	.element-banner.element-banner1 .banner-img,
	.element-banner.element-banner1 .banner-caption {
		display:table-cell;
		vertical-align:middle;
		}

	.element-banner.element-banner1 .banner-img {width:75%;border-right:10px solid #fff;border-bottom:0;}
	.element-banner.element-banner1 .banner-caption {width:25%;}
	}

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

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


/*
=======================================================================
	Element - Banner 2 - Full width image with text on top
=======================================================================
*/

.element-banner2 {
	background-repeat:no-repeat;
	background-position:center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	}

.element-banner2 .banner-caption {background:#eeeeee;width:100%;float:left;text-align:left;margin-top:0;}
.element-banner2 .banner-caption h1 {color:#004F8B;line-height: normal;}
.element-banner2 .banner-caption .bttn {float:left;}


@media only screen and (max-width:767px) {
	.element-banner2 {background-image:none!important;}
	}

@media only screen and (min-width:768px) {
	.element-banner2 .banner-img {display:none;}
	.element-banner2 .banner-caption {background:none;}
	.element-banner2 .banner-caption h1 {color:#fff;}
	
	.element-banner2.right .banner-caption {float:right;text-align:right;}
	.element-banner2.right .banner-caption .bttn {float:right;}

    .element-banner2.banner-caption-left .banner-caption-wrapper {padding-right:0;}
    .element-banner2.right .banner-caption-wrapper {padding-left:0;}

	.element-banner2 .banner-caption {width:75%;}
	
	.col-sm-4 > .element-banner2 .banner-caption {width:100%;}
	.col-sm-6 > .element-banner2 .banner-caption {width:100%;}
	.col-sm-12 > .element-banner2 .banner-caption {width:75%;}
	}

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

	.element-banner2 .banner-caption {width:50%;}

	.col-md-4 > .element-banner2 .banner-caption {width:75%;}
	.col-md-6 > .element-banner2 .banner-caption {width:66%;}
	.col-md-12 > .element-banner2 .banner-caption {width:50%;}
	}

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

	.element-banner2 .banner-caption {width:50%;}

	.col-lg-4 > .element-banner2 .banner-caption {width:75%;}
	.col-lg-6 > .element-banner2 .banner-caption {width:66%;}
	.col-lg-12 > .element-banner2 .banner-caption {width:50%;}
	}

.page-edit .element-banner2 h1 {color:#004F8B;}
.page-edit .element-banner2 .banner-img {display: block;max-width:300px;}
.page-edit .element-banner2 .banner-caption {width: 50%;}


/*
=======================================================================
	Element - Banner 3 - Image and Text
=======================================================================
*/

.element-banner3 .banner-img {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	}

.element-banner3 .banner-caption {background: #eeeeee;margin-top:0!important;}
.element-banner3 .banner-caption h1 {color:#004F8B;}
	

@media only screen and (min-width:768px) {
	.element-banner3 {display:table;}
	.element-banner3 > div {display:table-cell;vertical-align:top;}
	.element-banner3 .banner-caption {width:50%;}
	.element-banner3 .banner-img {width:50%;}
	
	.element-banner3.right > div {height:100%;}
	.element-banner3.right .banner-caption {float:left;}
	.element-banner3.right .banner-img {float:right;}

	}

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

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



/*
=======================================================================
	Element - Banner 4 - Text with Background Image
=======================================================================
*/

/* Banner Container */

.element-banner4 {
	background-repeat:no-repeat;
	background-position:center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	}
	
.element-banner4 .banner-wrapper {height:100%;}
.element-banner4 .banner-wrapper:before {
/*	background: rgba(0, 0, 0, 0.35);*/
	content:'';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	display:block;
	}
	
	
/* Banner Background */

.element-banner4.bgright {background-position:right center;}
.element-banner4.bgleft {background-position:left center;}


/* Banner Caption */

.element-banner4 > a {position:absolute;top:0;left:0;width:100%;height:100%;z-index: 3;}

.element-banner4 .banner-caption {width:100%;margin-top:0;position:relative;z-index:1;font-family: 'Raleway', sans-serif;padding:2rem;}

.element-banner4 .banner-caption-wrapper {width:100%;padding:0!important;}
.element-banner4 .banner-caption-wrapper > * {margin-bottom:2rem;}
.element-banner4 .banner-caption-wrapper > :last-child {margin-bottom:0!important;}

.element-banner4.text-left .banner-caption-wrapper {float:left;text-align:left;}
.element-banner4.text-center .banner-caption-wrapper {float:none;text-align:center;width:100%;margin-left:auto;margin-right:auto;}
.element-banner4.text-right .banner-caption-wrapper {float:right;text-align:right;}

.element-banner4 .banner-caption h1 {
	font-size: 3rem;
	font-weight:800;
	color:#fff;
	line-height:normal;
	}

.element-banner4.bluetitle .banner-caption h1 {color: #004F8B;}
.element-banner4.whitetitle .banner-caption h1 {color:#fff;}

.element-banner4 p.teaser {font-weight:700!important;line-height: normal;color:#fff;}
.element-banner4.bluetext p.teaser {color: #004F8B;}
.element-banner4.whitetext p.teaser {color:#fff;}

.element-banner4 blockquote {color:#fff;text-transform:uppercase;width:100%;}
.element-banner4.text-center blockquote {width:auto;display:inline-block;}
.element-banner4.text-right blockquote {border:0;border-right: 5px solid #a2d5ff;}
.element-banner4.text-right blockquote {padding-left: 0;}
.element-banner4.text-right blockquote {float:right;text-align:right;}

.element-banner4 blockquote:before {content:""}
.element-banner4 blockquote:after {content:""}

.element-banner4.bluequote blockquote {color:#004F8B;}
.element-banner4.whitequote blockquote {color:#fff;}


/* Banner Buttons */

.element-banner4 .banner-caption-link-wrapper {clear:both;}

.element-banner4 .bttn {margin-top:2rem;margin-right:2rem;margin-bottom:0!important;float:left;display:inline-block;}
.element-banner4 .bttn {clear:none;}
.element-banner4.text-center .bttn {float:none;margin-right:1rem;margin-left:1rem;}
.element-banner4.text-right .bttn {float:right;margin-right:0;margin-left:2rem;}

.element-banner4 .bttn.outlinelink  {color:#fff;background:none;border: 2px solid #fff;}
.element-banner4 .bttn.outlinelink:hover {color:#004F8B;background: #a2d5ff;}

.element-banner4 .bttn.darkbluelink {background: #004F8B;color: #a2d5ff;border: 2px solid #004F8B;}
.element-banner4 .bttn.darkbluelink:hover {color:#004F8B;background: #a2d5ff;border: 2px solid #a2d5ff;}

.element-banner4 .bttn.lightbluelink {color:#004F8B;background:#a2d5ff;border: 2px solid #a2d5ff;}
.element-banner4 .bttn.lightbluelink:hover {color:#a2d5ff;background: #004F8B;border: 2px solid #004F8B;}



/* Banner gradients */

.element-banner4.blackgrd .banner-wrapper:before {
	/* black to transparent */
	background: rgba(0,0,0,0.6);
	background: -moz-linear-gradient(left, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.6) 22%, rgba(0,0,0,0) 53%, rgba(0,0,0,0) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,0.6)), color-stop(22%, rgba(0,0,0,0.6)), color-stop(53%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0)));
	background: -webkit-linear-gradient(left, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.6) 22%, rgba(0,0,0,0) 53%, rgba(0,0,0,0) 100%);
	background: -o-linear-gradient(left, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.6) 22%, rgba(0,0,0,0) 53%, rgba(0,0,0,0) 100%);
	background: -ms-linear-gradient(left, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.6) 22%, rgba(0,0,0,0) 53%, rgba(0,0,0,0) 100%);
	background: linear-gradient(to right, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.6) 22%, rgba(0,0,0,0) 53%, rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 );
	}

.element-banner4.text-right.blackgrd .banner-wrapper:before {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+100&0+0,0.47+100 */
	background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(0,0,0,0.47) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(0,0,0,0.47) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(0,0,0,0.47) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#78000000',GradientType=1 ); /* IE6-9 */
	}

.element-banner4.whitegrd .banner-wrapper:before {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.5+0,0+100 */
	background: -moz-linear-gradient(left, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(255,255,255,0.6) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(255,255,255,0.6) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
	}

.element-banner4.text-right.whitegrd .banner-wrapper:before {
	/* Transparent to white */
	background: rgba(255,255,255,0);
	background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 20%, rgba(254,254,254,0.6) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(20%, rgba(255,255,255,0)), color-stop(100%, rgba(254,254,254,0.6)));
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 20%, rgba(254,254,254,0.6) 100%);
	background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 20%, rgba(254,254,254,0.6) 100%);
	background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 20%, rgba(254,254,254,0.6) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 20%, rgba(254,254,254,0.6) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fefefe', GradientType=1 );
	}



@media only screen and (min-width:480px) {
	.element-banner4::before {display:none;}
/*	.element-banner4 .banner-caption {width:75%;}*/
	}
	

@media only screen and (min-width:768px) {
	.element-banner4::before {display:none;}
	.element-banner4 .banner-caption {padding:3rem;}
	.element-banner4 .banner-caption-wrapper {width:75%!important;}
	}

@media only screen and (min-width:991px) {
	.element-banner4 .banner-caption {padding:4rem;}
	.element-banner4 .banner-caption-wrapper {width:66%!important;}
	}

@media only screen and (min-width:1200px) {
	.element-banner4 .banner-caption {padding:5rem;}
	.element-banner4 .banner-caption-wrapper {width:50%!important;}
	.element-banner4 .banner-caption h1 {font-size: 8rem;line-height:1;}
	}


.page-edit .element-banner4 h1 {color:#004F8B;}
.page-edit .element-banner4 .banner-img {display: block;max-width:300px;}
/*.page-edit .element-banner4 .banner-caption {width: 50%;}*/


/*
=======================================================================
	Element - Banner 4 - Custom Vertical Stack
=======================================================================
*/

.element-banner4 figure {display:none;}
@media only screen and (max-width:767px) {
	.element-banner4.mobilegrid {background-image:none!important;background-color:#004E8B!important;}
	.element-banner4.mobilegrid figure {display:block;}
	.element-banner4.mobilegrid .banner-wrapper:before {background:none!important;}

	.element-banner4.mobilegrid.text-right .banner-caption,
	.element-banner4.mobilegrid.text-right .banner-caption-wrapper {
		float:none;
		text-align:left;
		}
	
	.element-banner4.mobilegrid.text-right blockquote {
    float: left;
    text-align:left;
		border-left: 5px solid #a2d5ff;
		border-right:0;
		padding: 10px 20px;
		}
	
	.element-banner4.mobilegrid.bluetitle .banner-caption h1 {color:#fff;}
	.element-banner4.mobilegrid.bluetext .banner-caption .teaser {color:#fff;}	

	.element-banner4.mobilegrid.text-right .bttn {
    float: left;
    margin-left: 0;
    margin-right: 2rem;
		}
	
	.element-banner4.mobilegrid .banner-caption .bttn.outlinelink,
	.element-banner4.mobilegrid .banner-caption .bttn.lightbluelink,
	.element-banner4.mobilegrid .banner-caption .bttn.bttn-default {
		color: #fff;
    background: none;
    border: 2px solid #fff;
		}
		
	.element-banner4.mobilegrid .banner-caption .bttn.outlinelink:hover,
	.element-banner4.mobilegrid .banner-caption .bttn.lightbluelink:hover,
	.element-banner4.mobilegrid .banner-caption .bttn.bttn-default:hover {
		color: #004F8B;
    background: #a2d5ff;
    border: 2px solid #fff;
		}
	}


/*
=======================================================================
	List pagination
=======================================================================
*/

.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
    color: #fff;
    background-color: #004F8B;
    border-color: #555;
    }



/*
ElectionCampaignBox
*/
/*
=======================================================================
	Custom Element Message
=======================================================================
*/

.element-getinvolved {background: #fff;padding-top:4em;padding-bottom:4em;}

.element-getinvolved-subsection {display:table;}
.element-getinvolved-subsection > * {display:table-cell;vertical-align:middle;}

.element-getinvolved .pre-title {color:#004F8B;text-transform:uppercase;}

.element-getinvolved h1 {
	margin-bottom:3.5rem;
	font-family: 'Source Sans Pro', sans-serif;font-weight:bold;
	font-size:2.5em;
	color:#2d4768;
	}

.element-getinvolved h2 {
	margin-top:0;
	margin-bottom:2rem;
	font-family: 'Source Sans Pro', sans-serif;font-weight:bold;
	color:#2d4768;
	}

.getinvolved-cta {display:block;padding:1rem;border: 4px solid #004F8B;text-align:center;text-transform:uppercase;color:#004F8B;}
.getinvolved-cta:hover {background:#004F8B;color:#fff;text-decoration:none;}
.getinvolved-cta:first-child {margin-bottom:1em;}

.getinvolved-readmore {display:inline-block;margin-top:.5em;}
.getinvolved-readmore + .tooltip.bottom .tooltip-inner {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
    background-color: #003f54;
    padding: 8px;
 }

.element-message-options {text-align:center;margin-bottom:2em;}


small.error {display:none;}
.error > small.error {display:block;background:#E8685D;color:#fff;padding:6px;position:relative;}
.error > small.error:after {
	content:"";
	width: 0; 
	height: 0; 
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;	
	border-bottom: 5px solid #E8685D;	
	position:absolute;
	top:-5px;
	left:15%;
	}


@media only screen and (min-width:768px) {
	.element-message-options {margin-bottom:0;}
	.getinvolved-cta:first-child {margin-bottom:0;}
	.element-getinvolved h1 {font-size:3em;}

	}

@media only screen and (min-width:991px) {
	.element-getinvolved h1 {font-size:3.5em;margin-bottom:5rem;}
	}

@media only screen and (min-width:1200px) {
	.element-getinvolved h1 {font-size:4em;margin-bottom:6rem;}
	}


/*
=======================================================================
	Custom Get involved Form
=======================================================================
*/

.element-getinvolved-form {padding:2em;background: #ececec;}
.element-getinvolved-form legend {font-size: 20px;font-weight:bold;}
.element-getinvolved-form .field {margin-bottom:1.2em;}
.element-getinvolved-form .field input {padding:1.5em;}
.element-getinvolved-form .field label:hover {cursor:pointer;}
.element-getinvolved-form .field.error label {color:#E8685D;}

.element-getinvolved-form .field .radio {min-height:38px;line-height:38px;}
.element-getinvolved-form .field .radio label {}
.element-getinvolved-form .field .radio label span {display:none;}
.element-getinvolved-form .field .radio.active label span {display:inline;}
.element-getinvolved-form .field .radio label + select {display:none;width:100px;margin-bottom:0;}
.element-getinvolved-form .field .radio input:checked + select {display:inline-block!important;-webkit-appearance: menulist;}
.element-getinvolved-form .field .radio.active label + select {display:inline-block;}
/*.element-getinvolved-form .field .radio.active label + select option {background: #2d4768;color:#fff;}*/

.element-getinvolved-form .field .custom-gift {display:none;position:relative;}
.element-getinvolved-form .field .custom-gift:before {
	position:absolute;
  top: 50%;
  left: 15px;
  transform: translateY(-50%);
	content:"Kr";
	}
.element-getinvolved-form .field .custom-gift input {padding-left:40px;color:#999;}

.element-getinvolved-form input[type="button"] {
	border:0;
	margin-top:1em;
	padding:1em 1.75em;
	background: #2d4768;
	color:#fff;
	font-size:1.2em;
	text-transform:uppercase;
	width:100%;
	}
	
.element-getinvolved-form input[type="button"]:hover {
	background: #2f5b94;
	}
	
/*.bg-light-blue {background:#a2d5ff;}*/


/*
=======================================================================
	Custom Read More
=======================================================================
*/

.row-readmore {
    background: #eeeeeb;
    padding:1.5rem 2rem;
    display:block;
    text-align:right;
    font-size:2rem;
    font-weight:800;
    font-family: 'Raleway', sans-serif;
    margin-top:-1rem;
    }

@media only screen and (min-width: 767px) {
	.row-readmore {margin-top: -2rem;}
	}

@media only screen and (min-width: 991px) {
	.row-readmore {margin-top: -3rem;}
	}
						
@media only screen and (min-width: 1200px) {
	.row-readmore {margin-top: -4rem;}
	}






/*
=======================================================================
	Header mobile button
=======================================================================
*/

.header-elements .header-element.mobile-buttons {text-align:right;}

.mobile-header-button {width:40px;display:inline-block;}
.mobile-header-button a:hover,
.mobile-header-button a:focus {text-decoration:none;}
.mobile-header-button .mobile-header-button-img {
	width: 40px;
	height: 40px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	background-image: url(/images/header-sprite.png);
	}

.mobile-header-button-caption {
	text-transform:uppercase;
    font-family: 'Raleway', sans-serif;
	font-size: 14px;
	margin: 0 auto;
	text-align:center;
	width:auto;
	}

@media only screen and (min-width:768px) {
    .header-elements .header-element.mobile-buttons {display:none;}	
    }


/*
=======================================================================
	Header mobile nav
=======================================================================
*/

.mobile-nav-button {}
.mobile-nav-button-img {
	width:40px;
	height:40px;
	background-position: -40px 0;
	}


.mobile-nav-button-caption {
	text-transform:uppercase;
    font-family: 'Raleway', sans-serif;
	font-size: 14px;
	margin: 0 auto;
	text-align:center;
	}

.mm-opened .mobile-nav-button-img {
	width:40px;
	height:40px;
	background-position: -80px 0;
	}
.mm-opened .mobile-header-button.mobile-nav-button .mobile-nav-button-caption div {display:none;}
.mm-opened .mobile-header-button.mobile-nav-button .mobile-nav-button-caption:before {
	content:"LUKK";
	}


@media only screen and (min-width:768px) {
	.header-elements .header-element.mobile-nav-button {display:none;}
	}




/*
=======================================================================
	Header mobile search
=======================================================================
*/


/* Button */

.mobile-search-button {margin-right:10px;}
.mobile-search-button-img {
	width:40px;
	height:40px;
	background-position: 0;
	}

.mobile-search-button a.active .mobile-search-button-img {
	background-position: -80px;
	}
	
.mobile-header-button.mobile-search-button a.active .mobile-header-button-caption div {display:none;}
.mobile-header-button.mobile-search-button a.active .mobile-header-button-caption:before {
	content:"LUKK";
	}

@media only screen and (min-width:768px) {
	.header-elements .header-element.mobile-search-button {display:none;}
	}

/* Button END */

/* Search Box */

.header-mobile-search {
	display:none;
	}

.header-mobile-search .site-search {background: #eeeeeb;}
.header-mobile-search .site-search input[type=text] {background:none;}

/* Search Box END */





/*
=======================================================================
	Front Page CTA
=======================================================================
*/

.front-page-cta {
    font-family: 'Raleway', sans-serif;
    padding: 1.2rem 0.75rem;
    display: block;
    text-align: center;
    font-weight: 800;
    text-transform: uppercase;
    margin-top:30px;
    }

.front-page-cta:hover {
    text-decoration: none;
    }

.front-page-cta-signup {
    color: #fff;
    background: #87B52D;
    }

.front-page-cta-signup:hover {
    background: #628221;
    color: #fff;
    }

.front-page-cta-gift {
    color: #004E8B;
    background: #a2d5ff;
    }

.front-page-cta-gift:hover {
    color: #004E8B;
    background: #39b2e5;
    }


@media only screen and (min-width: 767px) {
    .front-page-cta {display:none;}
    }




/*
=======================================================================
	Flexbox
=======================================================================
*/

@media only screen {

.row.list {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */

	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	height:100%;
	}

/* Safari fix */
.row.list:before,
.row.list:after {
		content: normal;
		}
}


/*
=======================================================================
	Attachments
=======================================================================
*/

.element-attachments {background: #ececec;padding:30px;margin-top:40px!important;}
.element-attachments h2 {margin-bottom:10px;}
.element-attachments ul {margin-left:0;margin-bottom:0;list-style: none;padding-left:0;}
.element-attachments ul li {margin-bottom:5px;}
.element-attachments ul li:last-child {margin-bottom:0;}
.element-attachments ul li:before {
	font-family: FontAwesome;
	content:"\f019";
	margin-right:10px;
	display:inline-block;
  color: #004F8B;
	}
.element-attachments ul li a {text-decoration:none;}	
.element-attachments ul li a:hover {text-decoration:underline;}	


/*
=======================================================================
	Prevent FOUC
=======================================================================
*/

#xs-menu:not( .mm-menu ) {
    display: none;
    }


/*
=======================================================================
	Custom default form
=======================================================================
*/

main .form-group input,
main .form-group textarea {
    padding: 20px 18px;
    min-height: 70px;
    font-size: 18px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    }

main .form-group textarea {min-height:150px;}

main .form-group .input-group-btn input {border-right:0;}

main .form-group .radio,
main .form-group .checkbox {padding-left:0;margin-top: 10px;}

main .form-group .validation-error[style*="inline"] {
    background: #EF303B;
    padding: 1rem;
    color: #fff;
    display: inline-block!important;
    }

.feedback .bg-success,
.feedback .bg-info {padding:15px;margin-bottom:20px;}
.feedback .bg-info:empty {display:none;}
.feedback div[class*="bg-"] > :last-child {margin-bottom:0;}

/*
=======================================================================
	Custom Hoyre-ID
=======================================================================
*/

/*
.row :not([class*="col-"]) .row {margin-left:0;margin-right:0;}
*/

[data-id="9C623B40C87640F1BF9419634C7CA0D4"] .element-article .container,
[data-id="6A0F221541374D859904A33C6B7C72C7"] .element-article .container {margin-bottom:30px;}

[data-id="9C623B40C87640F1BF9419634C7CA0D4"] .element-article .container:last-of-type,
[data-id="6A0F221541374D859904A33C6B7C72C7"] .element-article .container:last-of-type {margin-bottom:0;}


[data-id="6A0F221541374D859904A33C6B7C72C7"] main .col-sm-6 {margin-bottom:30px;}
[data-id="9C623B40C87640F1BF9419634C7CA0D4"] h1,
[data-id="6A0F221541374D859904A33C6B7C72C7"] h1 {font-size:2rem!important;}
[data-id="6A0F221541374D859904A33C6B7C72C7"] h2:empty,
[data-id="6A0F221541374D859904A33C6B7C72C7"] .teaser:empty {display:none;}

[data-id="6A0F221541374D859904A33C6B7C72C7"] h2 {margin-top:0;}


@media screen and (min-width: 991px) {
    [data-id="6A0F221541374D859904A33C6B7C72C7"] .container .col-sm-6:first-child {padding-right: 30px;}
    [data-id="6A0F221541374D859904A33C6B7C72C7"] .container .col-sm-6:last-child {padding-left: 30px;}

}


@media screen and (min-width: 1200px) {
    [data-id="9C623B40C87640F1BF9419634C7CA0D4"] h1,
    [data-id="6A0F221541374D859904A33C6B7C72C7"] h1 {font-size:4rem!important;}
    }



/*
=======================================================================
	Quote General
=======================================================================
*/

[contentEditable='true'] {width:100%;}

.text-quote-copy {
	font-size:1.3em;
	font-weight:800;
	line-height:1.3;
	}

.text-quote-quotee {font-size:1.1em;font-weight:800;}
.text-quote-quotee-title {font-size:.8em;}

.text-quote .text-quote-copy p:first-child:before {content:"«";}
.text-quote .text-quote-copy p:last-child:after {content:"»";}

.text-quote .text-quote-img {
	background-repeat:no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position:relative;
	}

@media only screen and (min-width:1200px) {
	.text-quote {max-width:870px;}
	}


/*
=======================================================================
	Quote Media
=======================================================================
*/

.text-quote-media {
	display:flex;
	flex-direction:column-reverse;
	}

.text-quote-media .text-quote-caption {
	background:#004E8B;
	padding:1rem;
	font-family: 'Raleway', sans-serif;	
	}

.text-quote-media .text-quote-copy {
	color:#fff;
	}

.text-quote-media .text-quote-quotee {color:#50c4f0;}
.text-quote-media .text-quote-quotee-title {color:#fff;}

.text-quote-media .text-quote-img:before {
	content:"";
	background: url(/images/logo-hoyre-white.png);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	display:block;
	width:60px;
	height:32px;
	position:absolute;
	bottom:15px;
	right:15px;
	z-index:9999;
	opacity:.9;
	}
								
@media only screen and (min-width:580px) {
	.text-quote-media {flex-direction:row;}
	.text-quote-media > * {width: 50%;}
	.text-quote-media .text-quote-img img {display:none;}
	}

@media only screen and (min-width:768px) {
	.text-quote-media .text-quote-caption {padding:1.5rem;}
	}

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

@media only screen and (min-width:1200px) {
	.text-quote-media .text-quote-caption {padding:2rem;}
	}
							

/*
=======================================================================
	Quote Simple
=======================================================================
*/

.text-quote-simple {width:100%;position:relative;color:#004E8B;}
.text-quote-simple .text-quote-caption {
	padding-left:45px;
	font-family: 'Raleway', sans-serif;
	}

.text-quote-simple .text-quote-copy {
	color:#004E8B;
	}

.text-quote-simple .text-quote-quotee-quotee {color:#004E8B;}
.text-quote-simple .text-quote-quotee-title {color:#004E8B;}

.text-quote-simple:before {
	position:absolute;
	top:6px;
	left:0;
	content:"";
	background: url(/images/icon-quote.png);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width:25px;
	height:16px;
	display:block;
	}

	@media only screen and (min-width:768px) {
		}
	
	@media only screen and (min-width:991px) {
		.text-quote-simple:before {
			width:35px;
			height:22px;
			}
			
		.text-quote-simple .text-quote-caption {
			padding-left:45px;
			}
			
		}
	
	@media only screen and (min-width:1200px) {
		.text-quote-simple:before {
			width:45px;
			height:28px;
			}
			
		.text-quote-simple .text-quote-caption {
			padding-left:65px;
			}
		}




/*
=======================================================================
	Custom Banner fix jan 2019
=======================================================================
*/

[data-id="ef90cef933814e9ba83ad84a2373f0b3"] main > .row-content > div[class*="col-"] > .element-banner4 {padding-top: 100px;}
[data-id="ef90cef933814e9ba83ad84a2373f0b3"] main > .row-content > div[class*="col-"] > .element-banner4 .banner-caption-wrapper br {display:none;}

@media only screen and (min-width:767px) {
    [data-id="ef90cef933814e9ba83ad84a2373f0b3"] main > .row-content > div[class*="col-"] > .element-banner4 {padding-top: 140px;}
    }

@media only screen and (min-width:991px) {
    [data-id="ef90cef933814e9ba83ad84a2373f0b3"] main > .row-content > div[class*="col-"] > .element-banner4 {padding-top: 290px;}
    }

@media only screen and (min-width:1200px) {
    [data-id="ef90cef933814e9ba83ad84a2373f0b3"] main > .row-content > div[class*="col-"] > .element-banner4 {padding-top: 400px;}
    }




/*
=======================================================================
	Custom List Profile / Listelement profile (Print)
=======================================================================
*/

/* List */

@media print {
    * {
        -webkit-transition: none !important;
        transition: none !important;
        }
    
    .page-profile .mainheader .pre-header,
    .page-profile .lokal .mainheader .site-header,
    .page-profile .mainheader .header-elements > *,
    .page-profile .mainheader .element-breadcrumb,
    .page-profile .site-header-subnav {display: none;}
    .page-profile .mainheader .header-elements > :first-child {display:block;}
    .page-profile .page-article-no-media {margin-bottom:0;}

    .page-profile .personlist-dropdown {display:none;}
    .page-profile .personlist-selector,
    .page-profile .personlistfraction-selector {margin-top:3rem;margin-bottom:1rem;}
    .page-profile a[href]:after {display:none;}

    .page-profile .employees h2:not(:first-child) {page-break-before: always;}
    
    .row.list {position:relative;display:block;}
    .row.list [class*="col-"] {
        position:relative;
        margin-bottom: 30px!important;
        -webkit-column-break-inside: avoid;
                  page-break-inside: avoid;
                       break-inside: avoid;}

    .row.list [class*="col-"]:nth-child(4n+1) {
        clear:left
        }


    .page-profile .employees article h1 {font-size: 13pt;text-align:left;margin-bottom:0;height:auto!important;}
    .page-profile .employees article h1,
    .page-profile .employees article .profile-info {margin-top:0;}
    
    .listelement-profile .profile-info > * {margin-top:0;}
    .page-profile .employees article .profile-position {height:auto!important;text-align:left;margin-top:0;}
    .page-profile .employees article .profile-position {font-size: 8pt;}
    .page-profile .employees article .profile-email-print {text-align:left;font-size: 8pt;font-weight:600;display:block;overflow-wrap: break-word;word-wrap: break-word;}
    .page-profile .employees article .profile-email-print:before {display:none;}
    .page-profile .employees article .profile-phone {text-align:left;font-size: 8pt;}
    .page-profile .employees article .profile-phone:before {display:none;}
    .page-profile .employees article .profile-email-print + .profile-phone {margin-top:0;}
    
    .page-profile .employees article .bttn-default {border:0;padding:unset;}
    .page-profile .employees article .bttn-group {display:none;}
    .page-profile footer {display:none;}

    #fb-root {display:none;}

    /* Fix for page break i Safari */
        .col-xs-12 {
            /*float: none !important;*/
            position: static !important;
            display: inline;
            box-sizing: content-box !important;
        }
    



}

/* Page */

@media print {
    .page-profile .mainheader .pre-header,
    .page-profile .mainheader .header-elements > *,
    .page-profile .mainheader .element-breadcrumb {display: none;}
    .page-profile .mainheader .header-elements > :first-child {display:block;}
    .page-profile .mainheader .site-header {border:0;}
    .page-profile a[href]:after {display:none;}
    .page-profile footer {display:none;}

    .page-profile .page-article-profile-page .profile-details-image figure .figure-label span {display:none;}
    .page-profile .page-article-profile-page .page-section-contact-data > * {
        float:none;
        font-size: 2rem;
        display: block;
        font-family: Helvetica, Arial, sans-serif;
        font-weight: 800;
        }
    .page-profile .page-article-profile-page .profile-phone {display:block;padding-left:0;}
    .page-profile .page-article-profile-page .profile-email-print:before {
        font-family: FontAwesome;
	    content: "\f003";
        display:inline-block;
        margin-right:10px;
    }

    .page-profile .panel-collapse.collapse {display:block;}

    .page-profile .profile-email.bttn {display:none!important;}
    .page-profile .profile-copy-email.bttn {display:none!important;}
}

/*
=======================================================================
	Bootstrap Print Grid
=======================================================================
*/

@media print {
   .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left;
   }

   .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left;
   }

   .col-sm-12, .col-md-12 {
        width: 100%;
   }
   .col-sm-11, .col-md-11 {
        width: 91.66666667%;
   }
   .col-sm-10, .col-md-10 {
        width: 83.33333333%;
   }
   .col-sm-9, .col-md-9 {
        width: 75%;
   }
   .col-sm-8, .col-md-8 {
        width: 66.66666667%;
   }
   .col-sm-7,.col-md-7 {
        width: 58.33333333%;
   }
   .col-sm-6,.col-md-6 {
        width: 50%;
   }
   .col-sm-5, .col-md-5 {
        width: 41.66666667%;
   }
   .col-sm-4, .col-md-4 {
        width: 33.33333333%;
   }
   .col-sm-3, .col-md-3 {
        width: 25%;
   }
   .col-sm-2, .col-md-2 {
        width: 16.66666667%;
   }
   .col-sm-1, .col-md-1 {
        width: 8.33333333%;
   }
}