/* Toolbar */

span.separ {
	display: inline-block;
	width: 1px;
	height: 18px;
	background: #555;
	margin: 0 10px 0 15px;
	vertical-align: middle;
}

/* Hide Google */
.grecaptcha-badge { 
    visibility: hidden;
}

/* Desktop Menu */

.uk-navbar-container .uk-navbar-nav > li.uk-parent>a {
	position: relative;
}

.uk-navbar-container .uk-navbar-nav > li.uk-parent>a::after {
	content:'';
	position:absolute;
	right:0;
	top:50%;
	margin-top: -5px;
	display:block;
	width:10px;
	height:10px;
	background:url(../images/dropdown.svg) right center no-repeat;
	background-size:10px 10px;
	transition:all .25s linear;
}

.uk-navbar-dropdown-nav .uk-nav-sub {
	padding-left: 10px;
}

.uk-navbar-dropdown-nav .uk-nav-sub a {
	background:url(../images/submenu.svg) left 6px no-repeat;
	background-size:14px 14px;
	padding-left: 14px;
	letter-spacing: 1px;
	font-weight: 600;
	line-height: 18px;
}

.uk-navbar-dropdown-nav .uk-nav-sub a:hover {
	background:url(../images/submenu_hov.svg) left 6px no-repeat;
	background-size:14px 14px;
}

.uk-navbar-container .uk-navbar-nav > li.uk-parent > a:hover::after, 
.tm-header ul.uk-navbar-nav > li.uk-parent.uk-open > a::after {
	transform:rotate(180deg);
}


/* Transparent Desktop Menu */

.uk-navbar-container.uk-navbar-transparent {
	padding-top: 70px;
}

.uk-navbar-container.uk-navbar-transparent.uk-light .uk-navbar-nav > li.uk-parent>a::after {
	background-image:url(../images/dropdown_mob.svg);
}

.tm-header .uk-navbar-container.uk-navbar-transparent.uk-dark a.uk-logo img
 {
  display: none;
}

.tm-header .uk-navbar-container.uk-navbar-transparent.uk-dark a.uk-logo {
  background: url(../images/sgk-nordic-logotype.svg) center center no-repeat;
  background-size: contain;
  width: 120px;
  height: 127px;
}

.tm-header .uk-navbar-container.uk-navbar-transparent.uk-light a.uk-logo img
 {
  width: 120px;
}

.menutopsepar {
	border-top: 1px solid rgba(255,255,255,0.15);
}

/*  GDPR */

.gdpr-floating-button {
position: fixed;
left: 15px;
bottom: 15px;
background-image: url(../images/cookie.svg);
background-size: 36px 36px;
background-position: 8px center;
background-repeat: no-repeat;
width: 52px;
height: 52px;
transition: width .2s ease;
font-weight: 500;
text-wrap: nowrap;
text-indent: 52px;
line-height: 52px;
color: #fff;
background-color: #111;
border-radius: 26px;
font-size: 14px;
overflow: hidden;
z-index: 90;
}

.gdpr-floating-button:hover {
width: 210px;
color: #fff;
}


/* Small Menu on scroll down */

.uk-navbar-container .navbar .brand, 
.uk-navbar-container .navbar .nav>li>a, 
.uk-navbar-container .navbar-search, 
.uk-navbar-container .uk-navbar-item, 
.uk-navbar-container .uk-navbar-nav>li>a, 
.uk-navbar-container .uk-navbar-toggle {
	-moz-transition: min-height 0.15s ease;
	-webkit-transition: min-height 0.15s ease;
	-o-transition: min-height 0.15s ease;
	  transition: min-height 0.15s ease;
}

.uk-sticky.uk-sticky-below .uk-navbar-container .navbar .brand, 
.uk-sticky.uk-sticky-below .uk-navbar-container .navbar .nav>li>a, 
.uk-sticky.uk-sticky-below .uk-navbar-container .navbar-search, 
.uk-sticky.uk-sticky-below .uk-navbar-container .uk-navbar-item, 
.uk-sticky.uk-sticky-below .uk-navbar-container .uk-navbar-nav>li>a, 
.uk-sticky.uk-sticky-below .uk-navbar-container .uk-navbar-toggle {
	min-height: 70px;
}

