/*
/*
Theme Name: uppereight
Theme URI: http://www.uppereight.com
Author: Upper eight AB - Webbyrå i Malmö
Author URI: http://www.uppereight.com/kontakt
Description: Startup theme
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: uppereight
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
# Woocommerce
# Footer
--------------------------------------------------------------*/
/*--------------------------------------------------------------*/
/* !Normalize UECSS*/
/*--------------------------------------------------------------*/
body {
  margin: 0;
  -webkit-font-smoothing: antialiased;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

dfn {
	font-style: italic;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 2.5rem;
}

hr {
	box-sizing: content-box;
	height: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------*/
/* !Typography UECSS*/
/*--------------------------------------------------------------*/

@font-face {
	font-family: 'fontello';
	src: url('/wp-content/themes/uppereight/inc/assets/fonts/fontello.eot');
	src: url('/wp-content/themes/uppereight/inc/assets/fonts/fontello.eot#iefix') format('embedded-opentype'),
    	url('/wp-content/themes/uppereight/inc/assets/fonts/fontello.woff2') format('woff2'),
		url('/wp-content/themes/uppereight/inc/assets/fonts/fontello.woff') format('woff'),
		url('/wp-content/themes/uppereight/inc/assets/fonts/fontello.ttf') format('truetype'),
		url('/wp-content/themes/uppereight/inc/assets/fonts/fontello.svg#net') format('svg');
	font-weight: normal;
	font-style: normal;
}

h1, h2, h3, h4, h5, h6 {
	clear: both;
}

h1{
	padding-top: 0!important;
}

h2{
	font-size: 2.5rem!important;
}

h3{
	font-weight: 700!important;
    padding-bottom: 0!important;
}

p {
	margin-bottom: 1.5em;
	color: #666465;
	font-size: 18px;
}

@media (max-width: 767px){
	h1{
		font-size: 2rem!important;
	}
	
	h2{
		font-size: 2rem!important;
	}
}





/*--------------------------------------------------------------*/
/* !Elements UECSS*/
/*--------------------------------------------------------------*/
body {
	background: #fff;
  /* Fallback for when there is no custom background color defined. */
}

img {
	height: auto;
	/* Make sure images are scaled correctly. */
	max-width: 100%;
	/* Adhere to container width. */
}

figure {
	margin: 1em 0;
	/* Extra wide images within figure tags don't overflow the content area. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}


/*--------------------------------------------------------------*/
/* !Forms UECSS*/
/*--------------------------------------------------------------*/
#search button {
	background-color: transparent;
    border: none;
}

#search button svg {
	vertical-align: middle;
}

/*--------------------------------------------------------------*/
/* !Navigation UECSS*/
/*--------------------------------------------------------------*/

header#masthead {
	margin-bottom: 0;
}

.navbar-brand > a {
	color: rgba(0, 0, 0, 0.9);
	font-size: 1rem;
	outline: medium none;
	text-decoration: none;
}

.navbar-brand > a:visited, .navbar-brand > a:hover {
	text-decoration: none;
}

#page-sub-header {
	padding: 1.875rem 0;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
	position: relative;
	color: #cdbfe3;
	padding: 4rem 0.938rem;
	text-align: center;
	font-size: 1.25rem;
	background-size: cover !important;
}

#page-sub-header h1 {
	margin-top: 0;
	color: #fff;
	margin-bottom: 0.625rem;
}

#page-sub-header p {
	margin-bottom: 0;
	font-weight: 300;
	line-height: 1.4;
}

@media screen and (min-width: 768px) {
	#page-sub-header h1 {
    	font-size: 3.750rem;
		line-height: 1;
	}

	#page-sub-header {
		padding-top: 3.750rem;
		padding-bottom: 3.750rem;
		text-align: left;
		font-size: 1.5rem;
	}
}

@media screen and (min-width: 992px) {
	#page-sub-header p {
		max-width: 50rem;
	}
}
/*--------------------------------------------------------------*/
/* !--Links UECSS*/
/*--------------------------------------------------------------*/
/*--------------------------------------------------------------*/
/* !--Menus UECSS*/
/*--------------------------------------------------------------*/
#masthead{
	position: sticky;
	position: -webkit-sticky;
	position: -moz-sticky;
	position: -ms-sticky;
	position: -o-sticky;
	top: 0;
	z-index: 10;
}

.nav-cont-wrapper{
	background: url('/wp-content/uploads/2019/02/background-top.jpg') no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#logo_small_nav{
	position: absolute;
	opacity: 0;
	left: 60px;
	margin-top: -20px;
	-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.stuck #logo_small_nav{
	z-index: 10;
    opacity: 1;
    transform: translate(0px,40px);
    -webkit-transform: translate(0px,40px); /** Chrome & Safari **/
    -o-transform: translate(0px,40px); /** Opera **/
    -moz-transform: translate(0px,40px); /** Firefox **/
}

nav {
	padding-left: 0;
	padding-right: 0;
}

.navbar{
	padding-bottom: 0rem;
	padding-top: 0.7rem;
}

.navbar-nav > li{
    padding-bottom: 12px;
    margin-bottom: -5px;
}

.navbar-nav > li > a {
	color: white !important;
    padding: 0.5rem 1rem;
    text-transform: uppercase;
}

.navbar-nav > li > a:hover {
	color: white;
	background: none;
}

.navbar-nav .nav-text-title {
    padding: 0.5rem 1rem;
    text-transform: uppercase;
	color: white!important;
	font-weight: 700;
}



.navbar-brand {
	height: auto;
	margin-right: 0px;
}

.nav-cont{
	text-align: center;
}

.navbar-wrapper{
	background-color: #599645;
}

#logo_main{
	margin-top: 35px;
    margin-bottom: 25px;
}

#menu-item-154, .nav-contact,
#menu-item-1050, .nav-contact{
	border: solid 2px white ;
    background-color: white;
    border-radius: 15px;
    color: black;
    padding-top: 2px;
    margin-left: 25px;
    padding-bottom: 1px !important;;
    margin-top: -4px;
    margin-bottom: 7px !important;;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

body.en #menu-item-154, .nav-contact, #menu-item-1050, .nav-contact {
    margin-left: 13px;
}

#menu-item-154 a, .nav-contact a,
#menu-item-1050 a, .nav-contact a{
    color: #666465 !important;
    padding: 0.5rem 2.5rem !important;
}

#menu-item-154:hover, .nav-contact:hover,
#menu-item-1050:hover, .nav-contact:hover{
	background-color: #666465 !important;	
}

#menu-item-154:hover a, .nav-contact:hover a,
#menu-item-1050:hover a, .nav-contact:hover a{
    color: white !important;
}

.navbar-toggle .icon-bar {
	background: #000 none repeat scroll 0 0;
}

.dropdown-menu .dropdown-toggle::after {
	border-bottom: 0.3em solid transparent;
	border-left: 0.3em solid;
	border-top: 0.3em solid transparent;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

.dropdown-item {
	line-height: 1.2;
	padding-bottom: 0.313rem;
	padding-top: 0.313rem;
}

.dropdown-menu {
	min-width: 12.500rem;
}

.dropdown .open .dropdown-menu {
	display: block;
	left: 12.250em;
	top: 0;
}

.dropdown-menu .dropdown-item {
	white-space: normal;
}

@media screen and (min-width: 37.5em) {
	.menu-toggle {
    	display: none;
	}
}

@media screen and (min-width: 768px) {
	.dropdown-menu li > .dropdown-menu {
		right: -9.875rem;
		top: 1.375rem;
	}
}

@media screen and (max-width: 991px) {
	.dropdown-menu {
    	border: medium none;
		margin-left: 1.250rem;
		padding: 0;
	}

	.dropdown-menu li a {
    	padding: 0;
	}

	.navbar-nav > li > a {
		padding-bottom: 0.625rem;
		padding-top: 0.313rem;
	}

	.navbar-light .navbar-toggler {
		border: medium none;
		outline: none;
	}
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

.navigation.post-navigation {
	padding-top: 1.875rem;
}

.post-navigation .nav-previous a,
.post-navigation .nav-next a {
	border: 1px solid #ddd;
	border-radius: 0.938rem;
	display: inline-block;
	padding: 0.313rem 0.875rem;
	text-decoration: none;
}

.post-navigation .nav-next a::after {
	content: " \2192";
}

.post-navigation .nav-previous a::before {
	content: "\2190 ";
}

.post-navigation .nav-previous a:hover,
.post-navigation .nav-next a:hover {
	background: #eee none repeat scroll 0 0;
}

.navbar-wrapper .input-group-addon {
    padding: 0;
    background-color: white;
    border: none;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}

.navbar-wrapper .input-group input{
	border: none;	
}

.navbar-wrapper .input-group-addon svg {
    width: 17px;
    margin-top: 3px;
}

.navbar-wrapper .input-group .search-field{
	height: 31px;
    width: 140px;
    outline: none!important;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}

.navbar-wrapper #search .input-group{
	margin-top: -11px;
}

/*Dropdown menu*/
@media (min-width: 992px){
	.navbar-expand-lg .navbar-nav .dropdown-menu {
	    top: 43px!important;
		background-color: #F4A51D;
		border-radius: 0;
		border: none;
		border-top: 5px solid white;
		width: 100%;
		text-align: center;
		padding-top: 0.4rem;
		padding-bottom: 0.3rem;
		font-size: 0.97rem;
		z-index: 9;
	}
	
	.dropdown-menu li{
		display: inline-block;
	}
	
	.dropdown-menu li a{
	    color: white !important;
		text-transform: uppercase;
	}
	
	.dropdown-menu .current_page_item a,
	.dropdown-menu .current-page-ancestor a{
		color: #666465!important;
	}
	
	.dropdown-menu .menu-item-type-post_type{
		padding: 0 10px;
	}
	
	.dropdown-toggle::after {
		display: none;
	}
	
	.navbar-nav > .current_page_ancestor > .dropdown-menu,
	.navbar-nav > .current-page-ancestor > .dropdown-menu,
	.current_page_item .dropdown-menu{
		display: block;
	}
	
	.current-page-ancestor .dropdown-menu{
		display: block;
	}
	
	.dropdown, .dropleft, .dropright, .dropup {
    	position: inherit;
	}
	
	.navbar{
		position: inherit;
	}
	
	.menu-item-has-children > a:hover::after,
	.navbar-nav > .active > a::after,
	.navbar-nav > .current-page-ancestor > a::after
	{
	    content: '';
	    display: block;
	    width: 0;
	    height: 0;
	    vertical-align: middle;
	    border-top: 9px dashed;
	    border-right: 9px solid transparent;
	    border-left: 9px solid transparent;
	    color: #fff;
	    opacity: 1;
	    position: absolute;
	}
	
	/*Alla som ska ha pil vid hovering */
	#menu-item-823 > a:hover::after,
	#menu-item-1040 > a:hover::after,
	#menu-item-151 > a:hover::after,
	#menu-item-1041 > a:hover::after{
		display: block!important;
	}
	
	/*Alla utan pil*/
	#menu-item-154 > a::after, .nav-contact > a::after,
	#menu-item-1050 > a::after, .nav-contact > a::after{
		display: none!important;
	}
	
	/*Pilposition*/
	#menu-item-823 a::after{
		margin-left: 72px;
	}
	#menu-item-1040 a::after{
		margin-left: 60px;
	}
	
	#menu-item-151 a::after{
		margin-left: 72px;
	}
	#menu-item-1041 a::after{
		margin-left: 50px;
	}
	
	#menu-item-153 a::after{
		margin-left: 50px;
	}
	#menu-item-1039 a::after{
		margin-left: 50px;
	}
	
	#menu-item-150 a::after{
		margin-left: 58px;
	}
	#menu-item-1044 a::after{
		margin-left: 90px;
	}
	
	#menu-item-192{
		margin-right: 150px;
	}
	#menu-item-1042{
		margin-right: 200px;
	}
	
	.navbar:hover .current_page_item .dropdown-menu{
		display: none;
	}
	
	.navbar:hover .active > a::after,
	.navbar:hover .current-page-ancestor > a::after{
		display: none!important;
	}	
}

