@import url(//fonts.googleapis.com/css?family=Lato:300,300i,400,400i,700);
@import url(/pu-common/css/reset.css);
@import url(/pu-common/css/publix.css);

/*
Turkis:           rgba(0,184,200,1) #00b8c8
Turkis, mørkere:  rgba(0,149,162,1) #0095a2
Veldig orange:    rgba(220,82,0,1)  #dc5200
Brun              rgba(52,47,41,1)  #342f29
*/

body {font-family:Lato,'sans serif'; font-size:15px; overflow-x:hidden;}
a,
a:focus,
a:visited {
    cursor:pointer;
    text-decoration:none;
}
a:hover {text-decoration:none;}
.dateslider a:hover,
footer a:hover,
.edit-content a:hover {text-decoration:underline;}

a.button {display:inline-block; line-height:32px; padding:0 10px;}

.dateslider a.phone,
.subtitle a.phone {color:#fff; text-decoration:none;}

.w1p {width:1%;}
.w10p {width:10%;}
.w15p {width:15%;}
.w20p {width:20%;}
.w30p {width:30%;}
.w40p {width:40%;}
.w50p {width:50%;}
.w60p {width:60%;}
.w70p {width:70%;}
.w80p {width:80%;}
.w90p {width:90%;}
.w100p {width:100%;}
.w1 {width:1px;}
.w5 {width:5px;}
.w20 {width:20px;}
.w25 {width:25px;}
.w30 {width:30px;}
.w50 {width:100%; max-width:50px !important;}
.w80 {width:100%; max-width:80px !important;}
.w100 {width:100%; max-width:100px !important;}
.w150 {width:100%; max-width:150px !important;}
.w200 {width:100%; max-width:200px !important;}
.w300 {width:100%; max-width:300px !important;}
.w400 {width:100%; max-width:400px !important;}
.w500 {width:100%; max-width:500px !important;}
.w600 {width:100%; max-width:600px !important;}

h1,h2,h3,h4,h5,h6 {font-weight:normal; line-height:1.2em; margin:0 0 1em 0;}
h1 {font-size:28px;}
h2 {font-size:24px;}
h3 {font-size:21px;}
h4 {font-size:18px;}

p {margin-bottom:1em;}
hr {color:#e5e5e5; background-color:#e5e5e5; border-color:#e5e5e5; margin:1.5em 0;}


h1 strong {font-weight:900;}

#wrapper {width:100%; margin:0 auto;}

.inner {
    position:relative;
    width:90%;
    max-width:1220px;
    margin:0 auto;
}
.sidebar {padding-left:30px; margin-bottom:45px;}
.page {min-height:420px; padding-right:30px; margin-bottom:60px;}
.page.front {min-height:auto;  padding-right:0;}
#content {padding-top:45px;} /* Undersider */

/***************************************
			Z-INDEX
***************************************/

header .inner {z-index:2000;}
#back-to-top {z-index:2100;}
#mobile-menu {z-index:2030;}
#mobile-menu-trigger {z-index:2029;}
#menu-close {z-index:2031;}

/***************************************
			HEADER
**************************************/

header {
    position:fixed;
    top:0;
    height:90px;
    width:100%;
    z-index:2000;
    transition: all 0.2s ease-in-out;
}

img {max-width:100%; height:auto; -ms-interpolation-mode:bicubic;}

header .logo {float:left; height:60px; margin-top:15px;}
header .logo img {display:inline-block; height:60px !important; max-width:auto !important;}
header .logo img + img {margin-left:20px;}

@media (max-width:1199px) {
    header .logo {height:50px; margin-top:20px;}
    header .logo img {height:50px !important;}
}

/***************************************
			MAIN MENU
***************************************/

header nav {float:right;}
header nav > ul {width:auto; height:89px;}
header nav > ul > li {float:left;}
header nav > ul > li:first-child {display:none;}
header nav > ul > li > a,
header nav > ul > li > a:visited {
    position:relative;
    text-transform:uppercase;
    text-align:center;
    display:block;
    line-height:90px;
    font-size:14px;
    font-weight:700;
    padding:0 15px;
    transition: all 0.3s ease-in-out;
}
header nav > ul > li > a:hover {text-decoration:none;}
header nav a.btn {
    line-height:90px;
    border:0;
    border-radius:0;
    padding:0 20px
}
header nav ul ul {
    display:none;
    position:absolute;
    top:86px;
    width:240px;
    border-radius:5px;
	background:transparent url(/assets/css/img/menu-arrow-up.png) no-repeat 15px 5px;
    box-shadow:6px 6px 2px -5px rgba(0,0,0,0.2);
    padding-top:15px;
}
header nav ul ul li a {display:block; line-height:52px; border-bottom:1px solid rgba(0,0,0,0.1); font-size:13px; color:#555; padding:0 15px;}
header nav ul ul li:last-child a {border:none;}

#mobile-menu-trigger {
    display:none;
    float:right;
    line-height:90px;
    font-size:32px;
    text-decoration:none;
}
#mobile-menu-trigger:before {
    line-height:90px;
	font-size:42px;
	font-family:FontAwesome;
	content:'\f0c9';
}
#mobile-menu {display:none; width:100%; max-width:420px; position:absolute; top:90px; right:0; height:100%; overflow:auto;}
#mobile-menu li {display:block; margin:0;}
#mobile-menu li ul,
#mobile-menu li ul li ul {display:none; margin-left:0;}
#mobile-menu li a {position:relative; display:block; text-transform:uppercase; text-align:left; text-decoration:none; padding:15px 25px;}
#mobile-menu > li.first {display:block; text-align:center;}
#mobile-menu > li.first a {
	display:block;
	font-size:13px;
	text-align:center;
	line-height:52px;
	font-weight:bold;
	padding:0;
}
#mobile-menu ul a {padding-left:45px; text-transform:none;}
#mobile-menu ul a:before {font-family:FontAwesome; content:'\f105 '; padding-right:8px; font-size:10px;}
#mobile-menu .mobile-menu-submenu-arrow {position:absolute; top:0; right:0; height:100%; width:70px; font-size:20px; line-height:50px; text-align:center; cursor:pointer;}

/***************************************
			SIDEBAR
***************************************/

.nav-col > ul a {display:block; line-height:32px;}
.nav-col > ul > li a {border-bottom:1px solid #e5e5e5;}
.nav-col > ul ul li a {line-height:28px;}
.nav-col > ul a:before {font-family:FontAwesome; content:'\f105 '; font-weight:600; padding-right:8px; font-size:15px;}
.nav-col > ul ul {margin-left:15px;}

/***************************************
			SUBTITLE
***************************************/

#subtitle {
    height:200px;
    position:relative;
    background:#fff url(/files/images/strawberries.jpg) 50% 50% no-repeat;
    background-size:cover;
    width:100%;
    background-attachment:scroll;
}
#subtitle .inner {
    position: absolute;
    top: 83%;
    left: 50%;
    transform: translate(-50%, -50%); 
 }