.tm-header  a.uk-logo img {
 transition: width 0.15s ease-in-out;
}


.tm-header .uk-sticky.uk-sticky-below .uk-navbar-container a.uk-logo img
 {
  width: 120px;
}

.uk-navbar-nav > li > a::before {
     background-size:contain;
}

.tm-header .uk-sticky.uk-sticky-below.uk-sticky-fixed .uk-navbar-nav > li > a::before {
    bottom: 20%;
}


/* Drop Down menu */

.tm-header .uk-navbar-dropdown {
background: rgba(45, 45, 45, 0.75);
-webkit-backdrop-filter: saturate(180%) blur(5px);
backdrop-filter: saturate(180%) blur(5px);
}


.tm-header .uk-sticky .uk-navbar-dropdown:after {
	content:'';
	position:absolute;
	top:-1px;
	left:25%;
	margin-left:-12px;
	display:block;
	width:24px;
	height:12px;
	background-image:url(../images/submenu_top_arrow.svg);
	background-size:24px 12px;
	background-position: center top;
	background-repeat: no-repeat;
}

.tm-header.tm-header-overlay .uk-sticky .uk-navbar-dropdown:after {
	top:-12px;
	background-image:url(../images/submenu_bot_arrow.svg);
}



/* Languages */


div.uk-panel.mod-languages ul.uk-subnav li {
	display:inline-block;
	text-align:center;
	margin-left:0;
	margin-right:0;
	padding-left: 0;

}

div.mod-languages ul.uk-subnav li a {
	font-size: 16px;
	letter-spacing: 1px;
	color: #3D3935;	
}

.uk-navbar-container.uk-navbar-transparent.uk-light div.mod-languages ul.uk-subnav li a {
	color: rgba(255,255,255,0.7);	
}

.uk-navbar-container.uk-navbar-transparent.uk-light div.mod-languages ul.uk-subnav li a:hover {
	color: rgba(255,255,255,1);	
}


div.uk-panel.mod-languages ul.uk-subnav li a:hover {
	color: #f38230;	
}

div.uk-panel.mod-languages ul.uk-subnav li:first-child a {
	padding-right: 15px;
	
}

div.uk-panel.mod-languages ul.uk-subnav li:last-child a {
	padding-left: 15px;
}

div.uk-panel.mod-languages .uk-subnav>*>:first-child {
	display:inline-block;
	width:auto;
	line-height:30px;
	box-sizing:border-box;
	font-weight: 600;
	text-decoration: none;
}

div.uk-panel.mod-languages ul.uk-subnav li:last-child a {
	border-left:1px solid #f38230;
}

.uk-navbar-container .uk-container.uk-container-expand.uk-padding-remove-left {
	padding-right: 0;
}

/* Shipping */

.shipbut .el-item.uk-panel {
	position: relative;
	cursor: pointer;
}

.shipbut .el-item.uk-panel svg {
		-moz-transition: transform 0.15s ease;
	-webkit-transition: transform 0.15s ease;
	-o-transition: transform 0.15s ease;
	  transition: transform 0.15s ease;
}

.shipbut .el-item.uk-panel:hover svg {
	transform: scale(1.05);
}

.shipbut .el-content.uk-panel, .shipbut .el-content.uk-panel a.panelbut {
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	
}

/* Produkt */

.product .uk-accordion-title::before {
	width: 28px;
	height: 28px;
	background-size: contain;
}

.product .uk-accordion {
	margin-top: 15px;
	padding-top: 15px;
	border-top: 1px solid #ececec;
}

.product .uk-accordion .uk-accordion-title {
	line-height: 28px;
}

.product  .uk-table-justify td:first-child {
	font-weight: 600;
}

.defects h4 {
	font-size :14px;
}

.prodgrid .uk-text-meta {
	margin-left: 25px;
}

.prodgrid h3.uk-heading-bullet {;
padding-left: 24px;
}

.prodgrid .uk-heading-bullet::before {
	margin-left: -24px;
}

span.plcolor {
	width: 24px;
	height: 24px;
	border-radius: 50%;
	display: inline-block;
	vertical-align: middle;
	margin: 0 3px;
}