@media (min-width: 992px) and (max-width: 1550px){
	#logo_small_nav{
		display: none;
	}
}

@media (max-width: 1199px){
	.navbar #search{
		display: none;
	}
}

@media (max-width: 991px){
	#menu-item-155, #menu-item-156, #menu-item-157,
	#menu-item-182, #menu-item-185, #menu-item-183,
	#menu-item-194, #menu-item-966,
	#menu-item-1045, #menu-item-1046, #menu-item-1048,
	#menu-item-1085, #menu-item-1101, #menu-item-1102,
	#menu-item-1047, #menu-item-966{
		display: none;
	}
	
	#masthead .navbar-nav > li > a {
    	padding-bottom: 20px;
    	padding-top: 20px;
    	display: block;
		text-align: center;
	}
	
	/*Kontaktknappen*/
	#menu-item-154, .nav-contact,
	#menu-item-1050, .nav-contact{
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 20px;
		margin-top: 20px;
	}
	
	#menu-item-154 a, .nav-contact a,
	#menu-item-1050 a, .nav-contact a{
		padding-top: 3px!important;
		padding-bottom: 3px!important;
	}
	
	.navbar-toggler{
		margin-left: auto;
	}
	 
	.navbar {
    	padding-bottom: 0.4rem;
    	padding-top: 0.4rem;
	}
	
	.stuck #logo_small_nav{
	    transform: translate(0px,30px);
	    -webkit-transform: translate(0px,30px); /** Chrome & Safari **/
	    -o-transform: translate(0px,30px); /** Opera **/
	    -moz-transform: translate(0px,30px); /** Firefox **/
	}
	
	.dropdown-menu > li{
		text-align: center;
		padding: 20px;
	}
	
	.dropdown-menu > li > a{
		    color: #F4A51F!important;
	}
	
	.dropdown-menu{
		background-color: transparent;
		margin-left: 0;
	}
}

@media (max-width: 767px){
	#logo_small_nav {
	    position: absolute;
	    opacity: 0;
	    left: 15px;
    }
    
    #logo_small_nav{
	    width: 150px;
    }
    
    #logo_main {
    	margin-top: 15px;
    	margin-bottom: 15px;
    	width: 200px;
	}
}
/*--------------------------------------------------------------*/
/* !Accessibility UECSS*/
/*--------------------------------------------------------------*/

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
	word-wrap: normal !important;
	/* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 0.313rem;
	line-height: normal;
	padding: 0.938rem 1.438rem 0.875rem;
	text-decoration: none;
	top: 0.313rem;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}


/*--------------------------------------------------------------*/
/* !Alignments UECSS*/
/*--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

a img.alignright {
	float: right;
	margin: 0.313rem 0 1.25rem 1.25rem;
}

a img.alignnone {
	margin: 0.313rem 1.25rem 1.25rem 0;
}

a img.alignleft {
	float: left;
	margin: 0.313rem 1.25rem 1.25rem 0;
}

a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption.alignnone {
	margin: 0.313rem 1.25rem 1.25rem 0;
}

.wp-caption.alignleft {
	margin: 0.313rem 1.25rem 1.25rem 0;
}

.wp-caption.alignright {
	margin: 0.313rem 0 1.25rem 1.25rem;
}

.textcenter{
	text-align: center;
}

.sup{
	vertical-align: super;
    font-size: smaller;
}


/*--------------------------------------------------------------*/
/* !Clearings UECSS*/
/*--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------*/
/* !Widgets UECSS*/
/*--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
	/* Make sure select elements fit in widgets. */
}
.widget select {
	max-width: 100%;
}

.widget_search .search-form input[type="submit"] {
	display: none;
}

.nav > li > a:focus,
.nav > li > a:hover {
	text-decoration: none;
}
/*--------------------------------------------------------------*/
/* !Content UECSS*/
/*--------------------------------------------------------------*/
/*
#content{	
	background: url('/wp-content/uploads/2019/03/swirl_Zeotech_s.png') no-repeat center bottom;
    background-size: 100% 230px;
}*/
.startPage{
	overflow-x: hidden;
}

/*--------------------------------------------------------------*/
/* !-Molecules UECSS*/
/*--------------------------------------------------------------*/
.molecule .cls-1{fill:none;} 
.molecule .cls-2{clip-path:url(#clip-path);}
.molecule .cls-4{opacity:0.3;}
.molecule .cls-5{clip-path:url(#clip-path-3);}
.molecule .cls-6{clip-path:url(#clip-path-4);}

.orange .molecule .cls-3{fill:rgba(244, 165, 29, 0.25);}
.blue .molecule .cls-3{fill:rgba(101, 199, 200, 0.25);}
.blue_2 .molecule .cls-3{fill:rgb(5, 248, 251);}
.white .molecule .cls-3{fill:#fff;}
.green .molecule .cls-3{fill:rgba(89, 150, 69, 0.25);}



/*--------------------------------------------------------------*/
/* !Modules UECSS*/
/*--------------------------------------------------------------*/

/*--------------------------------------------------------------*/
/* !-Custom settings <-- UECSS*/
/*--------------------------------------------------------------*/
.inner.padding-top{
	padding-top: 90px;
}

.inner.padding-bottom{
	padding-bottom: 70px;
}

.inner.border-bottom-c{
	border-bottom: solid 2px #f4a51d;
}

.module-section{
    position: relative;
}

.module-section .bgimg{
	position: absolute;
    height: 100%;
    width: 100%;
    z-index: -1;
}

.module-section .mask{
	position: absolute;
    height: 100%;
    width: 100%;
    /*Set mask color*/
    background-color: rgba(255, 255, 255, 0.8);
    z-index: -1;
}

/*Standard text color when background colored*/
.background-colored{
	/*color: white;*/
}

/*Standard text color when background is image*/
.background-imged{
	/*color: white;*/
}

.relativeC{
	position: relative;
}

.pointer{
	cursor: pointer;
}

@media (max-width: 991px) {
	.inner.padding-top{
		padding-top: 50px;
	}
	
	.inner.padding-bottom{
		padding-bottom: 30px;
	}
}

@media (min-width: 992px) {
	.largetextw{
		width: 130%;
	}
	
	#varfor .cct-col1{
		z-index: 1;
	}
	
	.h3starter{
		height: 31px;
	}
}



/*--------------------------------------------------------------*/
/* !--Content Blank UECSS*/
/*--------------------------------------------------------------*/
.content-blank .left .molecule {
    position: absolute;
    height: 450px;
    left: -480px;
    top: 180px;
}

.content-blank .right .molecule {
    position: absolute;
    right: -670px;
    height: 680px;
    top: 70px;
}

#starter .inner.padding-top{
	padding-top: 70px;
}

#starter .inner.padding-bottom{
	padding-bottom: 30px;
}

@media (max-width: 991px) {
	#starter .inner.padding-top{
		padding-top: 30px;
	}
	
	#starter .inner.padding-bottom{
		padding-bottom: 0px;
	}
}
/*--------------------------------------------------------------*/
/* !--Header Starter pop-up UECSS*/
/*--------------------------------------------------------------*/
.header-starter-pop-up{
	position: fixed;
    top: -120%;
    height: 100%;
    left: 0;
    right: 0;
    z-index: 10;
	background-color: white;
	transition: ease-in-out 500ms;
	overflow: hidden;
}

#header-starter-pop-up {
	display: none;
}

.header-starter-pop-up.on{
    top: 0;
}

.header-starter-pop-up h2{
	padding: 0;
}

.header-starter-pop-up p{
	margin-top: 10px;
	font-size: 22px;
}

.hspu-right{
	text-align: right;
}

.header-starter-pop-up .close{
	position: absolute;
    right: 30px;
    top: 30px;
    z-index: 1;
    width: 40px;
    height: 40px;
    background-color: #f4a41d;
    opacity: 1;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.header-starter-pop-up .close span{
	color: white;
    font-size: 40px;
    text-shadow: none;
}

#CTA-popup{
	background-color: #666465;
    position: absolute;
    width: 100%;
    bottom: 70px;
    border-bottom: 2px solid white;
    border-top: 2px solid white;
    text-align: center;
}

#CTA-popup .left .molecule{
	position: absolute;
    width: 600px;
    left: -270px;
    top: -330px;
    z-index: -1;
    opacity: 0.5;
}

#paraguy{
	width: 100%;
    animation-duration: 40s;
	animation-name: changeSize;
	animation-timing-function: ease-out;
	animation-fill-mode: forwards;
}

#outerPara{
	position: absolute;
    right: -110px;
    margin-top: 20px;
    width: 65%;
    animation-duration: 40s;
	animation-name: changeRotation;
	animation-timing-function: ease;
	animation-fill-mode: forwards;
}

@keyframes changeSize {
	0% {
    	transform: scale(1);
	}

	100% {
		transform: scale(0.2);
	}
}

@keyframes changeRotation {
	0% {
    	transform: rotate(0);
	}
	
	20% {
    	transform: rotate(10deg);
	}

	100% {
		transform: rotate(-15deg);
	}
}