#subtitle h1 {font-size:32px; text-transform:uppercase; color:#fff;}

/***************************************
			CONTENT
***************************************/

#content img.frame {max-width:97% !important; padding:1.5%; background-color:#fff;
	-webkit-box-shadow:0px 0px 1px 1px rgba(0,0,0,0.1);
	   -moz-box-shadow:0px 0px 1px 1px rgba(0,0,0,0.1);
	        box-shadow:0px 0px 1px 1px rgba(0,0,0,0.1);
}

h1.pageheading {margin-bottom:1em;}

.article-line {border-bottom:1px solid #e0e0e0; margin-bottom:2em;}

.edit-content ul,
.edit-content ol {list-style-type:disc; margin:1em 0 1em 30px;}
.edit-content ul ul,
.edit-content ol ol {list-style-type:disc; margin:0 0 0 30px;}
.edit-content img.left {float:left; margin:0 20px 20px 0;}
.edit-content img.right {float:right; margin:0 0 20px 20px;}
.edit-content img.top {display:block; margin:0 0 30px 0;}
.edit-content img.bottom {display:block; margin:30px 0 0 0;}
.edit-content p {margin-bottom:2em;}
.edit-content h3 {margin-bottom:0.5em;}

.section-heading {
    font-size:15px;
	font-weight:500;
	padding:10px;
	margin:5px 0 15px 0;
	color:#009f9d;
	background-color:#f5f5f5;
	border-top:1px solid #e0e0e0;
	border-bottom:1px solid #e0e0e0;
}

.page .plugin {margin-top:30px;}

figure {position:relative;}
figure.top {width:100%; margin-bottom:20px;}
figure.left {max-width:50%; float:left; margin:0 20px 20px 0;}
figure.right {max-width:50%; float:right; margin:0 0 20px 20px;}
figure.bottom {width:100%; margin-top:20px;}
figcaption {font-size:13px; text-align:left; color:#666; padding:5px; background-color:#f0f0f0;}

.template.img {position:relative;}
figure a {display:block; position:relative; background-color:#ccc; padding:0;}
figure a i {position:absolute; bottom:13px; left:12px;}
figure a i:before {color:#fff; background-color:rgba(0,0,0,0.2); line-height:1em; padding:5px 6px 3px 6px;}

#content .search {
	width:100%;
	max-width:300px;
	margin-bottom:30px;
}
#content .search input[type=text] {
	width:78%;
	height:42px;
	line-height:42px;
	float:left;
}
#content .search a.button {
	width:20%;
	height:42px;
	line-height:42px;
	display:inline-block;
	color:#fff;
	text-align:center;
	padding:0;
}
#content .search i:before {line-height:42px;}

.search-result ul li {margin-bottom:15px; line-height:24px;}
.search-result ul li .img {width:150px; height:100px; float:left; margin-right:15px;}
.search-result ul li img {max-height:100px;}
.search-result ul li a {font-size:17px; margin-right:15px;}
.search-result ul li em {color:#999;}

.sharebuttons {text-align:right; height:28px; overflow:hidden; border-top:1px solid #e0e0e0; padding-top:5px; margin-top:30px;}
.sharebuttons ul {float:right;}
.sharebuttons li {float:left;}
.sharebuttons div.facebook {}
/*.sharebuttons div.gplus {width:56px; margin-left:10px; margin-top:2px;}*/
.sharebuttons div.twitter {padding-top:1px; padding-left:10px;}

.markblock {background-color:rgba(100,100,100,0.05); border:1px solid #e0e0e0; padding:10px; border-radius:5px;}

h4.sectionheading {margin-bottom:15px; padding:10px; border-radius:5px;}

ul.bordered li a {display:block; border-bottom:1px solid #e5e5e5; padding:5px 0;}
ul.bordered li a:hover {background-color:#f0f0f0;}

.sidebar .widget {margin-bottom:30px;}
.sidebar .widget:last-child {margin-bottom:0;}

/***************************************
			MESSAGES
***************************************/

input.input-err,
textarea.input-err,
select.input-err {
	border:1px solid #ffaaaa !important;
	box-shadow:0 0 5px 0 rgba(255,20,20,0.4);
}

.nNote {margin-bottom:30px;}

.success,
.failure,
.warning,
.information {font-size:15px; border:1px solid; padding:15px;}

.warning {background:#ffd67e; border-color:#deba6e;}
.confirm {background:#def2d2; color:#3d5e2a; border-color:#abcd96;}
.information {background:#d3f2f2; border-color:#acc5c5;}
.success,
.success-tiny {background:#def2d2; color:#3d5e2a; border:1px solid #abc797;}

.failure,
.error-tec,
.error-tiny {color:#aa0000; background:#fef1f1; border:1px solid #aa0000;}
.error-field {color:#aa0000;}

.error-tec,
.success-tiny,
.error-tiny,
.success-tiny {font-size:15px; margin-bottom:10px; padding:5px;}

#frm_error, #frm_error_contact {display:none;}

/***************************************
			FOOTER
***************************************/

footer a:hover {text-decoration:underline;}
.footer {padding:50px 0;}

#copyright {font-size:13px; padding:20px 0;}

#back-to-top {display:none; position:fixed; right:0; bottom:30%; text-align:center;}
#back-to-top a {width:30px; display:block; line-height:30px; border-top-left-radius:5px; border-bottom-left-radius:5px;}


@media (max-width:1199px) {
	#menu {display:none;}
	#mobile-menu-trigger {display:block;}
}

@media (max-width:767px) {

    #subtitle {height:180px;}
    #subtitle h1 {font-size:27px;}

    .wrapit .col {float:none; width:100%; margin-right:0; margin-bottom:30px;}
    .wrapit .col div {height:auto;}
}

/***************************************
			EXTRAS
***************************************/

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.video-img {position:relative; width:100%;}
.video-img img.play {position:absolute; left:0; top:50%; margin-top:-25px;}

.el-white {background-color:#fff; border:1px solid #e5e5e5; padding:20px;}

.soft {color:#999;}
.positive {color:#007700;}
.negative {color:#bb0000;}
.mark {color:#ffba00;}

pre {
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

.border-bottom {border-bottom:1px solid #d4d4d4;}
.border-top {border-top:1px solid #d4d4d4;}
.no-border {border:none;}

.high {background-color:#66ffff;}

.hide-desktop {display:none;}
.hidelement {display:none;}
.no-display {display:none;}
.padding5 {padding:5px;}
.padding10 {padding:10px;}
.pad-t {padding-top:20px;}
.pad-t10 {padding-top:10px;}
.pad-t-b {padding:10px 0;}
.pad-l,
table tr th.pad-l,
table tr td.pad-l {padding-left:20px;}
.pad-r,
table tr th.pad-r,
table tr td.pad-r {padding-right:20px;}
.no-padding {padding:0 !important;}

.margin-bottom {margin-bottom:30px !important;}
.margin-bottom-half {margin-bottom:15px !important;}
.margin-bottom-double {margin-bottom:60px !important;}
.margin-left {margin-left:20px !important;}
.margin-right {margin-right:20px !important;}
.no-margin {margin:0 !important;}

.left {text-align:left;}
.right {text-align:right;}
.center {text-align:center;}

img.left {float:left; margin:20px 20px 20px 0;}
img.right {float:right; margin:20px 0 20px 20px;}

.no-border {border:none;}
.separator {padding-bottom:5px; margin-bottom:20px;}

.float-left {float:left;}
.float-right {float:right;}
.block {display:block;}

.strong {font-weight:bold;}
.capitalize {text-transform:capitalize;}
.uppercase {text-transform:uppercase;}
.small {font-size:13px;}
.medium {font-size:24px;}
.big {font-size:36px;}
.bold {font-weight:bold;}
.italic {font-style:italic;}
.nowrap {white-space: nowrap;}
.txt-red {color:#bb0000;}
.txt-blue {color:#0000bb;}
.txt-green {color:#00bb00;}

.pointer {cursor: pointer;}
.loader {padding: 0 10px;}

.spacer {clear:both; height:20px;}
.clear {clear:both; height:0px;}
.fixed {position:fixed;}