span.plcolor.color1 {
background-color: #4088ba;
}	

span.plcolor.color2 {
background-color: #f8cb3c;
}	

span.plcolor.color3 {
background-color: #8c969f;
}	


/* Contact */

#contact .uk-button.uk-button-primary {
	border: 2px solid rgba(255,255,255,0.35);
	color: rgba(255,255,255,0.35);
	background: transparent;
}

#contact .uk-button.uk-button-primary:hover {
	border: 2px solid rgba(255,255,255,1);
	color: rgba(255,255,255,1);
	background: transparent;
}

#contact  > div, #footer > div {
   background-repeat: repeat!important;
}

.tm-toolbar.tm-toolbar-default {
	background-image: url(../images/bot-back.png);
   background-repeat: repeat;
}

#contact textarea {
	height: 190px;
}


/* Scroll Down */


.scrolldown-wrapper {
 display: block;
	width: 28px;
}
  
.scrolldown {
	border: 2px solid #2f2d2b;
	border-radius: 14px;
	height: 44px;
	margin: 40px 0 -20px 0;
	text-align: center;
	width: 28px;
}

.scrolldown-p1,
.scrolldown-p2 {
	animation-duration: 1.5s;
	animation-name: scrolldown;
	animation-iteration-count: infinite;
	fill: #2f2d2b;
}
  
.scrolldown-p2 {
	animation-delay: .75s;
}

@keyframes scrolldown {
	0% {
		opacity: 0;
		transform: translate(0, -8px);
	}
	50% {
		opacity: 1;
		transform: translate(0, 0);
	}
	100% {
		opacity: 0;
		transform: translate(0, 8px);
	}
}


/* Base hooks */

h3.uk-h5.el-title {
	font-size: 13px;
}

#hero .cf-typed .uk-h4 {
	margin-top: 5px;
}

h5.small {
	font-size: 11px;
	letter-spacing: 5px;
}


@media (max-width: 1681px) {
body, .tm-toolbar {
		font-size: 14px;
}


div.uk-panel.mod-languages ul.uk-subnav li a {
	font-size: 14px;	
}

}


@media (min-width: 1441px) and (max-width: 1681px) {

.uk-heading-medium {
font-size: 58px;
}

h1, h2.uk-h1 {
	font-size: 44px;
}

h4 {
	font-size: 18px;
}	

h5 {
	font-size: 15px;
}

#hero h5 {
	font-size: 16px;
}

.uk-section-large {
padding-top: 90px;
padding-bottom: 90px;
}

.uk-navbar-container.uk-navbar-transparent {
	padding-top: 50px;
}



}

@media (min-width: 1200px) and (max-width: 1440px) {  


.uk-heading-medium {
font-size: 50px;
}

h1, h2.uk-h1 {
	font-size: 40px;
}

h4 {
	font-size: 18px;
}	

h5 {
	font-size: 14px;
}

#hero h5 {
	font-size: 16px;
}

.tm-header .uk-sticky .uk-navbar-container a.uk-logo img
 {
  width: 150px;
}

.tm-header .uk-navbar-container.uk-navbar-transparent.uk-dark a.uk-logo {
  width: 110px;
  height: 117px;
}

.tm-header .uk-navbar-container.uk-navbar-transparent.uk-light a.uk-logo img
 {
  width: 110px;
}

.uk-navbar-container.uk-navbar-transparent {
	padding-top: 40px;
}


.uk-section-large {
padding-top: 70px;
padding-bottom: 70px;
}

}


@media (max-width: 1200px) {  

h1, h2.uk-h1 {
	font-size: 36px;
}

h4 {
	font-size: 18px;
}	

h5 {
	font-size: 13px;
}

#hero h5 {
	font-size: 15px;
}

.uk-navbar-nav>li>a {
	padding: 0 10px;
	font-size: 14px;
}

.uk-navbar-container .uk-navbar-nav > li.uk-parent>a::after {
	right:0;
	margin-top: -3px;
	width:8px;
	height:8px;
	background-size:8px 8px;

}