@media (max-width: 1200px){
	#CTA-popup .left .molecule {
		display: none;
	}
}

@media (max-height: 1000px){
	#CTA-popup .left .molecule{
	    width: 430px;
	    left: -270px;
	    top: -190px;
	}
}

@media (max-height: 800px){
	#CTA-popup .left .molecule{
	    width: 330px;
	    left: -270px;
	    top: -130px;
	}
}

@media (min-width: 992px) and (max-width: 1199px){
	#outerPara{
	    right: -30px;
	    margin-top: 80px;
	    width: 45%;
	}
}

@media (min-width: 768px) and (max-width: 991px){
	#logo_popup{
		margin-top: -20px;
		margin-right: 80px;
		margin-bottom: 20px;
	}
	
	#outerPara{
	    right: 20px;
		margin-top: 230px;
	    width: 65%;;
	}
}

@media (max-width: 767px){
	.header-starter-pop-up .inner.padding-top {
		padding-top: 30px;
	}
	
	.hspu-right{
		text-align: left;
	}
	
	#logo_popup{
		width: 240px;
		margin-bottom: 10px;
	}
	
	.header-starter-pop-up .close {
		right: 15px;
	}
	
	#outerPara{
	    right: 20px;
		margin-top: 260px;
	    width: 65%;;
	}
	
	.header-starter-pop-up p {
		font-size: 18px;
	}
	
	#CTA-popup{
    	bottom: 30px;
    }
	
}



/*--------------------------------------------------------------*/
/* !--Content Compare UECSS*/
/*--------------------------------------------------------------*/
#polly_1:hover, #polly_2:hover, #polly_3:hover{
	fill: white!important;
}

#polly_1, #polly_2, #polly_3{
	cursor: pointer;
}

.cc-content-text{
	position: absolute;
	text-align: center;
	width: 40%;
	pointer-events: none;
	color: white;
    font-weight: bold;
    font-size: 29px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.cc-content-text.on{
	line-height: 0.9;
	font-size: 20px;
	width: 40%;
	padding-right: 5%;
	padding-left: 5%;
}

.cc-content-text span{
    font-size: 13px;
    display: inline-block;
    line-height: 1.2;
    padding-left: 5%;
    padding-right: 5%;
}

.cc-inner-text{
	position: absolute;
	font-size: 28px;
    text-align: center;
    line-height: 1.2;
    color: transparent;
    font-weight: bold;
    top: 34%;
    width: 26%;
    left: 37%;
    pointer-events: none;
    -webkit-transition: all 0s ease-in-out;
    -moz-transition: all 0s ease-in-out;
    -ms-transition: all 0s ease-in-out;
    -o-transition: all 0s ease-in-out;
    transition: all 0s ease-in-out;
}

.en .cc-inner-text{
	font-size: 25px;
}

.cc-inner-text.on{
	color: #666465;
	 -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}

#cc-inner-1{
	top: 25%;
    width: 40%;
    left: 8%;
}

#cc-inner-2{
	top: 51%;
    width: 40%;
    left: 52%;
}

#cc-inner-3{
	top: 74%;
    width: 40%;
    left: 8%;
}

#cc-content-1{
	top: 9.5%;
	left: 8.5%;
}

.en #cc-content-1{
	top: 7.5%;
	left: 8.5%;
}

#cc-content-2{
	top: 32%;
	left: 52%;
}

#cc-content-3{
    top: 56%;
    left: 8%;
}


/*Modal*/
.modal-backdrop{
    opacity:0!important;
}

.content-compare .modal-body, 
.content-slider-customer .modal-body,
#colophon .modal-body,
#modalS-dif .modal-body,
#modalS-zeo .modal-body{
	padding: 2rem;
}

.content-compare .modal-content .close,
.content-slider-customer .modal-content .close,
#colophon .modal-content .close,
#modalS-dif .modal-content .close,
#modalS-zeo .modal-content .close{
	position: absolute;
    right: 25px;
    top: 25px;
    z-index: 1;
    width: 35px;
    height: 35px;
    background-color: #f4a41d;
    opacity: 1;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.content-compare .modal-content .close span,
.content-slider-customer .modal-content .close span,
#colophon .modal-content .close span,
#modalS-dif .modal-content .close span,
#modalS-zeo .modal-content .close span{
	color: white;
    font-size: 33px;
    text-shadow: none;
}

.content-compare .modal-content,
.content-slider-customer .modal-content,
#colophon .modal-content,
#modalS-dif .modal-content,
#modalS-zeo .modal-content{
    border-radius: 0;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    box-shadow: 5px 5px #c6c6c5;
}

@media (min-width: 576px){
	.content-compare .modal-dialog, 
	.content-slider-customer .modal-dialog,
	#colophon .modal-dialog,
	#modalS-dif .modal-dialog,
	#modalS-zeo .modal-dialog{
	    margin: 6rem auto;
	}
	
	.content-compare .modal-dialog-scrollable,
	.content-slider-customer .modal-dialog-scrollable,
	#colophon .modal-dialog-scrollable,
	#modalS-dif .modal-dialog-scrollable,
	#modalS-zeo .modal-dialog-scrollable{
    	max-height: calc(100% - 10rem);
	}
}

#modalS-1 .cc-blobb {
    font-size: 25px;
    line-height: 2;
    padding-top: 39px;
}

#modalS-3 .cc-blobb {
    font-size: 26px;
    line-height: 2;
    padding: 17px;
    padding-top: 52px;
    
}

#modalS-dif img, #modalS-zeo img{
	max-height: 600px;
}

#modalS-dif .modal-body, #modalS-zeo .modal-body{
	text-align: center;
}

#modalS-dif .icon-download, #modalS-dif .icon-print,
#modalS-zeo .icon-download, #modalS-zeo .icon-print{
	vertical-align: top;
    font-size: 20px;
    color: #a7a6a6;
}

.content-collapse-boxes .wp-image-957, .content-collapse-boxes .wp-image-1004{
	max-width: 300px;
}
/*End modal*/


.cc-gray-field{
	max-width: 100%;
    width: 570px;
    background-color: #d0d0d0;
    padding: 10px 30px;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    margin-top: 5px;
}

.cc-gray-field h3, .cc-gray-field p{
	color: black;
}

.cc-top-row{
	margin-bottom: 30px;
}

.cc-blobb{
	width: 100%;
    height: 246px;
    font-size: 26px;
    border-radius: 50%;
    background-color: #65c7c8;
    padding: 27px;
    text-transform: uppercase;
    color: white;
    font-weight: bold;
    text-align: center;
    line-height: 1.3;
}

#modalS-4 .cc-blobb{
	padding: 57px;
}

.cc-blobb span{
	font-size: 85px;
    line-height: 1;
}

.content-compare .left .molecule{
    position: absolute;
    height: 450px;
    left: -450px;
    top: 90px;
}

.content-compare .right .molecule {
    position: absolute;
    right: -450px;
    height: 450px;
    bottom: 10px;
}

.content-compare .modal-content ul{
	color: #666465;
	font-size: 18px;
}

#cc-snurra{
	max-width: 480px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.compare-p-u{
	margin-left: 113px;
    font-size: 16px;
    font-weight: bold;
    padding-top: 5px;
}


@media (min-width: 992px) and (max-width: 1199px){
	.cc-blobb{
		height: 226px;
		padding: 16px;
	}
	
	.compare-p-u{
		margin-left: 63px;
	}
}

@media (min-width: 768px) and (max-width: 991px){
	.cc-blobb{
		padding: 50px;
	}
	
	.compare-p-u{
		margin-left: 143px;
	}
}

@media (max-width: 767px){
	.cc-blobb{
		padding: 33px;
	}
	
	.compare-p-u{
		margin-left: 0px;
		text-align: center;
	}
}

@media (max-width: 575px){
	.cc-content-text {
		font-size: 5.5vw;
	}
	
	.cc-content-text.on{
		font-size: 4vw;
	}
	
	.cc-content-text span {
    	font-size: 2.4vw;
    }
    
    .cc-inner-text {
    	font-size: 4.5vw;
    }
}

/*--------------------------------------------------------------*/
/* !--Content Personnel UECSS*/
/*--------------------------------------------------------------*/
.content-personnel .padding-top{
	padding-top: 50px;
}

.personal{
	margin-top: 40px;
}

/*-----------------box--------------*/
.outerLink{
	position: absolute;
    z-index: 1;
    width: calc( 100% - 30px);
    height: 252px;
    border: solid 6px #fff;
}

.link-card {
	height: 240px;
	margin-bottom: 30px;
	position: relative;
	width: 100%;
	max-width: 350px;
	margin-left: auto;
	margin-right: auto;
}

.link-kort{
	padding-bottom: 40px;
	min-height: 285px;
}

.pa-cards img {
	width: 100%;
}

.textpart {
	text-align: center;
	background-color: white;
	width: 100%;
	padding: 10px;
	height: 150px;
}

.details{
	padding-left: 30px;
	padding-right: 30px;
}

.pa-img {
	position: relative;
}

.personal {
	padding-top: 20px;
}

.personal .link-card {
    margin-bottom: 0;
}

.textpart h4 {
	margin-top: 0;
	padding-top: 0px;
}

.link-card .title-panel {
	background-color: #FFFFFF;
	text-transform: uppercase;
	font-size: 30px;
	line-height: 38px;
	font-weight: bold;
	padding: 30px;
	z-index: 10;
}

.pa-wrapper {
	max-width: 311px;
	padding-bottom: 20px;
	text-align: center;
	margin: 0 auto;
}

@media (max-width: 767px) {
	.personal .col-xs-8 {
		float: none;
	}
	
	.pa-wrapper {
		width: 311px!important;
		padding-bottom: 20px;
		text-align: center;
		margin: 0 auto;
	}
}

.link-card-panel {
	width: 100%;
	position: absolute;
	display: table;
	height: inherit;
}

.link-card .link-panel {
	display: block;
	opacity: 0;
	z-index: 100;
	background-color: rgba(28, 144, 14, 0.81);
	-webkit-transition: 0.5s all ease;
	-o-transition: 0.5s all ease;
	transition: 0.5s all ease;
	border: solid 6px #c7c7c780;
}

.col-md-6.left {
	padding: 40px;
}

.col-md-6.right {
	padding: 40px;
}

.link-panel .link-card-links li {
	margin-bottom: 10px;
}

.link-panel .link-card-cities {
	list-style: none;
	padding: 30px 15px 30px 0;
	font-size: 16px;
}

.link-card-panel .panel-mask {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	height: inherit;
	width: inherit;
	background: white;
}

