h1 > a:hover, 
h2 > a:hover, 
h3 > a:hover, 
h4 > a:hover, 
h5 > a:hover {
	text-decoration:none ;
}
/* Block Color Modifier
 ========================================================================== */
/* Default */
.uk-block-default-transp {
  background: rgba(255,255,255,0.7);
}
/* Muted */
.uk-block-muted-transp {
  background: rgba(245,245,245,0.3);
}
/* Primary */
.uk-block-primary-transp {
  background: ²(122,184,0,0.7);
}
/* Secondary */
.uk-block-secondary-transp {
  background: rgba(185,153,223,0.7);
}
/* Dark */
.uk-block-dark-transp {
  background: rgba(34,34,34,0.7);
}
/* ============= */
.highlight {
  background-color: #ffffaa;
}
.sl-smoothscroll-bar {
  position: fixed;
  top: 0;
  right: 40px;
  bottom: 0;
  width: 12px;
  z-index: 7;
}
/* Modifier: `uk-dotnav-contrast`
 ========================================================================== */
.uk-dotnav-contrast > * > * {
  background: rgba(0, 0, 0, 0);
  border: 1px solid rgba(60, 54, 48, 0.5);
}
/*
 * Hover
 * 1. Apply hover style also to focus state
 */
.uk-dotnav-contrast > * > *:hover,
.uk-dotnav-contrast > * > *:focus {
  background: rgba(0, 0, 0, 0);
  border-color: #3c3630;
}
/* OnClick */
.uk-dotnav-contrast > * > *:active {
  background: #3c3630;
  border-color: #3c3630;
}
/* Active */
.uk-dotnav-contrast > *.uk-active > * {
  background: #3c3630;
  border-color: #3c3630;
}

/*   
 * Lightbox add-on  
 */  
/*.uk-modal-dialog {  
    padding: 0px;  
} */ 
.uk-modal-dialog-lightbox>.uk-close:first-child {  
    position: absolute;  
    top: -12px;  
    right: -12px;  
    margin: 0;  
    float: none;  
}
.sl-tab {
	font: 16px/16px tahoma, sans-serif;
	margin: 10px 0 5px 0;
	}
/* ========================================================================
   Component: List mat-apps
 ========================================================================== */
.sl-list-apps {
  padding: 0;
  list-style: none;
 }
.sl-list-apps > li { 
	font-family: tahoma;
	font-size: 11px;
	line-height: 11px; 
  }
/*
 * Micro clearfix to make list more robust
 */
.sl-list-apps > li:before,
.sl-list-apps > li:after {
  content: "";
  display: table;
}
.sl-list-apps > li:after {
  clear: both;
}
/*
 * Remove margin from the last-child
 */
.sl-list-apps > li > :last-child {
  margin-bottom: 0;
}
.sl-list-apps ul {
  margin: 0;
  padding-left: 20px;
  list-style: none;
}
/* Zoom Effect
----------------------------------------------------------------------------------------------------*/

.sl-zoom > * {
	-moz-transition: all 0.1s ease-out;
	-o-transition: all 0.1s ease-out;
	-webkit-transition: all 0.1s ease-out;
	transition: all 0.1s ease-out;
}

.sl-zoom > *:hover {
	z-index: 10;
	box-shadow: 8px 8px 15px rgba(0,0, 0, 0.4);
	-webkit-transform: rotate(0deg) scale(1.2);
	-o-transform: rotate(0deg) scale(1.2);
	-moz-transform: rotate(0deg) scale(1.2);
	-ms-transform: rotate(0deg) scale(1.2);
	transform: rotate(0deg) scale(1.2);
}
a.uk-thumbnail:hover,
a.uk-thumbnail:focus {
    background-color: #fff;
  }