.tm-header .uk-sticky .uk-navbar-container a.uk-logo img
 {
  width: 140px;
}

.tm-header .uk-navbar-container.uk-navbar-transparent.uk-dark a.uk-logo {
  width: 105px;
  height: 110px;
}

.tm-header .uk-navbar-container.uk-navbar-transparent.uk-light a.uk-logo img
 {
  width: 105px;
}

.uk-navbar-container.uk-navbar-transparent {
	padding-top: 30px;
}

.uk-sticky .uk-navbar-container .navbar .brand, 
.uk-sticky .uk-navbar-container .navbar .nav>li>a, 
.uk-sticky .uk-navbar-container .navbar-search, 
.uk-sticky .uk-navbar-container .uk-navbar-item, 
.uk-sticky .uk-navbar-container .uk-navbar-nav>li>a, 
.uk-sticky .uk-navbar-container .uk-navbar-toggle
 {
	min-height: 100px;
}

.uk-navbar-container .uk-navbar-dropdown:after {
	left:20%;
	margin-left:-9px;
	display:block;
	width:18px;
	height:9px;
	background-size:18px 9px;
}

div.uk-panel.mod-languages ul.uk-subnav li a {
	font-size: 13px;	
}

.uk-section-large {
padding-top: 70px;
padding-bottom: 70px;
}

.prodgrid .uk-text-meta {
	margin-left: 22px;
}

.prodgrid h3.uk-heading-bullet {
font-size: 20px;
padding-left: 21px;	
}

.prodgrid .uk-heading-bullet::before {
	margin-left: -21px;
}

}

@media (max-width: 960px) {

div.uk-panel.mod-languages {
	margin-right: 10px;
}

h4 {
	font-size: 16px;
}	

h5 {
	font-size: 12px;
	letter-spacing: 4px;	
}

.uk-button svg {
	width: 30px;
	height: 30px;
}

.btn, .uk-button {
padding: 0px 15px;
line-height: 40px;
font-size: 14px;
}

.uk-button-large {
padding: 0px 15px;
line-height: 44px;
font-size: 16px;
}


.uk-navbar-container:not(.uk-navbar-transparent) .uk-logo img {
	height: 46px;
	width: 102px;
}

.uk-section-large {
padding-top: 50px;
padding-bottom: 50px;
}

.uk-sticky .uk-navbar-container .navbar .brand, 
.uk-sticky .uk-navbar-container .navbar .nav>li>a, 
.uk-sticky .uk-navbar-container .navbar-search, 
.uk-sticky .uk-navbar-container .uk-navbar-item, 
.uk-sticky .uk-navbar-container .uk-navbar-nav>li>a, 
.uk-sticky .uk-navbar-container .uk-navbar-toggle,
.uk-sticky.uk-sticky-below .uk-navbar-container .navbar .brand, 
.uk-sticky.uk-sticky-below .uk-navbar-container .navbar .nav>li>a, 
.uk-sticky.uk-sticky-below .uk-navbar-container .navbar-search, 
.uk-sticky.uk-sticky-below .uk-navbar-container .uk-navbar-item, 
.uk-sticky.uk-sticky-below .uk-navbar-container .uk-navbar-nav>li>a, 
.uk-sticky.uk-sticky-below .uk-navbar-container .uk-navbar-toggle {
	min-height: 60px;
}


/* Mobile Menu */

#tm-dialog-mobile .uk-nav>li, #tm-dialog-mobile .uk-nav>li>a {
	font-weight: 600;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	position: relative;
}

#tm-dialog-mobile .uk-nav-header:not(:first-child) {
	margin-top: 0;
}

#tm-dialog-mobile .uk-nav>li:not(:first-child) {
	border-top: 1px dotted #333;
}

#tm-dialog-mobile .uk-nav-sub a {
	background:url(../images/submenu.svg) left 6px no-repeat;
	background-size:14px 14px;
	padding-left: 14px;
	font-size: 12px;
	letter-spacing: 1px;	
}

#tm-dialog-mobile .uk-nav-sub a:hover {
	background:url(../images/submenu_hov.svg) left 6px no-repeat;
	background-size:14px 14px;
}