.link-card-panel .panel-mask img {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	-ms-transform: translateY(-50%) translateX(-50%);
	-o-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
	opacity: 1;
	-webkit-transition-property: all;
	-webkit-transition-duration: .4s;
	-webkit-transition-timing-function: cubic-bezier(.33,0,.2,1);
	-webkit-transition-delay: 0;
	-moz-transition-property: all;
	-moz-transition-duration: .4s;
	-moz-transition-timing-function: cubic-bezier(.33,0,.2,1);
	-moz-transition-delay: 0;
	-ms-transition-property: all;
	-ms-transition-duration: .4s;
	-ms-transition-timing-function: cubic-bezier(.33,0,.2,1);
	-ms-transition-delay: 0;
	-o-transition-property: all;
	-o-transition-duration: .4s;
	-o-transition-timing-function: cubic-bezier(.33,0,.2,1);
	-o-transition-delay: 0;
	transition-property: all;
	transition-duration: .4s;
	transition-timing-function: cubic-bezier(.33,0,.2,1);
	transition-delay: 0;
}

.link-card:hover .link-card-panel .panel-mask img, link-card.hover_effect .link-card-panel .panel-mask img {
	-webkit-transform: translateY(-50%) translateX(-50%) scale(1.15, 1.15);
	-ms-transform: translateY(-50%) translateX(-50%) scale(1.15, 1.15);
	-o-transform: translateY(-50%) translateX(-50%) scale(1.15, 1.15);
	transform: translateY(-50%) translateX(-50%) scale(1.15, 1.15);
	-webkit-transition: 1.8s all ease;
	-o-transition: 1.8s all ease;
	transition: 1.8s all ease;
}

.link-card:hover .link-panel, .link-card.show-cities .link-panel, link-card.hover_effect .link-panel, .link-card.show-cities .link-panel  {
	opacity: 1; 
	-webkit-transition: 0.5s all ease; 
	-o-transition: 0.5s all ease; 
	transition: 0.5s all ease;
}

.link-panel .link-card-kurser {
	list-style: none;
	padding: 30px 15px 30px 0;
	font-size: 16px;
}

.hover {
	-webkit-user-select: none;
	-webkit-touch-callout: none;        
}

.link-content p{
	line-height: 1.5;
    padding: 0;
    color: white;
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 0px;
}
  
.link-content p a{
	line-height: 1.5;
    padding: 0;
    color: white;
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 0px;
}

.link-content {
	position: relative;
    height: 220px;
}

.link-btn {
    display: block;
    height: 35px;
    width: 130px;
    line-height: 35px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    opacity: 0;
    bottom: 0px;
    transition: none;
}

p.link-btn {
    display: block;
    height: 35px;
	width: 200px;
    line-height: 32px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    opacity: 0;
    bottom: 0px;
    transition: none;
    background: #b3003a;
    color: #fff;
    border: 1px solid #b3003a;	
}

div.details {
	margin: auto;
    position: absolute;
    left: 0;
    bottom: 0px;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 100%;
    color: #202020;
    opacity: 0;
    transition: none;
}

.link-card:hover div.details {
    bottom: 85px;
    margin: auto;
    opacity: 1;
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
.link-card:hover .link-btn {
    bottom: 20px;
    margin: auto;
    opacity: 1;
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}

.link-btn:hover {
	color: white;
	background-color: #888888!important;
	text-decoration: none;	
	-webkit-transition: background 0.5s ease-in-out 0s;
	-moz-transition: background 0.5s ease-in-out 0s;
	-o-transition: background 0.5s ease-in-out 0s;
	transition: background 0.5s ease-in-out 0s;
}

.hover {
	-webkit-user-select: none;
	-webkit-touch-callout: none;        
}

.image-wrapper {
	width:100%;
	height: 465px;
	background-color: grey;
}

.image-wrapper .head-pic {
	width:100%;
	height: 465px;
}

h1.link-head {
	text-transform: uppercase;	
}

a.shadow:hover{
	-webkit-box-shadow: 9px 7px 36px -2px rgba(0,0,0,0.75);
	-moz-box-shadow: 9px 7px 36px -2px rgba(0,0,0,0.75);
	box-shadow: 9px 7px 36px -2px rgba(0,0,0,0.75);
}

.details h2{
	font-size: 24px;
}

.underTitle{
	font-size: 15px;
    font-weight: bold;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 0;
    margin-top: 260px;
}

.underTitle2{
	font-size: 15px;
    text-align: center;
    margin-bottom: 0;
}
/*-------------box end---------------*/

@media (min-width: 992px) and (max-width: 1199px){
	.link-card {
    	height: 198px;
    }
    
    .outerLink {
    	height: 210px;
	}
	
	.underTitle {
    	margin-top: 215px;
	}
}

@media (min-width: 768px) and (max-width: 991px){
	.link-card {
    	height: 200px;
    }
    
    .outerLink {
    	height: 212px;
	}
	
	.personal {
    	margin-top: 0px;
	}
	
	.underTitle {
    	margin-top: 215px;
	}
}

@media (max-width: 767px){
	.link-kort{
		width: 290px;
		margin-left: auto;
		margin-right: auto;
	}
	
	.personal {
    	margin-top: 0px;
	}
	
	.underTitle {
    	margin-top: 255px;
	}
}


/*--------------------------------------------------------------*/
/* !- Content Contact UECSS*/
/*--------------------------------------------------------------*/
.inledText{
	margin-bottom: 10px;
}

.iconC svg{
	height: 30px;
	margin-top: 5px;
}

.iconC svg path{
	fill: #F4A51D;
}

.tableIcon{
	width: inherit;
	margin-bottom: 0px;
}

.iconTe{
	color: #666465;
    font-weight: 700;
}

#karta{
    margin-top: 30px;
}

#karta iframe{
	margin-bottom: -8px;
}

.formKontakt .gfield_label,
.formKart .gfield_label{
	display: none!important;
}

.formKontakt .ginput_container input,
.formKart .ginput_container input{
	border: solid 1px #999999;
	-webkit-box-shadow: 2px 2px 0px 0px rgba(148,148,148,1);
	-moz-box-shadow: 2px 2px 0px 0px rgba(148,148,148,1);
	box-shadow: 2px 2px 0px 0px rgba(148,148,148,1);
}

.formKontakt .ginput_container textarea,
.formKart .ginput_container textarea{
	border: solid 1px #999999;
	-webkit-box-shadow: 2px 2px 0px 0px rgba(148,148,148,1);
	-moz-box-shadow: 2px 2px 0px 0px rgba(148,148,148,1);
	box-shadow: 2px 2px 0px 0px rgba(148,148,148,1);
}

.ingText{
	margin-bottom: 0px;
}

#field_1_4, #field_2_4{
	margin-bottom: -5px;
}

#field_1_6, #field_2_6, #field_5_6, #field_4_6{
	margin-top: 0px;
}

#field_1_6, #label_1_9_1{
	color: #666465;
}

/*----Custom Radiobutton------*/
input[type="checkbox"] {
	display: none !important;
}

.gfield_checkbox label:before {
	height: 25px;
    width: 25px;
    display: inline-block;
    cursor: pointer;
    background: #ffffff;
    border: 1px solid #999999 !important;
    content: ' ';
    left: 0px;
    position: absolute;
    top: 0px;
    -webkit-box-shadow: 2px 2px 0px 0px rgba(148,148,148,1);
	-moz-box-shadow: 2px 2px 0px 0px rgba(148,148,148,1);
	box-shadow: 2px 2px 0px 0px rgba(148,148,148,1);
}

.gfield_checkbox input[type="checkbox"]:checked + label:before{
    background: #f4a51d;
}
 
 
#input_2_13 li label, #input_5_13 li label{
	display: inline !important;
	margin-left: 35px!important;
	white-space: nowrap;
} 

#input_2_13 li, #input_5_13 li{
	margin-right: 25px;
    line-height: 2.4;
}
    
#input_1_9 label, #input_4_9 label, #input_2_9 label, #input_5_9 label{
	display: block !important;
	margin-left: 35px!important;
}
/*----Custom Radiobutton end------*/

#field_1_9, #field_4_9{
	margin-top: 0px;
}

#gform_submit_button_1, #gform_submit_button_2, #gform_submit_button_4, #gform_submit_button_5{
	background: #F4A51D;
    border: none;
    padding: 5px 50px;
    color: white;
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 5px;
    border: 2px solid #F4A51D;
}

#gform_submit_button_1:hover, #gform_submit_button_2:hover, #gform_submit_button_4:hover, #gform_submit_button_5:hover{
	background: #ffffff;
    color: #F4A51D;
    border: 2px solid #F4A51D;;
}

.formKontakt .gform_footer{
	text-align: right;
}

#label_2_9_1, #label_5_9_1, #label_4_9_1, #label_1_9_1{
	line-height: 2.5;
}

.gform_wrapper .address_country {
	width: 100% !important;
	padding: 0 !important;
}

.address_country select {
	width: 100%;
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    background-color: white;
    border: solid 1px #999999;
    color: #666465;
    -webkit-box-shadow: 2px 2px 0px 0px rgba(148,148,148,1);
    -moz-box-shadow: 2px 2px 0px 0px rgba(148,148,148,1);
    box-shadow: 2px 2px 0px 0px rgba(148,148,148,1);
}

.gform_wrapper .address_country label {
	display: none !important;
}

#label_1_9_1 a{
	color: #666465
}

.content-contact .gform_wrapper{
	margin-bottom: 0px;
}

.content-contact .gform_footer{
	margin-bottom: 0px!important;
	margin-top: 0px!important;
	padding-top: 5px!important;
}

@media (min-width:992px){
	.cc-form-col{
		padding-left: 70px;
	}
}

@media only screen and (min-width: 641px){
	#gform_wrapper_1 textarea.medium, #gform_wrapper_4 textarea.medium {
	    height: 290px!important;
	}
	
	#gform_wrapper_2 textarea.medium, #gform_wrapper_5 textarea.medium  {
	    height: 140px!important;
	}
}

@media only screen and (min-width:768px){
	#input_2_13 li, #input_5_13 li{
		display: inline !important;
	} 
}

@media only screen and (max-width:767px){
	#input_2_13 li, #input_5_13 li{
		line-height: 1.5;
		margin-right: 0;
		height: 40px;
	} 
}

.content-contact .right .molecule{
	position: absolute;
    height: 620px;
    right: -580px;
    top: 130px;
}

.content-contact .left .molecule {
    position: absolute;
    height: 580px;
    left: -560px;
    bottom: -350px;
}

/*--------------------------------------------------------------*/
/* !--Content Collapse amd image UECSS*/
/*--------------------------------------------------------------*/