.uk-subnav-pill > * > * {
  border-left: 2px solid #7ab800;
}
.uk-h1, .uk-h2 {
  border-left: 5px solid #7ab800; padding-left: 10px;}
  /* color selector */
.bg-resin {
background-color: #3eb5a8;}
.bg-compound {
background-color: #7ab800;}
.bg-part {
background-color: #513c40;}
.bg-circuit {
background-color: #6b2583;}
.bg-porophen {
background-color: #6A9F00;}
.bg-kinel {
background-color: #003366;}
.bg-neonit {
background-color: #0052A4;}
.bg-em {
background-color: #006BD7;}
.bg-durapekk {
background-color: #6087a2;}
.bg-dap {
background-color: #135FE6;}
.bg-si {
background-color: #c62e2b;}

 .col-resin {
	color: #3eb5a8;}
.col-compound {
	color: #7ab800;}
.col-part {
	color: #513c40;}
.col-circuit {
	color: #6b2583;}	

.form-element-subrow > select{
	width:100%;}
.sl-h2 {
	line-height: 16px;
	font-size: 16px;	
	margin: 10px 0 5px 0;
	text-transform: uppercase;
}
.sl-sub-categories { margin: 0px; }

.sl-sub-categories a {
	line-height: 14px;
	font-size: 12px;
	color: #323232;
}

.sl-sub-categories span {
	color: #969696;
	font-size: 10px;
}

.uk-grid + .uk-grid
 {margin-top: 20px;
}
/*
 * Visibility
 * Avoids setting display to `block` so it works also with `inline-block` and `table`
 */
/* the biggest */
@media (min-width: 1220px) {
  .uk-visible-small {
    display: none !important;
  }
  .uk-visible-medium {
    display: none !important;
  }
  .uk-hidden-large {
    display: none !important;
  }
  .uk-hidden-xlarge {
    display: none !important;
  }
} 
/* Desktop and bigger */
@media (min-width: 960px) and max-width: 1219px) {
  .uk-visible-small {
    display: none !important;
  }
  .uk-visible-medium {
    display: none !important;
  }
  .uk-hidden-large {
    display: none !important;
  }
  .uk-visible-xlarge {
    display: none !important;
  }
}
/* Tablets portrait */
@media (min-width: 768px) and (max-width: 959px) {
    .uk-visible-xlarge {
    display: none !important;
  }
}
/* Phone landscape and smaller*/
@media (max-width: 767px) {
    .uk-visible-xlarge {
    display: none !important;
  }
}
.uk-button {
border: 1px solid rgba(0,0,0,0.2);
border-radius: 3px;
}
/*
 * uk-button Hover
 * 1. Apply hover style also to focus state
 * 2. Remove default focus style
 */
.uk-icon-button:hover,
.uk-icon-button:focus {
  background-color: #c05757;
  color: #ffffff;
  /* 2 */
  outline: none;
  box-shadow: inset 0 1px 0 #b84545;
}
/* Active */
.uk-icon-button:active {
  background-color: #ba4848;
  color: rgba(255, 255, 255, 0.7);
  box-shadow: inset 0 3px 9px #933737;
}
.tm-mosaic .uk-overlay0:hover img {   
-webkit-transform: none;     
transform: none;   
}
/* Sub-object `uk-overlay-area0`
 ========================================================================== */
/*
 * 1. Set position
 * 2. Set style
 * 3. Fade-in transition
 */
.uk-overlay0-area0 {
  /* 1 */
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  /* 2 */
  background: rgba(0, 0, 0, 0.1);
  /* 3 */
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
  -webkit-transform: translate3d(0, 0, 0);
  width: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
/*
 * Hover
 * 1. `uk-hover` to support touch devices
 * 2. Use optional `uk-overlay-toggle` to trigger the overlay earlier
 */
.uk-overlay0:hover .uk-overlay0-area0,
.uk-overlay0.uk-hover .uk-overlay0-area0,
.uk-overlay0-toggle:hover .uk-overlay0-area0,
.uk-overlay0-toggle.uk-hover .uk-overlay0-area0 {
  opacity: 1;
}
/*
 * Icon
 */
.uk-overlay0-area0:empty:before {
  content: "\f002";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50px;
  height: 50px;
  margin-top: -25px;
  margin-left: -25px;
  font-size: 50px;
  line-height: 1;
  font-family: FontAwesome;
  text-align: center;
  color: #ffffff;
}
/* Sub-object `uk-overlay-area-content`
 ========================================================================== */
/*
 * Remove whitespace between child elements when using `inline-block`
 * Needed for Firefox
 */
.uk-overlay0-area0:not(:empty) {
  font-size: 0.001px;
}
/*
 * 1. Needed for vertical alignment
 */
.uk-overlay0-area0:not(:empty):before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
/*
 * 1. Set vertical alignment
 * 2. Reset whitespace hack
 * 3. Set horizontal alignment
 * 4. Set style
 */
.uk-overlay0-area0-content {
  /* 1 */
  display: inline-block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  vertical-align: middle;
  /* 2 */
  font-size: 1rem;
  /* 3 */
  text-align: center;
  /* 4 */
  padding: 0 15px;

}
/*
 * Remove margin from the last-child
 */
.uk-overlay0-area0-content > :last-child {
  margin-bottom: 0;
}
/*
 * Links in overlay area
 */
.uk-overlay0-area0-content a:not([class]),
.uk-overlay0-area0-content a:not([class]):hover {
  color: inherit;
}

/* Widgetkit Slideshow
----------------------------------------*/
.wk-slideshow-infinite .caption{
bottom:10%;
left:10%;
right:10%;
background:none;}

.wk-slideshow-infinite .caption h1 {
	background-color: rgba(150,176,194,0.85);
	font-size:25px;line-height:27px;
}

.wk-slideshow-infinite .caption h1 + span {
	background-color: rgba(122,184,0,0.85);
	font-family: "Open sans";
	font-size:20px;line-height:22px;
}

/* additional text attributes
*/
h60 { font-family: "Open Sans"; 
	font-size: 60px; 
	line-height: 60px; 
	}
h70 { font-family: "Open Sans"; 
	font-size: 70px; 
	line-height: 70px; 
	}
h80 { font-family: "Open Sans"; 
	font-size: 80px; 
	line-height: 80px; 
	}	
h90 { font-family: "Open Sans"; 
	font-size: 90px; 
	line-height: 90px; 
	}
@media (max-width: 960px) {
h70, h80, h90 {font-size:60px; line-height: 60px;}
}
@media (max-width: 960px) {
.uk-article-title {font-size: 28px;line-height: 28px;}
}
.uk-grid > .uk-width-medium-1-2 .uk-article-title { font-size: 24px; line-height: 24px; }
.uk-grid > .uk-width-medium-1-3 .uk-article-title { font-size: 24px; line-height: 24px; }
.uk-grid > .uk-width-medium-1-4 .uk-article-title { font-size: 22px; line-height: 22px; }
.tm-article-date + .uk-article-title { margin-left: 80px; }
/*
 * 1. Logo in absolute position & over
 * 2. Pages top margin for sticky menu + padding breadcrumb
 * 3. Green line under menu
 * 4. font color of top menu sub item dropdown
 * 5. removed top margin of sub item (top and side menu)
 * 6. top menu aligned right
 * 7. light box shadow for dropdown
 * 8. box border dependent of screen size
 * 9. pushed sub item arrow f0da (hover) to the left for long menu items
 */
.tm-logo {
 /* 1 */
  position: absolute;
  z-index: 10;
}
.tm-sticky-navbar .tm-block-top + * {
  /* 2 */
  margin-top: 95px;
}
.uk-breadcrumb {
  /* 2 */
  padding: 22px 0 0 0;}
 .uk-breadcrumb > li:nth-child(n+2):before {
  color: rgba(0, 0, 0, 0.25);
} 
ul.uk-breadcrumb {margin-bottom: 0;}

.uk-navbar {
  /* 3 */
  border-bottom: 1px solid #7Ab800;
}
/*for small device to avoid logo goes down
*/
@media (max-width: 479px) {
.uk-navbar-center {
  max-width: 100%;
}}
/*------*/
.uk-nav-navbar ul a {
  /* 4 */
  color: rgba(255, 255, 255, 0.75);
}
ul.uk-nav-sub li a {
  /* 5 */
  padding-top: 0px;
}
.uk-navbar-nav {
  /* 6 */
  float:right;
}
.uk-dropdown {
  /* 7 */
  box-shadow: 1px 1px 3px #888888;
}
  /* 8 */   
  .uk-panel-zoospec {
	list-style: none;
	margin: 20px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	border-top: 1px solid #c8c8c8;
	border-bottom: 1px solid #c8c8c8;
	overflow: hidden;
   }
.uk-panel-box.sl-box-s {  padding: 10px;}

@media (min-width: 1220px) {
  .uk-panel-box {
    padding: 40px;}
  .uk-panel-box.uk-panel-box--news {
    padding: 30px;}
  .uk-panel-teaser {
   margin: 0px -40px 0px -40px;}
}
@media (min-width: 768px) and (max-width: 1219px) {
  .uk-panel-box {
    padding: 30px;}  
  .uk-panel-teaser {
   margin: 0px -30px -0px -30px;}
}
@media (max-width: 767px) {
  .uk-panel-teaser {
   margin: 0px -20px -0px -20px;
}}
  /* 9 */ 
ul.uk-nav-sub {
  padding: 5px 0 5px 25px;
} 
ul.uk-nav-sub li a:before {
  content: "\f105";
  width: 20px;
  margin-left: -20px;
  float: left;
  overflow: hidden;
  font-family: "FontAwesome";
  font-size: 12px;
  text-align: center;
  text-indent: -40px;
}
@media (min-width: 768px) {
  dl.sl-description-list-horizontal dd {
	font-family: 'Open sans';
	font-weight: normal;
	font-size: inherit;
	padding-left:10px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-width: 0 0 0 1px;
	border-style: solid;
	border-color: #DDD;
	margin-top: -20px;
}  
.sl-description-list-horizontal > dt {
    width: 90px;
}
dl.sl-description-list-horizontal dt{
	padding-top: 5px;
	font-family: 'Open sans';
	font-weight: 200;
	font-size: 200%;
}
.sl-description-list-horizontal > dd {
    margin-left: 100px;
}
}
/*
 * Sub-modifier: `uk-panel-box-white`
 */
.tm-mosaic .uk-panel-box-white {
  box-shadow: inset 0 0 2px #000;
}
.uk-panel-box-white {
  background-color: #ffffff;
  color: #000000;
}
.uk-panel-box-white a {
  color: #000;
}
.uk-panel-box-white a:hover {
  color: #888;
  text-decoration: none;
}
.uk-panel-box-white .uk-button {
  background: #333;
  box-shadow: 0 1px 1px #c4c4c4;
  color: #fcfcfc;
  text-shadow: none;
}
.uk-panel-box-white .uk-button:hover {
  background: #666;
  box-shadow: 0 1px 1px #c4c4c4;
  color: #ffffff;
  text-shadow: none;
}
.uk-panel-box-white .uk-badge {
  background: #000;
  box-shadow: 0 1px 1px #c4c4c4;
  color: #844bc7;
  text-shadow: none;
}
.uk-panel-box-white .uk-panel-title {
  color: #000000;
}
/*
 * Sub-modifier: `uk-panel-box-dark`
 */
.uk-panel-box-dark {
  background-color: #513c40;
  color: #999;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  text-shadow: none;
}
.uk-panel-box-dark a {
  color: #999;
}
.uk-panel-box-dark a:hover {
  color: #fff;
}
.uk-panel-box-dark .uk-button {
  background: rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 1px #000;
  color: #7ab800;
  text-shadow: none;
}
.uk-panel-box-dark .uk-button:hover {
  background: rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 1px #000;
  color: #ffffff;
  text-shadow: none;
}
.uk-panel-box-dark .uk-badge {
  background: #fff;
  box-shadow: 0 1px 1px #000;
  color: #513c40;
  text-shadow: none;
}
.uk-panel-box-dark .uk-panel-title {
  color: #ffffff;
}
.uk-panel-box-dark .uk-h1,.uk-panel-box-dark .uk-h2,.uk-panel-box-dark .uk-h3,.uk-panel-box-dark .uk-h4,.uk-panel-box-dark .uk-h5,.uk-panel-box-dark .uk-h6 {
  color: #ffffff;
}
/*******************/
/*
 * Active
 * 1. Remove default focus style
 * 2. color of text (list of results)
 */
.uk-nav-search > li.uk-active > a {
  background: #689b04;
  color: #fff;
  /* 1 */
  outline: none;
}
.uk-nav-search > li > a {
  /* 2 */
  color: rgba(255, 255, 255, 0.9);
}

/*****************/
/*
 * offcanvas modfication
 */
.uk-nav-offcanvas ul a {
  color: #777777;
}
html:not(.uk-touch) .uk-nav-offcanvas ul a:hover {
  color: #7ab800;
}

/*****************/
/*
 * 1. row border for uk table
 * 2. reduce article top margin
 * 3. css for toolbar position (not used!?)
 */

.uk-table th,
.uk-table td {
  /* 1 */
  border-bottom: 1px solid #e5e5e5;
}
.uk-article-title {  
  /* 2 */
  margin-top: 5px;  
}
.toolbar {
  /* 3 */
  font-size: 10px;
  line-height: 30px;
}

/****************/
/*
 * CSS for language switcher
 */
.tm-language {  
z-index: 9999;  
}  

div.mod-languages {  
display: block;  
width: auto;  
float: right;  
height: 30px;  
}  

div.mod-languages ul {  
float: right;  
margin-top: 3px;  
}  

div.mod-languages li {  
margin-right: 0;  
}  

#offcanvas div.mod-languages {  
display: inline;  
width: auto;  
float: left;  
height: auto;  
margin-top: 20px;  
}  

#offcanvas div.mod-languages ul {  
float: left;  
margin-top: 5px;  
}  

#offcanvas div.mod-languages img {  
border: 1px solid #FFFFFF;  
}  

#offcanvas div.mod-languages ul.lang-inline li {  
display: block;  
margin: 10px 0 0 0;  
}
/********************/
/* Widgetkit
 ========================================================================== */
#lightbox-outer {
background: #fff; 
  box-shadow: 0px 0px 30px #151515;
}
#lightbox-content {
  border: 0px solid #fff;
}
/*/ Font awesome for List Icons
// -------------------------*/
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.28571429em;
  text-align: center;
}

.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.85714286em;
}
.fa-check-circle-o:before {
  content: "\f05d";
}
.fa-check-square-o:before {
  content: "\f046";
}
.fa-check:before {
  content: "\f00c";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d";
}


/* uk-Overlay-blur */
.uk-overlay-blur {
  -webkit-transform: none;
  transform: none;
  -webkit-filter: blur(0px);
  filter: blur(0px);
}
.uk-overlay-hover:hover .uk-overlay-blur,
.uk-overlay-active .uk-active > .uk-overlay-blur {
  -webkit-transform: none;
  transform: none;
  transition-duration: 0.3s;
  -webkit-filter: blur(2px);
  filter: blur(2px);
}

.sl-outlined {
	background: #fff;
	padding: 10px;
	border: 1px solid #c8c8c8;
	text-shadow: none;}

/* Blogs */
.tm-isblog .tm-content .uk-width-medium-1-3 > .uk-article > a.uk-align-right {
  margin-left: 0;
  float: none;
  max-width: 100%;
}

/* Footer */
.tm-footer a:hover {
  color: #881d1d;
  text-decoration: underline;
}

/* Hide Sumitomo and Vyncolit Privacy Policies from all pages*/
.tm-footer .uk-panel .uk-subnav li:nth-child(1),
.tm-footer .uk-panel .uk-subnav li:nth-child(2)  {
  display: none;
}

/* Display Sumitomo Privacy Policy*/
.com_zoo.task-item.item-id2661 .tm-footer .uk-panel .uk-subnav li:nth-child(1) {
  display: inline-block;
}

/* Display Vyncolit Privacy Policy*/
.com_zoo.task-item.item-id2663 .tm-footer .uk-panel .uk-subnav li:nth-child(2) {
  display: inline-block;
}

.jb.cookie p {
  margin: 4px 20px;
}