#tm-dialog-mobile .uk-nav-sub li.uk-active ul li.uk-active a, 
#tm-dialog-mobile .uk-nav-sub > li.uk-active > a {
	background:url(../images/submenu_on.svg) left 6px no-repeat;
	background-size:14px 14px;
}

#tm-dialog-mobile ul.uk-nav-sub {
	padding: 7px 0 7px 0;
}



#tm-dialog-mobile div.mobilecont {
	border-top: 1px dotted #f38230;
	padding-top: 15px;
	margin-top: -20px;
}

.uk-nav-parent-icon>.uk-parent>a::after {
	display: none;
}

h3.uk-h5.el-title {
	letter-spacing: 2px;
}

.prodgrid .uk-text-meta {
	margin-left: 21px;
}

.prodgrid h3.uk-heading-bullet {
font-size: 18px;	
}

}




@media (max-width: 640px) {  

a.gdpr-floating-button {
	display: none;
}

#about .birchside {
	height: 230px;
}

#about .uk-section-large {
	padding-top: 0;
}

.showmarkers .uk-marker {
	padding: 3px;
}
    
.showmarkers .uk-marker svg {
	width: 14px;
	height: 14px;
}

.showmarkers .uk-drop.uk-open {
	width: 180px!important;
}

.showmarkers h3.uk-h4 {
	font-size: 13px;
}

.showmarkers .uk-text-meta {
	font-size: 9px;
	margin-top: 5px;
}

.showmarkers .el-content.uk-panel.uk-margin-top {
	font-size: 10px;
	margin-top: 10px!important;
}

.showmarkers .uk-card-body {
	padding: 20px 20px;
}

}



@media (max-width: 480px) { 

.uk-heading-medium {

}

div.uk-divider-small.uk-text-center {
	margin-bottom: 10px;
}

h1, h2.uk-h1 {
	font-size: 32px;
}

h3 {
	font-size: 16px;
}

h4 {
	font-size: 16px;
}	

h5 {
	font-size: 12px;
	letter-spacing: 1.3px;
}

#hero h5 {
	font-size: 14px;
}

#hero h4 {
	font-size: 18px;
}

#hero h1.uk-heading-medium {
	font-size: 38px;
}

h3.uk-h5.el-title {
	font-size: 12px;
	letter-spacing: 1px;
}

#about .birchside {
	height: 150px;
}

#hero h4.uk-margin-medium.uk-width-xlarge {
	margin-bottom: 170px;
}

.uk-button svg {
	width: 26px;
	height: 26px;
}

.btn, .uk-button {
padding: 0px 15px;
line-height: 40px;
font-size: 14px;
}

.uk-button-large {
padding: 0px 15px;
line-height: 40px;
font-size: 14px;
}

.uk-section-large {
padding-top: 40px;
padding-bottom: 40px;
}



.smallmobgap .el-content.uk-panel {
	font-size: 12px;
}

.smallmobgap .uk-grid-divider.uk-grid-column-medium>*, 
.smallmobgap .uk-grid-divider.uk-grid-medium>* {
	padding-left: 30px;
}

.smallmobgap .uk-grid-divider.uk-grid-column-medium, 
.smallmobgap .uk-grid-divider.uk-grid-medium {
	margin-left: -30px;
}

.smallmobgap .uk-grid-divider.uk-grid-column-medium>:not(.uk-first-column)::before, 
.smallmobgap .uk-grid-divider.uk-grid-medium>:not(.uk-first-column)::before {
	left: 15px;
}

#stock .uk-text-large {
	font-size: 14px;
}

.prodgrid .uk-text-meta {
	margin-left: 18px;
	font-size: 11px;
	letter-spacing: .5px;
}

.prodgrid h3.uk-heading-bullet {
font-size: 16px;
padding-left: 18px;
}

.prodgrid .uk-heading-bullet::before {
	margin-left: -18px;
}

}



@media (max-width: 380px) {


#hero h1.uk-heading-medium {
	font-size: 32px;
}

.uk-card-title {
	font-size: 24px;
}

	     
 #hero h4.uk-margin-medium.uk-width-xlarge {
	margin-bottom: 140px;
}


}

@media print {  

}