.cci-hurfungerar_button {
    display: inline-block;
    background-color: #f4a51c;
    color: white;
    font-size: 20px;
    padding: 0px 30px 0 10px;
    font-weight: bold;
    border-bottom-right-radius: 15px;
    border-top-left-radius: 15px;
    line-height: 1.3;
    cursor: pointer;
    z-index: 2;
}

.cci-hurfungerar_button.open span::after{
	content: '';
	width: 0; 
	height: 0; 
	border-top: none;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 13px solid white;
    position: absolute;
    top: 7px;
    margin-left: 5px;
}

.cci-hurfungerar_button span::after{
	content: '';
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 13px solid white;
    border-bottom: none;
    position: absolute;
    top: 7px;
    margin-left: 5px;
}

.cci-inner-box{
	text-align: left;
	max-height: 0px;
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    overflow: hidden;
    margin-top: -10px;
    margin-bottom: 20px;
    z-index: 1;
}

.cci-inner-box.open{
	max-height: 800px;
}

.cci-content{
	background-color: #f3e8c2;
    padding: 20px 15px 15px 15px;
    border-bottom-right-radius: 15px;
}

.cci-content p{
	font-size: 15px;
	color: black;
}

.cci-img{
	text-align: center;
}

.cci-orderlast{
	margin-bottom: 40px;
	margin-top: 20px;
}

/* Basic jQuery Slider essential styles */

ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{position:absolute; display:none;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
ul.bjqs-controls.v-centered li a{position:absolute;}
ul.bjqs-controls.v-centered li.bjqs-next a{right:0;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:0;}
ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%;}
ol.bjqs-markers.h-centered{text-align: center;}
ol.bjqs-markers li{display:inline;}
ol.bjqs-markers li a{display:inline-block;}
p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}

#banner-fade{
	margin-left: auto;
	margin-right: auto;
}

@media (min-width:1200px){
	.cci-orderlast{
		margin-bottom: 40px;
		margin-top: -32px;
	}
}

@media (max-width:991px){	
	.cci-orderlast{
		margin-bottom: 30px;
	}
}

/*--------------------------------------------------------------*/
/* !--Content Fast bädd med Zeolit UECSS*/
/*--------------------------------------------------------------*/
.cfb-title{
	color: #bbbbbb;
}

.cfb-row{
	padding-bottom: 17px;
}

.cfb-lasmer_button{
	position: absolute;
	display: inline-block;
    background-color: #f4a51c;
    color: white!important;
    font-size: 21px;
    padding: 0px 30px 0 10px;
    margin-bottom: 0px;
    bottom: -17px;
    font-weight: bold;
    border-bottom-right-radius: 15px;
    border-top-left-radius: 15px;
    line-height: 1.3;
    cursor: pointer;
}

.cfb-lasmer_button span::after{
	content: '';
    width: 0;
    height: 0;
    border-left: 11px solid white;
    border-right: none;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    position: absolute;
    top: 7px;
    margin-left: 5px;
}

.cfb-col img{
	border: 2px solid #c6c6c5;
    border-top-left-radius: 15px;
    border-bottom-right-radius: 15px;
    box-shadow: 10px 10px #c6c6c5;
    margin-bottom: 15px;
    margin-top: 5px;
}

.content-fast-badd{
	margin-bottom: 50px;
}

.cfb-img-wrapper{
	position: relative;
}

.btn-cfb{
    position: absolute;
    right: 13px;
    top: 18px;
    height: 40px;
    width: 40px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: #f4a51c;
}

@media (min-width: 384px) and (max-width: 991px){
	.btn-cfb{
    	left: 300px;
		right: inherit;
	}
}

@media (max-width:991px){
	.cfb-col{
		margin-bottom: 70px;
	}
}

@media (min-width:991px){
	.cfb-title{
		min-height: 70px;
	}
}


/*--------------------------------------------------------------*/
/* !--Content Zeolitrotor UECSS*/
/*--------------------------------------------------------------*/
.content-zeolitrotor{
	margin-top: -59px;
}

.cz-gray-area{
    background-color: #c1c1c1;
    padding: 20px 20px 1px 0;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    font-size: 15px;
    color: white;
    margin-top: 59px;
}

.cz-row{
	margin-top: 20px;
	margin-bottom: 30px;
}

.cz-inner-box{
	max-height: 0px;
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    overflow: hidden;
    position: absolute;
    top: -11px;
    z-index: 1;
}

.cz-inner-box.open{
	max-height: 650px;
}

.cz-content{
	background-color: #f3e8c2;
    padding: 20px 15px 0 15px;
    width: 740px;
    border-bottom-right-radius: 15px;
}

.cz-content p{
	font-size: 15px;
	color: black;

}

.cz-hurfungerar_button{
	display: inline-block;
    background-color: #f4a51c;
    color: white;
    font-size: 21px;
    padding: 0px 30px 0 10px;
    margin-bottom: 0px;
    position: absolute;
    bottom: 5px;
    font-weight: bold;
    border-bottom-right-radius: 15px;
    border-top-left-radius: 15px;
    line-height: 1.3;
    cursor: pointer;
    z-index: 2;
}

.cz-hurfungerar_button.open span::after{
	content: '';
	width: 0; 
	height: 0; 
	border-top: none;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 13px solid white;
    position: absolute;
    top: 7px;
    margin-left: 5px;
}

.cz-hurfungerar_button span::after{
	content: '';
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 13px solid white;
    border-bottom: none;
    position: absolute;
    top: 7px;
    margin-left: 5px;
}

@media (max-width:991px){
	.cz-hurfungerar_button {
    	bottom: -30px;
    }
    
    .cz-content {
    	width: calc(100% - 15px);
    }
    
    .cz-inner-box {
    	top: 20px;
    }
    
    .zeolitrow{
	    margin-bottom: 20px;
    }
    
    .zeolitcol{
	    margin-bottom: 20px;
    }
}

/*--------------------------------------------------------------*/
/* !--Content Columns two UECSS*/
/*--------------------------------------------------------------*/
.content-columns-two .left .molecule{
    position: absolute;
    height: 450px;
    left: -480px;
    bottom: 130px;
}

.content-columns-two .left_s .molecule{
    position: absolute;
    height: 280px;
    left: -280px;
    top: 100px;
}

.content-columns-two .right .molecule {
    position: absolute;
    right: -500px;
    height: 490px;
    top: 90px;
}

.content-columns-two .inner.border-bottom-c.padding-bottom{
	padding-bottom: 30px;
}

.content-columns-two .inner.border-bottom-c.padding-bottom{
	padding-top: 50px;
}

#anpassa .inner.padding-top{
	padding-top: 50px;
}

.content-columns-two h3{
	padding-top: 0px;
}

/*--------------------------------------------------------------*/
/* !--Content Columns two with collapse UECSS*/
/*--------------------------------------------------------------*/
.content-columns-two-collapse{
	margin-top: 20px;
}

.cctc-hurfungerar_button {
    display: inline-block;
    background-color: #f4a51c;
    color: white;
    font-size: 21px;
    padding: 0px 30px 0 10px;
    font-weight: bold;
    border-bottom-right-radius: 15px;
    border-top-left-radius: 15px;
    line-height: 1.3;
    cursor: pointer;
    z-index: 2;
    position: relative;
}

.cctc-hurfungerar_button.open span::after{
	content: '';
	width: 0; 
	height: 0; 
	border-top: none;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 13px solid white;
    position: absolute;
    top: 7px;
    margin-left: 5px;
}

.cctc-hurfungerar_button span::after{
	content: '';
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 13px solid white;
    border-bottom: none;
    position: absolute;
    top: 7px;
    margin-left: 5px;
}

.cctc-inner-box{
	max-height: 0px;
	width: 345px;
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    overflow: hidden;
    margin-top: -10px;
    margin-bottom: 20px;
    z-index: 1;
}

.cctc-inner-box.open{
	max-height: 250px;
}

.cctc-content{
	background-color: #f3e8c2;
    padding: 20px 15px 1px 15px;
    border-bottom-right-radius: 15px;
}

.cctc-content p{
	font-size: 15px;
	color: black;
}

/*--------------------------------------------------------------*/
/* !--Content Columns one + two UECSS*/
/*--------------------------------------------------------------*/
.ccot-head{
	margin-bottom: 20px;
}

.content-columns-one-two .left .molecule {
    position: absolute;
    height: 450px;
    left: -480px;
    top: 180px;
}

.content-columns-one-two .left_2 .molecule {
    position: absolute;
    height: 450px;
    left: -210px;
    top: 90px;
}

.content-columns-one-two .right .molecule {
    position: absolute;
    right: -670px;
    height: 680px;
    top: 70px;
}

.content-columns-one-two .blobb{
	position: absolute;
    background-color: #65c7c8;
    width: 260px;
    height: 260px;
    top: 90px;
    border-radius: 100%;
    left: -270px;
    z-index: 1;
    overflow: hidden;
}

.content-columns-one-two .blobb p{
    font-size: 40px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    color: white;
    z-index: 1;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin-bottom: 0;
    padding: 40px;
    line-height: 1.5;
}

.content-columns-one-two .blobb p span{
    font-size: 80px;
    line-height: 1;
}

.content-columns-one-two#termisk .blobb p{
	padding-left: 0px;
	padding-right: 0px;
	line-height: 1.8;
	font-size: 33px;
}

.content-columns-one-two#utkondensering .blobb p{
	padding: 60px 0px;
}

.content-columns-one-two#zeolitrotor .blobb p{
	font-size: 30px;
	line-height: 1.1;
}

.content-columns-one-two#losningsmedel .blobb p{
	font-size: 33px;
	line-height: 2;
	top: 10px;
}

@media (min-width: 1660px) and (max-width: 1700px){
	.content-columns-one-two .blobb{
    	left: -260px;
	}
	
	.content-columns-one-two .left_2 .molecule {
    	left: -220px;
	}
}

@media (max-width: 1659px){
	.content-columns-one-two .blobb{
		display: none;
	}
}

@media (max-width:991px){
	#katalytisk{
		margin-bottom: -50px;
	}
}


/*--------------------------------------------------------------*/
/* !--Content Collapse boxes UECSS*/
/*--------------------------------------------------------------*/
.ccb-c2 img{
	margin-bottom: 1.5em; 
}

.ccb-box h4{
	display: inline-block;
    font-size: 24px;
    padding-bottom: 0;
    color: #f3a41d;
}

.ccb-box{
	position: relative;
}

.ccb-inner-box{
	max-height: 81px;
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    overflow: hidden;
    
}

.ccb-inner-box.open{
	max-height: 650px;
}

.ccb-end{
	position: absolute;
    top: 94px;
    background: white;
    right: 15px;
}

.Las_mer_button{
	display: inline-block;
	background-color: #f4a51c;
    color: white;
    font-size: 12px;
    padding: 0px 20px 0 10px;
    margin-bottom: 0px;
    position: absolute;
    top: 12px;
    font-weight: bold;
    margin-left: 10px;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 10px;
    line-height: 1.5;
    cursor: pointer;
}

.Las_mer_button.open span::after{
	content: '';
	width: 0; 
	height: 0; 
	border-top: none;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid white;
    position: absolute;
    top: 7px;
    margin-left: 3px;
}

.Las_mer_button span::after{
	content: '';
	width: 0; 
	height: 0; 
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid white;
	border-bottom: none;
    position: absolute;
    top: 7px;
    margin-left: 3px;
}

.Las_mer_button.open{
	background-color: #525252;
}

.content-collapse-boxes .left .molecule {
    position: absolute;
    height: 580px;
    left: -560px;
    top: 170px;
}

.content-collapse-boxes .right .molecule {
    position: absolute;
    right: -390px;
    height: 400px;
    top: 90px;
}

.diffusa{
	color: #f3a41d!important;
	cursor: pointer;
}

@media (max-width:767px){
	.Las_mer_button{
		    width: 35px;
	    height: 20px;
	    color: #f4a51c;
	    overflow: hidden;
	}
	
	.Las_mer_button.open{
		color: #525252;
	}
	
	.ccb-box h4 {
    	font-size: 20px;
    }
    
    .ccb-box{
	    margin-bottom: 20px;
    }
    
    .ccb-inner-box.open{
		max-height: 750px;
	}
}

/*--------------------------------------------------------------*/
/* !--Content Title, image and text UECSS*/
/*--------------------------------------------------------------*/
.content-title-img-text h1{
	padding: 0;
}

.ctit-row{
	padding-top: 20px;
}

.ctit-c1{
	z-index: -1;
}

.ctit-c2{
	padding-top: 30px;
}

#ctit-caption{
    font-size: 14px;
    color: #666465;
    text-align: center;
}

.content-title-img-text .left .molecule {
    position: absolute;
    height: 580px;
    left: -560px;
    top: 50px;
}

.content-title-img-text .right .molecule {
    position: absolute;
    right: -440px;
    height: 400px;
    top: 50px;
}

@media (min-width: 1200px){
	.ctit-row{
		margin-bottom: -50px;
	}
	
	#ctit-caption{
		position: absolute;
	    bottom: 50px;
	    right: -200px;
	    width: 220px;
	    font-size: 14px;
	    color: #666465;
	}
}
/*--------------------------------------------------------------*/
/* !--Content 4 images with click to open UECSS*/
/*--------------------------------------------------------------*/
.img-wrapper-c4ico{
	position: relative;
}

.img-wrapper-c4ico img{
	max-width: calc(100% - 15px);
    border-bottom-right-radius: 20px;
    border-top-left-radius: 20px;
    margin-bottom: 15px;
}

.h3-c4ico{
	margin-left: 20px;
}

.btn-c4ico{
    position: absolute;
    right: 30px;
    bottom: 30px;
    height: 50px;
    width: 50px;
    border-top-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

.horizontal-plus {
  position: relative;
  background-color: #FFFFFF;
  width: 50%;
  height: 12.5%;
  left: 25%;
  top: 43.75%;
}

.vertical-plus {
  position: relative;
  background-color: #FFFFFF;
  width: 12.5%;
  height: 50%;
  left: 43.75%;
  top: 12.5%;
  display: block;
}

.on .vertical-plus{
	display: none;
}

.inner-textblock-c4ico{
    padding: 15px;
    width: calc(100% - 110px);
    min-height: calc(100% - 45px);
    margin-left: 15px;
    position: absolute;
    z-index: -1;
    top: 75px;
    border-top-left-radius: 15px;
    border-bottom-right-radius: 15px;
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.inner-textblock-c4ico.on{
	opacity: 1;
	z-index: 1;
	transform: translateY(-60px);
}

.inner-textblock-c4ico h4{
	color: white;
    text-transform: uppercase;
    font-size: 14px;
    padding-bottom: 0;
    line-height: 1.3;
    font-weight: 800;
    padding-top: 0;
}

.inner-textblock-c4ico p{
	color: white;
    font-size: 14px;
    line-height: 1.3;
    margin-bottom: 12px;
}

.inner-textblock-c4ico p:last-child{
	margin-bottom: 0;
}

.snd-row-c4ico{
	margin-bottom: 30px;
}

#applikations .inner.padding-top{
	padding-top: 40px;
}

.content-4-images-click-open .left .molecule{
	position: absolute;
    height: 770px;
    left: -760px;
    top: 70px;
}

.content-4-images-click-open .right .molecule{
	position: absolute;
    height: 760px;
    right: -637px;
    top: 80px;
}

.c4ico-wrapper{
	    position: absolute;
    width: 100%;
    height: 100%;
}

@media (max-width: 991px){
	#applikations .inner.padding-bottom {
	    padding-bottom: 0px;
	}
	
	.content-4-images-click-open .molecule{
		display: none;
	}
	
	.c4ico-wrapper{
		display: none;
	}
	
	.c4ico-mtext{
		position: absolute;
	    bottom: 12px;
	    right: 95px;
	    font-size: 12px;
	    color: #ffffff;
	    font-weight: 800;
	    padding: 2px 10px;
	}
}

@media (min-width: 992px){
	.btn-c4ico{
	    pointer-events: none;
	}
	
	.inner-textblock-c4ico{
	    pointer-events: none;
	}
	
	.c4ico-mtext{
		display: none;
	}
}

@media (min-width: 768px){
	.h3-c4ico.mobile{
		display: none;
	}
}

@media (max-width: 767px){
	.h3-c4ico.desktop{
		display: none;
	}
	
	.snd-row-c4ico {
    	margin-bottom: 0px;
	}
	
	.c4ico-s{
		margin-bottom: 40px;
	}
}
/*--------------------------------------------------------------*/
/* !--Content Tilted top & bottom UECSS*/
/*--------------------------------------------------------------*/
.pre-tilted_top-bottom{
	height: 60px;
	overflow: hidden;
	position: relative;
}

.post-tilted_top-bottom{
	height: 60px;
	position: relative;
	margin-top: -2px;
}

.tilted_inner{
	position: absolute;
	width: 100%;
	height: 100%;
}

.tilted_inner img{
	width: 100%;
	height: 100%;
}

.content-tilted_top-bottom .inner{
	padding-top: 30px;
	padding-bottom: 30px;
}

.content-tilted_top-bottom .right .molecule{
	position: absolute;
    height: 440px;
    right: -450px;
    top: 50px;
}

.content-tilted_top-bottom .left .molecule{
	position: absolute;
    left: -640px;
    height: 640px;
    top: -640px;
}

.pre-tilted_top-bottom .left .molecule{
	position: absolute;
    height: 640px;
    left: -640px;
    top: -580px;
    z-index: 1;
}

@media (max-width: 991px){
	.pre-tilted_top-bottom{
		height: 20px;
	}
	
	.post-tilted_top-bottom{
		height: 20px;
	}
}

/*--------------------------------------------------------------*/
/* !--Content Slider Customer UECSS*/
/*--------------------------------------------------------------*/
.pre-slider-customer{
	height: 60px;
	margin-top: 40px;
}

.post-slider-customer{
	height: 60px;
	margin-bottom: 40px;
}

.sc-inner{
	padding-left: 60px;
	padding-right: 60px;
}

.owl-item .item{
	background-color: white;
    padding: 15px;
    border-bottom-right-radius: 15px;
    border-top-left-radius: 15px;
    min-height: 270px;
}

.outer-owl{
	padding-left: 60px;
	padding-right: 60px;
}

.owl-img-wrapper{
	padding-bottom: 0px;
    border-bottom: 1px solid;
}

.owl-img-wrapper table{
	margin-bottom: 15px;
}

.owl-carousel .owl-item img{
	width: 120px;
	display: inline;
}

.owl-td-img{
	width: 90px;
}

.owl-td-text{
	vertical-align: top;
}

.owl-next{
	position: absolute;
    right: -50px;
    top: -30px;
    font-size: 100px!important;
    color: white!important;
    outline: none!important;
}

.owl-prev{
	position: absolute;
    left: -50px;
    top: -30px;
    font-size: 100px!important;
    color: white!important;
    outline: none!important;
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background: transparent;
}

.owl-dot{
	outline: none!important;
}

.owl-theme .owl-dots .owl-dot span {
	background: white;
}

.owl-text-wrapper{
	padding-top: 15px;
}

.owl-text-wrapper p{
	margin-bottom: 0px;
	font-size: 24px;
	width: 80%;
}

.owl-text-wrapper h3{
	font-weight: 400!important;
    font-size: 32px;
}

.owl-img-wrapper h3{
	font-weight: 400!important;
    font-size: 28px;
}

.sc-field{
	margin-top: 20px;
}

.sc-field p{
	margin-bottom: 0;
}

.sc-field h3{
	font-size: 2.5rem;
    font-weight: 400!important;
    margin-bottom: 10px;
}

.sc-blobb{
	width: 100%;
    height: 246px;
    font-size: 26px;
    border-radius: 50%;
    padding: 40px;
    text-transform: uppercase;
    color: white;
    font-weight: bold;
    text-align: center;
    line-height: 1.3;
    border: 1px solid #666465;
}

.sc-button{
	bottom: 15px;
	right: 15px;
}

.content-slider-customer .right .molecule{
	position: absolute;
    height: 450px;
    right: -460px;
    top: 30px;
}

.cfb-link-card{
	cursor: pointer;
}

@media (min-width: 992px) and (max-width: 1199px){
	.owl-img-wrapper h3{
	    font-size: 23px;
	}
	
	.sc-blobb {
    	height: 226px;
    }
    
    .owl-item .item {
	    min-height: 310px;
	}
}

@media (min-width: 768px) and (max-width: 991px){
	.owl-item .item {
	    min-height: 360px;
	}
	
	.owl-img-wrapper h3{
	    font-size: 19px;
	}
	
	.sc-blobb img{
		width: 170px;
	}
}

@media (max-width: 767px){
	.owl-text-wrapper p{
		font-size: 15px;
	}
	
	.owl-img-wrapper h3{
	    font-size: 15px;
	}
	
	.cfb-lasmer_button{
		font-size: 16px;
	}
	
	.cfb-lasmer_button span::after {
	    border-left: 8px solid white;
	    border-top: 5px solid transparent;
	    border-bottom: 5px solid transparent;
	    top: 5px;
	    margin-left: 5px;
	}
	
	.sc-blobb img{
		width: 160px;
	}
}	

@media (max-width: 991px){
	.pre-slider-customer{
		height: 20px;
	}
	
	.post-slider-customer{
		height: 20px;
	}
	
	.content-slider-customer .inner{
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

/*--------------------------------------------------------------*/
/* !--Content CTA 2 buttons UECSS*/
/*--------------------------------------------------------------*/
.content-CTA-2-buttons{
	text-align: center;
}

.pcc2b{
	color: white;
    font-size: 36px!important;
    font-weight: 500;
    text-align: center;
    margin-top: 0px!important;
    margin-bottom: 5px;
}

.button-zeo{
	display: inline-block;
	border: solid 2px white;
    background-color: white;
    border-radius: 17px;
    padding: 3px 20px 2px 20px;
    text-transform: uppercase;
    min-width: 300px;
    font-weight: 700;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.button-zeo a{
	color: #666465;
	padding: 15px 0px;
}

.button-zeo:hover{
	background-color: #666465;
}

.button-zeo:hover a{
	color: white;
}

.link-cc2b{
	margin: 0 20px 15px 20px;
}

.kartlaggning{
	color: #666465!important;
}

.link-cc2b:hover .kartlaggning{
	color: white!important;
	cursor: pointer;
}

#colophon .cc-blobb{
	padding-top: 70px;
}

#colophon .cc-blobb span {
    font-size: 70px;
}

@media (min-width: 768px) and (max-width: 991px){
	.pcc2b{
    	font-size: 28px!important;
    }
}

@media (max-width: 767px){
	.pcc2b{
    	font-size: 16px!important;
    	padding-top: 7px;
    }
    
    .button-zeo a{
	    font-size: 13px;
    }
    
    .link-cc2b{
		margin: 0 0px 15px 0px;
	}
}




/*--------------------------------------------------------------*/
/* !--Content 3 hover images UECSS*/
/*--------------------------------------------------------------*/

.content-3-hover-images h3{
	text-align: center;
}

.content-3-hover-images .inner.padding-bottom {
    padding-bottom: 40px;
}

.inner-c3hi:hover h3{
	color: #62c7c8;
}

.inner-c3hi{
	text-align: center;
}

.inner-inner-c3hi{
	position: relative;
}

.inner-inner-c3hi img{
	width: 250px;
}

.c3hi-1{
	background: url('/wp-content/uploads/2019/03/top-bekymmersfritt-hov.png') no-repeat center center;
}

.c3hi-2{
	background: url('/wp-content/uploads/2019/03/top-renluft-hov.png') no-repeat center center;
}

.c3hi-3{
	background: url('/wp-content/uploads/2019/08/top-drift-ny-hov.png') no-repeat center center;
}

.mask-c3hi{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	opacity: 0;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.inner-c3hi:hover .mask-c3hi{
	opacity: 1;
}

.textbox-c3hi{
    position: absolute;
    background-color: #a0a0a0;
    color: white;
    text-align: left;
    padding: 10px 10px 0 0;
    border-top-left-radius: 15px;
    border-bottom-right-radius: 15px;
    width: 100%;
    font-size: 18px;
    list-style-type: square;
    opacity: 0;
    margin-top: -70px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.textbox-c3hi ul{
	list-style-type: square;
	line-height: 1.3;
}

.inner-c3hi:hover .textbox-c3hi{
	opacity: 1;
	z-index: 1;
	transform: translateY(-60px);
}

.row-c3hi{
	margin-bottom: 30px;
}

#contentarea{
	min-height: 140px;
}

.c3hi-maintitle{
	margin-bottom: 30px;
	text-align: center;
}

.content-3-hover-images .right .molecule{
	position: absolute;
    height: 810px;
    right: -740px;
    top: 140px;
}

.content-3-hover-images .left .molecule{
	position: absolute;
    height: 580px;
    left: -560px;
}

@media (max-width: 767px){
	.c3hi-col{
		margin-bottom: 50px;
	}
	
	.c3hi-col-f{
		margin-bottom: 20px;
	}
	
	.inner-inner-c3hi img {
    	width: 170px;
	}
}

@media (max-width: 991px){
	.content-3-hover-images .molecule{
		display: none;
	}
	
	.content-3-hover-images .inner.padding-bottom{
		padding-top: 70px;
	}
	
	#firsthover .inner.padding-bottom{
		padding-top: 40px;
	}
}

@media (min-width: 768px) and (max-width: 991px){
	.row-c3hi{
		margin-bottom: 60px;
	}
	
	#contentarea{
		min-height: 190px;
	}
}

@media (min-width: 992px) and (max-width: 1199px){
	#contentarea{
		min-height: 165px;
	}
}

/*--------------------------------------------------------------*/
/* !--Content Logos UECSS*/
/*--------------------------------------------------------------*/
.logos-row{
	text-align: center;
}

.logos-col{
	margin-bottom: 30px;
}

#logo_start .inner.padding-bottom{
	padding-bottom: 40px;
}

.content-logos .left .molecule{
    position: absolute;
    height: 570px;
    left: -550px;
    top: 90px;
}

@media (max-width: 991px){
	#logo_start .inner.padding-bottom{
		padding-top: 50px;
	}
}

@media (max-width: 767px){
	.logos-row{
		padding-left: 15px;
		padding-right: 15px;
	}
	
	.logos-col{
		padding-left: 0px;
		padding-right: 0px;
	}
}



/*--------------------------------------------------------------*/
/* !--Content Sticky Banner UECSS*/
/*--------------------------------------------------------------*/
#sticky_banner{
	position: sticky;
	position: -webkit-sticky;
	position: -moz-sticky;
	position: -ms-sticky;
	position: -o-sticky;
	bottom: 0;
	background-color: #666465;
	border-top: 2px solid white;
    border-bottom: 2px solid white;
    z-index: 3;
    overflow: hidden;
}

#sticky_banner.early{
	margin-top: -60px;
}

.molecule-banner{
	position: absolute;
    height: 100%;
    left: -200px;
}

.molecule-banner.right{
    right: -200px;
    left: inherit;
}

@media (max-width: 767px){
    .molecule-banner{
	    display: none;
    }
}


/*--------------------------------------------------------------*/
/* !--Menu Sidebar UECSS*/
/*--------------------------------------------------------------*/
.ms_sidebar{
	position: absolute;
    width: 250px;
    top: 100px;
    left: -270px;
    z-index: 1;
}

.ms_sidebar h3{
	font-size: 16px;
    text-align: center;
    background-color: #f4a51c;
    border-radius: 15px;
    padding: 8px!important;
    color: white;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.ms_sidebar ul{
	list-style: none;
    padding-inline-start: 38px;
}

.ms_sidebar ul li{
	margin-bottom: 10px;
}

.ms_sidebar ul li a{
	color: black;
}

@media (min-width: 1660px) and (max-width: 1700px){
	.ms_sidebar{
	    left: -260px;
	}
}

@media (max-width: 1659px){
	.ms_sidebar{
		display: none;
	}
}


/*--------------------------------------------------------------*/
/* !Posts and pages UECSS*/
/*--------------------------------------------------------------*/

.sticky .entry-title::before {
	content: '\f08d';
	font-family: fontawesome;
	font-size: 1.563rem;
	left: -2.5rem;
	position: absolute;
	top: 0.375rem;
}

.sticky .entry-title {
	position: relative;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

.page-template-blank-page .entry-content,
.blank-page-with-container .entry-content {
	margin-top: 0;
}

.post.hentry {
	margin-bottom: 4rem;
}

.posted-on, .byline, .comments-link {
	color: #9a9a9a;
}

.entry-title > a {
	color: inherit;
}

.searchcont{
	margin-top: 40px;
}

@media (min-width: 992px){
	.wp-image-569{
		margin-top: 50px;
	}
	
	.searchcont{
		margin-top: 70px;
	}
}
/*--------------------------------------------------------------*/
/* !--Comments UECSS*/
/*--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

.comment-body .pull-left {
	padding-right: 0.625rem;
}

.comment-list .comment {
	display: block;
}

.comment-list {
	padding-left: 0;
}

.comments-title {
	font-size: 1.125rem;
}

.comment-list .pingback {
	border-top: 1px solid rgba(0, 0, 0, 0.125);
	padding: 0.563rem 0;
}

.comment-list .pingback:first-child {
	border: medium none;
}


/*--------------------------------------------------------------*/
/* !--Tack UECSS*/
/*--------------------------------------------------------------*/
.stort_tack{
	font-size: 200px;
	margin-bottom: 0px;
}

.thanks-page{
	padding-bottom: 90px;
    padding-top: 90px;
	
}

@media (max-width: 767px){
	.stort_tack{
		font-size: 80px;
	}
}


/*--------------------------------------------------------------*/
/* !Infinite scroll UECSS*/
/*--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	/* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------*/
/* !Media scroll UECSS*/
/*--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------*/
/* !--Captions scroll UECSS*/
/*--------------------------------------------------------------*/
.wp-caption {
	background: #f1f1f1 none repeat scroll 0 0;
	border: 1px solid #f0f0f0;
	max-width: 96%;
	padding: 0.313rem 0.313rem 0;
	text-align: center;
}
.wp-caption img[class*="wp-image-"] {
	border: 0 none;
	height: auto;
	margin: 0;
	max-width: 100%;
	padding: 0;
	width: auto;
}
.wp-caption .wp-caption-text {
	font-size: 0.688rem;
	line-height: 1.063rem;
	margin: 0;
	padding: 0.625rem;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------*/
/* !--Galleries UECSS*/
/*--------------------------------------------------------------*/

.gallery {
	margin-bottom: 1.5em;
}
.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}
.gallery-item .gallery-columns-2 {
	max-width: 50%;
}
.gallery-item .gallery-columns-3 {
	max-width: 33.33333%;
}
.gallery-item .gallery-columns-4 {
	max-width: 25%;
}
.gallery-item .gallery-columns-5 {
	max-width: 20%;
}
.gallery-item .gallery-columns-6 {
	max-width: 16.66667%;
}
.gallery-item .gallery-columns-7 {
	max-width: 14.28571%;
}
.gallery-item .gallery-columns-8 {
	max-width: 12.5%;
}
.gallery-item .gallery-columns-9 {
	max-width: 11.11111%;
}

.gallery-caption {
	display: block;
}


/*--------------------------------------------------------------*/
/* !Plugin Compatibility UECSS*/
/*--------------------------------------------------------------*/
/*--------------------------------------------------------------*/
/* !--Woocommerce UECSS*/
/*--------------------------------------------------------------*/
.woocommerce-cart-form .shop_table .coupon .input-text {
	width: 8.313rem !important;
}

.variations_form .variations .value > select {
	margin-bottom: 0.625rem;
}

.woocommerce-MyAccount-content .col-1,
.woocommerce-MyAccount-content .col-2 {
	max-width: 100%;
}

/*--------------------------------------------------------------*/
/* !--UElang UECSS*/
/*--------------------------------------------------------------*/

.lang-cont {
	display: block;
    margin-top: -11px;
    margin-left: 5px;
}
/*--------------------------------------------------------------*/
/* !Elementor UECSS*/
/*--------------------------------------------------------------*/

.elementor-page article .entry-footer {
	display: none;
}

.elementor-page.page-template-fullwidth #content.site-content {
	padding-bottom: 0;
	padding-top: 0;
}

.elementor-page .entry-content {
	margin-top: 0;
}

/*--------------------------------------------------------------*/
/* !Footer UECSS*/
/*--------------------------------------------------------------*/

footer#colophon {
	border-top: 4px solid #F4A51D;
	background-color: #c4c4c4;
	position: relative;
	margin-top: 120px;
}

.whiteLine{
	margin-bottom: 50px;
    height: 3px;
    background-color: white;
}

footer#colophon {
  color: #99979c;
  padding: 1.250rem 0;
  text-align: center;
}

.copyright {
  font-size: 0.875rem;
  margin-bottom: 0;
  text-align: center;
}

.copyright a, footer#colophon a {
  color: inherit;
}

@media screen and (max-width: 767px) {
  #masthead .navbar-nav > li > a {
    padding-bottom: 1.5rem;
    padding-top: 1.5rem;
  }
}
 a.vendor {
	position: absolute;
	bottom: 20px;
	right: 20px;
}

.navFooter li{
	text-transform: uppercase;
	line-height: 1.3;
	padding-bottom: 10px;
	font-size: 12px;
    margin-bottom: 0;
}

.navFooter2 li{
	line-height: 1.7;
	padding-bottom: 10px;
	font-size: 12px;
    margin-bottom: 0;
}

.navFooter2 li:last-child{
	padding-bottom: 0;
}

.navFooter2{
	text-align: right;
}

.navFooter .liHead{
	font-size: 13px;
}

.navFooter .liBold a{
	font-weight: bold;
}

.navFooter .liPad{
	padding-bottom: 34px;
}

.navFooter, .navFooter2{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	font-weight: 300;
}

.navFooter a, .navFooter2 a{
	font-weight: 400;
}

#colophon{
	color: #666465!important;
    text-align: left!important;
    padding-top: 0px!important;
}

.colPadding{
	padding-left: 10px;
	padding-right: 10px;
}

#logoFooter svg{
	width: 260px;
	height: 45px;
}

#footerAdr{
	font-size: 13px;
    font-weight: bold;
    margin-top: 4px;
    margin-bottom: 0px;
}

#footerTable{
	height: 100%;
	margin-bottom: 0;
}

#footerTable td{
	vertical-align: bottom;
	font-size: 12px;
}

#socialF{
	text-align: right;
}

#socialF svg{
	width: 30px;
	height: 30px;
	margin-left: 3px;
	margin-bottom: 5px;
}

.footerPart2{
	margin-top: 20px;
	margin-bottom: 20px;
}

.navFooter table{
	margin-bottom: 0;
}

.icon{
	width: 50px;
}

.icon-mail-squared{
	display: inline;
	font-size: 35px;
}

.footerTab input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}

.footerTab label {
	font-size: 13px;
      text-transform: uppercase;
    line-height: 1.3;
    font-weight: bold;
    vertical-align: top;
}

.mobile-only {
	display: none;
}

.desktop-only {
	display: block;
}

.navFooter svg path{
	fill: #666465;
}


#buttonText {
	animation-duration: 12s;
	animation-name: move1;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

@keyframes move1 {
	0% {
    	transform: translateX(0px);
	}

	80% {
		transform: translateX(0px);
	}
	
	80.5%{
		transform: translateX(-15px);
	}
	
	81.5% {
		transform: translateX(15px);
	}
	
	82.5% {
		transform: translateX(-15px);
	}
	
	83.5% {
		transform: translateX(15px);
	}
	
	84%{
		transform: translateX(0px);
	}

}





@media (min-width: 768px) and (max-width: 1199px){
	.iccont{
		padding-left: 5px;
	}
	
}

@media (min-width: 768px) and (max-width: 991px){
	.footerCall{
		position: absolute;
		right: 0;
	}
	
	.fotRow{
		position: relative;
	}
	
	#footerAdr {
    	font-size: 11px;
    }
    
    .footerPart2 {
    	margin-bottom: 30px;
	}
}

@media (max-width: 991px){
	.desktop-only {
		display: none !important;
	}

	.mobile-only {
		display: block;
	}


	.footerTab label {
		position: relative;
		display: block;
		cursor: pointer;
		margin-top: 25px;  
	}
	
	.footerCall{
		margin-top: 25px;
	}
	
	.navTabContent {
		max-height: 0;
		overflow: hidden;
		-webkit-transition: max-height .35s;
		-o-transition: max-height .35s;
		transition: max-height .35s;
	}
	
	/* :checked */
	.footerTab input:checked ~ .navTabContent {
		max-height: 100%;
	}
	
	/* Icon */
	.footerTab label::after {
		position: absolute;
		right: 0;
		top: -6px;
		display: block;
		text-align: center;
		-webkit-transition: all .35s;
		-o-transition: all .35s;
		transition: all .35s;
	}
	
	.footerTab input[type=checkbox] + label::after {
		content: "+";
		font-size: 18px;
	}
	
	.footerTab input[type=checkbox]:checked + label::after {
		transform: rotate(315deg);
	}
	
	.navFooter li {
	    padding-bottom: 0;
	    margin-bottom: 0.5rem;
		padding-top: 25px;
	}
	
	.navFooter .liPad {
    	padding-bottom: 0;
	}
	
	.footerCall .navFooter li{
		padding-top: 0px;
	}
	
	footer#colophon {
    	margin-top: 20px;
	}
}

@media (max-width: 767px){
	.colPadding {
	    padding-left: 15px;
	    padding-right: 15px;
	}
	
	#logoFooter{
		margin-top: 10px;
	}
	
	#footerAdr {
    	font-size: 10px;
    	margin-bottom: 40px;
    }
    
    #footerTable td {
    	vertical-align: top;
	}
	
	.footerPart2 {
    	margin-bottom: 30px;
	}
	
	.navFooter2 {
    	text-align: left;
	}
    
    #blobbBottomInner {
	    font-size: 24px;
    }
    
    .navFooter2 li:last-child {
    	padding-bottom: 12px;
	}
}

 
/*--------------------------------------------------------------*/
/* !Icons UECSS*/
/*--------------------------------------------------------------*/
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-download:before { content: '\e800'; } /* '' */
.icon-download-1:before { content: '\e801'; } /* '' */
.icon-print:before { content: '\e802'; } /* '' */
.icon-play:before { content: '\e803'; } /* '' */
.icon-pause:before { content: '\e804'; } /* '' */
.icon-ccw:before { content: '\e805'; } /* '' */
.icon-down:before { content: '\e806'; } /* '' */
.icon-left:before { content: '\e807'; } /* '' */
.icon-right:before { content: '\e808'; } /* '' */
.icon-up:before { content: '\e809'; } /* '' */
.icon-ok:before { content: '\e80a'; } /* '' */
.icon-mail:before { content: '\e80b'; } /* '' */
.icon-rss:before { content: '\e80c'; } /* '' */
.icon-left-open-1:before { content: '\e80d'; } /* '' */
.icon-right-open-1:before { content: '\e80e'; } /* '' */
.icon-down-open-1:before { content: '\e80f'; } /* '' */
.icon-up-open-1:before { content: '\e810'; } /* '' */
.icon-down-open:before { content: '\f004'; } /* '' */
.icon-up-open:before { content: '\f005'; } /* '' */
.icon-right-open:before { content: '\f006'; } /* '' */
.icon-left-open:before { content: '\f007'; } /* '' */
.icon-pause-1:before { content: '\f00e'; } /* '' */
.icon-play-1:before { content: '\f00f'; } /* '' */


/*--------------------------------------------------------------*/
/* !404 UECSS*/
/*--------------------------------------------------------------*/
.f404{
	font-size: 200px;
}

@media (max-width: 767px){
	.f404{
		font-size: 80px;
	}
}

.error-404{
	padding-top: 90px;
    padding-bottom: 90px;
}





/*--------------------------------------------------------------*/
/* !Media Query UECSS*/
/*--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Netbook
--------------------------------------------------------------*/
@media only screen and (max-width: 1199px) {
	html {
		font-size: 93%;
	}
}
/*--------------------------------------------------------------
## iPad
--------------------------------------------------------------*/
@media only screen and (max-width: 991px) {
	html {
    	font-size: 90%;
	}
}
/*--------------------------------------------------------------
## mobile
--------------------------------------------------------------*/
@media only screen and (max-width: 767px) {
	html {
    	font-size: 88%;
	}
}

#sticky_banner button{
	margin-right: 25px;
    margin-top: 5px;
}

#sticky-observer {
	background-color: transparent;
	height: 1px;
}

#sticky_banner.stuck-banner.hide{
	background-color: transparent;
	border: none;
	height: 111px;
    pointer-events: none;
}

#sticky_banner.stuck-banner.hide .pcc2b{
	display: none;
}

#sticky_banner.stuck-banner.hide .link-cc2b{
	position: fixed;
	bottom: 0;
    margin-bottom: 0;
    min-width: 0;
    pointer-events: all;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    background-color: #666465;
    color: white!important;
    border-bottom: 0px;
}

#sticky_banner.stuck-banner.hide .link-cc2b a{
	color: white!important;
}

#sticky_banner.stuck-banner.hide .link-cc2b.two{
    right: 0;
}

#sticky_banner.stuck-banner.hide .link-cc2b.one{
    right: 166px;
}

#sticky_banner.stuck-banner button{
	display: block;
}

#sticky_banner button{
	display: none;
	z-index: 1;
    position: absolute;
    right: 0;
}

#sticky_banner.stuck-banner.hide button{
	display: none;
}

@media (min-width: 768px) and (max-width: 991px){
	#sticky_banner.stuck-banner.hide{
		height: 141px;
	}
}

@media (max-width: 767px){
	#sticky_banner.stuck-banner.hide{
		height: 130px;
	}
}